/* H2 Subheadings */
h2.h2-subheading , h1.h2-subheading {
    margin-bottom: 0;
    font-family: var(--heading-font);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	text-transform: uppercase;
}
h2.h2-subheading span, h1.h2-subheading span{
    background-color: var(--color-primary);
    display: inline-block;
    padding: 10px 50px 10px 20px;
    color: var(--color-white);
    box-shadow: var(--heading-shadow);
    /* margin-bottom: 40px; */
    text-transform: uppercase;
}

.stc-subheading .h2-label {
    display: block;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    margin-top: 10px;
    font-family: var(--text-font);
    text-transform: uppercase  ;
    color: var(--color-primary)

}

@media screen and (max-width:480px) {
    h2.h2-subheading , h1.h2-subheading  {
        text-align: center;
    }

    h2.h2-subheading span, h1.h2-subheading span  {
        color: var(--color-primary);
        background-color: transparent;
        padding: 0;
        box-shadow: none;
        display: grid;
        grid-template-columns: 1fr minmax(auto, 80%) 1fr;
        align-items: center;
        justify-content: center;
        column-gap: 5px;
        overflow-wrap: break-word;
    }

    h2.h2-subheading span:before,
    h2.h2-subheading span:after,
    h1.h2-subheading span:before,
    h1.h2-subheading span:after
     {
        content: "";
        display: inline-block;
        height: 2px;
        background-color: var(--color-secondary);
    }
    

    @supports not (aspect-ratio: 1/1) {
        h2.h2-subheading span,  h1.h2-subheading span {
            column-gap: 0;
        }

        h2.h2-subheading span:before, h1.h2-subheading span:before {
            margin-right: 5px;
        }
        h2.h2-subheading span:after, h1.h2-subheading span:after {
            margin-left: 5px;
        }

        
    }

}

/* H3 Subheadings */
h3.h3-subheading {
    color: var(--color-primary);
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    margin-bottom: 20px;
}

h3.h3-subheading:after {
    content: "";
    height: 2px;
    background-color: var(--color-secondary);
    margin-left: 20px;
}

/* Male Normal Texts like label */
.stc-label {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 600;
}

.stc-xs-text {
    font-size: 0.95rem;
}

.large-text {
    font-size: 20px;
}

.small-text {
     font-size: 14px;
}