/*DEMO Insur*/
@media (max-width:991px) {
    .background-image-wrapper {
        background-position: 0 !important;
        background-repeat: no-repeat
    }
}

.custom-big-text-1 {
    font-size: 3.7rem;
    letter-spacing: .8px;
    position: relative;
    left: 0
}

@media (min-width:576px) {
    .custom-big-text-1 {
        font-size: 5.5rem
    }
}

@media (min-width:768px) {
    .custom-big-text-1 {
        font-size: 7.3rem
    }
}

.custom-container-background {
    position: relative;
    margin-top: -100px
}

.custom-container-background:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    width: 125%;
    height: 300px;
    background: var(--light)
}

.custom-form-control-group-style-1 .form-control {
    height: 60px;
    line-height: 1;
    padding: 10px 30px;
    border-width: 2px;
    border-color: var(--grey-500)
}

.custom-form-control-group-style-1 .form-control:first-child {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
    border-radius: 35px 0 0 35px;
    border-right: 0;
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: 92% center
}

.custom-form-control-group-style-1 .form-control:last-child,
.custom-form-control-newsletter-btn {
    border-radius: 0 35px 35px 0
}

.custom-divider {
    height: 60px;
    width: .5px;
    border-left: 1px solid rgba(255, 255, 255, .1)
}

.custom-view-more svg {
    transition: transform .3s
}

.custom-view-more:hover svg {
    transform: translate3d(7px, 0, 0)
}

.custom-z-index-1 {
    z-index: 10
}

.custom-svg-position-1 {
    position: absolute;
    top: -190px;
    left: -330px
}

.custom-svg-position-2 {
    position: absolute;
    top: 210px;
    right: -47px;
    opacity: .5
}

.custom-svg-position-3 {
    position: absolute;
    left: -30px;
    top: -40px
}

.custom-svg-position-4 {
    position: absolute;
    top: -430px;
    right: -100px
}

.page-header-svg-container {
    transform: rotate(280deg);
    position: relative;
    z-index: 2;
    left: 10%
}

.custom-svg-position-5 {
    position: absolute;
    top: 0;
    right: -48%;
    left: 33%
}

.breadcrumb>li {
    text-transform: none;
    font-weight: 600
}

@keyframes customLines1anim {
    from {
        stroke-dasharray: 1600;
        stroke-dashoffset: 1600
    }

    to {
        stroke-dasharray: 1600;
        stroke-dashoffset: 0
    }
}

.customLines1anim {
    animation-name: customLines1anim
}

#header .header-nav-features:after,
#header .header-nav-features:before {
    background: rgba(0, 0, 0, .1)
}

@media (min-width:992px) {
    .custom-big-text-1 {
        font-size: 9.7rem;
        left: -214px
    }

    #header .header-nav-main nav>ul>li>a {
        font-size: 14px;
        padding: 0 1.5rem !important
    }

    #header .header-nav-main nav>ul>li:first-child>a {
        padding-left: 0 !important
    }

    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
        border-radius: 4px !important;
        margin-left: 5px !important
    }
}

#header .header-nav-features-search .header-nav-features-dropdown {
    margin-right: 0
}

.custom-accordion-style-1>.card {
    border: 1px solid transparent !important;
    transition: border-color .3s
}

.custom-accordion-style-1>.card .card-header a {
    position: relative;
    padding: 23px 30px;
    background-color: var(--light);
    transition: background-color .3s, color .3s
}

.custom-accordion-style-1>.card .card-header a:after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 25px;
    font-size: inherit;
    font-weight: inherit;
    transform: translate3d(0, -50%, 0) rotate(45deg);
    transform-origin: 50% 50%;
    transition: transform .3s
}

.custom-accordion-style-1>.card .card-header a.collapsed:after {
    transform: translate3d(0, -50%, 0) rotate(0)
}

.custom-accordion-style-1>.card .accordion-toggle {
    background-color: #f4f4f4 !important
}

.custom-accordion-style-1>.card+.card {
    margin-top: 20px
}

.custom-testimonial-style-1 blockquote {
    position: relative;
    border: 0
}

.custom-testimonial-style-1 blockquote:before {
    content: "\f10d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
    color: #212121;
    position: absolute;
    top: 0;
    left: 0
}

.custom-testimonial-style-1 blockquote p {
    font-family: 'Playfair Display', sans-serif;
    font-style: italic
}

.custom-form-control-newsletter-field {
    border-radius: 35px 0 0 35px
}

.custom-form-style-1 .form-control {
    height: calc(1.8em + 1.85rem + 2px);
    padding: .975rem 1.25rem;
    background: 0 0;
    border-width: 2px;
    border-color: var(--grey-500);
    border-radius: 35px;
    line-height: 1.5 !important
}

.custom-form-style-1 .form-control:focus {
    border-color: var(--grey-500)
}

