@font-face {
    font-family: 'bebas';
    src: url('../fonts/BebasNeue-Regular.html');
}

/* navbar */
.fa-a {
    padding-left: 10px !important;
}

.nav {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    position: fixed !important;
    z-index: 999;
    width: 100%;
    height: 100px;
    position: relative;
}

.nav-left {
    display: flex;
    align-items: center;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.nav-right {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    position: absolute;
    right: 0;
}

.nav-img {
    width: 150px;
    object-fit: cover;
    object-position: center;
    padding: 20px;
    margin-top: 50px;
}

.nav-img-hidden {
    transform: translateY(-100%);
    transition: transform 0.5s ease-in-out;
}

.nav-img-visible {
    transform: translateY(0);
    transition: transform 0.5s ease-in-out;
}

.nav-btn {
    background-color: #fff;
    border: none;
    font-size: 1.5rem;
    font-weight: 500;
    color: #575756;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 5px;
}

.nav.transparent {
    background-color: transparent;
}

.nav-left.centered {
    flex: 1;
    justify-content: center;
}

.menu-item {
    display: block;
    text-decoration: none;
    color: #575756;
    font-size: 2rem;
    font-family: 'bebas';
    text-align: center;
    margin: 20px;
}

.menu-a {
    display: block;
    text-decoration: none;
    color: #575756;
    font-size: 1.2rem;
    font-family: 'bebas';
    text-align: center;
    margin: 5px;
}

/* Overlay menu */
.overlay-menu {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: top 0.5s ease;
    z-index: 1000;
}

.overlay-menu.open {
    top: 0;
}

.close-btn {
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 2rem;
    cursor: pointer;
    color: #000;
}

.bic {
    width: 100%;
    height: 100%;
    background-image: url('../image/menu.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.bic-3 {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    height: 100%;
    background-color: #ededed;
    margin-left: -20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

/* navbar */


/* one section */
.ampudia-one-section {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.ampudia-one-img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}

.ampudia-one-div {
    width: 100%;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ampudia-one-div-img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.ampudia-one-h1 {
    font-size: 7rem;
    font-family: 'bebas';
    color: #575756;
    text-align: left;
}

.ampudia-one-h2 {
    font-size: 15rem;
    font-family: 'bebas';
    margin-top: -18%;
    color: #575756;
    text-align: left;
}

.ampudia-one-p {
    font-size: 2rem;
    color: #2c9ed8;
    text-align: left;
    white-space: pre-line;
    line-height: 0.9;
    margin-top: -110px;
    font-weight: 500;
}

/* one section */

/* two section */

.ampudia-two-section {
    width: 100%;
    padding: 10px;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    background-image: url('../image/fondo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ampudia-two-img {
    width: 100%;
    margin-top: 5%;
    padding: 10px;
    object-fit: cover;
    object-position: center;
    border-top-right-radius: 80px;
}


.ampudia-two-hr {
    width: 50%;
    opacity: 1;
    margin-top: 10%;
}

.ampudia-two-h1 {
    color: #000;
    font-size: 1.4rem;
    margin-bottom: 10%;
}

.ampudia-two-span {
    color: #54a000;
    font-size: 4rem;
    font-family: 'bebas';
}

.ampudia-two-p {
    color: #000;
    font-size: 1rem;
    text-align: justify;
}

.ampudia-two-a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0px 0px;
    text-decoration: none;
    text-align: center;
    background: #009fde;
    padding: 10px 0px;
    color: #fff;
    width: 200px;
    border-radius: 5px;
}

.lg {
    border-left: 1px solid #979797;
}

.ampudia-two-h2 {
    font-size: 4rem;
    color: #2c9ed8;
    font-family: 'bebas';
    margin-top: 10%;
    text-align: left;
    margin-left: 10px;
}

.ampudia-two-p1 {
    font-size: 2rem;
    color: #575756;
    text-align: justify;
    margin-top: -30px;
    margin-bottom: 5%;
    text-align: left;
    margin-left: 10px;
}

.ampudia-two-hr2 {
    border-color: #575756;
    opacity: 1;
    margin-top: 0px;
    width: 80%;
}

.ampudia-two-div2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ts-row {
    border-left: 1px solid #575756;
    padding: 2% 0;
}

.div2-img,
.div2-img2,
.div2-img3 {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.div2-img2 {
    border-left: 1px solid #575756;
    border-right: 1px solid #575756;
}

.ampudia-two-img2 {
    width: auto;
    object-fit: cover;
    object-position: center;
    display: block;
    margin: 0 auto;
}


.ampudia-two-div {
    position: relative;
    margin-bottom: 5%;
}

.ampudia-two-a2 {
    position: absolute;
    right: 50px;
    top: -22px;
    background: #54a000;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
}

/* two section */

/* three section */

.ampudia-three-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    left: 0;
    right: 0;
}

.ampudia-three-video {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.ampudia-three-image {
    display: none;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767px) {
    .ampudia-three-video {
        display: none;
    }

    .ampudia-three-image {
        display: block;
    }
}

/* three section */

/* four section */
.ampudia-four-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: 5% 0;
}


.ampudia-four-hr {
    width: 50%;
    opacity: 1;
    margin-top: 10%;
    border-color: #575756;
}

.ampudia-four-h1 {
    color: #575756;
    font-size: 1.4rem;
    margin-bottom: 10%;
}

.afs-img {
    width: 85%;
    height: auto;
    object-fit: cover;
    object-position: center;
    display: block;
    margin: 0 auto;
}

.afs-cmd {
    width: 100%;
    background-image: url(../image/hoja.png);
    background-size: 210px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10% 0;
}

.afs-p {
    display: flex;

    align-items: center;
    gap: 10px;
    font-size: 2.5rem;
    color: #575756;
    text-align: left;
    font-family: 'bebas';
    white-space: nowrap;
    cursor: pointer;
}

.afs-img2 {
    width: 50px;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.afs-i {
    color: #009cdb !important;
    font-size: 1rem;
    /* Ajusta según sea necesario para alinear con el texto */
}

.afs-div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5% 0;

}

.afs-a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0px 0px;
    text-decoration: none;
    text-align: center;
    background: #009fde;
    padding: 10px 10px;
    color: #fff;
    border-radius: 5px;
}

/* four section */

/* five section */

.ampudia-five-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    background-image: url('../image/fondo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5% 0;
}

.img-container {
    position: relative;
    width: 100%;
    height: 261px;
    max-width: 300px;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-container2 {
    position: relative;
    width: 100%;
    height: 261px;
    max-width: 300px;
    background-color: #009fde;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}


.ampudia-five-img {
    width: 100px;
    transition: filter 0.5s ease-in-out;
}

/* Texto superpuesto */
.overlay-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    /* Fondo oscuro semi-transparente */
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    padding: 10px;
    text-align: center;
    font-size: 1rem;
}

/* Oscurecer la imagen al pasar el mouse */
.img-container:hover .ampudia-five-img {
    filter: brightness(50%);
}

/* Mostrar el texto al pasar el mouse */
.img-container:hover .overlay-text {
    opacity: 1;
}

.img-container2:hover .ampudia-five-img {
    filter: brightness(50%);
}

/* Mostrar el texto al pasar el mouse */
.img-container2:hover .overlay-text {
    opacity: 1;
}

.rais {
    margin-top: 25px !important;
    margin-bottom: 25px;
}

.afd1 {
    height: 261px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ampudia-five-h1 {
    font-size: 10rem;
    font-family: 'bebas';
    color: #269cd8;
    margin: 0;
    text-align: left;
}

.ampudia-five-span {
    color: #107d9e;
}

.ampudia-five-span2 {
    color: #1d71b8;
}

.modal-header,
.modal-content {
    border: none !important;
}

.modal-body {
    padding: 20px !important;
}

/* five section */

/* six section */

.ampudia-six-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-top: 5%;
}


.ampudia-six-p {
    font-size: 9.6rem;
    font-family: 'bebas';
    color: #575756;
    text-align: left;
    margin-top: 5%;
    line-height: 0.5;
    white-space: pre-line;
}

.ass-span {
    color: #569d00;
}

.ampudia-six-p2 {
    font-size: 3rem;
    color: #575756;
    text-align: left;
    float: right;
    margin-top: -15px;
    margin-bottom: 5%;
}

.ass-div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10%;
    width: 100%;
}

.ass-div2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 50px;
}

.ass-p,
.ass-p3,
.ass-p5 {
    font-size: 8rem;
    font-family: 'bebas';
    text-align: left;
    margin-right: 30px;
}

.ass-p2,
.ass-p4,
.ass-p6 {
    font-size: 2.5rem;
    font-family: 'bebas';
    text-align: left;
    white-space: pre-line;
}

.ass-p,
.ass-p2 {
    color: #009cdb;
}

.ass-p3,
.ass-p4 {
    color: #575756;
}

.ass-p5,
.ass-p6 {
    color: #999999;
}

.ass-hr {
    border: 1px solid #575756;
    width: 100%;
    opacity: .5;
    margin: -10px 0 30px;
}

.card-custom {
    border: none !important;
    background: none !important;
    border-radius: 0 !important;
}

.card-img-top-custom {
    border-radius: 0 !important;
    width: 540px;
    height: auto;
}

.carousel-control-next {
    right: -120px !important;
    color: #575756 !important;
    font-size: 3rem !important;
}

.carousel-control-prev {
    left: -120px !important;
    color: #575756 !important;
    font-size: 3rem !important;
}

.asi {
    color: #575756 !important;
}

.asd {
    margin-top: 30px;
    border-left: #000 1px solid;
}

.card-text-custom {
    font-size: 1.4rem;
    color: #575756;
    font-weight: 700;
    text-align: left;
    margin-left: 10px;
}

.card-text-custom2,
.card-text-custom3 {
    font-size: 1.2rem;
    color: #575756;
    text-align: left;
    margin-left: 10px;
    margin-top: -20px;
}


/* six section */

/* seven section */

.ampudia-seven-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    background-image: url('../image/fondo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5% 0;
    margin-top: 10%;
}


.raic2 {
    margin-top: 10% !important;
}

.raic {
    display: flex !important;
    justify-content: left;
    align-items: flex-start;
    flex-direction: column;
}

.ases-p,
.ases-p2,
.ases-p3 {
    font-size: 6rem;
    font-family: 'bebas';
    text-align: left;
    margin: -20px 0;
    transition: transform 0.3s ease, color 0.3s ease;
    cursor: pointer;
    text-decoration: none;
}

.ases-p:hover {
    transform: scale(1.1);
    color: #333333;
}

.ases-p2:hover {
    transform: scale(1.1);
    color: #3d8b00;
}

.ases-p3:hover {
    transform: scale(1.1);
    color: #365f00;
}

.ases-p {
    color: #4d4d4d;
}

.ases-p2 {
    color: #54a000;
}

.ases-p3 {
    color: #467900;
}

.ases-cmd {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ases-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.ases-a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0px;
    text-decoration: none;
    text-align: center;
    background: #009fde;
    padding: 10px 10px;
    color: #fff;
    border-radius: 5px;
    white-space: nowrap;
}

/* seven section */

/* eight section */

.ampudia-eight-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-top: 10%;
}


.ampudia-eight-div {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.container2 {
    width: 100% !important;
}

.ampudia-eight-div {
    display: flex;
    overflow-x: auto;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.ampudia-eight-image {
    flex: 0 0 auto;
    width: 200px;
    padding: 30px;
}

/* eight section */

/* nine section */

.ampudia-nine-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-top: 5%;
    background-color: #fff;
}

.ans-cmd {
    position: relative;
    width: 560px;
}

.ampudia-nine-img {
    width: 900px;
}

.ans-i1 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #6dceeb !important;
    left: 59px !important;
    top: 75px !important;
    cursor: pointer;
}


.info-box {
    display: none;
    position: absolute;
    z-index: 2;
    background-color: #f3f3f3;
    padding: 10px;
    width: 170px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}

.info-box::before {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 6px;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 13px solid transparent;
    border-top: 32px solid #f3f3f3;
    transform: rotate(50deg);
}

.info-box img {
    width: auto;
    height: 200px;
}

.info-box1 {
    top: -146px;
    left: 60px;
}

.info-box2 {
    top: 10px;
    left: 160px;
}

.info-box3 {
    top: -80px;
    left: 200px;
}

.info-box4 {
    top: 62px;
    left: 288px;
}

.info-box5 {
    top: 45px;
    left: 355px;
}

.info-box6 {
    top: -80px;
    left: 318px;
}

.info-box7 {
    top: -30px;
    left: 438px;
}

.info-box8 {
    bottom: 140px;
    left: 360px;
}

.info-box9 {
    top: 90px;
    left: 414px;
}

.info-box10 {
    top: 18px;
    right: -122px;
}

.info-box11 {
    bottom: 95px;
    left: 395px;
}

.info-box12 {
    bottom: 65px;
    right: -60px;
}

.info-box13 {
    bottom: 112px;
    right: -77px;
}

.info-box14 {
    bottom: 160px;
    right: -104px;
}

.info-box15 {
    top: 74px;
    right: -146px;
}

.info-box16 {
    bottom: 28px;
    right: -107px;
}

.info-box17 {
    bottom: 65px;
    right: -118px;
}

.info-box18 {
    bottom: 105px;
    right: -138px;
}

.info-box19 {
    bottom: 48px;
    right: -168px;
}

.info-box20 {
    bottom: 65px;
    right: -214px;
}

.info-box21 {
    bottom: 40px;
    right: -300px;
}

.info-box22 {
    bottom: 50px;
    right: -385px;
}

.info-box23 {
    bottom: 75px;
    right: -441px;
}

.info-box24 {
    bottom: 120px;
    right: -423px;
}

.ans-i2 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #009fde !important;
    left: 160px !important;
    top: 235px !important;
    cursor: pointer;
}

