#product-info {}

        .product-breadcrumps {
            padding: 20px;
            text-decoration: none;
        }

        .product-breadcrumps a {
            text-decoration: none;
            color: #707070;
            font-size: 10pt;
            cursor: pointer;
        }

        .product-breadcrumps a:hover {
            color: orange;
        }

        .product-price a {
            text-decoration: none;
            color: black;
        }

        .item-image-parent {
            order: 1;
            width: 50%;
            display: flex;
        }

        .item-image-main img {
            width: 500px;
        }

        .item-info-parent {
            order: 2;
            flex-basis: 50%;
        }

        .item-list-vertical {
            order: 1;
            width: 10%;
            overflow-y: auto;
            margin-top: 50px;
        }

        .item-image-main {
            order: 2;
            width: 90%;
            height: 100%;
        }

        /* sectioning completed */


        .thumb-box {
            width: 75%;
            margin: 10px auto;
            background: white;
            border: 1px solid gray;
        }

        .thumb-box img {
            width: 100%;
            height: 100%;
        }


        .thumb-box:hover {
            cursor: pointer;
            border-color: #e77600;
            ;
            box-shadow: 0px 1px 5px 1px #e77600;
        }

        /* Item Info */
        .main-info h4 {
            font-size: 21px;
            margin-bottom: 0;
            font-weight: 400
        }

        .star-rating {
            display: flex;
            align-items: center;
            width: 70%;
            color: gray;
            font-size: 24px;
            border-bottom: 0.4px solid rgba(194, 194, 194, 0.829);
        }

      
        .star-rating .star-wrapper {
            color: #ffa900;
        }
        .star-rating .rating-count {
            font-size: 12pt;
        }
        .main-info p {
            font-size: 15px;
            color: gray;
            margin-bottom: 30px;
        }

        #price {
            color: rgb(168, 14, 14);
            font-size: 21px;
        }

        /* Select Items */

        .change-color {
            margin-bottom: 10px;
        }

        .change-color .thumb-box {
            margin: 10px 10px 10px 0;
            width: 40px;
            display: inline-block;
        }

        .change-size select {
            padding: 5px 10px;
            border-radius: 4px;
            border-color: rgb(189, 189, 189);
            margin-top: 10px;
        }

        .description ul {
            padding-left: 0px;
            font-size: 15px;
            line-height: 1.9rem;
            list-style: none;
        }

        .description ul li {
            /* margin-bottom: 10px; */
        }

        .gallery {
            position: relative;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            /* align-items: center; */
            min-height: 53vh;
            width: fit-content;
            text-align: center;
        }

        .thumbnails {
            margin-top: 20px;
            display: flex;
            justify-content: center;
            /* position: absolute; */
            gap: 10px;
            bottom: 0;
        }
        .thumbnail{
                display: flex;
    align-items: center;
    cursor: pointer;
        }
        .thumbnail img {
            width: 80px;
            /* height: 80px; */
            object-fit: cover;
            
            border: 2px solid transparent;
            transition: border-color 0.3s;
        }

        .thumbnail.active {
            border-color: #1d6381;
        }

        

        .info_container {
            padding: 20px;
            border-radius: 20px;
            height: fit-content;
        }

        .info_container ul {
            list-style: none;
        }

        .info_container .fa-minus {
            color: red;
        }

        .info_container .fa-plus {
            color: green;
        }

        .main-image img {
            width: 55%;
            /* height: 55%; */
            max-width: 468px;
        }

        .main-image {
            display: flex;
            height: 100%;
            width: 100%;
            /* max-height: 468px; */
            flex-basis: 100%;
            justify-content: center;
            flex-grow: 1;
            align-items: center;
        }