/* font family */

.ff-E-L {
    font-family: "Epilogue", sans-serif;
    font-weight: 300 !important;
}

.ff-E-R {
    font-family: "Epilogue", sans-serif;
    font-weight: 400 !important;
}

.ff-E-M {
    font-family: "Epilogue", sans-serif;
    font-weight: 500 !important;
}

.ff-E-SB {
    font-family: "Epilogue", sans-serif;
    font-weight: 600 !important;
}

.ff-E-R-O {
    font-family: "Oswald", sans-serif;
    font-weight: 100 !important;
}

.ff-E-M-O {
    font-family: "Oswald", sans-serif;
    font-weight: 500 !important;
}

.ff-E-SB-O {
    font-family: "Oswald", sans-serif;
    font-weight: 600 !important;
}

.input-box {
    font-family: "Epilogue", sans-serif;
    font-weight: 300 !important;
    font-size: 12px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* color: #000000;
    opacity: 0.4; */
}

.input-box::placeholder {
    font-family: "Epilogue", sans-serif;
    font-weight: 300 !important;
    font-size: 12px;
}

/* font size */

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-21 {
    font-size: 21px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-23 {
    font-size: 23px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-27 {
    font-size: 27px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-29 {
    font-size: 29px !important;
}

.fs-30 {
    font-size: 30px !important;
}

/* font weight */

.fw-300 {
    font-weight: 300px !important;
}

.fw-500 {
    font-weight: 500px !important;
}

.fw-700 {
    font-weight: 700px !important;
}

.fw-900 {
    font-weight: 900px !important;
}

/* line height */

.lh-15 {
    line-height: 15px;
}

.lh-22 {
    line-height: 22px;
}

.lh-25 {
    line-height: 25px;
}

.lh-30 {
    line-height: 30px;
}

.lh-35 {
    line-height: 35px;
}

/* flex properties */

.d-flex {
    display: flex;
}

.d-flex-a-cen {
    display: flex;
    align-items: center;
}

.d-flex-cen {
    display: flex;
    justify-content: center;
    align-items: center;
}

.d-flex-sb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.d-flex-sb-only {
    display: flex;
    justify-content: space-between;
}

.flex-wrap {
    flex-wrap: wrap;
}

/* margin */

.mr-0 {
    margin: 0px !important;
}

.mr-left-auto {
    margin: 0px auto !important;
}

.mr-0 {
    margin: 0px !important;
}

.mr-l-5 {
    margin-left: 5px;
}

.mr-l-20 {
    margin-left: 20px;
}

.mr-r-25 {
    margin-right: 25px;
}

.mr-r-50 {
    margin-right: 30px !important;
}

.mr-r-15 {
    margin-right: 15px !important;
}

.mr-r-10 {
    margin-right: 10px !important;
}

.mr-b-5 {
    margin-bottom: 5px !important;
}

.mr-b-0 {
    margin-bottom: 0px !important;
}

.mr-b-10 {
    margin-bottom: 10px !important;
}

.mr-b-15 {
    margin-bottom: 15px !important;
}

.mr-b-20 {
    margin-bottom: 20px !important;
}

.mr-b-25 {
    margin-bottom: 25px !important;
}

.mr-b-30 {
    margin-bottom: 30px !important;
}

.mr-b-35 {
    margin-bottom: 35px !important;
}

.mr-b-40 {
    margin-bottom: 40px !important;
}

.mr-b-80 {
    margin-bottom: 80px !important;
}

.mr-t-5 {
    margin-top: 5px !important;
}

.mr-t-10 {
    margin-top: 10px !important;
}

.mr-t-15 {
    margin-top: 15px !important;
}

.mr-t-25 {
    margin-top: 25px !important;
}

.mr-t-30 {
    margin-top: 30px !important;
}

.mr-t-35 {
    margin-top: 35px !important;
}

.mr-t-90 {
    margin-top: 90px !important;
}

.mr-t-50 {
    margin-top: 50px !important;
}

.mr-t-180 {
    margin-top: 180px !important;
}

/* padding */

.pd-0 {
    padding: 0px !important;
}

/* text color */

.txt-grey {
    color: var(--light-grey) !important;
}

.txt-white {
    color: var(--whte-color);
}

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

.txt-yellow {
    color: yellow;
}

.txt-red {
    color: red;
}

/* width */

.wd-20 {
    width: 20px !important;
}

.wd-5 {
    width: 5px;
}

.wd-10 {
    width: 10px;
}

.wd-15 {
    width: 15%;
}

.wd-24 {
    width: 25% !important;
}

.wd-25 {
    width: 25% !important;
}

.wd-85-auto {
    width: 85%;
    margin: 0px auto;
}

.wd-47 {
    width: 47% !important;
}

.wd-100 {
    width: 100% !important;
}

/* line break */

.w-s-pre-wrap {
    white-space: pre-wrap;
}

/* text cenetr */

.txt-center {
    text-align: center;
}

.txt-right {
    text-align: right;
}

.txt-left {
    text-align: left;
}

.jutify-self {
    justify-self: center !important;
}

.txt-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* cursor pointer */

.c-pointer {
    cursor: pointer !important;
}

/* display property */

.d-none {
    display: none;
}

.rotate-180 {
    transform: rotate(180deg);
}

.btn {
    padding: 10px;
    color: white;
    border-radius: 30px;
    border: none;
    opacity: .8;
}

.blackBtn:hover {
    transition: 1s;
    color: white;
    background-color: rgb(43, 42, 42);
}

.blueBtn:hover {
    transition: 1s;
    color: white;
    background: transparent linear-gradient(101deg, #1458b1 0%, #0045CB 100%)
}

.blackBtn {
    background-color: black;
}

.blueBtn {
    background: transparent linear-gradient(101deg, #388EFF 0%, #0045CB 100%)
}

.opacity-9 {
    opacity: .8;
}

.aboutnavbar .rm-sticky {
    background-color: var(--blue-color) !important;
    transition: 0.2s all ease-in;
    box-shadow: none;
}

.rm-sticky {
    background-color: transparent !important;
    transition: 0.2s all ease-in;
    box-shadow: none;
}

.sticky {
    background-color: var(--whte-color);
    box-shadow: 0px 5px 20px var(--light-grey);
    transition: 0.2s all ease-in;
    z-index: 3 !important;
}

.z-index-0 {
    z-index: 0 !important;
}

.z-index-3 {
    z-index: 3 !important;
}