/*
Theme Name: trmgs
Theme URI: 
Author: Alexandros Chanas
Author URI:
Version: 1.0
*/

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: "Red Hat Mono", monospace;
    font-optical-sizing: auto;
    font-style: normal;
    }
    
    :root{
      
      --join_bg :#f2f2c8;
      --join_lila: #d0abc4;
      --join_green : #d2da06;
      --join_red :#d31e4d;
      --join_orange: #d2731f;
      --join_orange_bright :#ff6b00; 

    }
    

    .header_menu li a{font-weight:bold !important;}
    @media screen and (min-width: 1240px) {

        :root{

          --text-hero: 220px;
          --text-hero-lh:calc(var(--text-hero) * 1);
          
          --text-5xl : 143px;
          --text-5xl-lh:calc(var(--text-5xl) * 1);
          
          
          --text-4xl: 132px;
          --text-4xl-lh:calc(var(--text-4xl) * 1);
          
          
          --text-3xl : 88px;
          --text-3xl-lh:calc(var(--text-3xl) * 1);
          
          
          --text-2xl : 66px;
          --text-2xl-lh:calc(var(--text-2xl) * 1);
          
          
          --text-xl : 55px;
          --text-xl-lh:calc(var(--text-xl) * 1);
          
          
          --text-l : 44px;
          --text-l-lh:calc(var(--text-l) * 1);
          
          
          --text-m : 33px;
          --text-m-lh:calc(var(--text-m) * 1);
          
          
          --text-s : 22px;
          --text-s-lh:calc(var(--text-s) * 1.5);
          
          
          --text-xs : 11px;
          --max-width:1640px;

          

          --text_clamp:clamp(100px, 6.5dvw, 240px);
          --text_lh_clamp:calc(var(--text_clamp) * 1);


        }
    
        li{font-size:16px; line-height:26px;}
        ul{margin: 1rem 0px 1rem 22px;}
        p{font-size:16px; font-weight:300 !important; line-height:20px; margin-bottom:1rem;}
        strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit; color: black; }
        em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
        span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
        h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: black; line-height:30px;}
        h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: black; }
        h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: black; }
        h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: black; }
        h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: black; }
        h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: black; }
        body, html {
            font-size: 100%;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            --light-blue:#4396d2;
            --grey-color:#414141;
            overflow-x:hidden;
        }  

        /* Degular Usage */
      
