*{padding:0;box-sizing:border-box}@font-face{font-family:n regular;src:local("Nunito Sans"),url(/fonts/Nunito-Regular.ttf?d8de52e6c5df1a987ef6b9126a70cfcc)}@font-face{font-family:n bold;src:local("Nunito Sans"),url(/fonts/Nunito-Bold.ttf?c0844c990ecaaeb9f124758d38df4f3f)}@font-face{font-family:n xbold;src:local("Nunito Sans"),url(/fonts/Nunito-ExtraBold.ttf?438598eadc302471a495b3133620f621)}*,body{margin:0}body{font-family:n regular}

body h1{font-family:n xbold}

.link {
    text-decoration: none;
}
.link h3 {
    color: #000; /* Color inicial del texto */
    transition: color 0.3s ease, transform 0.3s ease;
}
.link h3:hover {
    color: #3498db; /* Color del texto al hacer hover */
    transform: scale(1.1); /* Efecto de agrandar el texto */
}

.blue-text {
    color: #0072bd;
}


.nissha-link {
    color: #fff;
    text-decoration: none;
    position: relative;
    display: inline-block;
    transition: color 0.3s;
}

.nissha-link::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out;
}

.nissha-link:hover::before {
    visibility: visible;
    transform: scaleX(1);
}

.nissha-link:hover {
    color: #ffffff; /* Cambia el color del texto en hover */
}

/**** Nuevos  Estilos ****/
.imagen-container{
    background: white;

}

.background-title{
    background: white;
}

.background-title h2{
    text-align: center;
    color: black;
    font-weight: 600;
}

.content-imagen{
    height: 100%;
}

.content-imagen img{
    width: 100%;
    height: 100%;
    object-fit: none;
}


/* End Nuevos Estilos */

#app{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}

#app .link-txt {
    text-decoration: none;
    font-family: n bold;
    color: #1c7fbf;
}

#app .header-bg{text-align:center;padding:4rem 0;}

#app .header-bg h1{font-size:2.5rem}#app .swiper{width:100%;height:100%}#app .swiper .swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;height:35rem;position:relative}#app .swiper .swiper-slide .slide-content{position:absolute;background-color:#fff;left:7rem;bottom:0;padding:2rem;width:28rem;height:20rem;text-align:left}

#app .swiper .swiper-slide .slide-content h3 {
    font-family:n bold;
    font-size:1.1rem;
    margin-bottom:1.5rem;
    color:#000
}

#app .swiper .swiper-pagination-bullet{background-color:#fff}

#app .nav{
    background-color:#f2f2f2;
    display: block;
}

#app .nav .nav-info{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

#app .nav .nav-info .contact{display:flex}#app .nav .nav-info .contact span{display:flex;align-items:center;font-family:n bold;font-size:.75rem;color:#8f8f8f}#app .nav .nav-info .contact span img{width:1rem;margin-right:.35rem}#app .nav .nav-info .contact span:not(:last-child){margin-right:.6rem;padding-right:.3rem!important;border-right:1px solid #ddd}

#app .nav .nav-info .nissha-slogan {
    width:11rem;
}

#app .nav .nav-options {
    display:flex;
    justify-content:space-between;
    padding-bottom:1rem;
    width: 100%;
}

#app .nav .nav-options .active{color:#0075cd;text-decoration:underline}

#app .nav .nav-options .options {
    display: flex;
    margin-top: 1rem;
}

#app .nav .nav-options .options .sub-menu {
    display:block;
}

#app .nav .nav-options .options .sub-menu ul {
    list-style: none;
}

#app .nav .nav-options .options .sub-menu li {
    margin-bottom: 1rem;
}

#app .nav .nav-options .options a {
    font-family:n bold;
    color:#8f8f8f;
    text-decoration:none;
    font-size:.95rem;
    padding-bottom:1rem;
    position:relative;
    
}

#app .nav .nav-options .options a.nav-link {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

#app .nav .nav-options .options a:hover{color:#0075cd;text-decoration:underline}

#app .nav .nav-options .options li:not(:last-child) a {
    margin-right: 2rem;
}

#app .home .section1 {
    color: #fff;
    margin-top: 72px;
}

#app .home .section1 .cover {
    background-color: rgba(0,0,0,.3607843137254902);
    position: absolute;
    left: 0;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:center;
}

#app .home .section1 .slide1 {
    background: url("/img/Technology-Industrial-Materials-mexico-nissha1.webp") no-repeat 50%;
    background-size: cover;
    background-position: 100% 100%;
}

#app .home .section1 .slide2{background:url("/img/header-pieces.png") no-repeat 50%;background-size:cover}

#app .home .section1 .slide3{background:url("/img/Industrial-Materials-mexico-nissha22.webp") no-repeat 50%;background-size:cover}


#app .home .section2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #f2f2f2;
    padding: 20px;
    padding-top: 50px;
}

