body{
    font-size: 12px;
    color: #000;
    font-family: "Jost", sans-serif !important;
  font-weight: 400;
  letter-spacing: 0px;
}
.fw-500{
    font-weight: 500;
}
.fs-14{
    font-size: 14px;
}
.fs-12{
    font-size: 12px;
}
.fs-50{
    font-size: 50px !important;
}
.fs-32{
    font-size: 40px !important;
}
.fs-20{
    font-size: 20px !important;
}
.fs-16{
    font-size: 16px !important;
}
.fs-10{
    font-size: 10px !important;
}
.fw-600{
    font-weight: 600 !important;
}

@media(max-width:767px){
    .fs-50{
        font-size: 20px !important;
    }
    .fs-32{
        font-size: 25px !important;
    }
    .fs-20{
        font-size: 12px !important;
    }
    .fs-16{
        font-size: 12px !important;
    }
    
    .fs-10{
        font-size: 8px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px)  {
    .fs-50{
        font-size: 35px !important;
    }
    .fs-32{
        font-size: 25px !important;
    }
    .fs-20{
        font-size: 16px !important;
    }
    .fs-16{
        font-size: 14px !important;
    }
}
@media(min-width: 1200px){
    .container-xl{
        max-width: 1140px;
    }
}
@media(min-width: 1700px){
    .container-xl{
        max-width: 1440px;
    }
}
.black-color{
    color: #000;
}
a.black-color:hover{
    color: var(--base) !important;
}
.pinkish-color{
    color: var(--rug);
}
a.pinkish-color:hover{
    text-decoration: underline;
    color: #892219 !important;
}
.white-color{
    color: #fff;
}
a.white-color:hover{
    text-decoration: underline;
    color: #fff !important;
}
.primary-btn{
    background-color: transparent;
    padding: 11px 40px;
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    border:1px solid #fff;
    font-weight: 400;
    transition: 0.3s all ease-in-out;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.primary-btn:hover{
    transition: 0.3s all ease-in-out;
    background-color: #fff;
    color: #000 !important;
}
.secondary-btn{
    background-color: #fff;
    padding: 11px 40px;
    font-size: 14px;
    color: #000;
    text-decoration: underline;
    border:1px solid #000;
    font-weight: 400;
    transition: 0.3s all ease-in-out;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.secondary-btn:hover{
    transition: 0.3s all ease-in-out;
    color: var(--base);
    border-color: var(--base);
}
.third-btn{
    background-color: var(--black);
    padding: 11px 40px;
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    border:1px solid var(--black);
    font-weight: 400;
    transition: 0.3s all ease-in-out;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.third-btn:hover{
    transition: 0.3s all ease-in-out;
    background-color: var(--base);
    border-color: var(--base);
    color: #fff !important;
}
@media(max-width:767px){
    .primary-btn, .secondary-btn,  .third-btn{
        padding: 8px 25px;
        font-size: 12px;
    }
    a.fs-14{
        font-size: 12px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
    .primary-btn, .secondary-btn,  .third-btn{
        padding: 8px 30px;
        font-size: 13px;
    }
    a.fs-14{
        font-size: 14px;
    }
}