.ga-wrapper {
  width: 100vw;
  background-color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 50px;
}
.ga-container {
  width: 960px;
  max-width: 90vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ga-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.ga-header h2 {
  color: #e18219;
  font-weight: bold;
}
.ga-header h3 {
  text-transform: uppercase;
  color: white;
  text-align: center;
  background-color: black;
  padding: 10px 20px 10px 20px;
  margin: 30px;
}
.ga-header .ga-header-caption {
  color: black;
  text-align: center;
}
.ga-body {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .ga-body {
    flex-direction: column;
    align-items: center;
  }
}
.ga-img-container {
  /* position: relative;
  height: 400px;
  width: 400px; */
  width: 50%;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .ga-img-container {
    /* order: 2; */
  }
  .ga-body {
    flex-direction: column-reverse;
  }
}
.ga-img-container img {
  /* position: absolute;
  bottom: 0;
  width: 400px;
  height: 400px;
  min-width: 400px;
  min-height: 400px; */
  width: 100%
}
.ga-slider-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  box-sizing: border-box;
  padding: 25px;
  /* margin: 10px; */
}
@media screen and (max-width: 1024px) {
  .ga-slider-wrapper {
    order: 1;
  }
  .ga-slider-wrapper, .ga-img-container {
    width: 100%;
  }
}
.ga-slide-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 250px;
  overflow: hidden;
}
.ga-testimonial {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.ga-testimonial .ga-content {
  text-align: center;
}
.ga-testimonial .ga-name {
  text-align: center;
  font-size: 18px;
  padding: 0;
  margin: 0;
}
.ga-up-button, .ga-down-button {
  /* border-radius: 100%;
  width: 25px;
  height: 25px;
  background-color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 1px 1px 1px grey; */
  /* margin: 10px; */
  font-size: 20px;
  color: #a55517;
  background-color: white;
  padding: 10px;
}
.ga-up-button .ga-arrow, .ga-down-button .ga-arrow {
  width: 15px;
  height: 15px;
  color: white;
}

.ga-up-button:hover, .ga-down-button:hover {
  cursor: pointer;
}

/* .ga2-slider-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  width: 500px;
  padding: 10px;
  margin: 10px;
}
@media (min-width: 0px) and (max-width: 1174px) {
  .ga2-slider-wrapper {
    order: 1;
  }
}
.ga2-slide-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 300px;
}
.ga2-testimonial {
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.ga2-testimonial .ga2-content {
  text-align: center;
  font-style: italic;
  color: red;
  font-size: 14px;
  line-height: 16px;
}
.ga2-testimonial .ga2-name {
  color: lightgrey;
  text-align: center;
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.ga2-left-button, .ga2-right-button {
  border-radius: 100%;
  width: 25px;
  height: 25px;
  background-color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 1px 1px 1px grey;
}
.ga2-left-button .ga2-arrow, .ga2-right-button .ga2-arrow {
  width: 15px;
  height: 15px;
  color: white;
}
.ga2-left-button .ga2-arrow:hover, .ga2-right-button .ga2-arrow:hover {
  color: lightgrey;
}
.ga2-left-button:hover, .ga2-right-button:hover {
  cursor: pointer;
}
.ga2-left-button:active, .ga2-right-button:active {
  box-shadow: inset 1px 1px black;
} */
.ga-slide-out-top {
  animation: ga-slideOutTop 750ms ease-out 0s 1 forwards;
}
.ga-slide-in-top {
  animation: ga-slideInTop 750ms ease-out 0s 1 forwards;
}
.ga-slide-out-bottom {
  animation: ga-slideOutBottom 750ms ease-out 0s 1 forwards;
}
.ga-slide-in-bottom {
  animation: ga-slideInBottom 750ms ease-out 0s 1 forwards;
}
.ga-slide-out-left {
  animation: ga-slideOutLeft 750ms ease-out 0s 1 forwards;
}
.ga-slide-in-left {
  animation: ga-slideInLeft 750ms ease-out 0s 1 forwards;
}
.ga-slide-out-right {
  animation: ga-slideOutRight 750ms ease-out 0s 1 forwards;
}
.ga-slide-in-right {
  animation: ga-slideInRight 750ms ease-out 0s 1 forwards;
}
@keyframes ga-slideOutTop {
  0% {
    transform: translateY(0vh);
  }
  100% {
    transform: translateY(-100vh);
  }
}
@keyframes ga-slideOutBottom {
  0% {
    transform: translateY(0vh);
  }
  100% {
    transform: translateY(100vh);
  }
}
@keyframes ga-slideInTop {
  0% {
    transform: translateY(-100vh);
  }
  100% {
    transform: translateY(0vh);
  }
}
@keyframes ga-slideInBottom {
  0% {
    transform: translateY(100vh);
  }
  100% {
    transform: translateY(0vh);
  }
}
@keyframes ga-slideOutLeft {
  0% {
    transform: translateX(0vw);
  }
  100% {
    transform: translateX(-100vw);
  }
}
@keyframes ga-slideOutRight {
  0% {
    transform: translateX(0vw);
  }
  100% {
    transform: translateX(100vw);
  }
}
@keyframes ga-slideInLeft {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0vw);
  }
}
@keyframes ga-slideInRight {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0vw);
  }
}
.slider-divider {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 2px;
  width: 100%;
  background-color: #a6d2e3;
}