.section-industries {

        height: 607px;

        background-size: cover;

        background-position: center;

        transition: background-image 0.3s ease-in-out, opacity 0.5s ease-in-out;

    }



    .background-fade {

        opacity: .8;

    }

    .slide-industry a {

        text-decoration: none;

    }

    .carousel-industries .swiper-wrapper {

        box-sizing: border-box;



    }


    .slide-industry a h3 {
        line-height: 40px;
        margin-bottom: 8px;
    }

    .industries-title {

        color: #fff;

        position: absolute;

        z-index: 2;

        top: 64px;

        padding-left: 54px !important;

    }



    .industry-slide-content {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        justify-content: flex-end;

        height: 100%;

        padding: 0 56px 32px;

        background-color: rgb(0 0 0 / 32%);

        transition: 1s all ease-in-out;
        
        padding-bottom: 72px !important



    }



    .industry-slide-content * {

        color: #fff;

    }


    .industry-hidden-content p {

        font-size: 18px;

        line-height: 24px;

        text-decoration: none;

    }



    .industry-hidden-content {

        max-height: 0;

        overflow: hidden;

        transition: 1s all ease-in-out;

    }



    .swiper-slide-active .industry-slide-content,

    .slide-industry:hover .industry-slide-content {

        background-color: rgb(0 0 0 / 64%);

    }



    .swiper-slide-active .industry-hidden-content,

    .slide-industry:hover .industry-hidden-content {

        max-height: 500px;

        transition: 1s all ease-in-out;

    }



    .swiper-button-next {

        position: absolute;

        top: 50%;

        transform: translateY(-50%);

        z-index: 9;

        right: 24px;

    }

    .swiper-button-prev {

        position: absolute;

        top: 50%;

        transform: translateY(-50%);

        z-index: 9;

        left: 24px;

    }







    @media (min-width: 768px) {

        /* on md+ screens force both panes to be visible */

        .custom-tabs .tab-pane {

            display: block !important;

            opacity: 1 !important;

        }

    }

    .industry-hidden-content ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        padding-left: 0;
      }
      
      .industry-hidden-content ul li {
        border: 1px solid gray;
        padding: 3.2px 12px;
        border-radius: 8px;
        font-size: 16px !important;
        font-weight: 400;
      }