/* Downloads */
.kb2b-downloads-title h1 {
    font-size: 24px !important;
    color: #002B4E !important;
    font-weight: 700 !important;
    margin-top: 44px !important;
    font-style: normal !important;
    line-height: 31.2px !important;
    margin-bottom: 10px !important;
    font-family: "LeagueSpartan-Bold" !important;

    /* Tablet Styles */
    @media only screen and (min-width: 751px) {
        font-size: 37px !important;
        line-height: 48.1px !important;
    }
}

/* Materials to download */
.kb2b-downloads-subtitle h3 {
    padding: 0px !important;
    font-size: 18px !important;
    color: #002B4E !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 26px !important;
    font-family: "PTSans-Regular" !important;

    /* Tablet Styles */
    @media only screen and (min-width: 751px) {
        font-size: 22px !important;
        line-height: 30.8px !important;
    }
}

/* Downloads Body */
.kb2b-downloads-body {
    gap: 20px !important;
    width: 100% !important;
    display: flex !important;
    padding: 20px !important;
    max-width: 800px !important; 
    background: #FFF !important;
    place-self: center !important;
    border-radius: 12px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin: 28px auto 85px !important;
    
    /* Tablet Styles */
    @media only screen and (min-width: 751px) {
        font-size: 20px !important;
        line-height: 30.8px !important;
    }

    /* Mobile Titles */
    a.slds-button {
        text-align: start !important;
    }
    
    /* Buttons width */
    .lwc-6j9an5vbrcd.columns-content{
        min-width: 100% !important;
    }

    .lwc-6jb05p8ont5-host.component-wrapper-spacer {
        margin-bottom: 0px !important;
    }
    /* Buttons Styling */
    .lwc-48aostf02bd.column-content {
        gap: 16px !important;
        padding: 12px !important;
        display: flex !important;
        min-width: 100% !important;
        margin-bottom: 12px !important;
        align-self: stretch !important;
        border-radius: 12px !important;
        background: #F4F4F4 !important;
        align-items: flex-start !important;
    }
   
    .kb2b-downloads-body-title a {
        width: 100% !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #002B4E !important;
        margin-bottom: 0px !important;
        font-style: normal !important;
        line-height: 25.2px !important;
        padding: 0px 0px 0px 12px !important;
        font-family: "PTSans-Bold" !important;
    
        /* Tablet Styles */
        @media only screen and (min-width: 751px) {
            font-size: 19px !important;
            line-height: 30.8px !important;
        }
    }
    .kb2b-downloads-body-info p {
        width: 100% !important;
        font-size: 13px !important;
        color: #5C5C5C !important;
        font-weight: 400 !important;
        padding-left: 47px !important;
        font-style: normal !important;
        line-height: 19.2px !important;
        font-family: "PTSans-Regular" !important;

        /* Tablet Styles */
        @media only screen and (min-width: 751px) {
            font-size: 17px !important;
            line-height: 30.8px !important;
        }
    }
    /* SVG Icon  */
    .kb2b-downloads-body-title::before {
        content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M5.33398 22.6663V25.333C5.33398 26.0403 5.61494 26.7185 6.11503 27.2186C6.61513 27.7187 7.29341 27.9997 8.00065 27.9997H24.0006C24.7079 27.9997 25.3862 27.7187 25.8863 27.2186C26.3864 26.7185 26.6673 26.0403 26.6673 25.333V22.6663M9.33398 14.6663L16.0007 21.333M16.0007 21.333L22.6673 14.6663M16.0007 21.333V5.33301' stroke='%2311528F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
        width: 32px;
        height: 32px;
    }
}

/* Title bottom space override */
@media only screen and (max-width: 1024px) {
    .lwc-6jb05p8ont5-host.component-wrapper-spacer:has(.kb2b-downloads-title) {
        margin-bottom: 0px !important;
    }
}

/* Body side space for mobile and tablet */
.lwc-6jb05p8ont5.interactions-component.interactions-element:has(.kb2b-downloads-body) {
    padding: 0px 16px !important;

    /* Tablet Styles */
    @media only screen and (min-width: 751px) and (max-width: 1024px) {
        padding: 0px 40px !important;
    }

    /* Desktop Styles */
    @media only screen and (min-width: 1025px) {
        padding: 0px !important;
    }
}