#contact,
#contacto,
#about-us,
#nosotros { scroll-margin-top: var(--ctechs-nav-height); }

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}

header nav {
    background-color: white;
    border-radius: 0 0 8px 8px;
    height: var(--ctechs-nav-height);
    justify-content: space-between;
    padding: 0 2em;
}

header nav .logo { flex-basis: 9em; }
header nav > ul {flex-shrink: 0;}
header nav > ul > li { display: block; }
header nav > ul > .languages-dropdown { position: relative; }
header nav > ul > li > a,
.link-languages,
header #nav-mobile {
    background-color: white;
    border-radius: 4px;
    color: var(--ctechs-color-gray);
    display: inline-block;
    transition: background 0.2s, color 0.2s , filter 0.2s;
    padding: 1em 2em 0.5em 1em;
}

header nav > ul > li > a:hover,
.link-languages:hover,
.languages-dropdown:hover .link-languages,
header #nav-mobile:hover {
    background-color: var(--ctechs-color-white);
    color: var(--ctechs-color-blue);
}

.link-languages + ul { position: absolute; }
.link-languages + ul li a {
    background-color: var(--ctechs-color-white);
    border-bottom: 0.1em solid white;
    color: var(--ctechs-color-blue);
    display: block;
    padding: 0.5em 2em 0.2em 1em;
    transition: color 0.2s, filter 0.2s;
}

.link-languages + ul li a:hover {
    color: var(--ctechs-color-red);
    filter: contrast(0.8);
}

header nav > ul > li > a:active,
.link-languages:active { filter: contrast(0.8); }
header nav > ul > li > ul {
    opacity: 0;
    transition: opacity 0.2s, visibility 0.2s;
    visibility: hidden;
}

.link-languages:hover + ul,
.link-languages + ul:hover {
    opacity: 1;
    visibility: visible;
}

header #navigation-links {
    background-color: white;
    box-shadow: 0 3px 4px -2px var(--ctechs-color-gray);
    height: calc(100vh - var(--ctechs-nav-height));
    position: absolute;
    right: calc(0em - var(--ctechs-nav-mobile-width));
    top: var(--ctechs-nav-height);
    transition: right .4s;
    width: var(--ctechs-nav-mobile-width);
}

header #navigation-links.toggled { right: 0; }
header nav > ul > li > a,
.link-languages {
    text-align: right;
    width: 100%;
}

.link-languages:hover,
.languages-dropdown:hover .link-languages { border-radius: 0 4px 4px 0; }
.link-languages + ul {
    bottom: 0;
    right: var(--ctechs-nav-mobile-width);
}

.link-languages:hover + ul,
.link-languages + ul:hover { box-shadow: 0 3px 4px -3px var(--ctechs-color-gray); }

.link-languages + ul li:first-child a { border-radius: 4px 0 0 0; }
.link-languages + ul li:last-child a {
    border-bottom: 0;
    border-radius: 0 0 0 4px;
}

footer {
    background-color: var(--ctechs-color-gray);
    position: relative;
    top: var(--ctechs-nav-height);
}

footer .row .col-3 { padding: 2em 2em 0em 2em; }
footer .row .col-3:nth-of-type(4) { padding-bottom: 6em; }
footer .row .col-3:first-child {text-align: center;}
footer .row .col-3 p,
footer .row .col-3 a,
footer .row .col-3 h1 { color: white; }
footer .row .col-3 a { transition: color 0.2s; }
footer .row .col-3 a:hover { color: var(--ctechs-color-red); }
footer .row .col-3 p,
footer .row .col-3 a { line-height: 1.4em; }
footer .row .col-3 h1 {
    font-size: 2em;
    line-height: 2em;
}

footer .logo { padding: 0em 2em 2em 0em; }
.social-media li {
    display: inline;
    margin-right: 1em;
}

.copyright {
    bottom: 2em;
    left: 2em;
    position: absolute;
}

.copyright p {
    color: white;
    font-size: 0.8em;
}

.title {
    display: flex;
    flex-direction: column-reverse;
    gap: 1.4em;
    padding: 2em 2em 1em;
}

.title h1 {
    font-size: 2em;
    text-align: center;
}

.title h1 > span {
    font-size: 0.5em;
    font-weight: 400;
}

.title h1,
.title h1 > span {
    color: var(--ctechs-color-gray);
    line-height: 0.9;
}

