:root {
    --primary-color : #00aeef;
    --secondary-color : #94d8f1;
    /*--secondary-color : #b8ebff;*/

    --font-family-regular : Lato_Regular;
    --font-family-bold : Lato_Bold;
    --font-family2-regular : Raleway_Regular;
    --font-family2-bold : Raleway_Bold;
}
.ff-bold {
    font-family: var(--font-family-bold) !important;
}
.ff2-bold {
    font-family: var(--font-family2-bold) !important;
}
.c-primary {
    color : var(--primary-color) !important;
}
.c-white {
    color : white !important;
}
.c-black {
    color : black !important;
}
.c-grey {
    color : grey !important;
}
.c-red {
    color : red !important;
}
/* -----Common Alignment */
.horizontal-center {
    display: block !important;
    margin: 0 auto 0 auto !important;
}
.vertical-center {
    display: block !important;
    margin: auto 0 auto 0!important;
}
.d-inline-block {
    display: inline-block !important;
}
.float-right {
    float: right !important;
}

/* -----Position */
.pos_absolute {
    position: absolute !important;
}
/* -----Position */
.object-fit-cover {
    object-fit: cover;
}

/* -----Display class */
.d-block {
    display: block !important;
}
.d-flex {
    display: flex !important;
}
.d-flex-space-between {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.d-flex-center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.d-flex-column {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}


/* -----Margins class */
.mt-0 {
    margin-top: 0px !important;
}
.mt-2 {
    margin-top: 2px !important;
}
.mt-4 {
    margin-top: 4px !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-12 {
    margin-top: 12px !important;
}
.mt-14 {
    margin-top: 14px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mt-18 {
    margin-top: 18px !important;
}
.mt-20 {
    margin-top: 20px !important;
}

.mr-0 {
    margin-right: 0px !important;
}
.mr-2 {
    margin-right: 2px !important;
}
.mr-4 {
    margin-right: 4px !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.mr-10 {
    margin-right: 10px !important;
}
.mr-12 {
    margin-right: 12px !important;
}
.mr-14 {
    margin-right: 14px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.mr-16 {
    margin-right: 16px !important;
}
.mr-18 {
    margin-right: 18px !important;
}
.mr-20 {
    margin-right: 20px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}
.mb-2 {
    margin-bottom: 2px !important;
}
.mb-4 {
    margin-bottom: 4px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-12 {
    margin-bottom: 12px !important;
}
.mb-14 {
    margin-bottom: 14px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.mb-18 {
    margin-bottom: 18px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.ml-0 {
    margin-left: 0px !important;
}
.ml-2 {
    margin-left: 2px !important;
}
.ml-4 {
    margin-left: 4px !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-12 {
    margin-left: 12px !important;
}
.ml-14 {
    margin-left: 14px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.ml-16 {
    margin-left: 16px !important;
}
.ml-18 {
    margin-left: 18px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.ml-26 {
    margin-left: 26px !important;
}

/* -----Padding-all class */
.p-10{
    padding: 10px !important;
}

/* -----Padding-top class */
.pt-0 {
    padding-top: 0 !important;
}
.pt-4 {
    padding-top: 4px !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-6 {
    padding-top: 6px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-14 {
    padding-top: 14px !important;
}
.pt-16 {
    padding-top: 16px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-60 {
    padding-top: 60px !important;
}

/* -----Padding-bottom class */
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}

/* -----Padding-left class */
.pl-0 {
    padding-left: 0 !important;
}
.pl-1 {
    padding-left: 1px !important;
}
.pl-2 {
    padding-left: 2px !important;
}
.pl-4 {
    padding-left: 4px !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.pl-6 {
    padding-left: 6px !important;
}
.pl-8 {
    padding-left: 8px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pl-80 {
    padding-left: 80px !important;
}

/* -----Padding-right class */
.pr-0 {
    padding-right: 0 !important;
}
.pr-1 {
    padding-right: 1px !important;
}
.pr-2 {
    padding-right: 2px !important;
}
.pr-4 {
    padding-right: 4px !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pr-6 {
    padding-right: 6px !important;
}
.pr-8 {
    padding-right: 8px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pr-20 {
    padding-right: 20px !important;
}

/* -----Padding-horizontal class */
.ph-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.ph-10 {
    padding-left: 10% !important;
    padding-right: 10% !important;
}
.ph-20 {
    padding-left: 20% !important;
    padding-right: 20% !important;
}
.ph-30 {
    padding-left: 30% !important;
    padding-right: 30% !important;
}

/* -----Margin-horizontal class */
.mh-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mh-10 {
    margin-left: 10% !important;
    margin-right: 10% !important;
}
.mh-20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
}
.mh-30 {
    margin-left: 30% !important;
    margin-right: 30% !important;
}


/* -----Font-size class */
.fs-10 {
    font-size: 10px !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-22 {
    font-size: 22px !important;
}.fs-22 {
    font-size: 22px !important;
}
.fs-24 {
    font-size: 24px !important;
}
.fs-30 {
    font-size: 30px !important;
}
.fs-40 {
    font-size: 40px !important;
}

/* -----Font-weight class */
.fw-bolder {
    font-weight: bolder !important;
}
.text-bold {
    font-weight: bold !important;
}

/* -----Width class */
.max-width-100 {
    max-width: 100px !important;
}

/* -----Height class */
.height-auto {
    height: auto !important;
}

/* -------------------- Color class */
.bg_white{
    background: white!important;
}

.list-style-none {
    list-style-type: none !important;
}