.cat_container .Category_content h1 {
    font-size: 1.7vw !important;
    font-family: "Poppins", sans-serif !important;
    text-transform: none !important;
    margin-bottom: 1vw;
}

.heading-div-pro-cat {
    width: 80vw;
    margin: auto;
}
.textOnBanner div h1 {
    font-size: 2.7vw;
    text-align: left;
    border-bottom: 1px solid white;
    padding-bottom: 0.5vw;
    width: fit-content;
    margin:0;
}

.textOnBanner div p {
    font-size: 1.2vw;
    font-weight: 600;
}

.product-info{
    width: 15vw;
    color:white;
}

.product-info h4 {
    font-size: 1.2vw;
    font-weight: 700;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}

.Inner-title {
    font-weight: 700;
    font-size: 2.5vw !important;
    text-transform: uppercase;
    margin-bottom: 2vw;
}

.product-info {
    height: auto;
    width: 18vw;
    margin-left: 1vw !imporatnt;
    padding: 1vw 0px;
}

.item-top-bar h1 {
    font-size: 2vw;
    padding: 0.6vw;
    text-align: center;
    color: white;
    transition: 0.3s ease-in-out;
    margin: 0;
}

.product-list-application {
    margin-bottom: 10vw;
    overflow: hidden;
    padding-right: 2vw;
}

.product-details{
    margin-bottom:10vw;
}

.cat_container .banner {
    height: 25vw;
    margin-top: 5vw;
}

.cat_container .overlay {
    background-color: #061243;
    height: 100%;
    width: 100vw;
    position: absolute;
    top: 0;
    opacity: 0.6;

}

.cat_container .banner img {
    height: 100%;
    width: 100%;
}

.cat_container .Category_content p {
    font-size: 1vw !important;
}
.Category_content button {
    font-size: 1vw;
    border-radius: 0.5vw;
    padding: 0.5vw 1vw !important;
    background:#DA2226;
}


.textOnBanner {
    position: absolute;
    /* left: 100px; */
    top: 50%;
    font-family: "Poppins", sans-serif !important;
    font-size: 3vw;
    text-align: left;
}
.exploreCategoriesButton {
    transform: rotate(90deg);
}
.exploreCategoriesButton button {
    font-size: 1vw ;
    border: none !important;
    border-radius: 0.5vw ;
}

.exploreCategoriesButton button {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    animation: floatButton 2s ease-in-out infinite;
    transition: transform 0.3s;
    background: #ff0f39;
}

.exploreCategoriesButton button:hover {
    transform: scale(1.05);
}

/* .container-gallery{
    transform:scale(1) !Important;
} */

