@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');

img {
	transition: all 0.4s ease;
}
a, a:link, a:active, a:visited {
    text-decoration: none;
    color: #1a1a1a;
}
a:hover {
    color: #01a69e;
}
ul, li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.row>* {
    position: relative;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.flex-box {
    display: flex;
    flex-wrap: wrap;
}
.fullwidth {
    width: 100% !important;
}
.flex-top {
    align-content: flex-start !important;
}
.greybg {
    background-color: #f5f5f5 !important;
}
.primary-bg {
    background-color: #01a69e !important;
}
.primary-colr {
    color: #01a69e !important;
}
.bluebg {
    background-color: #156ab4 !important;
}
.shadow {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5) !important;
}
.size2x, .size2x * {
    font-size: 1.7em !important;
}
.lightbg {
    background-color: #fff;
}
.light-font > * {
    text-transform: uppercase;
}
.uppercase {
    text-transform: uppercase;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #01A69E;
    border: 2px solid #01A69E;
    color: #fff;
    transition: all 0.3s ease-in;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background-color: transparent;
    border: 2px solid #01A69E;
    color: #01A69E;
}
body {
    color: #000;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    line-height: 27px;
}
body.rtl {
    font-family: 'Cairo', sans-serif;
    font-weight: 400;
    word-spacing: 7px;
}
::selection, ::-webkit-selection {
    background-color: #01a69e;
    color: #fff;
}
body .btn-primary, .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #01a69e;
    border-color: #01a69e;
    color: #fff;
}
img {
    max-width: 100%;
}

/* ===================
    Font Styles
====================== */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'Rubik', sans-serif;
}
body.rtl h1, body.rtl body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6, body.rtl h1 a, body.rtl h2 a, body.rtl h3 a, body.rtl h4 a, body.rtl h5 a, body.rtl h6 a {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
}
h1, h1 a {
    font-size: 30px;
}
h2, h2 a {
    font-size: 24px;
}
h3, h3 a {
    font-size: 20px;
}
h4, h4 a {
    font-size: 15px;
}
h5, h5 a {
    font-size: 13px;
}
h6, h6 a {
    font-size: 10px;
}
div#wrapper {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

/* ===================
    Text Alignment
====================== */
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left !important;
}
.flex-right {
    display: flex;
    justify-content: flex-end !important;
}
.flex-center {
    display: flex;
    justify-content: center !important;
}
.flex-left {
    display: flex;
    justify-content: flex-start !important;
}

/* ===================
    Padding styles
====================== */
.padding-all-10 {
    padding: 10px !important;
}
.padding-all-20 {
    padding: 20px !important;
}
.padding-all-30 {
    padding: 30px !important;
}
.padding-all-40 {
    padding: 40px !important;
}
.padding-all-50 {
    padding: 50px !important;
}
.padding-all-60 {
    padding: 60px !important;
}
.padding-all-70 {
    padding: 70px !important;
}
.padding-all-80 {
    padding: 80px !important;
}
.padding-all-90 {
    padding: 90px !important;
}
.padding-all-100 {
    padding: 100px !important;
}
.padding-top-10 {
    padding-top: 10px !important;
}
.padding-top-20 {
    padding-top: 20px !important;
}
.padding-top-30 {
    padding-top: 30px !important;
}
.padding-top-40 {
    padding-top: 40px !important;
}
.padding-top-50 {
    padding-top: 50px !important;
}
.padding-top-60 {
    padding-top: 60px !important;
}
.padding-top-70 {
    padding-top: 70px !important;
}
.padding-top-80 {
    padding-top: 80px !important;
}
.padding-top-90 {
    padding-top: 90px !important;
}
.padding-top-100 {
    padding-top: 100px !important;
}
.padding-bottom-10 {
    padding-bottom: 10px !important;
}
.padding-bottom-20 {
    padding-bottom: 20px !important;
}
.padding-bottom-30 {
    padding-bottom: 30px !important;
}
.padding-bottom-40 {
    padding-bottom: 40px !important;
}
.padding-bottom-50 {
    padding-bottom: 50px !important;
}
.padding-bottom-60 {
    padding-bottom: 60px !important;
}
.padding-bottom-70 {
    padding-bottom: 70px !important;
}
.padding-bottom-80 {
    padding-bottom: 80px !important;
}
.padding-bottom-90 {
    padding-bottom: 90px !important;
}
.padding-bottom-100 {
    padding-bottom: 100px !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.margin-top-40 {
    margin-top: 40px !important;
}
.margin-top-50 {
    margin-top: 50px !important;
}
.margin-top-60 {
    margin-top: 60px !important;
}
.margin-top-70 {
    margin-top: 70px !important;
}
.margin-top-80 {
    margin-top: 80px !important;
}
.margin-top-90 {
    margin-top: 90px !important;
}
.margin-top-100 {
    margin-top: 100px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-bottom-30 {
    margin-bottom: 30px !important;
}
.margin-bottom-40 {
    margin-bottom: 40px !important;
}
.margin-bottom-50 {
    margin-bottom: 50px !important;
}
.margin-bottom-60 {
    margin-bottom: 60px !important;
}
.margin-bottom-70 {
    margin-bottom: 70px !important;
}
.margin-bottom-80 {
    margin-bottom: 80px !important;
}
.margin-bottom-90 {
    margin-bottom: 90px !important;
}
.margin-bottom-100 {
    margin-bottom: 100px !important;
}
.nomargin {
    margin: 0px !important;
}
.nopadding {
    padding: 0px !important;
}