/*           font-family: 'Degular', sans-serif;
          font-weight: 400; */

        /* Degular Usage */

        /* ###### Body ###### */
        
        body {background-color:var(--join_bg); overflow-x: none;}

        /* ###### Body ###### */

        /* ###### Wrapper / Container ###### */

        .wrapper{width:100%; min-height:35vh;}
        .container{width:90%; height:100%; margin:auto; max-width:var(--max-width);}

        /* .container .vc_row{margin:0;} */

        /* ###### Wrapper / Container ###### */


        /* ###### Header ###### */

        header{ display: flex; justify-content: center; align-items: center; flex-direction: column;}
        header li{list-style:none;}

        .header_logo{}
        .header_logo li{width:100%; height:100%; padding:5vh 0px; }
        .header_logo li a{width:100%; height:100%; }
        .header_logo img{width:100%}
        .header_menu{display: flex; justify-content: center; align-items: center;}
        .header_menu ul{margin:0px !important; display: flex; justify-content: space-between; align-items: center; width:300px;}
        .header_menu li a{font-size:var(--text-s); line-height:calc(var(--text-s) * 1.5); text-decoration:none; color:black; display: flex; justify-content: center; align-items: center; gap:11px;}

        .mobile_menu{display:none;}
        .mobile_menu_activator{display:none}

        /* ###### Header ###### */

        /* ###### New menu section ###### */


        /* .hero_section_wrapper{margin: 132px auto; width: 1100px; max-width: 1400px; height: 800px; position: relative; margin-left: calc(50% - 550px);} */

        .hero_section_wrapper{ margin: 88px auto; width: 100%; position: relative; padding: 0px !important; aspect-ratio: 16 / 9; }
        .hero_section_wrapper .vc_column-inner { padding:0 !important; }


        /* .hero_section_bg_image{position: absolute; left:calc(50% - 500px); z-index: 10; top: 88px; width: 1000px; max-width: 1400px; height: 800px; border-radius: 44px; overflow: hidden; transform: rotate(5deg);} */
        .hero_section_bg_image{ position: relative; width: 75%; aspect-ratio: 1.8; overflow: hidden; border-radius: 44px; position: absolute; left: 12.5%; z-index: 10; top: 13%; border-radius: 44px; overflow: hidden; transform: rotate(5deg); transform-origin: 50% 50%;}
        /* .hero_section_bg_image figure{width:100%; height:100%; position:absolute; top:-142px;} */
        .hero_section_bg_image figure{width: 100%; height: 100%; border-radius: 44px; overflow: hidden; display: flex ; }
        .hero_section_bg_image figure div{width:100%; height:100%;}
        /* .hero_section_bg_image figure div img {width: 100%; height: 100%; object-fit: cover; object-position: center top; } */
        .hero_section_bg_image figure div img { width: 100%; height: 100%; object-fit: cover;}
        

        /* .hero_section_bg_image { position: relative; width: 1000px; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 44px; }  */
        .hero_section_bg_image figure, .hero_section_bg_image figure div { width: 100%; height: 100%; } 
        .hero_section_bg_image img { width: 100%; height: 100%; object-fit: contain;  object-position: center;  display: block; border-radius: 44px; }

        /* .girl_image{position:absolute; width:500px; height:100%; z-index: 500; transform: rotate(5deg); top: -8px; left: 400px;} */
        .girl_image{position: absolute; width: 85%; height: auto; z-index: 500; top: 11.3%; left: 50%; transform: rotate(5deg) translateX(-50%);}
        /* .girl_image img{width:100%; height:1000px;} */
        .girl_image img{width:100%;}

        .transparent{font-size:var(--text-l); color:transparent;}

        .fresh_bites_item_cont{position: absolute; left: 13%; bottom: 8%; z-index: 1000; margin:0;}
        .fresh_bites_item {position:relative;}
        .fresh_bites_background{}
        .fresh_bites_background img{width:160px !important; height:160px !important;}
        .fresh_bites_content{position:absolute; transform: rotate(-13deg); top:0; width:160px; height:160px; display:flex; justify-content:center; align-items: center; font-size:var(--text-s)}

        /* .hero_title1{position:absolute; top:44px; left:calc(55% - 350px); width:700px;  z-index: 11; } */
        .hero_title1{ position: absolute; top: -1%; left: 40%; z-index: 11; transform: translateX(-50%) !important; text-align: center; }
        .hero_title1 p{ font-style:normal; font-family: 'Degular Display', sans-serif; font-size:var(--text_clamp); font-weight:900 !important; line-height:var(--text_lh_clamp)}
        /* .hero_title2{ position:absolute; width:850px; left:calc(62% - 425px); bottom:11px;  z-index: 502;  margin:0} */
        /* .hero_title2{ position:absolute; width:850px; left:50%; transform:translateX(-50%) !important; bottom:11px;  z-index: 502;  margin:0} */
        
        .hero_title_tag_cont{position:absolute; left: 44%; bottom: -7%; z-index: 505;}

        .hero_title_tag{}

        .hero_title_tag_inner{position:relative;}
        
        .hero_title_tag_inner .hero_title2{position: absolute; left: 0; bottom: 0%; z-index: 502; margin: 0;}
        .hero_title_tag_inner .hero_title2{ font-style:normal;  font-family: 'Degular Display', sans-serif; font-size:var(--text_clamp); font-weight:900 !important; line-height:var(--text_lh_clamp)}

        .hero_title_tag_inner .hero_tagline{position:absolute; left:0; bottom: 0%;  z-index: 502; margin:0;}
        .hero_title_tag_inner .hero_tagline{font-size:var(--text-m); font-weight:400 !important; white-space: nowrap;}


        /* ###### New menu section ###### */

        /* ###### Categories Scroller Cont ###### */

        .swiper { width: 100%; height: 100%;  } 
        .swiper-wrapper{transition: all 2s ease; height:200px;}
        .swiper-wrapper-full { position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; }
        .fullwidth-swiper { width: 100vw; margin-left: calc(-50vw + 50%); } 
        .swiper-slide {text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; } 
        .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
        .singular_item{width:100%; height:77px; padding:11px 0px; border-radius:20px; display: flex; justify-content: center; align-items: center;}  
        .singular_item p{text-transform:uppercase; margin:0; font-weight:900 !important;}  
        
        .swiper-wrapper :nth-child(1) .singular_item{ transform: rotate(-5deg); }
        .swiper-wrapper :nth-child(2) .singular_item{ transform: rotate(16deg); }
        .swiper-wrapper :nth-child(3n) .singular_item{ transform: rotate(10deg); } 
        .swiper-wrapper :nth-child(4n) .singular_item{ transform: rotate(-7deg); }
        .swiper-wrapper :nth-child(5n) .singular_item{ transform: rotate(-5deg); }
        .swiper-wrapper :nth-child(6n) .singular_item{ transform: rotate(5deg); }

        /* ###### Categories Scroller Cont ###### */

        /* ###### Drink Section ###### */

        /* .drink_categorie{ position:relative; height:600px; max-width:1098px; margin:auto;} */
        .drink_category{ position:relative; height:600px; margin:auto;}
        /* .left_section{width:366px; height:100%; display:flex; justify-content: flex-start; align-items: center; flex-direction: column; gap:22px;  position:absolute; top:0; left:0;} */
        /* .left_section{width:33%; height:100%; display:flex; justify-content: flex-start; align-items: center; flex-direction: column; gap:22px;  position:absolute; top:0; left:0;} */
        .left_section{width:33%; height:100%; display:flex; justify-content: flex-start; align-items: center; flex-direction: column; gap:22px;  position:absolute; top:11%; left:0%;}
        .left_section_title{letter-spacing: -3px; font-family: 'Degular', sans-serif; text-align: center; font-size:var(--text-l); font-weight:900 !important; line-height:calc(var(--text-l) * 1) !important;}
        .left_section_tagline{width: 70%; height: 100%; text-align: center; font-size:var(--text-s); line-height:var(--text-s-lh); text-align: center;}

        /* .drink_cont{width:366px; height:100%; position:absolute; top:0; left:366px;} */
        .drink_cont{width:33%; height:100%; position:absolute; top:3%; left:33%;}
        .drink_cont_inner{width:100%; height:100%; position:relative;}
        .drink_image{width:100%; height:100%;}
        .drink_image img{width:100%; height:100%; object-fit: contain;}
       /*  .no1_choice_cont{position:absolute; right: -33px; top: -11px; width:160px; height:160px;} */
        .no1_choice_cont{position:absolute; right: 3%; top: 3%; width:160px; height:160px;}
        .no1_choice_cont_inner{position:relative; width:100%; height:100%;}
        .no1_choice_background{}
        .no1_choice_background img{width:160px !important; height:160px !important;}
        .no1_choice_text{position:absolute; top:0; left:0; width:100%; height:100%; font-size:var(--text-s); height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; transform: rotate(345deg);}
  
        /* .right_section{width:366px; height: 100%; gap:22px; display: flex; justify-content: center; align-items: center; flex-direction: column;  position:absolute; top:0%; left:732px;} */
        .right_section{width:33%; height: 100%; gap:22px; display: flex; justify-content: center; align-items: center; flex-direction: column;  position:absolute; top:0%; left:66%;}
        .right_section_title{font-style:normal;  font-family: 'Degular Display', sans-serif; font-weight:900 !important; text-align: center; font-size:var(--text-l); line-height:calc(var(--text-l) * 1) !important;}
        .right_section_tagline{width: 50%; text-align: center; font-size:var(--text-s)}

        /* ######  Drink Section ###### */

        /* ######  New Bowls Section ###### */

        /* .new_bowls_cont{ max-width:1098px; margin:auto; position:relative; height:800px;} */


        .new_bowls_cont{aspect-ratio: 16 / 9; width:100%; margin:100px 0px;}
        .new_bowl_cont_inner {width:100%; height:100%; position:relative;}

        .bowl_images_inner_cont{width:100%; height:100%; position:absolute; left:0;}

        /* .new_bowl_image_front{z-index: 1000; top:110px; position:absolute; left:150px; transform:rotate(5deg); border-radius:44px; width:550px; height:550px; overflow: hidden;} */
        /* .new_bowl_image_front{z-index: 1000; position: absolute; display: flex ; justify-content: center; align-items: center; width: clamp(500px, 8vw, 550px); height: clamp(500px, 8vw, 550px); top: 50%; left: 46%; transform: translate(-50%, -50%) rotate(4deg); border-radius: 44px; overflow: hidden; aspect-ratio: 1 / 1;} */
        .new_bowl_image_front{z-index: 1000; position: absolute; display: flex ; justify-content: center; align-items: center; width: clamp(500px, 8vw, 550px); height: clamp(500px, 8vw, 550px); top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); border-radius: 44px; overflow: hidden; aspect-ratio: 1 / 1; transition: all 2s ease;}
        .new_bowl_image_front.bowl_animation_image_front_desktop{z-index: 1000; position: absolute; display: flex ; justify-content: center; align-items: center; width: clamp(500px, 8vw, 550px); height: clamp(500px, 8vw, 550px); top: 70%; left: 46%; transform: translate(-50%, -50%) rotate(4deg); border-radius: 44px; overflow: hidden; aspect-ratio: 1 / 1;}
        .new_bowl_image_front img{width:100%; height:100%; aspect-ratio: 1/1;}
        
        /* .new_bowl_image_back{ z-index: 888; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(500px, 8vw, 550px); height: clamp(500px, 8vw, 550px); aspect-ratio: 1 / 1; top: 42%; left: 36%; transform: translate(-50%, -50%) rotate(355deg);} */
        .new_bowl_image_back{ z-index: 888; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(500px, 8vw, 550px); height: clamp(500px, 8vw, 550px); aspect-ratio: 1 / 1; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(350deg); transition: all 2s ease;}
        .new_bowl_image_back.bowl_animation_image_back_desktop{ z-index: 888; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(500px, 8vw, 550px); height: clamp(500px, 8vw, 550px); aspect-ratio: 1 / 1; top: 24%; left: 23%; transform: translate(-50%, -50%) rotate(355deg);}
        .new_bowl_image_back .vc_figure{border-radius: 22px; overflow: hidden;}
        .new_bowl_image_back img{width:100%; height:100%; aspect-ratio: 1/1;}

        /* .new_bowl_image_last{ z-index: 886; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(500px, 8vw, 550px); height: clamp(500px, 8vw, 550px); left: 16%; top: 10%; aspect-ratio: 1 / 1; top: 45%; left: 47%; transform: translate(-50%, -50%) rotate(352deg); } */
        .new_bowl_image_last{ z-index: 886; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(500px, 8vw, 550px); height: clamp(500px, 8vw, 550px); left: 50%; top: 50%; aspect-ratio: 1 / 1; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); transition: all 2s ease;}
        .new_bowl_image_last.bowl_animation_image_last_desktop{z-index: 886; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(500px, 8vw, 550px); height: clamp(500px, 8vw, 550px); aspect-ratio: 1 / 1; top: 20%; left: 52%; transform: translate(-50%, -50%) rotate(10deg); }
        .new_bowl_image_last img{width:100%; height:100%;}

        /* .new_bowls_content{position:absolute; width:calc(100% - 750px); right:0; height:600px; display: flex; justify-content: center; align-items: center; } */
        .new_bowls_content{ position: absolute; display: flex ; justify-content: center; align-items: center;  width: clamp(450px, 8vw, 500px); height: clamp(500px, 8vw, 500px); top: 11%; z-index: 1001; top: 45%; left: 72%; transform: translate(-50%, -50%);}
        .new_bowls_content_inner{width: 100%;height: 100%; position: relative; display: flex ; justify-content: center; align-items: center; flex-direction: column; gap: 22px;}
        .new_bowls_background{z-index: 1001; position: absolute; width: 100% !important; height: 100% !important;}
        /* .new_bowls_background{z-index: 1001; position: absolute; width: 100%; height: 100%;} */
        .new_bowls_background img{width:100% !important; height:100% !important;}
        .new_bowls_title{ text-align:center; font-style:normal;  font-family: 'Degular Display', sans-serif; position: absolute; top: 150px;  z-index: 1001; font-size:var(--text-l); line-height:calc(var(--text-l) * 1); font-weight:900 !important;}
        .new_bowls_title span{ font-style:normal; font-family: 'Degular Display', sans-serif; }
        /* .new_bowls_tagline{position: absolute; top: 300px; width:100%; text-align: center; z-index: 1001;} */
        .new_bowls_tagline{position: absolute; width: 50%; top: 55%; z-index: 1001; font-size: var(--text-s); line-height: var(--text-s-lh); text-align: center;}
        /* .new_bowls_tagline p{ font-size:var(--text-m); line-height:calc(var(--text-m) * 1.5);} */
        .new_bowls_tagline p{ font-size:var(--text-s); line-height:calc(var(--text-s) * 1.5);}

        .gif-wrapper { position: relative; display: inline-block; width: 100%; height: 100%; } 
        .gif-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: auto; display: block; transition: opacity 0.3s ease-in-out; } 
        .gif-static { z-index: 2; opacity: 1; }
        .gif-animated { z-index: 1; }
        .gif-wrapper.played .gif-static { opacity: 0; }

        /* ######  New Bowls Section ###### */

        /* ######  Join Our Social ###### */

        .social_cont{position:relative; margin:66px 0px;}

        /* Swiper */
        
        .social_cont .swiper-wrapper{height:600px;}

        .fullwidth-swiper-social { width: 100vw; margin-left: calc(-50vw + 50%); overflow: hidden; }
        .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; position:relative; } 
        .singular_social_slide_inner { width: 100%; height: 80%; padding: 11px 0; border-radius: 20px; display: flex; justify-content: center; align-items: center; position:absolute; } 
        .singular_social_slide_inner a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} 
        .social_image_inner_background { width: 85%; height: 85%; border-radius: 20px; overflow: hidden; } 
        .social_image_inner_background img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }

        .swiper-slide:nth-child(1) .singular_social_slide_inner { transform: rotate(7deg); top:44px}
        .swiper-slide:nth-child(2) .singular_social_slide_inner { transform: rotate(353deg); top:22px}
        .swiper-slide:nth-child(3) .singular_social_slide_inner { transform: rotate(10deg); top:55px}
        .swiper-slide:nth-child(4) .singular_social_slide_inner { transform: rotate(359deg); top:33px}
        .swiper-slide:nth-child(5) .singular_social_slide_inner { transform: rotate(-5deg); top:55px}
        .swiper-slide:nth-child(6) .singular_social_slide_inner { transform: rotate(5deg); top:44px;}
        .swiper-slide:nth-child(7) .singular_social_slide_inner { transform: rotate(7deg); top:33px;}
        .swiper-slide:nth-child(8) .singular_social_slide_inner { transform: rotate(-3deg); top:22px;}

        /* Swiper */

        .join_our_social_title{position: relative; left: 11%; width:89%;}
        .join_our_social_title p{ font-style:normal; font-family: 'Degular Display', sans-serif; font-size:var(--text-2xl); line-height:calc(var(--text-2xl) * 1); font-weight:700 !important;}
        .join_our_social_tagline{position: relative; left: 11%; width:89%;}
        .join_our_social_tagline p{font-size:var(--text-m); line-height:calc(var(--text-m) * 1); }

        .join_our_social_inner{position: relative;}
        .join_our_social_inner .join_our_social_gif{position: absolute; top: -2px; left: 435px; z-index: -1;}
        .join_our_social_inner .join_our_social_gif{width:66px; height:66px; }

        .join_our_social_social_images_cont{ display: flex; justify-content: center; align-items: center; position:absolute; flex-direction: row; top:0px; right:0; margin:0 !important;}
        .join_our_social_social_images_cont .wpb_wrapper{display: flex; justify-content: center; align-items: center; gap:11px;}
        .join_our_social_social_images_cont img{width:44px; height:44px;}


        .arrow_image{width:150px; height:88px; position:absolute; left:15%; bottom: 10%; z-index: 1000;}
        .arrow_image img{ width:132px; height:132px;}

        /* ######  Join Our Social ###### */

        /* ######  Join a store ###### */

        .join_a_store_cont{margin:88px 0px 22px 0px;}
        .join_a_store_title{position: relative; width:100%; max-width:1200px; margin:22px auto; }
        .join_a_store_title p{ font-style:normal; font-family: 'Degular Display', sans-serif; font-size:var(--text-l); font-weight:900 !important;}
        .join_a_store_tagline {position: relative; width:100%; max-width:1200px; margin:22px auto;}
        .join_a_store_tagline p{ font-size:var(--text-s);}

        /* Store Card Items */

        .stores_cont{max-width:1200px; margin:22px auto; margin-top:88px; display:flex;justify-content: space-between; align-items: baseline; gap:44px; width:100%;}
        .single_store_item{ width:calc(350px);  perspective: 1000px;  height:200px;}
        .single_store_item:hover .single_store_item_inner{transform: rotateY(180deg);}
        .single_store_item_inner{width:100%; height:100%; position:relative; transition: transform 1.5s; transform-style: preserve-3d;}
        .single_store_front{padding:22px; position:absolute; width:100%; height:100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; border-radius:33px;}
        .single_store_front p{font-size:var(--text-m); font-weight:900 !important; line-height:calc(var(--text-m) * 1)}
        .single_store_back{padding:22px; position:absolute; width:100%; height:100%;  transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; border-radius:33px;}
        .single_store_back a{display: flex; justify-content: center; align-items: center; flex-direction: column; gap:11px;}
        .single_store_back p{font-size:var(--text-s); line-height:calc(var(--text-s) * 1); text-align: center;} 

        .stores_cont .single_store_item:nth-child(1) { transform: rotate(352deg);}
        .stores_cont .single_store_item:nth-child(2)  { transform: rotate(357deg);}
        .stores_cont .single_store_item:nth-child(3)  { transform: rotate(3deg);}
        .stores_cont .single_store_item:nth-child(4)  { transform: rotate(357deg);}



        /* Store Card Items */


        /* ######  Join a store ###### */

        /* ######  Hello join ###### */

        .hello_join{margin:66px 0px; height:88px; display: flex; justify-content: flex-end; align-items: center;}
        .hello_join_inner{display: flex; justify-content: center; align-items: center; height:100%; position:relative;}
        .hello_join_inner .wpb_wrapper{display: flex; justify-content: flex-end; align-items: center; position:relative;}
        .hello_join_asterisk{position:absolute; z-index: 10px; right: 180px; }
        .hello_join_asterisk img{width:150px; height:150px;}
        .hello_join_text{}
        .hello_join_text a{text-decoration: none; color:black; font-size:var(--text-s); line-height:calc(var(--text-s) * 1);}

        /* ######  Hello join  ###### */


        /* ###### Footer ###### */

        footer { flex-direction:column; width :100%; background-color: var(--join_orange_bright); height:400px; display:flex; justify-content: center; align-items: center;}
        footer li{list-style:none;}
        
        .inner_footer{width:90%; margin:auto; display: flex; justify-content: center; align-items: center; flex-direction: column;}
        .inner_footer_upper{width:90%; margin:auto; height:80%; display: flex; justify-content: center; align-items: center;}
        .inner_footer_lower{border-top:2px solid rgba(255,255,255,0.6); width:90%; margin:auto; height:20%; display: flex; justify-content: center; align-items: center;}
        .upper_footer{}
        .footer_logo{display: flex; justify-content: center; align-items: center; width:200px;} 
        .footer_logo img{filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(6%) hue-rotate(153deg) brightness(102%) contrast(104%); width:100%;}
        .lower_footer{}
        .lower_footer p{margin:0; color:white; font-size:16px; line-height:16px;}
        .lower_footer a{text-decoration: none; color:white; transition: all 0.6s ease; }
        .lower_footer a:hover{color:black;}

        /* ###### Footer ###### */

        /* Same viewport fix for new_bowls_content below 1450px */
        
        @media screen and (min-width: 1239px) and (max-width: 1450px) {
          
          .hero_title_tag_cont { position: absolute; left: 40%; bottom: -10%; z-index: 505;}
          .new_bowls_content{left:80%;}
         
          
        }
        
        /* Same viewport fix for new_bowls_content below 1450px */

        }
        
        @media screen and (max-width: 1239px) and (min-width: 768px) {
    

          li{font-size:16px; line-height:26px;}
          ul{margin: 1rem 0px 1rem 22px;}
          p{font-size:16px; font-weight:300 !important; line-height:20px; margin-bottom:1rem;}
          strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit; color: black; }
          em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
          span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
          h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: black; line-height:30px;}
          h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: black; }
          h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: black; }
          h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: black; }
          h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: black; }
          h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: black; }
          body, html {
              font-size: 100%;
              -webkit-text-size-adjust: 100%;
              -ms-text-size-adjust: 100%;
              --light-blue:#4396d2;
              --grey-color:#414141;
              overflow: hidden; overflow-y: auto;
          }  
          
          
          
        :root{


/*           --text-hero: 220px;
          --text-hero-lh:calc(var(--text-hero) * 1); */
          
          --text-5xl : 132px;
          --text-hero-lh:calc(var(--text-5xl) * 1);
          
          
          --text-4xl: 88px;
          --text-4xl-lh:calc(var(--text-4xl) * 1);
          
          
          --text-3xl : 66px;
          --text-3xl-lh:calc(var(--text-3xl) * 1);
          
          
          --text-2xl : 55px;
          --text-2xl-lh:calc(var(--text-2xl) * 1);
          
          
          --text-xl : 44px;
          --text-xl-lh:calc(var(--text-xl) * 1);
          
          
          --text-l : 33px;
          --text-l-lh:calc(var(--text-l) * 1);
          
          
          --text-m : 22px;
          --text-m-lh:calc(var(--text-m) * 1);
          
          
          --text-s : 16px;
          --text-s-lh:calc(var(--text-s) * 1);
          
          
          --text-xs : 11px;
          --max-width:1640px;

          
          --text_stores:clamp(28px,6.5dvw,30px);
          --text_stores_lh:calc((var(--text_stores) * 1));

          --text_clamp:clamp(88px, 6.5dvw, 132px);
          --text_lh_clamp:calc(var(--text_clamp) * 1);


        }
    
        li{font-size:16px; line-height:26px;}
        ul{margin: 1rem 0px 1rem 22px;}
        p{font-size:16px; font-weight:300 !important; line-height:20px; margin-bottom:1rem;}
        strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit; color: black; }
        em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
        span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
        h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: black; line-height:30px;}
        h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: black; }
        h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: black; }
        h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: black; }
        h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: black; }
        h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: black; }
        body, html {
            font-size: 100%;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            --light-blue:#4396d2;
            --grey-color:#414141;
        }  

        /* Degular Usage */
      
