@font-face {
    font-family: Graphik;
    src: url(../fonts/Graphik-Font-Family/GraphikLight.otf);
}
@font-face {
    font-family: GraphikBold;
    src: url(../fonts/Graphik-Font-Family/GraphikMedium.otf);
}
@font-face {
    font-family: GraphikRegular;
    src: url(../fonts/Graphik-Font-Family/GraphikRegular.otf);
}
*:not(i) {
    font-family: Graphik !important;
}
.ff-b {
    font-family: GraphikBold !important;
}
.ff-m {
    font-family: GraphikRegular !important;
}
.under-green{
    border-bottom: 1px solid #7dc400;
}
.br-30{
    border-radius: 30px;
}
.third-color-placeholder::placeholder{
    color: #6D6D6D;
}
.search-button{
    position: absolute;
    /* right: 12px; */
    right: 5px;
    top: 4px;
    padding: 0.7rem 1.9rem;
    display: block;
    background-color: #7dc400;
    color: white;
    border-radius: 30px;
   
}
.search-button:hover{
    color: white;
}
.primary-c{
    color: #7dc400;
}
.categ-container-main{
    width: 80%;
    margin: auto;
}
.categories-icons{
    height: 90px;
    width: 90px;
}
.article-p{
    border: none;
    background: transparent;
    margin: 0px;
    padding: 0px;
    font-weight: 700;
}
.article-p:focus{
    border: none;
    outline: none;
}
.chosen-a{
    background: rgba(13, 27, 52, 0.1);
    border-radius: 20px;
    padding: 0.5rem 1rem;
    width: fit-content;
}
.fw-700{
    font-weight: 700;
}
.input-kb{
    padding: 1rem 1.6rem 1rem 3.5rem !important;
}
.sicon-kb{
    top: 10px !important;
}
.sbut-kb{
    padding: 0.4rem 1.25rem !important;
}
.w-70p{
    width: 70%;
}
.circle-1{
    z-index: -1;
    top: -20%;
    right: -27%;
}
.circle-2{
    z-index: -1;
    left: -25%;
}
.circle-3{
    z-index: -1;
    right: -20%;
    bottom: -20%;
}
.w-fit{
    width: fit-content;
}
.fs-17p{
    font-size: 17px;
}
.w-90p{
    width: 90%;
}
.p-1p-7r{
    padding: 1.75rem;
}
.fs-2r{
    font-size: 2.25rem;
}
.br-10{
    border-radius: 10px !important;
}
.article-descc-categ p{
    font-size: 15px;
}
.fs-20p{
    font-size: 16px;
}
.w-40p{
    width: 40%;
}
.secondary-color{
    color:#0D1B34 ;
}
@media (max-width: 768px) {
    .sicon-kb{
        top: 6px !important;
    }
    .sbut-kb{
        padding: 0.3rem 1.25rem !important
    }
    .search-button{
        padding: 0.7rem 1rem;
        top: 2px;
    }
    .search-header .search-header-input{
        font-size: 0.69rem;
    }
    .d-cu-sm-none{
        display: none;
    }
    .mt-3r-sm{
    }
    .w-sm-100p{
        width: 100%;
    }
    .fs-2r-sm{
        font-size: 2rem;
    }
}