#app .home .section2 .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

#app .home .section2 .content-col {
    flex: 1;
    order: 2;
    padding: 20px;
}

#app .home .section2 .image-col {
    flex: 1;
    order: 1;
    display: flex;
    justify-content: center;
    padding: 20px;
}

#app .home .section2 .image-col img {
    max-width: 100%;
    height: auto;
}

#app .home .section2 p{font-size:1.13rem;color:#818181;margin-bottom:1rem}

#app .home .section2 a{font-family:n bold;color:#1c7fbf}

#app .home .section3 {
    background-color: #fff;
    text-align: center;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

#app .home .section3 a {
    font-family: n bold;
    color: #1c7fbf;
}

#app .home .section3 .card .card-body .solution {
    background-color: hsl(0deg 0% 100% / 79%);
    padding: 2rem;
    width: 100%;
    height: 14rem;
    text-align: left;
}

#app .home .section3 h3
{
    font-family: n bold;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    color: #000;
}

#app .home .section4 {
    background-color: #f2f2f2;
    text-align: center;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

#app .home h1,
#app .home h2 {
    /*font-family: "n regular";*/
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    color:#1c7fbf;
}

#app .home .section1 h2,
#app .home .section5 h2 {
    color: #fff;
}

#app .home .section4 .content-items{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:2rem;padding:0 2rem;margin-top:5rem}

#app .home .section4 .content-items .item{box-sizing:border-box}

#app .home .section4 h3 {
    font-size:1.3rem;margin-bottom:1.3rem
}

#app .home .section4 img {
    width: 100%;
    height: 14rem;
    -o-object-fit: cover;
    object-fit: cover
}

#app .home .section5 {
    text-align: center;
    padding-top: 7rem;
    padding-bottom: 7rem;
    background:url(/img/nissha-mx-technology.png) no-repeat 50%;
    background-size:cover;
    color:#fff
}

#app .home .section5 .buttons a {
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    padding: 1.2rem;
    cursor: pointer;
    background-color: transparent;
    width: 18rem;
    font-size: 1.1rem;
    display: inline-block;
}

#app .home .section5 .buttons a:first-child {
    margin-bottom: 2rem
}

#app .home .link-txt i {
    position: relative;
    top: 1px;
}

#app .whoweare .section1 {
    /* width: 100%; */
    /* background: url(/img/nissha-technology-applications-automotive-industry-mexico.webp) no-repeat center center fixed;
    background-size: cover;
    margin-top: 72px; */
    background: url(/img/nissha-technology-applications-automotive-industry-mexico.webp) no-repeat 50%;
    background-size: contain;
    background-position: 100% 100%;
    height: 400px;
}

#app .whoweare .section2 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}


#app .whoweare #keyFacts {
    background-color: #f2f2f2
}

#app .whoweare .section2 ul {
    list-style: none;
    padding-left: 0px;
}

#app .whoweare .section3 {
    padding-top: 7rem;
    padding-bottom: 7rem;
    background-color: #f2f2f2
}

#app .whoweare h1 {
    font-family: 'Open Sans', sans-serif;
    /*font-family: "n regular";*/
    font-size: 2rem;
}

#app .whoweare h2 {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1.6rem;
}

#app .whoweare h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

#app .whoweare .section3 h3,
#app .whoweare .section4 h3 {
    color: #0072bd;
}

#app .whoweare .section4 ul>li {
    font-size: 30px;
    margin-right: 4rem;
    text-align: left;
}

#app .whoweare .section4 ul>li>span {
    color: var(--bs-body-color);
    font-size: var(--bs-body-font-size);
    position: relative;
    top: -5px;
}

#app .whoweare .section3 .left p{margin:1.5rem 0}

#app .whoweare .section3 .info:not(:last-child){
    margin-bottom: 2rem;
}

#app .whoweare .section3 .info .text {
    margin:0
}

#app .whoweare .section3 .info ul {
    margin: 0;
    padding: 0;
    list-style: ". ";
}

#app .whoweare .section3 .info .value:not(:last-child) {
    margin-bottom:1rem;
}

#app .whoweare .section3 .info .value h4 {
    font-family: n bold;
    font-size: 1rem;
    margin: 0 0 .2rem;
    color: #0072bd;
}

#app .whoweare .section4 {
    padding-bottom: 7rem;
    text-align:center
}

#app .whoweare .section4 img{width:100%;margin-top:5rem}

#app .whoweare .section5 {
    padding-bottom: 7rem;
    padding-top: 7rem;
}

#app .whoweare .section5 .about-nissha {text-align:left}

#app .whoweare .section5 .about-nissha p{font-size:.9rem;margin-bottom:1rem}

#app .whoweare .section5 .about-nissha a,
#app>.markets .section3 a {
    font-family: n bold;
    color:#0072bd;
}

