/* er-guide-budget css */
.er-guide {
    width: 100%;
    height: 500px;
    background: url('../images/er-guide/er-guide-budget.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
}
@media (min-width:1400px) {
    .er-guide {
        width: 100%;
        height: 600px;
        background: url('../images/er-guide/er-guide-budget.jpg');
        background-position: center;
        background-size: cover;
        position: relative;
    }
}
@media only screen and (max-width: 600px) {
  .er-guide {
    height: 300px;
  }
}
.er-guide  .text {
    position: absolute;
    top: 17%;
    left: 0;
    width: 50%;
    padding: 50px;
    line-height: 15px;
}
@media (max-width: 1100px){
    .er-guide  .text {
        top: 25%;
        text-align: center;
        padding: 10px;
    }
}
@media only screen and (max-width: 600px) {
  .er-guide  .text {
    display: none;
  }
}

.er-guide  .text h2{
    color: #fff;
}
  
.er-guide  .text p{
    color: #fff;
}
@media (max-width: 575px){
    .row h3{
        text-align: start;
    }
}
.er-g-ring-1{
    width: 100%;
    height: 400px;
    background: url('../images/er-guide/er-img1.jpg');
    background-position: center;
    background-size: cover;
    margin-top: 10px;
    margin-bottom: 10px;
}
.er-g-ring-2{
    width: 100%;
    height: 400px;
    background: url('../images/er-guide/er-img2.jpg');
    background-position: center;
    background-size: cover;
}

.size ul{
    display: grid;
    grid-template-columns: auto;
    gap:20px;
    padding: 25px;
}
.size ul li{
    list-style-type: circle;
}

.er-g-ring-3{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-img3.jpg');
    background-position: center;
    background-size: cover;
}
.er-g-ring-4{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-img4.jpg');
    background-position: center;
    background-size: cover;
}
.er-g-ring-5{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-img5.jpg');
    background-position: center;
    background-size: cover;
}
.er-g-ring-6{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-img6.jpg');
    background-position: center;
    background-size: cover;
}
.diamond{
    width: 85%;
    padding: 0 100px;
    margin: 50px auto;
}
@media (max-width: 575px){
    .container{
        padding: 1rem;
    }
}

/* Luxury Promise */
.luxury-consience .container{
    padding: 0 15px;
}
.luxury-consience .luxury-future-box .future-descripation{
    width: 85%;
}



















/* er-how-much css */
.er-how-much{
    width: 100%;
    height: 500px;
    background: url('../images/er-guide/er-how-much.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
}
@media only screen and (max-width: 600px) {
  .er-how-much{
    height: 300px;
  }
}
.er-style-diamond{
    width: 100%;
    height: 500px;
    background: url('../images/er-guide/er-img-ring-2.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
}

.er-how-much  .text {
    position: absolute;
    top: 17%;
    left: 0;
    width: 50%;
    padding: 50px;
    line-height: 20px;
}
@media only screen and (max-width: 600px) {
  .er-how-much  .text {
    display: none;
  }
}
.er-how-much  .text h2{
    color: #fff;
    margin-bottom: 10px;
}
  
.er-how-much  .text p{
    color: #fff;
}
.style-text{
    margin: 100px 0 0 0;
}
.style-text p{
    padding: 0 225px;
}
.style-text .btn-div{
    padding: 0 225px;
    margin: 40px 0;
}
.style-text .btn-div button{
    width: 50%;
}




.er-ring-yellow{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-ring-yellow.jpg');
    background-position: center;
    background-size: cover;
}
.er-ring-red{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-ring-red.jpg');
    background-position: center;
    background-size: cover;
}


















/* er-style css */
.er-style-bg{
    width: 100%;
    height: 500px;
    background:url('../images/er-guide/er-style-bg.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
}
@media (min-width:1400px) {
    .er-guide {
        width: 100%;
        height: 600px;
        background:url('../images/er-guide/er-style-bg.jpg');
        background-position: center;
        background-size: cover;
        position: relative;
    }
}
@media only screen and (max-width: 600px) {
 .er-style-bg{
    height: 300px;
  }
}
.er-style-bg  .text {
    position: absolute;
    top: 17%;
    left: 0;
    width: 50%;
    padding: 50px;
    line-height: 20px;
}
@media only screen and (max-width: 600px) {
 .er-style-bg  .text {
    display: none;
  }
}
.er-style-bg  .text {
    position: absolute;
    top: 17%;
    left: 0;
    width: 100%;
    padding: 50px;
    line-height: 15px;
}
@media (max-width: 1100px){
    .er-style-bg  .text {
        top: 40%;
        text-align: center;
        padding: 10px;
    }
}
@media (max-width: 991px){
    .er-style-bg  .text {
        top: 50%;
        text-align: center;
    }
}
@media (max-width: 767px){
    .er-style-bg  .text {
        text-align: center;
        left: 0;
        right: 0;
    }
}
@media (max-width: 991px){
    .er-guide  .text {
        text-align: center;
        top: 50%;
    }
}

.er-style-bg  .text h2{
    color: #fff;
    margin-bottom: 10px;
}

.er-style-bg  .text p{
    color: #fff;
}

.er-style-bg   .text h2{
    color: #fff;
}
  
.er-style-bg   .text p{
    color: #fff;
}
@media (max-width: 575px){
    .row h3{
        text-align: start;
    }
}

.er-img-ring-1{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-img-ring-1.jpg');
    background-position: center;
    background-size: cover;
}
.er-img-ring-2{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-img-ring-2.jpg');
    background-position: center;
    background-size: cover;
}
.er-img-ring-3{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-img-ring-3.jpg');
    background-position: center;
    background-size: cover;
}
.er-img-ring-4{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-img-ring-4.jpg');
    background-position: center;
    background-size: cover;
}
.er-img-ring-5{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-img-ring-5.jpg');
    background-position: center;
    background-size: cover;

}
.er-img-ring-6{
    width: 100%;
    height: 400px;
    background:url('../images/er-guide/er-img-ring-6.jpg');
    background-position: center;
    background-size: cover;
}
.prong-type ul{
    padding:0 30px;
    line-height: 35px;
}
.prong-type ul li{
    list-style-type: disc;
}
/* er-style css */
.precious-metals{
    width: 100%;
    height: 600px;
    background:url('../images/er-guide/precious-metals-bg.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
}
@media only screen and (max-width: 600px) {
 .precious-metals{
    height: 300px;
  }
}
.precious-metals .text {
    position: absolute;
    top: 30%;
    left: 0;
    width: 50%;
    padding: 50px;
    line-height: 20px;
}

@media only screen and (max-width: 600px) {
 .precious-metals .text {
    display: none;
  }
}
.precious-metals .text h2{
    color: #fff;
    margin-bottom: 20px;
}

.precious-metals .text p{
    color: #fff;
}
.karat ul{
    padding:0 30px;
    line-height: 35px;
}
.karat ul li{
    list-style-type: disc;
}
.er-trend{
    width: 100%;
    height: 500px;
    background: url('../images/er-guide/er-trend-bg.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
}
@media only screen and (max-width: 600px) {
  .er-trend{
    height: 300px;
  }
}
.er-trend .text {
    position: absolute;
    top: 17%;
    left: 0;
    width: 50%;
    padding: 50px;
    line-height: 20px;
}
@media only screen and (max-width: 600px) {
  .er-trend .text{ 
    display: none;
  }
}

.er-trend .text h2{
    color: #fff;
    margin-bottom: 10px;
}

.er-trend .text p{
    color: #fff;
}
.trend ul{
    padding:0 30px;
    line-height: 35px;
}
.trend ul li{
    list-style-type: decimal;
}