.body {
  background-color: red;
}

.home-container {
padding-top: 120px; /* Add padding to the top to account for the fixed header */
width: 100%;
height: auto;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.home-hero {
flex: 0 0 auto;
width: 100%;
height: 52vh; /* Adjust the height according to your needs */
display: flex;
position: relative;
align-items: center;
flex-direction: column;
background-size: cover; /* Ensure the image covers the entire container */
background-position: center center; /* Focus on the center of the image */
background-repeat: no-repeat; /* Prevent the image from repeating */
background-image: url("public/DwD/hero-dwd.jpg");
}

.home-bg {
flex: 0 0 auto;
width: 100%;
height: 100%;
display: flex;
opacity: 0.7;
position: absolute;
align-items: flex-start;
flex-direction: column;
}
.home-container1 {
top: auto;
left: auto;
right: 0px;
width: 100%;
bottom: 0px;
height: 100%;
display: flex;
position: absolute;
align-items: center;
flex-direction: column;
justify-content: center;
}
.home-container2 {
display: flex;
align-items: center;
padding-left: var(--dl-space-space-tripleunit);
padding-right: var(--dl-space-space-tripleunit);
flex-direction: column;
justify-content: center;
}
.home-text {
color: var(--dl-color-gray-white);
font-size: clamp(2rem, 4vw + 1rem, 8rem);
text-align: center;
}
.home-text01 {
color: rgb(176, 10, 12);
font-size: clamp(2rem, 4vw + 1rem, 8rem);
text-align: center;
}
.home-image {
width: 100%;
display: none;
object-fit: cover;
animation-name: none;
animation-delay: 0s;
animation-duration: 300ms;
animation-direction: normal;
animation-iteration-count: 1;
animation-timing-function: ease;
}
.home-slider-info {
width: 100%;
height: 114px;
display: inline-block;
border-color: var(--dl-color-pimary-500);
border-width: 1px;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
background-color: white;
}
.home-slider-slide {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.slider-text {
color: rgb(0, 0, 0);
font-size: clamp(0.8rem, 1.5vw + 0.5rem, 1.4rem);
font-weight: bold;
margin: 0 2%;
}
.home-slider-pagination {
fill: var(--dl-color-gray-900);
color: var(--dl-color-gray-900);
display: none;
border-color: var(--dl-color-gray-900);
border-width: 1px;
}
.home-slider-button-prev {
fill: var(--dl-color-gray-900);
color: var(--dl-color-gray-900);
display: none;
border-radius: var(--dl-radius-radius-radius4);
}
.home-slider-button-next {
display: none;
}
.home-info {
flex: 0 0 auto;
width: 100%;
display: flex;
position: relative;
align-items: center;


flex-direction: column;
padding-bottom: var(--dl-space-space-fiveunits);
background-color: var(--dl-color-pimary-300);
}
.home-container3 {
width: 80%;
display: flex;
max-width: 1368px; /* Default max-width for desktop */
align-items: center;
flex-direction: column;
background-color: var(--dl-color-pimary-300);
}

/* For tablets and smaller screens */
@media (max-width: 1024px) {
.home-container3 {
  max-width: 80%; /* Adjust max-width for tablets */
}
}

/* For mobile devices */
@media (max-width: 768px) {
.home-container3 {
  max-width: 80%; /* Further adjust max-width for mobile devices */
}
}
.home-cards-container {
margin: 2% 4%;
display: flex;
align-items: flex-start;
flex-direction: row;
justify-content: space-between;
}
.home-card1,.home-card2 {
flex: 0 0 auto;
width: 45%;
display: flex;
align-items: center;
border-radius: var(--dl-radius-radius-radius50);
flex-direction: column;
background-color: var(--dl-color-gray-white);
}

.home-container4, .home-container5 {
flex: 0 0 auto;
width: 3rem;
height: 3rem;
display: flex;
align-items: center;
border-radius: var(--dl-radius-radius-round);
flex-direction: column;
justify-content: center;
}
.home-image1 {
width: 29px;
height: 25px;
object-fit: cover;
}
.home-text06 {
fill: var(--dl-color-gray-black);
color: var(--dl-color-gray-black);
margin-top: var(--dl-space-space-unit);
text-align: center;
font-family: Open Sans;
}
.home-text07, .home-text11 {
font-size: .8rem;
margin: 1% 2%;
text-align: center;
font-family: "Open Sans";
line-height: 1.5rem;
}

.home-image2 {
width: 29px;
height: 25px;
object-fit: cover;
}
.home-text10 {
fill: var(--dl-color-gray-black);
color: var(--dl-color-gray-black);
margin-top: var(--dl-space-space-unit);
text-align: center;
font-family: Open Sans;
}
.home-work-with-us, .home-work-with-us2 {
width: 100%;
display: flex;
flex-direction: row;
background-color: #B00A0C;
padding: 4%;
box-sizing: border-box;
}
.home-work-with-us2 {
  margin-top: 8%;
}

.home-container6 {
flex: 0 0 auto;
width: 50%;
display: flex;
align-items: flex-start;
flex-direction: column;
margin-right: 2%;
}

.home-container7 {
width: 50%;
display: flex;
align-items: flex-end;
border-radius: 0px;
flex-direction: column;
background-size: cover;
justify-content: flex-end;
background-image: url("/media/ibrkwftg/men-talking.jpg");
background-position: center;
margin-left: 2%;
}

.home-text16 {
color: var(--dl-color-gray-white);
font-weight: 600;
margin-bottom: var(--dl-space-space-halfunit);
}

.home-text17 {
color: var(--dl-color-gray-white);
margin-top: var(--dl-space-space-unit);
margin-bottom: var(--dl-space-space-unit);
}

.home-quotes {
width: 100%; /* Set the width to 80% */
padding-top: 8%;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
margin: 0 auto; /* Center the section horizontally */
background-color: white;
}

.home-container8 {
width: 100%; /* Ensures the inner container takes full width within the 80% of the outer container */
margin: 0 auto; /* Center the content within the container */
text-align: center; /* Center the text */
background-color: var(--dl-color-pimary-500);
}

.home-container8 {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
}

.home-text23 {
color: var(--dl-color-pimary-300);
width: 36px;
height: 82px;
font-size: 5rem;
font-weight: 700;
}
.home-text24 {
color: var(--dl-color-gray-white);
height: 61px;
}
.home-slider-quotes {
width: 80%;
display: inline-block;
min-height: 200px; /* Optional: Set a minimum height */
height: auto; /* Allow the height to adjust based on content */
}
.home-slider-slide4 {
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
.home-text25 {
fill: var(--dl-color-scheme-white);
color: var(--dl-color-scheme-white);
font-size: 1.2rem;
}
.home-slider-slide5 {
display: flex;
align-items: center;
justify-content: center;
}
.home-text31 {
font-size: 1.2rem;
}
.home-text32 {
color: var(--dl-color-pimary-300);
}
.home-text34 {
color: var(--dl-color-pimary-300);
}
.home-text35 {
color: var(--dl-color-pimary-300);
}
.home-text36 {
color: var(--dl-color-pimary-300);
}
.home-text37 {
color: var(--dl-color-pimary-300);
}
.home-text38 {
color: var(--dl-color-pimary-300);
}
.home-slider-slide6 {
display: flex;
align-items: center;
justify-content: center;
}
.home-text40 {
color: var(--dl-color-pimary-300);
font-size: 1.2rem;
}
.home-slider-slide7 {
height: auto;
display: flex;
align-items: center;
padding-top: 1px;
justify-content: center;
}
.home-text50 {
fill: var(--dl-color-pimary-300);
color: var(--dl-color-pimary-300);
font-size: 1.2rem;
}
.home-slider-pagination1 {
display: block;
}
.home-slider-button-prev1 {
display: none;
}
.home-slider-button-next1 {
display: none;
}
@media(max-width: 991px) {
.home-cards-container {
  align-items: center;
  flex-direction: column;
}
.home-card1 {
  width: 90%;
  margin-bottom: var(--dl-space-space-fiveunits);
}
.home-card2 {
  width: 90%;
  margin-bottom: var(--dl-space-space-fiveunits);
}
.home-container8 {
  width: 100%;
}
.home-work-with-us, .home-work-with-us2 {
  flex-direction: column;
  padding: 4%; /* Keep the padding even on smaller screens */
}

.home-container6, .home-container7 {
  width: 100%;
  margin: 0;
}

.home-container6 {
  margin-bottom: 4%; /* Add spacing between text and image */
}
.home-container7 {
  min-height: 200px; /* Ensure the image container has a minimum height on smaller screens */
  background-size: cover;
  background-position: center;
  display: block; /* Ensure it is displayed */
}
}
@media(max-width: 767px) {
.home-work-with-us, .home-work-with-us2 {
  margin-top: var(--dl-space-space-tripleunit);
  flex-direction: column;
}
.home-container6, .home-container7 {
  width: 100%;
  margin: 0;
}
.home-container6 {
  margin-bottom: 4%; /* Ensure some spacing between text and image */
}
}
@media(max-width: 479px) {
.home-card1 {
  margin-bottom: var(--dl-space-space-tripleunit);
}
.home-text07 {
  text-align: left;
}
.home-card2 {
  margin-bottom: var(--dl-space-space-tripleunit);
}
.home-text11 {
  text-align: left;
}
.home-text24 {
  text-align: center;
}
}

.home-container8 h1 {
margin: 2% 0;
color: var(--dl-color-gray-white);
font-size: clamp(1.5rem, 2vw + 1rem, 3rem); /* Responsive font size */
}

.home-container8 p {
margin: 2% 0;
color: var(--dl-color-gray-white);
font-size: clamp(1rem, 1.5vw + 0.5rem, 1.5rem); /* Responsive font size */
}

.home-container8 img {
max-width: 100%;
height: auto; /* Ensures the image scales down but doesn't overflow */
margin-top: var(--dl-space-space-unit);
}

/* Mobile adjustments for the quotes section */
@media (max-width: 768px) {

.home-container8 h1, .home-container8 p {
  margin: 1% 0;
}
}

.home-work-with-us2 {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 4%;
box-sizing: border-box;
background-color: #B00A0C;
}

.home-container6 {
flex: 0 0 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: 2%;
}

.home-container7 {
flex: 0 0 50%;
background-size: cover;
background-position: center;
margin-left: 2%;
min-height: 300px;
}

.offer-buttons-wrapper {
width: 100%;
margin-top: 20px;
display: flex;
justify-content: center;
}

.offer-buttons {
display: flex;
justify-content: space-between;
gap: 8%;
padding-top: 8%;
}

.offer-button {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(90.7deg, #C60E0E 59.8%, #DD1B00 85.27%);
border-radius: 4px;
color: white;
font-size: 1rem;
padding: 10px 20px;
text-decoration: none;
min-width: 120px;
}

/* For mobile screens */
@media (max-width: 991px) {
.home-work-with-us2 {
  flex-direction: column;
}

.home-container6, .home-container7 {
  flex: 0 0 100%;
  width: 100%;
  margin: 0;
}

.home-container6 {
  margin-bottom: 20px;
}

.offer-buttons-wrapper {
  justify-content: center;
}

.offer-buttons {
  flex-direction: column;
  gap: 10px;
}
}