@import "tiny-slider.css";
* {
  outline: 0 !important; }

html, body {
  max-width: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden; }

body {
  background: #fff;
  font-family: 'Karla', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: #636363; }

.section {
  padding: 100px 0; }

.header {
  position: absolute;
  width: 100%;
  padding-top: 40px;
  z-index: 1; }
  .header .logo {
    fill: #fff;
    width: 220px; }

.hero {
  height: 60vh;
  position: relative; }
  .hero img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .hero .hero-content {
    position: absolute;
    bottom: 100px;
    width: 100%;
    color: #fff; }

.testimonial {
  display: flex; }
  .testimonial .testimonial-image {
    width: 60px;
    height: 60px;
    border-radius: 100%; }
  .testimonial .testimonial-content {
    padding: 12px 0 0 20px; }
    .testimonial .testimonial-content .testimonial-title {
      font-size: 18px;
      font-weight: 700;
      color: #000; }
    .testimonial .testimonial-content .testimonial-name {
      font-weight: 700; }
    .testimonial .testimonial-content .testimonial-company {
      color: #ababab; }