#app .whoweare .section5 .about-nissha .history {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    margin-top: 3rem;
}

#app .whoweare .section5 .about-nissha .history div {
    height: 32rem;
}

#app .whoweare .section5 .about-nissha .history .bg1 {
    background:url(/img/whoweare/nissha-pmx-tecnologies.webp) no-repeat 50%
}
#app .whoweare .section5 .about-nissha .history .bg2 {
    background:url(/img/nissha-north-wing.jpg) no-repeat 50%;
    background-size: cover;
}
#app .whoweare .section5 .about-nissha .history .bg3 {
    background:url(/images/4.jpg?c2708d808344b054147e0fa93ef08342) no-repeat 50%
}

#app .whoweare .section5 .about-nissha .history .bg-blue{background-color:#0072bd;color:#fff}
#app .whoweare .section5 .about-nissha .history .bg-black{background-color:#2a2a2a;color:#fff}
#app .whoweare .section5 .about-nissha .history .text {
    padding:3rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}


#app .solutions .section1 {
    background: url(/img/nissha-mx-technology.webp) no-repeat 50%;
    background-size: cover;
    color: #fff;
    display:flex;
    justify-content:center;
    flex-direction:column;
    height: 560px;
    margin-top: 72px;
}

#app .solutions .section1 h1 {
    margin: 0;
    font-size: 2.8rem;
    font-family: 'Open Sans', sans-serif;
}

#app .solutions .section1 p {
    font-size: 1.3rem;
}

#app .solutions .section1 .links a{color:#fff;margin-right:1.5rem}

#app .solutions .section2 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

#app .solutions .section2 h2,
#app .solutions .section2 h3,
#app .solutions .section2 p{
    margin:0;
}

#app .solutions .section2 .info p {
    color: #212529;
}

#app .solutions .section2 .manufacturing,
#app .solutions .section2 .logistic,
#app .solutions .section2 .metrology-info {
    width: 100%;
    padding: 4rem 2rem;
    box-sizing: border-box;
    height: 500px;
    margin-top: 0px;
}

#app .solutions .section2 a {
    text-decoration: none;
    font-family: n bold;
    color: #1c7fbf;
}

#app .solutions .section2 h2 {
    margin-bottom: 1.3rem;
    color: #0072bd;
}

#app .solutions .section2 h3 {
    margin-bottom: .5rem;
    color: #0072bd;
}

#app .solutions .section2 .info {
    background-color: hsl(0deg 0% 100% / 79%);
    width: 23rem;
    padding: 2rem 3rem;
    height: 280px;
}

#app .solutions .section2 .manufacturing {
    background:url(/img/nissha-solutions-manufacturing.jpg) no-repeat 50%;
    background-size:cover;
    display:flex;
    justify-content:flex-end;

}

#app .solutions .section2 .metrology-info {
    background:url(/img/industrial-equipment-mexico-nissha.webp) no-repeat 50%;
    background-size:cover;
    display:flex;
    justify-content:flex-end;
}

#app .solutions .section2 .logistic {
    background: url(/img/nissha-solutions-engineering.jpeg) no-repeat 50%;
    background-size: cover;
    display:flex;
    justify-content:flex-end;
}

#app>.markets .cover {
    background-color: hsl(0deg 0% 100% / 49%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    font-family: n bold;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    color: #000;
    min-width: 50%;
}


#app .markets .section1 {
    background: url(/img/nissha-markets-banner.jpg) no-repeat 50%;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 560px;
}

#app .markets .section1 h1 {
    margin: 0;
    font-size: 2.8rem;
    font-family: 'Open Sans', sans-serif;
}

#app .markets .section2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 470px;
    background-color:#0063a3;
}

#app .markets .options {
    display: grid;
    grid-template-columns: repeat(1,1fr);
}

#app .markets .options a {
    color: #fff;
    text-decoration: none
}

#app .markets .options a:hover > h3 {
    color: #000;
}

#app .markets .options .option {
    padding: .7rem 0;
    text-align: center
}

#app .markets .options .option h3 {
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 0;
}

#app .markets .section3 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

#app .markets .section3 .contents {
    display: block;
}

#app .markets .section3 .contents .info {
    padding: 2rem 1.5rem;
}

#app .markets .section3 .contents .info h3,
#app .markets .section3 .contents .info h4 {
    color: #0072bd;
    font-family: n bold;
    margin-bottom: 1.5rem;
}

#app .markets .section3 .contents .info h3 {
    font-size:1.3rem;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}



#app .markets .section3 .contents .info p{color:#818181}#app .markets .section3 .contents .info .list{display:grid;grid-template-columns:repeat(2,1fr);margin-top:1.5rem}#app .markets .section3 .contents .info .list h4{font-size:1.02rem}#app .markets .section3 .contents .info .list strong{font-size:.9rem;font-family:n bold;color:#818181}

