main{
        margin-top: 80px;
    }
    .hero-section {
            background: url('') center/cover no-repeat;
            color: white;
            text-align: center;
            padding: 100px 20px;
        }
        .hero-section .btn {
            margin-top: 20px;
        }
        .display-4{
            color: #fff;
            text-align: left;
            line-height: 99px;
            font-size: 64px;
            padding-top: 100px;
            font-weight: 800 !important;
        }
        .maanibuton{
            border: 2px solid white;
            background-color: #fff;
            padding: 12px 24px;
            float: left;
            font-size: 20px;
            border-radius: 70px;
            font-weight: 600;
            margin-top: 70px !important;
            color: #000000;
        }
     .manibuton:hover{
        color: #000000;
     }
     .fished {
    background-color: black;
    padding: 40px 20px; /* Add padding around the section */
}
.fisheds{
    background-color: #f5f5f5;
}
.yuped {
    color: #fff;
    line-height: 38px;
    text-align: justify;
    margin-top: 30px; /* Reduce space between paragraphs */
    font-size: 28px;
}
.yupeds{
    color: #000000;
    /* line-height: 28px; */
    text-align: center;
    font-weight: 600;
    font-size: 33px;
}
.kelved{
font-size: 18px;
text-align: justify;
color: rgba(0, 0, 0, 0.753);
}
.maaded{
    font-size: 16px;
    text-align: justify;
    color: rgba(0, 0, 0, 0.753);
    margin-top: 30px;
}
.netpoint{
    line-height: 32px;
    margin-top: 20px;
}
.full-image img {
    width: 100%; /* Makes the image take up the full width of its container */
    height: auto; /* Maintains the aspect ratio */
    display: block; /* Removes any default inline spacing */
}
.headghes{
    color: #fff;
    font-size: 40px;
}
.calvined{
    font-size: 29px;
    margin-top: 20px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 4px;
}
.leveled{
    font-size: 18px;
    line-height: 33px;
    margin-top: 20px;
    color: #fff;
}
#jeavied{
    display: flex;
    justify-content: center;
}
.threetext{
    margin-top: 25px;
}


    section.position-relative {
    position: relative;
  }
  
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Black overlay with opacity */
    z-index: 1;
  }

  .container {
    position: relative;
    z-index: 2; /* Ensures text and button are above the overlay */
  }
  .seted{
    text-align: left;
    font-weight: 600;
  }
  .mande{
    text-align: left;
    font-weight: 600;
  }
  .noise{
    font-size: 15px;
  }
  .colored{
    background-color: #000000;
  }
  .colors{
    color: #fff;
  }
  .testimonual{
    background-color: #f5f6f8;
  }
  .bolded{
    font-weight: 700;
  }
  .weight{
    font-weight: 700;
  }
  #jeavied {
  position: absolute;
  top: 88%; /* Adjusts the vertical position */
  left: 50%; /* Centers horizontally */
  transform: translate(-50%, -50%); /* Ensures proper centering */
  z-index: 2; /* Places the button above the image */
}

.full-image img {
  width: 100%;
  height: auto;
  display: block;
}

.maanibuton {
  background-color: #000000; /* Button background color */
  color: #fff; /* Button text color */
  padding: 10px 20px; /* Padding for the button */
  text-decoration: none; /* Remove underline */
  border-radius: 50px; /* Rounded corners */
  font-size: 16px; /* Font size */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.maanibuton:hover {
  background-color: #0056b3; /* Darker shade on hover */
}