/* ----------------------------------------
    HOME PAGE PRODUCTS SECTION
------------------------------------------ */
.container-fluid {
    max-width: 100%;
}

.rad-products {
    background: #eaf5fd;
    padding: 88px 0 64px;
}

.rad-products .prod-image {
    border-radius: 2px;
    box-shadow: 0 8px 32px rgb(24 70 100 / 16%);
    padding: 0;
    z-index: 9;
    order: 1;
    margin: 0 16px;
}

.rad-products .prod-content {
    z-index: 2;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    background-blend-mode: multiply, normal;
    box-shadow: 0 8px 32px rgb(24 70 100 / 16%);
    border-radius: 0 0 2px 2px;
    order: 2;
}

.rad-products .prod-content .copy {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.rad-products .prod-content h2 {
    color: var(--l-gray0);
    font-weight: 600;
}

.rad-products .prod-content p {
    font-size: 16px;
}

@media (width >= 768px) {
    .rad-products .prod-content p {
        font-size: 20px;
    }
}

.rad-products .prod-content ul {
    margin-bottom: 24px;
    font-size: 16px;
    list-style: none;
    padding-inline-start: 32px;
}

@media (width >= 768px) {
    .rad-products .prod-content ul {
        font-size: 18px;
    }
}

.rad-products .prod-content p,
.rad-products .prod-content li {
    line-height: 32px;
    position: relative;
}

.rad-products .prod-content li::before {
    content: " ";
    display: block;
    width: 10px;
    height: 18px;
    border: solid var(--l-gray0);
    position: absolute;
    left: -27px;
    top: 4px;
    transform: rotate(45deg);
}

.rad-products .prod-content a[data-rf-btn] {
    text-transform: uppercase;
    letter-spacing: 1px;
    border-color: transparent;
}

.rad-products .prod-content a[data-rf-btn]:hover,
.rad-products .prod-content a[data-rf-btn].hover {
    background: var(--l-gray0);
}

.rad-products .prod-content a[data-rf-btn]:active,
.rad-products .prod-content a[data-rf-btn].active {
    box-shadow: inset var(--l-shadow);
}

.rad-prod {
    display: block;
    margin: 48px auto;
    padding: 24px 0;
}

.prod-ezfluence .prod-content {
    background: radial-gradient(100% 350.2% at 0% 0%, rgb(51 51 51 / 33%) 0%, rgb(51 51 51 / 0%) 100%), #cd0070;
}

.prod-ezfluence .prod-content a[data-rf-btn] {
    background: #da4597;
}

.prod-ezfluence .prod-content a[data-rf-btn]:hover,
.prod-ezfluence .prod-content a[data-rf-btn].hover {
    color: #960052;
}

.prod-ezfluence .prod-content p,
.prod-ezfluence .prod-content li {
    color: #ffcce8;
}

.prod-ezfluence .prod-content li::before {
    border: solid #da4597;
    border-width: 0 3px 3px 0;
}

.prod-autocontour .prod-content {
    background: radial-gradient(100% 150.2% at 0 0, rgb(209 98 0 / 25%) 0, rgb(209 98 0 / 10%) 100%), var(--l-orange3);
}

.prod-autocontour .prod-content a[data-rf-btn] {
    background: var(--l-orange4);
}

.prod-autocontour .prod-content a[data-rf-btn]:hover,
.prod-autocontour .prod-content a[data-rf-btn].hover {
    color: var(--l-orange2);
}

.prod-autocontour .prod-content p,
.prod-autocontour .prod-content li {
    color: var(--l-orange6);
}

.prod-autocontour .prod-content li::before {
    border: solid var(--l-orange4);
    border-width: 0 3px 3px 0;
}

.prod-clearcheck .prod-content,
.prod-clearcalc .prod-content,
.prod-radmc .prod-content {
    background: radial-gradient(99.31% 402.28% at 99.31% 2.21%, rgb(0 0 0 / 20%) 0%, rgb(255 255 255 / 20%) 100%), var(--l-primary);
}

.prod-clearcheck .prod-content a[data-rf-btn],
.prod-clearcalc .prod-content a[data-rf-btn],
.prod-radmc .prod-content a[data-rf-btn] {
    background: #62b6ed;
}

.prod-clearcheck .prod-content a[data-rf-btn]:hover,
.prod-clearcheck .prod-content a[data-rf-btn].hover,
.prod-clearcalc .prod-content a[data-rf-btn]:hover,
.prod-clearcalc .prod-content a[data-rf-btn].hover,
.prod-radmc .prod-content a[data-rf-btn]:hover,
.prod-radmc .prod-content a[data-rf-btn].hover {
    color: #3498db;
}

.prod-clearcheck .prod-content p,
.prod-clearcheck .prod-content li,
.prod-clearcalc .prod-content p,
.prod-clearcalc .prod-content li,
.prod-radmc .prod-content p,
.prod-radmc .prod-content li {
    color: #d8ecfa;
}

.prod-clearcheck .prod-content li::before,
.prod-clearcalc .prod-content li::before,
.prod-radmc .prod-content li::before {
    border: solid #62b6ed;
    border-width: 0 3px 3px 0;
}

.prod-quickcode .prod-content,
.prod-chartcheck .prod-content,
.prod-radmachine .prod-content {
    background: radial-gradient(100% 356.9% at 100% 0%, rgb(51 51 51 / 33%) 0%, rgb(51 51 51 / 0%) 100%), #27ae60;
}

.prod-quickcode .prod-content a[data-rf-btn],
.prod-chartcheck .prod-content a[data-rf-btn],
.prod-radmachine .prod-content a[data-rf-btn] {
    background: #61c48b;
}

.prod-quickcode .prod-content a[data-rf-btn]:hover,
.prod-quickcode .prod-content a[data-rf-btn].hover,
.prod-chartcheck .prod-content a[data-rf-btn]:hover,
.prod-chartcheck .prod-content a[data-rf-btn].hover,
.prod-radmachine .prod-content a[data-rf-btn]:hover,
.prod-radmachine .prod-content a[data-rf-btn].hover {
    color: #1d7f46;
}

.prod-quickcode .prod-content p,
.prod-quickcode .prod-content li,
.prod-chartcheck .prod-content p,
.prod-chartcheck .prod-content li,
.prod-radmachine .prod-content p,
.prod-radmachine .prod-content li {
    color: #c9edd8;
}

.prod-quickcode .prod-content li::before,
.prod-chartcheck .prod-content li::before,
.prod-radmachine .prod-content li::before {
    border: solid #6fcf97;
    border-width: 0 3px 3px 0;
}

@media (width >= 992px) {
    .rad-products {
        background: #eaf5fd;
        padding: 112px 0 88px;
    }

    .rad-prod {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        margin: 48px 0;
    }

    .prod-content .copy h2 {
        font-size: 40px;
        line-height: 56px;
        margin: 0 0 8px;
    }

    .prod-content .copy p {
        font-size: 18px;
        line-height: 24px;
    }

    .rad-products .prod-image {
        margin: 0;
    }

    .rad-products .prod-clearcheck .prod-image,
    .rad-products .prod-autocontour .prod-image,
    .rad-products .prod-radmc .prod-image,
    .rad-products .prod-quickcode .prod-image {
        margin: 0 0 0 -16px;
        order: 2;
    }

    .rad-products .prod-content {
        padding: 48px 48px 56px 88px;
        margin: 0 24px 0 -16px;
        border-radius: 0 2px 2px 0;
        align-items: flex-start;
        order: 1;
    }

    .rad-products .prod-content.home {
        width: inherit;
    }

    .rad-products .prod-autocontour .prod-content,
    .rad-products .prod-clearcheck .prod-content,
    .rad-products .prod-radmc .prod-content,
    .rad-products .prod-quickcode .prod-content {
        padding: 48px 56px 56px 72px;
        margin: 0 -16px 0 24px;
        order: 1;
        border-radius: 2px 0 0 2px;
    }

    .rad-products .prod-content .copy {
        align-items: flex-start;
    }
}

@media (width >= 1200px) {
    .rad-products {
        background: #eaf5fd;
        padding: 120px 0 112px;
    }

    .prod-content .copy h2 {
        font-size: 48px;
        line-height: 64px;
        margin: 0 0 20px;
    }

    .prod-content .copy p {
        font-size: 20px;
        line-height: 32px;
    }

    .rad-products .prod-content {
        padding: 48px 80px 56px 120px;
    }

    .rad-products .prod-clearcheck .prod-content,
    .rad-products .prod-autocontour .prod-content,
    .rad-products .prod-radmc .prod-content,
    .rad-products .prod-quickcode .prod-content {
        padding: 48px 88px 56px 80px;
        margin: 0 -24px 0 24px;
        order: 1;
        border-radius: 2px 0 0 2px;
    }
}