article.expertcorner-article {
    display       : flex;
    flex-direction: column;
    gap           : 2rem;

    .article-content,
    .header-container,
    .authors {
        width : 100%;
        margin: auto;

        @media only screen and (min-width: 575px) {
            width: 90%;
        }
    }

    h1,
    div.title {
        font-family: "Paralucent", Sans-serif;
        font-size  : 50px;
        font-weight: 500;
        line-height: 1.2em;
        text-align : left;

        &.title {
            @media only screen and (max-width: 575px) {
                font-size  : 28px;
                line-height: 36px;
            }
        }
    }

    .header-container figure .name {
        font-family: "Paralucent", Sans-serif;
        font-size  : 30px;
        font-weight: 400;
        text-align : left;
        line-height: normal;
        color      : #012635;
        transition : all 0.3s;
    }

    .date-country {
        color      : #1B18208A;
        font-size  : 14px;
        text-align : left;
        display    : flex;
        font-family: "Geist", Sans-serif;
        gap        : 7px;
        line-height: 34px;

        p {
            margin: 0;
        }

        @media only screen and (max-width: 575px) {
            flex-wrap  : wrap;
            line-height: initial;
        }
    }

    .feature-image {
        img {
            width        : 100%;
            height       : 100%;
            object-fit   : cover;
            border-radius: 10px;
        }
    }

    .article-content {
        &>* {
            font-family: "Geist", Sans-serif;
            font-size  : 18px;
            font-weight: 500;
            line-height: 30px;
            text-align : left;

            @media only screen and (max-width: 575px) {
                font-size  : 16px;
                line-height: 26px;
            }
        }

        a {
            color: #175cff;

            &:hover {
                text-decoration: underline;
            }
        }

        &>h1,
        &>h2 {
            margin-block   : 4rem 0;
            font-family    : "Paralucent", Sans-serif;
            font-size      : 1.5rem;
            line-height    : 40px;
            font-weight    : 500;
            text-decoration: none;

            @media only screen and (min-width: 575px) {
                font-size  : 2rem;
                line-height: 45px;
            }
        }

        &>h2>ins {
            font-family    : "Paralucent", Sans-serif;
            font-size      : 1.5rem;
            line-height    : 40px;
            font-weight    : 500;
            text-decoration: none;

            @media only screen and (min-width: 575px) {
                font-size  : 2rem;
                line-height: 45px;
            }
        }

        &>h1:first-child {
            margin: 0;
        }

        &>p {
            margin-block: 40px;
        }

        @media only screen and (max-width: 575px) {
            overflow: auto;
        }
    }

    .article-url {
        a {
            background-color: #175cff;
            color           : #FFF;
            font-family     : "Geist", sans-serif;
            font-size       : 15px;
            line-height     : 1;
            font-weight     : 500;
            border-radius   : 30px;
            padding         : 15px 30px;
            width           : min-content;
            display         : flex;
            white-space     : nowrap;

            i {
                font-family: "Font Awesome 6 Pro";
                font-size  : 15px;
            }
        }
    }

    .authors {
        display              : grid;
        grid-template-columns: repeat(auto-fit, minmax(0, 550px));
        gap                  : 1rem;

        h3 {
            font-family: "Paralucent", Sans-serif;
            font-style : normal;
            font-size  : 32px;
            font-weight: 600;
            line-height: 45px;
            grid-column: -1/1;
        }

        .name {
            font-family: "Paralucent", Sans-serif;
            font-style : normal;
        }

        .author {
            display              : grid;
            grid-template-columns: 90px 1fr;
            align-items          : center;
            border-radius        : 25px;
            background           : #F7F8FC;
            padding              : 30px;
            gap                  : 1.5rem;

            @media only screen and (max-width: 575px) {
                margin-bottom: 20px;
                grid-template-columns: 70px 1fr;
            }

            img {
                object-fit   : cover;
                border-radius: 50%;
            }

            .name {
                font-size  : 24px;
                font-weight: 600;
                line-height: 40px;

                @media only screen and (max-width: 575px) {
                    font-size  : 20px;
                    line-height: 36px;
                }
            }

            .company {
                font-family: Geist;
                font-size  : 16px;
                font-style : normal;
                font-weight: 500;
                line-height: 26px;

                @media only screen and (max-width: 575px) {
                    font-size  : 14px;
                    line-height: 20px;
                }
            }
        }
    }
}

.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) {
    figure.feature-image {
        height    : 31.25rem;
        margin-top: 2.375rem;
    }

    article .header-container figure {
        display      : flex;
        align-items  : center;
        gap          : 10px;
        margin-top   : 25px;
        margin-bottom: 40px;
    }
}