.scaffold {
    background-color: rgba(137, 43, 226, 0.692) !important;
}

html {
    scroll-behavior: smooth;
}

* {
    /*        margin: 0;*/
    padding: 0;
    font-family: 'Work Sans', sans-serif;
    /* transition-duration: .2s; */
    transition: transform .2s, filter .2s;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
    /* font-family: 'Work Sans', sans-serif; */
}

/* body, input, select, textarea {
    font-size: 1.2rem;
} */

body {
    font-size: 90%;
}

p, h1, h2, h3, h4, h5, h6, span {
    color: var(--black);
}

h3 {
    font-weight: 400;
}

p, span {
    font-size: 1.2em;
}

p {
    margin-bottom: 1em;
}

/* p, span {
    font-size: 1.4em; 
} */

html, body {
    /* height: 100%; */
    margin: 0;
}

li {
    list-style: none;
}

li.header {
    font-weight: bold;
    text-transform: uppercase;
}

.container {
    width: 80%;
    margin: 0 auto;
}

.section-focus {
    background-color: var(--section-focus);
}

.anchor {
    display: block;
    position: relative;
    top: -17em;
}

/* Animaton keyframe */

@keyframes transition {
    0% {
        transform: translateY(-20%);
        opacity: .0;
        /*        animation-delay: .2s;*/
        /*Test tempo*/
    }
    100% {
        transform: translateY(-10%, -1%);
        opacity: 1;
    }
}

@keyframes transition-2 {
    0% {
        opacity: .0;
        /*        animation-delay: .2s;*/
        /*Test tempo*/
    }
    100% {
        opacity: 1;
    }
}

/* Animaton keyframe end */

.menu {
    display: none;
    color: white;
    margin-right: 1.5em;
    font-size: 1.5em;
    margin-left: auto;
}

#menu-panel {
    /* background-color: var(--black-transparent); */
    background-color: #4a4a4afa;
    background-color: #000000a3;
    /* height: 30em; */
    height: calc(100% - 4.6em);
    /* width: 26em; */
    width: 100%;
    z-index: 999;
    position: fixed;
    /* top: 50%; */
    bottom: 0;
    /* transform: translateY(-50%); */
    /* border-radius: 10px; */
    display: none;
}

#menu-panel * {
    color: white;
}

#menu-panel ul {
    font-size: 2em;
    text-align: center;
    line-height: 2;
    /* width: 65%; */
    width: 8.5em;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#menu-panel li {
    border-bottom: 1px solid var(--blue);
}

#menu-panel li:last-of-type {
    border-bottom: none;
}

#menu-panel li.active {
    background-color: var(--blue);
}

#menu-panel a {
    display: block;
}

a {
    text-decoration: none;
}

.btn {
    background-color: var(--blue);
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.1em;
    cursor: pointer;
    border-radius: 20px;
    font-weight: bold;
}

.btn:hover {
    /* border: 4px solid white; */
    background-color: var(--blue-hover);
    color: white !important;
}