.colored-line {
    background: linear-gradient(90deg, var(--ctechs-color-yellow) 0 33%, var(--ctechs-color-red) 33.33% 66.66%, var(--ctechs-color-blue) 66.66% 100%);
    bottom: 0.5em;
    display: inline-block;
    height: 0.7em;
    position: relative;
    width: 100%;
}

.logo {
    opacity: 1;
    transition: opacity 0.2s;
}

.logo:hover { opacity: 0.8; }



main {
    position: relative;
    top: var(--ctechs-nav-height);
}

#benefits,
#partners,
#services,
#certifications { padding: 1em 0; }

#banner .carousel-cell:nth-child(1) p {font-size: 1.2em;}
#banner .carousel-cell:nth-child(1) p:nth-of-type(1) {
    font-size: 2.1em;
    line-height: 1.3em;
}

#banner .carousel-cell:nth-child(1) p:nth-of-type(2) {
    line-height: 1.6em;
    word-spacing: 1em;
}

#banner .carousel-cell:nth-child(1) p span {
    font-size: 1.6em;
    font-weight: 700;
}

#banner .carousel-cell:nth-child(1) p,
#banner .carousel-cell:nth-child(1) span {
    color: var(--ctechs-color-white);
    text-align: center;
}

#banner .carousel-cell:nth-child(2) p {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.6em;
    text-transform: uppercase;
}

#banner .carousel-cell:nth-child(2) p:nth-of-type(1),
#banner .carousel-cell:nth-child(2) p:nth-of-type(2) { position: relative; }
#banner .carousel-cell:nth-child(2) p:nth-of-type(1) { color: var(--ctechs-color-yellow); }
#banner .carousel-cell:nth-child(2) p:nth-of-type(2) { color: var(--ctechs-color-red); }
#banner .carousel-cell:nth-child(2) p:nth-of-type(3) { color: var(--ctechs-color-blue); }
#banner .carousel-cell:nth-child(2) p:nth-of-type(1)::after,
#banner .carousel-cell:nth-child(2) p:nth-of-type(2)::after {
    bottom: -0.9em;
    color: var(--ctechs-color-gray);
    content: '+';
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}


#banner .carousel-cell {
    height: calc(100vh - var(--ctechs-nav-height));
    width: 100%;
}

#banner .flickity-button { background: blue; }
#banner .flickity-button:hover { background: red; }
#banner .flickity-button:focus {
    box-shadow: 0 0 0 5px #19F;
    outline: none;
}

#banner .flickity-prev-next-button {
    height: 6em;
    width: 6em;
}

#banner .flickity-button-icon { fill: white; }
#banner .flickity-button:disabled { display: none; }
#banner .flickity-page-dots { bottom: 3em; }
#banner .flickity-page-dots .dot {
    background: var(--ctechs-color-white);
    height: 0.6em;
    opacity: 0.6;
    width: 0.6em;
}

/* fill-in selected dot */
#banner .flickity-page-dots .dot.is-selected {
    background: white;
    opacity: 1;
}

#banner article:nth-of-type(1) img,
#banner article:nth-of-type(2) img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

#banner article:nth-of-type(1),
#banner article:nth-of-type(2) {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner article:nth-of-type(1) { background-color: var(--ctechs-color-blue); }
#banner article:nth-of-type(2) {background-color: #ebebeb;}

#about-us.bg-lines,
#nosotros.bg-lines {
    background-image: url('../imgs/carousel/banner/one/bglines3x.webp');
    background-size: contain;
    padding: 1em 0 2em;
}

#nosotros > div:nth-of-type(1),
#about-us > div:nth-of-type(1) { padding: 1em 0; }
#about-us > div:nth-of-type(2),
#nosotros > div:nth-of-type(2) {padding: 0 4em;}
#about-us > div:nth-of-type(3),
#nosotros > div:nth-of-type(3) {padding: 2em 2em 0 2em;}
.cloud-logos {
    gap: 1em;
    padding: 3em 0 0;
}

#about-us h1,
#nosotros h1 {
    font-size: 2em;
    text-align: center;
}

#nosotros > div:nth-of-type(1) span:nth-of-type(1),
#about-us > div:nth-of-type(1) span:nth-of-type(1) { color: var(--ctechs-color-yellow); }
.heading-dot::after {
    color: var(--ctechs-color-gray);
    content: '.';
    left: 0.2em;
    position: relative;
}

