/*********************************
/*  Feature Section Start
*********************************/
.feature__section {
    @include bg-props;
    padding: 20px 0 ;
}

.feature__wrapper {
    border: 1px solid rgba(var(--color-white-rgb), 0.2);
    max-width: 472px;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 8px;
    margin: auto;
    padding: 28px;
    backdrop-filter: blur(20px);
    
    &::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #D4D4D40A;
        filter: blur(20px);
        border-radius: 8px;
        z-index: -1;
    }

    .subtitle {
        font-family: var(--font-roboto);
        font-size: 16px;
        font-weight: var(--font-semibold);
        line-height: 22px;
        color: var(--color-white);
        text-transform: uppercase;
        margin: 6px 0 7px;

    }
    .title {
        font-family: var(--font-roboto);
        font-size: 40px;
        font-weight: var(--font-semibold);
        line-height: 46px;
        color: var(--color-white);
        text-transform: uppercase;
        margin-bottom: 12px;

    }
    .season {
        font-family: var(--font-roboto);
        font-size: 14px;
        font-weight: var(--font-regular);
        line-height: 22px;
        color: var(--color-white);
        margin-bottom: 16px;
    }
}

/*********************************
/*  Feature Section End
*********************************/