.bg-F7F7F7{
    background-color: #F7F7F7 !important;
}

.grid-cols-6{
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-2{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.col-start-2{
    grid-column-start: 2 !important;
}
.col-end-2{
    grid-column-end: span 2 !important;
}
.col-span-2{
    grid-column:  span 2;
}
.gap-8{
    gap:8px;
}
.gap-40{
    gap: 40px;
}
.gap-22{
    gap:22px;
}
.font-family-cs{
    font-family: 'Quicksand';
    font-weight: 500;
}
.br-8{
    border-radius:8px;
}
.br-20{
    border-radius: 20px;
}
.br-24{
    border-radius:24px !important;
}
.br-25{
    border-radius: 25px;
}
.br-99{
    border-radius: 99px;
}
.wh-64{
    width: 64px;
    height: 64px;
}
.w-69{
    width:69%;
}
.w-fit{
    width: fit-content;
}
.object-fit-cover{
    object-fit: cover;
}
.py-4-5{
    padding-top: 2.5rem;;
    padding-bottom: 2.5rem;
}
.py-6{
    padding-top:5rem;
    padding-bottom:5rem;
}
.py-8{
    padding-top: 8rem;;
    padding-bottom: 8rem;
}
.leading-6{
    line-height: 1.5rem;;
}
.p-3-5{
    padding: 1.25rem;
}
.pb-4-5{
    padding-bottom: 2rem;
}
.fs-22{
    font-size: 22px;
}
.cursor-pointer{
    cursor: pointer;
}

.border-b-2-red{
    border-bottom: 2px solid #E91000;
    width: 210px;
}

@media (max-width:1024px){
    .grid-cols-6{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .col-start-2{
        grid-column-start: auto !important;
    }
    .col-end-2{
        grid-column-end: auto !important;
    }
    .col-span-2{
        grid-column:  auto !important;
    }
    .w-69{
        width:auto;
    }
}

@media (max-width:768px){
    .grid-cols-6{
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid-cols-3{
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}