body{font-family: 'Lato', sans-serif;}
:focus {outline: 0}
.heroContainer{background:linear-gradient(90deg, #0062B8 0%, #0083F5 100%);}
.heroContainerIn{height: 280px; position: relative; display: flex; justify-content: space-between;}
.heroContainerData{margin:40px 0 0}
.heroContainer h1{font-size: 32px; line-height: 48px; color: #fff; font-weight: 900; margin:0 0 4px;font-family: 'Lato', sans-serif;}
.heroContainer h2{font-size: 20px; line-height: 32px; color: #fff; font-weight: 700; margin:0 0 16px;font-family: 'Lato', sans-serif;}
.heroContainer ul{list-style:none; margin:0 0 28px; padding: 0; display: flex; gap: 16px;}
.heroContainer ul li{display: flex; align-items: center; gap: 8px; font-size: 16px; line-height: 24px; color: #fff;}
.heroContainer button{background: #fff; border:none; border-radius: 8px; display: flex; gap: 8px; font-size: 16px; line-height: normal; align-items: center; width: 181px; height: 48px; cursor: pointer; color: #0062B8; font-weight: 700; font-family: 'Lato', sans-serif; justify-content: center;}
.heroContainer button img{margin-top: 2px;}
.heroContainerThumb img{display: inline-block; vertical-align: top; max-width: 100%; height: auto; margin:19px 0 0}
.userReviewSection{margin:0 0 40px}
.userReviewSection ul{list-style: none; margin:0; padding:0; display: flex; gap: 20px; transition: transform 0.3s ease-in-out;}
.userReviewSection ul li{display: flex; flex-direction: column; gap: 8px; width:132px; justify-content: center; text-align: center; flex-shrink: 0;}
.userReviewSection ul li span{border:1px solid #CDCED3; border-radius:50%; display: inline-flex; align-items: center; justify-content: center; width:100%; height:132px;}
.userReviewSection ul li span img{max-height: 90px; object-fit: contain; max-width: 100%;}
.userReviewSection figcaption{font-size: 16px; line-height: 24px; color: #20253C; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:8px}
.customBreadCrumb{height: 44px; margin:0 0 24px; font-size: 14px; line-height: 20px; color: #6a6d7c; display: flex; align-items: center; gap: 10px;font-family: 'Lato', sans-serif;}
.customBreadCrumb .breadcrumb-current{color:#20253C; font-weight: 700;}
.alluserview-main-content{margin:24px 0 0}
.alluserview-main-content section {margin:0 0 40px;}
.userViewHeader{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.userViewHeader h2{font-weight:900;font-size:20px;line-height:32px;color:#20253C;margin:0;font-family: 'Lato', sans-serif;
}
.userViewHeader p{font-weight:400;font-size:16px;line-height:24px;color:#515567;margin:0;width:100%; display: none;font-family: 'Lato', sans-serif;}
.read-toggle{color:#0062B8;font-size:16px;line-height:24px;cursor:pointer;font-weight:700;border-bottom:1px solid #0062B8;}
.alluserview-read-more{font-weight:700;font-size:16px;color:#0062B8;text-decoration:underline;text-underline-position:from-font;}
.alluserview-reviews-grid{display:flex;gap:20px;width:100%;}
.alluserview-review-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:16px 16px 56px 16px;border-radius:16px;background:#fff;border:1px solid #CDCED3;width:304px;flex-shrink:0; position: relative;}
.reviewerHeader{display:flex;gap:8px;align-items:center;margin-bottom:4px;}
.reviewerHeaderTop4{margin-top:4px;}
.reviewerProfile{background:#F5FAFF;border-radius:1000px;position:relative;}
.alluserview-profile-picture-inner{display:flex;align-items:center;justify-content:center;overflow:hidden;width:48px;height:48px;border-radius:50%;}
.alluserview-initials{font-weight:900;font-size:18px;line-height:28px;color:#fff;position:relative;z-index:1;font-family: 'Lato', sans-serif;}
.alluserview-profile-picture-inner::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://images.hindustantimes.com/tech/static/revamp/images/webp/pictureDash.webp) no-repeat;background-size:100% auto;}
.alluserview-reviewer-info{flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center;min-height:1px;min-width:1px;}
.alluserview-reviewer-name{font-weight:700;font-size:16px;line-height:24px;color:#20253C;margin:0;width:100%;font-family: 'Lato', sans-serif}
.alluserview-review-date{display:flex;gap:4px;align-items:center;}
.alluserview-calendar-icon{width:16px;height:16px;flex-shrink:0;}
.alluserview-review-date span{font-weight:400;font-size:14px;line-height:20px;color:#6A6D7C;font-family: 'Lato', sans-serif}
.alluserview-overall-rating{width:63px;height:28px;background:#F5FFF5;display:flex;gap:2px;align-items:center;justify-content:center;border-radius:4px;color:#007A00;font-size:16px;line-height:28px;margin-right:8px;float:left;}
.alluserview-rating-value{font-weight:700;font-size:16px;line-height:24px;color:#007A00;text-align:center;white-space:nowrap;font-family: 'Lato', sans-serif}
.alluserview-star-icon{width:20px;height:20px;}
.alluserview-review-title{font-weight:700;font-size:18px;line-height:28px;color:#20253C;font-family: 'Lato', sans-serif;}
.alluserview-review-text{font-weight:400;font-size:16px;line-height:24px;color:#515567;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.readFullReview{font-weight:700;font-size:14px;line-height:20px;color:#0062B8;display:inline-flex;gap:8px;align-items:center;margin:6px 0 0;transition:all ease .3s; position: absolute; bottom: 16px; left: 0; padding-left: 16px; width:100%;font-family: 'Lato', sans-serif}
.readFullReview16{font-size:16px;line-height:24px;margin:12px 0 0}
.readFullReview:hover{text-decoration:underline}
.alluserview-product-grid{display:flex;gap:20px}
.alluserview-product-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px 16px 56px 16px;border-radius:16px;border:1px solid #CDCED3;width:304px;flex-shrink:0; position: relative;}
.alluserview-product-image-container{width:160px;height:120px;margin:0 auto}
.alluserview-product-img{width:100%;height:100%;object-fit:contain}
.alluserview-product-title{font-weight:700;font-size:16px;line-height:24px;color:#20253C;margin:0; min-height: 48px;}
.alluserview-product-title span{font-weight: 400;}
.alluserview-product-rating-row{display:flex;gap:8px;align-items:center;width:100%}
.spaceBetween{display:flex;justify-content:space-between;width:100%}
.alluserview-by-count{font-weight:400;font-size:16px;line-height:24px;color:#6A6D7C;font-family: 'Lato', sans-serif;}
.reviewProductQuote{font-weight:700;font-size:18px;line-height:28px;color:#20253C;margin:0;font-family: 'Lato', sans-serif;}
.reviewExcerpt {font-weight: 400; font-size: 16px; line-height: 24px; color: #515567; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-family: 'Lato', sans-serif;}
.alluserview-reviewer-mini{display:flex;gap:8px;align-items:center;width:100%}
.alluserview-profile-picture-small{background:#0083F5;border-radius:1000px;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.alluserview-initials-small{font-weight:900;font-size:12px;line-height:16px;color:#fff;text-align:center}
.alluserview-reviewer-name-small{font-weight:700;font-size:14px;line-height:20px;color:#20253C}
.alluserview-review-date-small{font-weight:400;font-size:12px;line-height:18px;color:#6A6D7C;margin-left:auto}
.alluserview-carousel-wrapper-aur{position:relative;display:flex;align-items:center;gap:16px;width:100%;overflow:hidden}
.alluserview-carousel-prev-aur,.alluserview-carousel-next-aur{width:36px;height:52px;background:#F5FAFF;border:1px solid #0062B8;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s;z-index:2;padding:0;box-shadow:-2px 0 4px 0 rgba(0,98,184,.08);border-radius:8px 0 0 8px;position:absolute;top:50%;right:0;margin:-32px 0 0;border-right:none}
.alluserview-carousel-prev-aur{border-radius:0 8px 8px 0;left:0;right:inherit;border-right:1px solid #0062B8;border-left:none}
.alluserview-carousel-prev-aur:disabled,.alluserview-carousel-next-aur:disabled,.alluserview-carousel-prev-aur[disabled],.alluserview-carousel-next-aur[disabled]{opacity:0!important;cursor:not-allowed}
.alluserview-carousel-prev-aur svg,.alluserview-carousel-next-aur svg{width:24px;height:24px;color:#0062B8}
.alluserview-carousel-container-aur{overflow:hidden;flex:1;position:relative}
.alluserview-reviews-grid.alluserview-carousel-track-aur,.alluserview-product-grid.alluserview-carousel-track-aur{transition:transform .3s ease-in-out}
.alluserview-carousel-track-container{overflow:hidden;flex:1}
.alluserview-carousel-track{display:flex;gap:24px;transition:transform .3s ease-in-out}
.alluserview-carousel-item{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center;width:132px;flex-shrink:0}
.alluserview-carousel-product-image{background:#fff;border-radius:1000px;border:.4px solid #CDCED3;width:132px;height:132px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.alluserview-carousel-product-image img{width:100%;height:auto;object-fit:contain;object-position:50% 50%}
.alluserview-carousel-product-name{font-weight:700;font-size:16px;line-height:24px;color:#20253C;text-align:center;width:132px;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
@media (min-width: 768px) and (max-width: 1200px) {
    .container{padding:0 16px}
    .heroContainerIn{height: auto; padding:16px 0; overflow: hidden;}
    .heroContainerData{margin:0; position: relative;}
    .heroContainer h1{font-size:20px; line-height: 32px;}
    .heroContainer h2{font-size:16px; line-height: 24px; margin:0 0 12px}
    .heroContainer ul{flex-direction: column; gap: 16px; margin:0 0 16px}
    .heroContainer ul li{font-size: 14px; line-height: 20px;}    
}
@media (max-width: 767px) {
    .heroContainerIn{height: auto; padding:16px; overflow: hidden;}
    .heroContainerData{margin:0; position: relative;}
    .heroContainer h1{font-size:20px; line-height: 32px;}
    .heroContainer h2{font-size:16px; line-height: 24px; margin:0 0 12px; max-width: 282px;}
    .heroContainer ul{flex-direction: column; gap: 16px; margin:0 0 16px}
    .heroContainer ul li{font-size: 14px; line-height: 20px;}
    .heroContainer button{width:160px; height: 40px; font-size: 14px;}
    .heroContainerThumb{margin:0; position: absolute; bottom: 60px; right: -16px;}
    .heroContainerThumb img{max-width: 176px; margin:0}
    .alluserview-main-content{margin:0; border-top:8px solid #f5faff; background: #f5faff; display: flex; flex-direction: column;  gap: 8px;}
    .alluserview-main-content section{background: #fff; padding:16px 0; margin:0}
    .userViewHeader{padding:0 16px; gap: 4px; margin-bottom: 20px;}
    .userViewHeader h2{font-size: 18px; line-height: 28px;}
    .userViewHeader p,.alluserview-reviewer-name{font-size: 14px; line-height: 20px;}
    .alluserview-profile-picture-inner{width: 40px; height: 40px;}
    .alluserview-initials{font-size: 16px; line-height: 24px;}
    .alluserview-review-date span{font-size: 12px; line-height: 16px;}
    .alluserview-review-date img{width:12px; height: 12px;}
    .alluserview-overall-rating{width: 48px; height: 24px; font-size: 14px; line-height: 24px;}
    .alluserview-rating-value{font-size: 14px; line-height: 24px;}
    .alluserview-overall-rating img{max-width: 16px; max-height: 16px;}
    .alluserview-review-title{font-size: 16px; line-height: 24px;}
    .alluserview-review-text{font-size: 14px; line-height: 20px;}
    .allUserReviewRate .alluserview-carousel-wrapper-aur{padding:0 16px; flex-direction: column;}
    .allUserReviewRate .alluserview-review-card{border:none; border-bottom: 1px solid #CDCED3; padding:0 0 20px; border-radius: 0; width:100%; gap: 8px;}
    .allUserReviewRate .alluserview-review-card:last-child{border-bottom:none; padding-bottom:0}
    .allUserReviewRate .alluserview-reviews-grid{flex-direction: column;}
    .allUserReviewRate .alluserview-carousel-prev-aur, .allUserReviewRate .alluserview-carousel-next-aur{display:none}
    .alluserview-product-grid{gap: 16px; overflow-x: auto;}
    .alluserview-product-grid::-webkit-scrollbar {width: 0; background: 0; height: 1px;}
    .alluserview-carousel-prev-aur, .alluserview-carousel-next-aur{display: none;}
    .alluserview-product-card {width: 280px; padding:12px 12px 44px 12px}
    .readFullReview{bottom: 12px;}
    .readFullReview16{font-size: 14px; line-height: 20px; margin:6px 0 0}
    .alluserview-product-card:first-child,.userReviewSection ul li:first-child {margin-left: 16px;}
    .alluserview-product-title,.alluserview-by-count,.reviewExcerpt{font-size: 14px; line-height: 20px; min-height: inherit;}
    .reviewProductQuote{font-size: 16px; line-height: 24px;}
    .userReviewSection figcaption{font-size: 14px; line-height: 20px;}
    .customBreadCrumb{background: #f5faff; height: 48px; margin:0; padding:0 16px; font-size: 12px; line-height: 16px;}
    .allUserReviewRate .alluserview-review-card .readFullReview{position: static; padding-left: 0;}
}

@media (max-width:420px) {
    .heroContainer h2{max-width: 220px;}
}

@media (max-width:360px) {
    .heroContainer h2{max-width: 205px;}
}