@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap);.left_container{background-color:#f7fafa;width:70%}@media (max-width:760px){.left_container{width:100%}}.left_container .container{padding:0 6vw}.left_container .container .left_header{height:15vh;display:flex;align-items:center;justify-content:space-between}.left_container .container .left_header .mug_icon{cursor:pointer}.left_container .container .left_header .mug_icon .fas{color:#36717f;font-size:1.7rem}@media (max-width:760px){.left_container .container .left_header .mug_icon .fas{font-size:1.2rem}}.left_container .container .left_header .menu_list{display:flex;align-items:center}.left_container .container .left_header .menu_list li{font-size:1rem;font-weight:600;padding:0 5.5rem;cursor:pointer}@media (max-width:970px){.left_container .container .left_header .menu_list li{padding:0 3.5rem}}@media (max-width:760px){.left_container .container .left_header .menu_list li{font-size:.8rem;padding:0 2rem}}.left_container .container .intro_text_container{height:65vh;display:flex;flex-direction:column;justify-content:center;padding:0 3rem;z-index:5}.left_container .container .intro_text_container .intro_header{padding-top:2.5rem}.left_container .container .intro_text_container .intro_header h3{font-size:1.2rem;font-weight:600}.left_container .container .intro_text_container .intro_text{font-size:5.1rem;font-weight:500;z-index:5;padding-bottom:1.5rem}.left_container .container .intro_text_container .intro_desc{width:50%;color:#36717f;font-size:.9rem;font-weight:600;line-height:1.95rem}@media (max-width:1126px){.left_container .container .intro_text_container .intro_header h3{font-size:1rem}.left_container .container .intro_text_container .intro_text{font-size:3.7rem;z-index:5;padding-bottom:1rem}.left_container .container .intro_text_container .intro_desc{width:57%;font-size:.72rem;line-height:1.8rem}}@media (max-width:970px){.left_container .container .intro_text_container{padding:0 1.4rem}.left_container .container .intro_text_container .intro_header{padding-top:2.5rem}.left_container .container .intro_text_container .intro_header h3{font-size:1rem}.left_container .container .intro_text_container .intro_text{font-size:2.7rem;z-index:5;padding-bottom:1rem}.left_container .container .intro_text_container .intro_desc{width:60%}}@media (max-width:760px){.left_container .container .intro_text_container{padding:0 1rem}.left_container .container .intro_text_container .intro_header{padding-top:3.5rem}.left_container .container .intro_text_container .intro_header h3{font-size:1rem}.left_container .container .intro_text_container .intro_text{font-size:2rem;padding-bottom:1.5rem}.left_container .container .intro_text_container .intro_desc{width:100%;color:#36717f;font-size:.8rem;font-weight:600;line-height:1.55rem}}.left_container .container .left_footer{width:100%;height:20vh;display:flex;flex-direction:column;justify-content:center;position:relative}.left_container .container .left_footer .numbers{position:absolute;top:-5px}.left_container .container .left_footer .numbers h4{font-size:.8rem;color:#36717f;font-weight:500}.left_container .container .left_footer .numbers h4 span{font-size:1.9rem;color:#000;font-weight:400}@media (max-width:760px){.left_container .container .left_footer .numbers{display:none}}.left_container .container .left_footer .footer_list{display:flex;align-items:center}.left_container .container .left_footer .footer_list li{font-size:1rem;font-weight:600;padding:0 5rem;cursor:pointer}@media (max-width:1126px){.left_container .container .left_footer .footer_list li{padding:0 3rem}}@media (max-width:970px){.left_container .container .left_footer .footer_list li{font-size:.9rem;padding:0 2rem}}.left_container .container .left_footer .footer_list :first-child{padding-left:0}@media (max-width:760px){.left_container .container .left_footer .footer_list{justify-content:space-between}.left_container .container .left_footer .footer_list li{font-size:.8rem;padding:0}}*{margin:0;padding:0;box-sizing:border-box}a,button,input,textarea{outline:none}li{list-style:none}a{text-decoration:none}*,body,html{font-family:"Poppins",sans-serif}.page_wrapper{display:flex;width:100vw;min-height:100vh;overflow:hidden}.page_wrapper .tea_container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-20%,-50%);transform:translate(-20%,-50%);background-color:#cadddc;width:600px;height:400px;z-index:2}@media (min-width:1900px){.page_wrapper .tea_container{width:900px;height:670px}}@media (max-width:1200px){.page_wrapper .tea_container{width:500px;height:390px}}@media (max-width:970px){.page_wrapper .tea_container{width:360px;height:320px}}@media (max-width:760px){.page_wrapper .tea_container{display:none}}.page_wrapper .tea_container .inner_tea_container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.page_wrapper .tea_container .inner_tea_container .search_container{position:absolute;left:-100px;bottom:-5%;z-index:5;margin-top:2.5rem}@media (min-width:1900px){.page_wrapper .tea_container .inner_tea_container .search_container{bottom:-2%}}@media (max-width:1126px){.page_wrapper .tea_container .inner_tea_container .search_container{left:-70px}}@media (max-width:970px){.page_wrapper .tea_container .inner_tea_container .search_container{left:-50px}}.page_wrapper .tea_container .inner_tea_container .search_container input{outline:none;border:none;padding:10px 5px 10px 20px;background:#36717f;opacity:.6;color:#fff;width:150px}@media (max-width:1126px){.page_wrapper .tea_container .inner_tea_container .search_container input{width:110px}}@media (max-width:970px){.page_wrapper .tea_container .inner_tea_container .search_container input{width:90px;padding:5px 2px 5px 10px}}.page_wrapper .tea_container .inner_tea_container .search_container input::-webkit-input-placeholder{color:#fff}.page_wrapper .tea_container .inner_tea_container .search_container input:-ms-input-placeholder{color:#fff}.page_wrapper .tea_container .inner_tea_container .search_container input::placeholder{color:#fff}.page_wrapper .tea_container .inner_tea_container .search_container button{width:30px;padding:10px 0;border:none;outline:none;background:#36717f;opacity:.6;color:#fff;cursor:pointer}@media (max-width:970px){.page_wrapper .tea_container .inner_tea_container .search_container button{width:20px;padding:5px 0}.page_wrapper .tea_container .inner_tea_container .search_container button .fas{font-size:10px}}.page_wrapper .tea_container .inner_tea_container .cup_text{position:absolute;top:17%;right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg);font-size:1rem;color:#36717f;font-weight:500}@media (min-width:1900px){.page_wrapper .tea_container .inner_tea_container .cup_text{font-size:1.5rem}}@media (max-width:1126px){.page_wrapper .tea_container .inner_tea_container .cup_text{font-size:.7rem}}.page_wrapper .tea_container .inner_tea_container .cup_img{-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;width:270px;height:270px;border-radius:50%;box-shadow:40px 3px 13px -20px #36707f;-webkit-box-shadow:40px 3px 13px -20px #36707f;-moz-box-shadow:40px 3px 13px -20px #36707f}@media (min-width:1900px){.page_wrapper .tea_container .inner_tea_container .cup_img{width:370px;height:370px}}@media (max-width:1200px){.page_wrapper .tea_container .inner_tea_container .cup_img{width:200px;height:200px}}@media (max-width:970px){.page_wrapper .tea_container .inner_tea_container .cup_img{width:150px;height:150px;box-shadow:30px 3px 13px -20px #36707f;-webkit-box-shadow:30px 3px 13px -20px #36707f;-moz-box-shadow:30px 3px 13px -20px #36707f}}.page_wrapper .tea_container .inner_tea_container .cup_img img{width:100%;height:100%}.right_container{background-color:#36717f;width:30%}@media (max-width:760px){.right_container{display:none}}.right_container .container{padding-right:6vw}.right_container .container .right_header{height:15vh;display:flex;align-items:center;justify-content:flex-end}.right_container .container .right_header .profile{width:50px;height:50px;border-radius:50%;border:3px solid #fff;cursor:pointer}.right_container .container .right_header .profile img{width:100%;height:100%;border-radius:50%}.right_container .container .slider_btn_container{height:20vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.right_container .container .slider_btn_container .fa-angle-up{padding:12px 10px;background-color:#588795;border-top-left-radius:90px;border-top-right-radius:90px;color:#fff;font-size:18px;cursor:pointer}@media (max-width:1126px){.right_container .container .slider_btn_container .fa-angle-up{font-size:12px}}.right_container .container .slider_btn_container .fa-angle-down{padding:12px 10px;background-color:#fff;border-bottom-left-radius:90px;border-bottom-right-radius:90px;color:#36707e;font-size:18px;cursor:pointer}@media (max-width:1126px){.right_container .container .slider_btn_container .fa-angle-down{font-size:12px}}
/*# sourceMappingURL=main.bdf01d9b.chunk.css.map */