@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'DM Sans', serif;
    -webkit-tap-highlight-color: transparent;
    max-width: 100vw;
}
:root{
    --boxShadow: 0 4px 10px rgba(0,0,0,.1);
    --bgGrey: #fbfbfb;
    --white: #ffffff;
    --border: 1px solid #595959c2;;
    --border1: 1px solid #dadada;
    --bs1: 0px 0px 30px rgba(82, 82, 255,.3);
    --bs: 0px 0px 15px rgba(82, 82, 255,.3);
    --txt:#5a5a5a;
    --black:#000;
    --blue:#1a95cb;
    --lblue:#ebf7fc;
    --orange:#fd6500;

}
body.noscroll{overflow-y: hidden;}
ul{list-style: none;}
a{text-decoration: none;}
.flex{display:flex;align-items: center}
.flex.jcc{justify-content: center;}
.flex.jcsb{justify-content: space-between;}
.flex.fdc{flex-direction: column;}
.flex.jcs{justify-content: flex-start;}

body{width: 100vw;overflow-x:hidden;background: var(--bgGrey);max-width:100vw;overflow-x:hidden}
button{outline:none;border:none;transition:500ms ease;cursor: pointer;}
button:disabled{opacity:.5;pointer-events: none;}

.nav_logo{height: 5rem;margin-left: -1rem;}
nav{display: flex;align-items: center;justify-content: space-between;padding:.3rem 2rem;background:var(--blue);color:var(--white)}
.navUl{display: flex;gap:.5rem}
.menu_toggle_img{display: none;}
.navUl li:has(.navSUL){position:relative}
.navLi{padding:.6rem;font-size: 110%;position:relative;transition:500ms ease;border-radius: .5rem;}
.navLi.active::after{content:'';position:absolute;bottom:-2px;width:100%;height:2px;left:50%;transform: translate(-50%,-50%);background:var(--white)}
.navLi ion-icon{margin-bottom: -2px;font-size: 150%;cursor: pointer;}
.navLi:hover{background:rgba(255,255,255,.1)}
.navLi.active, .navLi:has(ion-icon){pointer-events: none;}
.navLi:has(ion-icon){padding:.6rem .1rem}
.menu_overlay{display: none;}
.navSUL{position:absolute;z-index:4;background:var(--white);border-radius: .5rem;top:3rem;min-width:140%;padding:.5rem 0;transition:300ms ease;opacity:0;pointer-events: none;}
.navSUL::before{content:'';position:absolute;top:-0.2rem;transform: rotate(45deg);background:var(--white);height:10px;width:10px;z-index:5}
.navSUL.lft{left:0}
.navSUL.rgt{right:0}
.navSUL.lft::before{left:1rem}
.navSUL.rgt::before{right:.8rem}
.navUl li:hover .navSUL{opacity: 1;top:2.5rem;pointer-events: all;}
.navSUL li a, .navSUL li span{color:var(--black);padding:.6rem 1rem;transition:300ms ease;display: block;font-size: 90%;white-space: nowrap;}
.navSUL li{border-left:4px solid transparent;transition:300ms ease}
.navSUL li:hover{background:rgba(0,0,0,.05);border-color: var(--blue);}
section{max-width:100vw;overflow: hidden;position:relative}
.navSLi{cursor: pointer;}
.nav_icon{cursor: pointer;}
.search_bar{width: 30vw;display: flex;align-items: center;justify-content: space-between;padding-right: .8rem;}
.search_input{padding:.5rem 1rem;outline:none;background:none;color:var(--black);width:90%}
.icon.srch_icon{background-color:rgba(0,0,0,.5);padding:.5rem;transition:300ms ease;transform: scale(1.5);}
.icon.srch_icon:hover{background-color:var(--black)}

.hero{height: 85vh;position: relative;}
.hero_content_wrapper{width: 80%;position:relative;z-index:1}
.hero_content{backdrop-filter: blur(10px);width: 52%;padding:2rem;border-radius: .5rem;}
.hero_bg_img{position: absolute;height: 100%;width: 100%;object-fit: cover;}
.hero_h{font-size: 3.3rem;font-weight: 700;color:var(--white);line-height: 120%;}
.hero_h span{color:var(--orange)}
.hero_link{background:var(--orange);color:var(--white);padding:.6rem 1rem;border-radius: 2rem;display: flex;align-items: center;justify-content: center;width: fit-content;gap:.5rem;margin-top: .5rem;transition:300ms ease}
.hero_link ion-icon{font-size: 160%;margin-bottom: -1px;}
.hero_link:hover{filter:brightness(110%);gap:.8rem}