.custom-form-style-1 .form-control::-webkit-input-placeholder {
    color: #a9a9a9
}

.custom-form-style-1 .form-control::-moz-placeholder {
    color: #a9a9a9
}

.custom-form-style-1 .form-control:-ms-input-placeholder {
    color: #a9a9a9
}

.custom-form-style-1 select {
    color: #495057
}

.custom-form-style-1 select option,
.custom-form-style-1 select option[selected] {
    color: #a9a9a9
}

.custom-form-style-1 textarea.form-control {
    height: auto
}

/*SKIN*/
:root {
    --border-radius: 0;
    --border-radius2x: 0;
    --default: #212121;
    --primary: #103325;
    --primary-100: #0a2017;
    --primary-200: #071610;
    --primary-300: #040c09;
    --primary--100: #164633;
    --primary--200: #19503a;
    --primary--300: #1c5a41;
    --primary-rgba-0: rgba(16, 51, 37, 0);
    --primary-rgba-10: rgba(16, 51, 37, 0.1);
    --primary-rgba-20: rgba(16, 51, 37, 0.2);
    --primary-rgba-30: rgba(16, 51, 37, 0.3);
    --primary-rgba-40: rgba(16, 51, 37, 0.4);
    --primary-rgba-50: rgba(16, 51, 37, 0.5);
    --primary-rgba-60: rgba(16, 51, 37, 0.6);
    --primary-rgba-70: rgba(16, 51, 37, 0.7);
    --primary-rgba-80: rgba(16, 51, 37, 0.8);
    --primary-rgba-90: rgba(16, 51, 37, 0.9);
    --secondary: #c9ead2;
    --secondary-100: #b7e3c3;
    --secondary-200: #addfbb;
    --secondary-300: #a4dcb3;
    --secondary--100: #dbf1e1;
    --secondary--200: #e5f5e9;
    --secondary--300: #eef8f1;
    --secondary-rgba-0: rgba(201, 234, 210, 0);
    --secondary-rgba-10: rgba(201, 234, 210, 0.1);
    --secondary-rgba-20: rgba(201, 234, 210, 0.2);
    --secondary-rgba-30: rgba(201, 234, 210, 0.3);
    --secondary-rgba-40: rgba(201, 234, 210, 0.4);
    --secondary-rgba-50: rgba(201, 234, 210, 0.5);
    --secondary-rgba-60: rgba(201, 234, 210, 0.6);
    --secondary-rgba-70: rgba(201, 234, 210, 0.7);
    --secondary-rgba-80: rgba(201, 234, 210, 0.8);
    --secondary-rgba-90: rgba(201, 234, 210, 0.9);
    --tertiary: #8fa70f;
    --tertiary-200: #d8f057;
    --tertiary-300: #d5ef4b;
    --tertiary--100: #e5f591;
    --tertiary--200: #e8f69d;
    --tertiary--300: #ebf7a9;
    --tertiary-rgba-0: rgba(224, 243, 122, 0);
    --tertiary-rgba-10: rgba(224, 243, 122, 0.1);
    --tertiary-rgba-20: rgba(224, 243, 122, 0.2);
    --tertiary-rgba-30: rgba(224, 243, 122, 0.3);
    --tertiary-rgba-40: rgba(224, 243, 122, 0.4);
    --tertiary-rgba-50: rgba(224, 243, 122, 0.5);
    --tertiary-rgba-60: rgba(224, 243, 122, 0.6);
    --tertiary-rgba-70: rgba(224, 243, 122, 0.7);
    --tertiary-rgba-80: rgba(224, 243, 122, 0.8);
    --tertiary-rgba-90: rgba(224, 243, 122, 0.9);
    --quaternary: #e0e0e0;
    --quaternary-100: #d3d3d3;
    --quaternary-200: #cdcdcd;
    --quaternary-300: #c7c7c7;
    --quaternary--100: #ededed;
    --quaternary--200: #f3f3f3;
    --quaternary--300: #fafafa;
    --quaternary-rgba-0: rgba(224, 224, 224, 0);
    --quaternary-rgba-10: rgba(224, 224, 224, 0.1);
    --quaternary-rgba-20: rgba(224, 224, 224, 0.2);
    --quaternary-rgba-30: rgba(224, 224, 224, 0.3);
    --quaternary-rgba-40: rgba(224, 224, 224, 0.4);
    --quaternary-rgba-50: rgba(224, 224, 224, 0.5);
    --quaternary-rgba-60: rgba(224, 224, 224, 0.6);
    --quaternary-rgba-70: rgba(224, 224, 224, 0.7);
    --quaternary-rgba-80: rgba(224, 224, 224, 0.8);
    --quaternary-rgba-90: rgba(224, 224, 224, 0.9);
    --dark: #212529;
    --dark-100: #16181b;
    --dark-200: #101214;
    --dark-300: #0a0c0d;
    --dark--100: #2c3237;
    --dark--200: #32383e;
    --dark--300: #383f45;
    --dark-rgba-0: rgba(33, 37, 41, 0);
    --dark-rgba-10: rgba(33, 37, 41, 0.1);
    --dark-rgba-20: rgba(33, 37, 41, 0.2);
    --dark-rgba-30: rgba(33, 37, 41, 0.3);
    --dark-rgba-40: rgba(33, 37, 41, 0.4);
    --dark-rgba-50: rgba(33, 37, 41, 0.5);
    --dark-rgba-60: rgba(33, 37, 41, 0.6);
    --dark-rgba-70: rgba(33, 37, 41, 0.7);
    --dark-rgba-80: rgba(33, 37, 41, 0.8);
    --dark-rgba-90: rgba(33, 37, 41, 0.9);
    --light: #FFF;
    --light-100: #f2f2f2;
    --light-200: #ececec;
    --light-300: #e6e6e6;
    --light--100: #ffffff;
    --light--200: #ffffff;
    --light--300: #ffffff;
    --light-rgba-0: rgba(255, 255, 255, 0);
    --light-rgba-10: rgba(255, 255, 255, 0.1);
    --light-rgba-20: rgba(255, 255, 255, 0.2);
    --light-rgba-30: rgba(255, 255, 255, 0.3);
    --light-rgba-40: rgba(255, 255, 255, 0.4);
    --light-rgba-50: rgba(255, 255, 255, 0.5);
    --light-rgba-60: rgba(255, 255, 255, 0.6);
    --light-rgba-70: rgba(255, 255, 255, 0.7);
    --light-rgba-80: rgba(255, 255, 255, 0.8);
    --light-rgba-90: rgba(255, 255, 255, 0.9);
    --primary-inverse: #FFF;
    --secondary-inverse: #777;
    --tertiary-inverse: #777;
    --quaternary-inverse: #777;
    --dark-inverse: #FFF;
    --light-inverse: #777;
    --grey: #969696;
    --grey-100: #f4f4f4;
    --grey-200: #eaeaea;
    --grey-300: #e5e5e5;
    --grey-400: #e0e0e0;
    --grey-500: #dbdbdb;
    --grey-600: #cecece;
    --grey-700: #c1c1c1;
    --grey-800: #a8a8a8;
    --grey-900: #8e8e8e;
    --grey-1000: #757575
}

