.columns {
    &.c_white, &[data-color="#FFFFF"] {
        .column_title {
            color: var(--dark);
        }
    }

    .container {
        z-index: 2;
        position: relative;

        .columns__title {
            display: flex;
            align-items: center;
            padding-bottom: 30px;
            margin-bottom: 60px;
            justify-content: center;
            
            &.title_cta {
                justify-content: space-between;
                border-bottom: 1px solid rgba(255, 255, 255, 0.33);
            }

            @media (max-width: 992px) {
                flex-direction: column;
                gap: 15px;
            }

            .cta {
                margin: 0px !important;
            }

            h2 {
                font-family: var(--medium);
                color: var(--white);
                margin-bottom: 0px;
            }
        }

        .columns__list {
            &.txt_left {
                justify-content: start;
                .columns__wrapper {
                    align-items: start;
                    text-align: start;
                }
            }
            &.txt_center {
                justify-content: center;
                .columns__wrapper {
                    align-items: center;
                    text-align: center;
                }
            }
            &.txt_right {
                justify-content: end;
                .columns__wrapper {
                    align-items: end;
                    text-align: end;
                }
            }

            .columns__item {

                &.columns__item_link {
                    .columns__wrapper {
                        &:hover {
                            .columns__icon {
                                background: var(--main-color4);

                                img {
                                    filter: brightness(100);
                                }
                            }

                            p:last-child {
                                text-decoration: underline !important;
                            }
                        }
                    }
                }

                .columns__wrapper {
                    display: flex;
                    flex-direction: column;
                    text-decoration: unset;
                    color: var(--white);
                    gap: 12px;
                    transition: var(--transition);

                    &.style_image {
                        gap: 30px;
                        .column_title {
                            font-family: var(--title-font);
                        }
                    }

                    .columns__icon {
                        transition: var(--transition);

                        &.style_image {
                            width: 100%;
                            height: 100%;
                            max-height: 120px;
                            max-width: 100%;

                            img {
                                width: 100%;
                                max-height: 120px;
                                object-fit: contain;
                                transition: var(--transition);
                            }
                        }

                        &.style_icon {
                            background: var(--white);
                            width: 72px;
                            height: 72px;
                            border-radius: var(--border-radius);
                            aspect-ratio: unset;
                            outline: 4px solid rgba(255, 255, 255, 0.33);
                        }

                        img {
                            width: 50%;
                            height: 50%;
                            object-fit: contain;
                            transition: var(--transition);
                        }
                    }

                    h4 {
                        font-family: var(--bold);
                        text-transform: uppercase;
                        margin: 6px 0px 0px 0px;
                    }

                    p {
                        opacity: 0.66;
                        margin-bottom: 0px;

                        &.link_title {
                            transition: var(--transition);
                            font-family: var(--bold);
                            opacity: 1;
                        }
                    }
                }
            }
        }
    }
}