/* top section */

.image-fluid{
  background-image: url(../images/top-image/top-image.jpg);
  background-position: top;
  background-attachment: local;
  background-size: cover;
  background-repeat: no-repeat;
  clear: both;
}

.top-text-shadow{
  text-shadow: 2px 2px #9c1c1c;
}

.top-text{
  font-family: 'Anton', sans-serif;
  font-size: 5rem;
  padding: 23% 0 27% 0;
  color: #f5f5f5;
  text-align: center;
}

.carousel-item {
  transition: transform 3.0s ease-in-out;
}


.debt{
  color: #9c1c1c;

}

@media(max-width: 1028px){
  .image-fluid{
    background-image: url(../images/top-image/top-image2.jpg);
    background-position: top;
    background-attachment: local;
    background-size: cover;
    background-repeat: no-repeat;
    clear: both;
  }
}


/* middle section */

.dra-2023{
  margin: 2% 0 2% 37%;
  width: 30%;
  height: 90%;
  padding-bottom: 2%;
}

.dra-2024{
  margin: 1% 0 0 40%;
  width: 70%;
  height: 90%;
  padding-bottom: 2%;
}

#middle-section{
  margin: 5% 0 0 0;
}


#middle-section h1{
  text-align: center;
  padding-bottom: 7%;
  font-weight: bold;
}

#middle-section h3{
  text-align: left;
  font-weight: bold;
}

#middle-section .para-text{
  text-align: left;
  font-weight: 600;
  font-size: 1.2rem;
}

.easy-steps-img{
  height: 20%;
  width: 20%;
  margin: 0 0 2% 42%;
}

#middle-section li{
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5;
}

.padding-h1{
  padding: 5% 0 0 0;
}

.middle-section-paragrath{
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;

}

.btn-container{
  padding: 3% 0 3% 45%;
}

.box1{
  padding: 0 0 1% 0;
}

@media(max-width: 1028px){
  .dra-2023{
    margin: 6% 0 2% 10%;
    width: 80%;
    height: 90%;
    padding-bottom: 2%;
  }
  .dra-2024{
    margin: 1% 0 0 5%;
    width: 80%;
    height: 90%;
    padding-bottom: 2%;
  }
}


/* esay stes section */

.back-div .container-fluid{
  background: darkred;
  padding: 3% 1% 5% 1%;
}

.card-img-top{
  border-radius: 3%;
}


.step1-link{
  text-decoration: none;
}

.step1-link:hover{
  color: 	#ba002b;
}

@media(max-width: 1028px){
  .card-img-top{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    
  }

  #easy-steps .card{
    padding-bottom: 50%;
  }
}

/* Why you should use Debt Solutions section */

.bold-text{
  font-weight: bold;
}

.dcasa-text{
  font-weight: bold;
  text-align: center;
  font-size: 1.1rem;
}

.dcasa-img2{
  margin: 2% 0 2% 37%;
  width: 30%;
  height: 90%;
}

.h2-spacing{
  font-weight: bold;
  padding: 10% 0 5% 0;
  text-align: center;
}

.h5-spacing{
  font-weight: 700;
  margin: 5% 0 2% 0;
}


/* size logic */

@media (max-width: 1028px) {
#middle-section{
  text-align: center;
}

.easy-steps-img{
  height: 50%;
  width: 50%;
  margin: 0 0 5% 30%;
}


#easy-steps .card{
  text-align: left;
}

.back-div .container-fluid{
  background: darkred;
  padding: 3% 1% 10% 1%;
}

.top-text{
  font-size: 2.5rem;
  text-align: center;
}

.btn-container{
  padding: 3% 0 3% 5%;
}

.dcasa-img2{
  margin: 3% 0 3% 7%;
  width: 50%;
  height: 90%;
}



}