: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);
}

strong {
    font-weight: 500;
}

.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;
}

a.dropdown-item:focus,
a.dropdown-item:hover {
    color: #fff !important;
    background-color: #3dbab3 !important;
    text-decoration: none;
}

.show-drop-menu {
    border: 0px;
}
/* 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;
    }
}

/* HOME */
.header-home {
    background-image: url("https://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/home/assurtemporaire-home-assurance-temporaire.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: 700px;
    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://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/icons/common/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-h1{
    font-weight: 600;
    line-height: 36px;
}

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

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

.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-size: 0.95rem;
    line-height: 22px;
    font-weight: 300;
}

.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://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/icons/common/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-size: 15px;
    line-height: 22.5px;
    font-weight: 300;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.body-list-light li {
    background-image: url("https://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/icons/common/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://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/home/souscrire-assurance-temporaire.webp");
    background-position: 50% 50%;
}

.image-car-2 {
    background-image: url("https://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/home/assurance-auto-temporaire-assurtemporaire-assurance-provisoire.webp");
    background-position: 50% 50%;
}

.image-woman-2 {
    background-image: url("https://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/landings/car/assurance-auto-en-ligne.webp");
    background-position: 50% 50%;
}

.image-man {
    background-image: url("https://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/home/souscrire-assurance-provisoire.webp");
    background-position: right 60% bottom 45%;
}

.image-car {
    background-position: right;
    background-image: url("https://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/landings/car/assurtemporaire-assurance-auto-temporaire.webp");
}
.image-landscape {
    background-image: url("https://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/landings/car/third-section-image.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://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/icons/common/plus-button.png");
    transform: scale(0.75) !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("https://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/icons/common/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;
}

.coverage-list {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 30px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.coverage-list li {
    background-image: url("https://s3.eu-west-3.amazonaws.com/static.nibw.fr/sxd/img/icons/common/logo-li.svg");
    background-repeat: no-repeat;
    line-height: 30px;
    padding-left: 30px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration-line: underline;
}

/* Authors */
.header-author {
    background: #001388;
    color: white;
    padding: 32px;
}

.breadcrumb-item a {
    color: #001388;
}

/* GRACIAS */
.legend {
    font-size: 14px;
    padding: 4px 12px;
    background: #737b80;
    color: white;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: normal;
    border-radius: 3px;
    position: absolute;
    margin-top: -12px;
}

.dark-grey {
    color: #2e3133 !important;
}

.border-grey-r {
    border-radius: 5px;
    border: 2px solid #c8cacc;
}

fieldset legend {
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: -1px;
    color: #b8bec2;
}

.bolder {
    font-weight: bolder;
}