.compare-header-box{height:100%;width:100%;flex:1}.compare-header-box>.title{color:#000;font-size:24px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize;padding:55px 55px 25px}@media screen and (max-width: 768px){.compare-header-box>.title{padding:0 24px 30px;font-size:20px;font-weight:500}}.compare-header-box .component_highlights{width:100%;overflow:hidden}.compare-header-box .component_highlights .swiper-slide{column-gap:25px}@media screen and (min-width: 768px){.compare-header-box .component_highlights .swiper-slide{border:unset !important;column-gap:unset !important;border:1px solid #d9d7d7 !important}}@media screen and (max-width: 999px){.compare-header-box .component_highlights .swiper-slide{border:1px solid #d9d7d7}}.compare-header-box .component_highlights .swiper-slide>img{transform-origin:left;width:59%;border-radius:50px 0 0 50px}.compare-header-box .component_highlights .swiper-slide .block-text-wrapper{display:block;opacity:1;width:41%;display:flex;align-content:center;flex-wrap:wrap;padding:20px 16px 20px 0}@media(max-width: 741px){.compare-header-box .component_highlights .swiper-slide .block-text-wrapper{padding:0 !important;padding-bottom:10px !important}}@media(min-width: 768px){.compare-header-box .component_highlights .swiper-slide .block-text-wrapper{padding-left:25px;border-radius:0 var(--my_box_radius) var(--my_box_radius) 0 !important}}@media screen and (max-width: 999px){.compare-header-box .component_highlights .swiper-slide .block-text-wrapper{border:unset !important}}.compare-header-box .component_highlights .swiper-slide{max-height:465px;height:auto;display:flex !important;border-radius:50px;background:#fff}.compare-header-box .component_highlights .swiper-slide>img{border-radius:50px;height:100%;object-fit:cover}.compare-header-box .component_highlights .swiper-slide .block-text-wrapper .title{color:#141414;font-size:24px;-webkit-line-clamp:2;font-weight:500;line-height:122.5%;text-transform:uppercase;word-wrap:break-word;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media screen and (min-width: 768px){.compare-header-box .component_highlights .swiper-slide .block-text-wrapper .title{font-size:14px !important}}.compare-header-box .component_highlights .swiper-slide .block-text-wrapper .content{margin-top:15px;color:#000;font-size:16px;font-weight:300;line-height:133.5%;text-transform:capitalize}@media(min-width: 768px){.compare-header-box .component_highlights .swiper-slide .block-text-wrapper .content{height:235px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:11;overflow:hidden}}.compare-header-box .component_highlights .pagination-nav-wrapper{position:relative;bottom:0;display:flex;align-items:center;justify-content:flex-start;column-gap:20px;width:max-content;margin-top:56px}.compare-header-box .component_highlights .pagination-nav-wrapper .swiper-pagination{position:static;display:flex;justify-content:center;column-gap:5px}.compare-header-box .component_highlights .pagination-nav-wrapper .swiper-pagination-bullet{width:36px;height:4px;flex-shrink:0;border-radius:9px;background:#bfc3ce;opacity:1}.compare-header-box .component_highlights .pagination-nav-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000}.compare-header-box .component_highlights .pagination-nav-wrapper .swiper-scrollbar{position:static;margin-top:57px}.compare-header-box .component_highlights .pagination-nav-wrapper .swiper-nav,.compare-header-box .component_highlights .pagination-nav-wrapper .swiper-button{position:static;margin:0;width:40px;height:40px;flex-shrink:0;border-radius:14px;border:1px solid #d9d7d7}.compare-header-box .component_highlights .pagination-nav-wrapper .swiper-button-next::after,.compare-header-box .component_highlights .pagination-nav-wrapper .swiper-button-prev::after{display:none}.compare-header-box .all-component-spare-parts{padding:0 28px 0}.compare-header-box .all-component-spare-parts .menu-wrapper .menu-title{font-size:20px;font-weight:500;line-height:1.5em;width:calc(100% + 32px);padding:8px 16px;margin:0 -16px;background:#f2f2f2;color:#000}@media screen and (max-width: 1200px)and (min-width: 741px){.compare-header-box .all-component-spare-parts .menu-wrapper .menu-title{font-size:17px !important}}.compare-header-box .all-component-spare-parts .menu-wrapper .menu-body-wrapper{width:100%;padding:20px 0 0;list-style:none;display:flex;flex-wrap:wrap;width:calc(100% + 1.6rem);margin:0 -0.8rem}.compare-header-box .all-component-spare-parts .menu-wrapper .menu-body-wrapper .menu-body-item:nth-child(3n+1),.compare-header-box .all-component-spare-parts .menu-wrapper .menu-body-wrapper .menu-body-item:nth-child(3n+2){padding-right:32px}.compare-header-box .all-component-spare-parts .menu-wrapper .menu-body-wrapper .menu-body-item{width:calc(0rem + 33.33333%);padding-right:.8rem;padding-left:.8rem;margin-bottom:64px}.compare-header-box .all-component-spare-parts .menu-wrapper .menu-body-wrapper .menu-body-item .menu-item-title{color:#141414;font-size:20px;font-style:normal;font-weight:600;line-height:122.5%;text-transform:uppercase;line-height:1.5em;padding-bottom:1.2rem}@media screen and (max-width: 1200px)and (min-width: 741px){.compare-header-box .all-component-spare-parts .menu-wrapper .menu-body-wrapper .menu-body-item .menu-item-title{font-size:17px !important}}.compare-header-box .all-component-spare-parts .menu-wrapper .menu-body-wrapper .menu-body-item .menu-item-content:not(a){padding-bottom:8px;font-size:14px;font-style:normal;font-weight:300;line-height:1.5;color:#000}.compare-header-box .all-component-spare-parts .menu-wrapper .menu-body-wrapper .menu-body-item a.menu-item-content{padding:0;font-size:16px;line-height:inherit;background:rgba(0,0,0,0);border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;color:currentcolor;text-decoration:underline;cursor:pointer;transition:color .3s cubic-bezier(0.19, 1, 0.22, 1)}@media(max-width: 768px){.compare-header-box .all-component-spare-parts .menu-wrapper .menu-body-wrapper .menu-body-item a.menu-item-content{font-size:14px !important}}.compare-header-box .all-component-spare-parts .menu-wrapper .menu-body-wrapper .menu-body-item a.menu-item-content:hover{color:#ff6800}.compare-header-box .component-tabs{overflow-y:auto;margin-top:24px;height:100%;padding:100px 55px 50px}@media screen and (max-width: 768px){.compare-header-box .component-tabs{padding:95px 10px 0}}.compare-header-box .component-tabs .el-tabs__header{margin-bottom:20px}.compare-header-box .component-tabs .el-tabs__nav-wrap:after{background:#bfc3ce}.compare-header-box .component-tabs .el-tabs__active-bar{border-radius:22px;background:#000;height:6px;padding:0px 45px;box-sizing:content-box !important;margin-left:-45px}@media screen and (max-width: 1450px)and (min-width: 1200px){.compare-header-box .component-tabs .el-tabs__active-bar{padding:0 30px !important;margin-left:-30px !important}}@media screen and (max-width: 1200px)and (min-width: 741px){.compare-header-box .component-tabs .el-tabs__active-bar{padding:0 20px !important;margin-left:-20px !important}}.compare-header-box .component-tabs .el-tabs__nav{padding-bottom:36px}.compare-header-box .component-tabs .el-tabs__header .el-tabs__item .is-active{font-weight:500}.compare-header-box .component-tabs .el-tabs__header .el-tabs__item{padding:0 45px;color:#000;font-size:16px;font-weight:400;text-transform:capitalize}@media screen and (max-width: 1450px)and (min-width: 1200px){.compare-header-box .component-tabs .el-tabs__header .el-tabs__item{padding:0 30px !important}}@media screen and (max-width: 1200px)and (min-width: 741px){.compare-header-box .component-tabs .el-tabs__header .el-tabs__item{ !important;padding:0 20px !important}}.compare-header-box .component-tabs .el-tabs__content{padding-left:0;padding-right:0;padding-top:12px;padding-bottom:12px;color:#6b778c;font-size:32px;font-weight:400}@media screen and (max-width: 741px){.compare-header-box#compare-header-box .el-tabs__content{overflow:initial}.compare-header-box#compare-header-box .menu-title{font-size:16px;font-weight:300;width:calc(100% + 30px);padding-left:16px;padding-right:16px;margin:0;margin-left:-15px}.compare-header-box#compare-header-box .menu-body-wrapper{display:block}.compare-header-box#compare-header-box .menu-body-wrapper .menu-item-title{font-size:14px;font-weight:500;padding-bottom:12px}.compare-header-box#compare-header-box .menu-body-wrapper .menu-body-item{width:100%;margin-bottom:20px}.compare-header-box#compare-header-box .component-tabs#component-tabs{margin-top:0 !important;padding:57px 16px 0}.compare-header-box#compare-header-box .component-tabs#component-tabs .block-text-wrapper h3{margin-bottom:10px;margin-top:20px !important;font-size:16px;padding:0 14px}.compare-header-box#compare-header-box .component-tabs#component-tabs .block-text-wrapper .content{padding:0 14px;margin-top:0;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;font-size:14px !important;overflow:hidden}.compare-header-box#compare-header-box .component-tabs#component-tabs .swiper-slide{height:auto;border:1px solid #d9d7d7;flex-direction:column;display:flex !important;border-radius:25px;background:#fff}.compare-header-box#compare-header-box .component-tabs#component-tabs .swiper-slide img{width:100%;border-radius:0}.compare-header-box#compare-header-box .component-tabs#component-tabs .swiper-slide .block-text-wrapper{display:block;opacity:1;width:unset;overflow-y:auto;max-height:200px}.compare-header-box#compare-header-box .component-tabs#component-tabs .swiper-slide.swiper-slide-active{width:unset}.compare-header-box#compare-header-box .component-tabs#component-tabs .pagination-nav-wrapper{width:100% !important;padding-bottom:12px}.compare-header-box#compare-header-box .component-tabs#component-tabs .pagination-nav-wrapper .swiper-pagination{flex-wrap:wrap !important;row-gap:5px !important;justify-content:start}.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap{background-color:#f2f2f2;position:relative;border-radius:8px;padding:0}.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap::after{display:none}.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap .el-tabs__nav-prev,.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap .el-tabs__nav-next{display:flex;align-items:center;justify-content:center;border:1px solid #909399;position:absolute;z-index:3;border-radius:8px;top:4px;height:100%;color:#000;font-size:16px;width:32px;height:32px;background-color:#fff}.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap .el-tabs__nav-prev.is-disabled,.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap .el-tabs__nav-next.is-disabled{opacity:.35;display:none}.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap .el-tabs__nav-prev{left:4px}.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap .el-tabs__nav-next{right:4px}.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap .el-tabs__nav{padding-bottom:0;display:flex}.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap .el-tabs__nav .el-tabs__nav-wrap:after{display:none}.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{display:none}.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{padding:12px 16px;font-size:14px;background:rgba(0,0,0,0);line-height:1}.compare-header-box#compare-header-box .component-tabs#component-tabs .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{background-color:#222;color:#c6c6c6}.compare-header-box#compare-header-box .all-component-spare-parts{padding:0}}/*# sourceMappingURL=sell-point-component.min.css.map */