

header {
   width: 100%;
   min-height: 625px;
}

.wave {
   position: relative;
   padding-top: 10rem;
   background: linear-gradient(90deg, rgb(29 77 253) 0%, rgb(69 218 252) 100%);
}

.wave:before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 320px;
   background: url('../img/wave1.png');
   background-size: cover;
   background-repeat: no-repeat;
}

.navbar .nav-link {
   color: white;
   margin-right: 29px;
   transition: 0.2s;
}

a.nav-link:hover {
   padding-bottom: 3px;
   border-bottom: 2px solid white;
}

.btn-custom {
   border: 1.5px solid #fff;
   border-radius: 50px;
   color: #fff;
   background: none;
   padding: 8px 20px;
   font-weight: 500;
   text-decoration: none;
   transition: all 0.6s;
}

.btn-custom:hover {
   background: #FD3323;
   border: 1.5px solid #FD3323;
   color: #fff;
}

.navbar-fixed {
   background-color: rgba(29 77 253);
   padding-top: 0;
   padding-bottom: 0;
   transition: all 0.6s;
   box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
}

section {
   padding: 82px 0;
}

.section-bg {
   background-color: #F9F9FD;
}

.section-title {
   text-align: center;
   padding-bottom: 30px;
}

.section-title h2 {
   font-size: 32px;
   font-weight: bold;
   text-transform: uppercase;
   margin-bottom: 20px;
   color: #FC562C;
}


/* about */



.about .member {
   padding: 30px;
   border-radius: 5px;
   background: #F9F9FD;
   transition: 0.5s;
}

.about .member:hover {
   box-shadow: 0px 15px 30px rgb(77 87 222 / 30%);
   background: #fff;
}

.about .member h4 {
   font-weight: 700;
   margin-bottom: 5px;
   font-size: 20px;
   color: #FC562C;
}

.about .member .pic {
   overflow: hidden;
   width: 180px;
   border-radius: 50%;
}

.about .member span {
   display: block;
   font-size: 16px;
   padding-bottom: 10px;
   font-weight: 500;
}

.about .member p {
   margin: 10px 0 0 0;
   font-size: 14px;
}

.about .member a {
   transition: ease-in-out 0.3s;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50px;
   width: 38px;
   height: 38px;
   border: 1px solid;
}

.about .member a:hover {
   background: #0061F2;
   color: white;
}
/*clientes*/
 


/* services */


/*SERVICIOS*/

.services .icon-box {
   padding: 33px 25px;
   text-align: center;
   background: #fff;
   cursor: pointer;
   transition: 0.5s;
}

.services .icon-box:hover {
   box-shadow: 0px 15px 30px rgb(77 87 222 / 30%);
}

.services .icon-box .icon i {
   color: #FCAB44;
   font-size: 43px;
}

.services .icon-box h4 {
   margin-bottom: 15px;
   color: #FC562C;
}
/*tareas*/
.tareas .member {
   padding: 30px;
   border-radius: 5px;
   background: #F9F9FD;
   transition: 0.5s;
}

.tareas .member:hover {
   box-shadow: 0px 15px 30px rgb(77 87 222 / 30%);
   background: #fff;
}

.tareas .member h4 {
   font-weight: 700;
   margin-bottom: 5px;
   font-size: 20px;
   color: #FC562C;
}

.tareas .member .pic {
   overflow: hidden;
   width: 180px;
   border-radius: 50%;
}

.tareas .member span {
   display: block;
   font-size: 16px;
   padding-bottom: 10px;
   font-weight: 500;
}

.tareas .member p {
   margin: 10px 0 0 0;
   font-size: 14px;
}

.tareas .member a {
   transition: ease-in-out 0.3s;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50px;
   width: 38px;
   height: 38px;
   border: 1px solid;
}

.tareas .member a:hover {
   background: #0061F2;
   color: white;
}



/* contacto */

iframe {
   max-width: 100%;
}


/* footer */

footer {
   border-top: 1px solid #7e7e7e;
   padding-top: 44px;
}

footer a {
   text-decoration: none;
   color: black;
}

footer .social {
   background: #FC6731;
   width: 35px;
   height: 35px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   margin-right: 5px;
}

footer .social a {
   color: #fff;
}

.go-top {
   display: flex;
   justify-content: center;
   align-items: center;
   position: fixed;
   bottom: 30px;
   right: 30px;
   width: 50px;
   height: 50px;
   background: #FC6731;
   color: white;
   border-radius: 50%;
   cursor: pointer;
   z-index: 1000;
}


/* ultimos ajustes */

.navbar-toggler {
   padding: .10rem .45rem;
   border: 1px solid white;
}

.navbar-toggler:focus {
   outline: none;
   box-shadow: none;
}

.navbar-toggler i.bi-list {
   color: white;
   font-size: 1.6rem;
}

@media (max-width: 992px) {
   .navbar-collapse {
      padding-bottom: 19px;
   }
   .wave {
      padding-top: 6rem;
   }
}

@media (max-width: 768px) {
   .text-center-xs {
      text-align: center;
   }
   .text-center-xs img {
      width: 366px;
   }
}