#nosotros span:nth-of-type(2),
#about-us span:nth-of-type(2) { color: var(--ctechs-color-red); }
#nosotros span:nth-of-type(3),
#about-us span:nth-of-type(3) { color: var(--ctechs-color-blue); }
#nosotros > div:nth-of-type(1) span:nth-of-type(1),
#about-us > div:nth-of-type(1) span:nth-of-type(1),
#nosotros span:nth-of-type(2),
#about-us span:nth-of-type(2) { margin-right: 0.4em; }
#nosotros div > p,
#about-us div > p {
    color: gray;
    font-size: 1.3em;
    line-height: 1.3;
    text-align: justify;
}

#nosotros div > p strong,
#about-us div > p strong { color: var(--ctechs-color-gray); }
#nosotros div > p > span,
#about-us div > p > span {
    color: var(--ctechs-color-blue);
    font-weight: 700;
}




#benefits .flickity-viewport {
    overflow-x: clip;
    overflow-y: visible;
}
#benefits .carousel-cell {
    align-items: center;
    background-color: lightgray;
    border-radius: 16px;
    display: flex;
    height: 21em;
    margin-right: 6%;
    padding: 0 1em;
    text-align: center;
    transition: background 0.3s, height 0.3s;
    width: 70%;
}

#benefits .carousel-cell p,
#benefits .carousel-cell strong {
    color: var(--ctechs-color-gray);
    display: block;
    font-size: 1.4em;
}

#benefits .carousel-cell.is-selected p,
#benefits .carousel-cell.is-selected strong {
    color: var(--ctechs-color-gray);
    font-size: 1.5em;
}

#benefits .carousel-cell.is-selected {
    background-color: var(--ctechs-color-yellow);
    height: 24em;
    top: -1.5em;
}

#benefits .carousel-cell.is-selected p,
#benefits .carousel-cell.is-selected strong {color: white;}
#benefits .flickity-button { background: white; }
#benefits .flickity-prev-next-button {
    height: 2.4em;
    width: 2.4em;
}

.flickity-prev-next-button.previous {left: 9%;}
.flickity-prev-next-button.next {right: 9%;}
#benefits .flickity-button-icon { fill: lightgray; }
#benefits .flickity-button:disabled { display: none; }
#benefits .flickity-button:focus {
    box-shadow: 0 0 0 5px #19F;
    outline: none;
}

#assets { padding: 2em 0; }

#assets .col-2 {
    margin-bottom: 3em;
}

#assets .col-2:nth-of-type(5) {
    margin-bottom: 2em;
}

[class*="ctechs-i-asset-"] {
    background-color: var(--ctechs-color-white);
    border-radius: 4em;
}

[class*="yellow"] {
    color: var(--ctechs-color-yellow);
}

[class*="red"] {
    color: var(--ctechs-color-red)
}

[class*="blue"] {
    color: var(--ctechs-color-blue);
}

[class*="black"] {
    color:rgb(62, 56, 56);
}

#assets article section:first-child {
    margin-bottom: 0.5em;
    text-align: center;
}

#assets article p {color: gray;font-size: 1.2em;text-align: center;}
#assets article section:last-child { padding: 0 1em 0 2em; }
#assets article p span { font-weight: 700; }

.contact {
    background-color: var(--ctechs-color-red);
    padding: 3em 0;
}


.contact h1 {
    color: var(--ctechs-color-white);
    font-size: 2em;
    text-align: center;
}

.contact form {
    flex-direction: column;
    justify-content: center;
    gap: 2em;
}

.contact input {
    border: 0;
    border-radius: 0.3em;
    padding: 0.5em 1em;
}

.contact input::placeholder {
    color: var(--ctechs-color-gray);
    opacity: 0.5;
}

.contact button {
    background-color: var(--ctechs-color-yellow);
    border: 0;
    color: var(--ctechs-color-white);
    padding: 0.5em 2.4em;
}

.contact input,
.contact button { text-transform: uppercase; }
#location { position: relative; }
.map { display: block; }
.pin {
    position: absolute;
    transform: matrix(1, 0, 0, 1, 0, 0);
}

.pin:hover {
    filter: hue-rotate(313deg);
    transform: matrix(1, 0, 0, 1.1, 0, -2);
    transition: transform 0.2s;
}

.pin:active { filter: hue-rotate(28deg); }
.pin-loc-one {
    left: 23%;
    top: 54%;
}

.pin-loc-two {
    left: 28%;
    top: 65%;
}

.pin-loc-three {
    left: 56%;
    top: 34%;
}


























#partners .row {
    margin-bottom: 1em;
    padding: 0 1em;
}

