@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;700&family=Poppins:ital,wght@0,400;0,700;1,100&display=swap');
body{background-color:rgb(254,243,221)}
header,footer{height:35px;background:rgb(136,138,139);color:rgb(161,160,148)}
header{display:none}
.product-container{background-color: #fff;display:block;font-family:'Poppins';width:90%;max-width:2048px;margin:1rem auto;border-radius:10px}
    .product-container img{float:right;width:52%}
@media (max-width:768px) {.product-container{display:flex;flex-wrap:wrap}.product-container img{width:100%};.footer{position:static}.btn{width:100%}}
.text-content{display: contents;margin: 0 10px;padding:20px;font-family:Poppins}
    .text-content h2{font-family:"Hind", sans-serif;font-size:43px;font-weight:700;color:rgb(173,0,0)}
    .text-content p{color:rgb(47,47,47)}
    section{display: block;width:100%}
.btn{background-color:rgb(254,123,0);width:100%;max-width:800px;padding:25px;border:none;border-radius:.25rem;font-size:2.375rem;text-align:center;transition:all .3s ease-in-out;cursor:pointer;text-transform:capitalize}
    .btn:hover{background-color:rgb(207,88,0)}
    .btn a{font-weight:700;color:#fff}
.logos{flex-direction:column;align-items:center}
#section1{margin-bottom:5rem}
#section2{display:grid;text-align:center;align-content:center;justify-content:center;align-items:center;justify-items:center;width:100%;margin-bottom:5em}
    #section2 h3{color:rgb(173,0,0);font-size:32px;text-decoration:line-through;margin:0}
    #section2 h4{color:rgb(24,113,0);font-size:32px;margin:15px 0}
    #section2 p{font-size:18px;font-style:italic;margin:15px 0}
#order-link{font-size:26px;text-decoration:underline;color:rgb(0,102,197)}
.banner{display:grid;justify-content:center;align-items:center;justify-items:center;background-color:rgb(20,60,96);width:100%;color:#fff;font-family:'Poppins'}
    .banner h1,.banner h2{margin:1rem auto;text-align:center}