:root {
    --dark-blue: #0b1138;
    --link-blue: #4e7cdd;
    --primary-blue: #001388;
    --secondary-blue: #3dbab3;
    --secondary-blue-light: #7fdfc3;
}

body {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    color: var(--primary-blue);
}

p {
    font-size: 15.2px;
}

.white-color {
    color: #ffff;
}

.primary-color {
    color: var(--primary-blue);
}

.secondary-color {
    color: var(--secondary-blue);
}

.primary-color-light {
    color: var(--link-blue) !important;
}

.secondary-color-light {
    color: var(--secondary-blue-light) !important;
}

.bg-blue {
    background-color: var(--primary-blue) !important;
}

/* HEADER */
.nav-link-text {
    color: var(--primary-blue);
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 22.5px;
}

.separator {
    border: 1px var(--secondary-blue) solid !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='18' viewBox='0 0 36 18' fill='none'%3E%3Cpath d='M1.12509 2.24994H34.875C35.496 2.24994 36 1.7459 36 1.12497C36 0.503946 35.4959 0 34.875 0H1.12509C0.504067 0 0.00012207 0.504039 0.00012207 1.12497C0.00012207 1.7459 0.504161 2.24994 1.12509 2.24994Z' fill='%23001388'/%3E%3Cpath d='M34.8748 7.875H1.12485C0.503823 7.875 -0.00012207 8.37904 -0.00012207 8.99997C-0.00012207 9.6209 0.503917 10.1249 1.12485 10.1249H34.8748C35.4958 10.1249 35.9997 9.6209 35.9997 8.99997C35.9997 8.37904 35.4958 7.875 34.8748 7.875Z' fill='%23001388'/%3E%3Cpath d='M34.8748 15.75H12.3748C11.7538 15.75 11.2499 16.254 11.2499 16.875C11.2499 17.496 11.7539 17.9999 12.3748 17.9999H34.8748C35.4958 17.9999 35.9998 17.4959 35.9998 16.875C35.9999 16.2539 35.4958 15.75 34.8748 15.75Z' fill='%23001388'/%3E%3C/svg%3E") !important;
}

button.navbar-toggler {
    border: none;
}

button.navbar-toggler:focus {
    box-shadow: none;
}

a.nav-link-custom {
    color: var(--primary-blue);
    font-weight: 300;
    font-size: 0.95rem;
    text-decoration: none !important;
}

a.nav-link-custom:hover {
    color: var(--secondary-blue) !important;
}

a.help-link {
    border-color: var(--primary-blue);
    color: var(--primary-blue);
}

a.help-link:hover {
    background-color: var(--secondary-blue);
    border-color: var(--secondary-blue);
    color: white !important;
    text-decoration: none !important;
}

/* FOOTER */
.bg-dark-blue {
    background-color: var(--dark-blue) !important;
}

.button-footer:hover {
    background-color: var(--secondary-blue);
    border: 1px solid var(--secondary-blue);
    color: white;
    text-decoration: none;
}

.title-footer {
    display: block;
    font-size: 1em !important;
    font-weight: bold;
    margin-block-end: 0.83em;
    margin-inline-end: 0px;
    margin-inline-start: 0px;
}

.link-footer {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    text-decoration: none;
}

.link-footer:hover {
    text-decoration: underline;
}


@media (max-width: 768px) {
    .link-footer {
        font-size: 0.75rem !important;
    }

    p {
        font-size: 15.2px;
    }

    .title-h2 {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    .image-semicircle-right,
    .image-semicircle-left,
    .image-men-2,
    .image-man {
        height: 200px !important;
        min-height: 100px !important;
    }
}

/* HOME */
.header-home {
    background-image: url("https://static.nibw.es/sxd/img/v2/home/header-home.webp");
    background-size: cover;
    background-position: center;
    color: white;
}

.header-content {
    padding: 100px 32px;
}

.header-title {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    color: #ffffff;
}

.header-subtitle {
    max-width: 340px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
}

.header-list {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    list-style-type: none;
    color: #ffffff;
    margin: 0;
    padding: 0;
}

.header-list li {
    background-image: url("https://static.nibw.es/img/icons/white-clock.svg");
    background-position: 0;
    background-repeat: no-repeat;
    line-height: 30px;
    padding-left: 30px;
}

a.header-button {
    text-decoration: none;
    color: var(--primary-blue);
    border-color: var(--primary-blue);
    background-color: white;
    padding-right: 14px;
    padding-left: 14px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 2px;
    margin-top: 32px;
}

a.header-button:hover {
    color: white;
    border-color: var(--secondary-blue);
    background-color: var(--secondary-blue);
    text-decoration: none !important;
}

.title-h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    align-items: center;
    text-align: left;
    text-transform: uppercase;
}