.partner-logos {
    align-items: center;
    background-color: var(--ctechs-color-white);
    border-radius: 4em;
    display: flex;
    flex-direction: column;
    gap: 2em;
    justify-content: space-around;
    margin: 0em;
    padding: 1em;
}

.partner-logos img {
    max-height: 16em;
    max-width: 12em;
}

.partners-text {
    display: flex;
    justify-content: flex-end;
    margin: 0 2em 2em;
}

.partners-text p {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 24em;
    text-align: right;
    font-size: 1em;
}

.services-text {
    color: var(--ctechs-color-gray);
    font-size: 1.2em;
    padding: 1em 0 5em;
    position: relative;
    text-align: center;
    user-select: none;
}

.services-text > span:nth-of-type(1) { position: relative; }
.services-text.es > span:nth-of-type(1) {left: -1em;}
.services-text.en > span:nth-of-type(1) { left: 1em; }
.services-text > span:nth-of-type(1) span { color: var(--ctechs-color-yellow); }
.text-amp {
    color: var(--ctechs-color-white);
    font-size: 3em;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.services-text.es .text-amp {
    right: 0;
    top: 0.5em;
}

.services-text.en .text-amp {
    right: 0;
    top: 0.5em
}

.services-text > span:nth-of-type(3) {
    color: var(--ctechs-color-blue);
    position: absolute;
}

.services-text.es > span:nth-of-type(3) {
    right: 1.8em;
    top: 3.5em;
}

.services-text.en > span:nth-of-type(3) {
    right: 1.8em;
    top: 3.5em;
}

.services-text > span:nth-of-type(4) { position: absolute; }

.services-text.es > span:nth-of-type(4) {
    left: 2.2em;
    top: 5.4em;
}

.services-text.en > span:nth-of-type(4) {
    left: 2.2em;
    top: 5.4em;
}

.services-text > span:nth-of-type(1) span,
.services-text > span:nth-of-type(3) {
    font-size: 1.1em;
    font-weight: 700;
}

#services .row {
    margin-bottom: 2em;
    padding: 0 1em;
}

#services .row:last-child {
    margin-bottom: 1em;
}

#services article {
    background-color: var(--ctechs-color-white);
    margin: 0;
    padding: 2em;
    border-radius: 4em;
}

#services h2 {
    align-items: center;
    color: var(--ctechs-color-blue);
    display: flex;
    flex-direction: column;
    font-size: 1.4em;
    margin-bottom: 0.4em;
    text-align: center;
}

#services article p {
    color: var(--ctechs-color-gray);
    font-size: 1.2em;
    text-align: center;
}

#certifications .cloud-logos {
    gap: 2em;
    justify-content: center;
}

#certifications .cloud-logos img { max-width: 4em; }
#certifications .row {
    display: block;
    padding: 0 1em;
} 
#certifications .row div:nth-of-type(1) {
    padding: 4em 0 1em 0;
    text-align: center;
}
#certifications .row div:nth-of-type(1) img {width: 12em;}
#certifications .row div:nth-of-type(2) {
    align-items: center;
    background-color: var(--ctechs-color-white);
    border-radius: 4em;
    display: grid;
    gap: 2em;
    grid-template-columns: 1fr;
    justify-items: center;
    margin: 0em;
    padding: 2em 0em;
}

#certifications .row div:nth-of-type(2) img {
    width: 20em;
}


.certifications-text1 p {
    font-size: 1.4em;
    padding: 1em 0 0em;
    position: relative;
    text-align: center;
    user-select: none;
    right: 0em;
}
.certifications-text2 p {
    font-size: 1.4em;
    position: relative;
    text-align: center;
    user-select: none;
    right: 0em;
}


