.table td, .table th {
    padding: 0.75rem;
    vertical-align: middle;
    border-top: 1px solid #EBEDF3;
}

.max-span-40 {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40ch;
}

.card-product:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

.card-product {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 1px !important;
}


.bg-sompo {
    background-color: #990B3B;
}



/* For pga_sompo page */
.two-lines {
    line-height: 1.4em; /* Set the height of one line */
    min-height: calc(1.5em * 2); /* Minimum height for 2 lines */
    overflow: hidden; /* Prevent content overflow */
}

.max-line-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card.card-custom > .card-body {
    padding: 1rem 1rem;
}

.carousel-card {
    border-radius: 1rem;
}

.carousel-item {
    -webkit-transition: -webkit-transform 0s ease-in-out !important;
    transition: -webkit-transform 0s ease-in-out !important;
    transition: transform 0s ease-in-out !important;
    transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translateY(-50%);
    /* Other styles for your previous button */
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 0 !important;
    left: 15%;
    z-index: 10;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #ffffff;
    text-align: center;
}

.two-lines {
    line-height: 1.4em; /* Set the height of one line */
    min-height: calc(1.5em * 2); /* Minimum height for 2 lines */
    overflow: hidden; /* Prevent content overflow */
}

.max-line-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card.card-custom > .card-body {
    padding: 1rem 1rem;
}

.carousel-card {
    border-radius: 1rem;
}

.carousel-item {
    -webkit-transition: -webkit-transform 0s ease-in-out !important;
    transition: -webkit-transform 0s ease-in-out !important;
    transition: transform 0s ease-in-out !important;
    transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translateY(-50%);
    /* Other styles for your previous button */
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 0 !important;
    left: 15%;
    z-index: 10;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #ffffff;
    text-align: center;
}


@media (min-width: 991px) {
    .fixed-card {
        position: sticky;
        top: 90px; /* Adjust as needed */
        right: 80px;
        width: 340px; /* Adjust as needed */
        /* Add other styling like width, background-color, z-index if necessary */
    }
}

@media (min-width: 1200px) {
    .fixed-card {
        position: sticky;
        top: 90px; /* Adjust as needed */
        right: 80px;
        width: 420px; /* Adjust as needed */
        /* Add other styling like width, background-color, z-index if necessary */
    }
}

@media (min-width: 1340px) {
    .fixed-card {
        position: sticky;
        top: 90px; /* Adjust as needed */
        right: 80px;
        width: 500px; /* Adjust as needed */
        /* Add other styling like width, background-color, z-index if necessary */
    }
}