p {
    text-align: left;
}

.subtitle {
    font-size: 1rem !important;
    font-weight: 600 !important;
}

/* GRILL PRODUCT */
.tittle-icon {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.product,
.product:hover > div > a > div {
    transition: all 0.3s ease-in-out 0s;
}

.product:hover {
    transform: scale(1.1, 1.1);
}

.product:hover > div > a.product-link::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: #7ed8c2;
    position: absolute;
    z-index: -1;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0.3;
    top: 5px;
    left: 35px;
}

.product-link {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: var(--secondary-blue);
}

/* SECTION 2 */
.normal-text {
    font-weight: 300;
    font-size: 0.95rem;
    line-height: 22px;
}

.wrap-icon {
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.oval-icon::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 50%;
    background-color: var(--secondary-blue);
    position: absolute;
    z-index: -1;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0.3;
    top: -10px;
    left: calc(50% - 40px);
}

.oval-section-2::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 50%;
    background-color: #3dbab3;
    position: absolute;
    z-index: -1;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0.3;
    top: -16px;
    left: calc(50% - 32px);
}

/* SECTION 3 */
.oval-icon-second::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 50%;
    background-color: var(--secondary-blue);
    position: absolute;
    z-index: -1;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0.3;
    top: -16px;
    left: calc(50% - 25px);
}

a.white-button {
    text-decoration: none;
    color: var(--primary-blue);
    border-color: var(--primary-blue);
    background-color: white;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 2px;
    min-width: 190px;
    min-height: 32px;
    text-align: center;
}

a.white-button:hover {
    color: white;
    border-color: var(--secondary-blue);
    background-color: var(--secondary-blue);
    text-decoration: none !important;
}

/* SECTION 4 */

.body-list {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    list-style-type: none;
    color: var(--primary-blue);
    margin: 0;
    padding: 0;
}

.body-list li {
    background-image: url("https://static.nibw.es/sxd/img/icons/home/clip.svg");
    background-position-y: 5px;
    background-repeat: no-repeat;
    line-height: 22.5px;
    padding-left: 30px;
    font-size: 15px;
}

.body-list-light {
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22.5px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.body-list-light li {
    background-image: url("https://static.nibw.es/sxd/img/icons/home/clip.svg");
    background-position-y: 5px;
    background-repeat: no-repeat;
    line-height: 30px;
    padding-left: 30px;
}

a.small-white-button {
    text-decoration: none;
    color: var(--primary-blue);
    border-color: var(--primary-blue);
    background-color: white;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 1px;
    min-width: 150px;
    min-height: 32px;
    text-align: center;
}

a.small-white-button:hover {
    color: white;
    border-color: var(--secondary-blue);
    background-color: var(--secondary-blue);
    text-decoration: none !important;
}

.image-woman {
    background-image: url("https://static.nibw.es/sxd/img/v2/home/first-section-image.webp");
    background-position: 50% 50%;
}

.image-car-2 {
    background-image: url("https://static.nibw.es/foreignplate/grey-crossover-wet.webp");
    background-position: 50% 50%;
}

.image-men-2 {
    background-image: url("https://static.nibw.es/foreignplate/man-standing-by-his-car.webp");
    background-position: 50% 50%;
}

.image-man {
    background-image: url("https://static.nibw.es/sxd/img/v2/home/second-section-image.webp");
    background-position: right 60% bottom 45%;
}

.image-car {
    background-position: right;
    background-image: url("https://static.nibw.es/foreignplate/blue-pickup-truck-motion-power.webp");
}
.image-landscape {
    background-image: url("https://static.nibw.es/foreignplate/handsome-man-sitting.webp");
    background-position: right;
}
.image-semicircle-left {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 355px;
    border-radius: 1000px 0px 0px 1000px;
}

.image-semicircle-right {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 355px;
    border-radius: 0px 1000px 1000px 0px;
    margin-left: 0%;
}

/* SECTION 7 */
.card-blog-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--primary-blue);
    min-height: 48px;
}

