/* Add custom CSS styles below */ 
section:nth-of-type(1) .container , section:nth-of-type(4) .container{
align-items: end !important;
    padding-bottom: 60px;
}
.swiper-pagination{
color:#f87000 !important;
}
.font-extralight {
    font-weight: 500;
}
section:nth-of-type(5) .with-offer > div:last-child{
display: none;
}
section:nth-of-type(6) h2{
font-weight: 400;
}
section:nth-of-type(6) a button{
border: 1px solid !important;
    color: #121212 !important;
    --hover-background: #f87000 !important;
}
section:nth-of-type(6) a path{
    fill: #000 !important;
}
section:nth-of-type(9)  .container div > div h2{
    color: #121212 !important;
    font-weight: 400;
}

.marquee .payment-method{
    background-color: transparent !important;
    border: 1px solid #f87000;
}
section:nth-of-type(14) .flex{
    border-bottom: 2px solid #F87001;
    padding-bottom: 10px;
}
footer{
    background-color: #f87000 !important;
}
footer button[type="submit"]{
--button-background: white !important;
    color: #121212;
}
#mainnav  a.navbar-brand {
    height: 80px !important;
}
@media (min-width: 1024px) {
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}