.pt-bg-light{
    background: var(--pt-light, #f7f7f7);
}
.pt-bg-primary{
    background: var(--pt-primary, #65b32e);
}

.d-block{
    display: block;
}
.d-none{
    display: none;
}
.d-flex{
    display:flex !important;
}

.flex-direction-column{
    flex-direction: column
}
.align-items-center{
    align-items: center;
}
.justify-content-end{
    justify-content: flex-end;
}
.justify-space-between{
    justify-content: space-between;
}
.flex-direction-vertical{
    flex-direction: column;
}
.align-items-flex-end{
    align-items: flex-end;
}
/* grid */
.d-grid{
    display: grid;
}
.d-grid-tc-2{
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.d-grid-tc-card-2{
    grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);
}


/* text */
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.justify-flex-end{
    justify-content: flex-end;
}
.align-item-flex-end{
    align-items: flex-end;
}

/*margins*/
.margin-none,
.m-none{
    margin: 0 !important;
}
.mt-5{
    margin-top: 40px !important;
}
.mb-3{
    margin-bottom: 15px !important;
}
.mb-4{
    margin-bottom: 30px !important;
}
.mb-5{
    margin-bottom: 40px !important;
}
.mb-small{
    margin-bottom: .7rem;
}

/*gaps*/
.gap{
    gap: 1em;
}
.gap-small{
    gap: 0.5em;
}
.gap-3{
    gap: 30px;
}
.gap-5{
    gap: 50px;
}

.\@container{
    container-type: inline-size;
    display: block;
}
/* width */
.w-50{
    width: 50%;
}
.w-66{
    width: 66%;
}
.w-75{
    width: 75%;
}
.w-100{
    width: 100%;
}
@media screen and (max-width:998px){
    .lgd\(w-100\){
        width: 100%;
    }
}
/* colors */
.pt-green{
    --pt-maincolor: #65b32e;
}
.pt-pink{
    --pt-maincolor: #E10886;
}
.pt-palegoldenrod{
    --pt-maincolor: #D5B36B;
}
.pt-orange{
    --pt-maincolor: #F27E00;
}
.pt-darkcrimson{
    --pt-maincolor: #800032;
}
.pt-card-whitebg{
    --pt-card-bgcolor: #ffffff;
}

/* text */
.text-center{
    text-align:center;
}

/* buttons */
.bt-notvisible{
    border:none;
    line-height: 1;
    padding: 0;
    background: transparent;
}
