:root {
    --navbar-color: rgba(51, 54, 67, 1);
    --navbar-color-opacity: rgba(51, 54, 67, 0.85);
    --linear-gradient: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 100%);
    --text-color: #DEE5EE;
    --signal-color-yellow: #EA982A;
    --signal-color-red: #C11C3E;
    --signal-color-blue: ##16AFA3;
    --button-color: #44A4D1;
    --default-white-color: #FFFFFF;
    --causten-font: 'Causten';
    --font-size-title: 52;
    --font-size-subtext: 22;
}


@font-face {
    font-family: 'Causten';
    src: url('/fonts/Causten-SemiBold.woff2') format('woff2'),
        url('/fonts/Causten-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Causten';
    src: url('/fonts/Causten-Light.woff2') format('woff2'),
        url('/fonts/Causten-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Causten';
    src: url('/fonts/Causten-Regular.woff2') format('woff2'),
        url('/fonts/Causten-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Causten';
    src: url('/fonts/Causten-Bold.woff2') format('woff2'),
        url('Causten-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

/*------------------------------------*/

/*------------------------------*/

/* Feature Banner Section */

.feature_banner_section{
  margin-top: 55px;
  background-color: var(--text-color);
}

.feature_list_section{
    
    padding-bottom: 10px;
    background-color: var(--default-white-color);
}

.feature_list{
    list-style: none;
}