.h-full, .wh-full {
    height: 100%
}

.center-all, .text-center {
    text-align: center
}


.center-all, .center-hor, .center-ver, .dp-flex {
    display: flex
}


.w-full, .wh-full {
    width: 100%
}

.cursor-pt {
    cursor: pointer
}

.h-root-color:hover, .root-color {
    color: var(--root) !important;
    transition: .4s
}

.radius-6 {
    border-radius: 6px
}

.radius-15 {
    border-radius: 15px
}

.radius-50 {
    border-radius: 50px
}

.root-bg {
    background: var(--root);
    transition: .4s
}

.root-color-hover:hover {
    transition: .4s;
    color: var(--root) !important
}

.text-white {
    color: #fff;
    transition: .4s
}

.bg-white, .bg-white-hover:hover {
    background: #fff;
    transition: .4s
}

.fw-3 {
    font-weight: 300
}

.fw-4 {
    font-weight: 400
}

.fw-5 {
    font-weight: 500
}

.fw-7 {
    font-weight: 700
}

.fw-9 {
    font-weight: 900
}

.p-0 {
    padding: 0
}

.m-0 {
    margin: 0
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.bt-0 {
    bottom: 0
}

.top-0 {
    top: 0
}

.p-5 {
    padding: 5px
}

.m-5 {
    margin: 5px
}

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

.pbt-5 {
    padding-bottom: 5px
}

.pbt-50 {
    padding-bottom: 50px
}

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

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

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

.mbt-60 {
    margin-bottom: 60px
}

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

.p-40 {
    padding: 40px
}

.pt-12_5 {
    padding-top: 12.5px
}

.pbt-12_5 {
    padding-bottom: 12.5px
}

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

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

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

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

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

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

.p-10 {
    padding: 10px
}

.m-10 {
    margin: 10px
}

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

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

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

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

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

.bt-20 {
    bottom: 20px
}

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

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

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

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

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

.p-15 {
    padding: 15px
}

.m-15 {
    margin: 15px
}

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

.pbt-15 {
    padding-bottom: 15px
}

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

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

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

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

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

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

.p-20 {
    padding: 20px
}

.m-20 {
    margin: 20px
}

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

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

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

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

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

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

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

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

.p-30 {
    padding: 30px
}

.m-30 {
    margin: 30px
}

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

.pbt-30 {
    padding-bottom: 30px
}

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

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

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

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

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

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

.center-all {
    align-items: center;
    justify-content: center
}

.center-hor {
    justify-content: center
}

.center-ver {
    align-items: center
}

.a-hover-none:hover, a {
    text-decoration: none
}

.pos-abs {
    position: absolute
}

.pos-fixed {
    position: fixed
}

.pos-rel {
    position: relative
}

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

.fz-14 {
    font-size: 14px;
    line-height: 19px
}

.fz-16 {
    font-size: 16px;
    line-height: 22px
}

.fz-30 {
    line-height: 42px
}

.fz-18 {
    font-size: 18px;
    line-height: 28px
}

.fz-20 {
    font-size: 20px;
    line-height: 25px
}

.fz-24 {
    font-size: 24px;
}

.fz-30 {
    font-size: 30px;
    line-height: 35px;
}

.fz-32 {
    font-size: 32px;
    line-height: 38px;
}

.fz-34 {
    font-size: 34px;
    line-height: 40px;
}

.fz-36 {
    font-size: 36px;
    line-height: 42px;
}

.fz-50 {
    font-size: 50px;
    line-height: 60px;
}

.t-upper {
    text-transform: uppercase
}

.text-grey {
    color: #c4c4c4
}



img {
    vertical-align: middle
}

.root-border {
    border: 1px solid #3ca151
}

.btn-slide {
    padding: 10.5px 23.5px
}

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



.pbt-100 {
    padding-bottom: 100px
}

.t-capi {
    text-transform: capitalize !important
}

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

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

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