* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  html {
    scroll-behavior: smooth;
  }
  
  body {
    height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    background-color: #ff9900;
  }
  .itemCard img{
  cursor:pointer;}
  
  .navBar {
    display: flex;
    align-items: center;
    z-index: 1000;
    position: fixed;
    justify-content: space-between;
    top: 0;
  }
  
  .navBar a {
    text-decoration: none;
    color:whitesmoke ;
    font-weight: bold;
  }
  .navBar a:hover {
    color:#ff9900 ;
  }
  
  .navBarrow {
    background-color: #020e1d;
    height: 60px;
    width: 100vw;
    display: flex;
    align-items: center;
  }
  
  .leftsection img {
    width: 190px;
    height: 60px;
    background-color: transparent;
    }
  
  .leftsection {
    display: flex;
  }
  
  .cart img {
    width: 50px;
  }
  
  .Nigeriaflag img {
    width: 30px;
  }
  
  .navLast {
    display: flex;
  }
  
  .leftsection {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  
  .itemSearchBar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  
  .itemSearchBar input {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 17px;
    outline: none;
  
    text-indent: 50px;
  }
  
  .itemSearchBar a:hover {
    color: #575553;
  }
  .itemSearchBar a {
    background-color: #cccaca;
    color: #575553;
    position: sticky;
    left: 380px;
    height: 40px;
    width: 50px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgb(97, 93, 93);
  }
  .itemSearchBar input {
    position: relative;
  }
  
  .fa-search {
    position: absolute;
    z-index: 3;
    right: 392px;
    background-color: #f3a847;
    padding: 8px 20px;
    color: rgb(39, 38, 38);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 1.5rem;
  }
  
 .navLast {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  
  .indianFlag i {
    color: white;
    vertical-align: bottom;
  }
  
  .helloAccount i {
    vertical-align: bottom;
  }
  
  .navOptions {
    background-color: #232f3e;
    height: 40px;
    display: flex;
    align-items: center;
    margin-top: 60px;
    width: 100vw;
    padding: 0px 15px;
  }
  .navOptions a {
    text-decoration: none;
    display: inline-block;
    color: white;
    padding: 0px 10px;
    text-transform: capitalize;
  }
  
  .navOptions i {
    font-size: 1.3rem;
    vertical-align: bottom;
  }
  
  .navOptions a:hover {
    color: white;
    border: 1px solid white;
    border-radius: 2px;
  }
  .amazonCarousel {
    margin-top: 20px;
  }
  
  .amazonMainCarousel {
    padding: 0px 20px;
  }
  
  .gridcardrow {
    position: absolute;
    top: 360px;
    z-index: 5;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
  
  .upperRowCard {
    padding: 0px 20px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
  }
  
  .col-6 img {
    width: 150px;
    margin-top: 10px;
  }
  
  .gridCards {
    width: 340px;
    height: 380px;
    padding: 20px;
    background-image: linear-gradient(white 60%, transparent);
    text-align: left;
  }
  .gridCards a {
    text-decoration: none;
    color: rgb(54, 52, 52);
    font-size: 0.8rem;
  }
  
  .lastCardupper a {
    background-color: #f2c861;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
  }
  
  .lastCardDown img {
    margin-top: 10px;
    height: 220px;
  }
  
  .itemCard {
    display: grid;
    place-items: center;
    width: 250px;
    background-color: white;
    padding: 10px;
    text-align: center;
    margin-left: 20px;
  }
  
  .itemCard img {
    width: fit-content;
    object-fit: contain;
  }
  
  .itemCarousel {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .dealcarousel {
    display: flex;
    overflow-x: scroll;
    padding: 20px;
    width: 1470px;
    align-items: flex-end;
    background-color: white;
  }
  
  .dealcarousel a {
    text-decoration: none;
    color: rgb(59, 59, 59);
  }
  
  .dealcarousel::-webkit-scrollbar {
    display: none;
  }
  .itemCard img {
    height: 200px;
    width: 200px;
  }
  
  .dealCar {
    margin-left: 50px;
    margin-top: 20px;
  }
  
  .essentialCarousel {
    display: flex;
    overflow-x: scroll;
    padding: 20px;
    width: 1470px;
    align-items: flex-end;
    background-color: white;
  }
  
  .essentialCarousel::-webkit-scrollbar {
    display: none;
  }
  
  .essentialCard {
    margin-left: 50px;
    background-color: #131921;
    cursor: pointer;
  }
  .essentialItems {
    display: flex;
    margin-left: 20px;
  }
  
  .essentialProducts {
    margin-top: 20px;
    background-color: white;
  }
  .carcontrol {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }
  
  .essenthead {
    margin-left: 50px;
  }
  
  .ads {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(192, 192, 192, 0.192);
    padding: 40px;
  }
  
  .itemGridCards {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
  }
  
  .botdif img {
    width: 300px;
  }
  
   .ads2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
  }
  
    .backtotop a {
    text-decoration: none;
    color: white;
    display: block;
    padding: 15px 0px;
    text-align: center;
    width: 100%;
  }
  .backtotop a:hover {
    color: white;
    background-color: #232f3e;
  }
  
  .backtotop {
    margin-top: 40px;
    height: 50px;
    background: #394758;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
   .amazonBio {
    background-color: #232f3e;
  }
  
  .upperBio {
    display: flex;
    justify-content: space-around;
    padding: 40px;
  }
  .upperBio a {
    text-decoration: none;
    display: block;
    color: rgb(226, 222, 222);
  }
  
  .upperBIo a:hover {
    color: white;
  }
  
  .lastamazon {
    display: flex;
    justify-content: center;
    word-spacing: 10px;
  }
  
  .lastamazon a {
    text-decoration: none;
    color: white;
    font-size: 0.8rem;
  }
  .lastamazon a:hover {
    color: white;
  }
  
  .logamazon img {
    width: 90px;
    margin-right: 20px;
  }
  
  .logamazon a {
    text-decoration: none;
    color: white;
    border: 1px solid white;
    padding: 5px 10px;
    border-radius: 2px;
  }
  
  .logamazon a:hover {
    color: white;
  }
  
  .topsection {
    display: flex;
    justify-content: space-around;
  }

@media (max-width: 1024px) {
  .navBarrow,
  .navOptions {
    width: 100vw;
    padding: 0 5px;
  }
  .upperRowCard,
  .itemGridCards {
    flex-direction: column;
    align-items: stretch;
  }
  .gridCards,
  .itemCard {
    width: 90vw;
    margin: 10px auto;
  }
  .dealcarousel,
  .essentialCarousel {
    width: 98vw;
    padding: 10px;
  }
  .ads,
  .ads2 {
    flex-direction: column;
  }
}