#app .markets .section3 .contents .info .list ul {
    color: #818181;
}

#app .markets .section3 .contents .info .list ul:first-child,#app .markets .section3 .contents .info .list ul li{margin:0}#app .markets .section3 .contents .info .list div:nth-child(3),#app .markets .section3 .contents .info .list div:nth-child(4){margin-top:.5rem}#app .markets .section3 .contents .info .list a{color:#0072bd}#app .markets .section3 .contents .info .list a i{font-size:.8rem}

#app .markets .section3 .contents .info:nth-child(4),
#app .markets .section3 .contents .info:nth-child(8) {
    background-color: #0072bd;
}

#app .markets .section3 .contents .info:nth-child(4) h3,
#app .markets .section3 .contents .info:nth-child(4) h4,
#app .markets .section3 .contents .info:nth-child(4) p,
#app .markets .section3 .contents .info:nth-child(4) strong,
#app .markets .section3 .contents .info:nth-child(4) ul,
#app .markets .section3 .contents .info:nth-child(8) h3,
#app .markets .section3 .contents .info:nth-child(8) h4,
#app .markets .section3 .contents .info:nth-child(8) p,
#app .markets .section3 .contents .info:nth-child(8) strong,
#app .markets .section3 .contents .info:nth-child(8) ul {
    color:#fff;
}

#app .markets .section3 .contents .img {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    min-height: 400px;
}

#app .markets .section3 .contents .mobility-bg{background:url(/images/mobility.jpg?4f7b2ec3beb861f8494699a786bf2416) no-repeat 50%}#app .markets .section3 .contents .homea-bg{background:url(/images/home-appliance.jpg?535f283f83f6d8e90b766de8c3e584c2) no-repeat 50%;background-size:cover}#app .markets .section3 .contents .consumer{background:url(/images/consumer.jpg?79dd6650cb60403cf74bab3e88c5cf2e) no-repeat 50%;background-size:cover}

#app .markets .section3 .contents .industrial-bg {
    background: url(/img/nissha-industrial-market.jpg) no-repeat 50%;
    background-size: cover;
}

#app .markets .section3 .contents .tailored-bg{background:url(/images/tailored-solutions.jpg?b0ab157f0c0a4713e19007948df8edbf) no-repeat 50%;background-size:cover;height:27rem}

#app .careers {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

#app .careers .backgrounds {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    width: 100%;
}

#app .careers .backgrounds .bg1,#app .careers .backgrounds .bg2,#app .careers .backgrounds .bg3,#app .careers .backgrounds .bg4,#app .careers .backgrounds .bg5{height:23rem}

#app .careers .backgrounds .bg1{background:url(/img/image1.jpg) no-repeat 50%;background-size:cover}
#app .careers .backgrounds .bg2{background:url(/img/image5.jpg) no-repeat 50%;background-size:cover}
#app .careers .backgrounds .bg3{background:url(/img/image92.jpg) no-repeat 50%;background-size:cover}
#app .careers .backgrounds .bg4{background:url(/img/image91.jpg) no-repeat 50%;background-size:cover}
#app .careers .backgrounds .bg5{background:url(/img/image90.jpg) no-repeat 50%;background-size:cover}

#app .careers .section1 {
    background-color: #2a2a2a;
    color: #fff;
    padding: 1rem;
}

#app .careers .section1 h4{margin:0;font-family:n bold}#app .careers .section1 p{margin:0;font-family:n regular}

#app .careers .section2 {
    background-color: #0081c6;
    color: #fff;
    padding: 3rem 1rem;
}

#app .careers .section2 .info {display:flex;flex-direction:column;align-items:center}#app .careers .section2 .info h3,#app .careers .section2 .info ul{margin:0}#app .careers .section2 .info ul{list-style:"- ";margin-top:1rem;padding:0;margin-left:1.3rem}#app .careers .section2 .info ul li{font-size:.9rem}

#app .careers .section2 .form-careers .input input{width:100%;box-sizing:border-box;border:0;padding:.7rem;outline:none;margin-top:.3rem}#app .careers .section2 .form-careers .textarea{grid-column:1/3}#app .careers .section2 .form-careers .textarea textarea{width:100%;box-sizing:border-box;border:0;padding:.7rem;outline:none;margin-top:.3rem}

#app .careers .section2 .form-careers .buttons{grid-column:2/2;text-align:right}

#app .careers .section2 .form-careers .buttons .btn-submit {
    padding: .8rem 2.5rem;
    border: 0;
    background-color: #1c1c1c;
    color: #fff;
    font-family: n bold;
    display: inline;
    cursor: pointer;
}

