@import url(/css/styles/index.css);
@import url(/css/layout/index.css);

@import url(/css/components/index.css);
@import url(/css/buttons/index.css);
@import url(/css/containers/phone-three-box.css);
@import url(/css/containers/three-box-small.css);
@import url(/css/containers/feature-twobox.css);
@import url(/css/containers/ten-box2.css);
@import url(/css/components/message-banner.css);
@import url(/css/components/rate-square.css);
@import url(/css/containers/mini-scrollbar-natural.css);

@import url(/css/containers/ticker.css);
@import url(../../animation-refactored/css/index.css);

@import url(/css/containers/signup-container.css);
@import url(/css/containers/benefit-container.css);

@import url(/css/containers/filter-menu.css);

#calculator-section,
#guide-section,
#calculator-section-title,
#guide-section-title {
display: flex;
flex-direction: row;
justify-content: start;
text-align: left;
width: 100%;
padding: 0;

}

#calculator-section-title,
#guide-section-title {
    padding-bottom: 10px;
}

#guide-section {
    padding: 30px 0 0 0;
}


@media screen and (max-width: 767px) {
#calculator-section,
#guide-section {
width: 100%;
flex-direction: column;
padding: 45px 0 0 0;
}

.credit-label {
    display: none;
  }


.filter2-menu-item {        
    width: fit-content;        
    min-width: 105px;
    }    

.filter-menu-item-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 8px;
    }

    .filter2-menu-item {
        margin: 0;
        height: 34px;
        padding: 5px;
        line-height: 22px;
        font-size: 11.5px;
        }    
}