html{
    
}
body{
    background: var(--bodybg);
    color: var(--grey-60);
    font-family: Inter;
    font-size: 14px;
}

main {
    margin-top: 84px;
}

a{
    text-decoration:none;
}


p a{
    color: var(--orange-500) !important;
    
}
    
p a:hover {
    color: var(--grey-700) !important;
}

i {
    color: var(--grey-600);
}

p {
    font-size: var(--h200);
    line-height: 140%;
    color: var(--grey-500);
}

p strong{
    font-weight:700;
}

input, select, textarea, checkbox, radio {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border-radius:0;
}

textarea:focus, input:focus, select:focus, checkbox:focus, radio:focus{
    outline: 0;
}

.img-responsive {
    max-width: 100%;
    display: block;
    height: auto;
}

.anihover{
    background: transparent;
    background: linear-gradient(to left, transparent 50%, var(--orange-500) 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
}

.anihover:hover {
    border:1px solid var(--orange-500);
    background-position: left;
    color:var(--grey-00) !important;
    border:1px solid var(--orange-500) !important;
}

i[disabled=disabled] {
    color: var(--grey-50);
}


.h-100 {
    font-size: var(--h100);
    }

.h-200 {
    font-size: var(--h200--);
}

.h-300 {
    font-size: var(--h300);
}

.h-400 {
    font-size: var(--h400);
}

.h-500 {
    font-size: var(--h500);
}

.h-600 {
    font-size: var(--h600);
}

.h-700 {
    font-size: var(--h700);
}

.h-800 {
    font-size: var(--h800);
}

.h-900 {
    font-size: var(--h900);
}

.m-0 {
    margin: 0;
}

.m-t-24 {
    margin-top: 24px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-72 {
    margin-top: 72px;
}

.m-t-120 {
    margin-top: 120px;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-4 {
    margin-bottom: 4px !important;
}


.m-b-24 {
    margin-bottom: 24px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-72 {
    margin-bottom: 72px;
}

.m-b-120 {
    margin-bottom: 120px;
}

.m-l-10 {
    margin-left: 10px;
}


.bg-white {
    background: var(--grey-00);
}
.gap6{
    grid-column-gap: 6px !important;
}

.dark {
    font-size: 14px;
    line-height: 140%;
    background: var(--grey-700);
    color: var(--grey-00);
    border: 1px solid var(--grey-700);
}

.orange {
    font-size: 14px;
    line-height: 140%;
    background: var(--orange-500);
    color: var(--grey-00);
    outline: 0;
    border: 1px solid var(--orange-500);
}

button {
    font-size: 14px;
    line-height: 140%;
    text-transform: uppercase;
    color: var(--grey-900);
    outline: 0;
    border: 1px solid var(--grey-900);
    padding: 0.7rem !important;
}

    button.dark {
        background: var(--grey-700);
        color: var(--grey-00);
        border: 1px solid var(--grey-700);
    }

    button.orange {
        background: var(--orange-500);
        color: var(--grey-00);
        outline: 0;
        border: 1px solid var(--orange-500);
    }
    
    .sidebarbutton{
        width:100%;
    }

button:disabled {
    background: var(--grey-60) !important;
    color: var(--grey-  900) !important;
    cursor: not-allowed;
}


.category-description {
    column-count: 2;
    column-gap: 40px;
    padding: 60px 80px;
}

.category-description h2{
    margin-top:0;
}

    @media only screen and (max-width: 991px) {

        .category-description {
            padding: 40px 20px;
            column-count: 1;
        }
    }