#app .news{padding:5rem 8rem}#app .news .header-news{display:flex;justify-content:space-between;align-items:center}#app .news .header-news h1{margin:0;color:#0070bc;font-size:2.5rem}#app .news .header-news .input-search{padding:.8rem;width:25rem;background-color:#f2f2f2;border:0}#app .news .content-news{display:grid;grid-column-gap:2rem;grid-row-gap:.7rem;grid-template-columns:1fr 1fr;margin-top:3rem}#app .news .content-news .news-title h3{margin:0;color:#0070bc;font-size:1.3rem;font-family:n bold;line-height:1.3rem}#app .news .content-news .news-title small{color:#868686;font-size:.7rem}#app .news .content-news .news-body{margin-top:1rem}#app .news .content-news .news-body p{color:#868686;font-size:.9rem}#app .news .content-news .news-body .news-autor{font-size:.7rem;color:#0070bc;font-family:n bold;margin:0}#app .news .content-news .main-news{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;grid-row:1/4}#app .news .content-news .main-news .main-image{width:100%}#app .news .content-news .news-button{margin-top:.7rem;border:0;width:8rem;padding:.5rem 2rem;background-color:#2a2a2a;color:#fff;font-size:.6rem;float:right;cursor:pointer}#app .news .content-news .news-info .news-image{width:13rem;height:10rem;-o-object-fit:cover;object-fit:cover}#app .news .content-news .news-info .body{display:flex}#app .news .content-news .news-info .body .info{display:flex;flex-direction:column;justify-content:space-between;margin-left:1rem}#app .news .content-news .news-info .body .info .news-body{margin:0}

#app .news .content-news .news-info .body .info p{font-size:.8rem}

#app .contactus .section1 .bg {
    /*background: url(/images/1.jpg?41402a14a88d11c7ffd887decbf7cadd) no-repeat 50%;*/
    background: url(/img/nissha-technology-applications-automotive-industry-mexico.webp) no-repeat 50%;
    background-size: cover;
    height: 100%;
    min-height: 600px;
}

#app .contactus .section1 .form {
    background-color: #f2f2f2;
    padding: 3rem 1rem;
}

#app .contactus .section1 .form .input{grid-column:1/3}#app .contactus .section1 .form .input:not(:last-child){margin-bottom:1rem}#app .contactus .section1 .form .input label{font-size:1rem;color:#1c7fbf;font-family:n bold}#app .contactus .section1 .form .input input,#app .contactus .section1 .form .input textarea{width:100%;border:0;padding:.8rem;resize:none;box-sizing:border-box}#app .contactus .section1 .form .input:nth-child(2){grid-column:2/1}#app .contactus .section1 .form .input:nth-child(3){grid-column:2/2}#app .contactus .section1 .form .buttons{grid-column:1/3;text-align:right}

#app .contactus .section1 .form .buttons .btn-submit {
    padding: .6rem 2.3rem;
    border: 0;
    background-color: #1c7fbf;
    color: #fff;
    font-size: .9rem;
    font-family: n bold;
    display: initial;
    cursor: pointer;
}

#app .contactus .section2 {
    background-color:#2a2a2a;
    padding: 3rem 1rem;
}

#app .contactus .section2 h1{font-size:1.1rem;margin:0;color:#fff}#app .contactus .section2 span{color:#fff}

#app .contactus .section3 {
    background-color: #0081c6;
    padding: 3rem 1rem;
}

#app .contactus .section3 .info h2{color:#fff;font-size:1.3rem;margin:0 0 1rem}#app .contactus .section3 .info span{font-size:1rem;color:#fff}

#app>.markets {
    margin-top: 72px;
}

#app>.manufacturing,
#app>.engineering,
#app>.quality,
#app>.contactus,
#app>.privacy-policy {
    padding-bottom: 7rem;
    padding-top: 7rem;
    margin-top: 72px;
}

#app>.manufacturing h1,
#app>.engineering h1,
#app>.quality h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 1px;
}

#app .manufacturing img {width:60%;-o-object-fit:cover;object-fit:cover}

#app .manufacturing h3 {margin-bottom:.3rem}

#app .manufacturing a {color:#0072bd;text-decoration:none}

#app .manufacturing .icon-text {
    color: #818181;
}

#app>.engineering,
#app>.quality {
    color: #818181;
}

#app>.engineering h1,
#app>.engineering h2,
#app>.engineering h3 {
    margin-bottom: 1.5rem;
}

#app>.quality .section1 {
    padding-bottom: 7rem;
}

#app>.quality .section2 {
    padding-bottom: 7rem;
}

#app>.engineering h1,
#app>.quality h1 {
    color: initial;
}

#app>.engineering h2,
#app>.quality h2 {
    color: #1c7fbf;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1.6rem;
}

#app>.engineering h3,
#app>.quality h3 {
    font-size: 18px;
}

#app .engineering .content-info .info{display:grid;grid-template-columns:1fr 1fr}#app .engineering .content-info .design{padding:3rem 0}#app .engineering .content-info .design .text h1{font-size:1.5rem}

