.brdr-rad8 {
    border-radius: 8px
}

.brdr-rad9 {
    border-radius: 9px
}

.brdr-rad12 {
    border-radius: 12px
}

.pos-rel {
    position: relative
}

.pos-stc {
    position: static
}

.pos-abs {
    position: absolute
}

.of-hdn {
    overflow: hidden
}

.container {
    margin: 0 auto
}

.container2 {
    margin: 0 auto;
    width: calc(100% - 40px)
}

.d-none {
    display: none
}

.d-flex {
    display: flex
}

.d-block {
    display: block
}

.d-inlnblk {
    display: inline-block
}

.pd4 {
    padding: 4px
}

.pd6 {
    padding: 6px
}

.pd10 {
    padding: 10px
}

.pd15 {
    padding: 15px
}

.pd20 {
    padding: 20px
}

.pd25 {
    padding: 25px
}

.pd30 {
    padding: 30px
}

.pdlr10 {
    padding-left: 10px;
    padding-right: 10px
}

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

.pdlr30 {
    padding-left: 30px;
    padding-right: 30px
}

.pdtb15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.pdtb6 {
    padding-top: 6px;
    padding-bottom: 6px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-0 {
    padding-bottom: 0
}

.pb-10 {
    padding-bottom: 10px
}

.pt-0 {
    padding-top: 0
}

.pt-5 {
    padding-top: 5px
}

.pt-30 {
    padding-top: 30px
}

.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pl-20 {
    padding-left: 20px
}

.pr-20 {
    padding-right: 20px
}

.al-i-center {
    align-items: center
}

.jus-c-center {
    justify-content: center
}

.jus-c-around {
    justify-content: space-around
}
.jus-s-between {
    justify-content: space-between
}

.t-left {
    text-align: left
}

.t-right {
    text-align: right
}

.t-center {
    text-align: center
}

.t-justify {
    text-align: justify
}

.mt-0 {
    margin-top: 0;
}

.mt-30 {
    margin-top: 30px
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-50 {
    margin-top: 50px
}

.mt-auto {
    margin-top: auto
}

.ml-auto {
    margin-left: auto
}

.ml-10 {
    margin-left: 10px
}

.ml-20 {
    margin-left: 20px
}

.mr-10 {
    margin-right: 10px
}

.mr-0 {
    margin-right: 0px
}

.mr-5 {
    margin-right: 5px
}

.mr-20 {
    margin-right: 20px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-50 {
    margin-bottom: 50px
}

.mtb-10 {
    margin-bottom: 10px;
    margin-top: 10px
}

.mtb-15 {
    margin-bottom: 15px;
    margin-top: 15px
}

.mtb-20 {
    margin-bottom: 20px;
    margin-top: 20px
}

.mlr-auto {
    margin-left: auto;
    margin-right: auto
}

.ft-11 {
    font-size: 11px
}

.ft-12 {
    font-size: 12px
}

.ft-13 {
    font-size: 13px
}

.ft-15 {
    font-size: 15px
}

.ft-16 {
    font-size: 16px
}

.ft-18 {
    font-size: 18px
}

.ft-21 {
    font-size: 21px
}

.ft-22 {
    font-size: 22px
}

.ft-34 {
    font-size: 34px
}

.ft-20 {
    font-size: 20px
}

.ft-24 {
    font-size: 24px
}

.ft-26 {
    font-size: 26px
}

.ft-28 {
    font-size: 28px
}

.ft-30 {
    font-size: 30px
}

.ftw-400 {
    font-weight: 400
}

.ftw-500 {
    font-weight: 500
}

.ftw-700 {
    font-weight: 500
}

.col-red {
    color: var(--colred)
}

.col-blu {
    color: var(--colblu)
}

.col-blk {
    color: #000
}

.col-wht {
    color: #fff
}

.col2 {
    color: var(--darkgrey)
}

.bgWhite {
    background-color: #fff
}

.width-100p {
    width: 100%
}

.width-50p {
    width: 50%
}

.width-80p {
    width: 80%
}

.width-95p {
    width: 95%
}

.t-uppercase {
    text-transform: uppercase
}

.ml-auto {
    margin-left: auto
}

.lh-1pt {
    line-height: 1;
}

.lh-1pt3 {
    line-height: 1.3
}

.lh-1pt4 {
    line-height: 1.4
}

.lh-1pt5 {
    line-height: 1.5
}

.lh-1pt7 {
    line-height: 1.7
}

.fs2 {
    font-family: var(--ff-two)
}

.hstyl1 {
    background-color: var(--c2);
    margin: 0 auto;
    color: #fff;
    padding: 10px 20px;
    border-radius: 40px;
    font-size: 26px;
    position: relative
}

    .hstyl1:after, .hstyl1:before {
        content: '';
        position: absolute;
        top: 50%;
        border-bottom: 2px solid var(--c2);
        width: 10vw;
        margin: 0 10px
    }

    .hstyl1:before {
        right: 100%
    }

    .hstyl1:after {
        left: 100%
    }

.outl_non {
    outline: 0
}

.bordr_non {
    border: none
}

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

.col-grey {
    color: var(--colgrey);
}

.cursor_pointer {
    cursor: pointer;
}

.bg_grey {
    background-color: #F2F4F8;
}

.text-hover-underline:hover {
    text-decoration: underline;
}

.jus-s-left {
    justify-self: left;
}

.fill-white {
    fill: white;
}

.stroke-white {
    stroke: white;
}

.svg-font-size {
    width: 1em;
    height: 1em;
}

.gap-15 {
    column-gap: 15px;
}

.gap-20 {
    column-gap: 20px;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.left-0 {
    left: 0;
}   

.right-0 {
    right: 0;
}

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

.flex-column {
    flex-direction: column;
}