.container-fluid {
  position: relative;
  min-height: 100vh;
}

.bg-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
 
  object-fit: cover;
  z-index: -1;
}

.main-content-row {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  z-index: 1;
}

.servicecontent {
  padding: 50px;
  position: relative;
  z-index: 2;
}
ul.descriptiongoven {
  text-align: justify;
}
p.descriptiongoven {
  text-align: justify;
}
.right-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 50px;
}

/* Smooth transition effect */
.content-transition {
  transition: opacity 0.4s ease, transform 0.4s ease;
}

hr.text-danger {
  width: 80%;
  border: 1px solid red;
  margin: 1rem 0;
}

ol, ul {
  padding-left: 1rem !important;
}

img.customserviceimg {
  width: 52%;
  transition: opacity 0.4s ease;
}

/* Optional: Section indicators */
.section-indicators {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10;
}

.indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(200, 200, 200, 0.5);
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.indicator.active {
  background-color: red;
}

/* Make the page scrollable */
body {
  height: 2000px; /* Adjust based on how much scroll space you want */
}
.col-md-6.servicecontent {
  padding: 10vh;
}
@media (max-width:1024px) {
  .col-md-6.servicecontent {
    padding: 6vh;
}
  
}

@media (max-width:768px) {
  .content-section.content-transition {
    font-size: 13px;
}
h2.fw-bold.text-dark {
  font-size: 20px;
}
h3.text-danger.fw-bold {
  font-size: 20px;
}
}
@media (max-width:425px) {
  .col-md-6.servicecontent {
    padding: 17px;
}
.content-section.content-transition {
  font-size: 10px;
}
.col-md-6.right-section {
  padding: unset;
}
img.customserviceimg {
  width: 39%;
  transition: opacity 0.4s ease;
}
h3.text-danger.fw-bold {
  font-size: 16px;
}
h2.fw-bold.text-dark {
  font-size: 15px;
}
hr.text-danger {
  width: 54%;
  border: 1px solid red;
  margin: 1rem 0;
}
ul.descriptiongoven {
  text-align: unset;
}
p.descriptiongoven {
  text-align: unset;
}
  
}