#about .row {
  width:1200px;
  max-width:100%;
  padding:2rem 1rem;
  margin:0 auto;
}

blockquote {
  line-height: 1.7em;
  font-size:20px;
}

blockquote:before {
  content: open-quote;
  left:-.05em;
}

blockquote:after {
  content: close-quote;
  right:-.05em;
}

blockquote:before,
blockquote:after {
  display: inline-block;
  vertical-align: bottom;
  color: #019fb6;
  font-size: 4em;
  top: .2em;
  position: relative;
  font-family: work-sans;
}

#testimonial {
  margin: 1rem 0;
  position: relative;
}
#testimonial .row {
  position: relative;
  --bs-gutter-x:0;
  margin-top:1rem;
  justify-content: center;
}
#testimonial .row button.btn-action {
  border:1px solid #0095ac !important;
  width:auto;
  max-width:160px;
  border-radius:0;
  color:#0095ac;
  padding:.5rem .75rem;
  margin:0 .5rem;
  margin-bottom:1rem !important;
}

#testimonial .row button.active, #testimonial .row button.btn-action:hover {
  background-color: #0095ac !important;
  color:#fff !important;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
}

#testimonial .overlay {
  display: block;
  position: absolute;
  background-color:transparent !important;
  background:linear-gradient(to bottom, rgba(0,0,0,.8) , transparent);
  animation-duration:.8s;
  width:100%;
  height:50%;
  padding-top:1rem;
}

#testimonial .owl-carousel {
  margin-top:1rem;
}

#testimonial .owl-nav {
  text-align: center;
  position: absolute;
  display:none;
  width:100%;
  top:40%;
}

#testimonial .owl-nav button {
  padding:.8rem !important;
  background-color:#333;
  opacity:.5;
  position: absolute;
}

#testimonial .owl-nav button.owl-prev {
  left:.8rem;
}
#testimonial .owl-nav button.owl-next {
  right:.8rem;
}
#testimonial .owl-nav button:hover {
  opacity: 1;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
}
#testimonial .owl-nav img {
  filter:invert(1);
  width:30px;
}
#testimonial .overlay h1 {
  font-size:20px;
  font-family: 'Roboto-Thin';
  font-weight: 600;
  color: #fff;
  letter-spacing: .05em;
  padding: 1rem;
  padding-top:.5rem;
  animation-delay:1.8s;
}

#testimonial .overlay span {
  font-size:13px;
  text-underline-offset: 5px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  font-family: 'Roboto-Thin';
  font-weight: 600;
  color: #019fb6;
  text-shadow: 0 0 #019fb6;
  letter-spacing: .05em;
  padding-left:1rem;
  animation-delay:1.7s !important;
}

#testimonial .carousel {
  animation-duration: 1.8s;
  animation-delay: .2s;
  padding:0;
  display: flex;
  align-items: center;
  background-color:#222;
}

#testimonial .owl-carousel:last-child {
  height: 0;
  overflow: hidden;
}

#testimonial .carousel .carousel-item {
  max-height:600px;
}
#testimonial .carousel .carousel-item img {
  width:100%;
}
#testimonial a.expand {
  position: absolute;
  top: 1rem;
  right: .75rem;
  width: auto;
  z-index: 103;
}

#testimonial a.expand img {
  filter:invert(1);
  transition:.2s all ease-in-out;
  width:30px;
}

#testimonial a.expand:hover img {
  /*filter: brightness(0) saturate(100%) invert(53%) sepia(60%) saturate(5365%) hue-rotate(158deg) brightness(95%) contrast(99%);*/
  transform: scale(1.1);
}

/*
#about:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top:0;
  background-image:url(../img/logo_full.png);
  background-size: contain;
  z-index: -1;
  opacity: .04;
  background-repeat: no-repeat;
  background-position:center;
}
*/

#product .row {
  --bs-gutter-x:0;
}
#product .col-md-6:first-child {
  background-color:#f5f5f5;
  background:linear-gradient(to right, transparent, #f3f3f3);
}

#product .col-md-6:last-child {
  background-color:#f5f5f5;
  background:linear-gradient(to left, transparent, #f3f3f3);
}

#product .col-md-6 {
  cursor:pointer;
  overflow: visible;
  position: relative;
}

#product .col-md-6 img {
  max-width:34%;
  position: absolute;
  left:.5rem;
  top:.5rem;
  transition:.3s all ease-in-out;
}

#product .col-md-6:last-child img {
  max-width:35%;
  position: absolute;
  left:1rem;
  top:2.5rem;
}

#product .col-md-6 div {
  max-width:62%;
  margin-left:38%;
  padding:2rem .5rem;
}

#product .col-md-6 div h1 {
  font-size:22px;
  margin-bottom:1rem;
  font-weight:600;
  letter-spacing: .07em;
  font-family: Roboto-Thin;
}

#product .col-md-6 div ul  {
  padding:0;
}

#product .col-md-6 div ul li {
  list-style:none;
  font-size:14px;
  line-height:2;
}

#product .col-md-6 div ul li img {
  position:relative !important;
  top:-.1rem !important;
  left:-.25rem !important;
  width:30px;
  filter: brightness(0) saturate(100%) invert(49%) sepia(89%) saturate(814%) hue-rotate(147deg) brightness(81%) contrast(99%);
}

