.how-to-tabs{display:flex;flex-direction:column;row-gap:20px}.how-to-tabs__header{display:flex;justify-content:space-between;align-items:center}.how-to-tabs__header-label{margin-left:auto;font-size:14px;font-weight:700;font-style:normal;line-height:130%;letter-spacing:normal;border-radius:5px;color:var(--label-text-color);background-color:var(--label-bg);padding:5px 10px}.how-to-tabs__tabs{width:100%;max-width:621px;display:flex;justify-content:space-between;column-gap:10px;flex-wrap:wrap;align-self:center;position:relative}.how-to-tabs__tabs::after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:3px;background-color:var(--main-color);opacity:.15}.how-to-tabs__loading{position:absolute;top:50%;left:0;transform:translateY(-50%);width:0;height:3px;background-color:var(--main-color);transition:width var(--transition-duration) ease-out}.how-to-tabs__tab{padding:0;background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:var(--border-radius-large);box-shadow:var(--shadow);color:var(--label-text-color);background-color:var(--label-bg);font-size:20px;font-weight:700;line-height:26px;letter-spacing:var(--letter-spacing);transition:background-color var(--transition-duration) ease-out,color var(--transition-duration) ease-out;z-index:1}@media (hover:hover){.how-to-tabs__tab:hover{cursor:pointer}}@media (min-width:769px){.how-to-tabs__tabs{max-width:100%}.how-to-tabs__tab{width:50px;height:50px;padding:15px;font-family:Kanit;font-size:24px;line-height:31.2px}}.how-to-tabs__tab--active{background-color:var(--main-color);transition:background-color var(--transition-duration) ease-out}.how-to-tabs__tab--prev{background-color:var(--main-color);color:#fff;transition:background-color var(--transition-duration) ease-out,color var(--transition-duration) ease-out}.how-to-tabs__num{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:30px;background-color:transparent;flex-shrink:0;transition:background-color var(--transition-duration) ease-out,color var(--transition-duration) ease-out}@media (min-width:769px){.how-to-tabs__num{width:40px;height:40px}}.how-to-tabs__num--active{color:var(--main-color);background-color:#fff;transition:background-color var(--transition-duration) ease-out,color var(--transition-duration) ease-out}.how-to-tabs__tab-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:30px;height:30px;padding:5px}.how-to-tabs__tab-icon svg *{fill:var(--tab-icon-color)}.how-to-tabs__tab-icon--active{border-radius:var(--border-radius-small);background-color:var(--tab-icon-bg);box-shadow:0 2px 4px 0 var(--shadow-color)}.how-to-tabs__steps{width:100%;display:flex;overflow:hidden;justify-content:center}.how-to-tabs__step{display:grid;grid-template-columns:1fr;row-gap:20px;background-color:var(--block-background-color);border-radius:var(--border-radius-large);box-shadow:var(--shadow);padding:15px}.how-to-tabs__step:not(:first-child){display:none}@media (min-width:769px){.how-to-tabs__step{width:100%;grid-template-columns:minmax(auto,310px) minmax(380px,1fr);grid-template-rows:1fr auto 1fr;column-gap:20px}.how-to-tabs__step-header{grid-column:2/-1;grid-row:1/2;align-self:end}}.how-to-tabs__step-header{display:flex;column-gap:10px;align-items:center}.how-to-tabs__step-label{white-space:nowrap;font-size:16px;font-weight:700;font-style:normal;line-height:130%;letter-spacing:-.48px;border-radius:5px;background-color:var(--main-color);box-shadow:0 2px 4px 0 var(--shadow-color);color:#fff;text-transform:capitalize;padding:5px;text-align:center}.how-to-tabs__step-title{font-size:18px;font-weight:700;font-style:normal;line-height:130%;letter-spacing:normal;margin-block:0}.how-to-tabs__step-img{max-width:310px;width:100%;height:310px;display:flex;align-items:center;border-radius:var(--border-radius-large);overflow:hidden}.how-to-tabs__step-img>img{width:100%;height:100%;object-fit:cover}.how-to-tabs__step-description{max-width:580px;font-size:var(--b-font-size);font-weight:400;font-style:normal;line-height:130%;letter-spacing:normal}@media (min-width:769px){.how-to-tabs__step-img{grid-column:1/2;grid-row:1/4}.how-to-tabs__step-description{grid-column:2/-1;grid-row:2/3;text-align:left;justify-self:start}}.how-to-tabs__step-description>p{margin:0}.how-to-tabs__step-description>ul{padding-left:15px}.how-to-tabs__btn{width:100%;height:var(--button-height-big);column-gap:10px;padding:8px 10px;border-radius:var(--border-radius-large);box-shadow:0 8px 24px 0 var(--shadow-color);justify-self:center;font-size:16px;font-weight:600;line-height:1}@media (min-width:769px){.how-to-tabs__btn{max-width:410px;justify-self:start;grid-column:2/-1;grid-row:3/4}}