/* Extra small devices (phones, 599px and down) */
@media only screen and (max-width: 599px) { }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) { }

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) { }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    header nav > ul > li { display: inline; }
    header #navigation-links {
        box-shadow: unset;
        height: unset;
        position: static;
        right: unset;
        top: unset;
        transition: unset;
        width: unset;
    }

    header nav > ul > li > a,
    .link-languages {
        text-align: left;
        width: unset;
    }

    .link-languages:hover,
    .languages-dropdown:hover .link-languages { border-radius: 4px 4px 0 0; }
    .link-languages + ul {
        bottom: unset;
        left: 0;
        right: 0;
    }

    .link-languages + ul li:first-child a { border-radius: 0; }
    .link-languages + ul li:last-child a {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

    header #nav-mobile { display: none; }
    footer { padding: 3em 4em 1em; }
    footer .row .col-3 {
        border-right: 1px solid var(--ctechs-color-yellow);
        height: 14em;
        text-align: right;
        padding: 1em 2em 4em 1em;
    }

    footer .row .col-3:nth-of-type(4) { padding-bottom: unset; }
    footer .row .col-3:first-child { text-align: left; }
    footer .row .col-3 h1 { padding: 0 0.4em; }
    footer .row .col-3:first-child,
    footer .row .col-3:last-child { border: 0; }
    .social-media { padding-left: 0.6em; }
    .copyright { left: 5em; }

    
    .title {
        align-items: end;
        flex-direction: row;
        padding: 2em 8em 1em;
    }

    .title h1 {
        font-size: 3em;
        text-align: right;
    }







    #banner .carousel-cell:nth-child(1) p { font-size: 1.6em; }
    #banner .carousel-cell:nth-child(1) p:nth-of-type(1) {
        font-size: 4em;
        line-height: 1.1em;
    }

    #banner .carousel-cell:nth-child(1) p:nth-of-type(2) {
        line-height: 2em;
    }

    #banner .carousel-cell:nth-child(1) p span {
        
    }

    #banner .carousel-cell:nth-child(1) p,
    #banner .carousel-cell:nth-child(1) span {
        
    }

    #banner .carousel-cell:nth-child(2) p {
        font-size: 4em;
    }

    #banner .carousel-cell:nth-child(2) p:nth-of-type(1),
    #banner .carousel-cell:nth-child(2) p:nth-of-type(2) {  }
    #banner .carousel-cell:nth-child(2) p:nth-of-type(1) {  }
    #banner .carousel-cell:nth-child(2) p:nth-of-type(2) {  }
    #banner .carousel-cell:nth-child(2) p:nth-of-type(3) {  }
    #banner .carousel-cell:nth-child(2) p:nth-of-type(1)::after,
    #banner .carousel-cell:nth-child(2) p:nth-of-type(2)::after {
        
    }


    #banner .carousel-cell {
        
    }

    #banner .flickity-button {  }
    #banner .flickity-button:hover {  }
    #banner .flickity-button:focus {
        
    }

    #banner .flickity-prev-next-button {
        
    }

    #banner .flickity-button-icon {  }
    #banner .flickity-button:disabled {  }
    #banner .flickity-page-dots {  }
    #banner .flickity-page-dots .dot {
        
    }

    /* fill-in selected dot */
    #banner .flickity-page-dots .dot.is-selected {
        
    }

    #banner article:nth-of-type(1) img,
    #banner article:nth-of-type(2) img {
        height: unset;
    }

    #banner article:nth-of-type(1),
    #banner article:nth-of-type(2) {
        
    }

    #banner article:nth-of-type(1) {  }
    #banner article:nth-of-type(2) {  }


    












    #about-us.bg-lines,
    #nosotros.bg-lines {

    }

    #nosotros > div:nth-of-type(1),
    #about-us > div:nth-of-type(1) {  }
    #about-us > div:nth-of-type(2),
    #nosotros > div:nth-of-type(2) { padding: 0 6em; }
    #about-us > div:nth-of-type(3),
    #nosotros > div:nth-of-type(3) { padding: 2em 6em 0 7em; }
    .cloud-logos {
        padding: 3em 0;
    }

    #about-us h1,
    #nosotros h1 {
        font-size: 4em;
    }

    #nosotros > div:nth-of-type(1) span:nth-of-type(1),
    #about-us > div:nth-of-type(1) span:nth-of-type(1) {  }
    .heading-dot::after {
        
    }

    #nosotros span:nth-of-type(2),
    #about-us span:nth-of-type(2) {  }
    #nosotros span:nth-of-type(3),
    #about-us span:nth-of-type(3) {  }
    #nosotros > div:nth-of-type(1) span:nth-of-type(1),
    #about-us > div:nth-of-type(1) span:nth-of-type(1),
    #nosotros span:nth-of-type(2),
    #about-us span:nth-of-type(2) {  }
    #nosotros div > p,
    #about-us div > p {
        text-align: right;
    }

    #nosotros div > p strong,
    #about-us div > p strong {  }
    #nosotros div > p > span,
    #about-us div > p > span {
        
    }



















    #benefits .title { padding: 0 8em; }

    #benefits .carousel-cell {
        margin-right: 3.33%;
        padding: 0 4em 0 6em;
        width: 30%;
    }
    
    #benefits .carousel-cell.is-selected { padding: 0 4em; }
    #benefits .carousel-cell.is-selected + .carousel-cell { padding: 0 8em 0 4em; }
    
    
    
    
    
    
    #benefits .flickity-prev-next-button {
        height: 1.6em;
        width: 1.6em;
    }
    
    .flickity-prev-next-button.previous { left: 36%; }
    .flickity-prev-next-button.next { right: 36%; }
    



















    #assets .col-2,
    #assets .col-2:last-child {
        margin-bottom: unset;
    }
    

    [class*="ctechs-i-asset-"] {

    }

    #assets article section:first-child {

    }

    #assets article p {font-size: 1em;}
    #assets article section:last-child {  }
    #assets article p span {  }
    #assets article:nth-of-type(even) p span {  }
    #assets article:nth-of-type(3) p span {  }
    #assets article:nth-of-type(1) p span,
    #assets article:nth-of-type(5) p span {  }


















    .contact form {
        flex-direction: row;
        gap: 1em;
    }
    






    
    .pin-loc-one {
        left: 13%;
    }
    
    .pin-loc-two {
        left: 14%;
    }
    
    .pin-loc-three {
        left: 24%;
    }











    #partners .row {
        margin-bottom: unset;
        padding: unset;
    }

    .partner-logos {
        flex-direction: row;
        margin: 2em;
        padding: 3em;
    }
    
    .partner-logos img {
        max-height: 16em;
        max-width: 24em;
    }
    
    
    .partners-text p {
        font-size: 1.3em;
    }









    .services-text {
        font-size: 1.4em;
        padding: 1em 0 3em;
    }
    
    .services-text > span:nth-of-type(1) {  }
    .services-text.es > span:nth-of-type(1) { left: 3.5em; }
    .services-text.en > span:nth-of-type(1) {left: 1em;}
    .services-text > span:nth-of-type(1) span {  }
    .text-amp {
        font-size: 4em;
    }
    
    .services-text.es .text-amp {
        right: 0.6em;
        top: -0.1em;
    }
    
    .services-text.en .text-amp {
        right: 0.6em;
        top: -0.1em;
    }
    
    .services-text > span:nth-of-type(3) {
        position: relative;
    }
    
    .services-text.es > span:nth-of-type(3) {
        left: 4.6em;
        right: unset;
        top: 0.8em;
    }
    
    .services-text.en > span:nth-of-type(3) {
        left: 2.8em;
        right: unset;
        top: 0.8em;
    }
    
    .services-text > span:nth-of-type(4) { position: relative; }
    
    .services-text.es > span:nth-of-type(4) {
        left: 1.2em;
        top: 2em;
    }
    
    .services-text.en > span:nth-of-type(4) {
        left: 0.3em;
        top: 2em;
    }
    
    .services-text > span:nth-of-type(1) span,
    .services-text > span:nth-of-type(3) {

    }

    #services .row,
    #services .row:last-child {
        margin-bottom: unset;
        padding: 0 1em;
    }
    
    #services article {
        margin: 2em;
        padding: 2em 8em;
    }
    
    #services h2 {
        flex-direction: row;
        font-size: 2em;
        gap: 1em;
        margin-bottom: unset;
        text-align: unset;
    }
    
    #services article p {
        font-size: 1.4em;
        text-align: unset;
    }









    #certifications .cloud-logos {
        gap: 4em;
    }

    #certifications .cloud-logos img { max-width: 8em; }
    #certifications .row {
        align-items: center;
        display: flex;
        padding: unset;
    }
    
    #certifications .row div:nth-of-type(1) { padding: 0 2em 0 7em; }
    #certifications .row div:nth-of-type(1) img { width: unset; }
    #certifications .row div:nth-of-type(2) {
        margin: 2em;
        padding: 4em 3em;
    }

    #certifications .row:nth-of-type(1) div:nth-of-type(2) {
        gap: unset;
        grid-template-columns: repeat(4, 1fr);
    }

    #certifications .row:nth-of-type(2) div:nth-of-type(2),
    #certifications .row:nth-of-type(3) div:nth-of-type(2) {
        gap: 2em;
        grid-template-columns: repeat(3, 1fr);
    }

    #certifications .row div:nth-of-type(2) img {
        width: 12em;
    }

    #certifications .row:nth-of-type(3) div:nth-of-type(2) > img:nth-of-type(1) {
        bottom: 0.6em;
        position: relative;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) { }