@import 'style1.css';

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

.t-c{
  text-align: center;
}
.bg-red{
  background-color:var(--green);
  color: white;
}

.container-fluid {
  width: 100%;
  height: auto;
  margin: auto;
}

.container {
  width: 100%;
  height: auto;
  padding: 8% 10%;
}
.container1{
  width: 100%;
}
.px{
  padding: 0 10%;
}

.d-fl {
  display: flex;
  flex-direction: row;
  column-gap: 3vw;
}
.d-flex{
  display: flex;
  justify-content: space-between;
  column-gap: 3%;
  align-items: center;
}
.d-gr-1{
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1em;
}

.d-gr-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2.5vw;
  row-gap: 12vh;
}

.d-gr-2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2%;
  row-gap: 8vh;
}


button {
  font-size: 1.02rem;
  background-color: #d55437;
  color: white;
  padding: 3% 17%;
}
.button {
  font-size: 1.02rem;
  background-color: #d55437;
  color: white;
  padding: 3% 10%;
  text-decoration: none;
}
.button1 {
  font-size: 1.02rem;
  background-color: transparent;
  color: var(--complementory-color);
  text-decoration: none;
}

.mb-5{
  margin-bottom: 5vh;
}
.mb-4{
  margin-bottom: 4vh;
}
.mb-3{
  margin-bottom: 3vh;
}
.mb-2{
  margin-bottom: 2vh;
}
.pb-5{
  padding-bottom: 10vh;
}
.banner{
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.first>*{
  margin-bottom: 3vh;
}

.italic-small{
  font-size: 16px;
  font-style: italic;
}

.testimonial-container{
  position: relative;
  width: 100%;
  max-width: 1000px; /* Adjust as needed */
  margin: auto;
  overflow: hidden;
}

.testimonials {
  display: flex;
  animation: slideAnimation 12s infinite ease; /* Adjust animation duration as needed */
}

.testimonial {
  padding: 5%;
  flex: 0 0 100%; /* Ensure each testimonial takes full width */
}

.padding{
  padding: 5%;
}

.testimonials:hover{
  animation-play-state: paused;
}

@keyframes slideAnimation {
  0% {
    transform: translateX(0);
  }
  5%{
    transform: translateX(-100%);
  }
  33.333% {
    transform: translateX(-100%);
  }
  40% {
    transform: translateX(-200%);
  }
  66.666% {
    transform: translateX(-200%);
  }
  70% {
    transform: translateX(-300%);
  }
  100% {
    transform: translateX(-300%);
  }
}

.post{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.post img{
  width: 100%;
  height: auto
}

.date{
  position: absolute;
  top: 10%;
  left: 0;
  background-color: aliceblue;
}


@media screen and (max-width: 1024px) {

  .banner{
    height: 100%;
  }
  .container{
    height: auto;
    padding: 10% 5%;
  }
  .d-gr-1{
    row-gap: 5vh;
  }
  .d-gr-2{
    grid-template-columns: 1fr;
    row-gap: 5vh;
  }

.d-gr-3{
    grid-template-columns: 1fr;
  }
  .d-fl{
    flex-wrap: wrap;
  }
  .d-flex{
    flex-wrap: wrap;
    justify-content: center;
  }
  .testimonial-container{
    padding: 10% 0;
    text-align: center;
  }
  .padding{
    padding: 0%;
  }

}