body{
    margin: 0;
}

/*@font-face {*/
/*    font-family: 'Poppins';*/
/*    src: url('../../../fonts/Poppins/Poppins-Regular.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Poppins';*/
/*    src: url('../../../fonts/Poppins/Poppins-Medium.ttf') format('truetype');*/
/*    font-weight: 500;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Poppins';*/
/*    src: url('../../../fonts/Poppins/Poppins-Bold.ttf') format('truetype');*/
/*    font-weight: bold;*/
/*}*/

@font-face {
    font-family: 'Alibaba_PuHuiT';
    src: url('../../../fonts/Puhuiti/Puhuiti_regular.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Alibaba_PuHuiT';
    src: url('../../../fonts/Puhuiti/Puhuiti_medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Alibaba_PuHuiT';
    src: url('../../../fonts/Puhuiti/Puhuiti_bold.ttf') format('truetype');
    font-weight: bold;
}

* {
    box-sizing: border-box;
}
div,span,input,textarea{
    font-family: 'Alibaba_PuHuiT' !important;
}

:root {
    --color-primary: #ED008C;
    --color-bg: rgba(226, 72, 181, 0.4);
    --padding-height:60px;
}

.bg-red{
    background: #ED008C;
}
.bg-blue{
    background: #5B3E98;
}
a{
    text-decoration: unset;
}
.flex-col-center{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.btn-red:hover{
    transition: all .3s;
    background: rgba(226, 72, 181, .2);
    color: #ED008C !important;
    cursor: pointer;
}
.btn-red:hover i{
    color: #ED008C;
}
.btn-blue:hover{
    transition: all .3s;
    background: rgba(91, 62, 152, 0.2);
    color: #5B3E98 !important;
    cursor: pointer;
}
.btn-blue:hover i{
    color: #5B3E98;
}
@media (min-width: 768px){
    :root{
        --paddind-val:100rem;
    }
}
@media (min-width: 1200px){
    :root{
        --paddind-val: 200rem;
    }
}
@media (min-width: 1400px){
    :root{
        --paddind-val:calc(50% - 700rem);
    }
}

.mb-10{
    margin-bottom: 10px;
}
.mb-14{
    margin-bottom: 14px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-40{
    margin-bottom: 40px;
}
.mt-40{
    margin-top: 40px;
}
.mt-60{
    margin-top: 60px;
}
.mb-60{
    margin-bottom: 60px;
}
.pb-60{
    padding-bottom: 60px;
}
.mb-70{
    margin-bottom: 40px;
}
.text-c {
    text-align: center;
}
.d-flex-center{
    display: flex;
    justify-content: center;
}
.align-c {
    align-items: center;
}
.bg-grey {
    background: #F5F5F5;
}
.el-btn {
    background: var(--color-primary);
    min-width: 120px;
    padding: 0 24px;
    height: 48px;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
    width: fit-content;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
}
.el-btn-outline {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    background: transparent;
}
.edit-text{
    font-size: 14px;
}
.edit-text img{
    max-width: 100%;
}

.g-1,
.gx-1 {
    --bs-gutter-x: 2px;
}
.g-1,
.gy-1 {
    --bs-gutter-y: 2px;
}
.g-2,
.gx-2 {
    --bs-gutter-x: 4px;
}
.g-2,
.gy-2 {
    --bs-gutter-y: 4px;
}
.g-3,
.gx-3 {
    --bs-gutter-x: 8px;
}
.g-3,
.gy-3 {
    --bs-gutter-y: 8px;
}

.g-4,
.gx-4 {
    --bs-gutter-x: 12px;
}

.g-4,
.gy-4 {
    --bs-gutter-y: 12px;
}

.g-5,
.gx-5 {
    --bs-gutter-x: 24px;
}

.g-5,
.gy-5 {
    --bs-gutter-y: 24px;
}