h2 {
    color: rgba(255, 255, 255, 1.0);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
     text-align:center;
     margin-bottom: 30px;    
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&family=Roboto+Slab:wght@200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Prata', serif;*/

.navbar-dark .navbar-brand{
    color:  rgba(255, 255, 255, 1.0);
    background-image: url(../images/logo%20diamond.svg);
    background-repeat: no-repeat;
  height: 150px;
    padding-left: 115px;
    padding-top: 40px;
    color: rgba(255, 255, 255, 1.0); 
    font-family: 'Roboto Slab', serif;
    font-style: normal;
    font-weight: 200;
    font-size: 1.6em;
    line-height: 120%;
}
.navbar-dark .navbar-nav .nav-item a {
    color :rgba(255, 255, 255, 1.0);
}
.navbar-dark .navbar-nav .nav-item a:hover {
    border-bottom: 1px solid rgba(255, 255,255, 1.0);
    
}
.subhead {
    display: block;
     font-family: 'Open Sans', sans-serif;
    font-weight:300;
    font-style: normal;
    font-size: 0.8em;
    
}
/* aboutUs area */
#aboutUs {
    padding-top: 35px;
    background-color: #f2e6e6;
    background-image: url(../images/8.jpg);
    border-top: 20px solid rgba(59,59,59, 1.0);
   
    
}
h2 {
    color: rgba(255, 255, 255, 1.0);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
     text-align:center;
     margin-bottom: 30px;
     padding-top: 0px;
    
    
    
}
body {
  position: relative;
}
#aboutUs p {
    padding-bottom: 30px;
    color: rgba(255, 255, 255, 1.0); 
    font-family: 'Roboto Slab', serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.2em;
}
/* onSale area */
#onSale{
    background-color: rgba(0, 0, 0, 1.0);
    padding: 35px 0 30px 0;
}
#onSale img {
    max-width:100%;
    text-align: center;
}

#onSale h6{
    text-align: center;
    color: rgba(168, 116,26,1.0);
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 0.9em;
    
   
}
#onSale h5 {
    text-align: center;
    color: rgba(255,255,255,1.0);
    font-family: 'Prata', serif;
    font-style: normal;
    font-size: 1.6em;
   
}
#onSale .card {
    border: 1px solid rgba(168, 116,26,1.0);
    background-color: rgba(0 ,0 ,0,1.0);
   
    padding: 0;
    border-radius: 0;
    

  
    
}
.card-img-top{
    width: 100%;
    text-align: center;
}
 
          /*ourProducts area*/

#ourProducts{
  background-color: rgba(0, 0, 0,1.0);
border-top: 20px solid rgba(59,59,59, 1.0);
   padding: 40px 0; }


#engagement {
    background-image: url(../images/engagement.jpg);
    height: 300px;
    background-position: center;
    background-size: cover;
   
}
blockquote {
    position: relative;
    border: 3px solid rgba(168, 116,26,1.0);
    min-height:400px;
    text-align: center;
   
  
   
}
@media (min-width:992px){
.basant{
    max-width: 32%;
}}
.quote {
    position: absolute;
  
    left:0;
    width: 100%;
     background-image: -o-linear-gradient(270deg,rgba(0, 0, 0,0) 0%,rgba(0, 0, 0,0.7)55%,rgba(0, 0, 0,1.0)100%);
     background-image: -moz-linear-gradient(270deg,rgba(0, 0, 0,0) 0%,rgba(0, 0, 0,0.7) 55%,rgba(0, 0, 0,1.0)100%);
     background-image: -webkit-linear-gradient(270deg,rgba(0, 0, 0,0) 0%,rgba(0, 0, 0,0.7) 55%,rgba(0, 0, 0,1.0)100%);
     background-image:linear-gradient(180deg,rgba(0, 0, 0,0) 0%,rgba(0, 0, 0,0.7) 55%,rgba(0, 0, 0,1.0)100%);
    height: 80px;
    bottom: -0.5px;
    padding: 30px 5% 0px 5% ;
  
    }
#ourProducts h5 { margin-bottom: 0;
    
}


#wedding {
     background-image: url(../images/wedding.jpg);
    height: 300px;
    background-position: center;
    background-size: cover;
    
}
#earings {
     background-image: url(../images/5.jpg);
    height: 300px;
    background-position: center;
    background-size:cover;
}
#pendants {
     background-image: url(../images/pendants.jpg);
    height: 300px;
    background-position: center;
    background-size: cover;
}
#loose {
     background-image: url(../images/loose.jpg);
    height: 300px;
    background-position: center;
    background-size: cover;
}
#other {
     background-image: url(../images/bracelet.jpg);
    height: 300px;
    background-position: center;
    background-size: cover;
}



#ourProducts .diamond{
    
    color: rgba(255,255,255,1.0);
    font-family: 'Prata', serif;
    font-style: normal;
    font-size: 1.6em;
}

#ourProducts h2 {
    padding-bottom: 20px;
}
footer {
   height: 80px;
   color: rgba(0, 0, 0,1.0);
    background-color: rgba(0, 0, 0,1.0);
padding-top: 20px;
     background-image: -o-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.7)55%,rgba(255,255,255,1.0)100%);
     background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.7)55%,rgba(255,255,255,1.0)100%);
     background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.7)55%,rgba(255,255,255,1.0)100%);
     background-image:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.7)55%,rgba(255,255,255,1.0)100%);
}
footer p a {
    color: rgba(59,59,59, 1.0);
}
footer p a:hover {
    color: rgba(168, 116,26,1.0);
}