@charset "utf-8";
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
}

body{background-color : #fff ;font-family: 'Roboto', sans-serif;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;font-size:14px;color:#000;font-weight: 400;line-height: 24px;}
body, html { height: 100%; -moz-osx-font-smoothing: grayscale;}
a, a:active, a:focus {
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: 500;
}

a:hover, a:active {
    color: #5793d4;
    text-decoration: none;
}
@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1170px !important;
    }
}

.no-padding{
    padding: 0 !important;
}
a:focus, a:active,
button:focus, button:active,
.btn.active.focus, .btn.active:focus,
.btn.focus, .btn:active.focus,
.btn:active:focus, .btn:focus {
    outline: none;
}

img {max-width:100%; height:auto; }
section {
    padding: 50px 0;
    overflow: hidden;
}

#content {
    background-color: #eee;
    height: 100vh;

}

.back-orange {background-color:#5793d4;}
.back-black {background-color:#0054a6;}
.back-extra-blue-gray {background-color:#034ea2;}
.back-extra-dark-gray {background-color:#1c1c1c;}
.back-dark-gray {background-color:#757575;}
.back-extra-medium-gray {background-color:#939393;}
.back-medium-gray {background-color:#dbdbdb;}
.back-extra-light-gray {background-color:#e0e0e0}
.back-medium-light-gray {background-color:#ededed}
.back-light-gray {background-color:#f0f0f0}
.back-very-light-gray {background-color:#fafafa}
.back-deep-pink {background-color:#5793d4;}
.back-white-opacity { background-color: rgba(255, 255, 255, 0.85); }
.back-black-opacity-light { background-color: rgba(0, 0, 0, 0.5); }
.back-deep-pink-opacity {background-color: rgba(255, 33, 79, 0.85);}
.back-charcoal-gray{background-color: #0e0f10;}


/* text size */
.text-extra-small {font-size:12px; line-height:14px}
.text-small {font-size:14px; line-height:20px}
.text-medium {font-size:16px; line-height:23px}
.text-large {font-size:18px; line-height:26px}
.text-extra-large {font-size: 20px; line-height:26px}
.title-large {font-size: 100px; line-height:95px}
.title-extra-large {font-size: 130px; line-height:120px}

/* text color */
.text-white {color:#FFF}
.text-black {color:#000}
.text-blue {color:#034ea2;}
.text-red {color:#ff3f3f;}
.text-orange {color:#5793d4;}
.text-extra-dark-gray {color:#232323}
.text-dark-gray {color:#626262}
.text-extra-medium-gray {color:#757575}
.text-medium-gray {color:#939393}
.text-extra-light-gray {color:#b7b7b7}
.text-light-gray {color:#d6d5d5}
.text-very-light-gray {color:#ededed}
.text-deep-pink {color:#5793d4}

/* font family */
.alt-font {font-family: 'Roboto', sans-serif; font-weight: 500}
.main-font {font-family: 'Roboto', sans-serif;}



/* text size */
.text-extra-small {font-size:12px; line-height:14px}
.text-small {font-size:14px; line-height:20px}
.text-medium {font-size:16px; line-height:23px}
.text-large {font-size:18px; line-height:26px}
.text-extra-large {font-size: 20px; line-height:26px}
.title-large {font-size: 100px; line-height:95px}
.title-extra-large {font-size: 130px; line-height:120px}


table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #333;
    margin-bottom: 1.5rem;
}

th,
td {
    padding: 10px 15px;
    text-align: left;
    border: 1px solid #9f9b9b;
}

th {
    background-color: #f5f5f5;
    font-weight: 600;
}

tr:nth-child(even) {
    background-color: #fafafa;
}

tr:hover {
    background-color: #f0f8ff;
}