.ans-i3 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #009fde !important;
    left: 200px !important;
    top: 143px !important;
    cursor: pointer;
}

.ans-i4 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #6dceeb !important;
    left: 284px !important;
    top: 280px !important;
    cursor: pointer;
}

.ans-i5 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #005f96 !important;
    left: 355px !important;
    top: 263px !important;
    cursor: pointer;
}

.ans-i6 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #005f96 !important;
    Left: 318px !important;
    top: 150px !important;
    cursor: pointer;
}

.ans-i7 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #009fde !important;
    left: 435px !important;
    top: 194px !important;
    cursor: pointer;
}

.ans-i8 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #009fde !important;
    left: 359px !important;
    bottom: 115px !important;
    cursor: pointer;
}

.ans-i9 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #6dceeb !important;
    left: 412px !important;
    top: 310px !important;
    cursor: pointer;
}

.ans-i10 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #6dceeb !important;
    right: 35px !important;
    top: 240px !important;
    cursor: pointer;
}

.ans-i11 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #6dceeb !important;
    left: 390px !important;
    bottom: 70px !important;
    cursor: pointer;
}

.ans-i12 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #005f96 !important;
    left: 445px !important;
    bottom: 40px !important;
    cursor: pointer;
}

.ans-i13 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #009fde !important;
    right: 79px !important;
    bottom: 86px !important;
    cursor: pointer;
}

.ans-i14 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #005f96 !important;
    right: 55px !important;
    bottom: 136px !important;
    cursor: pointer;
}

.ans-i15 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #009fde !important;
    right: 10px !important;
    bottom: 186px !important;
    cursor: pointer;
}

.ans-i16 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #009fde !important;
    right: 50px !important;
    bottom: 0px !important;
    cursor: pointer;
}

.ans-i17 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #6dceeb !important;
    right: 41px !important;
    bottom: 38px !important;
    cursor: pointer;
}

.ans-i18 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #005f96 !important;
    right: 19px !important;
    bottom: 80px !important;
    cursor: pointer;
}

.ans-i19 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #009fde !important;
    right: -11px !important;
    bottom: 23px !important;
    cursor: pointer;
}

.ans-i20 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #6dceeb !important;
    right: -57px !important;
    bottom: 36px !important;
    cursor: pointer;
}

.ans-i21 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #005f96 !important;
    right: -145px !important;
    bottom: 10px !important;
    cursor: pointer;
}

.ans-i22 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #009fde !important;
    right: -230px !important;
    bottom: 20px !important;
    cursor: pointer;
}

.ans-i23 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #005f96 !important;
    right: -286px !important;
    bottom: 45px !important;
    cursor: pointer;
}

.ans-i24 {
    position: absolute !important;
    font-size: 1rem !important;
    color: #6dceeb !important;
    right: -268px !important;
    bottom: 90px !important;
    cursor: pointer;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
}


.close:hover,
.close:focus {
    color: #54a000;
    text-decoration: none;
    cursor: pointer;
}

#modal-image {
    width: 100%;
    height: auto;
}

.ampudia-nine-p {
    font-size: 2.4rem;
    text-align: center;
    color: #575756;
}

.ampudia-nine-p2 {
    font-size: 4rem;
    font-family: 'bebas';
    text-align: center;
    color: #569D00;
    margin-top: -30px;
}

.ampudia-nine-p3 {
    font-size: 9rem;
    font-family: 'bebas';
    text-align: center;
    color: #569D00;
    margin-top: -80px;
}

/* nine-section */

/* ten section */

.ampudia-ten-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    background-image: url('../image/fondo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5% 0;
}

.ampudia-ten-div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ampudia-ten-p {
    background: #fff0;
    padding: 20px;
    text-decoration: none;
    color: #575756;
    font-size: 1.4rem;
    margin: 0px;
}

.ampudia-ten-hr {
    opacity: 1;
    border-color: #a09f9f;
    width: 100%;
}


.ats-p {
    font-size: 1.8rem;
    font-family: 'bebas';
    color: #666666;
    text-align: left;
    margin-top: 5%;
}

.ats-p2 {
    font-size: 8rem;
    font-family: 'bebas';
    color: #009fde;
    text-align: left;
    margin-top: -50px;
}

.ats-p3 {
    font-size: 8rem;
    font-family: 'bebas';
    color: #0073be;
    text-align: left;
    margin-top: -50px;
}

.ats-div2 {
    display: flex;
    justify-content: left;
    align-items: center;
}

.ats-p4 {
    font-size: 8rem;
    font-family: 'bebas';
    color: #007fa2;
    text-align: left;
    margin-top: -50px;
    margin-right: 30px;
}

.ats-div3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10%;

}

.ats-btn {
    font-size: .9rem;
    margin: 30px 0px;
    text-decoration: none;
    text-align: center;
    background: #569d00;
    padding: 0px 20px;
    color: #fff;
    border-radius: 5px;
    white-space: pre-line;
}

/* ten section */

/* eleven section */

.ampudia-eleven-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-top: 0%;
    background-image: url('../image/contacto.png');
    background-size: cover;
    background-position: center 0px;
    background-repeat: no-repeat;
    padding: 50px;
}


.ampudia-eleven-form {
    width: 100%;
}

.aer {
    padding: 20px !important;
}

.ampudia-eleven-p {
    font-size: 2.5rem;
    color: #fff;
    text-align: left;
    font-family: 'bebas';
}

.ael {
    color: #fff;
    font-weight: 600;
    margin: 10px 0;
}

.aer {
    display: flex;
    align-items: stretch;
}

.cm6 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ampudia-eleven-button {
    background: #269cd8;
    color: #fff;
    border: none;
    padding: 10px 50px;
    font-size: 1em;
    cursor: pointer;
    transition: background 0.5s ease-in-out;
    font-weight: 700;
    border-radius: 20px;
    margin-left: 120px;
}

.ampudia-eleven-button:hover {
    background: #107d9e;
}

.form-control {
    border: 1px solid #fff !important;
}

/* eleven section */

/* footer section */
@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-20px);
    }

    60% {
        transform: translateY(-10px);
    }
}

.footer-back {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    color: #005f96;
    font-size: 2rem;
    animation: bounce 2s infinite;
    z-index: 10;
}

.ampudia-footer-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    background-color: #575756;
    padding: 20px;
}

.fd2 {
    display: block;
    float: right;
    width: 40%;
}

.fcm6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-a,
.footer-a2,
.footer-a3 {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: left;
    font-size: 1rem;
    font-weight: 700;
    white-space: pre-line;
}

.footer-a4 {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: .9rem;
    font-weight: 700;
    white-space: pre-line;
    margin-top:
        20px;
}

.footer-a2 {
    white-space: nowrap !important;
}

.footer-img {
    width: 100px;
    object-fit: cover;
    object-position: center;
}

.fd {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 10px 0;
}

.fd1 {
    float: right;
}

.footer-hr {
    opacity: 1;
    border-color: #fff;
}

.footer-p {
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
    color: #575756;
    font-size: 1.3rem;
}

.footer-p:last-child {
    margin-right: 0;
}

/* footer section */

/* nosotros one section */

.nosotros-one-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
}

.no-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    position: relative;
}

.no-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.no-p {
    font-size: 5rem;
    color: #fff;
    text-align: center;
    font-family: 'bebas';
    letter-spacing: 0.3em;
    white-space: nowrap;
    filter: drop-shadow(7px 7px 6px #000);
}

/* nosotros one section */

/* nosotros two section */

.nosotros-two-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    background-image: url('../image/fondo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5% 0;
}

.nt-div {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.nt-p {
    font-size: 4rem;
    color: #333333;
    text-align: justify;
    font-family: 'bebas';
    margin-top: 5%;
}

.nt-p2 {
    font-size: 5.7rem;
    color: #269cd8;
    text-align: justify;
    font-family: 'bebas';
    margin-top: -60px;
}

.nt-p3 {
    font-size: 1rem;
    color: #575756;
    text-align: justify;
}

.nt-cm6 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.nt-img {
    width: 100%;
}

.nt-div2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.nt-img2 {
    max-width: 100%;
    max-height: 100%;
    z-index: 2;
}

.nt-cm {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
}

.nt-p4 {
    font-size: .9rem;
    color: #575756;
    text-align: right;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 15%;
    width: 70%;
}

.nt-img3 {
    width: 340px;
    border-radius: 30px;
    border: 10px solid #fff;
}

.nt-div3 {
    display: block;
    background-color: #fff;
    padding: 20px;
    border-top-right-radius: 200px;
    width: 600px;
    height: 250px;
}

.nt-p5 {
    font-size: 1rem;
    color: #575756;
    text-align: left;
    white-space: pre-line;
}

.nt-p6 {
    font-size: 3rem;
    padding: 30px;
    color: #575756;
    text-align: left;
    font-family: 'bebas';
    white-space: pre-line;
    line-height: 0.9;
}

.nt-span {
    color: #679b12;
}

/* nosotros two section */

/* nosotros three section */
.nosotros-three-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-top: 5%;
}

.nos-row {
    margin-top: 10% !important;
}

.nth-div {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
}

.nth-hr {
    opacity: 1;
    border-color: #575756;
    width: 100%;
}

.nth-div2 {
    position: absolute;
    top: 10px;
    right: 0;
    background: #fff;
    padding: 10px;
}

.nth-p {
    font-size: 6rem;
    color: #679b12;
    text-align: center;
    font-family: 'bebas';
}

.nth-p2 {
    font-size: 4.8rem;
    color: #679b12;
    text-align: center;
    font-family: 'bebas';
    margin-top: -55px;
}

.nth-p3 {
    font-size: 1.5rem;
    color: #575756;
    text-align: center;
    margin-top: -30px;
}

.nth-span {
    font-weight: 700;
}

.nth-cm {
    position: relative;
}

.nth-img {
    height: auto;
    object-fit: cover;
    object-position: center;
    position: relative;
}

.nth-img2 {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    height: auto;
    object-fit: cover;
    object-position: center;
    width: 280px;
}

.nth-cm2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nth-p4 {
    display: block;
    font-size: 3rem;
    color: #575756;
    text-align: left;
    margin: 10px auto;
    font-family: 'bebas';
    width: 40%;
    white-space: pre-line;
    line-height: 1;
    position: relative;
    z-index: 3;
}

.nth-i {
    position: absolute;
    font-size: 8rem;
    left: -50px;
    z-index: -1;
    color: #f3f3f3;
}

/* nosotros three section */

/* nosotros four section */

.nosotros-four-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-top: 5%;
    background-color: #f3f3f3;
    background-image: url(../image/hoja.png);
    background-size: 182px;
    background-position: center 11px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px;
}


