.process_tab{display:flex;justify-content: center;margin-bottom: 20px;}
.process_item{cursor:pointer;padding:10px 20px;display:inline-block;border-bottom:2px solid transparent;transition:0.3s}
.process_item.actice{border-bottom: 2px solid #7e5746;font-weight:bold;color: #7e5746;}
.process_showbox > div{display:none;padding:20px 0}
.process_showbox > div.active{display:block}
.pote_boox{display:grid;grid-template-columns:repeat(2,1fr);gap: 20px;}
.pote_boox .pote_item{display:grid;grid-template-columns: 27% 70%;gap: 3%;align-items: center;background: #ffffff;padding: 18px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.pote_boox .pote_top{margin-bottom:10px;}
.pote_boox .pote_top p{font-size:20px;}
.pote_boox .pote_left {display:flex;flex-direction: column;align-items: center;}
.pote_boox .pote_left img{width: min(150px , 100%);}
.pote_boox .pote_info p{color: #555555;font-weight: 300;}
.process_showbox p.redtext{color: #ca3b3b;font-weight: 500;}
.price_box{display:grid;grid-template-columns:repeat(2,1fr);padding: 20px;gap: 40px;background: #ffffff;}
.price_box .price_item{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.price_box .price_item .pie_title{display:flex;align-items: center;gap: 20px;flex-wrap: wrap;}
.price_box .price_item .pie_title img{width: min(100px , 100%);border: #e2e2e2 1px solid;border-radius: 10px;}

@media screen and (max-width: 1024px){
    .pote_boox , .price_box{display:flex;flex-direction: column;}  
    
}

@media screen and (max-width: 550px){
    .pote_boox .pote_item{display:flex;flex-direction: column;align-items: center;}
}