/*reload*/

.carga {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000;
}
.sendThanks{
    height: 100%;
    width: 100%;
    background-color: #000f2c;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000;
    display: none;
}
.sendPostulacion{
    height: 100%;
    width: 100%;
    display: none;
    background-color: #000f2c;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000;
}
.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    animation: pulse 1s linear infinite;
  }
.loader:after {
    content: '';
    position: absolute;
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: scaleUp 1s linear infinite;
}
  
  @keyframes scaleUp {
    0% { transform: translate(-50%, -50%) scale(0) }
    60% , 100% { transform: translate(-50%, -50%)  scale(1)}
  }
  @keyframes pulse {
    0% , 60% , 100%{ transform:  scale(1) }
    80% { transform:  scale(1.2)}
}
.wait-a-moment{
    height: 100%;
    height: 100%;
    width: 100%;
    background-color: #000f2c;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 10000000;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: white;
}

.sendThanks>svg{
    height: 100%;
    width: 100%;
    
}
.sendPostulacion>svg{
    height: 100%;
    width: 100%;
    
}
.nomostrar {
    overflow: hidden;
}

.st0 {
    fill: none;
    stroke: #002F49;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

.st1 {
    fill: none;
    stroke: #DD2234;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    /* animation: dash 3s linear alternate infinite; */
    animation-name: dash;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    -webkit-animation-name: dash;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1030;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.slideshow__image--backgroundMobile+.image-background {
    display: none;
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1030;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.t-neutral .select-box-svg__inner {
    background-color: #fff;
}

.t-neutral .select-box-svg__inner select option {
    color: #111;
}

.t-neutral .icon--arrow .icon__box {
    fill: #222;
}

.t-neutral .icon--arrow .icon__caret {
    fill: #fff;
}

/* Component */

.select-box-svg__label {
    display: block;
    margin: 1em 0 0.5em;
    color: #555;
}


.select-box-svg__inner:hover,
.select-box-svg__inner:focus,
.select-box-svg__inner:active {
    cursor: pointer;
}

.icon--arrow {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    padding: 0;

}

.select-box-svg__inner {
    border: none;
    border-radius: 30px;
    font-family: Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    overflow: hidden;
    position: relative;
    transition: background-color 0.4s ease-in-out;
    width: 100%;
}

.select-box-svg__inner select option {
    display: block;
    line-height: 1.5;
    font-size: 1em;
    border: none;
}

.select-box-svg__inner select:hover {
    cursor: pointer;
}

.select-box-svg__inner select {
    position: relative;

    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border-color: none;
    background-image: none;
    border: none;
    box-shadow: none;
    font-family: Helvetica, sans-serif;
    font-size: 1em;

    display: block;
    transition: background 0.4s ease;
    margin: 0;
}

.select-box-svg__label~.select-box-svg__inner select {
    width: 115%;
}

.social-links {
    font-size: 20px;
}

.social-links > a {
    color: #fff
}


.colorback {
    background: #ffffff;
}

.custom-select-1 {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")
}

/*encuesta index*/
.diagonal-box2 {
    background: #00368D;
    transform: skewY(-2deg);
}

.diagonal-box-vacio {
    transform: skewY(-2deg);
}

.diagonal-box-blanco {
    background: #ffffff;
    transform: skewY(-2deg);
}

.diagonal-box3 {
    background: #00A7D3;
    transform: skewY(-2deg);
}

.diagonal-box5 {
    background: #BF0000;
    transform: skewY(-2deg);
}

.diagonal-box6 {
    background: #BF0000;
    transform: skewY(2.2deg);
}

.diagonal-box4 {
    background: #00368D;
    transform: skewY(2.2deg);
}

.diagonal-box-rojo {
    background: #d10326;
    transform: skewY(-2deg);
}

.content4 {
    max-width: 100%;
    margin: 0 auto;
    transform: skewY(357.9deg);
}

.content3 {
    max-width: 100%;
    margin: 0 auto;
    transform: skewY(2deg);
}

.content2 {
    max-width: 50em;
    margin: 0 auto;
    transform: skewY(2deg);
}

.content-diagonal {
    transform: skewY(2deg);
}

.caja {
    margin-top: 40px;
    margin-bottom: 40px;
}

.miholder::placeholder {
    color: gray;
}

.miholderBlanco::placeholder {
    color: white;
}


/*Agrear aquí el color de titulos y subtitulos.*/
.color-titulo {
    color: #03368d;
    font-weight: bold;
}

.color-subtitulo {
    color: #d10326;
    font-weight: bold;
}

.texto-rojo {
    color: #9b0b14 !important;
}

p {
    color: grey;
}

footer li {
    line-height: 2.5rem;
}

.no {
    line-height: normal;
}

.splide__track {
    translate: none !important;
}

/*Encabezado*/
.section {
    background: no-repeat;
    background-size: cover;
}

.section--encabezado {
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
    height: 750px;
}

.section--encabezado_aviso {
    position: relative;
    z-index: 1;
    height: 200px;
    width: 100vw;
}

.section--gracias {
    margin-bottom: 0px;
    height: 950px;
}

.section--encabezado .images--fondo {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #002d47;
    background-size: cover;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22vw), 30% 100%, 0 calc(100% - 12vw));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22vw), 35% 100%, 0 calc(100% - 12vw));
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.section--encabezado_aviso .images--fondoC {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #002d47;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.section--encabezado .images--fondoT {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #002d47;
    background-size: cover;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 75% 100%, 25% 100%, 0 calc(100% - 10vw));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 75% 100%, 25% 100%, 0 calc(100% - 10vw));
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.section--encabezado .images--fondoG {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #00102B;
    background-size: cover;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5vw), 0% 100%);
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.section--encabezado .images {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.section--encabezado .content {
    color: var(--color-white);
    margin-bottom: 175px;
    padding-bottom: 100px;
    padding-top: 225px;
    position: relative;
    width: 100%;
    z-index: 3;
}

.section--gracias .content {
    padding-top: 325px;
}

.section--encabezado h1 {
    margin-bottom: 3;
}

.section--encabezado p {
    color: #ffffff;
    font-weight: 500;
}

.section--encabezado a:hover,
footer a:hover {
    color: #ffffff;
    text-shadow: 2px 2px 5px #ffffff;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

@media (min-width: 768px) {
    .section--encabezado .content {
        padding-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .caja .diagonal-box-blanco .row {
        padding-top: 50px;
    }
}

/*Agregar aquí modificaciones card*/
.color-card-blue {
    background-color: #03368d;
    border-color: #03368d;
    border-style: solid;
    border-width: 10px;
    border-bottom-width: 0px;
    border-radius: 30px;
}

.color-card-white {
    background-color: #ffffff!important;
    border-color: #000000!important;
    border-style: solid!important;
    border-width: 1px!important;
    border-bottom-width: 0px;
    border-radius: 30px;
}

.color-card-red {
    background-color: #d10326;
    border-color: #d10326;
    border-style: solid;
    border-width: 10px;
    border-bottom-width: 0px;
    border-radius: 30px;
}

.color-card-white {
    background-color: #ffffff;
    border-color: #ffffff;
    border-style: solid;
    border-width: 10px;
    border-radius: 30px;
}

.card-img-top {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.card-img-top-home {
    /* border-top-left-radius: 30px;
    border-top-right-radius: 30px; */
    width: 100%!important;
    height: auto!important;
}

.card-in-img {
    padding: 15px;
    margin-top: 3rem;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*Agregar aquí modificacionesa los botones*/

.rounded-pill {
    border-radius: 50rem !important;
    background-color: #d10326;
    border-color: #d10326;
    padding: 8px 40px;
    color: #ffffff;
    font-weight: bold;
    width: 250px;
}

.rounded-pill-texto {
    border-radius: 50rem !important;
    background-color: #d10326;
    border-color: #d10326;
    padding: 8px 50px;
    color: #ffffff;
    font-weight: bold;
}

.rounded-pill-grey {
    border-radius: 50rem !important;
    background-color: #676767;
    border-color: #676767;
    padding: 8px 50px;
    color: #ffffff;
    font-weight: bold;
}

.rounded-pill-grey:hover {
    background-color: #676767;
}

.rounded-pill-grey-texto {
    border-radius: 50rem !important;
    background-color: #676767;
    border-color: #676767;
    padding: 8px 50px;
    color: #ffffff;
    font-weight: bold;
}

.rounded-pill-postR {
    border-radius: 50rem !important;
    background-color: #d10326;
    border-color: #d10326;
    padding: 8px 40px;
    color: #ffffff;
    font-weight: bold;
    width: 250px;
}

.rounded-pill-blue {
    border-radius: 50rem !important;
    background-color: #2985c9;
    border-color: #2985c9;
    padding: 8px 40px;
    color: #ffffff;
    font-weight: bold;
    width: 250px;
}

.rounded-pill-blue-texto {
    border-radius: 50rem !important;
    background-color: #2985c9;
    border-color: #2985c9;
    padding: 8px 50px;
    color: #ffffff;
    font-weight: bold;
}

.rounded-pill-post {
    border-radius: 50rem !important;
    background-color: #03368d;
    border-color: #03368d;
    padding: 8px 40px;
    color: #ffffff;
    font-weight: bold;
    width: 250px;
}

.card-rounded-pill {
    border-radius: 50rem !important;
    background-color: #d10326;
    border-color: #d10326;
    padding: 8px 40px;
    color: #ffffff;
    font-weight: bold;
    width: 200px;
}

.card-rounded-pill-white {
    border-radius: 50rem !important;
    background-color: #ffffff;
    border-color: #ffffff;
    padding: 8px 40px;
    color: #d10326;
    font-weight: bold;
    width: 200px;
}

.btn.card-rounded-pill:hover,
.btn.rounded-pill-texto:hover,
.btn.rounded-pill:hover {
    background-color: #e22527;
}

.btn.rounded-pill-blue:hover {
    background-color: #3aa0c4;
}

.btn.card-rounded-pill-white:hover {
    background-color: #ffffff;
}

.rounded-pill-post:hover {
    background-color: #00368D;
    color: #ffffff;
}

.rounded-pill-postR:hover {
    background-color: #d10326;
    color: #ffffff;
}

.btn-danger {
    color: #ffffff;
}

.dropdown-menu.blanco {
    background: transparent;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.dropdown-item.blanco {
    color: #ffffff;
}

.dropdown-item.blanco:hover {
    background: red;
    color: #ffffff;
}




/*Agregar aquí las modificaciones a inputs*/
.input-bg-azul {
    background-color: #03368d;
    color: #ffffff;
    border-color: #03368d;
}

.input-bg-azul:focus {
    outline: solid 4px #03368d;
    box-shadow: none;
}

.input-group .btn {
    z-index: 1;
}

/*Modificaciones campos hubspot*/

.form-suscribirse fieldset {
    max-width: 100% !important;
}

.hs-form-field {
    margin-right: 10px;
}

#firstname-841b2bf7-6bc7-4537-9b96-0a10a026e056,
#email-841b2bf7-6bc7-4537-9b96-0a10a026e056 {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem;
}

.form-suscribirse input.hs-button.primary.large {
    cursor: pointer;
    margin-top: 25px;
    border-radius: 50rem !important;
    border: 1px solid #d10326;
    background-color: #d10326;
    padding: 10px 40px;
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

.form-suscribirse.design input.hs-button.primary.large {
    cursor: pointer;
    margin-top: 25px;
    border-radius: 50rem !important;
    border: 1px solid #696969;
    background-color: #696969;
    padding: 10px 40px;
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

.header{
    color: '##041f4d'!important;
    background-color: white!important;
}
#navigation{
    z-index: 10;
    max-height: 90px;
    display: flex;
    text-align: center;
}
.nav-item{
    align-content:center;
}
.header-responsive{
    display: none;
}
@media (min-width: 992px) {
    /* .header{
        background-color: transparent!important;
    } */
    .header-responsive{
        display: none;
    }
    .form-suscribirse {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .form-suscribirse form {
        display: flex;
        flex-wrap: nowrap;
    }
    

    .form-suscribirse .hs_submit.hs-submit {
        width: 32.5%;
    }

    .form-suscribirse fieldset.form-columns-2 {
        display: flex;
        flex-wrap: nowrap;
    }
}
.header{
    color: '##041f4d'!important;
    background-color: white!important;
}
@media (max-width: 992px) {
    /* .header{
        background-color: transparent!important;
    } */
    .header-responsive{
        display: none;
    }
    .form-suscribirse .hs-form-field {
        width: 100% !important;
    }

    .form-suscribirse .hs_submit.hs-submit {
        width: 100%;
    }

}

.header{
    color: '##041f4d'!important;
    background-color: white!important;
}
/*Modificaciones canvas*/
@media (min-width: 992px) {
    #hader-sm{
        display: none!important;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        height: 80px;
    }
    .header-responsive{
        display: none;
    }
    .navbar-expand-lg .offcanvas .offcanvas-body {
        background-color: transparent !important;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body .d-flex {
        display: none !important;
    }

    .tarjetas-contacto {
        display: none;
    }
}
.header{
    color: '##041f4d'!important;
    background-color: white!important;
}
@media (max-width: 992px) {
    #hader-sm{
        display: block!important;
        width: 100%;
        display: flex!important;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        height: 80px;
    }
    .header-responsive{
        display: none;
    }
    .navbar-expand-lg .offcanvas {
        max-width: 250px;
    }

    .map {
        display: none;
    }

    .header-idioma {
        display: none;
    }
}

/*Agregar aqui las modificaciones a las imagenes*/
.tabcontent img {
    max-width: 70%;
    height: auto;
}

.caja .diagonal-box-vacio img {
    width: 335px;
    height: 260px;
}


/*encuesta index*/
/*Menu */

.menu-transparent {

    position: absolute;
    text-transform: uppercase;

}

.espacio {
    padding: 0px 10px;
}

.navbar-toggler {
    border-color: #ffffff;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.splide__track {
    translate: none !important;
}


.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 0;
}

.splide__arrow {
    color: transparent !important;
}

.splide__arrow--next {
    right: -3em !important;
}

.splide__arrow--prev {
    left: -3em !important;
}


/*Sección mapa interactivo*/

a {
    text-decoration: none;
    color: #fff;
    transition: all 0.5s ease-out;
}

ul,
ol {
    /* list-style: none; */
    margin: 0;
}

.clear {
    clear: both;
}

.bg {
    width: 90rem;
    height: auto;
    background-image: url(../img/bg.svg);
    margin: auto;
    position: relative;
    margin-bottom: auto
}

.fondo {
    background-color: white;
}

.map {
    background-color: transparent;
}

.map img {
    max-width: 100%;
    height: 100%;
}

.point {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../img/cross.svg);
    transition: .5s ease-in-out;
    z-index: 1;
}

.point:hover {
    transform: rotate(90deg);
    z-index: 2;
}

.point::after {
    width: 3.9rem;
    height: 3.9rem;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    margin: -1.3rem 0 0 -1.3rem;
    animation: waves 20s infinite;
}

.point-d {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(../img/cross.svg);
    transition: .5s ease-in-out;
    z-index: 1;
}

.point-d:hover {
    transform: rotate(-90deg);
    z-index: 2;
}

.point-d::after {
    width: 3.9rem;
    height: 3.9rem;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    margin: -1.3rem 0 0 -1.3rem;
    animation: waves 20s infinite;
}

@keyframes waves {
    0% {
        transform: scale(0);
    }

    1% {
        opacity: .7;
    }

    5% {
        opacity: 0;
        transform: scale(1);
    }
}

.info {
    width: 25rem;
    height: 20rem;
    position: absolute;
    top: 5rem;
    left: -8rem;
    transform: rotate(-90deg);
    display: none;
}

.info-d {
    width: 25rem;
    height: 20rem;
    position: absolute;
    top: 5rem;
    left: -8rem;
    transform: rotate(90deg);
    display: none;
}

.point:hover .info {
    display: block;
}

.point-d:hover .info-d {
    display: block;
}

.content_container {
    background-color: #dfdce3;
    box-shadow: 0 1rem 3.1rem -.4rem rgba(88, 67, 128, 0.6);
    border-radius: .7rem;
    position: absolute;
    animation: appear 1s;
    transition: 1s;
}


@keyframes appear {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        opacity: 0;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.title {
    width: 25rem;
    height: 4rem;
    background-color: #03368d;
    color: #fff;
    border-radius: .7rem .7rem 0 0;
    font-weight: 700;
    font-size: 1.5rem;
    padding: 1rem;
    text-align: center;
}

.text {
    padding: 2rem;
    font-size: 1rem;
    font-weight: bold;
    color: grey;
    background-color: #fff;
    border-width: 2rem;
    border-color: #03368d;
    text-align: center;
}

#mexico {
    top: 52%;
    left: 20.5%;
}

#brasil {
    top: 66%;
    left: 34%;

}

#brasil::after {
    animation-delay: 1s;
}

#india {
    top: 50%;
    left: 66.5%;
}

#india::after {
    animation-delay: 2s;
}

#china {
    top: 48%;
    left: 76%;

}

#china::after {
    animation-delay: 3s;
}

#filipinas {
    top: 55%;
    left: 77%;
}

#filipinas::after {
    animation-delay: 5s;
}

#bielorrusia {
    top: 33.5%;
    left: 52.5%;
}

#bielorrusia::after {
    animation-delay: 6s;
}

#dubai {
    top: 48.5%;
    left: 60%;
}

#dubai::after {
    animation-delay: 4s;
}

#espania {
    top: 40.5%;
    left: 44.5%;
}

#espania::after {
    animation-delay: 7s;
}

#reinoU {
    top: 33%;
    left: 45%;
}

#australia {
    top: 75%;
    left: 82%;
}

.rounded {
    border-radius: .25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}


.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-end {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-start {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

@media (min-width: 768px) {
    .container-home{
        max-width: 1620px;
    }
}