/* This File cotains Styles for the Multiple components used in Combinations */
.paragraph--view-mode--columns-equal-height-without-spacebtw div[class^='col-']
{
    padding: 0;
}

@media (max-width: 991.98px)
{
    .paragraph--view-mode--columns-equal-height-without-spacebtw div.col-12 .row
    {
        flex-direction: column-reverse;
    }
}

.paragraph--view-mode--columns-equal-height-without-spacebtw .paragraph
{
    height: 100%;
    /*  Rich Content Styling */
    /*  Countdown Block Styling */
}

.paragraph--view-mode--columns-equal-height-without-spacebtw .paragraph .lnk
{
    font-weight: bold;
    line-height: 1.5rem;
}

.paragraph--view-mode--columns-equal-height-without-spacebtw .paragraph .lnk:after
{
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    display: inline-block;

    width: 15px;
    height: 14px;
    margin-left: 7px;

    content: '\f061';
    transition: .3s ease-in;

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}

.paragraph--view-mode--columns-equal-height-without-spacebtw .paragraph .lnk:hover:after
{
    transform: translateX(50%);
}

.paragraph--view-mode--columns-equal-height-without-spacebtw .paragraph .text-formatted
{
    width: 75%;
    margin: 0 auto;
}

@media (max-width: 991.98px)
{
    .paragraph--view-mode--columns-equal-height-without-spacebtw .paragraph .text-formatted
    {
        text-align: center;
    }
}

.paragraph--view-mode--columns-equal-height-without-spacebtw .paragraph .block-inspired-countdown-block .count-down-content
{
    margin-top: 20px;
}

.paragraph--view-mode--columns-equal-height-without-spacebtw .paragraph .block-inspired-countdown-block .count-down-content h2
{
    font-size: 1rem;
    font-weight: 500;
    line-height: 24px;

    margin-bottom: 12px;

    letter-spacing: 4px;
    letter-spacing: 2px;
    text-transform: uppercase;
}