.block-views-blockpartners-block-1 {
    margin-right: 40px;
    margin-top: 15px;
    margin-bottom: 50px;
}
.view-partners {
    a {
        border-bottom: 0;
    }
    &.view-display-id-block_3 {
        .view-header {
            text-align: center;
            font-size: large;
        }
        .views-view-responsive-grid__item-inner {
            border-radius: 3px;
            border: 1px solid #e7e7e7;
        }
        .views-field-name {
            padding: 6px 0px 2px 6px;
        }
        .views-field-field-long-name {
            font-size: smaller;
            padding: 2px 0px 4px 6px;
        }
    }
}
.page-vocabulary-partners {
    .main-container {
        padding: 0;
    }
    a {
        border-bottom: 0;
    }
    .taxonomy-term {
        .field--name-field-image {
            img {
                width: 100%;
            }
        }
    }
    .block-field-blocktaxonomy-termpartnersname {
        float: left;
    }
    .block-field-blocktaxonomy-termpartnersfield-long-name {
        &::before {
            content: " : ";
        }
    }
    h1::after {
        display: none;
    }

    .partners-page-banner {
        background: url(/sites/etradeforall/files/media-images/partner-node-banner.jpeg);
        background-size: cover;
        background-position: center;
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        height: 250px;
        .container {
            color: white;
            top:35%;
            position: relative;
            z-index: 2;
        }
        &::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5); /* Adjust darkness (0.5 = 50% dark) */
            z-index: 1; /* Ensure it covers the background */
        }
    }
    @media only screen and (max-width: 768px) {
        .partners-page-banner {
            .container {
                top: 12%;
            }
        }
    }

    .title {
        font-size: 2rem; /* Adjust title size */
        font-weight: bold;
    }
    
    .full-width-header .long-name {
        font-size: 1.5rem;
    }

    .details {
        /* height: 300px; */
        background-size: cover;
        /* background-position: center; */
        position: relative;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        background: #edf1f5;
        padding: 40px 0px;
        margin-bottom: 40px;
        .label {
            font-weight: bold;
            margin-bottom: 10px;
            display: block;
        }
        .fas {
            color: #004987;
            margin-right: 5px;
        }
        .info-section,
        .related-links-section {
            margin-bottom: 20px;
            div,li {
                margin-bottom: 8px;
                margin-left: 5px;
                font-size: 14px;
            }
            .mt-3 {
                margin-top: 0 !important;
            }
        }
        
        .image-section img {
            max-width: 100%;
            height: auto;
        }
    }
      
    .body-section {
        padding-top: 20px;
    }

    .col-md-4 {
        border-right: 1px solid lightgray;
        padding-right: 50px;
    }
    .col-md-8 {
        padding-left: 50px;
    }
    .courses-intro {
        display: none;
    }
    .view-content {
        .container {
            border-bottom: 1px solid #c6c6c6;
            padding-bottom: 40px;
        }
    }
    .view-taxonomy-term {
        .default-taxonomy-view {
            display: none;
        }
    }
}
.partners-banner {
    background-image: url(/sites/etradeforall/files/media-images/partners-banner.jpeg);
    background-size: cover;
    background-position: center;
    margin: -58px 0 10px 0;
    position: relative; /* Establish a positioning context */
    width: 100vw; /* Full browser width */
    left: 50%; /* Move the element to the center of the viewport */
    transform: translateX(-50%); /* Offset by half its width for full alignment */
    h1 {
        border-bottom: 1px solid white;
        border-width: medium;
        width: fit-content;
        padding-bottom: 10px;
    }
    p {
        margin-bottom: 0;
    }
    .fw-bold {
        margin-bottom: 1.2rem;
    }
    .btn {
        border-radius: 30px;
    }
    .btn-orange {
        background-color: #FBAF17; 
        color: #004b8d;  
        border: none;           
        font-weight: bold;        
        text-transform: none; 
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem; 
        transition: background-color 0.3s ease;
        padding: 15px 30px; 
        margin-top: 30px;
    }

    .btn-orange:hover {
        background-color: #e67300; 
        text-decoration: none; 
    }
    .btn-orange:active {
        color: #004b8d;
    }
    .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.user-logged-in {
    .partners-banner {
        margin: 0px 0 10px 0;
    }
}
.partners-details {
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    background: #edf1f5;
    padding: 40px 0px;
    margin-top: -10px;
    margin-bottom: 40px;
}
.interview {
    margin: 50px 0;
}