.real-stories{display:flex;flex-direction:column}.real-stories-header{text-align:center}.real-stories-header .rating-container{display:inline-block;background:#f2f2f2e6;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:0px}.real-stories-header .stars{color:gold;font-size:12px;letter-spacing:2px}.real-stories-header .bold-text{font-weight:700}.real-stories-header .reviews-text .bold-text{color:#000}.real-stories-header .heading{font-size:40px;font-weight:700;margin:10px 0 0}.real-stories-header .sub-heading{font-size:40px;font-weight:700;font-style:italic;color:var(--hightlight-color);margin:0 0 20px}.real-stories-tabs .filter-container{display:flex;align-items:center;justify-content:center;gap:10px}.real-stories-tabs .filter-inner{display:flex;align-items:center;justify-content:center;gap:10px;margin-left:auto}.real-stories-tabs .filter-label{font-weight:700}.real-stories-tabs .filter-buttons{display:flex;gap:10px}.real-stories-tabs .filter-btn{padding:10px 16px;border-radius:20px;border:2px solid rgb(var(--color-foreground));background:transparent;font-weight:700;cursor:pointer;transition:all .3s ease}.real-stories-tabs .filter-btn.active{background:rgb(var(--color-foreground));color:#fff}.real-stories-tabs .nav-btns{display:flex;gap:10px;margin-left:auto}.real-stories-tabs .nav-btn{background:transparent;border:0px solid rgb(var(--color-foreground));color:rgb(var(--color-foreground));padding:0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.real-stories-tabs .nav-btn svg{width:100%;height:100%}.real-stories-tabs .nav-btn:hover,.real-stories-tabs .nav-btn.active{background:rgb(var(--color-foreground));color:#fff}.real-stories-tabs .nav-btn:hover svg path,.real-stories-tabs .nav-btn.active svg path{stroke:#fff!important}.real-stories-contents{margin-top:20px}.real-stories-contents .review-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin:auto}.real-stories-contents .swiper-container{display:none}.real-stories-contents .swiper-container.active{display:unset}.real-stories-contents .review-card{background:#fff;border-radius:12px;border:solid 1px #370b351f;overflow:hidden;padding-bottom:15px}.real-stories-contents .image-container{display:flex;gap:2px}.real-stories-contents .image-container img{width:50%;height:auto;object-fit:cover;margin-top:-2px}.real-stories-contents .day-labels{justify-content:space-between;font-weight:700;font-size:14px;text-transform:uppercase;display:flex;background:#f7f2f3}.real-stories-contents .day-labels span{padding:5px 10px;text-align:center;width:50%}.real-stories-contents .day-labels .highlight{background:var(--hightlight-color);color:#fff;border-radius:0;width:calc(50% - 2px)}.real-stories-contents .review-content{padding:15px}.real-stories-contents .rating{color:gold;font-size:16px}.real-stories-contents .problem-tag{background:rgb(var(--color-foreground));color:#fff;padding:2px 6px;font-size:12px;border-radius:4px;font-weight:700;display:inline-block}.real-stories-contents .problem-tag *{margin:0}.real-stories-contents .review-text{font-size:14px;color:#444;margin-top:10px;line-height:1.2}.real-stories-contents .user-info{font-weight:700;margin-top:10px;display:flex;align-items:center;gap:8px;background:#f2f2f2e6;border-radius:30px;width:max-content;padding:2px 5px;font-size:14px}.real-stories-contents .user-info-name{display:flex;align-items:center;justify-content:flex-start;gap:5px}.real-stories-contents .verified-badge{color:var(--hightlight-color);font-size:12px;font-weight:700;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.user-info-name svg path{fill:var(--hightlight-color)}@media screen and (min-width: 768px){.real-stories-contents .swiper-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin:auto}}@media screen and (max-width: 767px){.mobile-hide{display:none!important}.real-stories{overflow:hidden}.filter-inner{flex-direction:column;margin:auto}.real-stories-header .heading,.real-stories-header .sub-heading{font-size:28px}.real-stories-tabs .filter-buttons{flex-wrap:wrap;justify-content:center}}@media screen and (max-width: 480px){.real-stories-tabs .filter-btn{width:calc(50% - 5px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/real-stories.css.map */