.hero-container .arrow {
    position: absolute;
    bottom: -10px; /* Moves the arrow 10px from the top of the container */
    right: 10px; /* Positions the arrow at the right end */
    transform: translateX(0); /* No need to translate horizontally when at the right end */
    animation: moveUpDown 2s infinite ease-in-out;
    width: 50px; /* Adjust width of the arrow */
    height: auto;
  }
  
  @keyframes moveUpDown {
    0%, 100% {
        transform: translate(-50%, 0); /* Start and end at the same position */
    }
    50% {
        transform: translate(-50%, 10px); /* Move down 10px at 50% of the animation */
    }
  }
  @media (max-width: 768px) {
    .hero-container .arrow {
      width: 40px; /* Reduce arrow size for smaller screens */
      right: 5px; /* Adjust right position for smaller screens */
     /* Adjust top position for smaller screens */
    }
  }
  
  @media (max-width: 576px) {
    .hero-container .arrow {
      width: 30px; /* Further reduce arrow size for extra small screens */
      right: 5px; /* Keep it close to the right edge on small screens */
       /* Adjust top position for extra small screens */
    }
  }

/********************************************* findout ***************************************/
.findout h2{
    font-family: "Lexend";
    font-style: "Medium";
    font-size: 51px;
    color: #222236;
}





/******************************************** cards  *********************************************/
.cards{
    width: 100%;
  }
  @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
          body {
              font-family: 'Lexend', sans-serif;
      
          }
          
          a:hover {
              text-decoration: none;
          }
          
          .np {
              padding: 0px;
          }
          
      
          
          .featuredPropBox ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            list-style: none; /* Changed from 'outside none none' to 'none' */
            padding: 10px; /* Add padding to the ul element */
            margin: 0; /* Ensure no additional margin is added */
            box-sizing: border-box; /* Include padding in the width calculation */
          }
          
      
          
          .featuredPropBox ul li {
              background-color: #eeeeee;
              background-size: cover;
              background-position: 50% 50%;
              background-repeat: no-repeat;
              display: flex;
              height: 250px;
              margin: 5px;
              width: 32%;
              position: relative;
              transition: all 0.3s;
              cursor: pointer;
          }
          
          .featuredPropBox ul li:after {
              position: absolute;
              content: "";
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              background-color: rgba(22, 22, 22, 0.6);
              transition: all 0.3s;
          }
          
          .featuredPropBox ul li:nth-child(1) {
              background-image: url('../images/service/image1.png');
          }
          
          .featuredPropBox ul li:nth-child(2) {
              background-image: url('../images/service/image2.png');
          }
          
          .featuredPropBox ul li:nth-child(3) {
              background-image: url('../images/service/image3.png');
          }
  
   .featuredPropBox ul li:nth-child(4) {
              background-image: url('../images/service/image4.png');
          }
  
   .featuredPropBox ul li:nth-child(5) {
              background-image: url('../images/service/image5.png');
          }
   .featuredPropBox ul li:nth-child(6) {
              background-image: url('../images/service/image6.png');
          }
  
   .featuredPropBox ul li:nth-child(7) {
              background-image: url('../images/service/image7.png');
          }
  
   .featuredPropBox ul li:nth-child(8) {
              background-image: url('../images/service/image8.png');
          }
  
   .featuredPropBox ul li:nth-child(9) {
              background-image: url('../images/service/image9.png');
          }
    .featuredPropBox ul li:nth-child(10) {
            background-image: url('../images/service/image10.png');
        }
    .featuredPropBox ul li:nth-child(11) {
          background-image: url('../images/service/image11.png');
      }
          
          .featuredPropBox ul li .fplogo {
              left: 50%;
              position: absolute;
              top: 50%;
              transform: translate(-50%, -50%);
              width: 60%;
              z-index: 1;
              transition: all 0.3s;
              color: #FFFFFF;
              font-family: "Lexend";
              font-style: "Medium";
              font-size: 32px;
          }
          
          .featuredPropBox ul li .fplogo img {
              width: 100%;
          }
          
          .featuredPropBox ul li .fptext {
              display: none;
              font-size: 16px;
              left: 50%;
              position: absolute;
              text-align: center;
              top: 50%;
              transform: translate(-50%, -50%);
              transition: all 0.3s ease 0s;
              width: 65%;
              z-index: 1;
          }
          
          .featuredPropBox ul li .fptext p {
              color: #fff;
              margin: 0px;
          }
          
          .featuredPropBox ul li:hover {
              box-shadow: 0 0 0 25px rgba(0, 0, 0, 0.2) inset;
          }
          
          .featuredPropBox ul li:hover:after {
              background-color: rgba(22, 22, 22, 0.3);
          }
          
          .featuredPropBox ul li:hover .fplogo {
              display: none;
          }
          
          .featuredPropBox ul li:hover .fptext {
              display: block;
          }
  /* Adjust margins and paddings for sections */
  
/* Ensure the first and second H2 tags are centered */
.scaffold,
.others {
  text-align: center;
  width: 100%;
  margin-bottom: 1.5rem; /* Adjust spacing as needed */
  color: #1E97C6;
}

.others {
  margin-top: 2rem; /* Adjust spacing as needed */
  color: #1E97C6;
}

/* Ensure the list items align properly */
.featuredPropBox ul {
  padding: 0;
  margin: 0;
}

/* Additional styling to improve card appearance */
.featuredPropBox .fplogo {
  font-size: 1.2rem;
  font-weight: bold;
}

.featuredPropBox .fptext p {
  font-size: 0.9rem;
}


/*=========================== Back to Top Button Styling ==========================*/

/* Back to Top Button */
#backToTop {
    display: none; /* Hidden by default */
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100; /* Make sure it is on top of other elements */
    cursor: pointer;
    border-radius: 50%;
    padding: 15px; /* Adjust padding for better spacing */
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
    animation: smooth-move 3s ease-in-out infinite; /* Smooth up and down animation */
  }
  
  /* Styling for the Font Awesome arrow icon */
  #backToTop i {
    font-size: 50px;
    color: #1E97C6; /* Arrow color */
    height: auto;
  }
  
  /* Show button when scrolled down */
  body.scrolled #backToTop {
    display: block;
  }
  
  /* Smooth up and down animation keyframes */
  @keyframes smooth-move {
    0%, 100% {
      transform: translateY(0); /* Starting and ending position */
    }
    50% {
      transform: translateY(-10px); /* Move up smoothly */
    }
  }