body {
    background: #f8f8f8;
}
@font-face {
    font-family: "Poppins-Regular";
    src: url("../../assets/fonts/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Poppins-Thin";
    src: url("../../assets/fonts/Poppins-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-Medium";
    src: url("../../assets/fonts/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-SemiBold";
    src: url("../../assets/fonts/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Poppins-Bold";
    src: url("../../assets/fonts/Poppins-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Poppins-Black";
    src: url("../../assets/fonts/Poppins-Black.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
.fs-10 {
    font-size: 10px !important;
}
.fs-11 {
    font-size: 11px !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-13 {
    font-size: 13px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-17 {
    font-size: 17px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-19 {
    font-size: 19px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-21 {
    font-size: 21px !important;
}
.fs-22 {
    font-size: 22px !important;
}
.fs-23 {
    font-size: 23px !important;
}
.fs-24 {
    font-size: 24px !important;
}
.fs-25 {
    font-size: 25px !important;
}
.fs-26 {
    font-size: 26px !important;
}
.fs-27 {
    font-size: 27px !important;
}
.fs-28 {
    font-size: 28px !important;
}
.fs-29 {
    font-size: 29px !important;
}
.fs-30 {
    font-size: 30px !important;
}
.fs-31 {
    font-size: 31px !important;
}
.fs-32 {
    font-size: 32px !important;
}
.fs-33 {
    font-size: 33px !important;
}
.fs-34 {
    font-size: 34px !important;
}
.fs-35 {
    font-size: 35px !important;
}
.fs-36 {
    font-size: 36px !important;
}
.fs-37 {
    font-size: 37px !important;
}
.fs-38 {
    font-size: 38px !important;
}
.fs-39 {
    font-size: 39px !important;
}
.fs-40 {
    font-size: 40px !important;
}
.fs-41 {
    font-size: 41px !important;
}
.fs-42 {
    font-size: 42px !important;
}
.fs-43 {
    font-size: 43px !important;
}
.fs-44 {
    font-size: 44px !important;
}
.fs-45 {
    font-size: 45px !important;
}
.fs-46 {
    font-size: 46px !important;
}

.Poppins-Thin {
    font-family: "Poppins-Thin", sans-serif;
    font-weight: 100;
}

.Poppins-Regular {
    font-family: "Poppins-Regular", sans-serif;
    font-weight: 400;
}

.Poppins-Medium {
    font-family: "Poppins-Medium", sans-serif;
    font-weight: 500;
}

.Poppins-SemiBold {
    font-family: "Poppins-SemiBold", sans-serif;
    font-weight: 600;
}

.Poppins-Bold {
    font-family: "Poppins-Bold", sans-serif;
    font-weight: 700;
}
.Poppins-Black {
    font-family: "Poppins-Black", sans-serif;
    font-weight: 900;
}
.mawad-dark {
    color: #29292b;
}
.mawad-gray {
    color: #828282;
}
.mawad-gray-soft{
    color: #C9C9C9;
}
.mawad-orange {
    color: #e64905;
}
.mawad-orange-sec{
    color: #FF6600;
}
.mawad-accent {
    color: #0f5257;
}
.mawad-green {
    color: #0f5257;
}
.mawad-blue-gradient {
    background-image: linear-gradient(
        to right bottom,
        #0926c9,
        #003ed8,
        #0054e6,
        #0068f3,
        #007bff
    );
}
.mawad-orange-gradient {
    background-image: linear-gradient(
        to right bottom,
        #c92609,
        #d73808,
        #e54806,
        #f25703,
        #ff6600
    );
}
.mawad-green-gradient {
    background-image: linear-gradient(
        to right bottom,
        #45a000,
        #00903f,
        #007d58,
        #006860,
        #0f5257
    );
}
.v {
    color: #0f5257;
}
.mawad-glight {
    color: #c9c9c9;
}
.mawad-dark {
    color: #212121;
}
.mawad-gray{
    color: #BFC2C4;
}
.mawad-gray-hard{
    color: #3D3D3D;
}
.soft-shadow {
    box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.1);
}
.line-through {
    text-decoration: line-through;
}
.square {
    width: 100%;
    aspect-ratio: 1 / 1;
}
.garanteed{
    color: #29292B;
}
.top-1{
    position: relative !important;
    top: 1px !important;
}
.top-2{
    position: relative !important;
    top: 2px !important;
}
.left-3{
    position: relative !important;
    left: 3px !important;
}
.top--1{
    position: relative !important;
    top: -1px !important;
}
.top--2{
    position: relative !important;
    top: -2px !important;
}
.top--3{
    position: relative !important;
    top: -3px !important;
}
.left-3{
    position: relative !important;
    left: 3px !important;
}
.top-10{
    position: relative !important;
    top: 10px !important;
}
.top-4{
    position: relative !important;
    top: 4px !important;
}
.top-5{
    position: relative !important;
    top: 5px !important;
}
.top--2{
    position: relative;
    top: -2px;
}
.top--3{
    position: relative;
    top: -3px;
}
.left-3{
    position: relative;
    left: 3px;
}
.top-10{
    position: relative;
    top: 10px;
}