.hero-section {  
  color: #fff;
  text-align: center;   
}

.content-section {
  margin-top: 40px;
}

.content-section .card, .content-section .card-body {
  border: none;  
  flex: 1;     
  text-align: left;
}

.content-section .row {
  --bs-gutter-x: 0rem !important;
}

.card-custom {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  text-align: left;
  max-width: 300px;
  margin: auto;
}
.card-custom .number {
  position: absolute;
  top: -32px;
  right: 24px;
  font-size: 40px;  
}
.card-custom .icon {
  font-size: 48px;
  margin-bottom: 10px;
}
.card-custom .title {
  font-weight: 600;
  margin-bottom: 10px;
}
.card-custom .text {
  color: #7D7987;
  line-height: 24px;
}

.card-text{
  line-height: 28px;  
}

.grey{
  color: #4A4C56;
  font-weight: 400;
}

.number{
  color: white;
  background-color: white;
  text-shadow: -1px -1px 0 #4A9C2D, 1px -1px 0 #4A9C2D, -1px 1px 0 #4A9C2D, 1px 1px 0 #4A9C2D;
}

.text-green{
  color: #4A9C2D;
  }



      /* Button Styles */
.btn-success {
  background-color: #4A9C2D;
    border-color: #4A9C2D;
    padding: 0.4rem 0.5rem;
    font-weight: 500;
    border-radius: 0.25rem !important;     
}

.btn-success:hover {
  background-color: #5aa33e;
  border-color: #5aa33e;
}


.equal-height {
  display: flex;
  align-items: stretch;
}

.equal-height .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.image-container {
  display: flex;
  align-items: baseline;
  justify-content: center;
  height: 100%;
}

.image-container img {
  max-height: 100%;    
    object-fit: cover;
    aspect-ratio: 3 / 2;
    box-shadow: 0 10px 10px -5px;
    border-radius: 0.5rem;
}

.content-section ul {
    list-style: none; /* Remove default bullets */
    padding-left: 0; /* Remove left padding */
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}

.content-section ul li {
    position: relative;
    padding-left: 30px; /* Space for the checkmark */
    margin-bottom: 0.75rem !important;
}

.content-section ul li::before {
    content: "\2714"; /* Unicode for checkmark */
    position: absolute;
    left: 0;
    color: #4A9C2D; /* Green checkmark */
    font-weight: bold;
    font-size: 1.25rem !important;
}

.content-section .card-text{
  margin-top:1.5rem;
  margin-bottom:1.5rem;
}

.content-section .fw-bold{
  font-weight: 600 !important;
}

.why-choose-us{
  box-shadow: 0 1rem 3.2rem rgba(23, 32, 42, .165) !important;
    border: 1px solid #d9d9d9;
    margin: 1rem;
    border-radius: 1rem;
}

.why-choose-us:hover{
   box-shadow: 0 10px 10px -5px;       
}

.why-choose-us ul li::before {  
  position: relative;
  margin-left: -2rem !important;  
}
       

@media (max-width: 576px) {
  .content-section .row{
    display: flex;
    flex-direction: column;
  }
    .content-section .row.equal-height .col-md-6:has(.image-container){
          order: 0;
    }
    .content-section .row.equal-height.my-4 .col-md-6:has(.image-container){
      order: -1;
}
}

@media (max-width: 991px) {
  .content-section .d-flex.mb-5{
    display: block !important;
  }

  .content-section .row{
    display: flex;
    flex-direction: column;
  }
    .content-section .row.equal-height .col-md-6:has(.image-container){
          order: 0;
    }
    .content-section .row.equal-height.my-4 .col-md-6:has(.image-container){
      order: -1;
}

  .content-section .row .col-md-6{
    width: 100% !important;
  }

  .btn-success{
    margin-bottom: 2rem !important;
  }

  .alternate{
    flex-direction: column;
  }

  .alternate .alternate-img{
    order:-1 !important;    
  }
}

@media (min-width: 768.9px) and (max-width: 991.9px) {
  .content-section .d-flex.mb-5{
    display: block !important;
  }

  .content-section .card , .content-section .card-body{
    width: 100% !important;    
  }

  .btn-success{
    margin-bottom: 2rem !important;    
  }

}

.video-slide {
  width: 100%; /* Full width of the container */
  height: auto; /* Maintain aspect ratio */
  max-width: 1300px; /* Set a max width */
  display: block; /* Prevent inline spacing issues */
  margin: 0 auto; /* Center the video */
}

/* Responsive adjustments */

@media (max-width:2560px) {
  .video-slide{
    max-width: 100%;
  }
}
@media (max-width: 1024px) {
  .video-slide {
      max-width: 100%;
  }
}

@media (max-width: 768px) {
  .video-slide {
      max-width: 100%; /* Full width for tablets */
  }
}

@media (max-width: 480px) {
  .video-slide {
      max-width: 100%; /* Full width for small screens */
  }
}