.background-secondary {
    background: #F6F7F8;
}

.about-section-left {
    text-align: right;
    padding: 30px;
}

    .about-section-left .display-5 {
        font-family: 'Roboto-Bold';
    }

.about-section-right {
    border-left: 2px solid #a0a0a0;
    padding: 30px;
}

.experience {
    text-align: right;
    text-transform: uppercase;
    border-right: 10px solid #203F8E;
    padding-right: 20px;
}

    .experience .display-1 {
        display: inline-flex;
        gap: 10px;
        text-transform: uppercase;
        white-space: nowrap;
        color: #BFBFBF4D;
    }

.experience-des {
    font-family: "Roboto-Medium";
}

#product-tab .nav-link {
    background: var(--primary);
    color: white;
    text-transform: uppercase;
    font-family: "Roboto-Bold";
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 1.2rem;
    border: none !important;
    margin: 2px
}

    #product-tab .nav-link:hover {
        color: #d4c430;
    }

    #product-tab .nav-link.active {
        background: #d4c430;
        color: var(--primary);
    }

#productTabContent {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.product-sub-item {
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
}

    .product-sub-item a {
        font-family: 'Roboto-Medium';
    }

.ul-sub-product {
    padding-left: 0 !important;
}

    .ul-sub-product li {
        display: inline;
        margin: 1rem
    }

        .ul-sub-product li:first-child {
            margin-left: 0 !important;
        }

.product-item {
}

    .product-item .img-wapper {
        display: flex;
        justify-content: center; /* Center horizontally */
        align-items: center; /* Center vertically */
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #f9f9f9; /* Optional: for contrast */
        border-radius: 10px;
        border: 1px dashed var(--primary);
    }

        .product-item .img-wapper img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain; /* Ensure the image is fully visible */
            display: block;
            transition: 0.5s;
        }

        .product-item .img-wapper:hover img {
            transform: scale(1.2);
        }

    .product-item .product-title {
        font-family: "Roboto-Medium";
        font-size: 1.2rem !important;
        text-transform: uppercase;
        padding: 10px 0px;
        margin-bottom: 2rem;
        color: var(--primary);
    }

.MagicZoom {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f9f9f9; /* Optional: for contrast */
    border-radius: 10px;
    border: 2px solid var(--primary);
}

    .MagicZoom img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain; /* Ensure the image is fully visible */
        display: block;
        transition: 0.5s;
    }

.attr-pro-detail li {
    display: flex;
    gap:10px;
    padding:5px 0px;
}
.attr-pro-detail li  label{
    font-family:"Roboto-Medium"
}