.swiper-container { padding: 20px; max-width: 1080px; margin: auto; }
/* .swiper-slide { background: #f9f9f9; padding: 20px; border-radius: 8px; position: relative; } */

/* .testimonial-name { font-weight: bold; margin-top: 10px; } */
/*.read-more { color: #0073aa; text-decoration: none; font-weight: bold; display: inline-block; margin-top: 10px; } */

.testimonial-title {padding:0px 0 20px 0;margin: 0 auto;text-align: center;}

/* End Testimonial Popup*/



/* Modal overlay styling */
.testimonial-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999; /* ← This puts it above everything else */
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Modal box styling */
.testimonial-modal-content {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  max-width: 600px;
  width: 90%;
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
  position: relative;
}

.form-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.form-group.half {
  flex: 1 1 48%;
}


/* Close button */
.testimonial-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
  color: #999;
}

/* Form field spacing */
#testimonial-form label {
  display: block;
  margin-top: 15px;
  font-weight: bold;
}
#testimonial-form input,
#testimonial-form select,
#testimonial-form textarea {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
  box-sizing: border-box;
}

#testimonial-form button {
  margin-top: 20px;
  background: #0073aa;
  color: white;
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
}

.agent-contact input,
.agent-contact textarea,
.agent-contact select {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    box-sizing: border-box;
}

.agent-details {
    /* clear: both; */
    width: 100%;
    padding: 15px;
    float: left;
    margin-top: 25px;
    
    background-color: #ededed;
}
.agent-wrapper {width: 70%;
    float:left;
    
}
.agent-card-name {
    margin-top:0.5em; 
    text-align: center;
    font-weight: bold;
}

.agent-card-image {
    width:100%;
    width: 200px;         /* Set your preferred width */
    height: 300px;        /* Matches height for square image */
    object-fit: cover;    /* Crop image nicely without stretching */
    border-radius: 8px;   /* Optional: rounded corners */
    display: block;
    text-align:center
}

.agent-main {
/*    width: 55%; */
    float: left;
    margin-right: 15px;
    border: 0px solid #000;
}

.agent-contact-form {
    width: 25%;
    float: right;
    border: 0px solid #000;
}

.agent-image {
    width: 200px;         /* Set your preferred width */
    height: 300px;        /* Matches height for square image */
    object-fit: cover;    /* Crop image nicely without stretching */
    border-radius: 8px;   /* Optional: rounded corners */
    display: block;
    float: left;
    margin: 0 25px 25px 0;
    
}

.testimonial-carousel {
    max-width: 1080px;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
}

.swiper-slide {
    background: #f9f9f9;
    position: relative; 
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.testimonial-slide-inner {
    position: relative;
    text-align: left;
}

.testimonial-stars {
    color: #FFD700;
    font-size: 1.6em;
    margin-bottom: 10px;
}

.testimonial-excerpt {
    margin: 10px 0;
    font-style: italic;
}

.testimonial-name {
    font-weight: bold;
    margin-top: 10px;
}

.read-more {
    display: inline-block;
    margin-top: 8px;
    color: #0073aa;
    text-decoration: underline;
    cursor: pointer;
}

.swiper-button-next,
.swiper-button-prev {
    color: #333;
    top: 40%;

}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 20px;
    font-weight: bold;
}

/* Responsive Design CSS */

/* === Responsive Agent Detail Layout === */
@media (max-width: 768px) {
  .agent-wrapper {
    width: 100%;
    float: none;
    display: block;
  }

  .agent-main,
  .agent-contact-form {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
    box-sizing: border-box;
  }

 /* .agent-image {
    float: none;
    display: block;
    margin: 0 auto 20px auto;
    padding: 0;
    max-width: 100%;
  }
  .agent-image {
      margin-top: 20px;
  }
*/
}
@media (max-width: 768px) {
  .agent-wrapper {
    width: 100%;
    float: none;
    display: block;
  }

  .agent-main,
  .agent-contact-form,
  .agent-details {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
    box-sizing: border-box;
  }

 
}