#mainCarousel p {
    font-size: clamp(0.8rem, 1.5vw, 1.2rem);
}

#mainCarousel h2 {
    font-size: clamp(1rem, 2.5vw, 2.5rem);
}

#mainCarousel img {
    max-height: 50rem;
    object-fit: cover;
}

#mainCarousel .carousel-caption {
    position: absolute;
    top: 40%;
    padding: 20px;
    text-align: right;
}

    #mainCarousel .carousel-caption h2, h5,
    #mainCarousel .carousel-caption p {
        color: #fff;
        margin: 0;
    }

#mega-section p {
    font-size: clamp(0.9rem, 1.5vw, 1.2rem);
}

#mega-section h2 {
    font-size: clamp(1rem, 2.5vw, 2.5rem);
}

.product-notice {
}

.experiences-section{

}

    .experiences-section .section-title, b {
        color: white;
    }

    .experiences-section .img-container {
        width: 100%;
        overflow: hidden;
    }

        .experiences-section .img-container img {
            width: 100%;
            height: auto;
        }



#item-button > .col > .col-inner {
    padding: 0px 2px 0px 2px;
}

@media (min-width:550px) {
    #item-button > .col > .col-inner {
        padding: 0px 5px 0px 5px;
    }
}

#item-col > .col-inner {
    margin: -35px 0px 0px 0px;
}

@media (min-width:550px) {
    #item-col > .col-inner {
        margin: -1px 0px 0px 0px;
    }
}

#item-image {
    width: 100%;
}

#gap-634765490 {
    padding-top: 25px;
}

#gap-1630864439 {
    padding-top: 15px;
}

#item-contact > .col-inner {
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
}