/* Spectra 1 START  */
.spectra_1_wrap{
    background-color: var(--bg-white);
}
.spectra_1_wrap .spectra_sub_title{
    font-family: var(--font-rubik);
    font-size: var(--spectra-sub-title-size-1);
    font-weight: var(--spectra-sub-title-weight-1);
    color: var(--text-black);
}
.spectra_1_wrap .spectra_desc{
    font-family: var(--font-rubik);
    font-size: var(--spectra-sub-title-desc-size-1);
    font-weight: var(--spectra-sub-title-desc-weight-1);
    color: var(--text-black);
}
.spectra_1_wrap .spectra_explore_button{
    font-family: var(--font-rubik);
    font-size: var(--spectra-card-button-text-size-1);
    font-weight: var(--spectra-explore-button-weight-1);
    color: var(--spectra-explore-button-color-1);
    padding: 15px 20px;
    text-decoration: none;
}
.spectra_1_wrap .spectra_cards_wrap{
    gap: 15px;
    row-gap: 20px;
}
.spectra_1_wrap .spectra_card .spectra_card_link{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.spectra_1_wrap .spectra_card{
    position: relative;
    justify-items: center;
    transition: 0.4s linear;
    z-index: 1;
    border-radius: 10px;
    padding: 50px 20px;
    background-color: #F4F4F4;
}
.spectra_1_wrap .spectra_card::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-image: var(--box-bg-gradients-1);
    z-index: -1;
    opacity: 0;
    transition: 0.2s linear;
    border-radius: inherit;
}
.spectra_1_wrap .spectra_card:hover::before{
    opacity: 1;
}
.spectra_1_wrap .spectra_icon_wrap img{
    transition: 0.1s linear;
}
.spectra_1_wrap .spectra_card_title h5{
    font-family: var(--font-rubik);
    font-size: var(--spectra-card-title-size-1);
    font-weight: var(--spectra-card-title-weight-1);
    color: var(--spectra-card-title-color-1);
    transition: 0.2s linear;
}
.spectra_1_wrap .spectra_card_button{
    font-family: var(--font-rubik);
    font-size: var(--spectra-card-button-text-size-1);
    font-weight: var(--spectra-card-title-weight-1);
    color: var(--spectra-explore-button-color-02);
    text-decoration: none;
    transition: 0.2s linear;
}
.spectra_1_wrap .spectra_card:hover .spectra_icon_wrap img{
    filter: brightness(100);
} 
.spectra_1_wrap .spectra_card:hover .spectra_card_title h5{
    color: var(--spectra-card-title-active-color-1);
}
.spectra_1_wrap .spectra_card:hover .spectra_card_button{
    color: var(--spectra-explore-button-active-color-02);
}
/* Spectra 1 END */