.card-blog-text {
    font-weight: 300;
    font-size: 15px;
    line-height: 22.5px;
    color: var(--primary-blue);
}

.card-blog {
    border-radius: 70px 70px 70px 5px !important;
    border: 0;
}

.card-normal {
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    border: 0;
}

.card-blog-body {
    position: relative !important;
}

.card-shadow {
    -webkit-box-shadow: 0px 0px 38px 2px rgba(232, 232, 232, 1);
    -moz-box-shadow: 0px 0px 38px 2px rgba(232, 232, 232, 1);
    box-shadow: 0px 0px 38px 2px rgba(232, 232, 232, 1);
}

.img-card {
    width: 450px;
    height: 250px;
}

.button-more {
    position: absolute;
    top: -25px;
    right: 10px;
    display: block;
}

.text-more {
    position: absolute;
    top: -25px;
    text-align: left !important;
    display: block;
    color: white;
}

/* SECTION 8 */
/* acordion */
.accordion-item:first-of-type,
.accordion-item:last-of-type .accordion-button,
.accordion-item:last-of-type .accordion-collapse,
.accordion-item:first-of-type .accordion-button {
    border-radius: 0 !important;
}

.accordion-button::after {
    background-image: url("https://static.nibw.es/img/icons/plus-button.png");
    transform: scale(0.75) !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("https://static.nibw.es/img/icons/x-button.png");
    transform: scale(0.75) !important;
    background-color: white;
}

.accordion-button:not(.collapsed) {
    color: var(--primary-blue);
    background-color: white;
    box-shadow: none !important;
    border-bottom-width: 0px !important;
}

.accordion-item {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.collapsed-accordion,
.show-accordion {
    border-bottom: 1px var(--secondary-blue) solid !important;
}

.border-top {
    border-top: 1px var(--secondary-blue) solid !important;
}

/* Sticky Banner */

.sticky-banner {
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    z-index: 10;
    transform: translateY(-100%);
    transition: transform 0.3s;
}

.sticky-banner--bottom {
    top: auto;
    bottom: -1px;
    transform: translateY(100%);
}

.sticky-banner--visible {
    transform: translateY(0);
}

.sticky-banner:not(.sticky-banner--visible) {
    box-shadow: none;
}

.banner-font {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: white;
}

.button-inverted {
    color: white;
    background-color: var(--secondary-blue);
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 4px 24px;
    border: none;
    font-weight: 300;
    font-size: 1rem;
    border: solid 1px var(--secondary-blue);
}

a.button-inverted {
    color: white;
    background-color: var(--secondary-blue);
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 4px 24px;
    border: none;
    font-weight: 300;
    font-size: 1rem;
    border: solid 1px var(--secondary-blue);
    text-decoration: none !important;
}

.button-inverted:hover {
    color: var(--primary-blue);
    background-color: white !important;
    border: solid 1px var(--primary-blue);
}

a.button-inverted:hover {
    color: var(--primary-blue);
    background-color: white !important;
    border: solid 1px var(--primary-blue);
}

@media (min-width: 768px) {
    .header-content {
        padding: 180px 40px 120px;
    }

    .list {
        height: 100px;
    }
}

@media (max-width: 767px) {
    .list {
        height: auto;
    }
}


/* CONTACTO */

::-webkit-input-placeholder {
    font-style: italic;
    color: #cacaca !important;
}

:-moz-placeholder {
    font-style: italic;
    color: #cacaca !important;
}

::-moz-placeholder {
    font-style: italic;
    color: #cacaca !important;
}

:-ms-input-placeholder {
    font-style: italic;
    color: #cacaca !important;
}

.button {
    background-color: #001388;
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    font-weight: 300;
    font-size: 1rem;
    padding-top: 7px;
    padding-bottom: 7px !important;
}
.button:hover {
    background-color: #3dbab3;
    color: white;
}

.button:disabled,
button[disbled] {
    background-color: #cccccc;
    color: #666666;
}

.form-rounded {
    border-radius: 1.75rem;
}

.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 16px !important;
}

.grecaptcha-badge:hover {
    width: 256px !important;
}

/* Language Flags */
.flag-icon {
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    opacity: 0.6;
    filter: grayscale(30%);
}

.flag-icon:hover {
    opacity: 0.8;
    filter: grayscale(0%);
}

.flag-active {
    transform: scale(1.25);
    opacity: 1 !important;
}