.less-error-message li,
.less-error-message ul {
    list-style-type: none;
    padding: 4px 0;
    margin: 0
}

.less-error-message label {
    font-size: 12px;
    margin-right: 15px;
    padding: 4px 0;
    color: #c77
}

.less-error-message pre {
    color: #d66;
    padding: 4px 0;
    margin: 0;
    display: inline-block
}

.less-error-message pre.line {
    color: red
}

.less-error-message h3 {
    font-size: 20px;
    font-weight: 700;
    padding: 15px 0 5px;
    margin: 0
}

.less-error-message a {
    color: #10a
}

.less-error-message .error {
    color: red;
    font-weight: 700;
    padding-bottom: 2px;
    border-bottom: 1px dashed red
}

/*CUSTOM*/
body {
    font-size: 16px !important;
}

#header .header-nav-main nav>ul>li>a {
    font-size: 16px;
    text-transform: uppercase !important;
}

.page-header {
    padding: 80px 0 80px 0 !important;
}

.page-header h1 {
    font-family: "Host Grotesk", sans-serif;
    letter-spacing: 0.12em;
    font-weight: 600 !important;
    color: var(--tertiary--100) !important;
}

h2 {
    color: var(--primary);
}

h3 {
    color: var(--secondary-300);
    letter-spacing: 0 !important;
}

.img-rounded {
    border-radius: 25px;
}

.img-roundedsm {
    border-radius: 15px;
}

.text-color-tertiary,
.text-tertiary {
    color: #a6cab0 !important;
}

/* --- STYLE PAR DÉFAUT --- */
#footer {
    background-color: #c9ead2 !important;
    background-image: url(/img/bgfooter.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: auto !important;
}

/* --- STYLE MOBILE  --- */
@media (max-width: 991px) {
    #footer {
        background-position: center center !important;
        background-size: cover !important;
    }
}

@media only screen and (max-width : 768px) {
    #banner {
        background-position: left center !important;
    }
}

.logo-responsive {
    height: auto;
    width: 180px;
}

@media (min-width: 768px) {
    .logo-responsive {
        width: 300px;
    }
}

/* Header */
.header-h1 {
    font-size: 40px !important;
}

@media (max-width: 767px) {
    .header-h1 {
        font-size: 28px !important;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    #header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active {
        color: var(--secondary) !important;
    }
}