#app .engineering .content-info .design .images{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}


#app .engineering .content-info .tooling .text h1 {
    font-size: 1.5rem;
}

#app .engineering .content-info .tooling .text .list{padding-left:1.3rem}#app .engineering .content-info .tooling .images{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}

#app .quality h1,#app .quality h2,#app .quality p{margin-bottom:1.5rem}

#app .quality .content .text .list{padding:0;list-style:none}

#app .padding{padding:0 8rem}

#app .imd .section1,
#app .iml .section1,
#app .heat-transfer .section1 {
    margin-top: 72px;
}

#app .imd .key-benefits,
#app .iml .key-benefits,
#app .heat-transfer .key-benefits {
    padding-bottom: 7rem;
}

#app .imd h1,
#app .imd h2,
#app .iml h1,
#app .iml h2,
#app .heat-transfer h1,
#app .heat-transfer h2 {
    font-family:n regular;
}

#app .heat-transfer h2,
#app .imd h2,#app .iml h2 {
    margin-bottom:1rem;color:#0072bd}

#app .heat-transfer h3,
#app .imd h3,#app .iml h3{margin:1rem 0}

#app .heat-transfer .underline,
#app .imd .underline,
#app .iml .underline{border-bottom:1px solid grey;padding-bottom:.5rem}

#app .header-bg {
    color: #fff;
    height: 560px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#app .imd .header-bg {
    background: url(/img/molded-integrated-products-mexico.webp) no-repeat 50%;
    background-size: cover;
}

#app .imd .video,
#app .iml .video,
#app .heat-transfer .video {
    padding-top: 7rem;
    padding-bottom: 7rem;
}


#app .imd .video video {
    width:100%;
    height:100%;
}

#app .heat-transfer .key-benefits .content-benefits,
#app .imd .key-benefits .content-benefits,
#app .iml .key-benefits .content-benefits {
    display:flex;flex-direction:column;align-items:center;margin-top:3rem}

#app .heat-transfer .key-benefits .content-benefits .row1,
#app .heat-transfer .key-benefits .content-benefits .row2,
#app .imd .key-benefits .content-benefits .row1,
#app .imd .key-benefits .content-benefits .row2,
#app .iml .key-benefits .content-benefits .row1,
#app .iml .key-benefits .content-benefits .row2 {
    display: grid;
    grid-gap: 3rem;
    grid-row-gap: 3rem;
}

#app .heat-transfer .key-benefits .content-benefits .row1 .benefits,
#app .heat-transfer .key-benefits .content-benefits .row2 .benefits,
#app .imd .key-benefits .content-benefits .row1 .benefits,
#app .imd .key-benefits .content-benefits .row2 .benefits,
#app .iml .key-benefits .content-benefits .row1 .benefits,
#app .iml .key-benefits .content-benefits .row2 .benefits {
    text-align:center
}

#app .heat-transfer .key-benefits .content-benefits .row1 .benefits img,
#app .heat-transfer .key-benefits .content-benefits .row2 .benefits img,
#app .imd .key-benefits .content-benefits .row1 .benefits img,
#app .imd .key-benefits .content-benefits .row2 .benefits img,
#app .iml .key-benefits .content-benefits .row1 .benefits img,
#app .iml .key-benefits .content-benefits .row2 .benefits img {
    width: 7rem;
    height: 7rem;
}

#app .heat-transfer .key-benefits .content-benefits .row1 .benefits h1,
#app .heat-transfer .key-benefits .content-benefits .row2 .benefits h1,
#app .imd .key-benefits .content-benefits .row1 .benefits h1,
#app .imd .key-benefits .content-benefits .row2 .benefits h1,
#app .iml .key-benefits .content-benefits .row1 .benefits h1,
#app .iml .key-benefits .content-benefits .row2 .benefits h1 {
    font-size: 1rem;
}

#app .imd .key-benefits .content-benefits .row1,
#app .iml .key-benefits .content-benefits .row1,
#app .heat-transfer .key-benefits .content-benefits .row1 {
    grid-template-columns: repeat(1,1fr);
}

#app .imd .key-benefits .content-benefits .row2,
#app .iml .key-benefits .content-benefits .row2,
#app .heat-transfer .key-benefits .content-benefits .row2 {
    width: 100%;
    grid-template-columns: repeat(1,1fr);
    margin-top: 3rem;
}


#app .heat-transfer .key-benefist .content-benefist .row2,
#app .iml .key-benefist .content-benefist .row2 {
    width: 60vw;
    grid-template-columns: repeat(2,1fr);
    margin-top: 3rem;
}

#app .imd .process,
#app .iml .process,
#app .heat-transfer .process {
    background-color: #efefef;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

#app .heat-transfer .process h1,#app .imd .process h1,#app .iml .process h1{font-size:1.5rem}

#app .heat-transfer .process img,
#app .imd .process img,
#app .iml .process img {
    width:25rem;
}

