.main-attributes{padding-block:clamp(30px,10vw,60px);max-width:80vw;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:clamp(30px,5vw,50px);justify-content:center;align-items:center;position:relative}@media screen and (min-width:768px){.main-attributes{max-width:85vw}}.main-attributes .main-attributes-selector{display:flex;gap:20px;align-items:center;overflow:auto;padding-bottom:1rem}.main-attributes .main-attributes-selector::-webkit-scrollbar{width:1px;height:5px}.main-attributes .main-attributes-selector::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}.main-attributes .main-attributes-selector::-webkit-scrollbar-track{background-color:#f1f1f1}@media screen and (min-width:768px){.main-attributes .main-attributes-selector{justify-content:center;overflow:hidden}}.main-attributes .main-attributes-selector .attribute{padding:10px 20px;cursor:pointer;transition:all .3s ease;font-size:1.2rem;font-weight:500;border-bottom:3px solid #E8E8E8;flex-shrink:0}.main-attributes .main-attributes-selector .attribute.active{border-bottom:3px solid #FCC50E}.main-attributes .main-attributes-selector .attribute p{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;font-size:clamp(14px,2vw,16px);line-height:1.1;letter-spacing:0%;color:#000;margin:0}.main-attributes .swiper,.main-attributes .swiper .swiper-wrapper{width:100%}.main-attributes .swiper .swiper-slide .attribute-card{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:100%}@media screen and (min-width:768px){.main-attributes .swiper .swiper-slide .attribute-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.main-attributes .swiper .swiper-slide .attribute-card .attribute-content{display:flex;flex-direction:column;justify-content:center;gap:25px;order:2}@media screen and (min-width:768px){.main-attributes .swiper .swiper-slide .attribute-card .attribute-content{order:1}}.main-attributes .swiper .swiper-slide .attribute-card .attribute-content .attribute-title p{font-family:Ultra,Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(24px,6vw,46px);line-height:1.1;letter-spacing:0%;color:#193538;margin:0}.main-attributes .swiper .swiper-slide .attribute-card .attribute-content .attribute-subtitle p,.main-attributes .swiper .swiper-slide .attribute-card .attribute-content .attribute-description p{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;font-size:clamp(14px,2vw,16px);line-height:1.4;letter-spacing:0%;color:#193538;margin:0}.main-attributes .swiper .swiper-slide .attribute-card .attribute-content .description-image{display:flex;overflow:auto;padding-bottom:10px}.main-attributes .swiper .swiper-slide .attribute-card .attribute-content .description-image::-webkit-scrollbar{width:1px;height:5px}.main-attributes .swiper .swiper-slide .attribute-card .attribute-content .description-image::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}.main-attributes .swiper .swiper-slide .attribute-card .attribute-content .description-image::-webkit-scrollbar-track{background-color:#f1f1f1}.main-attributes .swiper .swiper-slide .attribute-card .attribute-content .description-image::-webkit-scrollbar-thumb:hover{background-color:#555}@media screen and (min-width:768px){.main-attributes .swiper .swiper-slide .attribute-card .attribute-content .description-image{justify-content:center;align-items:center}}.main-attributes .swiper .swiper-slide .attribute-card .attribute-content .description-image img{width:auto;height:auto}@media screen and (min-width:768px){.main-attributes .swiper .swiper-slide .attribute-card .attribute-content .description-image img{width:100%}}.main-attributes .swiper .swiper-slide .attribute-card .attribute-image{width:100%;height:100%;overflow:hidden;order:1}@media screen and (min-width:768px){.main-attributes .swiper .swiper-slide .attribute-card .attribute-image{order:2}}.main-attributes .swiper .swiper-slide .attribute-card .attribute-image img{width:100%;height:100%;display:block;object-fit:cover}.main-attributes .swiper-button-prev{left:-10vw}@media screen and (min-width:768px){.main-attributes .swiper-button-prev{left:-6vw}}.main-attributes .swiper-button-next{right:-10vw}@media screen and (min-width:768px){.main-attributes .swiper-button-next{right:-6vw}}.main-attributes .swiper-button-next:after,.main-attributes .swiper-button-prev:after{font-size:2.5rem;font-weight:700;color:#173d40}
/*# sourceMappingURL=/cdn/shop/t/3/assets/c-main-attributes.css.map */