.search-field{
    position: sticky!important;
    top: 80px!important;
    left: 90vw;
    z-index: 5;
}

.bggrad{
    background-color: rgba(0, 0, 0, 0.5)!important;
}
.pad-around{
    padding: 2rem!important;
}
.color-bakwena{
    color: rgb(237, 125, 49);
}
.text-bakwena{
    color: rgb(237, 125, 49);
}
.full-height{
    height: 70vh;
}
.justify{
    text-align: justify;
}
.mar-around{
    margin: 2rem;
}
.border{
    border-top: rgb(237, 125, 49) 0.5px solid;
}
.lineH{
    line-height: 1.6;
}
.tabHeight2{
  height: 20vh;
}
.tabHeight{
    height: 30vh;
}
.cardHeight{
    height: 10rem;
}



.dropbtn1 {
    color: white;
    padding: 10px;
    font-size: 20px;
    border: none;
    font-weight: bolder;
  }
  
  .dropdown1 {
    position: relative;
    display: inline-block;
  }
  
  .dropdown1-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 20;
  }
  
  .dropdown1-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown1-content a:hover {background-color: orange;}
  
  .dropdown1:hover .dropdown1-content {display: block;}
  
  .dropdown1:hover .dropbtn1 {background-color: rgba(255, 166, 0, 0.726);}

  .is-slanted--top-left {
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% calc(0% + 4rem));
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% calc(0% + 4rem));
    margin-top: -2rem;
    padding-top: 8rem;
    
}
.is-slanted--top-right {
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% calc(0% + 4rem));
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% calc(0% + 4rem));
    margin-top: -2rem;
    padding-top: 8rem;
    
}
.is-slanted--bottom-right {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 4rem), 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 4rem), 0% 100%);
    margin-top: -2rem;
    padding-top: 8rem;
}


/* body {font-family: Arial, Helvetica, sans-serif;} */

/* The Modal (background) */
.products_search {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 6; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.products_search-content {
  /* background-color: #fefefe; */
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 90%;
}

/* The Close Button */
.close {
  color: white;
  position: fixed;
  top: 3.5rem;
  left: 1rem;
  font-size: 50px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.productHeightImg{
  height: 20vh;
}

.productHeightContent{
  height: 25vh;
}