#app .imd .process-flow,
#app .iml .process-flow,
#app .heat-transfer .process-flow {
    background-color:#efefef;
    padding-bottom: 7rem;
}

#app .imd .process-flow img,
#app .iml .process-flow img,
#app .heat-transfer .process-flow img {
    width: 100%;
}

#app .imd .process-flow .content-process,
#app .iml .process-flow .content-process,
#app .heat-transfer .process-flow .content-process {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    text-align: justify
}

#app .heat-transfer .process-flow h1,#app .imd .process-flow h1,#app .iml .process-flow h1{font-size:1.5rem;margin:0}

#app .heat-transfer .process-flow .content-process h3,#app .imd .process-flow .content-process h3,#app .iml .process-flow .content-process h3{font-size:1.1rem;text-align:center}

#app .heat-transfer .process-flow .content-process p,
#app .imd .process-flow .content-process p,#app .iml .process-flow .content-process p{margin-bottom:1rem}

#app .iml .header-bg {
    background: url(https://nisshausa.com/wp-content/uploads/2019/04/in-mold-labeling-header.jpg) no-repeat 50%;
}

#app .iml .video img {
    width:100%
}

#app .heat-transfer .header-bg {
    background: url(https://nisshausa.com/wp-content/uploads/2019/05/nissha-heat-transfer-label.jpg) no-repeat 50%;
}

#app .heat-transfer .video img{width:100%}

#app .footer {
    background-color:#f2f2f2;
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-right: 23rem;
    padding-left: 23rem;
}

.options-list{
    margin-bottom: 0px !important;
}

.options-row{
    padding-left: 0px !important;
}

.link-font-size{
    font-size: 13px !important;
}

#app .footer .options {
    margin-top: 10px;
    padding-bottom: 1.3rem;
    margin-bottom: 2.6rem;
    border-bottom: 1px solid silver
}

#app .footer .options .options-list {
    list-style: none;
    padding: 0;
    margin-left: 8px;
}

#app .footer .options .options-list .title {
    font-size: 1rem;
    font-family: n bold;
    color: #727272;
    margin-bottom: 15px;
}

#app .footer .options .options-list li {
    margin-bottom:.3rem;
}

#app .footer a {
    font-size: .87rem;
    text-decoration: none;
    color: #868686;
    cursor: pointer;
}

#app .footer .info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

#app .footer .info .left span {
    font-family:n bold;
    font-size:.8rem;
    color:#727272
}

#app .footer .info .left div {
    margin-top:.7rem
}

#app .footer .info .left div span {
    font-family:n regular;
    font-size:.8rem;
    color:#868686;
}

#app .footer .info img {
    width:2rem;
    margin-left:.5rem;
}

.navbar {
    width: 100%;
}

.navbar-toggler:focus {
    border: 1px solid;
}

#app .home .section3 .card {
    background: url(/img/nissha-solutions.jpg) no-repeat 50%;
    background-size: cover;
    border: none;
}

.right-side-toggle {
    position: relative;
}

.text-n-orange {
    color: #ff5a00;
}

.text-n-blue {
    color: #0070b8;
}

.text-n-green {
    color: #519e30;
}

.text-n-purple {
    color: #8447af;
}

.numbered-list {
  list-style-type: decimal;
}

.no-bullets-list {
  list-style-type: none;
}

#loading {
    position: fixed !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.7;
    z-index: 9999;
    text-align: center;
    display: none;
}

#loading>div {
    height: 100%;
}

#loading .spinner-border {
    color: #1c7fbf;
}

.error {
    color: #c21b1b;
    font-style: italic;
    margin-top: 5px;
    font-size: 13px;
}

#app .form-careers .error {
    color: #fff;
    background-color: #c21b1b;
}

#app .careers .form-control[type=file] {
    border-radius: inherit;
}

#cookies {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    /*background-color: #f2f2f2;*/
    background-color: #2a2a2a;
    color: #fff;
    opacity: 0;
    transition: opacity 1s ease; /* Agrega una transición suave */
    z-index: 2;
}

#cookies.show {
    opacity: 1; 
}

#cookies .cookies-title {
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 1px;
}

#cookies .btn {
    background-color: #1c7fbf;
    color: #fff;
    border-radius: 0;
}


