.slide {
    background-position: center !important;

}

.bg-section {
    height: 600px !important;
}

.square-img {
    aspect-ratio: 1/1;
    width: 100%;
    object-fit: cover;
}

.no-radius {
    border-bottom-right-radius: 0 !important;
}

    .slide-content #img2 {
    color: white; font-size: 35px;
       

    }.slide-content #img3{
    color: white; font-size: 35px;
       

    }
    .slide-content #img1{
    color: white; font-size: 35px;
       

    }
   .land-img1{
    width: 150px;
   }
   #gem1{
    margin-top: 40px;
    width: 450px;

   }.land-para1{
    font-size: 24px !important;

   }.land-coim{
    background-color: #0d3e21; width: -webkit-fill-available; position: relative; border-color: #0d3e21;

   }.land-coim-head{
    font-size: 28px; color: white;
   }
   .land-coim-para{
    color: white;font-size: 16px;font-weight: lighter;
    }.land-coim-span1{
        font-size: 18px;color: #118b0f;

    }.land-coim-para1{
        color: white; font-size: 16px;  font-weight: lighter; text-align: end;
    }.land-coim-span2{
        font-size: 16px;color: white;
    }
    .land-head3{
        text-align: center;
    font-weight: bold;

    color: black;
    }.land-img3{
        width: 800px;
    }.land-div3{
        padding:10px 10px;text-align:center; color:white;
    }


    .img-slider:hover {
                    flex: 2 !important;
                    width: 30%;



                }

                .img-slider:hover .img-title {

                    position: absolute;
                    z-index: 2;
                    width: 100%;
                    height: 100%;
                    background-color: transparent;
                    background-image: linear-gradient(180deg, #f3b71a4f 0%, #004317de 100%);
                    color: white;
                    font-size: 22px;
                    top: 0;
                    left: 0;
                    opacity: 1;
                    display: flex;
                    text-align: center;
                }

                .img-title {
                    opacity: 0;
                    display: none;
                    transition: all .6s ease;
                    text-align: center;

                    align-items: center;
                    justify-content: center;
                    top: 100px;
                }


                .img-slider {
                    flex: 1;
                    width: 25%;
                    overflow: hidden;
                    transition: all 0.3s linear;
                    position: relative;
                }




@media screen and (max-width:600px) {
    .slide-content #img1 {
        font-size: 20px !important;
        margin-top: -20% !important;
        margin-right: 45% !important;

    }

    .slide-content #img2 {
        font-size: 20px !important;
        margin-top: -20% !important;
        margin-right: 40% !important;

    }

    .slide-content #img3 {
        font-size: 20px !important;
        margin-top: -15% !important;

        margin-right: 40% !important;

    }

    .slide {
        background-size: 800px !important;
    }

    .bg-section {
        height: 40vh !important;
    }

    #gem1 {
        width: 350px;
    }

    .team-cat1 {
        left: 90px;


    }
    .fa-arrow-right {
                        margin-left: -43px;
                        margin-top: 5px !important;
                        font-size: 15px !important;
                    }

                    .contact-para {
                        margin-left: -33px;
                        margin-top: 3px;
                        font-size: 12px;
                    }

                    .div-ex {

                        min-width: 105%;




                    }
}
.team-buttons {
display: flex;
justify-content: space-between; /* Optional: Adjust spacing between buttons */
}

.team-more {
flex: 1; /* This makes each button take up equal space */
display: flex;
/* Center the button within each column */
}

.btn {
display: inline-block; /* Ensures the button doesn’t break the line */
}


@media (max-width: 768px) {
    .book-image {
      width: 100% !important; /* Ensure image takes full width of its container on small screens */
     
      margin-top: -75px !important;
    }
  }
    .book-image {
      width: 124%;
      margin-top: -56px;
      height:98%;
  }
  .team{
      margin-top: 25px !important;
  }
  
  
    @media (max-width: 768px) {
      .team-projects .container {
        padding: 0 15px; /* Add some padding on mobile */
      }
  
      .team-projects .row {
        display: flex;
        flex-direction: column; /* Stack columns vertically on small screens */
      }
  
      .team-projects .col-6 {
        width: 100%; /* Ensure columns take full width on small screens */
      }
  
      .team-projects .col-lg-5, .team-projects .col-lg-6 {
        width: 100%; /* Ensure columns take full width on small screens */
        padding: 0; /* Remove any padding */
      }
  
      .team-projects .heading-15 {
        text-align: center; /* Center-align text on small screens */
      }
  
      .team-more {
        text-align: center; /* Center-align buttons on small screens */
        margin-left: 5px;
      }
    }
  
    @media (min-width: 769px) {
      .team-projects .row {
        display: flex;
        flex-direction: row; /* Align columns side by side on larger screens */
      }
  
      .team-projects .col-lg-5, .team-projects .col-lg-6 {
        padding: 0 15px; /* Add padding to columns on larger screens */
      }
    }
    body {
        margin: 0;
        font-family: Arial, sans-serif;
      }
  
      /* Disable scrolling when popup is active */
      .no-scroll {
        overflow: hidden;
      }
  
      /* Popup container */
      .popup {
        display: none; /* Hidden by default */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8); /* Light black semi-transparent background */
        z-index: 9999999;
        justify-content: center;
        align-items: center;
      }
  
      /* Popup content */
      .popup-content {
        position: relative;
        width: 90%;
        max-width: 500px;
        padding: 20px;
        text-align: center;
      
      }
  
      /* Close button */
      .popup-close {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #ff5e57;
        color: white;
        border: none;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        cursor: pointer;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
      }
  
      /* Close button hover effect */
      .popup-close:hover {
        background: #ff3a30;
      }