.wwa_container{width:80%;margin:8rem auto;display: grid;grid-template-columns: 1fr 1fr;gap:8rem;}
.wwa_img_container{width:100%;aspect-ratio: 16/11;overflow: hidden;border-radius: 1rem;}
.wwa_img{height: 100%;width: 100%;object-fit: cover;}
.wwa_detail{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap:.5rem}
.wwa_p{font-size: 110%;}
.wwa_head{font-size: 220%;font-weight: 700;}
section.emp{background:var(--lblue);flex-direction: column;}
section.emp .wwa_container{margin-bottom: 4rem;}
section.emp .wwa_img_container{order:2}
.emp_ul{display: grid;grid-template-columns: repeat(5,1fr);width: 80%;margin-bottom: 8rem;}
.emp_li_head{color:var(--blue);font-size: 300%;font-weight: 800;}
.emp_li_p{font-size: 80%;opacity: .7;margin-top: -8px;}
/* section.emp .wwa_head, section.emp .wwa_p{width: 80%;} */

.products_grid{display: grid;grid-template-columns: repeat(3,1fr); gap:3rem;width: 80%;margin-top: 4rem;}
.product_card{border-radius: 1rem;overflow: hidden;transition:300ms ease;box-shadow: var(--boxShadow);}
.product_img_container{width:100%;display: grid;place-items: center;position:relative;height: 40vh;}
.product_img_container::after{content:'';position:absolute;bottom:0;left:0;height: 80%;width:100%;background:linear-gradient(to top,#f1fbff 0%, rgba(0,0,0,0) 100% )}
.product_img{object-fit: contain;max-width: 90%;max-height: 90%;position: relative;z-index: 2;min-width: 50%;min-height: 50%}
.product_detail{background:var(--white);display: flex;align-items: center;justify-content: space-between;padding:1rem;}
.product_detail.pd1{flex-direction: column;align-items: flex-start;}
.pc_title{font-size: 80%;color:var(--blue);font-weight: 500;margin:.2rem 0}
.pc_desc{font-size: 80%;color:var(--txt)}
.product_name{font-size: 120%;font-weight: 500;}
.arrow_{display: grid;place-items: center;color:var(--white);background:var(--orange);border-radius: 50%;aspect-ratio: 1/1;padding:.5rem;transition:500ms ease;border:1px solid transparent}
.product_card:hover .arrow_{background:var(--white);border:1px solid var(--orange);color:var(--orange)}
section.products{padding:8rem 0}
.section_head{font-size: 280%;font-weight: 500;}
.section_p{max-width: 50%;text-align: center;color:var(--txt);font-size: 120%;}
.section_p.sp1{max-width: 80%;margin-top: 4rem;}
.product_card:hover .icon{background-color:var(--orange)}
.rfb_link:hover .icon{background-color:var(--black)}
.fdcrp .icon{margin-bottom: -2px;}
section.iws{color:var(--white)}
.iws_container{width:80%;padding:8rem 0}
section.iws p, section.iws div{position: relative;z-index: 1;}
.iws_bg_img{position:absolute;top:0;left:0;height: 100%;width: 100%;object-fit: cover}
.iws_cards{display: grid;grid-template-columns: repeat(5,2fr);gap:1rem}
.iws_card{padding:1.3rem;border-radius: 1rem;transition:300ms ease;background:rgba(255,255,255,.1);backdrop-filter: blur(10px);}
.iws_card:hover{background:var(--blue)}
.iws_p{font-size: 80%;}
.iws_icon{height: 3rem;width: auto;}
.iws_name{font-weight: 500;margin:1.5rem 0 .2rem 0;font-size: 120%;}
section.iws .section_head{font-weight: 600;text-align: left;}
section.iws .section_p{text-align: left;color:var(--white);opacity: 1;width: 44%;margin-bottom: 4rem;}

.contact_container{width: 80%;margin:8rem 0;position:relative;border-radius: 2rem;display: grid;grid-template-columns: 25% 50% 1fr;place-items: center;color:var(--white);height: 50vh;padding:0 4rem;overflow: hidden;gap:4rem}
.cc_bg_img{position: absolute;top:0;width:100%;height: 100%;left:0;object-fit: cover;}
.contact_container .section_head{font-size: 300%;line-height: 100%;font-weight: 400}
.contact_container .section_p{color:var(--white);opacity: 1;text-align: left;border-left:1px solid var(--white);padding-left: 6rem;max-width: 80%}
.contact_container .section_head span, .contact_container .section_p span{color:var(--blue);font-weight: 600;}
.contact_container p{position: relative;z-index: 1;}

footer{background:var(--blue)}
.footer_container{width: 80%;margin:4rem 0;color:var(--white);}
.footer_grid{display: grid;grid-template-columns: repeat(4,1fr);gap:1rem;margin-top: 2rem;margin-bottom:30px}
.footer_logo{margin-left: -2rem;}
.fd_head{font-weight: 500;font-size: 160%;margin-bottom: 1rem;}
.fdlia{opacity: .6;transition:300ms ease;font-size: 110%;}
.fd_ul li{margin-bottom: .3rem;}
.fdlia:hover{opacity: 1;}
.fdcrp{font-size: 110%}
.fdcrp ion-icon{margin-bottom: -4px;}
.fd_ul:has(.fdcrp) li{margin-bottom: 1rem;}

.production_line_elem{height: 36vh;overflow: hidden}
.production_line_elem_img{height: 100%;width: 100%;object-fit: cover;}
section.pg_sec{padding:4rem 0}
.wcu_grid{margin:2rem 0;display: grid;grid-template-columns: 1fr 1fr;gap:2rem;width: 80%;}
.wcu_card{padding:1rem;border-radius: 1rem;box-shadow: var(--boxShadow);display: grid;grid-template-columns: 40% 1fr;gap:1rem}
.wcu_img_wrap{border-radius: .6rem;overflow: hidden;}
.wcu_img{height: 100%;width: 100%;object-fit: cover;}
.wcu_card .product_name{font-size: 160%;}
.wcu_p{font-size: 120%;opacity: .8;}
.certificates{width: 100vw;height: auto;}
section.abt_cntct{padding-top: 4rem;}
section.abt_cntct .contact_container{margin-top: 1rem;}

.apa_grid{display: grid;grid-template-columns: repeat(4,1fr);gap:2rem;margin:2rem 0;width:80%}
.apa_grid.apl{grid-template-columns: repeat(3,1fr);}
.apa_card{border-radius: 1rem;overflow: hidden;box-shadow: var(--boxShadow);}
.apa_img_wrap{aspect-ratio: 1/1;}
.apa_grid.apl .apa_img_wrap{aspect-ratio: 16/12;}
.apa_grid.apl .apa_card{border:1px solid rgba(0,0,0,.1);box-shadow: none;}
.apa_grid.apl .product_detail{background:#d7f3ff}
.apa_grid.apl .product_name{border-top:1px solid #81bfda;width: 100%;padding-top:8px}
.p4m2{padding:8rem 0}
.indus_hero_div{position:absolute;bottom:10%;left:9%;width: 50%;padding:2rem;border-radius: 1rem;background:rgba(0,0,0,.5);color:var(--white)}
.indus_hero_div p{text-align: left;opacity: 1;max-width: 100%;color:var(--white)}

.boa{display: grid;grid-template-columns: 38% 1fr;gap:4rem;width: 80%;}
.boa p{text-align: left;max-width: 100%;}
.boa .section_head{line-height: 120%;}
.boa_li{display: flex;align-items: center;justify-content: flex-start;background:var(--lblue);border-radius: 1rem;overflow: hidden;margin-bottom: 10px;border:var(--border1)}
.boa_count{color:var(--white);background:var(--blue);font-size: 200%;font-weight: 600;padding:1rem;min-width: 7rem;text-align: center;}
.boa .product_name{color:var(--black);margin-left: 1.5rem;}

.faq_container{width:80%}
.faq_item{border:var(--border1);background:var(--white);border-radius: 1rem;padding:2rem;margin-top: 1rem;}
.faq_ques{font-weight: 500;font-size:180%}
.faq_ans{font-size: 90%;color:var(--txt)}
section.cntctp{height:30vh; color:var(--white)}
.wwa_detail ion-icon{color:var(--blue);margin-bottom: -3px;margin-right: 2px;}
.cop_grid{margin:3rem 0;width:60%;display: grid;grid-template-columns: repeat(3,1fr);gap:1rem}
.cop_icon{height: 3rem;}
.cop{display: flex;align-items: center;justify-content: flex-start;gap:1rem}
.cop p{font-size: 120%;}
.cop_form{width: 40%;}
.label{display: block;font-size: 90%;}
.input{resize: vertical;background:none;outline:none;border:var(--border1);border-radius: .5rem;transition:300ms ease;padding:.8rem;width:100%}
.inp_grp{padding:.5rem 0}
.input:hover{border:var(--border)}
button.hero_link{width: 160px;}
.blogs_top_img{width: 90%;margin-top: 1rem;height: 60vh;object-fit: cover;}
.blogs_top{padding:2rem 0}
.blogs_top p{text-align: center;max-width: 70%;}

.blog_card{width: 70%;display: flex;align-items:center;justify-content: flex-start;margin-bottom: 1rem;padding-top: .5rem;}
.bc_img_wrap{border-radius: .7rem;overflow:hidden;height: 16vh;aspect-ratio: 5/3;}
.bc_detail{padding:1rem}
.bc_p{height: 60%;opacity: .7;}
.bc_detail .product_name{font-size: 180%;}
.blog_card:not(:first-of-type){border-top: var(--border1);}

.products_nav{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;gap:1rem;width:80%;margin:2rem auto}
.product_category{font-weight: 500;font-size: 120%;border:var(--border);padding:.7rem 2rem;border-radius: 1rem;transition:300ms ease;cursor: pointer;}
.product_category:hover{background: var(--lblue)}
.product_category.active{pointer-events: none;background:var(--blue);color:var(--white);border-color:var(--blue)}
.plp_txt{border-radius: 1rem;padding:2rem;background:linear-gradient(to top, var(--lblue) 0%, rgba(0,0,0,0)100%);width: 80%;margin:1rem auto -3rem auto;font-size: 110%;}

.wwa_container.ll{grid-template-columns: 52% 1fr;}
.wwa_container.rl{grid-template-columns: 40% 1fr;}
.wwa_container .product_name{font-size: 140%;font-weight:600;}
.wwa_container .wwa_p:nth-of-type(2){color:var(--blue);font-size: 100%;margin-bottom: .5rem;}
.wwa_container a ion-icon{color:var(--white)}
.feature_card{background:#d7f3ff;display: flex;align-items: center;justify-content: flex-start;padding:1.5rem;border-radius: 1.5rem;min-height: 20vh;}
.fc_icon_wrap{background:var(--white);border-radius: 1rem;padding:.7rem;aspect-ratio: 1/1;display: grid;place-items: center;height: 3rem;width: 3rem;}
.wcu_grid.kf{margin-bottom: 6rem;}
section.specs{padding:4rem 0}
section.specs .section_head{text-align: left;width: 80%}
.specs_chart_container{width: 80%;margin:2rem 0}
.sc_head_row, .sc_specs_row{display: grid;grid-template-columns: repeat(5,1fr);gap:1rem;margin-bottom: 1rem;}
.sc_head{background:#d7f3ff;border:var(--border1);text-align: left;font-size: 110%;padding:.5rem 1rem;display: grid;place-items: center;border-radius: 1rem;font-weight: 600;}
.sc_specs_row{background:var(--white);padding:1rem;border-radius: 1rem;}
.sc_specs:not(:last-of-type){border-right: var(--border);}
.sc_specs{font-size: 120%;text-align: center;display: grid;place-items: center;color:var(--txt);padding:0 1rem}
.wcid_grid{width: 80%;display: grid;grid-template-columns: 1fr 1fr 1fr;gap:2rem;margin:2rem 0}
.wcid{padding:2rem;border-radius: 1.5rem;background:#d7f3ff;border:var(--border1)}
.wcid_count{display: grid;place-items: center;background:var(--white);font-weight: 600;font-size: 200%;height: 4rem;aspect-ratio: 1/1;border-radius: 50%;margin-bottom: 2rem;}
.wcid .product_name{font-size: 150%;border-bottom: var(--border);padding-bottom: .8rem;margin-bottom: .8rem;}
.wcid .pc_desc{font-size: 120%;opacity:.8;color:var(--black)}
.testimonials{margin:2rem 0;width: 80%;}
.testimonial{background:var(--white);border:var(--border1);padding:1.5rem;border-radius: 1.5rem;}
.customer_name{display: flex;align-items: center;justify-content: flex-start;border-bottom: var(--border1);gap:1rem;padding-bottom: 1rem;margin-bottom: 1rem;}
.customer_img_wrap{border-radius: 50%;overflow: hidden;aspect-ratio: 1/1;}
.tst_rating{display: flex;align-items: center;justify-content: flex-start;gap:.5rem;color:var(--orange);font-size: 120%;}
.review .product_desc{font-size: 110%;}

body:has(.blog_top){background:var(--lblue)}
body:has(.blog_top) .section_head{width: 80%;margin-top: 4rem;}
.blog_top{width: 80%;margin:1rem auto}
.blog_top .product_name{font-size: 300%;}
.blog_top .product_desc span{color:var(--blue)}
.blog_container{width: 80%;margin:0 auto;display: grid;grid-template-columns: 70% 1fr;gap:2rem}
.blog_feature_img{width: 100%;height: auto;margin-bottom: 1rem;}
.content{font-size: 120%;}
.blog_p{margin-bottom: 1rem;}
.fi_top{color:var(--white);background:var(--blue);border-radius: 1.5rem;padding:1.5rem;margin-bottom: 1rem;}
.founder_img_wrap{height: 100px;aspect-ratio: 1/1;border-radius: 1rem;overflow: hidden;margin-bottom: 1rem;}
.fi_top .product_desc{font-size: 90%;}
.product_desc.d1{font-size: 160%;margin:1rem 0;font-weight: 300;line-height: 120%;}
.share_ul{display: flex;gap:.5rem;margin-top:.5rem;}
.share_li{background:var(--white);border-radius: .5rem;aspect-ratio: 1/1;height: 2rem;display: grid;place-items: center;}
.share_li ion-icon{color:var(--blue);font-size: 120%;}
.rel_art_grid{display: grid;grid-template-columns: repeat(3,1fr);gap:1rem;width: 80%;margin:4rem 0}
.rel_art{background:var(--white);box-shadow: var(--boxShadow);border-radius: 1rem;overflow: hidden;padding:.5rem}
.ra_img_wrap{border-radius: .8rem;overflow: hidden;}
.ra_detail{padding:.5rem}
.ra_category div{height: .7rem;width:.7rem;background:var(--blue);margin-right: .1rem;border-radius: 50%;display: inline-block}
.ra_category{color:var(--blue)}
.ra_detail .bc_p{font-size: 70%;}
.blcom_form{width: 50%;align-self: flex-start;margin-left: 10%;padding:2rem 0;margin-bottom: 1rem;}
.blcom_form .input{background:rgba(255, 255, 255,.6)}
.blcom_wrap{display: grid;grid-template-columns: 1fr 1fr;gap:0 1rem}
.blog_comment{width: 80%;background:var(--white);border-radius: 1rem;margin:1rem auto;display: flex;align-items: flex-start;justify-content: flex-start;padding:1rem}
.blog_comment:last-of-type{margin-bottom: 4rem;}
.user_info, .comment_detail{padding:.5rem}
.user_name{opacity: .5;font-size: 80%;text-align: center;}
.cd_act{color:var(--blue);font-size: 80%;}
.cd_act button{transition:300ms ease;color:var(--txt);padding:.2rem .5rem;border-radius: 8px;text-decoration: underline;}
.cd_act button:hover{background:#eee}

.ind_blogs_wrap{width: 100%;position:relative;margin-top:4rem}
.ind_blog_card{border-radius: 1.5rem;position:relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.ind_blog_detail{width:80%;display: flex;flex-direction: column;align-items: center;justify-content: center;color:var(--white);text-align: center;padding:2rem;border-radius: 1rem;backdrop-filter: blur(10px);margin:4rem 0;background:rgba(255,255,255,.1)}
.rfb_link{padding:10px 20px;border:1px solid var(--white);border-radius: 30px;color:var(--white);display: flex;align-items: center;justify-content: center;gap:.5rem;font-size: 90%;transition:300ms ease}
.ind_blog_detail .product_desc{margin:1rem 0}
.ind_blog_detail .product_name{font-size: 200%;}
.rfb_link:hover{color:var(--black);background:var(--white);gap:1rem}
.blog_slide_toggle{position:absolute;top:50%;transform: translate(-50%,-50%);background:var(--orange);color:var(--white);border-radius: 50%;height: 3.5rem;width: 3.5rem;z-index:2;display: grid;place-items:center;font-size: 160%;transition:300ms ease}
.blog_slide_toggle.prv{left:16%}
.blog_slide_toggle.nxt{right:12%}

.icon{background-color:var(--white);height: 1rem;width: 1rem;transition:300ms ease}
.icon.nav_icon{height: 24px;width: 24px;margin:4px}
.hero_link .icon{margin-bottom: -2px;}
.share_li .icon{background-color: var(--blue);}
.icon.cnt{background-color: var(--black);}
.icon.star{background-color: var(--orange);}
.smnico{transform: rotate(-90deg);height: .8rem;width: 1rem;margin-left:-.8rem}
.lng_{display: none;}

@media (max-width:738px){

    ::-webkit-scrollbar {height: 0px;width: 0px;}

    nav{padding:.3rem .8rem;color:var(--black)}
    .p4m2{padding:4rem 0}
    .navUl{display: flex;flex-direction: column;position: fixed;top:0;left:-100vh;height: 100vh;width:80vw;background:var(--white);z-index:5;padding-bottom:12rem;padding-top:2rem;gap:0;transition: 200ms ease;overflow-y: auto;}
    .menu_toggle_img{display: block;}
    nav.show .navUl{left:0}
    .navLi{display: block;width: 100%;border-radius: 0;padding:1rem}
    .navUl li:not(:last-child){border-bottom: 1px solid #eee;}
    .nav_logo{height: 4rem;margin-left: -1rem;}
    .menu_overlay{position: fixed;height: 100vh;width: 100vw;z-index:4;background:rgba(0,0,0,.1);backdrop-filter: blur(2px);left:0;top:0}
    body:has(nav.show) .menu_overlay{display: block;}
    .navSUL{position:relative;min-width:90%;opacity: 1;pointer-events: all;top:-2rem;margin-left: .5rem;max-width: 90%;padding:0;opacity:.8}
    .navSUL::before{display: none;}
    .navUl li:hover .navSUL{opacity: .8;top:-2rem}
    .smnicon{display: none;}
    /* .search_bar{width: 75vw;background:rgba(0,0,0,.1)} */
    .navSUL:not(:has(.oho)){position:relative;min-width:90%;opacity: 1;pointer-events: all;top:-2rem;margin-left: .8rem;max-width: 90%;padding:0;opacity:.8}
    .navSUL::before{display: none;}
    .navUl li:hover .navSUL{opacity: .8;top:-2rem}
    .navSLi{position:relative}
    .navSLi::before{content:'>';position:absolute;top:50%;left:3px;transform:translateY(-50%);opacity: .4;}
    .smnicon{display: none;}
    .search_bar{width: 76vw;background:rgba(0,0,0,.05);margin-top: -50px;}
    .icon.srch_icon{padding:0;transform: scale(1) translateY(20%);}
    nav li:has(.oho){display: none;}
    .search_input{width: 65vw}
    .nav_icon{background-color:var(--black);display: none;transform: scale(0);}
    li:has(.nav_icon){padding-left: .5rem;padding-top: .5rem;}
    li:has(.lng){padding-left: .2rem}
    .navSUL:has(.oho){position:relative;top:0;width:80vw;opacity: 1;pointer-events: all;max-width: 80vw;min-width: 80vw;padding:0}
    .navSUL:not(:has(.oho)) .navUl li:hover .navSUL{opacity: .8;top:-2rem}
    .lng_{font-size: 70%;opacity: .5;}

    body{width: 100vw;overflow-x: hidden;max-width: 100vw;}
    section{max-width: 100vw;overflow: hidden;}

    .hero_content_wrapper{width: 90%}
    .hero_content{width: 100%;padding:.7rem}
    .hero_h{font-size: 1.7rem;line-height: 130%;}
    .hero{height: 20vh;}

    .wwa_container{width:90%;margin:4rem auto;grid-template-columns: 1fr;gap:2rem;}
    .wwa_p{font-size: 90%;}
    .wwa_head{font-size: 150%}
    section.emp .wwa_container{margin-bottom: 2rem;}
    section.emp .wwa_img_container{order:0}
    .emp_ul{grid-template-columns: repeat(2,1fr);width: 88%;margin-bottom: 2rem;gap:1rem 1rem}
    .emp_li_head{font-size: 200%}
    .emp_li_p{font-size: 70%}

    .products_grid{grid-template-columns: repeat(1,1fr); gap:1rem;width: 90%;margin-top: 2rem;}
    .product_img_container{height: 20vh;}
    .product_detail{padding:.5rem;}
    .product_name{font-size: 90%}
    .arrow_{padding:.2rem;font-size: 80%;}
    section.products{padding:4rem 0}
    .section_head{font-size: 180%;}
    .section_p{max-width: 90%;font-size: 80%;}

    .iws_container{width:90%;padding:4rem 0}
    .iws_cards{grid-template-columns: repeat(2,2fr);gap:1rem}
    .iws_card{padding:.8rem}
    .iws_icon{height: 2rem;margin-bottom: -1rem}
    .iws_name{font-size: 100%;}
    .iws_p{font-size: 60%;}
    section.iws .section_p{width: 80%;margin-bottom: 2rem;}
    
    .contact_container{width: 90%;margin:4rem 0;grid-template-columns: 1fr;height: auto;padding:2rem;gap:2rem}
    .contact_container .section_head{font-size: 260%;line-height: 100%;font-weight: 400;text-align:center}
    .contact_container .section_p{border-left:none;padding-left: 0;max-width: 100%;text-align: center;font-size: 100%;}

    .footer_container{width: 90%;margin:2rem 0}
    .footer_grid{grid-template-columns: repeat(1,1fr);margin-top: 1rem;gap:3rem}
    .fd_head{font-size: 140%;margin-bottom: .5rem;}
    .fdlia{opacity: .8;font-size: 100%;}

    .hero.abt{height: 20vh}
    .production_line_elem{height: 18vh}
    section.pg_sec{padding:2rem 0}
    .wcu_grid{width: 90%;grid-template-columns: 1fr;gap:1.3rem}
    .wcu_card{padding:.7rem}
    .wcu_card .product_name{font-size: 120%}
    .wcu_p{font-size: 80%}
    section.abt_cntct{padding-top: 2rem;}
    section.abt_cntct .section_head{text-align: center;line-height: 110%;margin-bottom: .5rem;}

    .apa_grid{grid-template-columns: repeat(2,1fr);gap:1rem;margin:2rem 0;width:90%}
    .apa_grid.apl{grid-template-columns: 1fr;gap:2rem}
    .apa_grid.apl .apa_img_wrap{aspect-ratio: 16/10;}
    .apa_grid.apl .product_detail{padding:1.3rem 1rem}
    .indus_hero_div{left:50%;width: 90%;transform: translateX(-50%);padding:1rem}
    .indus_hero_div .section_p{font-size: 64%;}
    .indus_hero_div .section_head{font-size: 120%;}
    .boa{grid-template-columns: 1fr;width:90%;gap:2rem}
    .boa .product_name{margin-left: 1rem;}

    .faq_container{width:90%}
    .faq_item{padding:1rem;margin-top: 1rem;}
    .faq_ques{font-size:100%;line-height: 120%;margin-bottom: .5rem;}
    .faq_ans{font-size: 70%}
    .faq_container .section_head{font-size: 160%;}

    .cop_grid{margin:2rem 0;width:90%;gap:.8rem}
    .cop_icon{height: 1rem;}
    .cop{gap:.4rem}
    .cop p{font-size: 60%;line-height: 110%;}
    .cop_form{width: 88%;}
    .label{font-size: 80%;}
    .input{resize: vertical;background:none;outline:none;border:var(--border1);border-radius: .5rem;transition:300ms ease;padding:.8rem;width:100%}
    section:has(.cop) .section_head{width: 80%;}

    .blogs_top_img{width: 90%;height: 30vh}
    .bc_img_wrap{height: 12vh;}
    .blog_card{width: 90%}
    .bc_detail{padding:.5rem}
    .bc_p{font-size: 60%}
    .bc_detail .product_name{font-size: 90%;margin-bottom: .5rem;line-height: 120%;}

    .products_nav{width: 100%;max-width: 100vw;overflow-x: scroll;flex-wrap: nowrap;gap:.5rem}
    .product_category{font-size: 90%;padding:.5rem .8rem;display: inline-block;white-space: nowrap;}
    .product_category:nth-of-type(1){margin-left: 1rem;}
    .plp_txt{width: 90%;font-size: 90%;padding:.5rem}
    .pc_desc, .pc_title{font-size: 65%;}
    section.cntctp .section_head{width: 80%;text-align: center;}

    .wwa_container.ll, .wwa_container.rl{grid-template-columns: 1fr;}
    .wwa_container.ll .wwa_detail{order:1}
    .feature_card{flex-direction: column;text-align: center;}
    .fc_icon_wrap{height: 4rem;width: 4rem;}
    .wcu_grid.kf{margin-bottom: 6rem;}
    .specs_chart_container{width: 90%;margin:2rem 0;overflow-x: scroll}
    .sc_head{font-size: 90%}
    .sc_specs{font-size: 90%}
    .sc_head_row, .sc_specs_row{display: flex;flex-wrap: nowrap;gap:0;padding:0;margin: 0;}
    .sc_head, .sc_specs{flex: 0 0 130px;border-radius: 0;border:none}
    .sc_head{font-size: 80%;}
    .sc_head_row{margin-bottom: .5rem;}
    .sc_specs_row{background:none}
    .sc_specs{padding:.5rem;margin:.2rem 0;background:var(--white)}
    .wcid_grid{width: 90%;grid-template-columns: 1fr}
    .wcid_count{font-size: 180%}
    .wcid .pc_desc{font-size: 100%}
    .specs_chart{margin-bottom: 1rem;}

    body:has(.blog_top) .section_head{width: 90%}
    .blog_top{width: 90%}
    .blog_top .product_name{font-size: 170%;}
    .blog_top .product_desc{font-size: 80%;}
    .blog_container{width: 90%;grid-template-columns: 1fr}
    .content{font-size: 100%;}
    .product_desc.d1{font-size: 140%;margin:.6rem 0}
    .rel_art_grid{display: flex;flex-wrap: nowrap;overflow-x: scroll;width: 100%;margin:1rem 0;gap:.5rem}
    .rel_art{flex:0 0 50%;padding:8px}
    .rel_art:nth-of-type(1){margin-left: 1rem;}
    .ra_category div{height: .3rem;width:.3rem}
    .ra_category{font-size: 70%;}
    .ra_detail{padding:4px}
    .ra_detail .bc_p{font-size: 60%;}
    .blcom_form{width: 90%;margin:0 auto}
    .blcom_wrap{grid-template-columns: 1fr}
    .blog_comment{width: 90%;padding:.5rem}

    .ind_blogs_wrap{margin-top:2rem}
    .ind_blog_detail{padding:1rem;margin:2rem 0}
    .ind_blog_detail .product_desc{font-size: 70%;margin:.5rem 0}
    .rfb_link{padding:8px 16px;font-size: 80%}
    .ind_blog_detail .product_name{font-size: 120%;}
    .blog_slide_toggle{display: none;}
    .cb{display:none !important;}
    .button-container{
        display: flex !important;
    }

}
@keyframes rotate {
    0%{transform: rotate(0deg);}
    50%{transform: rotate(360deg);}
    100%{transform: rotate(0deg);}
}
@keyframes slide {
    0%{transform: translateX(80%);}
    100%{transform: translateX(-120%);}
}
@keyframes slideDown {
    0%{top:-100px}
    100%{top:0}
}
@keyframes slideUp {
    0%{bottom:-100px}
    100%{bottom:0}
}
@keyframes bs_slide {
    0%{opacity:0;margin-bottom: -150px;}
    100%{opacity:1;margin-bottom: 0;}
}
@keyframes bs_slide1 {
    0%{margin-bottom: -100vh;}
    100%{margin-bottom: 0;}
}
@keyframes slideFadeIn {
    0%{bottom: -100vh; opacity: 0}
    100%{bottom: 0; opacity: 1}
}

@keyframes smoothbounceball{ 
    from { transform: translate3d(0, 0, 0) scale(1); opacity: .8;} 
    to { transform: translate3d(0, 5px, 0) scale(.8); filter:brightness(120%); opacity: 1;} 
} 

@keyframes zoom {
    0%{transform: translate(-50%,-50%) scale(0);}
    100%{transform: translate(-50%,-50%) scale(1);}
}
@keyframes grow {
    0%{transform: translateY(-50%) scale(0); opacity:0;}
    100%{transform: translateY(-50%) scale(1);opacity: 1;}
}
@keyframes smallBall {
    0%{margin-left:0;transform: scale(0);opacity: 0;}
    50%{margin-left:-50px;transform: scale(.8); width:180px;border-radius: 50px;opacity: 1;}
    100%{margin-left:0;width:100px;}
}
@keyframes sbImg {
    0%{opacity: 0; right:-100px}
    50%{opacity: 1; right:-100px}
    100%{opacity: 1; right:11px}
}
@keyframes cmAn {
    0%{opacity: 0; transform:scale(0)}
    60%{opacity: 0; transform:scale(0)}
    70%{opacity: 1; transform:scale(1)}
    100%{opacity: 1; transform:scale(1)}
}
@keyframes slideSDbefore {
    0%{transform: scale(0);left:-50px}
    50%{transform: scale(0);}
    100%{transform: scale(2);left:0}
}
@keyframes slideSDbefore1 {
    0%{transform: scale(0);right:-50px;bottom:-50px}
    50%{transform: scale(0);bottom:0}
    100%{transform: scale(2);right:0;bottom:0}
}
@keyframes slidejksd {
    0%{opacity:0;margin-bottom: -200px;}
    80%{opacity:0;margin-bottom: -200px;}
    100%{opacity:1;margin-bottom: 0;}
}
@keyframes zoomIn {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
  }
  
  @keyframes zoomOut {
    0% { transform: scale(1.2); }
    50% { transform: scale(1); }
    100% { transform: scale(1.2); }
  }


.button-container {
    position: fixed;
    bottom: 20px; /* 鎺у埗鎸夐挳绂诲簳閮ㄧ殑璺濈 */
    left: 50%;
    transform: translateX(-50%); /* 璁╂寜閽眳涓� */
    display: none;
    width: 100%;
    max-width: 750px; /* 鎸夐挳鏁翠綋鐨勬渶澶у搴� */
    border-radius: 30px; /* 璁╂暣涓鍣ㄤ篃鏈夊渾瑙� */
    overflow: hidden; /* 闃叉瀛愬厓绱犳孩鍑� */
    z-index: 999; /* 纭繚鎸夐挳鏄剧ず鍦ㄦ渶涓婂眰 */
}

.button {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    border: none;
    transition: opacity 0.3s;
    position: relative;
}

.button img {
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

.left_bottom {
    background: linear-gradient(to bottom, #1a95cb, #1a95cb);
    border-radius: 30px 0 0 30px;
    box-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.3), 0 5px 8px rgba(0, 0, 0, 0.2); 
}

.right_bottom {
    background: linear-gradient(to bottom, #ff7a00, #ff7a00);
    border-radius: 0 30px 30px 0;
    box-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.3),  0 5px 8px rgba(0, 0, 0, 0.2); 
}

.button::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.2);
    z-index: -1;
}

.cb{
    display: flex;
    flex-direction: column;
    gap: 0; /* 确保子元素之间没有间距 */
    position: fixed; /* 固定位置 */
    top: 50%; /* 距离顶部50% */
    right:0px; /* 距离右侧0 */
    transform: translateY(-50%); /* 垂直居中 */
    z-index: 1000; /* 确保在最上层 */
}
.cb .item{
    padding: 0;
    margin-top: 5px;
    display: flex ;
    justify-content: right ;
    
}
.cb .item .phone{
    width: 250px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-right: -18px;
    position: fixed;
    right: -300px;
    transition: right 0.3s ease; /* 平滑过渡效果 */
    /*color: #fff;*/
}
.cb .item .phone1{
    background-color: #00dc31;
}
.cb .item:hover .phone {
    /*display: flex; !* 鼠标悬停时显示 *!*/
    right: 10px; /* 鼠标悬停时显示 */

}
.cb .item .phone2{
    background-color: #20c200;
}
.cb .item img{
    border-radius: 20px;width:80px;display: block;cursor:pointer;
 
}
#LRdiv0{
    display: none !important;
}










