.elementor-12474 .elementor-element.elementor-element-5771cda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-5771cda *//* ==========================================================
   NIKKO FOOTER
   PART 1
========================================================== */

/* RESET */

.nikko-footer,
.nikko-footer *{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.nikko-footer{
    width:100%;
    background:#111216;
    color:#bdbdbd;
    font-family:'Montserrat',sans-serif;
    font-size:15px;
    line-height:1.8;
}

.nikko-footer a{
    color:inherit;
    text-decoration:none;
    transition:.35s ease;
}

.nikko-footer a:hover{
    color:#ff3030;
}

.nikko-footer ul{
    list-style:none;
}

.nikko-footer img{
    display:block;
    max-width:100%;
}

/* =======================================
   MAIN WRAPPER
======================================= */

.nikko-footer-inner{
    width:100%;
    max-width:1500px;
    margin:auto;
    padding:70px 50px 30px;
}

/* =======================================
   TOP GRID
======================================= */

.nikko-footer-top{

    display:grid;

    grid-template-columns:
    360px
    1fr;

    gap:70px;

    padding-bottom:55px;

    border-bottom:1px solid rgba(255,255,255,.08);

}

/* =======================================
   LEFT COLUMN
======================================= */

.nikko-footer-about{

    padding-right:60px;

    border-right:1px solid rgba(255,255,255,.08);

}

.nikko-footer-logo{

    display:inline-block;

    margin-bottom:25px;

}

.nikko-footer-logo img{

    width:280px;

}

.nikko-tagline{

    color:#ff2c2c;

    font-size:15px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:22px;

    text-transform:uppercase;

}

.nikko-about-text{

    color:#b5b5b5;

    font-size:15px;

    line-height:1.9;

    margin-bottom:35px;

}

/* =======================================
   CONTACT
======================================= */

.nikko-contact-list{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.nikko-contact-list li{

    display:flex;

    align-items:flex-start;

    gap:14px;

}

.nikko-contact-list i{

    width:18px;

    color:#ffffff;

    margin-top:5px;

    font-size:15px;

}

.nikko-contact-list span,
.nikko-contact-list a{

    color:#bdbdbd;

    font-size:15px;

}

/* =======================================
   SOCIAL
======================================= */

.nikko-social{

    display:flex;

    align-items:center;

    gap:18px;

    margin-top:35px;

}

.nikko-social span{

    color:#ffffff;

    font-size:15px;

    white-space:nowrap;

}

.nikko-social-icons{

    display:flex;

    gap:12px;

}

.nikko-social-icons a{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#1b1c20;

    color:#ffffff;

    font-size:17px;

}

.nikko-social-icons a:hover{

    background:#ff3030;

    color:#fff;

    transform:translateY(-3px);

}

/* =======================================
   RIGHT GRID
======================================= */

.nikko-footer-links{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:45px;

}

.nikko-homologation{

    grid-column:1 / -1;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    margin-top:15px;

    padding-top:25px;

}

/* =======================================
   COLUMN
======================================= */

.footer-column h4{

    position:relative;

    display:inline-block;

    color:#ffffff;

    font-size:18px;

    font-weight:700;

    margin-bottom:30px;

    padding-bottom:12px;

    text-transform:uppercase;

}

.footer-column h4::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:24px;

    height:2px;

    background:#ff3030;

}

.footer-column ul{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.footer-column li{

    line-height:1.5;

}

.footer-column a{

    color:#bdbdbd;

    font-size:15px;

}

.footer-column a:hover{

    color:#ff3030;

    padding-left:6px;

}

/* =======================================
   HOMOLOGATION
======================================= */

.nikko-homologation{

    grid-column:1/-1;

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:20px;

    margin-top:20px;

    padding-top:25px;

    padding-left:60px;
}

.nikko-homologation>span{

    color:#a9a9a9;

    font-size:17px;

}

.nikko-certificates{

    display:flex;

    align-items:center;

    gap:18px;

}

.nikko-certificates span{

    color:#ffffff;

    font-size:18px;

    font-weight:700;

    letter-spacing:3px;

}
/* ==========================================================
   FEATURES
========================================================== */

.nikko-features{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:40px;

    padding:45px 0;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.feature-item{

    display:flex;

    align-items:center;

    gap:18px;

}

.feature-icon{

    width:62px;

    height:62px;

    border-radius:50%;

    background:#1a1b20;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    transition:.35s;

}

.feature-icon i{

    color:#ffffff;

    font-size:28px;

}

.feature-item:hover .feature-icon{

    background:#ff3030;

    transform:translateY(-4px);

}

.feature-item h5{

    color:#ffffff;

    font-size:16px;

    font-weight:700;

    margin-bottom:5px;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.feature-item p{

    color:#9c9c9c;

    font-size:14px;

    line-height:1.6;

}

/* ==========================================================
   BOTTOM
========================================================== */

.nikko-footer-bottom{

    padding-top:28px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

    flex-wrap:wrap;

}

.nikko-policy-links{

    display:flex;

    align-items:center;

    gap:14px;

    flex-wrap:wrap;

}

.nikko-policy-links span{

    color:#555;

}

.nikko-policy-links a{

    color:#9d9d9d;

    font-size:14px;

}

.nikko-policy-links a:hover{

    color:#ff3030;

}

.nikko-copyright{

    color:#767676;

    font-size:14px;

    text-align:right;

}

.nikko-copyright a{

    color:#ffffff;

    font-weight:600;

}

.nikko-copyright a:hover{

    color:#ff3030;

}

/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1024px){

.nikko-footer-inner{

    padding:60px 35px 25px;

}

.nikko-footer-top{

    grid-template-columns:1fr;

    gap:45px;

}

.nikko-footer-about{

    border-right:none;

    border-bottom:1px solid rgba(255,255,255,.08);

    padding-right:0;

    padding-bottom:40px;

}

.nikko-footer-links{

    grid-template-columns:repeat(2,1fr);

    gap:40px;

}

.nikko-features{

    grid-template-columns:repeat(2,1fr);

    gap:30px;

}

.nikko-homologation{

    flex-direction:column;

    text-align:center;

    gap:16px;

}

.nikko-certificates{

    flex-wrap:wrap;

    justify-content:center;

}

.nikko-footer-bottom{

    flex-direction:column;

    text-align:center;

}

.nikko-copyright{

    text-align:center;

}

}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

.nikko-footer-inner{

    padding:45px 20px 20px;

}

.nikko-footer-logo img{

    width:220px;

}

.nikko-tagline{

    font-size:13px;

    letter-spacing:1.5px;

}

.nikko-about-text{

    font-size:14px;

}

.nikko-contact-list{

    gap:15px;

}

.nikko-contact-list span,
.nikko-contact-list a{

    font-size:14px;

}

.nikko-social{

    flex-direction:column;

    align-items:flex-start;

    gap:15px;

}

.nikko-footer-links{

    grid-template-columns:1fr;

    gap:35px;

}

.footer-column h4{

    margin-bottom:22px;

    font-size:17px;

}

.footer-column ul{

    gap:14px;

}

.nikko-homologation{

    padding:28px 0;

}

.nikko-homologation>span{

    font-size:15px;

}

.nikko-certificates{

    gap:10px;

}

.nikko-certificates span{

    font-size:15px;

    letter-spacing:1px;

}

.nikko-features{

    grid-template-columns:1fr;

    gap:24px;

    padding:35px 0;

}

.feature-icon{

    width:55px;

    height:55px;

}

.feature-icon i{

    font-size:24px;

}

.feature-item h5{

    font-size:15px;

}

.feature-item p{

    font-size:13px;

}

.nikko-policy-links{

    justify-content:center;

    gap:10px;

}

.nikko-policy-links a{

    font-size:13px;

}

.nikko-copyright{

    font-size:13px;

    line-height:1.8;

}

}

/* ==========================================================
   LARGE DESKTOP
========================================================== */

@media (min-width:1600px){

.nikko-footer-inner{

    max-width:1600px;

}

.nikko-footer-top{

    grid-template-columns:400px 1fr;

    gap:90px;

}

.nikko-footer-logo img{

    width:310px;

}

.nikko-footer-links{

    gap:70px;

}

}

/* ==========================================================
   SMOOTH TRANSITIONS
========================================================== */

.nikko-footer a,
.feature-icon,
.nikko-social-icons a,
.footer-column a{

    transition:all .35s ease;

}

/* ==========================================================
   ELEMENTOR FIXES
========================================================== */

.elementor .nikko-footer p{

    margin-bottom:0;

}

.elementor .nikko-footer h3,
.elementor .nikko-footer h4,
.elementor .nikko-footer h5{

    margin-top:0;

}

.elementor .nikko-footer ul{

    margin:0;

    padding:0;

}

.elementor .nikko-footer img{

    max-width:100%;

    height:auto;

}/* End custom CSS */