body{
  font-family: Red Hat Display, sans-serif;
}

a{
  color: #ff4e1f;
}

.home-hero-h1 {
  font-family: "Red Hat Display", sans-serif;
  -webkit-text-fill-color: transparent;
  object-fit: fill;
  background-image: linear-gradient(#fff, #5a5a5a);
  background-clip: text;
  font-size: 112px;
}

.bg-orange{
  background-color: #ff4e1f;
}

.bg-grey{
  background-color: #625d5a;
}

.bg-green{
  background-color: #063732;
}

.text-orange{
  color: #ff4e1f;
}

.text-grey{
  color: #98a2b3;
}

.text-darkgrey{
  color: #625d5a;
}

.btn-orange{
  background-color: #ff4e1f;
}
.btn-orange:hover{
  background-color: #ff4e1f;
}

.btn-black{
  background-color: black;
}
.btn-black:hover{
  background-color: black;
}

.fw-800{
  font-weight: 800;
}
.fw-900{
  font-weight: 900;
}

/*font-size*/
.fs-10px{
  font-size: 10px;
}
.fs-11px{
  font-size: 11px;
}
.fs-14px{
  font-size: 14px;
}
.fs-19px{
  font-size: 19px;
}
.fs-21px{
  font-size: 21px;
}
.fs-22px{
  font-size: 22px;
}
.fs-24px{
  font-size: 24px;
}
.fs-26px{
  font-size: 26px;
}
.fs-28px{
  font-size: 28px;
}
.fs-31px{
  font-size: 31px;
}
.fs-35px{
  font-size: 35px;
}
.fs-42px{
  font-size: 42px;
}
.fs-56px{
  font-size: 56px;
}
.fs-63px{
  font-size: 63px;
}
.fs-70px{
  font-size: 70px;
}
.fs-98px{
  font-size: 98px;
}

.owl-carousel {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
}

.social-icon{
  width: 24px;
  height: 24px;
}

.accordion-after-none:after{
  display: none;
}

.avatar-stack_item.featured{
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
  border: 2px solid white;
  background-color: white;
  border-radius: 50%;
  margin-right: -1rem;
}

.avatar-stack_item{
  width: 2.75rem;
  height: 2.75rem;
  border: 2px solid white;
  background-color: white;
  border-radius: 50%;
  margin-right: -1rem;
}

.btn-social{
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  top: 0;
  transition: opacity 0.2s ease-in, top 0.2s ease-in;
}
.btn-social:hover{
  opacity: .8;
  top: -4px;
  color: white;
}
.btn-social-copy{
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  top: 0;
  transition: opacity 0.2s ease-in, top 0.2s ease-in;
}
.btn-social-copy:hover{
  opacity: .8;
  top: -4px;
  color: white;
}
/*social button color*/
.btn-facebook{
  background-color: #4267B2;
  color: white;
}
.btn-facebook:hover{
  background-color: #4267B2;
}
.btn-whatsapp{
  background-color: #25d366;
  color: white;
}
.btn-whatsapp:hover{
  background-color: #25d366;
}
.btn-twitter{
  background-color: #000000;
  color: white;
}
.btn-twitter:hover{
  background-color: #000000;
}
.btn-linkedin{
  background-color: #0077b5;
  color: white;
}
.btn-linkedin:hover{
  background-color: #0077b5;
}
.btn-email{
  background-color: #7d7d7d;
  color: white;
}
.btn-email:hover{
  background-color: #7d7d7d;
}
.btn-copylink{
  background-color: #ff4e1f;
  color: white;
}
.btn-copylink:hover{
  background-color: #ff4e1f;
}

.fa-brands{
  display: flex !important;
  justify-content: center !important;
}
.fa-solid{
  display: flex !important;
  justify-content: center !important;
}

.tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.btn-social-copy:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.content-section h2{
  font-size: calc(1.325rem + .9vw) !important;
  padding-top: 0.75rem;
  font-weight: bolder !important;
}
.content-section .quote{
  font-size: 31px;
  font-weight: bolder !important;
  line-height: 46.5px;
  text-align: center !important;
  padding-top: 1.5rem !important;
  margin-bottom: 1rem;
}
.content-section h3{
  padding-top: 0.25rem;
  font-weight: bolder !important;
}
.content-section h6{
  font-size: 1rem !important;
  text-align: center !important;
  padding-bottom: 1.5rem !important;
}
.content-section p:nth-child(1){
  padding-top: 3rem !important;
}
.content-section p{
  font-size: 22px;
  padding-top: .25rem !important;
}
.content-section span{
  font-size: 1rem !important;
  padding-top: 3rem !important;
  display: block;
}
.content-section ol{
  font-size: 22px;
  padding-top: .25rem !important;
}
.content-section ul{
  font-size: 22px;
  padding-top: .25rem !important;
}

#careers ul{
  padding-left: 3rem !important;
  margin-left: 1.5rem !important;
  margin-bottom: auto !important;
}
#careers p{
  padding-left: 3rem !important;
  text-align: left !important;
}

.featured-work button{
  background-color: #625d5a;
  border-radius: 50rem;
  border: none;
  font-size: 10px;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  padding: .5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  cursor: unset;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.deliverables button{
  background-color: #625d5a;
  border-radius: 50rem;
  border: none;
  font-size: 10px;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  padding: .5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  cursor: unset;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.work-single a{
  font-size: 22px;
}

@media screen and (max-width: 600px){
  .home-hero-h1{
    font-size: 56px;
    text-align: center;
  }
  .home-p{
    font-size: 16px !important;
    line-height: 26px;
    text-align: center;
  }
  .home-intro-container{
    height: 78svh;
    position: relative;
  }
  .home-title-h2{
    font-size: 35px;
    text-align: center;
  }
  .owl-item{
    margin: 0;
  }
  .quote-text{
    font-size: 24px;
    line-height: 41px;
  }
  .footer-copyright{
    font-size: 9px;
  }
  .fs-m-16px{
    font-size: 16px;
  }
  .fs-m-17px{
    font-size: 17px;
  }
  .fs-m-18px{
    font-size: 18px;
  }
  .fs-m-20px{
    font-size: 20px;
  }
  .fs-m-22px{
    font-size: 22px;
  }
  .fs-m-26px{
    font-size: 26px;
  }
  .fs-m-28px{
    font-size: 28px;
  }
  .fs-m-35px{
    font-size: 35px;
  }
  .fs-m-42px{
    font-size: 42px;
  }
  .fs-m-49px{
    font-size: 49px;
  }
  .content-section h3{
    font-size: 26px !important;
  }
  .content-section p{
    font-size: 18px !important;
  }
  .content-section ol{
    font-size: 18px;
  }
  .content-section ul{
    font-size: 18px;
  }
  #careers ul{
    margin-left: auto !important;
    margin-bottom: 1.5rem !important;
  }
  #careers p{
    font-size: 16px !important;
    line-height: 26px;
  }
  .navbar-mobile-100vh{
    min-height: 100vh;
  }
  .work-single a{
    font-size: 18px;
  }
}