.nf-p {
    font-size: 8.5rem;
    color: #679b12;
    text-align: center;
    font-family: 'bebas';
    white-space: pre-line;
    line-height: 1;
}

.nf-span {
    color: #4e632c;
}

/* nosotros four section */

/* tanques one section */

.tanques-one-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
}

.to-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    position: relative;
}

.to-div {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.to-p {
    font-size: 5rem;
    color: #fff;
    text-align: center;
    font-family: 'bebas';
    letter-spacing: 0.3em;
    white-space: nowrap;
    filter: drop-shadow(7px 7px 6px #000);
}

/* tanques one section */

/* tanques two section */

.tanques-two-section {
    width: 100%;
    height: auto;
    background-color: #fff;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-top: -50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.tt-div {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
}

.tt-hr {
    opacity: 1;
    border-color: #575756;
    width: 100%;
}

.tt-p {
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff;
    padding: 10px;
    color: #679b12;
    font-size: 8rem;
    text-align: center;
    font-family: 'bebas';
}

.tt-p2 {
    font-size: 1.1rem;
    text-align: left;
    color: #575756;
    margin-top: 1%;
    margin-bottom: 10%;
    width: 80%;
}


.tt-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.tt-color {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    background: #f3f3f3;
    border-radius: 10px;
    padding: 30px;
    margin: 15px auto;
    transition: height 0.3s ease;
    overflow: hidden;
    height: 50px;
}

.color-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.tt-color.active {
    height: auto;
}

.tt-color.active .container {
    display: block !important;
    margin-top: 5%;
}

.color-p {
    margin: 0;
    color: #575756;
    font-weight: 500;
}

.toggle-sign {
    position: relative;
    width: 10px;
    height: 10px;
}

.bar {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #575756;
    transition: transform 0.3s ease;
}

.bar:first-child {
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
}

.bar:last-child {
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.tt-color.active .bar:first-child {
    transform: translateY(-50%) rotate(0deg);
}

.tt-color.active .bar:last-child {
    transform: translateY(-50%) rotate(0deg);
}

.color-img {
    height: 70px;
    object-fit: cover;
    object-position: center;
    padding: 5px;
}

.tt-color-name {
    font-size: 2.5rem;
    color: #575756;
    font-family: 'bebas';
    text-align: center;
}

/* tanques two section */

/* tanques three section */

.tanques-three-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    background-image: url('../image/fondo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5% 0;
}

.tth-div {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
}

.tth-hr {
    opacity: 1;
    border-color: #575756;
    width: 78%;
}

.tth-p {
    position: absolute;
    top: 0px;
    right: 0;
    background: #ffffff00;
    padding: 10px;
    color: #4e632c;
    font-size: 8rem;
    text-align: center;
    font-family: 'bebas';
}

.tth-img {
    width: 150px;
    display: block;
    margin: 0 auto;
}

.tth-p2 {
    font-size: 2.3rem;
    text-align: center;
    color: #679b12;
    margin-top: 10%;
    font-family: 'bebas';
}

.tth-img2 {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    margin-top: -70px;
    margin-left: -30px;
    padding: 10px;
}

.tth-cm {
    border-left: 1px solid #d1d1d0 !important;
    height: 250px;
    margin-top: auto !important;
    margin-bottom: 10px !important;
}

.tth-span {
    font-family: 'bebas';
    color: #269cd8;
    font-size: 2rem;
}

.tth-p3 {
    font-size: 1rem;
    text-align: justify;
    padding: 10px;
}

.tth-hr2 {
    width: 104%;
    opacity: 1;
    border-color: #d1d1d0;
    margin-top: 50px;
    margin-left: -30px;
}

.tth-img3 {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    margin-top: -60px !important;
    padding: 10px;
}

.tth-img4 {
    width: 120px;
    margin-bottom: auto;
    padding: 10px;
    position: relative;
}


.tth-div2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.tth-img5 {
    width: 50%;
    height: auto;
    object-fit: cover;
    object-position: center;
    padding: 10px;
    border-radius: 30px;
}

.tth-hr3 {
    width: 80px;
    opacity: 1;
    border-color: #2c9ed8;
    border: 1px solid #2c9ed8;
}

.tth-p4 {
    width: 90%;
    font-size: 1.1rem;
    text-align: left;
    color: #575756;
    font-weight: 600;
    margin: 0 10px;
}

/* tanques three section */

/* tanques four section */

.tanques-four-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-top: 5%;
    padding-bottom: 10%;
}

.tf-div {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
}

.tf-hr {
    opacity: 1;
    border-color: #575756;
    width: 100%;
}

.tf-p {
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff;
    padding: 10px;
    color: #52781d;
    font-size: 8rem;
    text-align: center;
    font-family: 'bebas';
}


.tf-p2 {
    font-size: 1.1rem;
    color: #575756;
    text-align: left;

}

.tf-img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.car-inn {
    height: 500px !important;
    display: flex !important;
}

.car-it {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

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

/* tanques four section */

/* tanques five section */

.tanques-five-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    background-image: url('../image/fondo.jpg');
    padding: 5% 0;
}

.tfi-div {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
}

.tfi-hr {
    opacity: 1;
    border-color: #575756;
    width: 64%;
}

.tfi-p {
    position: absolute;
    top: 0px;
    right: 0;
    background: #ffffff00;
    padding: 10px;
    color: #4e632c;
    font-size: 8rem;
    text-align: center;
    font-family: 'bebas';
}

.tfs-div {
    width: 100%;
    height: 400px;
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.tfs-img {
    width: 150px;
    display: block;
}

.tfs-p {
    font-size: 3rem;
    font-family: 'bebas';
    text-align: left;
    color: #000;
}

.tfs-p2 {
    font-size: 1rem;
    text-align: justify;
    color: #575756;
}

.tfs-img2 {
    width: 130px;
    display: block;
}

.tfs-div2 {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    margin: 5% 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.close {
    color: #2699D5;
    float: right;
    font-size: 28px;
    font-weight: bold;
    background: #00000000;
    border: none;
    display: block;
    margin-left: auto;
}

.modal-content {
    background: #ffffff00 !important;
}

.modal-dialog-c {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 1000px !important;
}

.modal-content-c {
    width: 800px !important;
}

.modal-header {
    padding: 10px 0 !important;
}

.modal-title {
    font-family: 'bebas';
    text-align: left;
    color: #000;
    font-size: 2rem;
    margin: 0;
}

.tfs-btn {
    font-size: 1rem;
    margin: 30px 5px;
    text-decoration: none;
    text-align: center;
    background: #2699D5;
    padding: 0px 20px;
    color: #fff;
    border-radius: 5px;
    border: none;
}

.tfs-video {
    width: 100%;
}

.tfs-img3 {
    width: 80%;
    display: block;
    margin: 0 auto;
}

/* tanques five section */

/* tanques six section */
.tanques-six-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-bottom: 5%;
}

.ts-div {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
}

.ts-hr {
    opacity: 1;
    border-color: #575756;
    width: 100%;
}

.ts-p {
    position: absolute;
    top: 0px;
    left: 0;
    background: #fff;
    padding: 10px;
    color: #679b12;
    font-size: 8rem;
    text-align: center;
    font-family: 'bebas';
}

.ts-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    position: relative;
}

.ts-p2 {
    font-size: 2.7rem;
    text-align: justify;
    color: #575756;
    font-family: 'bebas';
}

.ts-p3 {
    font-size: 8.4rem;
    text-align: justify;
    color: #2c9ed8;
    font-family: 'bebas';
    margin-top: -65px;
}

.ts-p4 {
    font-size: 9rem;
    text-align: justify;
    color: #575756;
    font-family: 'bebas';
    margin-top: -90px;
}

.ts-md3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

/* tanques six section */

/* tanques seven section */

.tanques-seven-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-top: 5%;
    background-color: #f3f3f3;
    background-image: url(../image/hoja.png);
    background-size: 182px;
    background-position: center 25px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px;
}

.tse-div {
    position: relative;
    width: 100%;
    height: 100%;
}

.tse-p {
    font-size: 6rem;
    color: #679b12;
    text-align: center;
    font-family: 'bebas';
    margin-top: 5%;
}

.tse-p2 {
    font-size: 6.5rem;
    text-align: center;
    color: #52781d;
    font-family: 'bebas';
    margin-top: -70px;
}

/* tanques seven section */

/* divisiones one section */

.divisiones-one-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
}

.do-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    position: relative;
}

.do-div {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.do-p {
    font-size: 5rem;
    color: #fff;
    text-align: center;
    font-family: 'bebas';
    letter-spacing: 0.3em;
    white-space: nowrap;
    filter: drop-shadow(7px 7px 6px #000);
}

/* divisiones one section */

/* divisiones two section */

.divisiones-two-section {
    width: 100%;
    height: auto;
    background-color: #fff;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-top: -50px;
}

.dts-div {
    width: 100%;
    background-image: url('../image/fondo.jpg');
    background-size: cover;
    background-position: center;
    padding: 5% 0;
}

.industrial-div2 {
    width: 100%;
    position: relative;
}

.industrial-img {
    width: 80%;
    display: block;
    margin-left: auto;
}

.industrial-p {
    font-size: 7.5rem;
    color: #fff;
    font-family: 'bebas';
    margin-top: 5%;
    position: absolute;
    bottom: -70px;
    left: 0;
}

.industrial-span {
    color: #486422;
}

.industrial-span2 {
    color: #569d00;
}

.industrial-div3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5% 0;
    width: 80%;
    padding: 20px;
    background: #759f1d;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.industrial-p2 {
    font-size: 1.2rem;
    text-align: justify;
    color: #fff;
}

.dts-div2 {
    width: 100%;
    padding: 5% 0;
}

.co-in-div2 {
    width: 100%;
    position: relative;
}

.co-in-img {
    width: 80%;
    display: block;
    margin-left: auto;
}

.co-in-p {
    font-size: 7rem;
    color: #fff;
    font-family: 'bebas';
    margin-top: 5%;
    position: absolute;
    bottom: -67px;
    left: 0;
}

.co-in-span {
    color: #005f96;
}

.co-in-span2 {
    color: #009cdb;
}

.co-in-div3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5% 0;
    margin-left: auto;
    width: 80%;
    padding: 20px;
    background: #009cdb;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.co-in-p2 {
    font-size: 1.2rem;
    text-align: justify;
    color: #fff;
}

.potable-p {
    font-size: 9rem;
    color: #fff;
    font-family: 'bebas';
    margin-top: 5%;
    position: absolute;
    bottom: -81px;
    left: 0px;
}

.agricola-div3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5% 0;
    margin-left: auto;
    width: 80%;
    padding: 20px;
    background: #009cdb;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.agricola-p {
    font-size: 7.5rem;
    color: #fff;
    font-family: 'bebas';
    margin-top: 5%;
    position: absolute;
    bottom: -70px;
    left: 7px;
}

.residual-p {
    font-size: 8rem;
    color: #fff;
    font-family: 'bebas';
    margin-top: 5%;
    position: absolute;
    bottom: -74px;
    left: -4px;
}

.ganadera-p {
    font-size: 8.5rem;
    color: #fff;
    font-family: 'bebas';
    margin-top: 5%;
    position: absolute;
    bottom: -78px;
    left: -3px;
}

/* divisiones two section */

/* divisiones three section */
.divisiones-three-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    background-color: #fff;
    background-image: url(../image/hoja.png);
    background-size: 182px;
    background-position: center 25px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px;
}

.dth-div {
    position: relative;
    width: 100%;
    height: 100%;
}

.dth-p {
    font-size: 6rem;
    color: #679b12;
    text-align: center;
    font-family: 'bebas';
    margin-top: 5%;
}

.dth-span {
    color: #52781d;
}

.dth-p2 {
    font-size: 7.1rem;
    text-align: center;
    color: #679b12;
    font-family: 'bebas';
    margin-top: -70px;
}

/* divisiones three section */

/* marcas one section */

