.my-benefits-three{height:800px;padding:28px 12px 44px;background:#fff;display:flex;align-items:center;box-sizing:border-box}.my-benefits-three__container{max-width:1280px;width:100%;margin:0 auto;text-align:center}.my-benefits-three__title{margin:0;font-family:Sen,sans-serif;font-weight:600;font-size:clamp(28px,3.2vw,42px);line-height:1.1;color:#222;letter-spacing:-1px}.my-benefits-three__subtitle{max-width:760px;margin:12px auto 0;font-family:Instrument Sans,sans-serif;font-size:clamp(14px,1.2vw,18px);line-height:1.5;color:#4a4a4a}.my-benefits-three__slider{margin-top:52px;overflow:hidden;--benefits-three-gap: 30px;position:relative;touch-action:pan-y}.my-benefits-three__track{display:block;transition:transform .55s ease;will-change:transform}.my-benefits-three__track-inner>.my-benefits-three__card:first-child{position:relative;left:30px}.my-benefits-three__track-inner{display:flex;flex-wrap:nowrap;gap:var(--benefits-three-gap);width:calc(75% - .25 * var(--benefits-three-gap));max-width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.my-benefits-three__card{flex:0 0 calc((100% - 2 * var(--benefits-three-gap)) / 3);position:relative;background:transparent;border-radius:26px;padding:0;transition:background-color .25s ease,border-color .25s ease,color .25s ease;text-align:left;overflow:hidden}.my-benefits-three__card-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.my-benefits-three__card-bg-svg{width:100%;height:100%;display:block}.my-benefits-three__card-bg-path{fill:#f5f3ef;transition:fill .25s ease}.my-benefits-three__card-content{position:relative;z-index:1;padding:42px 47px 12px}.my-benefits-three__card:hover .my-benefits-three__card-bg-path{fill:#fc5f00}.my-benefits-three__icon{display:flex;width:fit-content;align-items:center;justify-content:center;margin:0 auto 14px;transition:background-color .25s ease,color .25s ease}.my-benefits-three__card:hover .my-benefits-three__icon{color:#fc5f00}.my-benefits-three__card-title{margin:50px 0 12px;font-family:Instrument Sans,sans-serif;font-size:26px;font-weight:600;line-height:1.3;color:#222;transition:color .25s ease}.my-benefits-three__card-text{margin:0;font-family:Instrument Sans,sans-serif;font-size:16px;line-height:1.6;color:#222;transition:color .25s ease}.my-benefits-three__card:hover .my-benefits-three__card-title,.my-benefits-three__card:hover .my-benefits-three__card-text{color:#fff}.my-benefits-three__arrow{display:none}@media(max-width:960px){.my-benefits-three{height:auto;min-height:620px}.my-benefits-three__slider{--benefits-three-gap: 16px}.my-benefits-three__track-inner{width:100%;margin-left:0;margin-right:0}.my-benefits-three__track-inner>.my-benefits-three__card:first-child{left:20px}.my-benefits-three__card{flex-basis:calc((100% - var(--benefits-three-gap)) / 2)}.my-benefits-three__card-content{padding:34px}.my-benefits-three__card--shape-3 .my-benefits-three__card-content{padding-left:60px}.my-benefits-three__slider:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.my-benefits-three__slider:after{right:-16px;background:linear-gradient(to left,#ffffffe6,#fff0)}.my-benefits-three__arrow{display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:999px;background:transparent;color:#1f1f1f;align-items:center;justify-content:center;font-size:40px;line-height:1;padding:0;cursor:pointer;z-index:3;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;transition:none}.my-benefits-three__arrow:hover,.my-benefits-three__arrow:focus,.my-benefits-three__arrow:focus-visible,.my-benefits-three__arrow:active{background:transparent!important;color:#1f1f1f!important;outline:none!important;box-shadow:none!important;opacity:1!important}.my-benefits-three__arrow::-moz-focus-inner{border:0;padding:0}.my-benefits-three__arrow--prev{left:6px}.my-benefits-three__arrow--next{right:6px}}@media(max-width:640px){.my-benefits-three{height:auto;min-height:0;padding:50px 12px 34px}.my-benefits-three__title{font-weight:500}.my-benefits-three__slider{--benefits-three-gap: 12px}.my-benefits-three__card{flex-basis:calc(100% - 60px);max-width:100%;padding:0}.my-benefits-three__card-content{padding:24px 41px}.my-benefits-three__card--shape-3 .my-benefits-three__card-content{padding-left:58px}.my-benefits-three__arrow{width:34px;height:34px;font-size:36px}}