/*           font-family: 'Degular', sans-serif;
          font-weight: 400; */

        /* Degular Usage */

        /* ###### Body ###### */
        
        body {background-color:var(--join_bg); overflow-x: none;}

        /* ###### Body ###### */

        /* ###### Wrapper / Container ###### */

        .wrapper{width:100%; min-height:35vh;}
        .container{width:90%; height:100%; margin:auto; max-width:var(--max-width);}

        /* .container .vc_row{margin:0;} */

        /* ###### Wrapper / Container ###### */


        /* ###### Header ###### */

        header{ display: flex; justify-content: center; align-items: center; flex-direction: column;}
        header li{list-style:none;}

        .header_logo{}
        .header_logo li{width:100%; height:100%; padding:5vh 0px;}
        .header_logo li a{width:100%; height:100%; }
        .header_logo img{width:100%;}
        .header_menu{display: flex; justify-content: center; align-items: center;}
        .header_menu ul{margin:0px !important; display: flex; justify-content: space-between; align-items: center; width:300px;}
        .header_menu li a{font-size:20px; line-height:calc(var(--text-s) * 1.5); text-decoration:none; color:black; display: flex; justify-content: center; align-items: center; gap:11px;}

        .mobile_menu{display:none;}
        .mobile_menu_activator{display:none}

        /* ###### Header ###### */

        /* ###### New menu section ###### */


        /* .hero_section_wrapper{margin: 132px auto; width: 1100px; max-width: 1400px; height: 800px; position: relative; margin-left: calc(50% - 550px);} */

        .hero_section_wrapper{ margin: 88px auto 132px auto; width: 100%; position: relative; padding: 0px !important; aspect-ratio: 16 / 9; }
        .hero_section_wrapper .vc_column-inner { padding:0 !important; }


        /* .hero_section_bg_image{position: absolute; left:calc(50% - 500px); z-index: 10; top: 88px; width: 1000px; max-width: 1400px; height: 800px; border-radius: 44px; overflow: hidden; transform: rotate(5deg);} */
        .hero_section_bg_image{ position: relative; width: 100%; height:100%; overflow: hidden; border-radius: 44px; position: absolute; z-index: 10; top: 13%; border-radius: 44px; overflow: hidden; transform: rotate(5deg); transform-origin: 50% 50%;}
        /* .hero_section_bg_image figure{width:100%; height:100%; position:absolute; top:-142px;} */
        .hero_section_bg_image figure{width: 100%; height: 100%; border-radius: 44px; overflow: hidden; display: flex ; }
        .hero_section_bg_image figure div{width:100%; height:100%;}
        /* .hero_section_bg_image figure div img {width: 100%; height: 100%; object-fit: cover; object-position: center top; } */
        .hero_section_bg_image figure div img { width: 100%; height: 100%; object-fit: cover;}
        

        /* .hero_section_bg_image { position: relative; width: 1000px; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 44px; }  */
        .hero_section_bg_image figure, .hero_section_bg_image figure div { width: 100%; height: 100%; } 
        .hero_section_bg_image img { width: 100%; height: 100%; object-fit: contain;  object-position: center;  display: block; border-radius: 44px; }

        /* .girl_image{position:absolute; width:500px; height:100%; z-index: 500; transform: rotate(5deg); top: -8px; left: 400px;} */
        .girl_image{position: absolute; width: 100%; height: 100%; z-index: 500; top: 24%; left: 50%; transform:rotate(5deg) translateX(-50%);}
        /* .girl_image img{width:100%; height:1000px;} */
        .girl_image img{width:100%;}

        .transparent{font-size:var(--text-l); color:transparent;}

        .fresh_bites_item_cont{position: absolute; left: 5%; bottom: -15%; z-index: 12; margin:0; width:130px; height:130px;}
        .fresh_bites_item {position:relative;}
        .fresh_bites_background{}
        .fresh_bites_background img{width:100% !important; height:100% !important;}
        .fresh_bites_content{position:absolute; transform: rotate(-13deg); top:0; width:100%; height:100%; display:flex; justify-content:center; align-items: center; font-size:var(--text-s)}

        /* .hero_title1{position:absolute; top:44px; left:calc(55% - 350px); width:700px;  z-index: 11; } */
        .hero_title1{ position: absolute; top: -1%; left: 40%; z-index: 11; transform: translateX(-50%) !important; text-align: center; }
        .hero_title1 p{ font-style:normal; font-family: 'Degular Display', sans-serif; font-size:var(--text_clamp); font-weight:900 !important; line-height:var(--text_lh_clamp)}
        /* .hero_title2{ position:absolute; width:850px; left:calc(62% - 425px); bottom:11px;  z-index: 502;  margin:0} */
        /* .hero_title2{ position:absolute; width:850px; left:50%; transform:translateX(-50%) !important; bottom:11px;  z-index: 502;  margin:0} */
        
        .hero_title_tag_cont{position:absolute; left: 25%; bottom: -28%; z-index: 505; width:100%;}

        .hero_title_tag{}

        .hero_title_tag_inner{position:relative;}
        
        .hero_title_tag_inner .hero_title2{position: absolute; left: 0; bottom: 0%; z-index: 502; margin: 0;}
        .hero_title_tag_inner .hero_title2{ font-style:normal;  font-family: 'Degular Display', sans-serif; font-size:var(--text_clamp); font-weight:900 !important; line-height:var(--text_lh_clamp)}

        .hero_title_tag_inner .hero_tagline{position:absolute; left:0; bottom: 0%;  z-index: 502; margin:0;}
        .hero_title_tag_inner .hero_tagline{font-size:var(--text-m); font-weight:400 !important; white-space: nowrap;}


        /* ###### New menu section ###### */

        /* ###### Categories Scroller Cont ###### */

        .swiper { width: 100%; height: 100%;  } 
        .swiper-wrapper{transition: all 2s ease; height:200px;}
        .swiper-wrapper-full { position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; }
        .fullwidth-swiper { width: 100vw; margin-left: calc(-50vw + 50%); } 
        .swiper-slide {text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; } 
        .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
        .singular_item{width:100%; height:77px; padding:11px 0px; border-radius:20px; display: flex; justify-content: center; align-items: center;}  
        .singular_item p{text-transform:uppercase; margin:0; font-weight:900 !important;}  
        
        .swiper-wrapper :nth-child(1) .singular_item{ transform: rotate(-5deg); }
        .swiper-wrapper :nth-child(2) .singular_item{ transform: rotate(16deg); }
        .swiper-wrapper :nth-child(3n) .singular_item{ transform: rotate(10deg); } 
        .swiper-wrapper :nth-child(4n) .singular_item{ transform: rotate(-7deg); }
        .swiper-wrapper :nth-child(5n) .singular_item{ transform: rotate(-5deg); }
        .swiper-wrapper :nth-child(6n) .singular_item{ transform: rotate(5deg); }

        /* ###### Categories Scroller Cont ###### */

        /* ###### Drink Section ###### */

        /* .drink_categorie{ position:relative; height:600px; max-width:1098px; margin:auto;} */
        .drink_category{ position:relative; height:600px; margin:auto;}
        /* .left_section{width:366px; height:100%; display:flex; justify-content: flex-start; align-items: center; flex-direction: column; gap:22px;  position:absolute; top:0; left:0;} */
        /* .left_section{width:33%; height:100%; display:flex; justify-content: flex-start; align-items: center; flex-direction: column; gap:22px;  position:absolute; top:0; left:0;} */
        .left_section{width:33%; height:100%; display:flex; justify-content: flex-start; align-items: center; flex-direction: column; gap:22px;  position:absolute; top:11%; left:0%;}
        .left_section_title{letter-spacing: -3px; font-family: 'Degular', sans-serif; text-align: center; font-size:var(--text-l); font-weight:900 !important; line-height:calc(var(--text-l) * 1) !important;}
        .left_section_tagline{width: 50%; height: 100%; text-align: center; font-size:var(--text-s)}

        /* .drink_cont{width:366px; height:100%; position:absolute; top:0; left:366px;} */
        .drink_cont{width:33%; height:100%; position:absolute; top:3%; left:33%;}
        .drink_cont_inner{width:100%; height:100%; position:relative;}
        .drink_image{width:100%; height:100%;}
        .drink_image img{width:100%; height:80%; object-fit: contain;}
       /*  .no1_choice_cont{position:absolute; right: -33px; top: -11px; width:160px; height:160px;} */
        .no1_choice_cont{position:absolute; right: 3%; top: 3%; width:120px; height:120px;}
        .no1_choice_cont_inner{position:relative; width:100%; height:100%;}
        .no1_choice_background{}
        .no1_choice_background img{width:120px !important; height:120px !important;}
        .no1_choice_text{position:absolute; top:0; left:0; width:100%; height:100%; font-size:var(--text-s); height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; transform: rotate(345deg);}
  
        /* .right_section{width:366px; height: 100%; gap:22px; display: flex; justify-content: center; align-items: center; flex-direction: column;  position:absolute; top:0%; left:732px;} */
        .right_section{width:33%; height: 100%; gap:22px; display: flex; justify-content: center; align-items: center; flex-direction: column;  position:absolute; top:0%; left:66%;}
        .right_section_title{font-style:normal;  font-family: 'Degular Display', sans-serif; font-weight:900 !important; text-align: center; font-size:var(--text-l); line-height:calc(var(--text-l) * 1) !important;}
        .right_section_tagline{width: 50%; text-align: center; font-size:var(--text-s)}


        /* ######  Drink Section ###### */

        /* ######  New Bowls Section ###### */

        /* .new_bowls_cont{ max-width:1098px; margin:auto; position:relative; height:800px;} */


        .new_bowls_cont{aspect-ratio: 16 / 9; width:100%; margin:150px 0px;}
        .new_bowl_cont_inner {width:100%; height:100%; position:relative;}

        .bowl_images_inner_cont{width:100%; height:100%; position:absolute; left:0;}

        /* .new_bowl_image_front{z-index: 1000; top:110px; position:absolute; left:150px; transform:rotate(5deg); border-radius:44px; width:550px; height:550px; overflow: hidden;} */
        /* .new_bowl_image_front{z-index: 1000; position: absolute; display: flex ; justify-content: center; align-items: center; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); top: 50%; left: 46%; transform: translate(-50%, -50%) rotate(4deg); border-radius: 44px; overflow: hidden; aspect-ratio: 1 / 1;} */
        .new_bowl_image_front{z-index: 1000; position: absolute; display: flex ; justify-content: center; align-items: center; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); border-radius: 44px; overflow: hidden; aspect-ratio: 1 / 1; transition: all 2s ease;}
        .new_bowl_image_front.bowl_animation_image_front_tablet{z-index: 1000; position: absolute; display: flex ; justify-content: center; align-items: center; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); top: 83%; left: 50%; transform: translate(-50%, -50%) rotate(4deg); border-radius: 44px; overflow: hidden; aspect-ratio: 1 / 1;}
        .new_bowl_image_front img{width:100%; height:100%; aspect-ratio: 1/1;}
        
        /* .new_bowl_image_back{ z-index: 888; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); aspect-ratio: 1 / 1; top: 42%; left: 36%; transform: translate(-50%, -50%) rotate(355deg);} */
        .new_bowl_image_back{ z-index: 888; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); aspect-ratio: 1 / 1; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(340deg); transition: all 2s;}
        .new_bowl_image_back.bowl_animation_image_back_tablet{ z-index: 888; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); aspect-ratio: 1 / 1; top: 40%; left: 33%; transform: translate(-50%, -50%) rotate(355deg);}
        
        .new_bowl_image_back .vc_figure{border-radius: 22px; overflow: hidden;}
        .new_bowl_image_back img{width:100%; height:100%; aspect-ratio: 1/1;}

        /* .new_bowl_image_last{ z-index: 886; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); left: 16%; top: 10%; aspect-ratio: 1 / 1; top: 45%; left: 47%; transform: translate(-50%, -50%) rotate(352deg); } */
        .new_bowl_image_last{ z-index: 886; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); aspect-ratio: 1 / 1; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(342deg); transition:all 2s; }
        .new_bowl_image_last.bowl_animation_image_last_tablet{z-index: 886; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); aspect-ratio: 1 / 1; top: -1%; left: 55%; transform: translate(-50%, -50%) rotate(352deg); }
        .new_bowl_image_last img{width:100%; height:100%;}

        /* .new_bowls_content{position:absolute; width:calc(100% - 750px); right:0; height:600px; display: flex; justify-content: center; align-items: center; } */
        .new_bowls_content{ position: absolute; display: flex ; justify-content: center; align-items: center;  width: clamp(300px, 8vw, 350px); height: clamp(400px, 8vw, 450px); top: 11%; z-index: 1001; top: 45%; left: 75%; transform: translate(-50%, -50%);}
        .new_bowls_content_inner{width: 100%;height: 100%; position: relative; display: flex ; justify-content: center; align-items: center; flex-direction: column; gap: 22px;}
        .new_bowls_background{z-index: 1001; position: absolute; width: 100% !important; height: 100% !important;}
        /* .new_bowls_background{z-index: 1001; position: absolute; width: 100%; height: 100%;} */
        .new_bowls_background img{width:100% !important; height:100% !important;}
        .new_bowls_title{ text-align:center; font-style:normal;  font-family: 'Degular Display', sans-serif; position: absolute; top: 150px;  z-index: 1001; font-size:var(--text-l); line-height:calc(var(--text-l) * 1); font-weight:900 !important;}
        .new_bowls_title span{ font-style:normal; font-family: 'Degular Display', sans-serif; }
        /* .new_bowls_tagline{position: absolute; top: 300px; width:100%; text-align: center; z-index: 1001;} */
        .new_bowls_tagline{position: absolute; width: 50%; top: 64%; z-index: 1001;}
        /* .new_bowls_tagline p{ font-size:var(--text-m); line-height:calc(var(--text-m) * 1.5);} */
        .new_bowls_tagline p{ font-size:var(--text-s); line-height:calc(var(--text-s) * 1.5);}

        .gif-wrapper { position: relative; display: inline-block; width: 100%; height: 100%; } 
        .gif-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: auto; display: block; transition: opacity 0.3s ease-in-out; } 
        .gif-static { z-index: 2; opacity: 1; }
        .gif-animated { z-index: 1; }
        .gif-wrapper.played .gif-static { opacity: 0; }

        /* ######  New Bowls Section ###### */

        /* ######  Join Our Social ###### */

        .social_cont{position:relative;}

        /* Swiper */
        
        .social_cont .swiper-wrapper{height:600px;}

        .fullwidth-swiper-social { width: 100vw; margin-left: calc(-50vw + 50%); overflow: hidden; }
        .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; position:relative; } 
        .singular_social_slide_inner { width: 100%; height: 80%; padding: 11px 0; border-radius: 20px; display: flex; justify-content: center; align-items: center; position:absolute; aspect-ratio: 1; } 
        .singular_social_slide_inner a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} 
        .social_image_inner_background { width: 80%; height: 80%; border-radius: 20px; overflow: hidden; } 
        .social_image_inner_background img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }

        .swiper-slide:nth-child(1) .singular_social_slide_inner { transform: rotate(7deg); top:44px}
        .swiper-slide:nth-child(2) .singular_social_slide_inner { transform: rotate(353deg); top:22px}
        .swiper-slide:nth-child(3) .singular_social_slide_inner { transform: rotate(10deg); top:55px}
        .swiper-slide:nth-child(4) .singular_social_slide_inner { transform: rotate(359deg); top:33px}
        .swiper-slide:nth-child(5) .singular_social_slide_inner { transform: rotate(-5deg); top:55px}
        .swiper-slide:nth-child(6) .singular_social_slide_inner { transform: rotate(5deg); top:44px;}
        .swiper-slide:nth-child(7) .singular_social_slide_inner { transform: rotate(7deg); top:33px;}
        .swiper-slide:nth-child(8) .singular_social_slide_inner { transform: rotate(-3deg); top:22px;}

        /* Swiper */

        .join_our_social_title{position: relative; left:0;}
        .join_our_social_title p{ font-style:normal; font-family: 'Degular Display', sans-serif; font-size:var(--text-2xl); line-height:calc(var(--text-2xl) * 1); font-weight:900 !important;}
        .join_our_social_tagline{position: relative; left:0;}
        .join_our_social_tagline p{font-size:var(--text-m); line-height:calc(var(--text-m) * 1); }

        .join_our_social_inner{position: relative;}
        .join_our_social_inner .join_our_social_gif{position: absolute; top: -2px; left: 365px; z-index: -1;}
        .join_our_social_inner .join_our_social_gif{width:66px; height:66px; }

        .join_our_social_social_images_cont{ display: flex; justify-content: center; align-items: center; position:absolute; flex-direction: row; top:0px; right:0; margin:0 !important;}
        .join_our_social_social_images_cont .wpb_wrapper{display: flex; justify-content: center; align-items: center; gap:11px;}
        .join_our_social_social_images_cont img{width:44px; height:44px;}

        .arrow_image{width:150px; height:88px; position:absolute; left:15%; bottom: 10%; z-index: 1000;}
        .arrow_image img{ width:132px; height:132px;}

        /* ######  Join Our Social ###### */

        /* ######  Join a store ###### */

        .join_a_store_cont{margin:88px 0px 22px 0px;}
        .join_a_store_title{position: relative; left:0;}
        .join_a_store_title p{ font-style:normal; font-family: 'Degular Display', sans-serif; font-size:var(--text-xl); line-height:var(--text-xl-lh); font-weight:900 !important;}
        .join_a_store_tagline {position: relative; left:0;}
        .join_a_store_tagline p{ font-size:var(--text-m);}

        /* Store Card Items */

        .stores_cont{max-width:1200px; margin:22px auto; margin-top:88px; display:flex;justify-content: space-between; align-items: baseline; gap:33px; width:100%;}
        .single_store_item{ width:calc(250px);  perspective: 1000px;  height:200px;}
        .single_store_item:hover .single_store_item_inner{transform: rotateY(180deg);}
        .single_store_item_inner{width:100%; height:100%; position:relative; transition: transform 1.5s; transform-style: preserve-3d;}
        .single_store_front{padding:22px; position:absolute; width:100%; height:100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; border-radius:33px; }
        .single_store_front p{font-size:var(--text_stores); font-weight:900 !important; line-height:var(--text_stores_lh)}
        .single_store_back{padding:22px; position:absolute; width:100%; height:100%;  transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; border-radius:33px;}
        .single_store_back a{display: flex; justify-content: center; align-items: center; flex-direction: column; gap:11px;}
        .single_store_back p{font-size:var(--text-xs); line-height:calc(var(--text-xs) * 1); text-align: center;} 

        .stores_cont .single_store_item:nth-child(1) { transform: rotate(352deg);}
        .stores_cont .single_store_item:nth-child(2)  { transform: rotate(357deg);}
        .stores_cont .single_store_item:nth-child(3)  { transform: rotate(3deg);}
        .stores_cont .single_store_item:nth-child(4)  { transform: rotate(357deg);}



        /* Store Card Items */


        /* ######  Join a store ###### */

        /* ######  Hello join ###### */

        .hello_join{margin:66px 0px; height:88px; display: flex; justify-content: flex-end; align-items: center;}
        .hello_join_inner{display: flex; justify-content: center; align-items: center; height:100%; position:relative;}
        .hello_join_inner .wpb_wrapper{display: flex; justify-content: flex-end; align-items: center; position:relative;}
        .hello_join_asterisk{position:absolute; z-index: 10px; right: 113px; }
        .hello_join_asterisk img{width:150px; height:150px;}
        .hello_join_text{}
        .hello_join_text a{text-decoration: none; color:black; font-size:var(--text-s); line-height:calc(var(--text-s) * 1);}

        /* ######  Hello join  ###### */


        /* ###### Footer ###### */

        footer { flex-direction:column; width :100%; background-color: var(--join_orange_bright); height:400px; display:flex; justify-content: center; align-items: center;}
        footer li{list-style:none;}
        
        .inner_footer{width:90%; margin:auto; display: flex; justify-content: center; align-items: center; flex-direction: column;}
        .inner_footer_upper{width:90%; margin:auto; height:80%; display: flex; justify-content: center; align-items: center;}
        .inner_footer_lower{border-top:2px solid rgba(255,255,255,0.6); width:90%; margin:auto; height:20%; display: flex; justify-content: center; align-items: center;}
        .upper_footer{}
        .footer_logo{display: flex; justify-content: center; align-items: center; width:200px;} 
        .footer_logo img{filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(6%) hue-rotate(153deg) brightness(102%) contrast(104%); width:100%;}
        .lower_footer{}
        .lower_footer p{margin:0; color:white; font-size:16px; line-height:16px;}
        .lower_footer a{text-decoration: none; color:white; transition: all 0.6s ease; }
        .lower_footer a:hover{color:black;}

        /* ###### Footer ###### */

        @media screen and (min-width: 768px) and (max-width: 950px) {

          .new_bowls_content{left:85%;}
          .no1_choice_cont{top:13%; right:-12%;}
          .stores_cont{flex-direction: column; justify-content: center; align-items: center;}

          .new_bowl_image_front.bowl_animation_image_front_tablet { z-index: 1000; position: absolute; display: flex ; justify-content: center; align-items: center; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); top: 86%; left: 46%; transform: translate(-50%, -50%) rotate(4deg); border-radius: 44px; overflow: hidden; aspect-ratio: 1 / 1;}
          .new_bowl_image_back.bowl_animation_image_back_tablet { z-index: 888; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); aspect-ratio: 1 / 1; top: 28%; left: 30%; transform: translate(-50%, -50%) rotate(355deg); }
          .new_bowl_image_last.bowl_animation_image_last_tablet { z-index: 886; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); aspect-ratio: 1 / 1; top: -25%; left: 63%; transform: translate(-50%, -50%) rotate(352deg); }


        }

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

        
          li{font-size:16px; line-height:26px;}
          ul{margin: 1rem 0px 1rem 22px;}
          p{font-size:13px; font-weight:300 !important; line-height:calc(13px * 1.5); margin-bottom:1rem;}
          strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit; color: black; }
          em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
          span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
          h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: black; line-height:30px;}
          h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: black; }
          h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: black; }
          h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: black; }
          h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: black; }
          h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: black; }
          body, html {
              font-size: 100%;
              -webkit-text-size-adjust: 100%;
              -ms-text-size-adjust: 100%;
              --light-blue:#4396d2;
              --grey-color:#414141;
              overflow: hidden; overflow-y: auto;
          }  
          
      
          
          li{font-size:16px; line-height:26px;}
          ul{margin: 1rem 0px 1rem 22px;}
          p{font-size:16px; font-weight:300 !important; line-height:20px; margin-bottom:1rem;}
          strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit; color: black; }
          em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
          span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
          h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: black; line-height:30px;}
          h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: black; }
          h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: black; }
          h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: black; }
          h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: black; }
          h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: black; }
          body, html {
              font-size: 100%;
              -webkit-text-size-adjust: 100%;
              -ms-text-size-adjust: 100%;
              --light-blue:#4396d2;
              --grey-color:#414141;
              overflow: hidden; overflow-y: auto;
          }  
          
          
          
        :root{


/*           --text-hero: 220px;
          --text-hero-lh:calc(var(--text-hero) * 1); */
          
          --text-5xl : 110px;
          --text-hero-lh:calc(var(--text-5xl) * 1);
          
          
          --text-4xl: 66px;
          --text-4xl-lh:calc(var(--text-4xl) * 1);
          
          
          --text-3xl : 55px;
          --text-3xl-lh:calc(var(--text-3xl) * 1);
          
          
          --text-2xl : 55px;
          --text-2xl-lh:calc(var(--text-2xl) * 1);
          
          
          --text-xl : 33px;
          --text-xl-lh:calc(var(--text-xl) * 1);
          
          
          --text-l : 22px;
          --text-l-lh:calc(var(--text-l) * 1);
          
          
          --text-m : 16px;
          --text-m-lh:calc(var(--text-m) * 1);
          
          
          --text-s : 16px;
          --text-s-lh:calc(var(--text-s) * 1);
          
          
          --text-xs : 11px;
          --max-width:1640px;

          
          --text_stores:clamp(28px,6.5dvw,30px);
          --text_stores_lh:calc((var(--text_stores) * 1));

          --text_clamp:clamp(44px, 40dvw, 66px);
          --text_lh_clamp:calc(var(--text_clamp) * 1);


        }
    
        li{font-size:16px; line-height:26px;}
        ul{margin: 1rem 0px 1rem 22px;}
        p{font-size:16px; font-weight:300 !important; line-height:20px; margin-bottom:1rem;}
        strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit; color: black; }
        em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
        span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
        h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: black; line-height:30px;}
        h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: black; }
        h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: black; }
        h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: black; }
        h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: black; }
        h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: black; }
        body, html {
            font-size: 100%;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            --light-blue:#4396d2;
            --grey-color:#414141;
        }  

        /* Degular Usage */
      
