/* HEADER */
.header {
  background: url('../assets/bg-dog-cat.jpg') top right no-repeat #F6C312;
  float: left;
  height: 400px;
  position: relative;
  width: 100%;
}

.wave-container::before {   
  content: "";
  width: 100%;
  height: 92px;
  position: absolute;
  bottom: -0.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: 19vw bottom;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  93' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 68L50 64C100 60 200 52 300 35C400 18 500 -7 600 1C700 10 800 52 900 68C1000 85 1100 77 1150 73L1200 68V94H1150C1100 94 1000 94 900 94C800 94 700 94 600 94C500 94 400 94 300 94C200 94 100 94 50 94H0V68Z' fill='%23ffffff'/></svg>");
}

.logo-container {
  color: #2E3A74;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.logo {
  margin-bottom: 5px;
  margin-top: 50px;
}

/* content */
.content {
  float: left;
  margin-top: -100px;
  padding-bottom: 70px;
  padding-top: 170px;
  width: 100%;
}

.under-construction {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.under-construction h2 {
  font-size: 26px;
}

.under-construction .description {
  color: #4E4C46;
  font-size: 18px;
  margin-top: 20px;
}

.our-services {
  margin: 70px 0px;
}

.our-services h3 {
  background: url("../assets/title-border.png") bottom left no-repeat;
  font-size: 22px;
  margin-bottom: 40px;
  padding-bottom: 10px;
}

.our-services .icon {
  align-items: center;
  background: #DEECF5;
  border-radius: 30px;
  color: #2E3A74;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 30px 0px;
}

.our-services .icon a {
  color: #2E3A74;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

.our-services .icon img{
  margin: 0 auto 10px;
  width: 80px;
}

.products h3 {
  background: url("../assets/title-border.png") bottom left no-repeat;
  font-size: 22px;
  margin-bottom: 40px;
  padding-bottom: 10px;
}

.products h4 {
  font-size: 30px;
}

.products a.btn,
.products a.btn:hover,
.products .btn-check:checked+.btn, 
.products .btn.active, 
.products .btn.show, 
.products .btn:first-child:active, 
.products :not(.btn-check)+.btn:active {
  background: #2E3A74;
  border: none;
  color: #ffffff;
  float: right;
  font-size: 16px;
  padding: 15px 40px;
}

.products .bg1 {
  background: url("../assets/bg-product-1.png") bottom center no-repeat;
}

.products .bg2 {
  background: url("../assets/bg-product-2.png") bottom center no-repeat;
}

.products .bg3 {
  background: url("../assets/bg-product-3.png") bottom center no-repeat;
  padding-top: 120px;
}

.products .product {
  margin-top: 60px;
}

.products .product img {
  margin: 0 auto;
  padding-bottom: 55px;
}

.products h5 {
  font-size: 26px;
  font-weight: 500;
}

.products .description {
  color: #979697;
  font-size: 20px;
}

/* FOOTER */
.footer {
  background: #DEECF5;
  float: left;
  padding-bottom: 40px;
  width: 100%;
}

.footer h6 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  padding-top: 40px;
}

.footer .social-network a {
  align-items: center;
  color: #2E3A74;
  display: flex;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 14px;
  text-decoration: none;
  width: 100%;
}

.footer .social-network a i {
  background: #2E3A74;
  border-radius: 100%;
  float: left;
  height: 58px;
  margin-right: 10px;
  width: 58px;
}

.footer .social-network a i img {
  margin: 13px auto 0;
}

.footer ul {
  list-style: none;
  padding: 0;
}

.footer li {
  color: #757777;
  font-size: 18px;
  margin-bottom: 20px;
}

.footer li.phone {
  color: #2E3A74;
  font-size: 24px;
  font-weight: 600;
}

.footer .contact {
  margin: 40px auto 0;
}

@media (max-width: 575.98px) {
  .header {
    height: 300px;
  }

  .header span {
    display: none;
  }

  .logo {
    margin-top: 60px;
  }

  .content {
    padding-bottom: 50px;
    padding-top: 140px;
  }

  .under-construction h2 {
    font-size: 20px;
  }

  .under-construction .description {
    font-size: 16px;
  }

  .our-services {
    margin: 50px 0px;
  }

  .products h4 {
    font-size: 24px;
  }

  .products .product {
    margin-top: 40px;
  }

  .products h5 {
    font-size: 22px;
  }

  .products .description {
    font-size: 18px;
  }

  .products .bg3 {
    padding-top: 0px;
  }

  .footer {
    text-align: center;
  }
}