/* Page Components - Three Column Content v3 */

section.three-column-content-v3 { overflow: clip; }
section.three-column-content-v3:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: radial-gradient(circle at 92% 12%, rgba(246, 12, 122, 0.26), rgba(207, 7, 101, 0.06) 24%, rgba(113, 100, 107, 0) 40%, rgba(238, 238, 238, 0) 53%); background-size: cover; opacity: 0.4; }
section.three-column-content-v3:after { content: ""; position: absolute; width: 850px; height: 90%; right: -13%; bottom: -27%; z-index: 2; background-image: url('../../assets/images/dna-blur-pattern-opt.png'); background-size: cover; pointer-events: none; background-repeat: no-repeat; }
section.three-column-content-v3 .row { position: relative; z-index: 3; }
section.three-column-content-v3 .heading-row .button__container { margin-bottom: 2rem; }
section.three-column-content-v3 .heading-row .button-style-1 { --background-color: var(--secondary); --hover-background-color: var(--primary); }
section.three-column-content-v3 .content-row { display: flex; gap: 2rem 4rem; margin-top: 1.5rem; }
section.three-column-content-v3 .content-row.centered { text-align: center; }
section.three-column-content-v3 .content-row:before,
section.three-column-content-v3 .content-row:after { content: none; }
section.three-column-content-v3 .content-row > div { flex: 1 1 50%; }
section.three-column-content-v3 .content-column { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1rem; position: relative; }
section.three-column-content-v3 .content-column:after { content: ""; position: absolute; right: -2rem; top: 0; bottom: 0; width: 1px; background-color: var(--darker-gray); }
section.three-column-content-v3 .content-column:last-child:after { content: none; }
section.three-column-content-v3 .content-column .column-heading-container { display: flex; gap: 1rem; }
section.three-column-content-v3 .content-column .column-heading-container i { font-size: 1.75rem; color: var(--primary); }
section.three-column-content-v3 .content-column .column-heading-container h3 { margin-bottom: 0; color: var(--secondary); }
section.three-column-content-v3 .content-column .column-content-container { flex: 1 0 auto; }
section.three-column-content-v3 .content-column .column-content-container p { /*margin-bottom: 0;*/ color: var(--white); }
section.three-column-content-v3 .content-column .column-tags-container { display: flex; flex-wrap: wrap; gap: 0.8rem 0.833rem; margin: 3rem 0 2rem; }
section.three-column-content-v3 .content-column .column-tags-container .column-tag { background-color: var(--darker-gray); border-radius: 0.833rem; color: var(--white); padding: 0.1rem 0.833rem; letter-spacing: 0.5px; font-size: 0.833rem; }
section.three-column-content-v3 .content-column .button.jump-button {
    --background-color: transparent;
    --hover-background-color: transparent;
    --color: var(--primary);
    --hover-color: var(--secondary);

    padding-left: 0; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-right: 2rem; margin-bottom: 0;
}
section.three-column-content-v3 .content-column .button.jump-button:after { content: "\ea36"; font-family: var(--icon-family); position: absolute; right: 0.5rem; top: -0.1rem; bottom: 0; display: flex; align-items: center; color: var(--color); transition: var(--global-transition); }
section.three-column-content-v3 .content-column .button.jump-button:hover:after { color: var(--hover-color); }

@media (max-width: 1200px) {
    section.three-column-content-v3:after { opacity: 0.5; }
}
@media (max-width: 900px) {
    section.three-column-content-v3 .content-row { flex-wrap: wrap; }
    section.three-column-content-v3 .content-column { gap: 0.5rem; }
    section.three-column-content-v3 .content-column:after { right: 0; top: unset; bottom: -1.5rem; width: 100%; height: 1px; }
    section.three-column-content-v3 .content-column .column-tags-container { margin-top: 1rem; margin-bottom: 1.5rem; }
}