.marcas-one-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
}

.mo-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    position: relative;
}

.mo-div {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.mo-p {
    font-size: 5rem;
    color: #fff;
    text-align: center;
    font-family: 'bebas';
    letter-spacing: 0.3em;
    white-space: nowrap;
    filter: drop-shadow(7px 7px 6px #000);
}

/* marcas one section */

/* marcas two section */

.marcas-two-section {
    width: 100%;
    height: auto;
    background-color: #fff;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
}

.mts-div {
    width: 100%;
    background-image: url('../image/fondo.jpg');
    background-size: cover;
    background-position: center;
    padding: 5% 0;
}

.bluetank-img {
    width: 200px;
    display: block;
    margin: 5% auto;
}

.bluetank-container {
    text-align: center;
    font-family: Arial, sans-serif;
}

.bluetank-p {
    font-size: 3.5em;
    color: #4a4a4a;
    font-family: 'bebas';
}

.bluetank-p2 {
    font-size: 5.8em;
    color: #2196F3;
    font-family: 'bebas';
    margin-top: -45px;
}

.bluetank-p2 sup {
    font-size: 0.5em;
    vertical-align: super;
}

.bluetank-p3 {
    font-size: 1.1rem;
    text-align: justify;
}

.bluetank-img2 {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-top-right-radius: 100px;
}

.bt-div {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.bt-p {
    font-size: 3rem;
    margin: 0;
    text-align: center;
    color: #269cd8;
    font-family: 'bebas';
}

.bluetank-div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5% 0;
    width: 100%;
    padding: 20px;
    background: #009cdb;
}

.bluetank-p4 {
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

.bluetank-div2 {
    display: flex;
    align-items: center;
    margin: 5% 0;
}

.bluetank-img3 {
    width: 60%;
    height: 308px;
    display: block;
}

.bluetank-img4 {
    width: 35%;
    height: 308px;
    display: block;
    margin-left: auto;
}

.bluetank-div3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5% 0;
    width: 100%;
}

.bluetank-img5 {
    width: 130px;
    margin: 20px;
    padding: 20px;
}

.pioneer-cmd {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.pioneer-img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0;
    border-top-left-radius: 100px;
}

.pioneer-img2 {
    width: 80%;
    height: auto;
    display: block;
    margin: 50px 0 0;
}

.pioneer-p {
    font-size: 1.3rem;
    text-align: justify;
    color: #575756;
}

.pioneer-p2 {
    font-size: 1.3rem;
    text-align: justify;
    color: #575756;
}

.pioneer-p3 {
    font-size: 2.3rem;
    font-family: 'bebas';
    text-align: justify;
    color: #679a13;
}

.pioneer-div {
    width: 100%;
    background: #679a13;
    padding: 20px;
}

.pioneer-p4 {
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
}

.pioneer-span {
    font-weight: 700;
}

.pioneer-div3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5% 0;
    width: 100%;
}

.pioneer-img5 {
    width: 130px;
    margin: 20px;
    padding: 20px;
}

.franklin-cmd {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.franklin-p {
    font-size: 1.3rem;
    text-align: justify;
    color: #575756;
}

.franklin-p2 {
    font-size: 1.3rem;
    text-align: justify;
    color: #575756;
}

.franklin-p3 {
    font-size: 2.3rem;
    font-family: 'bebas';
    text-align: justify;
    color: #575756;
}

.franklin-div {
    width: 100%;
    background: #009cdb;
    padding: 20px;
}

.franklin-p4 {
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
}

.franklin-span {
    font-weight: 700;
}

.franklin-img2 {
    width: 100%;
    display: block;
    margin: 0;
    border-top-right-radius: 100px;
}

.franklin-div3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5% 0;
    width: 100%;
}

.franklin-img5 {
    width: 130px;
    margin: 20px;
    padding: 20px;
}

/* marcas two section */

/* marcas three section */

.marcas-three-section {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    position: relative;
    margin-top: 5%;
    background-color: #f3f3f3;
    background-image: url(../image/hoja.png);
    background-size: 182px;
    background-position: center 25px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px;
}

.mth-div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
}

.mth-p {
    font-size: 7.7rem;
    color: #52781d;
    text-align: center;
    font-family: 'bebas';
}

.mth-p2 {
    font-size: 9.5rem;
    text-align: center;
    color: #679b12;
    font-family: 'bebas';
    margin-top: -100px;
}

/* marcas three section */

/* media query */
/* desktops */
@media screen and (min-width: 1700px) {
    .ampudia-ten-div2 {
        width: 60%;
    }
}