.wrapper {
    /* Wrapper lfebox control responsive*/
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/*Start Nav*/

.nav {
    background-color: rgba(0, 0, 0, 0.5);
    background-color: var(--black-transparent);
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
    display: inline-flex;
    align-items: center;
}

.nav.alt {
    position: fixed;
}

.nav .logo {
    display: none;
    align-items: center;
    color: white !important;
    font-size: 2em;
    font-weight: bold;
    width: 20%;
}

.nav .logo:hover {
    color: var(--blue) !important;
}

.nav.alt .logo {
    display: inline-flex;
}

.nav .action {
    display: none;
}

.nav.alt .action {
    display: inline-flex;
}

.nav .logo img {
    position: relative;
    width: 1em;
    margin-right: 1rem;
    margin-left: 1.5rem;
}

.nav>ul {
    display: inline-flex;
    justify-content: center;
    margin: 0;
    line-height: 3;
    align-items: flex-end;
    width: 100%;
}

.nav.alt>ul {
    width: 60%;
}

.nav>ul>li {
    list-style-type: none;
    height: fit-content;
}

.nav>ul>li>a {
    color: white;
    padding: 0 1.4em;
    font-size: 1.5em;
}

.nav .fa {
    width: 31px;
    height: 33px;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    background-color: #009dff;
    font-size: 18px;
}

/* .nav>ul>li>a:hover { */

.nav a:hover {
    font-weight: bold;
    color: #009dff;
}

.nav a.active {
    font-weight: bold;
    color: #009dff;
}

/*Start Section one*/

/*
section > * {
    animation: transition 1000ms ease-in-out;
}
*/

/* section:not(.conocenos):not(.contacto) { */

/* section:not(.conocenos):not(.contacto)  */

.offset-top {
    padding-top: 4em;
}

/* section:last-of-type {
    padding-bottom: 10rem;
} */

.home {
    width: 100%;
    display: flex;
    justify-content: center;
    color: white;
}

.home .container-a {
    height: 57vh;
}

.home .container-a * {
    color: white;
}

.home .container-b {
    padding-top: 2.4em;
}

.home .container-b h2 {
    margin: 0;
}

.home .container-b h3 {
    margin: 0 auto 3em auto;
    /* width: 70%; */
}

.content {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.home .content {
    margin-top: -4em;
}

.container-a {
    text-align: center;
    justify-content: center;
    background: url("../assets/img/banner-home.jpg");
    /* background: url("../assets/img/collage-5.jpg"); */
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
}

/* .home .content .rows p {
    display: flex;
}
.home .content .rows h2 {
    display: flex;
} */

.container-a .box-shadow {
    background-color: rgba(0, 0, 0, 0.32);
    /* max-width: 50rem; */
    /* margin: 30px auto; */
    /* padding: 4em; */
    padding-top: 20vh;
    /* padding-top: 8.5em; */
    /* border-radius: 20px; */
    height: 100%;
    /*    box-shadow: inset 0 0 0 2px #444;*/
    /* Border line */
}

.container-a .box-shadow h1 {
    font-size: 2.7em;
    margin: 0;
    /* animation: smoothReveal 1s ease .2s both; */
}

/* .container-a .box-shadow h2 {
    animation: smoothReveal 1s ease .2s both;
} */

.container-a .box-shadow p {
    text-align: center;
    font-size: 24px;
}

.container-a .box-shadow img {
    position: relative;
    width: 1em;
    margin-right: 1rem;
    top: 7px;
}

.underline hr {
    border: 0.1px solid var(--blue);
    max-width: 49%;
    margin-bottom: 1rem;
    /* animation: drawFromLeft 2s linear 1.5s iteration-count direction forwards; */
    -webkit-animation: drawMainDivider 1s ease-in-out .5s both;
    animation: drawMainDivider 1s ease-in-out .5s both;
}

.container-a .btn {
    padding: 15px;
    margin: 20px;
}

/* Start section two */

.container-b {
    text-align: center;
    color: #222;
}

.container-b .box {
    display: flex;
    /* padding: 50px; */
    padding-top: 0;
    padding-bottom: 7rem;
}

.container-b .box img {
    width: 100px;
    float: left;
    margin: 10px;
    margin-right: 20px;
}

.container-b .box .rows {
    padding: 1.25rem;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: justify;
    /* margin: 10px; */
    margin-top: .6rem;
    margin-bottom: .6rem;
    width: 100%;
}

.home .container-b .box .rows:nth-child(1n) {
    animation: revealFromLeft 1s 1.5s ease-out both;
    -webkit-animation: revealFromLeft 1s 1.5s ease-out both;
}

.home .container-b .box .rows:nth-child(2n) {
    animation: revealFromLeft 1s 2s ease-out both;
    -webkit-animation: revealFromLeft 1s 2s ease-out both;
}

.home .container-b .box .rows:nth-child(3n) {
    animation: revealFromLeft 1s 2.5s ease-out both;
    -webkit-animation: revealFromLeft 1s 2.5s ease-out both;
}

.box .rows p {
    text-align: start;
}

/* start conocenos */

.conocenos .hexagon:first-of-type {
    margin-left: auto;
    right: 1rem;
    top: -4rem;
}

.conocenos .hexagon:nth-of-type(2) {
    top: -16.7rem;
    z-index: -1;
    margin-right: 3rem;
    /* display: none; */
}

.servicios .hexagon {
    display: none;
}

@media screen and (min-width:728px) {
    .hexagon:nth-of-type(2) {
        display: block;
    }
}

.conocenos {
    display: flex;
    justify-content: center;
    flex-direction: row;
    height: 100%;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--section-focus);
}

.conocenos .content {
    margin-top: -8rem;
}

.conocenos .container-b>a.btn {
    margin: 20px;
    padding: 6px;
    max-width: 100%;
    width: 50vw;
    font-size: 2vw;
    font-weight: bold;
}

.conocenos .container-b h2 {
    text-align: center;
    background-color: var(--blue);
    color: #fff;
    border-radius: 10px;
    padding: 9px;
}

.conocenos .box .rows p {
    text-align: start;
    /* font-size: 1.2em; */
}

.conocenos .box .rows {
    opacity: 0;
}

/* .conocenos .box .rows:nth-child(1n) {
    animation: revealFromTop 1s 1s ease-out both;
    -webkit-animation: revealFromTop 1s 1s ease-out both;
}

.conocenos .box .rows:nth-child(2n) {
    animation: revealFromTop 1s 1.5s ease-out both;
    -webkit-animation: revealFromTop 1s 1.5s ease-out both;
}

.conocenos .box .rows:nth-child(3n) {
    animation: revealFromTop 1s 2s ease-out both;
    -webkit-animation: revealFromTop 1s 2s ease-out both;
} */

.conocenos .box .rows>.img-row {
    display: flex;
    justify-content: center;
}

.conocenos .box .rows>.img-row img {
    max-width: 100%;
    width: 20vw;
    padding: 1vw;
    margin: 0;
}

/* start conocenos end*/

/* start servicios */

.servicios .bg-container {
    background: url("../assets/img/462.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
}

.servicios .hexagon {
    top: -4rem;
}

.servicios .bg-container .banner {
    margin-top: 2em;
    margin-bottom: 4.5em;
}

/* .container-b h1 {
    position: relative;
    display: inline-flex;
    background-color: var(--blue);
    justify-content: center;
    padding: .3em 2em;
    border-radius: 30px;
    margin: 60px;
    color: #fff;
    font-size: 2em;
    flex-wrap: wrap;
} */

.banner {
    position: relative;
    display: inline-flex;
    /* background-color: var(--blue); */
    justify-content: center;
    /* padding: .3em 2em; */
    padding: .3em 0em;
    border-radius: 30px;
    /* margin: 60px; */
    /* color: #fff; */
    font-size: 2em;
    flex-wrap: wrap;
    text-align: center;
}

.banner.margin {
    margin: 60px;
}

.blue {
    color: var(--blue);
}

.blue-bg {
    background-color: var(--blue);
    color: #fff;
    padding-left: 2em;
    padding-right: 2em;
}

.black-bg {
    background-color: var(---dark);
    color: #fff;
}

.section-grid {
    display: inline-grid;
    grid-gap: 150px 220px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: '. .' '. .';
    padding-bottom: 120px;
}

.section-grid div>img {
    width: 138px;
    float: left;
    padding: 0;
    margin: 0;
}

.section-grid h2 {
    text-align: start;
    color: #fff;
    padding: .2em;
    padding-top: 0;
    margin-left: 6.2rem;
}

.section-grid p {
    text-align: start;
    color: #fff;
    margin: 0;
    padding: .2em;
    padding-top: 0;
    margin-left: 6.2rem;
}

.section-grid .ser-box {
    grid-area: .;
    max-width: 100%;
}

.servicios .ser-box {
    opacity: 0;
}

/* .servicios .ser-box:nth-of-type(1) {
    animation: revealFromLeft 1s 1.5s ease-out both;
    -webkit-animation: revealFromLeft 1s 1.5s ease-out both;
}

.servicios .ser-box:nth-of-type(2) {
    animation: revealFromLeft 1s 1.8s ease-out both;
    -webkit-animation: revealFromLeft 1s 1.8s ease-out both;
}

.servicios .ser-box:nth-of-type(3) {
    animation: revealFromLeft 1s 2.1s ease-out both;
    -webkit-animation: revealFromLeft 1s 2.1s ease-out both;
}

.servicios .ser-box:nth-of-type(4) {
    animation: revealFromLeft 1s 2.4s ease-out both;
    -webkit-animation: revealFromLeft 1s 2.4s ease-out both;
} */

.content-sha {
    background-color: rgba(0, 0, 0, 0.5);
    margin-left: 45px;
    padding: 2px;
    border-radius: 30px;
    border-top-left-radius: 23px;
    width: 35vw;
    min-height: 136px;
}

.serv-section-bottom {
    /* background-color: #fff; */
    width: 100%;
    /* box-shadow: 0 0 50px 40px rgba(255, 255, 255, 1); */
}

/* .serv-section-bottom h2:nth-child(1) {
    position: relative;
    display: inline-flex;
    width: 40.8333vw;
    justify-content: center;
    padding: 10px;
    margin: 60px;
    color: var(--blue);
    font-size: 32px;
} */

.serv-section-bottom img {
    width: 70px;
    margin: 0;
    padding: 0;
}

.serv-section-bottom .ser-bot {
    display: inline-grid;
    grid-gap: none;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    /*    width: 30vw;*/
    margin: 40px;
    padding: 30px;
    opacity: 0;
}

.serv-section-bottom .ser-bot p {
    text-align: center;
}

.serv-section-bottom div>a {
    margin-bottom: 60px;
    font-weight: bold;
}

/* start blog */

/* .grid-container>div h1 {
    display: inline-flex;
    background-color: var(--blue);
    width: 45.8333vw;
    justify-content: center;
    padding: 3px;
    border-radius: 30px;
    margin: 40px;
    color: #fff;
    font-size: 38px;
} */

.grid-container>div p {
    font-size: 18px;
    margin-bottom: 0;
    padding: 0;
}

.blog-content {
    text-align: center;
    box-sizing: content-box;
}

.grid-wrapp {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 1fr 1fr 1fr;
    /* padding: 5vh; */
    /* margin: 5px; */
    margin-top: 5em;
}

/* .grid-wrapp h2 {
    color: #555;
} */

.grid-wrapp img {
    object-fit: cover;
    width: 100%;
    height: inherit;
    cursor: pointer;
}

article img {
    filter: brightness(75%);
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}

article:hover img {
    filter: brightness(100%);
}

/* article::after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: black;
} */

article {
    position: relative;
    text-align: center;
    height: 24rem;
}

article h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}

article:hover h2 {
    font-size: 1.65em;
}

/*  blog  end */

/* start contact */

/* .contacto {
    display: flex;
} */

.contacto .hexagon:first-of-type {
    /* margin-left: auto; */
    right: -3rem;
    top: -16.3rem;
}

.contacto .hexagon:nth-of-type(2) {
    top: -16.4rem;
    /* z-index: -1; */
    margin-left: 25rem;
    /* display: none; */
    margin-bottom: -24em;
}

.content-contact {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.contacto .head {
    margin-top: 5em;
    margin-bottom: 6em;
    width: 90%;
}

.contacto .head .banner {
    margin-top: 0.5em;
    margin-bottom: 0;
    padding: 0;
    font-size: 2.7em;
}

.contacto .head h3 {
    margin: 0 auto;
    margin-top: 2em;
}

/* .content-contact .head h1 {
    color: var(--blue);
    font-weight: bold;
    margin: 30px;
} */

/* .content-contact .head p {
    margin: 0;
    padding-bottom: 20px;
} */

.cont-flex {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    /*    height: 60vh;*/
    width: 27em;
}

.cont-flex .cont-box {
    display: inline-flex;
    padding: 10px;
    margin: 10px;
    height: 5em;
}

.cont-flex .cont-box .fa-stack {
    color: var(--blue-icon);
}

.cont-flex a:hover .fa-stack {
    color: var(--blue-icon-hover);
}

.cont-flex a:hover p {
    font-weight: bold;
    color: var(--blue);
}

.cont-flex p {
    margin-left: 2em;
}

.formulary {
    display: inline-flex;
    width: 40vw;
    height: 40vh;
    border: 1px solid blue;
    margin: 40px;
    border-radius: 30px;
    font-weight: bold;
    font-size: 32px;
    justify-content: center;
    align-items: center;
}

.cont-flex .cont-box img {
    width: 4.4em;
    margin: 0;
    padding: 0;
    float: left;
}

/* form styles */

.formContainer {
    background-color: var(--form);
    width: 90%;
    padding: 2.3em 2em;
    /* font-size: 1.2em; */
    margin-top: 6rem;
    margin-bottom: 10rem;
    border-radius: 6px;
}

input, textarea {
    font-size: 1.2em;
}

textarea {
    line-height: 1.5;
}

.formContainer input::placeholder {
    color: black;
}

.field {
    background-color: var(--white);
    border-radius: 4px;
}

form .data {
    flex-grow: 1;
    padding-bottom: 1em;
}

form .data .field {
    margin-bottom: 1.8em;
}

form .message {
    flex-grow: 4;
}

.message textarea {
    height: 100%;
}

form .actions {
    margin: auto;
    padding: initial;
    margin-top: 1em;
}

form .info {
    color: white;
    border-left: 2px solid white;
    padding-left: 1em;
    font-weight: bold;
    font-size: 1.1em;
}

.info.v-large {
    display: none;
}

.info.v-small {
    display: block;
    margin-top: 2em;
}

.g-recaptcha {
    margin-top: 2em;
}

@media screen and (max-width: 390px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.policy li {
    text-align: start;
}

.policy input {
    width: 3em;
}

.checkbox-holder {
    display: inline-flex;
    color: white;
    line-height: 2.3em;
}

.checkbox-holder a {
    padding-left: .5em;
    padding-right: .5em;
    display: contents;
}

/* form end */

/* contact end */

.footer {
    background-color: var(--blue);
    width: 100%;
    text-align: center;
    max-height: 50%;
}

/* .foo-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
} */

/* .foo-img img {
    width: 9.3em;
    margin-right: 1em;
} */

/* .foo-contact {
    display: inline-flex;
    text-align: start;
    flex-direction: column;
} */

/* .foo-content h1 {
    position: relative;
    color: #fff;
    top: 10px;
} */

.foo-img {
    margin-top: 1em;
}

.foo-img img {
    height: 5.5em;
}

.footer-data {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.footer-data>div {
    min-width: 15em;
}

footer h2 {
    margin-top: 0;
    margin-bottom: .5em;
}

footer a, footer li, footer h2 {
    color: #fff;
}

footer a:hover {
    font-weight: bold;
}

footer .fa-stack i:first-of-type {
    color: var(--black);
    /* color: white; */
}

footer .fa-stack:hover i:first-of-type {
    color: var(--dblack);
    /* color: white; */
}

footer li.header {
    margin-bottom: .5em;
}

footer ul.contact li:not(.header) {
    display: inline-block;
}

footer .info {
    text-align: left;
}

#cronoshare:hover {
    filter: brightness(1.1);
}

/* .foo-slogan {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.foo-slogan img {
    width: 330px;
} */

#websiteby img {
    height: 1em;
}

/* --- whatsapp button --- */

.stycky-end {
    /* width: fit-content; */
    position: -webkit-sticky;
    position: sticky;
    bottom: 0em;
    align-self: flex-end;
    float: right;
    transform: translateY(-100%);
}

.material-button {
    -webkit-animation: reveal .3s ease 10s both;
    animation: reveal .3s ease 10s both;
}

.material-button .fa {
    background: none;
    padding: 0;
}

.material-button.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.material-button:hover {
    background-color: #26cc64;
}

.material-button:active {
    background-color: #24c45e;
}

.material-button .my-float {
    margin-top: 16px;
}

@media screen and (max-width: 1216px) {
    /* Responsive adjust for screen width */
    body {
        font-size: 90%;
    }
    /* .nav .logo {
        display: none;
    } */
    /* .conocenos .hexagon:nth-of-type(2) { */
    .hexagon:nth-of-type(2) {
        display: none;
    }
    .contacto .hexagon:first-of-type {
        top: -6em;
    }
    .section-grid {
        display: inline-flex;
        flex-direction: column;
    }
    .section-grid .ser-box>.content-sha {
        width: 50vw;
    }
    .container-b h1 {
        /* font-size: 1.7em; */
        /* width: 90%; */
        /* width: 100%; */
        margin: 2em 5em 4.5em 5em;
        /* justify-content: center; */
    }
    /* .serv-section-bottom h2:nth-child(1) {
        font-size: 3vw;politica de 
        width: 80vw;
    } */
    .servicios {
        background: none;
    }
    /* .servicios .container-b { */
    .servicios .bg-container {
        background: url(../assets/img/462.jpg);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
        /* background: none; */
    }
    .grid-wrapp {
        display: grid;
        grid-gap: 0;
        grid-template-columns: 1fr;
        /* padding: 5vh;
        margin: 5px; */
    }
    /* .grid-container>div h1 {
        width: 70vw;
        font-size: 5vw;
    } */
    .content-contact {
        top: -12em;
        margin-bottom: -12em;
    }
}

@media screen and (max-width: 1000px) {
    .nav.alt .action {
        display: none;
    }
    .nav.alt>ul {
        width: 80%;
    }
    body {
        font-size: 75%;
    }
}

@media screen and (max-width: 700px) {
    /* Responsive test 700px more important use size (vw) calculate width of screen monitor*/
    body {
        font-size: 70%;
    }
    .nav a:not(.logo) {
        display: none;
    }
    .nav:not(.alt) {
        height: 4.6em;
        background-color: transparent;
    }
    .nav.alt .logo {
        display: inline-flex;
    }
    .nav .logo img {
        width: 1.8em;
    }
    .nav .menu {
        display: inline-flex;
    }
    /* .nav {
        height: 50%;
    } */
    /* .nav>ul>li {
        max-width: 100%;
    }
    .nav>ul>li>a {
        font-size: 3.5vw;
    } */
    /* .container-a .box-shadow {
        max-width: 100%;
        width: 90%;
    } */
    /* .container-a .box-shadow h1 {
        font-size: 8vw;
    } */
    /* .container-a .boxpolitica de -shadow h1>img {
        width: 8vw
    } */
    /* .container-a .box-shadow h2 {
        font-size: 14px;
    } */
    .container-a .box-shadow p {
        text-align: start;
    }
    .container-b .box .rows {
        width: 90%;
        margin: 0 auto;
    }
    .content {
        display: flex;
    }
    .container-b {
        flex-direction: column;
    }
    .container-b h2:nth-child(1) {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .container-b h2 {
        /* font-size: 1.2em; */
        width: 100%;
        /* text-align: start; */
    }
    .container-b p {
        text-align: justify;
        margin-left: auto;
        margin-right: auto;
        /* font-size: .9em; */
    }
    .box {
        flex-flow: column;
        width: 100%;
        text-align: start;
    }
    /* .foo-content {
        display: inline-flex;
        flex-direction: column;
        padding: 20px
    } */
    /* start conocenos */
    .conocenos .container-b>a.btn {
        width: 320px;
        padding: 20px;
        margin-bottom: 0;
        font-size: 1em;
    }
    /* .conocenos .box .rows h2 {
        font-size: 1em;
    } */
    /* .conocenos .box .rows p {
        font-size: 4.5vw;
    } */
    .conocenos .container-b .box {
        padding-bottom: 0rem;
    }
    .content .container-b .box>.rows .img-row img {
        position: relative;
        object-fit: cover;
        min-height: 100%;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    /* start conocenos end */
    /*    start service  */
    .servicios {
        padding-bottom: 9em;
    }
    .servicios .hexagon {
        display: inherit;
    }
    .servicios .content {
        margin-top: -7em;
    }
    .servicios .bg-container {
        /* .servicios .container-b { */
        /* background: url(../assets/img/462.jpg); */
        /* background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center; */
        background: none;
        /* padding-top: 0em; */
    }
    .servicios .container-b h1 {
        /* font-size: 1.3em; */
        width: 100%;
        color: var(--blue);
        background-color: transparent;
        margin-left: auto;
        margin-right: auto;
    }
    .servicios .bg-container .banner {
        margin-bottom: 2em;
    }
    /* .container-b>div>h1 {
        font-size: 1rem;
    } */
    .section-grid .ser-box {
        font-size: 1.3em;
    }
    .section-grid .ser-box img {
        float: none;
    }
    .section-grid h2 {
        margin-left: auto;
    }
    .section-grid p {
        margin-left: auto;
        margin-bottom: 1em;
    }
    .section-grid .ser-box p {
        text-align: start;
        font-size: 1em;
    }
    .section-grid .ser-box>.content-sha {
        margin: 0 auto;
        text-align: center;
        /* width: 90%; */
    }
    .section-grid {
        grid-gap: 5vw 25vh;
        padding-bottom: 0em;
    }
    .serv-section-bottom {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        padding-top: 0;
    }
    .serv-section-bottom h2:nth-child(1) {
        /* font-size: 1em; */
        width: 90%;
    }
    .serv-section-bottom h2 {
        text-align: center;
    }
    .serv-section-bottom .section-row-bottom>.ser-bot {
        margin: 10px;
        padding: 10px;
    }
    /* .grid-container>div h1 {
        width: 70vw;
        font-size: 1em;
    } */
    .grid-wrapp {
        display: grid;
        grid-gap: 0;
        grid-template-columns: 1fr;
        /* padding: 5vh;
        margin: 5px; */
    }
    .content-contact h2 {
        width: 90%;
    }
    .content-contact .head p {
        text-align: start;
        /* font-size: 1em; */
        padding: 20px;
    }
    .formulary {
        max-width: 100%;
        width: 300px;
    }
    .servicios .ser-box>div:first-of-type {
        background-color: #008ad3;
        /* width: 80%; */
        width: 70%;
        border-radius: 5px 5px 0 0;
        margin: 0 auto;
    }
    .servicios .ser-box .content-sha {
        margin: 0 auto;
        border-radius: 0 0 5px 5px;
        /* width: 80%; */
        width: 70%;
    }
    .servicios .ser-box .content-sha>* {
        width: 80%;
        line-height: 1.6em;
        text-align: center;
    }
    .servicios .ser-box {
        margin: 0 auto;
        max-width: 32rem;
        margin-bottom: 5em;
    }
    .servicios .section-grid div>img {
        width: 6em;
    }
    .contacto .hexagon:first-of-type {
        top: -5em;
        left: -2em;
    }
    .contacto .content-contact {
        top: -10em;
        margin-bottom: -15em;
    }
}

/* transitions */

.rotate {
    transform: rotate(-90deg);
}

.blur {
    /* filter: blur(2px); */
}

.alert {
    position: relative;
    /* display: block !important; */
    width: 100%;
    /* top: -8em; */
    /* width: 75%; */
    /* min-height: 3em; */
    border-radius: 6px;
    /* display: flex; */
    margin: 0em auto;
    margin-bottom: 1em;
    /* position: absolute; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* justify-content: center; */
    /* align-items: center; */
    /* transition: 2s linear all; */
}

.alert span {
    display: flex;
    width: 100%;
    min-height: 3em;
    padding: 0.5em 1em;
    justify-content: center;
    align-items: center;
    color: var(--info-text) !important;
    /* color: #899199 !important; */
    font-weight: normal;
}

.alert.info {
    background-color: var(--info-fill);
    border: 3px solid var(--info-border)
}