/*           font-family: 'Degular', sans-serif;
          font-weight: 400; */

        /* Degular Usage */

        /* ###### Body ###### */
        
        body {background-color:var(--join_bg); overflow-x: none;}

        /* ###### Body ###### */

        /* ###### Wrapper / Container ###### */

        .wrapper{width:100%; min-height:35vh;}
        .container{width:90%; height:100%; margin:auto; max-width:var(--max-width);}

        /* .container .vc_row{margin:0;} */

        /* ###### Wrapper / Container ###### */


        /* ###### Header ###### */

        header{ display: flex; justify-content: center; align-items: center; flex-direction: column;}
        header li{list-style:none;}

        .header_logo{}
        .header_logo li{width:100%; height:100%; padding:5vh 0px;}
        .header_logo li a{width:100%; height:100%; }
        .header_logo img{width:100%;}
        .header_menu{display:flex; justify-content: center; align-items: center;}
        .header_menu ul{margin:0px !important; display: flex; justify-content: space-between; align-items: center; width:300px;}
        .header_menu li a{font-size:20px; line-height:calc(var(--text-s) * 1.5); text-decoration:none; color:black; display: flex; justify-content: center; align-items: center; gap:11px;}

        .mobile_menu_activator{display:none; /* display:flex;  */justify-content: center; align-items: center;}
        .mobile_menu_activator p{margin:0;}
        .mobile_menu{ overflow:scroll; position:fixed; left:-150vw; top:0; width:100vw; top:0; height:100vh;  z-index: 10000; display:flex; justify-content:flex-start; align-items:center; flex-direction: column; background:#fff; display:none;}
        .mobile_menu_close{width:100%; padding:11px; display: flex; justify-content: flex-end; align-items: flex-end;}
        .mobile_menu_close p{color:red; font-size:var(--text-l)}
        .mobile_menu_content ul{margin:0; width:100%; height:100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
        .mobile_menu_content ul li{ width:100%; height:88px; display: flex; justify-content: center; align-items: center;}
        .mobile_menu_content ul li a{text-decoration:none; height:100%; padding:11px; font-weight:900 !important; padding:11px; width:100%; display: flex; justify-content: center; align-items: center;}
        .mobile_menu_content {width:100%; height:100%; }

       .mobile_menu_content ul li:nth-child(1) a {background:#d0abc4; color:#000;} 
       .mobile_menu_content ul li:nth-child(2) a{background:#d2da06; color:#000;} 
       .mobile_menu_content ul li:nth-child(3) a{background:#000000; color:#d2da06;} 
       .mobile_menu_content ul li:nth-child(4) a{background:#d31e4d; color:#fff;} 
       .mobile_menu_content ul li:nth-child(5) a{background:#d0abc4; color:#000;} 
       .mobile_menu_content ul li:nth-child(6) a{background:#d2731f; color:#000;} 
       .mobile_menu_content ul li:nth-child(7) a{background:#000000; color:#d2da06;} 

        /* ###### Header ###### */

        /* ###### New menu section ###### */


        /* .hero_section_wrapper{margin: 132px auto; width: 1100px; max-width: 1400px; height: 800px; position: relative; margin-left: calc(50% - 550px);} */

        .hero_section_wrapper{ margin: 88px auto 132px auto; width: 100%; position: relative; padding: 0px !important; aspect-ratio: 16 / 9; }
        .hero_section_wrapper .vc_column-inner { padding:0 !important; }


        /* .hero_section_bg_image{position: absolute; left:calc(50% - 500px); z-index: 10; top: 88px; width: 1000px; max-width: 1400px; height: 800px; border-radius: 44px; overflow: hidden; transform: rotate(5deg);} */
        .hero_section_bg_image{ position: relative; width: 100%; height:100%; overflow: hidden; border-radius: 44px; position: absolute; z-index: 10; top: 13%; border-radius: 44px; overflow: hidden; transform: rotate(5deg); transform-origin: 50% 50%;}
        /* .hero_section_bg_image figure{width:100%; height:100%; position:absolute; top:-142px;} */
        .hero_section_bg_image figure{width: 100%; height: 100%; border-radius: 44px; overflow: hidden; display: flex ; }
        .hero_section_bg_image figure div{width:100%; height:100%;}
        /* .hero_section_bg_image figure div img {width: 100%; height: 100%; object-fit: cover; object-position: center top; } */
        .hero_section_bg_image figure div img { width: 100%; height: 100%; object-fit: cover;}
        

        /* .hero_section_bg_image { position: relative; width: 1000px; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 44px; }  */
        .hero_section_bg_image figure, .hero_section_bg_image figure div { width: 100%; height: 100%; } 
        .hero_section_bg_image img { width: 100%; height: 100%; object-fit: contain;  object-position: center;  display: block; border-radius: 44px; }

        /* .girl_image{position:absolute; width:500px; height:100%; z-index: 500; transform: rotate(5deg); top: -8px; left: 400px;} */
        .girl_image{position: absolute; width: 100%; height: 100%; z-index: 500; top: 24%; left: 50%; transform:rotate(5deg) translateX(-50%);}
        /* .girl_image img{width:100%; height:1000px;} */
        .girl_image img{width:100%;}

        .transparent{font-size:var(--text-l); color:transparent;}

        .fresh_bites_item_cont{position: absolute; left: 1%; bottom: 15%; z-index: 12; margin: 0; width: 88px; height: 88px;}
        .fresh_bites_item {position:relative;}
        .fresh_bites_background{}
        .fresh_bites_background img{width:100% !important; height:100% !important;}
        .fresh_bites_content{position:absolute; transform: rotate(-13deg); top:0; width:100%; height:100%; display:flex; justify-content:center; align-items: center; font-size:var(--text-s)}

        /* .hero_title1{position:absolute; top:44px; left:calc(55% - 350px); width:700px;  z-index: 11; } */
        .hero_title1{ position: absolute; top: 0%; left: 36%; z-index: 11; transform: translateX(-50%) !important; text-align: center; }
        .hero_title1 p{ font-style:normal; font-family: 'Degular Display', sans-serif; font-size:var(--text_clamp); font-weight:900 !important; line-height:var(--text_lh_clamp)}
        /* .hero_title2{ position:absolute; width:850px; left:calc(62% - 425px); bottom:11px;  z-index: 502;  margin:0} */
        /* .hero_title2{ position:absolute; width:850px; left:50%; transform:translateX(-50%) !important; bottom:11px;  z-index: 502;  margin:0} */
        

/*         .hero_title2{ position: absolute; top: -1%; left: 40%; z-index: 11; transform: translateX(-50%) !important; text-align: center; }
        .hero_title2 p{ font-style:normal; font-family: 'Degular Display', sans-serif; font-size:var(--text_clamp); font-weight:900 !important; line-height:var(--text_lh_clamp)}
 */
        .hero_title_tag_cont{position: absolute; left: 33%; bottom: -48%; z-index: 505; width: 100%;}

        .hero_title_tag{}

        .hero_title_tag_inner{position:relative;}
        
        .hero_title_tag_inner .hero_title2{position: absolute; left: 0; bottom: 0%; z-index: 502; margin-bottom: 11px;}
        .hero_title_tag_inner .hero_title2{ font-style:normal;  font-family: 'Degular Display', sans-serif; font-size:var(--text_clamp); font-weight:900 !important; line-height:var(--text_lh_clamp)}

        .hero_title_tag_inner .hero_tagline{position:absolute; left:0; bottom: 0%;  z-index: 502; margin:0;}
        .hero_title_tag_inner .hero_tagline{font-size:var(--text-m); font-weight:400 !important; white-space: nowrap;}


        /* ###### New menu section ###### */

        /* ###### Categories Scroller Cont ###### */

        .swiper { width: 100%; height: 100%;  } 
        .swiper-wrapper{transition: all 2s ease; height:200px;}
        .swiper-wrapper-full { position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; margin-top: 44px; margin-bottom: 44px; }
        .fullwidth-swiper { width: 100vw; margin-left: calc(-50vw + 50%); } 
        .swiper-slide {text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; } 
        .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
        .singular_item{width:100%; height:77px; padding:11px 0px; border-radius:20px; display: flex; justify-content: center; align-items: center;}  
        .singular_item p{text-transform:uppercase; margin:0; font-weight:900 !important;}  
        
        .swiper-wrapper :nth-child(1) .singular_item{ transform: rotate(-5deg); }
        .swiper-wrapper :nth-child(2) .singular_item{ transform: rotate(16deg); }
        .swiper-wrapper :nth-child(3n) .singular_item{ transform: rotate(10deg); } 
        .swiper-wrapper :nth-child(4n) .singular_item{ transform: rotate(-7deg); }
        .swiper-wrapper :nth-child(5n) .singular_item{ transform: rotate(-5deg); }
        .swiper-wrapper :nth-child(6n) .singular_item{ transform: rotate(5deg); }

        /* ###### Categories Scroller Cont ###### */

        /* ###### Drink Section ###### */

      
        .drink_category{ position: relative; height: 850px; margin: auto;  display: flex ; justify-content: center; align-items: center;}
      
        .left_section{width: 100%; height: 33%; gap: 22px; position: absolute; top: 11%; left: 0%; top: 0; display: flex ; justify-content: center; align-items: center; flex-direction: column; gap: 22px;}
        .left_section_title{ font-family: 'Degular', sans-serif; text-align: center; font-size:var(--text-l); font-weight:900 !important; line-height:calc(var(--text-l) * 1) !important;}
        .left_section_tagline{width: 50%; height: 100%; text-align: center; font-size:var(--text-s)}

       
        .drink_cont{position: absolute; height: 33%; top: 36%; width: 100%; left: 0;}
        .drink_cont_inner{width:100%; height:100%; position:relative;}
        .drink_image{width:100%; height:100%;}
        .drink_image img{width:100%; height:100%; object-fit: contain;}
       
        .no1_choice_cont{position:absolute; left: 75%; transform: translateX(-50%); width:120px; height:120px; top:11%;}
        .no1_choice_cont_inner{position:relative; width:100%; height:100%;}
        .no1_choice_background{}
        .no1_choice_background img{width:120px !important; height:120px !important;}
        .no1_choice_text{position:absolute; top:0; left:0; width:100%; height:100%; font-size:var(--text-s); height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; transform: rotate(345deg);}


        .right_section{gap: 22px; display: flex ; justify-content: center; align-items: center; flex-direction: column; position: absolute; height: 33%; width: 100%; top: 66%;}
        .right_section_title{font-style:normal;  font-family: 'Degular Display', sans-serif; font-weight:900 !important; text-align: center; font-size:var(--text-l); line-height:calc(var(--text-l) * 1) !important;}
        .right_section_tagline{width: 50%; text-align: center; font-size:var(--text-s)}


        /* ######  Drink Section ###### */

        /* ######  New Bowls Section ###### */

        /* .new_bowls_cont{ max-width:1098px; margin:auto; position:relative; height:800px;} */


        .new_bowls_cont{height:1000px;}
        .new_bowl_cont_inner {width:100%; height:100%; position:relative;}

        .bowl_images_inner_cont{width:100%; height:50%; position:absolute; left:0;}

        /* .new_bowl_image_front{z-index: 1000; top:110px; position:absolute; left:150px; transform:rotate(5deg); border-radius:44px; width:550px; height:550px; overflow: hidden;} */
        /* .new_bowl_image_front{z-index: 1000; position: absolute; display: flex ; justify-content: center; align-items: center; width: clamp(250px, 8vw, 280px); height: clamp(250px, 8vw, 280px); top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(4deg); border-radius: 44px; overflow: hidden; aspect-ratio: 1 / 1;} */
        .new_bowl_image_front{z-index: 1000; position: absolute; display: flex ; justify-content: center; align-items: center; width: clamp(250px, 8vw, 280px); height: clamp(250px, 8vw, 280px); top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); border-radius: 44px; overflow: hidden; aspect-ratio: 1 / 1; transition:all 1s ease;}
        .new_bowl_image_front.bowl_animation_image_front_mobile{z-index: 1000; position: absolute; display: flex ; justify-content: center; align-items: center; width: clamp(250px, 8vw, 280px); height: clamp(250px, 8vw, 280px); top: 106%; left: 54%; transform: translate(-50%, -50%) rotate(4deg); border-radius: 44px; overflow: hidden; aspect-ratio: 1 / 1;}
        
        .new_bowl_image_front img{width:100%; height:100%; aspect-ratio: 1/1;}
        
        /* .new_bowl_image_back{z-index: 888; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(250px, 8vw, 280px); height: clamp(250px, 8vw, 280px); aspect-ratio: 1 / 1; top: 42%; left: 37%; transform: translate(-50%, -50%) rotate(355deg);} */
        .new_bowl_image_back{z-index: 888; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(250px, 8vw, 280px); height: clamp(250px, 8vw, 280px); aspect-ratio: 1 / 1; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(330deg); transition: all 1s ease;}
        .new_bowl_image_back.bowl_animation_image_back_mobile{z-index: 888; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(250px, 8vw, 280px); height: clamp(250px, 8vw, 280px); aspect-ratio: 1 / 1; top: 61%; left: 41%; transform: translate(-50%, -50%) rotate(355deg);}
        
        .new_bowl_image_back .vc_figure{border-radius: 22px; overflow: hidden;}
        .new_bowl_image_back img{width:100%; height:100%; aspect-ratio: 1/1;}

        /* .new_bowl_image_last{z-index: 886; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(250px, 8vw, 350px); height: clamp(250px, 8vw, 280px); left: 16%; top: 10%; aspect-ratio: 1 / 1; top: 45%; left: 55%; transform: translate(-50%, -50%) rotate(352deg); } */
        .new_bowl_image_last{z-index: 886; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(250px, 8vw, 350px); height: clamp(250px, 8vw, 280px); aspect-ratio: 1 / 1; top: 50%; left: 55%; transform: translate(-50%, -50%) rotate(330deg); transition: all 1s ease;}
        .new_bowl_image_last.bowl_animation_image_last_mobile{z-index: 886; position: absolute; border-radius: 44px; overflow: hidden; width: clamp(250px, 8vw, 350px); height: clamp(250px, 8vw, 280px); aspect-ratio: 1 / 1; top: 14%; left: 59%; transform: translate(-50%, -50%) rotate(352deg); }
        .new_bowl_image_last img{width:100%; height:100%;}

        /* .new_bowls_content{position:absolute; width:calc(100% - 750px); right:0; height:600px; display: flex; justify-content: center; align-items: center; } */
        .new_bowls_content{ position: absolute; display: flex ; justify-content: center; align-items: center;  width: clamp(300px, 8vw, 350px); height: clamp(300px, 8vw, 350px); z-index: 1001; top: 76%; left: 54%; transform: translate(-50%, -50%);}
        .new_bowls_content_inner{width: 100%;height: 100%; position: relative; display: flex ; justify-content: center; align-items: center; flex-direction: column; gap: 22px;}
        .new_bowls_background{z-index: 1001; position: absolute; width: 100% !important; height: 100% !important;}
        /* .new_bowls_background{z-index: 1001; position: absolute; width: 100%; height: 100%;} */
        .new_bowls_background img{width:100% !important; height:100% !important;}
        .new_bowls_title{ text-align:center; font-style:normal;  font-family: 'Degular Display', sans-serif; position: absolute; top: 20%;  z-index: 1001; font-size:var(--text-l); line-height:calc(var(--text-l) * 1); font-weight:900 !important;}
        .new_bowls_title span{ font-style:normal; font-family: 'Degular Display', sans-serif; }
        /* .new_bowls_tagline{position: absolute; top: 300px; width:100%; text-align: center; z-index: 1001;} */
        .new_bowls_tagline{position: absolute; width: 50%; top: 50%; z-index: 1001;}
        /* .new_bowls_tagline p{ font-size:var(--text-m); line-height:calc(var(--text-m) * 1.5);} */
        .new_bowls_tagline p{ font-size:var(--text-s); line-height:calc(var(--text-s) * 1.5);}

        .gif-wrapper { position: relative; display: inline-block; width: 100%; height: 100%; } 
        .gif-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: auto; display: block; transition: opacity 0.3s ease-in-out; } 
        .gif-static { z-index: 2; opacity: 1; }
        .gif-animated { z-index: 1; }
        .gif-wrapper.played .gif-static { opacity: 0;}

        /* ######  New Bowls Section ###### */

        /* ######  Join Our Social ###### */

        .social_cont{position:relative; padding:33px 0px;}

        /* Swiper */
        
        .social_cont .swiper-wrapper{height:600px;}

        .fullwidth-swiper-social { width: 100vw; margin-left: calc(-50vw + 50%); overflow: hidden; }
        .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; position:relative; } 
        .singular_social_slide_inner { width: 100%; height: 80%; padding: 11px 0; border-radius: 20px; display: flex; justify-content: center; align-items: center; position:absolute; aspect-ratio: 1; } 
        .singular_social_slide_inner a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} 
        .social_image_inner_background { width: 80%; height: 80%; border-radius: 20px; overflow: hidden; } 
        .social_image_inner_background img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }

        .swiper-slide:nth-child(1) .singular_social_slide_inner { transform: rotate(7deg); top:44px}
        .swiper-slide:nth-child(2) .singular_social_slide_inner { transform: rotate(353deg); top:22px}
        .swiper-slide:nth-child(3) .singular_social_slide_inner { transform: rotate(10deg); top:55px}
        .swiper-slide:nth-child(4) .singular_social_slide_inner { transform: rotate(359deg); top:33px}
        .swiper-slide:nth-child(5) .singular_social_slide_inner { transform: rotate(-5deg); top:55px}
        .swiper-slide:nth-child(6) .singular_social_slide_inner { transform: rotate(5deg); top:44px;}
        .swiper-slide:nth-child(7) .singular_social_slide_inner { transform: rotate(7deg); top:33px;}
        .swiper-slide:nth-child(8) .singular_social_slide_inner { transform: rotate(-3deg); top:22px;}

        /* Swiper */

        .join_our_social_title{position: relative; left:0;}
        .join_our_social_title p{ font-style:normal; font-family: 'Degular Display', sans-serif; font-size:var(--text-2xl); line-height:calc(var(--text-2xl) * 1); font-weight:900 !important;}
        .join_our_social_tagline{position: relative; left:0;}
        .join_our_social_tagline p{font-size:var(--text-m); line-height:calc(var(--text-m) * 1); }

        .join_our_social_inner{position: relative;}
        .join_our_social_inner .join_our_social_gif{position: absolute; z-index: -1; right: 0px; top: 0px;}
        .join_our_social_inner .join_our_social_gif{width:66px; height:66px; }

        .join_our_social_social_image{margin:0 !important;}
        .join_our_social_social_images_cont{ display: flex ; justify-content: center; align-items: center; position: absolute; flex-direction: row; right: 0; bottom: -33px; margin: 0 !important; }
        .join_our_social_social_images_cont .wpb_wrapper{display: flex; justify-content: center; align-items: center; gap:5px;}
        .join_our_social_social_images_cont img{width:44px; height:44px;}


        .arrow_image{width:150px; height:88px; position:absolute; left:15%; bottom: 10%; z-index: 1000;}
        .arrow_image img{ width:132px; height:132px;}

        /* ######  Join Our Social ###### */

        /* ######  Join a store ###### */

        .join_a_store_cont{margin:88px 0px 22px 0px;}
        .join_a_store_title{position: relative; left:0;}
        .join_a_store_title p{ font-style:normal; font-family: 'Degular Display', sans-serif; font-size:var(--text-xl); line-height:var(--text-xl-lh); font-weight:900 !important;}
        .join_a_store_tagline {position: relative; left:0;}
        .join_a_store_tagline p{ font-size:var(--text-m);}

        /* Store Card Items */

        .stores_cont{max-width:1200px; flex-wrap:wrap; margin:22px auto; margin-top:88px; display:flex;justify-content: center; align-items: center; flex-direction: column; gap:33px; width:100%;}
        .single_store_item{ width: 100%;  perspective: 1000px;  height:200px;}
        .single_store_item:hover .single_store_item_inner{transform: rotateY(180deg);}
        .single_store_item_inner{width:100%; height:100%; position:relative; transition: transform 1.5s; transform-style: preserve-3d;}
        .single_store_front{padding:22px; position:absolute; width:100%; height:100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; border-radius:33px;}
        .single_store_front p{font-size:var(--text_stores); font-weight:900 !important; line-height:var(--text_stores_lh)}
        .single_store_back{padding:22px; position:absolute; width:100%; height:100%;  transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; border-radius:33px;}
        .single_store_back a{display: flex; justify-content: center; align-items: center; flex-direction: column; gap:11px;}
        .single_store_back p{font-size:var(--text-s); line-height:calc(var(--text-s) * 1); text-align: center;} 

        .stores_cont .single_store_item:nth-child(1) { transform: rotate(3deg);}
        .stores_cont .single_store_item:nth-child(2)  { transform: rotate(357deg);}
        .stores_cont .single_store_item:nth-child(3)  { transform: rotate(3deg);}
        .stores_cont .single_store_item:nth-child(4)  { transform: rotate(357deg);}



        /* Store Card Items */


        /* ######  Join a store ###### */

        /* ######  Hello join ###### */

        .hello_join{margin:66px 0px; height:88px; display: flex; justify-content: flex-end; align-items: center;}
        .hello_join_inner{display: flex; justify-content: center; align-items: center; height:100%; position:relative;}
        .hello_join_inner .wpb_wrapper{display: flex; justify-content: flex-end; align-items: center; position:relative;}
        .hello_join_asterisk{position:absolute; z-index: 10px; right: 113px; }
        .hello_join_asterisk img{width:150px; height:150px;}
        .hello_join_text{width:100%; display:flex; justify-content:center;}
        .hello_join_text a{text-decoration: none; color:black; font-size:var(--text-s); line-height:calc(var(--text-s) * 1);}

        /* ######  Hello join  ###### */


        /* ###### Footer ###### */

        footer { flex-direction:column; width :100%; background-color: var(--join_orange_bright); height:300px; display:flex; justify-content: center; align-items: center;}
        footer li{list-style:none;}
        
        .inner_footer{width:90%; margin:auto; display: flex; justify-content: center; align-items: center; flex-direction: column;}
        .inner_footer_upper{width:90%; margin:auto; height:80%; display: flex; justify-content: center; align-items: center;}
        .inner_footer_lower{border-top:2px solid rgba(255,255,255,0.6); width:90%; margin:auto; height:20%; display: flex; justify-content: center; align-items: center;}
        .upper_footer{}
        .footer_logo{display: flex; justify-content: center; align-items: center; width:200px;} 
        .footer_logo img{filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(6%) hue-rotate(153deg) brightness(102%) contrast(104%); width:100%;}
        .lower_footer{}
        .lower_footer p{margin:0; color:white; font-size:16px; line-height:16px;}
        .lower_footer a{text-decoration: none; color:white; transition: all 0.6s ease; }
        .lower_footer a:hover{color:black;}

        /* ###### Footer ###### */


         @media screen and (min-width:300px) and (max-width: 400px) {

          .hero_title1{position: absolute; top: -2%; left: 43%; z-index: 11; transform: translateX(-50%) !important; text-align: center;}
          .hero_title1 p{font-size: 35px; font-weight: 900 !important; line-height: calc(35px * 1);}

          .hero_title_tag_cont { position: absolute; left: 23%; bottom: -47%; z-index: 505; width: 100%; }
          .hero_title_tag_inner .hero_title2 {font-size: 35px; font-weight: 900 !important; line-height: calc(35px * 1);}

          .hero_section_wrapper{ margin: 66px auto;}

        }


        @media screen and (min-width:400px) and (max-width: 600px) {

          .hero_title1{position: absolute; top: -2%; left: 43%; z-index: 11; transform: translateX(-50%) !important; text-align: center;}
          .hero_title1 p{font-size: 35px; font-weight: 900 !important; line-height: calc(35px * 1);}

          .hero_title_tag_cont { position: absolute; left: 36%; bottom: -48%; z-index: 505; width: 100%; }
          .hero_title_tag_inner .hero_title2 {font-size: 35px; font-weight: 900 !important; line-height: calc(35px * 1);}

          .hero_section_wrapper{ margin: 66px auto;}

          .join_our_social_inner{width:80%;}

        }

       
        }