@media (min-width: 768px) {

    #app .home .section5 .buttons a:first-child {
        margin-right: 2rem;
        margin-bottom: 0;
    }

    #app .whoweare .section5 .about-nissha .history div {
        height: 25rem;
    }

    #app .imd .key-benefits .content-benefits .row1,
    #app .iml .key-benefits .content-benefits .row1 {
        grid-template-columns: repeat(3,1fr);
    }

    #app .imd .key-benefits .content-benefits .row2,
    #app .iml .key-benefits .content-benefits .row2 {
        width: 60vw;
        grid-template-columns: repeat(2,1fr);
    }

    #app .imd .process-flow .content-process,
    #app .heat-transfer .process-flow .content-process {
        grid-template-columns: repeat(3,1fr);
        grid-gap: 3rem;
    }

    #app .heat-transfer .key-benefits .content-benefits .row1 {
        grid-template-columns: repeat(2,1fr);
    }

    #app .solutions .section1 p {
        font-size: 2rem;
    }

    #app .solutions .section2 .manufacturing,
    #app .solutions .section2 .logistic,
    #app .solutions .section2 .metrology-info {
        padding: 4rem;
        height: 450px;
    }

    #app .solutions .section2 .info {
        padding: 3rem;
    }

    #app .solutions .section2 .logistic {
        display: block;
    }

    #app .careers .section1 {
        padding: 1rem 3rem;
    }

    #app .careers .section2 {
        padding: 3rem;
    }

    #app .contactus .section1 .form {
        padding: 3rem;
    }

    #app .contactus .section2 {
        padding: 3rem;
    }

    #app .contactus .section3 {
        padding: 3rem;
    }

    #app .whoweare .section1 {
        background-size: cover;
    }

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    #app .nav .nav-options .options .sub-menu { display:none }

    #app .nav .nav-options .options .sub-menu-content:hover .sub-menu {
        display:block;
        position:absolute;
        left:-3.5rem;
        background-color:#fff;
        padding:.1rem 2.5rem;
        border-radius:5px;
        box-shadow:0 8px 24px rgba(149,157,165,.2);
        z-index:9999;
    }

    #app .nav .nav-options .options .sub-menu-content:hover{
        position:relative;
    }

    #app .nav .nav-options .options .sub-menu-content:hover .sub-menu ul {
        list-style:none;
        padding:0;
    }

    #app .nav .nav-options .options .sub-menu-content:hover .sub-menu ul li {
        padding:.5rem 0;
    }

    #app .home .section1,
    #app .whoweare .section1,
    #app>.markets,
    #app .solutions .section1,
    #app>.manufacturing,
    #app .imd .section1,
    #app .iml .section1,
    #app .heat-transfer .section1,
    #app>.engineering,
    #app>.quality,
    #app>.careers,
    #app>.news,
    #app>.contactus,
    #app>.privacy-policy {
        margin-top: 150px;
        background-size: cover;
        /* height: 560px; */
    }

    #app .whoweare .section5 .about-nissha .history {
        grid-template-columns: repeat(2,1fr);
    }

    #app .markets .section2 {
        top: 710px;
    }

    #app .markets .options {
        grid-template-columns: repeat(5,1fr);
    }

    #app .iml .process-flow .content-process {
        grid-template-columns: repeat(4,1fr);
        grid-gap: 3rem;
    }

    #app .home .section3 .card .card-body .solution {
        height: 11rem;
    }

    #app .markets .section3 .contents {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    #app .careers .backgrounds {
        grid-template-columns:repeat(5,1fr);
    }
    
    #app .whoweare .section2 img {
        width: 60%;
    }
    
    #app .quality .section3 img {
        width: 60%;
    }
}

@media (min-width: 1200px) {

    #app .nav .nav-info .nissha-slogan {
        width:21rem
    }

    #app .nav .nav-options .options {
        margin-top: 0px;
    }

    /* #app .home .section2 {
        background: #f2f2f2 url("/img/nissha-technology-applications-automotive-industry-mexico.webp") no-repeat 100% 100%;
        background-size: 50% 100%;
    } */

    #app .home .section3 .card {
        height: 560px;
    }

    #app .home .section3 .card .card-body .solution {
        height: 14rem;
    }

}

.background-decoration{
    background: #00000042;
    width: 425px;
}

@media (min-width: 1400px) {
    #app .home .section3 .card .card-body .solution {
        height: 13rem;
    }
}

@media only screen and (max-width: 768px) {
    #app .footer {
        background-color: #f2f2f2 !important;
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
        padding-left: 50px !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 1500px) {
    #app .footer {
        padding-top: 5rem;
        padding-bottom: 5rem;
        padding-right: 10rem;
        padding-left: 10rem;
    }
}


@media (min-width: 1700px) {
    #app .whoweare .section1 {
        margin-top: 168px;
        background-size: contain;
        height: 900px;
        background-position: center;
    }
}

@media (min-width: 768px) {
    #app .home .section2 .row {
        flex-direction: row;
        align-items: stretch;
    }

    #app .home .section2 .content-col {
        order: 1;
        padding-right: 20px;
    }

    #app .home .section2 .image-col {
        order: 2;
        padding-left: 20px;
    }
}

@media (min-width: 1200px) {
    #app .home .section2 .content-col {
        padding-right: 40px;
    }

    #app .home .section2 .image-col {
        padding-left: 40px;
    }
}