.product-detail-section .col-right {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.main-product-row {
    --bs-gutter-x: 2.875rem;
}
.product-main-thumb-item {
    cursor: pointer;
}
.product-main-thumb-item .image-container {
    aspect-ratio: 1/1;
    width: 141px;
    max-width: 100%;
    background-color: var(--light-gray-color);
    border: 2px solid transparent;
    transition: all ease .3s;
}
.product-main-thumb-item .image-container img {
    width: 100%;
    height: 100%;
    transform: scale(0.8);
    transition: all ease .3s;
}
.product-main-thumb-swiper .swiper-slide.swiper-slide-thumb-active .product-main-thumb-item .image-container {
    border-color: var(--black-8);
}
.product-main-thumb-swiper .swiper-slide.swiper-slide-thumb-active .product-main-thumb-item .image-container img {
    transform: scale(1);
}
.product-main-item {
    display: flex;
    justify-content: center;
    background-color: var(--light-gray-color);
}
.product-main-item .image-container {
    margin: 3.75rem 0;
    aspect-ratio: 612/488;
    width: 636px;
    max-width: 100%;
    background-color: var(--light-gray-color);
}
.product-main-item .image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-main-content > .title {
    font-size: 2rem;
    font-family: var(--haeding-font);
    font-weight: 600;
    margin-bottom: 1.5rem;
}
.product-main-content .brand {
    font-size: 1.125rem;
}
.product-main-content .reviews-container {
    margin-top: 1rem;
    font-size: 1.125rem;
}
.product-main-content .description {
    font-size: 1.125rem;
    margin-top: 1.5rem;
    margin-right: 1.25rem;
    line-height: 1.45;
}
.product-main-content .price-container {
    margin-top: 2rem;
    display: flex;
    align-items: center;
}
.product-main-content .price-container .price-main {
    font-size: 2rem;
    font-family: var(--haeding-font);
}
.product-main-content .price-container .strike-off-price {
    font-size: 1.5rem;
    color: var(--black-40);
    font-family: var(--haeding-font);
    text-decoration:line-through;
    margin-left: 2.5rem;
}
.product-main-content .price-container .discount-label {
    margin-left: 1.875rem;
}
.product-main-content .quantiy-container {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    cursor: pointer;
}
.product-main-content .quantiy-container .label {
    margin-right: 1rem;
    font-size: 1.125rem;
}
.product-main-content .quantiy-container select {
    all: unset;
    color: var(--medium-gray-color);
    padding: .125rem .5rem;
    padding-right: 2rem;
}
.product-main-content .quantiy-container .quantiy-select-wrapper  {
    border: 1px solid var(--black-8);
    border-radius: .125rem;
    display: flex;
    align-items: center;
    position: relative;
}
.product-main-content .quantiy-container .quantiy-select-wrapper .arrow {
    transform: rotate(90deg);
    display: flex;
    height: .75rem;
    position: absolute;
    right: .625rem;
    opacity: 0.4;
    pointer-events: none;
}
.product-main-content .quantiy-container .quantiy-select-wrapper .arrow img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-main-content .color-container {
    margin-top: 1.5rem;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
}
.product-main-content .color-container .color-list-container {
    display: flex;
    margin-left: 1rem;
}
.product-main-content .color-container .color-item {
    height: 1.5rem;
    width: 1.5rem;
    border: 1px solid var(--gray-color);
    border-radius: 1.25rem;
    cursor: pointer;
    transition: all ease .3s;
}
.product-main-content .color-container .color-item:hover {
    /* width: 3rem; */
    transform: scale(1.4);
}
.product-main-content .color-container .color-item:not(:last-of-type):hover {
    /* margin-right: 0rem; */
}
.product-main-content .color-container .color-item:not(:last-of-type) {
    margin-right: 1rem;
}
.product-main-content .color-container .color-item:first-child {
    background-color: #000000;
}
.product-main-content .color-container .color-item:nth-child(2) {
    background-color: #E5E5E5;
}
.product-main-content .color-container .color-item:nth-child(3) {
    background-color: #fff;
}
.product-main-content .btn-group {
    margin-top: 2rem;
}
.product-main-content .btn-group .btn {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-main-content .btn-group .btn.button-green {
    color: var(--white);
    background-color: #A5BB4C;

}
.product-main-content .btn-group .squre-button {
    height: 3.125rem;
    width: 3.125rem;
    background-color: var(--white);
    border: 1px solid var(--black-16);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

}
.product-main-content .btn-group .squre-button img {
    height: 20px;
    object-fit: contain;
    user-select: none;
}
.product-main-content .btn-group > *:first-of-type {
    margin-right: .5rem;
}
.product-keypoint-grid {
    margin: 0;
    margin-top: 2rem;
    padding: 0;
    list-style: none;

    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 4rem;
    row-gap: 28px;
}
.product-keypoint-grid .product-keypoint-grid-item .title {
    font-size: 1.125rem;
    font-family: var(--haeding-font);
    font-weight: 600;
    line-height:1.2;
}

.product-keypoint-grid .product-keypoint-grid-item {
    display: flex;
    align-items: center;
}

.product-keypoint-grid .product-keypoint-grid-item .subtitle {
    margin-top: .625rem;
    line-height:1;
}
.product-keypoint-grid .product-keypoint-grid-item .image-container {
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 1.5rem;
}
.product-keypoint-grid .product-keypoint-grid-item .image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-content-tab .swiper-slide {
    width: auto;
}
.product-content-tab-wrapper .marker {
    bottom: -1.5px;
    /* width: 160px !important; */
    background-color: var(--lime-green-color);
    max-width: 100%;
}
.product-content-tab-wrapper {
    border-bottom: 1px solid var(--black-16);
    background-color: var(--white);
    position: sticky;
    top: 0;
    z-index: 99;
}
.product-content-tab .product-main-tab-item {
    cursor: pointer;
    padding: 0.5rem .75rem;
    font-size: 1.125rem;
    font-family: var(--haeding-font);
    /* padding-right: 7.5rem; */
    color: var(--black-40);
    transition: all ease .3s;
}
.product-content-tab .swiper-slide-thumb-active .product-main-tab-item {
    color: var(--black);
}
.product-main-tab-content .product-main-tab-content-item {
    padding: 2rem 0;
}
.product-main-tab-content .product-main-tab-content-item p {
    margin-bottom: 1.5rem;
}
.item-detail-list-item {
    display: flex;
    /* background-color: red; */
    padding: 0.5rem;
    font-size: 1.125rem;
    border-bottom: 1px solid var(--black-16);
}
.item-detail-list-item:hover {
    background-color: var(--light-gray-color);
}
.item-detail-list-item .key {
    /* background-color: green; */
    flex: 1;
    padding-left: 1.5rem;
}
.item-detail-list-item .value {
    /* background-color: orange; */
    flex: 2;
}
.tab-is-active .product-content-tab .product-main-tab-item {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    /* padding-left: 1rem;
    padding-right: 1rem; */
}
.review-card-item {
    padding: 1.5rem;
    padding-right: 2.125rem;
    background-color: var(--light-gray-color);
    font-size: 1.125rem;
    color: var(--black);
    
}
.review-card-item .review-content {
    color: #A9A9A9;
    margin-top: 1.75rem;
}
.review-cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.rating-star-container {
    display: flex;
    gap: .25rem;
}
.rating-star-container .rating-star {
    display: flex;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    transition: all ease .3s;
}
.rating-star-container.disabled .rating-star {
    cursor: default;
}
.rating-star-container .rating-star img {
    filter: brightness(0) opacity(0.2);
    transition: all ease .3s;
}
.rating-star-container .rating-star.active img {
    filter: unset;
}
.rating-star-container .rating-star img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.single-product-main {
    width: 100%;
    overflow-x: hidden;
}
@media (max-width: 991.98px) {
    .product-main-item .image-container {
        margin: 0;
    }
    .product-main-thumb-item .image-container {
        width: 100%;
    }
    .product-main-content  {
        margin-top: 2rem;
    }
}
@media (max-width: 767.98px) {
    .product-main-content .description,
    .product-main-content .brand,
    .product-main-content .reviews-container,
    .product-main-content .quantiy-container .label,
    .product-main-content .color-container {
        font-size: 1rem;
    }
}

@media (max-width: 575.98px) {
    .product-keypoint-grid {
        column-gap: 2rem;
        row-gap: 2rem;
    }
    .product-detail-section  {
        padding-top: 3rem;
    }
}