.walking-calculator{background-color:#fff;padding:136px 0}.walking-calculator .content{position:relative}.walking-calculator .content>img{width:400px;height:480px;position:absolute;top:-56px;left:0}.walking-calculator h2{font-size:32px;font-weight:700;line-height:40px;text-align:center;width:560px;margin-left:440px;color:#000}.walking-calculator .calculators{margin-top:40px;display:flex;gap:24px;width:560px;margin-left:440px;flex-direction:row;flex-wrap:wrap}.walking-calculator .calculators span{font-size:18px;font-weight:400;line-height:22px}.walking-calculator .calculator{width:268px;height:80px;background-color:#f5f5f5;border-radius:14px;display:flex;padding:16px;align-items:center;gap:16px;cursor:pointer}.walking-calculator .calculator:hover span{color:#328fde;text-decoration:underline}.walking-calculator .calculator:hover img:first-child{display:none}.walking-calculator .calculator:hover img:nth-child(2){display:block}.walking-calculator .calculator img{width:48px;min-width:48px;height:48px}.walking-calculator .calculator img:nth-child(2){display:none}.walking-calculator .calculator span{font-size:18px;font-weight:500;line-height:22px;color:#000;text-align:center;word-break:break-word}.walking-calculator.isBlue{background-color:#eef2f6}.walking-calculator.isBlue .calculator{background-color:#fff}.walking-calculator.with-arrow .calculator{position:relative}.walking-calculator.with-arrow .calculator span{text-align:left}.walking-calculator.with-arrow .calculator:after{content:"";position:absolute;content:url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%206.9899V9.0101H12.1212L6.56566%2014.5657L8%2016L16%208L8%200L6.56566%201.43434L12.1212%206.9899H0Z%22%20fill%3D%22%23000000%22/%3E%3C/svg%3E);background-size:100% 100%;background-repeat:no-repeat;bottom:20px;right:20px}.walking-calculator.with-arrow .calculator:hover:after{content:url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%206.9899V9.0101H12.1212L6.56566%2014.5657L8%2016L16%208L8%200L6.56566%201.43434L12.1212%206.9899H0Z%22%20fill%3D%22%23328fed%22/%3E%3C/svg%3E)}.walking-calculator.with-arrow.isBlue .calculator span{padding-right:20px}.walking-calculator.with-arrow.isBlue .calculator:after{top:50%;bottom:unset;transform:translateY(-50%)}@media screen and (max-width: 1000px){.walking-calculator{padding:40px 0}.walking-calculator .content{padding:0 16px}.walking-calculator .content>img{display:none}.walking-calculator h2{width:100%;margin-left:0;font-size:24px;font-weight:700;line-height:28px}.walking-calculator .calculators{width:100%;margin-left:0;margin-top:24px;gap:16px;display:grid;grid-template-columns:repeat(2,minmax(160px,2fr))}}@media screen and (max-width: 1000px) and (max-width: 560px){.walking-calculator .calculators{grid-template-columns:repeat(1,minmax(160px,2fr))}}@media screen and (max-width: 1000px){.walking-calculator .calculator{width:100%}.walking-calculator .calculator:nth-child(1){background-color:#fff8e1!important}.walking-calculator .calculator:nth-child(2){background-color:#e7faea!important}.walking-calculator .calculator:nth-child(3){background-color:#eaf2fe!important}.walking-calculator .calculator:nth-child(4){background-color:#e2f7ff!important}.walking-calculator .calculator:nth-child(5){background-color:#ffe9e7!important}.walking-calculator .calculator span{font-size:18px;font-weight:700;line-height:22px}.walking-calculator.with-arrow .calculator{position:relative}.walking-calculator.with-arrow .calculator span{padding-right:36px;text-align:left}.walking-calculator.with-arrow .calculator:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'%3E%3C/polyline%3E%3C/svg%3E");position:absolute;top:50%;right:16px;transform:translateY(-50%);width:16px;height:16px}.walking-calculator.with-arrow .calculator:hover:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23328fde' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'%3E%3C/polyline%3E%3C/svg%3E")}.walking-calculator.with-arrow .calculator:hover span{color:#000!important;text-decoration:underline}}