p {
    font-size: 15px;
    line-height: 20px;
}

body {
    font-family: 'Inter' !important;
    background-color: #fff;
    color: #222;
    margin: 0;
}

.h2,h2 a,h2 span  {
    font-family: 'Inter' !important;
}

.groove-section {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
}

.width-fit {
    width: fit-content;
}

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

.font15 {
    font-size: 15px !important;
    line-height: 20px !important;
}

.relative {
    position: relative;
}

.color {
    color: #E60078;
}

.color-white {
    color: #fff;
}

.color-black {
    color: #000;
}

.color-blue {
    color: #3381F2;
}

.color-red {
    color: red;
}

.font-bold2x {
    font-weight: bold;
}

.font-bold {
    font-weight: 700;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.color-222 {
    color: #222;
}

.color-444 {
    color: #444;
}

.grid {
    display: grid;
}

.flex {
    display: flex;
}

img {
    max-width: 100%;
}

.grid11 {
    grid-template-columns: 1fr 1fr;
}

.font17 {
    font-size: 17px !important;
    line-height: 24px !important;
}

.font24 {
    font-size: 24px !important;
    line-height: 32px !important;
}

.font28 {
    font-size: 28px !important;
    line-height: 36px !important;
}

.font36{
    font-size: 36px !important;
    line-height: 46px !important;
}

h2 span,
h3 span,
h4 span {
    font-size: inherit !important;
    line-height: inherit !important;
}

.cursor {
    cursor: pointer;
}

.m0 {
    margin: 0;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mb0 {
    margin-bottom: 0;
}

.mb5 {
    margin-bottom: 5px;
}

.mb7 {
    margin-bottom: 7px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb60 {
    margin-bottom: 60px;
}

.p0 {
    padding: 0;
}

.p20 {
    padding: 20px;
}

.pl20 {
    padding-left: 20px;
}

.decoration-none {
    text-decoration: none;
}

.padding-section50 {
    padding: 50px 0;
}

.padding-section70 {
    padding: 70px 0;
}

.padding-section75 {
    padding: 75px 0;
}

.justify-space {
    justify-content: space-between;
}

.align-center {
    align-items: center;
}

@media only screen and (max-width: 767px) {

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

    .mm0 {
        margin: 0;
    }

    .mmt10 {
        margin-top: 10px;
    }

    .mmt20 {
        margin-top: 20px;
    }

    .mmt40 {
        margin-top: 40px;
    }

    .mmb5 {
        margin-bottom: 10px;
    }

    .mmb10 {
        margin-bottom: 10px;
    }

    .mmb15 {
        margin-bottom: 15px;
    }

    .mmb20 {
        margin-bottom: 20px;
    }

    .mmb30 {
        margin-bottom: 30px;
    }

    .mp0 {
        padding: 0;
    }

    .mpb30 {
        padding-bottom: 30px;
    }

    .mpb50 {
        padding-bottom: 50px !important;
    }

    .mplr {
        padding-left: 15px;
        padding-right: 15px;
    }

    .font28m {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .font20m {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .font17m {
        font-size: 17px !important;
        line-height: 24px !important;
    }

    .font15m {
        font-size: 15px !important;
        line-height: 20px !important;
    }
}