#product .col-md-6:last-child div ul li img {
  width:26px;
  margin-right:.35rem;
  margin-top:.15rem;
  left:-.1rem !important;
}

#product .col-md-6:hover img {
  transform:scale(1.15);
  z-index:4;
}

#product .col-md-6:hover ul li img {
  transform:none;
}

#action {
  background-color:#019fb6;
  background:linear-gradient(to bottom, #0095ac, #007385);
  /*margin-top:6px;*/
}

#action .row {
  --bs-gutter-x:0;
  line-height:1.25;
  color:#fff;
  display: block;
  text-align: center;
  font-size:23px;
  justify-content: center;
  align-items:center;
  padding:1.15rem 1rem;
  font-family: 'Roboto-Thin';
}

#action .row button {
  width:auto;
  font-size:16px;
  font-weight:600;
  margin-top:1rem;
}

.item {
  opacity:.5;
  transition:.2s all ease-in-out;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
}

.active .item {
  opacity:1;
}
@media (min-width: 768px) {

  #testimonial .owl-nav {
    display:block;
  }
  #testimonial .row {
    margin: 2rem 0;
  }

  #testimonial .row:first-child .carousel-control-prev { 
    left:30%;
  }

  #testimonial .row:last-child .carousel-control-next { 
    right:30%;
  }

  .carousel-control-next, .carousel-control-prev {
    align-items: flex-end;
    bottom:2rem;
    opacity:1;
  }
  #testimonial .overlay {
    background: none;
    width:30%;
    max-width:500px;
    height:100%;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-right:2rem;
    padding-bottom:1rem;
  }
  #testimonial .row:last-child .overlay {
    padding-right:0;
  }
  #testimonial .overlay:before {
    background: linear-gradient(to left, #0095ac, #007385);
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: -1rem;
    bottom: 0;
    transform:rotate(6deg);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  }
  #testimonial .row:last-child .overlay:before {
    left: 0;
  }
  #testimonial .row:last-child .overlay {
    justify-self: flex-end;
    right: 0;
  } 
  #testimonial .overlay h1 {
    padding: 2rem 0;
    font-size:1.25rem;
    letter-spacing: .06em;;
    font-weight:normal;
  }/*
  #testimonial .row:last-child .overlay h1 {
    font-size:2rem;
  }*/
  #testimonial .overlay span {
    font-size:16px;
    color: #fff;
    text-shadow: none;
    padding:0;
  }
  #testimonial .carousel .carousel-item {
    max-height:600px;
    text-align: right;
  }
  #testimonial .row:last-child .carousel .carousel-item {
    text-align: left;
  }
  #testimonial .carousel .carousel-item img {
    width:74%;
  }
  blockquote {
    font-size:24px;
  }
  #about .row {
    margin-top:2rem;
    margin-bottom:2rem;
  }
  #product .col-md-6 div {
    padding:2rem 1rem;
  }
  #product .col-md-6 div h1 {
    font-size:28px;
    margin-bottom:2rem;
  }
  #product .col-md-6 div ul li {
    font-size:18px;
    padding-bottom:.25rem;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #product .col-md-6 {
    height:300px;
  }
  #product .col-md-6 div {
    padding:3rem 2rem;
  }
  #product .col-md-6 img {
    top:.5rem;
    left:1.5rem;
  }
  #product .col-md-6:last-child img {
    top:3.5rem;
    left:1.25rem;
  }
  #product .col-md-6 div ul li img {
    width:34px;
  }
  #product .col-md-6:last-child div ul li img {
    width:34px;
    margin-right:.5rem;
    margin-top:.1rem;
  }
  #product .col-md-6:first-child {
    border-right:3px solid #fff;
  }
  
  #product .col-md-6:last-child {
    border-left:3px solid #fff;
  }
  #action .row {
    font-size:26px;
    display: flex;
  }
  #action .row button {
    margin-top:.5rem;
    margin-left:1rem;
    font-size:18px;
  }
}

@media (min-width: 912px) {
  #testimonial .overlay h1 {
    font-size:1.65rem;
  }  /*
  #testimonial .row:last-child .overlay h1 {
    font-size:2.4rem;
  }*/
}

@media (min-width: 1200px) {
  #product .col-md-6 img, #product .col-md-6:last-child img {
    max-width:220px;
    left:3rem;
  }
  .mobile_menu {
    display:none;
  }
  #menu .row {
    padding-right:8rem;
  }
  #product .col-md-6 div ul li {
    font-size:20px;
  }
  #testimonial .carousel .carousel-item img {
    margin-top:-100px;
  }

  #testimonial .overlay h1 {
    font-size:2.45rem;
  }  /*
  #testimonial .row:last-child .overlay h1 {
    font-size:3.2rem;
  }*/
}

@media (min-width: 1400px) {
  #product .col-md-6 img, #product .col-md-6:last-child img {
    left:4rem;
  }
  #testimonial .overlay h1 {
    font-size:2.5rem;
    padding-right:1rem;
  }
  /*
  #testimonial .row:last-child .overlay h1 {
    font-size:3.6rem;
  }*/
  #testimonial .overlay span {
    padding-right:1rem;
  }
}