body, main, section { overflow-x:hidden }

#hero {
  position: relative;
  z-index: 1;
  height: 100% }

@media(max-width:767.98px){
  #hero { z-index: 3 }
  #hero .cta {
    margin-top: -100px;
    position: absolute;
    top: 0; 
    left: 50%;
    width: 100%;
    transform: translate(-50%,0) }

    #hero h1 { font-size: 130% }
}

.object-fit-cover { object-fit: cover }

#feedbacks .icon { fill: #F9B403 }
#feedbacks .col img { filter:grayscale(1) contrast(1.5) }

.bg-light-gradient { 
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); }

/* .btn,
.font-sans-serif { font-family: sans-serif }   */

@media(max-width:991.98px){
  .btn.fs-5 { font-size: 100% !important }

  .position-md-relative { position: relative }

  #about .position-md-relative { 
    width: calc(100% + 5rem);
    padding: 3rem;
    right: -3rem;
    left: -3rem }
}

.btn { 
  transition: background-color .5s;
  overflow: hidden;
  padding: .75rem 1rem;
  position: relative }

.btn-gradient.border-white { 
  color: #FFF;
  border-color: transparent !important;
  box-shadow: 0 0 0 2px #FFF !important }

.btn-gradient-primary { box-shadow: 0 0 0 2px var(--flex-primary) !important }
.btn-gradient-success { box-shadow: 0 0 0 2px rgba(40,217,135,1) !important }

.btn-gradient-primary:before { background: linear-gradient(to right, rgba(23,69,131,1), rgba(36,102,190,1), rgba(23,69,131,1)) }
.btn-gradient-success:before { background: linear-gradient(to right, rgba(25,135,84,1), rgba(40,217,135,1), rgba(25,135,84,1)) }

.bg-space {
  background: url(img/bg-space.jpg) center fixed;
  background-size: cover
}

.bg-whatsapp { background: rgba(40,217,135,1) }

.btn-gradient-primary span,
.btn-gradient-success span { color: #FFF }

.btn-gradient:before {
  display: block;
  position: relative;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: 300% 100%;
  background-position: left;
  content: "";
  z-index: 1;
  transition: all 500ms }

.btn-gradient:hover:before {
  background-position: right;
  background-size: 200% 100% }

.btn-gradient span { 
  position: relative;
  z-index: 2 }



.btn-whatsapp {
  position: fixed;
  background: rgba(37, 211, 102, 1);
  padding: .75rem;
  border-radius: 100%;
  right: 1.25rem;
  bottom:  1.25rem;
  transition-duration: 0.5s !important;
  animation: pulse-shadow 3s infinite !important;
  z-index: 10000;
}

@-webkit-keyframes pulse-shadow {
  0% {
      -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102, 1);
  }

  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);
  }

  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}



@media(max-width:767.98px){ 
  
  #online { padding-top: 0 !important }

  #about,
  #services { padding-bottom: 0 !important } 

}

section { overflow: hidden }