.banner{
    height:600px;
    background-size: cover;
    display: flex;
    align-items: center;
}
.my-text{
    color:white !important;
    font-size: larger;
    text-transform: uppercase;
}
.main-content{
    min-height: 90vh;
}
#cartItems{
    background-color: white;
    color:red;
    padding: 5px;
    border-radius: 25%;
}
table td,th{
    vertical-align: middle;
}
.content {
     max-width: 800px; 
    width: 100%;
    color:white;
    font-size: large;
    margin-top: -17%;
  position: relative;
  margin-left: 15%;
}
#loginAlert {
    display: none;       
    position: fixed;     
    top: 2%;            
    right: 2%;           
    width: 250px;        
    z-index: 1000;      
}
.nav-link:hover{
    color:orangered !important;
}
.active{
    color: orangered !important;
}
.carousel-item img{
    max-height: 600px;
}
.orange-btn{
    padding: 10px 45px;
    background-color:  #fd9c6b;;
    color: white;
    border-radius: 5px;
    border: 1px solid orangered;
    transition: all .2s;
}
.orange-btn:hover{
    text-decoration:none;
    color:white;
    background-color: white;
    color:  #fd9c6b;
}
.product-div{
    background-color: #eeeeee;
    border-radius:4%;
}
.section4 {
    height: 630px;
    float: left;
    width: 100%;
    margin-top: 2%;
}
.row10 {
    height: 527PX;
    width: 55%;
    border: 1px solid rgb(0, 247, 255);
    float: left;
    margin-left: 1%;
    margin-top: 4%;
  }
  .img10 {
    float: left;
    height: 527px;
    width: 100%;
    background-image: url(../../Images/o1.jpg);
  }
  .Shop-btno {
    display: list-item;
    padding: 10px 45px;
    background-color: #fd9c6b;
    color: white;
    border-radius: 5px;
    border: 1px solid orangered;
    transition: all .2s;
    margin-left: 5%;
    width: 27%;
  }
  .row11 {
    height: 258PX;
    width: 41%;
    border: 1px solid rgb(255, 238, 0);
    float: right;
    margin-right: 1%;
    margin-top: 4%;
  }
  .img11 {
    float: left;
    height: 258px;
    width: 100%;
    background-image: url(../../Images/o2.jpg);
  }
  .row12 {
    height: 258PX;
    width: 41%;
    border: 1px solid rgb(251, 255, 0);
    float: right;
    margin-right: 1%;
    margin-top: 1%;
  }
  .img12 {
    float: right;
    height: 258px;
    width: 100%;
    background-image: url(../../Images/o3.jpg);
  }
  .Blogsection{
    height: 970px;
    float: left;
    width: 100%;
    background-color: white;
    margin-top: 2%;
    
   }
  .container{
    max-width: 1170px;
    width: 100%;
    text-align: center;
  }
  .headingcontainer{
    align-items: center;
    float: left;
     margin-top: 18%;
     font-size: 60px;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     font-weight: bold;
     padding-top: 2%;
     color: orange;
     width: 100%;
  }
  .row13{
    height: 770px;
    width: 45%;
    border: 1px solid black;
    background-color: antiquewhite;
    float: left;
    margin-top: 5%;
    margin-right: 1%;
    margin-left: 4%;
  }
  .img13{
    float: left;
    height: 450px;
    width: 100%;
    overflow: clip;
  }
  .containerB{
      margin-right: auto;
      margin-left: auto;
      text-align: center;
      float: left;
      height: 62px;
      width: 99.9%;
  }
  .Blog date{
  align-items: center;
  float: left;
  font-size: 30px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-weight: bold;
  padding-top: 2%;
  padding-left: 6%;
  color: black;
  height: 60px;
  width: 20%;
  margin-left: 20%;
  border: white;
  }
  .banner-inner-left2{
    width: 100%;
    float: left;
  }
  .banner-inner-left-h2{
    float: left;
    margin-top: 2%;
    font-size: 1.5rem;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: bold;
    padding-top: 1%;
    color: black;
    text-align: left;
    padding-left: 1%;
  }
  .banner-inner-left-p2{
    float: left;
     color: black;
     font-size: 18px;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     padding-left: 3%;
  
  }
  .banner-inner-left-btn2{
     color: white;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     font-size: 19px;
     float: left;
     padding-left: 24%;
     padding-bottom: 3%;
  
  }
  .redo-btn_r13{
    display: inline-block;
    padding: 10px 45px;
    background-color:  #fd9c6b;;
    color: white;
    border-radius: 5px;
    border: 1px solid orangered;
    transition: all .2s;
    margin-top: 35px;
  
  }
  .redo-btn_r13:hover{
    background-color: #db4905;
    color:  #fd9c6b;;
    direction: none;
  }
  .row14{
    height: 770px;
    width: 45%;
    border: 1px solid grey;
    float: left;
    margin-right: 1%;
    margin-top: 5%;
    margin-left: 2%;
    background-color: antiquewhite;
    border-color: black;
  }
  .img14{
    float: left;
    height: 450px;
    width: 99.9%;
    overflow: clip;
  }
  .containerBB{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    float: left;
    height: 62px;
    width: 99.9%;
  }
  .Blog date2{
    align-items: center;
    float: left;
    font-size: 30px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: bold;
    padding-top: 2%;
    padding-left: 6%;
    color: black;
    height: 60px;
    width: 20%;
    margin-left: 20%;
    border: white;
    }
    .banner-inner-left22{
    width: 100%;
    float: left;
    }
    .banner-inner-left-h22{
      float: left;
      margin-top: 3%;
      font-size: 1.5rem;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      font-weight: bold;
      padding-top: 1%;
      color: black;
      text-align: left;
      padding-left: 1%;
    }
    .banner-inner-left-p22{
      float: left;
      color: black;
      font-size: 18px;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      padding-left: 3%;
    }
    .banner-inner-left-btn22{
      color: white;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      font-size: 19px;
      float: left;
      padding-left: 24%;
      padding-bottom: 4%;
    }
    .redo-btn_r14{
      display: inline-block;
      padding: 10px 45px;
      background-color:  #fd9c6b;;
      color: white;
      border-radius: 5px;
      border: 1px solid orangered;
      transition: all .2s;
      margin-top: 35px;
    }
    .redo-btn_r14:hover{
      background-color: white;
      color:  #fd9c6b;;
      direction: none;
    }