@keyframes floatButton {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

.categoryHeading {
    text-transform: uppercase;
    font-size: 2vw !important;
    letter-spacing: 4px;
    padding-bottom: 1vw;
}

.categorySubTitle {
    font-size: 1vw !important;
}

.single_category {
    height: 70vh;
}

/* fghjkl; */



.container {
    display: flex;
    gap: 16px;
    /* Space between items */
    /* justify-content: center; */
    /* align-items: center; */
    /* margin: 20px auto; */
    /* width: 700px; */
    /* height: 90vh; */
}

.item {
    width: 4vw;
    flex-grow: 1;
    height: 75vh;
    background-color: #D5DDFF;
    position: relative;
    border: 1px solid #555;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all 300ms ease-in-out;
}

.item:hover {
    flex-grow: 4.3;
    /* Expands when hovered */
    background-color: #0E1D58;
    /* Lighter shade on hover */
}

.item:hover .category-name {
    color: white;
    left: 3vw;

}

/* .item::before {
    content: attr(data-order);
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%) rotate(90deg);
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
} */

/* Category Name on the Left - Rotated to be vertical */
.category-name {
    position: absolute;
    /* left: 3vw;
    top: 25%; */
    color: black;
    font-size: 1.5vw;
    font-weight: bold;
    z-index: 2;
    left: 50%;
    /* Horizontally center */
    top: 50%;
    /* Vertically center */
    transform: translate(-50%, -50%) rotate(-270deg);
    white-space: nowrap;
}

/* Image container - Initially off-screen to the left */
.image-container {
    position: absolute;
    top: 0;
    left: -100%;
    /* Image is hidden off the left side initially */
    width: 50%;
    /* Width of the image */
    height: 100%;
    opacity: 0;
    /* Image is hidden initially */
    transition: opacity 0.3s ease, left 0.3s ease;
}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* On hover, move the image to the left and make it visible */
.item:hover .image-container {
    left: 50%;
    /* Reveal image */
    opacity: 1;
    /* Make image visible */
}



.subcategories .heading {
    font-size: 3vw;
    text-transform: none;
}

.subcategories .descrip,
.subTitle {
    font-size: 1vw;
}

.messageIcon {
    width: 1.5vw;
}

.blueDesc {
    font-size: 1.4vw;
    font-weight: 500;
    line-height: 1.2;
    width: fit-content;
    padding: 2vw;
}

/* Styling for the products container */
.productsRightside {
    position: relative;
    height: 80vh;
    /* Container height */
    overflow: hidden;
    /* Hide default scrollbar */
}

/* Scroll container (content that will be scrolled) */
.scroll-container {
    height: 100%;
    overflow-y: scroll;
    padding-right: 15px;
    /* Adjust for the space used by the progress bar */
}

/* Custom Progress Bar Container */
.progress-bar {
    position: absolute;
    right: 0;
    bottom: 0;
    /* Starts at the bottom */
    width: 5px;
    height: 100%;
    /* Full height of the container */
    background-color: #ddd;
    /* Light gray background for the progress bar */
    border-radius: 4px;
}

.scroll-container {
    height: 100%;
    overflow-y: scroll;
    padding-right: 15px;

    /* Hide the scrollbar */
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: transparent transparent;
    /* Firefox */

    /* For Webkit browsers (Chrome, Safari, etc.) */
    &::-webkit-scrollbar {
        width: 0px;
        /* Hides the scrollbar */
    }

    &::-webkit-scrollbar-thumb {
        background: transparent;
        /* Hides the thumb */
    }

    &::-webkit-scrollbar-track {
        background: transparent;
        /* Hides the track */
    }
}

/* Draggable progress handle */
.progress-handle {
    position: absolute;
    width: 100%;
    height: 30px;
    /* Height of the draggable handle */
    background-color: #D95110;
    /* Color of the progress bar */
    border-radius: 4px;
    cursor: pointer;
    bottom: 0;
    /* Start at the bottom */
    transition: background-color 0.2s ease-in-out;
}

/* Hover effect for the progress handle */
.progress-handle:hover {
    background-color: #D95110;
}

.productsRightside .prod_name {
    font-size: 2vw !important;
}

.productsRightside .prod_description {
    font-size: 1vw !important;
}

.productsRightside .prod_image {
    width: 15vw;
}

/* product category section  */

.dissolution,
.physical-Testers,
.elemental-analysis,
.microwave-digestion-systems,
.spectroscopy,
.proximate-analysis,
.sample-prepration-systems,
.laboratory-appliances-equipments{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 15px;
    width: 18vw;
    transition: background-position 0.3s ease-in-out;
    perspective: 1000px;
    z-index: 100;
}

/* .Food-and-Beverage { background-image: url(../images/application-page/application-img-5.png); }
.Pharmaceutical { background-image: url('../images/application-page/application-img-1.png'); }
.Environment { background-image: url('../images/application-page/application-img-2.png'); }
.chemical { background-image: url('../images/application-page/application-img-3.png'); }
.Industrial { background-image: url('../images/application-page/application-img-4.png'); } */

.dissolution  { background-image: url(../images/application-page/application-img-5.png); }
.physical-Testers  { background-image: url(../images/application-page/application-img-5.png); }
.elemental-analysis  { background-image: url(../images/application-page/application-img-5.png); }
.microwave-digestion-systems  { background-image: url(../images/application-page/application-img-5.png); }
.spectroscopy  { background-image: url(../images/application-page/application-img-5.png); }
.proximate-analysis  { background-image: url(../images/application-page/application-img-5.png); }
.sample-prepration-systems  { background-image: url(../images/application-page/application-img-5.png); }
.laboratory-appliances-equipments  { background-image: url(../images/application-page/application-img-5.png); }


.item-top-bar h1{
    font-size: 1.5vw !important;
}

.sticky-sidebar {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex ;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    z-index: 1000;
}
.sticky-sidebar a {
  margin: 10px 0;
  display: block;
}

.sticky-sidebar img {
    width: 4vw;
    height: auto;
    object-fit: cover;
}
.hr-stickey-sidebar {
  width: 80%;
  border: none;
  border-top: 1px solid #ccc;
  margin: 10px 0;
}

.sticky-sidebar i{
    font-size:2vw;
    color:#ff0f39;
}

.sticky-sidebar img{
    
}


/* product category section end */