@media screen and (min-width: 1400px) {
    .industrial-p {
        bottom: -70px;
        left: 41px;
    }

    .co-in-p {
        left: 36px;
    }

    .potable-p {
        left: 34px;
    }

    .agricola-p {
        left: 42px;
    }

    .residual-p {
        left: 32px;
    }

    .ganadera-p {
        left: 33px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1299px) {
    .ampudia-one-h1 {
        font-size: 6rem;
    }

    .ampudia-one-h2 {
        font-size: 13rem;
        margin-top: -90px;
    }

    .ampudia-one-p {
        margin-top: -100px;
    }

    .afs-p {
        font-size: 2rem;
    }

    .afs-img2 {
        width: 50px;
    }

    .ampudia-five-h1 {
        font-size: 8.5rem;
    }

    .ampudia-six-p {
        font-size: 8rem;
    }

    .ass-p,
    .ass-p3,
    .ass-p5 {
        font-size: 6rem;
    }

    .ass-p2,
    .ass-p4,
    .ass-p6 {
        font-size: 2rem;
    }

    .asd2 {
        width: 90%;
        margin-top: -50px;
        margin-left: auto;
        margin-right: auto;
    }

    .ampudia-seven-p,
    .ampudia-seven-p2,
    .ampudia-seven-p3 {
        font-size: 7rem;
    }

    .ampudia-seven-img {
        width: 280px;
    }

    .ases-p,
    .ases-p2,
    .ases-p3 {
        font-size: 5rem;
    }

    .ampudia-nine-img {
        width: 730px;
    }

    .ans-i1,
    .ans-i2,
    .ans-i3,
    .ans-i4,
    .ans-i5,
    .ans-i6,
    .ans-i7,
    .ans-i8,
    .ans-i9,
    .ans-i10,
    .ans-i11,
    .ans-i12,
    .ans-i13,
    .ans-i14,
    .ans-i15,
    .ans-i16,
    .ans-i17,
    .ans-i18,
    .ans-i19,
    .ans-i20,
    .ans-i21,
    .ans-i22,
    .ans-i23,
    .ans-i24 {
        font-size: .9rem !important;
    }

    .ans-i1 {
        left: 50px !important;
        top: 70px !important;
    }

    .ans-i2 {
        left: 129px !important;
        top: 190px !important;
    }

    .ans-i3 {
        left: 155px !important;
        top: 115px !important;
    }

    .ans-i4 {
        left: 228px !important;
        top: 227px !important;
    }

    .ans-i5 {

        left: 285px !important;
        top: 205px !important;
    }

    .ans-i6 {
        Left: 255px !important;
        top: 120px !important;
    }

    .ans-i7 {
        left: 350px !important;
        top: 160px !important;
    }

    .ans-i8 {
        left: 292px !important;
        bottom: 92px !important;

    }

    .ans-i9 {
        left: 329px !important;
        top: 254px !important;
    }

    .ans-i10 {
        right: 135px !important;
        top: 190px !important;
    }

    .ans-i11 {
        left: 315px !important;
        bottom: 54px !important;
    }

    .ans-i12 {
        left: 360px !important;
        bottom: 33px !important;
    }

    .ans-i13 {
        right: 170px !important;
        bottom: 68px !important;
    }

    .ans-i14 {
        right: 146px !important;
        bottom: 105px !important;
    }

    .ans-i15 {
        right: 115px !important;
        bottom: 150px !important;
    }

    .ans-i16 {
        right: 140px !important;
        bottom: 0px !important;
    }

    .ans-i17 {
        right: 139px !important;
        bottom: 32px !important;
    }

    .ans-i18 {
        right: 122px !important;
        bottom: 62px !important;
    }

    .ans-i19 {
        right: 95px !important;
        bottom: 17px !important;
    }

    .ans-i20 {
        right: 60px !important;
        bottom: 29px !important;
    }

    .ans-i21 {
        right: -15px !important;
        bottom: 7px !important;
    }

    .ans-i22 {
        right: -83px !important;
        bottom: 18px !important;
    }

    .ans-i23 {
        right: -128px !important;
        bottom: 33px !important;
    }

    .ans-i24 {
        right: -109px !important;
        bottom: 71px !important;
    }

    .info-box1 {
        top: -153px;
        left: 54px;
    }

    .info-box2 {
        top: -30px;
        left: 135px;
    }

    .info-box3 {
        top: -106px;
        left: 160px;
    }

    .info-box4 {
        top: 8px;
        left: 232px;
    }

    .info-box5 {
        top: -18px;
        left: 291px;
    }

    .info-box6 {
        top: -102px;
        left: 259px;
    }

    .info-box7 {
        top: -62px;
        left: 354px;
    }

    .info-box8 {
        bottom: 114px;
        left: 295px;
    }

    .info-box9 {
        top: 34px;
        left: 333px;
    }

    .info-box10 {
        top: -32px;
        right: -25px;
    }

    .info-box11 {
        bottom: 77px;
        left: 317px;
    }

    .info-box12 {
        bottom: 59px;
        right: 24px;
    }

    .info-box13 {
        bottom: 92px;
        right: 9px;
    }

    .info-box14 {
        bottom: 127px;
        right: -17px;
    }

    .info-box15 {
        top: 16px;
        right: -46px;
    }

    .info-box16 {
        bottom: 24px;
        right: -23px;
    }

    .info-box17 {
        bottom: 58px;
        right: -22px;
    }

    .info-box18 {
        bottom: 86px;
        right: -39px;
    }

    .info-box19 {
        bottom: 40px;
        right: -64px;
    }

    .info-box20 {
        bottom: 54px;
        right: -101px;
    }

    .info-box21 {
        bottom: 34px;
        right: -173px;
    }

    .info-box22 {
        bottom: 42px;
        right: -241px;
    }

    .info-box23 {
        bottom: 58px;
        right: -287px;
    }

    .info-box24 {
        bottom: 98px;
        right: -270px;
    }

    .ats-p2,
    .ats-p3,
    .ats-p4 {
        font-size: 6rem;
        margin-top: -40px;
    }

    .atd2 {
        width: 100%;
        margin-top: -90px;
        margin-left: auto;
        margin-right: auto;
    }

    .ampudia-ten-p2,
    .ampudia-ten-p3,
    .ampudia-ten-p4 {
        font-size: 7rem;
    }

    .ampudia-eleven-button {
        margin-left: 60px;
        margin-top: 110px;
    }

    .no-p {
        white-space: nowrap;
    }

    .nt-p {
        font-size: 3rem;
    }

    .nt-p2 {
        font-size: 4.3rem;
        margin-top: -40px;
    }

    .industrial-p {
        font-size: 5.5rem;
        bottom: -56px;
        left: 28px;
    }

    .co-in-p {
        font-size: 5.7rem;
        bottom: -58px;
        left: 0;
    }

    .potable-p {
        font-size: 7.5rem;
        bottom: -70px;
        left: 0px;
    }

    .agricola-p {
        font-size: 6.2rem;
        bottom: -62px;
        left: 7px;
    }

    .residual-p {
        font-size: 6.7rem;
        bottom: -65px;
        left: -4px;
    }

    .ganadera-p {
        font-size: 7rem;
        bottom: -67px;
        left: 0;
    }

    .dt-div {
        padding-left: 340px;
    }

    .dt-div2 {
        width: 500px;
    }

    .dt-img {
        width: 600px;
        top: 115px;
        left: 290px;
    }

    .dt-h1 {
        font-size: 5rem;
        top: 166px;
        left: 145px;
    }

    .dt-div4 {
        width: 500px;
    }

    .dt-img2 {
        width: 600px;
        left: 290px;
    }

    .dt-h2 {
        font-size: 5rem;
        top: 164px;
        left: 131px;
    }

    .dt-h3 {
        font-size: 5rem;
        top: 167px;
        left: 167px;
    }

    .dt-h4 {
        font-size: 5rem;
        top: 164px;
        left: 146px;
    }

    .dt-h5 {
        font-size: 5rem;
        top: 164px;
        left: 165px;
    }

    .dt-h6 {
        font-size: 5rem;
        top: 164px;
        left: 148px;
    }

    .dt-h7 {
        font-size: 5rem;
        top: 162px;
        left: 157px;
    }

    .ts-p2 {
        font-size: 2.3rem;
    }

    .ts-p3 {
        font-size: 7rem;
    }

    .ts-p4 {
        font-size: 8rem;
    }

    .mt-p5 {
        font-size: 7.3rem;
    }

    .mt-p7 {
        font-size: 1.4rem;
    }

    .mt-img3 {
        width: 150px;
    }

    .mt-p9 {
        font-size: 6rem;
    }

    .mt-img5 {
        width: 150px;
        margin: 5% auto;
    }

    .mt-p12 {
        font-size: 1.5rem;
    }

    .bluetank-p {
        font-size: 3rem;
    }

    .bluetank-p2 {
        font-size: 4.9rem;
        margin-top: -40px;
    }

    .img-container,
    .img-container2 {
        height: 216px;
    }
}

@media screen and (min-width: 821px) and (max-width: 999px) {
    .ampudia-one-h1 {
        font-size: 4rem;
    }

    .ampudia-one-h2 {
        font-size: 9rem;
        margin-top: -70px;
    }

    .ampudia-one-p {
        font-size: 1.5rem;
        margin-top: -70px;
    }

    .ampudia-two-span {
        font-size: 1.5rem;
    }

    .ampudia-two-a {
        width: 70%;
    }

    .ampudia-two-h2 {
        font-size: 2.2rem;
    }

    .afp3 {
        font-size: 5.8rem !important;
    }

    .ampudia-four-p,
    .ampudia-four-p2 {
        font-family: 'bebas';
        font-size: 5rem;
        text-align: center;
        margin-top: -60px;
    }

    .ampudia-five-h1 {
        font-size: 6.5rem;
    }

    .ampudia-six-p {
        font-size: 5rem;
    }

    .ampudia-six-p2 {
        font-size: 2rem;
    }

    .asd2 {
        margin-top: -50px;
        margin-left: auto;
        margin-right: auto;
    }

    .ases-p,
    .ases-p2,
    .ases-p3 {
        font-size: 4rem !important;
    }

    .ass-p,
    .ass-p3,
    .ass-p5 {
        font-size: 4rem;
    }

    .ass-p2,
    .ass-p4,
    .ass-p6 {
        font-size: 1.5rem;
    }

    .ampudia-seven-p,
    .ampudia-seven-p2,
    .ampudia-seven-p3 {
        font-size: 5.8rem;
    }

    .ampudia-seven-img {
        width: 230px;
        height: auto;
    }

    .ampudia-nine-p {
        font-size: 1.8rem;
    }

    .ampudia-nine-p2 {
        font-size: 3rem;
    }

    .ampudia-nine-p3 {
        font-size: 6.7rem;
        margin-top: -65px;
    }

    .ampudia-nine-img {
        width: 550px;
    }

    .nt-div3 {
        border-top-right-radius: 100px;
        width: 350px;
        height: 150px;
    }

    .ans-i1,
    .ans-i2,
    .ans-i3,
    .ans-i4,
    .ans-i5,
    .ans-i6,
    .ans-i7,
    .ans-i8,
    .ans-i9,
    .ans-i10,
    .ans-i11,
    .ans-i12,
    .ans-i13,
    .ans-i14,
    .ans-i15,
    .ans-i16,
    .ans-i17,
    .ans-i18,
    .ans-i19,
    .ans-i20,
    .ans-i21,
    .ans-i22,
    .ans-i23,
    .ans-i24 {
        font-size: .7rem !important;
    }

    .ans-i1 {
        left: 35px !important;
        top: 46px !important;
    }

    .ans-i2 {
        left: 95px !important;
        top: 136px !important;
    }

    .ans-i3 {
        left: 116px !important;
        top: 85px !important;
    }

    .ans-i4 {
        left: 171px !important;
        top: 171px !important;
    }

    .ans-i5 {
        left: 217px !important;
        top: 165px !important;
    }

    .ans-i6 {
        Left: 196px !important;
        top: 93px !important;
    }

    .ans-i7 {
        left: 264px !important;
        top: 120px !important;
    }

    .ans-i8 {
        left: 217px !important;
        bottom: 70px !important;

    }

    .ans-i9 {
        left: 249px !important;
        top: 192px !important;
    }

    .ans-i10 {
        right: 239px !important;
        top: 146px !important;
    }

    .ans-i11 {
        left: 235px !important;
        bottom: 41px !important;
    }

    .ans-i12 {
        left: 272px !important;
        bottom: 22px !important;
    }

    .ans-i13 {
        right: 265px !important;
        bottom: 53px !important;
    }

    .ans-i14 {
        right: 248px !important;
        bottom: 79px !important;
    }

    .ans-i15 {
        right: 222px !important;
        bottom: 118px !important;
    }

    .ans-i16 {
        right: 241px !important;
        bottom: -2px !important;
    }

    .ans-i17 {
        right: 242px !important;
        bottom: 24px !important;
    }

    .ans-i18 {
        right: 228px !important;
        bottom: 48px !important;
    }

    .ans-i19 {
        right: 209px !important;
        bottom: 12px !important;
    }

    .ans-i20 {
        right: 180px !important;
        bottom: 23px !important;
    }

    .ans-i21 {
        right: 129px !important;
        bottom: 5px !important;
    }

    .ans-i22 {
        right: 74px !important;
        bottom: 13px !important;
    }

    .ans-i23 {
        right: 44px !important;
        bottom: 26px !important;
    }

    .ans-i24 {
        right: 52px !important;
        bottom: 54px !important;
    }

    .info-box {
        width: 120px;
    }

    .info-box img {
        width: auto;
        height: 130px;
    }

    .info-box1 {
        top: -108px;
        left: 35px;
    }

    .info-box2 {
        top: -20px;
        left: 93px;
    }

    .info-box3 {
        top: -70px;
        left: 116px;
    }

    .info-box4 {
        top: 15px;
        left: 171px;
    }

    .info-box5 {
        top: 13px;
        left: 214px;
    }

    .info-box6 {
        top: -60px;
        left: 196px;
    }

    .info-box7 {
        top: -33px;
        left: 263px;
    }

    .info-box8 {
        bottom: 89px;
        left: 215px;
    }

    .info-box9 {
        top: 40px;
        left: 250px;
    }

    .info-box10 {
        top: -8px;
        right: 132px;
    }

    .info-box11 {
        bottom: 60px;
        left: 234px;
    }

    .info-box12 {
        bottom: 42px;
        right: 172px;
    }

    .info-box13 {
        bottom: 73px;
        right: 159px;
    }

    .info-box14 {
        bottom: 99px;
        right: 144px;
    }

    .info-box15 {
        top: 22px;
        right: 116px;
    }

    .info-box16 {
        bottom: 21px;
        right: 135px;
    }

    .info-box17 {
        bottom: 45px;
        right: 133px;
    }

    .info-box18 {
        bottom: 67px;
        right: 123px;
    }

    .info-box19 {
        bottom: 30px;
        right: 104px;
    }

    .info-box20 {
        bottom: 43px;
        right: 73px;
    }

    .info-box21 {
        bottom: 27px;
        right: 25px;
    }

    .info-box22 {
        bottom: 35px;
        right: -31px;
    }

    .info-box23 {
        bottom: 47px;
        right: -61px;
    }

    .info-box24 {
        bottom: 74px;
        right: -54px;
    }

    .ampudia-ten-p2,
    .ampudia-ten-p3,
    .ampudia-ten-p4 {
        font-size: 5rem;
    }

    .ats-p2,
    .ats-p3,
    .ats-p4 {
        font-size: 5rem;
        margin-top: -35px;
    }

    .atd2 {
        width: 100%;
        margin-top: -70px;
        margin-left: auto;
        margin-right: auto;
    }

    .ampudia-eleven-button {
        margin-left: 60px;
        margin-top: 110px;
    }

    .fd2 {
        width: auto;
    }

    .no-div {
        top: 60%;
    }

    .no-p {
        white-space: nowrap;
    }

    .nt-p {
        font-size: 2.4rem;
    }

    .nt-p2 {
        font-size: 3.4rem;
        margin-top: -30px;
    }

    .nt-p4 {
        width: 100%;
    }

    .nt-img3 {
        width: 34%;
    }

    .nt-p6 {
        font-size: 1.5rem;
        margin-top: -5%;
    }

    .nt-p5 {
        font-size: .7rem;
        margin-top: -10%;
    }

    .nth-img2 {
        left: 55%;
    }

    .nth-p {
        font-size: 4rem;
        text-align: left;
    }

    .nth-p2 {
        font-size: 3.2rem;
        text-align: left;
        margin-top: -55px;
    }

    .nth-p3 {
        font-size: 1rem;
    }

    .nf-p {
        font-size: 6rem;
    }

    .dt-div {
        padding-left: 140px;
    }

    .dt-div2 {
        width: 400px;
    }

    .dt-img {
        width: 500px;
        top: 115px;
        left: 90px;
    }

    .dt-h1 {
        font-size: 4rem;
        top: 160px;
        left: -26px;
    }

    .dt-div4 {
        width: 400px;
    }

    .dt-img2 {
        width: 500px;
        left: 190px;
    }

    .dt-h2 {
        font-size: 4rem;
        top: 160px;
        left: 62px;
    }

    .dt-h3 {
        font-size: 4rem;
        top: 163px;
        left: -8px;
    }

    .dt-h4 {
        font-size: 4rem;
        top: 159px;
        left: 98px;
    }

    .dt-h5 {
        font-size: 4rem;
        top: 159px;
        left: -10px;
    }

    .dt-h6 {
        font-size: 4rem;
        top: 159px;
        left: 77px;
    }

    .dt-h7 {
        font-size: 4rem;
        top: 158px;
        left: -16px;
    }

    .dth-p {
        font-size: 4rem;
    }

    .dth-p2 {
        font-size: 4.7rem;
        margin-top: -50px;
    }

    .color-img {
        height: 50px;
    }

    .ts-p2 {
        font-size: 1.6rem;
        margin-top: 10px;
    }

    .ts-p3 {
        font-size: 2rem;
    }

    .ts-p4 {
        font-size: 2.6rem;
    }

    .tfi-div3,
    .tfi-div5 {
        width: 350px;
    }

    .tfi-img {
        width: 450px;
        left: 280px;
    }

    .tfi-h1 {
        font-size: 6rem;
        top: 15px;
        left: 145px;
    }

    .tfi-img2 {
        width: 430px;
        right: 310px;
    }

    .tfi-h2 {
        font-size: 6rem;
        top: 5px;
        right: 96px;
    }

    .tfi-p3 {
        margin-bottom: -10px;
    }

    .tfi-h3 {
        font-size: 6rem;
        top: 15px;
        left: 112px;
    }

    .tfi-div6 {
        width: 350px;
    }

    .tfi-h4 {
        font-size: 3rem;
        top: 38px;
        right: 269px;
    }

    .tfi-h5 {
        font-size: 3rem;
        top: 77px;
        right: 188px;
    }

    .tfi-h6 {
        font-size: 5rem;
        top: 30px;
        left: 60px;
    }

    .tfi-h7 {
        font-size: 6rem;
        top: 15px;
        right: 136px;
    }

    .tanques-seven-section {
        background-size: 150px;
    }

    .tse-p {
        font-size: 4rem;
    }

    .tse-p2 {
        font-size: 4.5rem;
        margin-top: -50px;
    }

    .mt-p2 {
        font-size: 1.8rem;
    }

    .mt-p3 {
        font-size: 3rem;
        margin-top: -30px;
    }

    .mt-p5 {
        font-size: 5rem;
        margin-top: -20px;
    }

    .mt-p6 {
        font-size: .8rem;
    }

    .mt-p7 {
        font-size: 1rem;
    }

    .mt-p8 {
        font-size: 1rem;
    }

    .mt-img2 {
        width: 80%;
    }

    .mt-img3 {
        width: 150px;
    }

    .mt-p9 {
        font-size: 4.5rem;
    }

    .mt-p10 {
        font-size: 1rem;
    }

    .mt-p11 {
        font-size: .8rem;
        width: 100%;
    }

    .mt-img5 {
        width: 150px;
        margin: 5% auto;
    }

    .mt-p12 {
        font-size: 1.2rem;
    }

    .marcas-three-section {
        background-size: 155px;
    }

    .mth-p {
        font-size: 5rem;
    }

    .mth-p2 {
        font-size: 6.2rem;
        margin-top: -70px;
    }

    .industrial-p {
        font-size: 4.8rem;
        bottom: -51px;
        left: 0;
    }

    .co-in-p {
        font-size: 4.5rem;
        bottom: -49px;
        left: 0;
    }

    .potable-p {
        font-size: 5.5rem;
        bottom: -56px;
        left: 0px;
    }

    .agricola-p {
        font-size: 4.8rem;
        bottom: -51px;
        left: 0;
    }

    .residual-p {
        font-size: 5rem;
        bottom: -52px;
        left: -2px;
    }

    .ganadera-p {
        font-size: 5.2rem;
        bottom: -54px;
        left: 0px;
    }

    .tth-hr {
        width: 66%;
    }

    .tfi-hr {
        width: 49%;
    }

    .tfi-p {
        top: 13px;
        font-size: 7rem;
    }

    .tfs-div {
        width: 100%;
        height: 400px;
        padding: 20px;
    }

    .tfs-img {
        width: 120px;
        display: block;
    }

    .tfs-img2 {
        width: 100px;
        display: block;
    }

    .tfs-p {
        font-size: 2rem;
    }

    .tfs-p2 {
        font-size: 1rem;
        text-align: justify;
    }

    .tfs-div2 {
        width: 100%;
        height: 400px;
    }

    .bluetank-p {
        font-size: 2.2rem !important;
    }

    .bluetank-p2 {
        font-size: 3.6rem !important;
        margin-top: -30px !important;
    }

    .bluetank-p4 {
        font-size: 1.2rem !important;
    }

    .bluetank-img3,
    .bluetank-img4 {
        height: 258px !important;
    }

    .bluetank-img5 {
        width: 110px !important;
        margin: 5px !important;
        padding: 20px !important;
    }

    .pioneer-p,
    .pioneer-p2 {
        font-size: 1rem !important;
    }

    .pioneer-p3 {
        font-size: 1.7rem !important;
        text-align: justify !important;
    }

    .pioneer-p4 {
        font-size: 1rem !important;
    }

    .franklin-p,
    .franklin-p2 {
        font-size: 1rem !important;
    }

    .franklin-p3 {
        font-size: 1.5rem !important;
        text-align: justify !important;
    }

    .franklin-p4 {
        font-size: 1rem !important;
    }

    .ts-p2 {
        font-size: 1.9rem;
        margin-top: 10px;
    }

    .ts-p3 {
        font-size: 5.8rem;
        margin-top: -50px;
    }

    .ts-p4 {
        font-size: 6.4rem;
        margin-top: -68px;
    }

    .tfi-div3,
    .tfi-div5 {
        width: 350px;
    }

    .tfi-img {
        width: 400px;
        left: 280px;
    }

    .tfi-h1 {
        font-size: 5rem;
        top: 30px;
        left: 167px;
    }

    .tfi-img2 {
        width: 400px;
        right: 310px;
    }

    .tfi-h2 {
        font-size: 5rem;
        top: 25px;
        right: 132px;
    }

    .tfi-p3 {
        margin-bottom: -10px;
    }

    .tfi-h3 {
        font-size: 5rem;
        top: 30px;
        left: 140px;
    }

    .tfi-div6 {
        width: 350px;
    }

    .tfi-h4 {
        font-size: 3rem;
        top: 38px;
        right: 270px;
    }

    .tfi-h5 {
        font-size: 3rem;
        top: 77px;
        right: 190px;
    }

    .tfi-h6 {
        font-size: 5rem;
        top: 30px;
        left: 60px;
    }

    .tfi-h7 {
        font-size: 5rem;
        top: 25px;
        right: 166px;
    }

    .afs-p {
        font-size: 1.8rem;
    }

    .afs-img2 {
        width: 40px;
    }

    .img-container,
    .img-container2 {
        height: 180px
    }
}

/* desktops */

/* tablet */
@media screen and (min-width: 768px) and (max-width: 820px) {
    .ampudia-one-h1 {
        font-size: 4rem;
    }

    .ampudia-one-h2 {
        font-size: 9rem;
        margin-top: -70px;
    }

    .ampudia-one-p {
        font-size: 1.5rem;
        margin-top: -70px;
    }

    .ampudia-two-span {
        font-size: 1.5rem;
    }

    .ampudia-two-a {
        width: 70%;
    }

    .ampudia-two-h2 {
        font-size: 2.2rem;
    }

    .afp3 {
        font-size: 5.8rem !important;
    }

    .ampudia-four-p,
    .ampudia-four-p2 {
        font-family: 'bebas';
        font-size: 5rem;
        text-align: center;
        margin-top: -60px;
    }

    .ampudia-five-h1 {
        font-size: 6.5rem;
    }

    .ampudia-six-p {
        font-size: 6rem;
    }

    .asd2 {
        margin-top: -50px;
        margin-left: auto;
        margin-right: auto;
    }

    .ampudia-seven-p,
    .ampudia-seven-p2,
    .ampudia-seven-p3 {
        font-size: 5.8rem;
    }

    .ampudia-seven-img {
        width: 230px;
        height: auto;
    }

    .ampudia-nine-p {
        font-size: 1.8rem;
    }

    .ampudia-nine-p2 {
        font-size: 3rem;
    }

    .ampudia-nine-p3 {
        font-size: 6.7rem;
        margin-top: -65px;
    }

    .ampudia-nine-img {
        width: 550px;
    }

    .ampudia-ten-p2,
    .ampudia-ten-p3,
    .ampudia-ten-p4 {
        font-size: 5rem;
    }

    .atd2 {
        width: 100%;
        margin-top: -70px;
        margin-left: auto;
        margin-right: auto;
    }

    .ampudia-eleven-button {
        margin-left: 60px;
        margin-top: 110px;
    }

    .fd2 {
        width: auto;
    }

    .no-div {
        top: 60%;
    }

    .no-p {
        white-space: nowrap;
    }

    .nt-p {
        font-size: 2.4rem;
    }

    .nt-p2 {
        font-size: 3.4rem;
        margin-top: -30px;
    }

    .nt-p3 {
        margin-top: -30px;
    }

    .nt-p4 {
        width: 100%;
    }

    .nt-img3 {
        width: 200px;
    }

    .nt-div3 {
        border-top-right-radius: 100px;
        width: 350px;
        height: 150px;
    }

    .nt-p5 {
        font-size: .7rem;
    }

    .nt-p6 {
        font-size: 1.5rem;
        padding: 0;
    }

    .nth-img2 {
        left: 55%;
    }

    .nf-p {
        font-size: 6rem;
    }

    .dt-div {
        padding-left: 140px;
    }

    .dt-div2 {
        width: 400px;
    }

    .dt-img {
        width: 500px;
        top: 115px;
        left: 90px;
    }

    .dt-h1 {
        font-size: 4rem;
        top: 160px;
        left: -26px;
    }

    .dt-div4 {
        width: 400px;
    }

    .dt-img2 {
        width: 500px;
        left: 190px;
    }

    .dt-h2 {
        font-size: 4rem;
        top: 160px;
        left: 62px;
    }

    .dt-h3 {
        font-size: 4rem;
        top: 163px;
        left: -8px;
    }

    .dt-h4 {
        font-size: 4rem;
        top: 159px;
        left: 98px;
    }

    .dt-h5 {
        font-size: 4rem;
        top: 159px;
        left: -10px;
    }

    .dt-h6 {
        font-size: 4rem;
        top: 159px;
        left: 77px;
    }

    .dt-h7 {
        font-size: 4rem;
        top: 158px;
        left: -16px;
    }

    .dth-p {
        font-size: 4rem;
    }

    .dth-p2 {
        font-size: 4.7rem;
        margin-top: -50px;
    }

    .color-img {
        height: 50px;
    }

    .carousel-control-next {
        right: -40px !important;
    }

    .carousel-control-prev {
        left: -40px !important;
    }

    .ts-p2 {
        font-size: 1.9rem;
        margin-top: 10px;
    }

    .ts-p3 {
        font-size: 5.8rem;
        margin-top: -50px;
    }

    .ts-p4 {
        font-size: 6.4rem;
        margin-top: -68px;
    }

    .tfi-div3,
    .tfi-div5 {
        width: 350px;
    }

    .tfi-img {
        width: 400px;
        left: 280px;
    }

    .tfi-h1 {
        font-size: 5rem;
        top: 30px;
        left: 167px;
    }

    .tfi-img2 {
        width: 400px;
        right: 310px;
    }

    .tfi-h2 {
        font-size: 5rem;
        top: 25px;
        right: 132px;
    }

    .tfi-p3 {
        margin-bottom: -10px;
    }

    .tfi-h3 {
        font-size: 5rem;
        top: 30px;
        left: 140px;
    }

    .tfi-div6 {
        width: 350px;
    }

    .tfi-h4 {
        font-size: 3rem;
        top: 38px;
        right: 270px;
    }

    .tfi-h5 {
        font-size: 3rem;
        top: 77px;
        right: 190px;
    }

    .tfi-h6 {
        font-size: 5rem;
        top: 30px;
        left: 60px;
    }

    .tfi-h7 {
        font-size: 5rem;
        top: 25px;
        right: 166px;
    }

    .tanques-seven-section {
        background-size: 150px;
    }

    .tse-p {
        font-size: 4rem;
    }

    .tse-p2 {
        font-size: 4.5rem;
        margin-top: -50px;
    }

    .mt-p2 {
        font-size: 1.8rem;
    }

    .mt-p3 {
        font-size: 3rem;
        margin-top: -30px;
    }

    .mt-p5 {
        font-size: 5rem;
        margin-top: -20px;
    }

    .mt-p6 {
        font-size: .8rem;
    }

    .mt-p7 {
        font-size: 1rem;
    }

    .mt-p8 {
        font-size: 1rem;
    }

    .mt-img2 {
        width: 80%;
    }

    .mt-img3 {
        width: 150px;
    }

    .mt-p9 {
        font-size: 4.5rem;
    }

    .mt-p10 {
        font-size: 1rem;
    }

    .mt-p11 {
        font-size: .8rem;
        width: 100%;
    }

    .mt-img5 {
        width: 150px;
        margin: 5% auto;
    }

    .mt-p12 {
        font-size: 1.2rem;
    }

    .marcas-three-section {
        background-size: 155px !important;
    }

    .mth-p {
        font-size: 5rem !important;
    }

    .mth-p2 {
        font-size: 6.2rem !important;
        margin-top: -70px !important;
    }

    .afs-cmd {
        background-size: 115px;
    }

    .afs-p {
        font-size: 1.4rem;
    }

    .afs-img2 {
        width: 40px;
    }

    .img-container,
    .img-container2 {
        height: 156px
    }

    .ampudia-five-img {
        width: 80px;
    }

    .ass-p,
    .ass-p3,
    .ass-p5 {
        font-size: 4rem;
    }

    .ass-p2,
    .ass-p4,
    .ass-p6 {
        font-size: 1.5rem;
    }

    .ases-p,
    .ases-p2,
    .ases-p3 {
        font-size: 4rem;
    }

    .ases-a {
        font-size: .8rem;
    }

    .ats-p {
        font-size: 1rem;
    }

    .ats-p2,
    .ats-p3,
    .ats-p4 {
        font-size: 5rem;
        margin-top: -30px;
    }

    .nth-p {
        font-size: 4rem;
    }

    .nth-p2 {
        font-size: 3.3rem;
    }

    .nth-p3 {
        font-size: 1rem;
    }

    .industrial-p {
        font-size: 4.8rem;
        bottom: -49px;
        left: 0;
    }

    .co-in-p {
        font-size: 4.5rem;
        bottom: -49px;
        left: 0;
    }

    .potable-p {
        font-size: 5.6rem;
        bottom: -57px;
        left: 0px;
    }

    .agricola-p {
        font-size: 4.8rem;
        bottom: -51px;
        left: 0;
    }

    .residual-p {
        font-size: 4.9rem;
        bottom: -52px;
        left: 0;
    }

    .ganadera-p {
        font-size: 5.2rem;
        bottom: -54px;
        left: 0;
    }

    .tth-hr {
        width: 66%;
    }

    .tfi-hr {
        width: 42%;
    }

    .tfs-img {
        width: 110px;
        display: block;
    }

    .tfs-img2 {
        width: 90px;
        display: block;
    }

    .tfs-p {
        font-size: 2rem;
    }

    .tfs-p2 {
        font-size: 1rem;
    }

    .tfs-div,
    .tfs-div2 {
        height: 380px;
    }

    .bluetank-p {
        font-size: 2em;
    }

    .bluetank-p2 {
        font-size: 3.6em;
        margin-top: -30px;
    }

    .bluetank-p4 {
        font-size: 1rem;
    }

    .bluetank-img3,
    .bluetank-img4 {
        height: 224px;
    }

    .bluetank-img5 {
        width: 80px;
        margin: 20px;
        padding: 10px;
    }

    .pioneer-p,
    .pioneer-p2,
    .pioneer-p4 {
        font-size: 1rem;
    }

    .pioneer-p3 {
        font-size: 1.5rem;
        text-align: justify;
    }

    .franklin-p,
    .franklin-p2,
    .franklin-p4 {
        font-size: 1rem;
    }

    .franklin-p3 {
        font-size: 1.5rem;
        text-align: justify;
    }

    .ans-i1,
    .ans-i2,
    .ans-i3,
    .ans-i4,
    .ans-i5,
    .ans-i6,
    .ans-i7,
    .ans-i8,
    .ans-i9,
    .ans-i10,
    .ans-i11,
    .ans-i12,
    .ans-i13,
    .ans-i14,
    .ans-i15,
    .ans-i16,
    .ans-i17,
    .ans-i18,
    .ans-i19,
    .ans-i20,
    .ans-i21,
    .ans-i22,
    .ans-i23,
    .ans-i24 {
        font-size: .7rem !important;
    }

    .ans-i1 {
        left: 35px !important;
        top: 46px !important;
    }

    .ans-i2 {
        left: 95px !important;
        top: 136px !important;
    }

    .ans-i3 {
        left: 116px !important;
        top: 85px !important;
    }

    .ans-i4 {
        left: 171px !important;
        top: 171px !important;
    }

    .ans-i5 {
        left: 217px !important;
        top: 165px !important;
    }

    .ans-i6 {
        Left: 196px !important;
        top: 93px !important;
    }

    .ans-i7 {
        left: 264px !important;
        top: 120px !important;
    }

    .ans-i8 {
        left: 217px !important;
        bottom: 70px !important;

    }

    .ans-i9 {
        left: 249px !important;
        top: 192px !important;
    }

    .ans-i10 {
        right: 239px !important;
        top: 146px !important;
    }

    .ans-i11 {
        left: 235px !important;
        bottom: 41px !important;
    }

    .ans-i12 {
        left: 272px !important;
        bottom: 22px !important;
    }

    .ans-i13 {
        right: 265px !important;
        bottom: 53px !important;
    }

    .ans-i14 {
        right: 248px !important;
        bottom: 79px !important;
    }

    .ans-i15 {
        right: 222px !important;
        bottom: 118px !important;
    }

    .ans-i16 {
        right: 241px !important;
        bottom: -2px !important;
    }

    .ans-i17 {
        right: 242px !important;
        bottom: 24px !important;
    }

    .ans-i18 {
        right: 228px !important;
        bottom: 48px !important;
    }

    .ans-i19 {
        right: 209px !important;
        bottom: 12px !important;
    }

    .ans-i20 {
        right: 180px !important;
        bottom: 23px !important;
    }

    .ans-i21 {
        right: 129px !important;
        bottom: 5px !important;
    }

    .ans-i22 {
        right: 74px !important;
        bottom: 13px !important;
    }

    .ans-i23 {
        right: 44px !important;
        bottom: 26px !important;
    }

    .ans-i24 {
        right: 52px !important;
        bottom: 54px !important;
    }

    .info-box {
        width: 120px;
    }

    .info-box img {
        width: auto;
        height: 130px;
    }

    .info-box1 {
        left: 36px !important;
        top: -109px !important
    }

    .info-box2 {
        top: -20px;
        left: 93px;
    }

    .info-box3 {
        top: -70px;
        left: 116px;
    }

    .info-box4 {
        top: 15px;
        left: 171px;
    }

    .info-box5 {
        top: 13px;
        left: 214px;
    }

    .info-box6 {
        top: -60px;
        left: 196px;
    }

    .info-box7 {
        top: -33px;
        left: 263px;
    }

    .info-box8 {
        bottom: 89px;
        left: 215px;
    }

    .info-box9 {
        top: 40px;
        left: 250px;
    }

    .info-box10 {
        top: -8px;
        right: 132px;
    }

    .info-box11 {
        bottom: 60px;
        left: 234px;
    }

    .info-box12 {
        bottom: 42px;
        right: 172px;
    }

    .info-box13 {
        bottom: 73px;
        right: 159px;
    }

    .info-box14 {
        bottom: 99px;
        right: 144px;
    }

    .info-box15 {
        top: 22px;
        right: 116px;
    }

    .info-box16 {
        bottom: 21px;
        right: 135px;
    }

    .info-box17 {
        bottom: 45px;
        right: 133px;
    }

    .info-box18 {
        bottom: 67px;
        right: 123px;
    }

    .info-box19 {
        bottom: 30px;
        right: 104px;
    }

    .info-box20 {
        bottom: 43px;
        right: 73px;
    }

    .info-box21 {
        bottom: 27px;
        right: 25px;
    }

    .info-box22 {
        bottom: 35px;
        right: -31px;
    }

    .info-box23 {
        bottom: 47px;
        right: -61px;
    }

    .info-box24 {
        bottom: 74px;
        right: -54px;
    }
}

/* tablet */

/* mobile */
@media screen and (max-width: 767px) {
    .bic-3 {
        margin-left: -70px;
    }


    .menu-item {
        font-size: 1.5rem;
    }


    .menu-a {
        font-size: 1rem;
        white-space: nowrap;
    }

    .ampudia-one-img {
        height: 840px;
    }

    .ampudia-one-h1 {
        font-size: 5rem;
        text-align: center;
    }

    .ampudia-one-h2 {
        font-size: 9rem;
        text-align: center;
    }

    .ampudia-one-p {
        font-size: 1.2rem;
        margin-top: -70px;
        text-align: center;
    }

    .ampudia-two-span {
        font-size: 2.4rem;
    }

    .ampudia-two-a {
        width: 70%;
    }

    .ampudia-two-h2 {
        font-size: 2.4rem;
        text-align: center;
    }

    .ampudia-two-p1 {
        text-align: center;
    }

    .div2-img,
    .div2-img2,
    .div2-img3 {
        width: auto;
        height: auto;
        padding: 0px;
    }

    .ampudia-two-img2 {
        padding: 20px;
        width: 150px;
    }

    .ampudia-two-div {
        position: relative;
        margin-bottom: 20%;
    }

    .ampudia-two-a2 {
        right: 50%;
        top: 50%;
        transform: translate(50%, 50%);
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ampudia-four-section {
        background-size: 150px;
    }

    .ampudia-four-p,
    .ampudia-four-p2 {
        font-size: 3rem;
        margin-top: -40px;
    }

    .afp3 {
        font-size: 3rem !important;
    }

    .ampudia-five-h1 {
        font-size: 2rem;
        text-align: center;
        margin-left: 0;
    }

    .ampudia-five-img {
        width: 100px;
        transition: filter 0.5s ease-in-out;
        margin: 10px;
    }

    .afd1 {
        height: auto;
    }

    .ampudia-six-p {
        font-size: 3rem;
        text-align: center;
    }

    .ampudia-six-p2 {
        font-size: 2rem;
        margin-top: -25px;
        text-align: center;
        float: none;
    }

    .ampudia-seven-section {
        padding-bottom: 5%;
    }

    .asd {
        margin-bottom: 30px;
    }

    .asd2 {
        margin-top: -30px;
    }

    .ampudia-seven-p,
    .ampudia-seven-p2,
    .ampudia-seven-p3 {
        font-size: 3rem;
    }

    .ampudia-seven-img {
        margin-top: -27px;
        height: 35px;
    }

    .ampudia-nine-img {
        width: 370px;
    }

    .ampudia-nine-p {
        font-size: 1.8rem;
        margin-top: 5%;
    }

    .ampudia-nine-p3 {
        font-size: 6.8rem;
        margin-top: -60px;
    }

    .ampudia-ten-p {
        padding: 20px;
        font-size: 1rem;
        white-space: nowrap;
    }

    .ampudia-ten-div2 {
        margin-top: 20%;
    }

    .atd2 {
        margin-top: -60px;
    }

    .ampudia-ten-p2,
    .ampudia-ten-p3,
    .ampudia-ten-p4 {
        font-size: 2.5rem;
    }

    .aer {
        padding: 10px !important;
        margin-left: -25px !important;
    }

    .ampudia-eleven-button {
        margin-left: 0px;
    }

    .fd2 {
        display: block;
        float: none;
        width: 100%;
        margin: 10px AUTO;
    }

    .footer-a,
    .footer-a2,
    .footer-a3 {
        text-align: center;
    }

    .fd1 {
        float: none;
    }

    .fd {
        justify-content: center;
    }

    .no-img {
        height: 300px;
    }

    .no-div {
        top: 70%;
    }

    .no-p {
        font-size: 2.5rem;
    }

    .nt-p {
        font-size: 2.3rem;
        text-align: center;
    }

    .nt-p2 {
        font-size: 3.3rem;
        text-align: center;
        margin-top: -40px;
    }

    .nt-p3 {
        text-align: center;
    }

    .nt-p4 {
        text-align: center;
        width: 100%;
    }

    .nt-p6 {
        font-size: 2rem;
    }

    .nth-div2 {
        left: 0;
    }

    .nth-p {
        font-size: 3rem;
    }

    .nth-p2 {
        font-size: 2.4rem;
        margin-top: -40px;
    }

    .nth-img2 {
        left: 55%;
    }

    .nosotros-four-section {
        background-size: 100px;
    }

    .nf-p {
        font-size: 2.6rem;
    }

    .do-img {
        height: 300px;
    }

    .do-p {
        font-size: 3rem;
    }

    .dt-div {
        padding-left: 50px;
    }

    .dt-div2 {
        width: 300px;
    }

    .dt-img {
        width: 250px;
        height: 80px;
        top: 110px;
        left: 84px;
    }

    .dt-h1 {
        font-size: 3rem;
        top: 141px;
        left: -4px;
    }

    .dt-div4 {
        width: 300px;
        padding: 20px;
        margin-top: 85px;
    }

    .dt-img2 {
        width: 250px;
        height: 80px;
        top: 100px;
        left: 80px;
    }

    .dt-h2 {
        font-size: 2.8rem;
        top: 133px;
        left: -9px;
    }

    .dt-h3 {
        font-size: 3rem;
        color: #52781d;
        text-align: center;
        font-family: 'bebas';
        position: absolute;
        top: 140px;
        left: 10px;
    }

    .dt-h4 {
        font-size: 3rem;
        top: 131px;
        left: -7px;
    }

    .dt-h5 {
        font-size: 3rem;
        top: 140px;
        left: 9px;
    }

    .dt-h6 {
        font-size: 3rem;
        top: 131px;
        left: -6px;
    }

    .dt-h7 {
        font-size: 3rem;
        top: 140px;
        left: 4px;
    }

    .divisiones-three-section {
        background-size: 50px;
        padding: 0px;
    }

    .dth-p {
        font-size: 2.4rem;
        margin-top: 10%;
    }

    .dth-p2 {
        font-size: 2.8rem;
        margin-top: -30px;
    }

    .to-img {
        height: 300px;
    }

    .to-p {
        font-size: 2rem;
    }

    .tt-p {
        top: 33px;
        font-size: 5rem;
    }

    .tt-p2 {
        text-align: center;
        width: 100%;
    }

    .tth-p {
        top: 30px;
        font-size: 5rem;
    }

    .tth-img2 {
        margin-top: -40px;
    }

    .tth-img3 {
        margin-top: 0px !important;
    }

    .tf-p {
        top: 43px;
        left: 0;
        font-size: 4rem;
    }

    .tf-p2 {
        text-align: center;
    }

    .tfi-p {
        top: 45px;
        font-size: 4rem;
    }

    .tfi-div3 {
        width: 300px;
    }


    .tfi-img {
        width: 220px;
        top: -10px;
        left: 110px;
    }

    .tfi-h1 {
        font-size: 3rem;
        top: 50px;
        left: 42px;
    }

    .tfi-div5 {
        width: 300px;
        height: 260px;
    }

    .tfi-img2 {
        width: 220px;
        right: 110px;
        top: 0px;
    }

    .tfi-h2 {
        font-size: 3rem;
        top: 60px;
        right: 3px;
    }

    .tfi-h3 {
        font-size: 3rem;
        top: 50px;
        left: 26px;
    }

    .tfi-div6 {
        width: 300px;
        height: 260px;
    }

    .tfi-h4 {
        font-size: 2.7rem;
        top: 20px;
        right: 73px;
    }

    .tfi-h5 {
        font-size: 2.7rem;
        top: 65px;
        right: 0px;
    }

    .tfi-h6 {
        font-size: 2.5rem;
        top: 58px;
        left: 0px;
    }

    .tfi-h7 {
        font-size: 3rem;
        top: 61px;
        right: 23px;
    }

    .ts-img {
        padding: 10px;
    }


    .tanques-seven-section {
        padding: 0px;
        background-size: 130px;
    }

    .tse-p {
        font-size: 2.6rem;
    }

    .tse-p2 {
        font-size: 2.8rem;
        margin-top: -30px;
    }

    .mo-img {
        height: 300px;
    }

    .mo-p {
        font-size: 4rem;
    }

    .mt-h1 {
        font-size: 8rem;
    }

    .mt-p {
        padding: 10px;
    }

    .mt-p2 {
        font-size: 2.2rem;
    }

    .mt-p3 {
        font-size: 3.6rem;
        margin-top: -30px;
    }

    .mt-p5 {
        font-size: 8rem;
    }

    .mt-p6 {
        padding: 10px;
    }

    .mt-p7 {
        font-size: 1.5rem;
        padding: 10px;
    }

    .mt-p9 {
        font-size: 7rem;
    }

    .mt-p12 {
        font-size: 1.5rem;
        width: 100%;
        padding: 10px;
    }

    .marcas-three-section {
        padding: 0px;
    }

    .mth-p {
        font-size: 4.5rem;
    }

    .mth-p2 {
        font-size: 5.5rem;
        margin-top: -50px;
    }

    .overlay-text {
        display: none;
    }

    .div2-img2 {
        border-left: none;
        border-right: none;
    }

    .ts-row {
        border-left: none;
    }

    .afs-p {
        justify-content: center;
        font-size: 2rem;
    }

    .afs-img2 {
        width: 50px;
    }

    .img-container,
    .img-container2 {
        position: relative;
        width: 100%;
        height: 163px;
        margin: 10px 0;
    }

    .ass-p,
    .ass-p3,
    .ass-p5 {
        font-size: 4rem;
        margin-right: 20px;
    }

    .ass-div2 {
        margin-right: 20px;
    }

    .ass-p2,
    .ass-p4,
    .ass-p6 {
        font-size: .9rem;
    }

    .ass-p,
    .ass-p3,
    .ass-p5 {
        font-size: 2rem;
        margin-right: 10px;
    }

    .ases-p,
    .ases-p2,
    .ases-p3 {
        font-size: 4rem;
        text-align: center;
    }

    .ampudia-nine-p2 {
        font-size: 3rem;
    }

    .ats-p2,
    .ats-p3 {
        font-size: 3rem;
        margin-top: -30px;
    }

    .ats-p4 {
        font-size: 3rem;
        margin-top: -30px;
        margin-right: 10px;
    }

    .footer-img {
        width: 100px;
        object-fit: cover;
        object-position: center;
        display: block;
        margin: 5% auto;
    }

    .industrial-img {
        height: 80px;
    }

    .industrial-p {
        font-size: 2.5rem;
        bottom: -34px;
        left: 0;
    }

    .industrial-p2 {
        font-size: 1rem;
        text-align: left;
    }

    .co-in-img {
        height: 80px;
    }

    .co-in-p {
        font-size: 2rem;
        bottom: -31px;
        left: 6px;
    }

    .co-in-p2 {
        font-size: 1rem;
        text-align: left;
        color: #fff;
    }

    .potable-p {
        font-size: 3rem;
        bottom: -38px;
        left: -5px;
    }

    .agricola-p {
        font-size: 2.5rem;
        bottom: -35px;
        left: 0px;
    }

    .residual-p {
        font-size: 2.5rem;
        bottom: -35px;
        left: 0;
    }

    .ganadera-p {
        font-size: 2.5rem;
        bottom: -34px;
        left: 0;
    }

    .tfs-div {
        width: 100%;
        height: auto;
        background: #fff;
        border-radius: 10px;
        padding: 40px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        margin: 10px 0;
    }

    .tfs-div {
        width: 100%;
        height: auto;
    }

    .tfs-div2 {
        width: 100%;
        height: auto;
    }

    .ts-p2 {
        font-size: 2rem;
    }

    .ts-p3 {
        font-size: 6rem;
        margin-top: -50px;
    }

    .ts-p4 {
        font-size: 6.7rem;
        margin-top: -60px;
    }

    .bluetank-p {
        font-size: 2.3em;
    }

    .bluetank-p2 {
        font-size: 3.8em;
        margin-top: -30px;
    }

    .bluetank-img3,
    .bluetank-img4 {
        height: 230px;
    }

    .bluetank-div3 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 5% 0;
        width: 100%;
        flex-wrap: wrap;
    }

    .pioneer-img,
    .pioneer-img2 {
        margin: 20px auto;
        border-top-left-radius: 0px;
    }

    .pioneer-p,
    .pioneer-p2,
    .pioneer-p4 {
        padding: 10px;
    }

    .pioneer-p3 {
        font-size: 1.5rem;
        padding: 10px;
    }

    .franklin-p,
    .franklin-p2,
    .franklin-p4 {
        padding: 10px;
    }

    .franklin-img2 {
        margin: 20px 0;
        border-top-right-radius: 0px;
    }

    .franklin-p3 {
        font-size: 1.5rem;
        padding: 10px;
    }

    .ampudia-two-section {
        height: 1300px;
    }

    .ampudia-two-hr2 {
        display: none;
    }

    .tth-hr {
        width: 55%;
    }

    .tfi-hr {
        width: 40%;
    }

    .ans-cmd {
        width: 350px !important;
    }

    .nt-cm {
        display: block !important;
    }

    .nt-div3 {
        display: none;
    }

    .ans-i1,
    .ans-i2,
    .ans-i3,
    .ans-i4,
    .ans-i5,
    .ans-i6,
    .ans-i7,
    .ans-i8,
    .ans-i9,
    .ans-i10,
    .ans-i11,
    .ans-i12,
    .ans-i13,
    .ans-i14,
    .ans-i15,
    .ans-i16,
    .ans-i17,
    .ans-i18,
    .ans-i19,
    .ans-i20,
    .ans-i21,
    .ans-i22,
    .ans-i23,
    .ans-i24 {
        font-size: .6rem !important;
    }

    .ans-i1 {
        left: 20px !important;
        top: 24px !important;
    }

    .ans-i2 {
        left: 64px !important;
        top: 94px !important;
    }

    .ans-i3 {
        left: 77px !important;
        top: 49px !important;
    }

    .ans-i4 {
        left: 114px !important;
        top: 114px !important;
    }

    .ans-i5 {
        left: 142px !important;
        top: 107px !important;
    }

    .ans-i6 {
        Left: 130px !important;
        top: 58px !important;
    }

    .ans-i7 {
        left: 176px !important;
        top: 80px !important;
    }

    .ans-i8 {
        left: 145px !important;
        bottom: 42px !important;
    }

    .ans-i9 {
        left: 164px !important;
        top: 126px !important;
    }

    .ans-i10 {
        right: 135px !important;
        top: 94px !important;
    }

    .ans-i11 {
        left: 157px !important;
        bottom: 25px !important;
    }

    .ans-i12 {
        left: 180px !important;
        bottom: 14px !important;
    }

    .ans-i13 {
        right: 152px !important;
        bottom: 33px !important;
    }

    .ans-i14 {
        right: 142px !important;
        bottom: 50px !important;
    }

    .ans-i15 {
        right: 123px !important;
        bottom: 72px !important;
    }

    .ans-i16 {
        right: 135px !important;
        bottom: -2px !important;
    }

    .ans-i17 {
        right: 136px !important;
        bottom: 14px !important;
    }

    .ans-i18 {
        right: 128px !important;
        bottom: 28px !important;
    }

    .ans-i19 {
        right: 114px !important;
        bottom: 4px !important;
    }

    .ans-i20 {
        right: 98px !important;
        bottom: 12px !important;
    }

    .ans-i21 {
        right: 61px !important;
        bottom: 2px !important;
    }

    .ans-i22 {
        right: 24px !important;
        bottom: 6px !important;
    }

    .ans-i23 {
        right: 0px !important;
        bottom: 16px !important;
    }

    .ans-i24 {
        right: 13px !important;
        bottom: 32px !important;
    }

    .info-box {
        width: 100px;
    }

    .info-box img {
        width: auto;
        height: 100px;
    }

    .info-box1 {
        top: -99px;
        left: 16px;
    }

    .info-box2 {
        top: -28px;
        left: 61px;
    }

    .info-box3 {
        top: -74px;
        left: 74px;
    }

    .info-box4 {
        top: -10px;
        left: 111px;
    }

    .info-box5 {
        top: -15px;
        left: 138px;
    }

    .info-box6 {
        top: -65px;
        left: 130px;
    }

    .info-box7 {
        top: -43px;
        left: 176px;
    }

    .info-box8 {
        bottom: 60px;
        left: 142px;
    }

    .info-box9 {
        top: 2px;
        left: 160px;
    }

    .info-box10 {
        top: -26px;
        right: 53px;
    }

    .info-box11 {
        bottom: 40px;
        left: 155px;
    }

    .info-box12 {
        bottom: 30px;
        right: 78px;
    }

    .info-box13 {
        bottom: 52px;
        right: 71px;
    }

    .info-box14 {
        bottom: 67px;
        right: 62px;
    }

    .info-box15 {
        top: 1px;
        right: 40px;
    }

    .info-box16 {
        bottom: 15px;
        right: 52px;
    }

    .info-box17 {
        bottom: 29px;
        right: 55px;
    }

    .info-box18 {
        bottom: 45px;
        right: 48px;
    }

    .info-box19 {
        bottom: 22px;
        right: 31px;
    }

    .info-box20 {
        bottom: 32px;
        right: 20px;
    }

    .info-box21 {
        bottom: 34px;
        right: 43px;
    }

    .info-box22 {
        bottom: 39px;
        right: 4px;
    }

    .info-box23 {
        bottom: 49px;
        right: -20px;
    }

    .info-box24 {
        bottom: 67px;
        right: -6px;
    }

    .info-box21::before,
    #info22::before,
    #info23::before,
    #info24::before {
        left: auto;
        /* Anula la posición izquierda */
        right: 6px;
        /* Posiciona a la derecha */
        transform: rotate(-130deg);
        /* Rota para alinear a la derecha */
    }
}

/* mobile */
/* media query */