:root{
    --adx-blue: #0CA7EA;
    --adx-blue-dark: #086F9C;
    --adx-black: #282828;
    --adx-red: rgb(255,64,64);
    --adx-gray-lg: #F4F5F5;

    --color_15: rgb(14,14,14);
    --color_18: rgb(12,167,234);
    --color_32: rgb(98,203,238);    

    --bg-gradient-blue: linear-gradient(0deg, rgb(148, 239, 255)  0%, rgb(203, 249, 255) 100%);

    --font_8: normal normal normal 18px/1.75em avenir-lt-w01_35-light1475496,avenir-lt-w05_35-light,sans-serif;
}

.adx-bg-blue{
    background-color: var(--adx-blue);
}

.adx-blue{
    color: var(--adx-blue);
}

.adx-blue-dark{
    color: var(--adx-blue-dark);
}

.adx-blue-dark:hover {
    color: var(--adx-black);
}

.adx-grad-blue {
    background-color: var(--bg-overlay-color);
    background-image: var(--bg-gradient-blue);
}

.btn-outline-adx-blue-drk{
    color: var(--adx-blue-dark);
    border-color: var(--adx-blue-dark);
  }
  
.btn-outline-adx-blue-drk:hover {
    color: white;
    background-color: var(--adx-blue-dark);
    border-color: var(--adx-blue-dark);
}

.btn-outline-adx-red{
    color: var(--adx-red);
    background-color: var(--adx-gray-lg);
    border-color: var(--adx-red);
  }
  
.btn-outline-adx-red:hover {
    color: white;
    background-color: var(--adx-red);
    border-color: var(--adx-gray-lg);
}

.btn-outline-adx-white{
    color: var(--adx-gray-lg);
    background-color: transparent;
    border-color: var(--adx-gray-lg);
}

.btn-outline-adx-white:hover {
    color: white;
    background-color: var(--adx-blue);
    border-color: var(--adx-blue);
}

.adx-bg-welcome{
    background-color: rgb(10,10,10);
    opacity: 0.9;
}

.adx-bg-overlay-1{
    background-color: rgba(14,14,14, 0.4);
}

.adx-bg-overlay-2{
    background-color: rgba(12,167,234, 0.4);
}

.adx-bg-overlay-3{
    background-color: rgba(98,203,238, 0.4);
}