/*
 =========================================================
 Site OTOKEE - v0
 =========================================================
*/

/* Font Lexend */
@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend/Lexend-ExtraLight.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend/Lexend-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend/Lexend-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend/Lexend-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend/Lexend-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend/Lexend-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend/Lexend-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend/Lexend-Black.ttf') format('truetype');
    font-weight: 900;
}

/* Font Cinzel */
@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/Cinzel/Cinzel-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/Cinzel/Cinzel-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/Cinzel/Cinzel-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/Cinzel/Cinzel-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/Cinzel/Cinzel-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/Cinzel/Cinzel-Black.ttf') format('truetype');
    font-weight: 900;
}

/* Font Quicksand */
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand/Quicksand-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand/Quicksand-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand/Quicksand-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand/Quicksand-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand/Quicksand-Bold.ttf') format('truetype');
    font-weight: 700;
}

@-ms-viewport {
    width: device-width
}

*,
::after,
::before {
    box-sizing: border-box;
}

html {
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 18px;
    color: #000;
    text-align: left;
    background-color: #fff;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
    margin: 0;
    padding: 0;
}

/* -- CSS HEDER  -- */
.navbar.main-navigation {
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #333132;
    padding: 15px 0px;
    z-index: 99999;
    transition: all 0.9s ease;
}

.navbar.main-navigation.transparent {
    position: fixed !important;
    transition: all 0.9s ease;
}

.navbar.main-navigation .col-left,
.navbar.main-navigation .col-right {
    width: 38%;
}

.navbar.main-navigation .col-center {
    width: 24%;
}

.navbar.main-navigation .navbar-toggler {
    width: 25px;
    height: 25px;
    border: none;
    margin-right: 20px;
}

.navbar.main-navigation .navbar-toggler-icon {
    width: 100%;
    height: 100%;
    background-image: url(../images/Icones/icone-menu-burger.svg);
}

.navbar.main-navigation .navbar-brand img {
    margin-right: 32px;
}

.navbar.main-navigation .nav.first-nav span.separateur {
    padding: 0;

}

.navbar.main-navigation .custom-select-wrapper-country-header {
    position: relative;
    display: inline-block;
    width: auto;
}

.navbar.main-navigation .custom-select-country-header {
    position: relative;
    cursor: pointer;
    border: none;
    color: #fff;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 36px 0 0;
    background: transparent;
    background-image: url(../images/Icones/Icon.svg);
    background-repeat: no-repeat;
    background-size: 16px 11px;
    background-position: right center;
    margin-right: 32px;
}

.navbar.main-navigation .custom-select-country-header img {
    width: 28px;
    height: 28px;
    margin-right: 8px;
    vertical-align: middle;
}

.navbar.main-navigation .custom-select-options-country-header {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 99;
}

.navbar.main-navigation .custom-select-option-country-header {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.navbar.main-navigation .custom-select-option-country-header:hover {
    background-color: #f1f1f1;
}

.navbar.main-navigation .custom-select-option-country-header img {
    width: 28px;
    height: 28px;
    margin-right: 8px;
}

.navbar.main-navigation .form-select.select-lang {
    border: none;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0 24px 0 0;
    background: transparent;
    background-image: url(../images/Icones/Icon.svg);
    background-repeat: no-repeat;
    background-size: 16px 11px;
    background-position: right center;
    margin-left: 16px;
    margin-bottom: 2px;
}

.navbar.main-navigation .form-select.select-lang:focus {
    box-shadow: none !important;
}

.navbar.main-navigation .form-select.select-lang option {
    background-color: #333132;
    color: #FFF;
}

.navbar.main-navigation.transparent form {
    position: relative;
}

.navbar.navigation-v2 input.nav-search {
    width: 100%;
    height: 40px;
    border-radius: 64px;
    border: none;
    background: #FFF;
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.navbar.navigation-v2 input.nav-search::placeholder {
    color: #5A5A5A;
}

.navbar.main-navigation .btn-nav-search {
    position: absolute;
    top: 1px;
    right: 1px;
    border: none;
    border-radius: 64px;
    width: 38px;
    height: 38px;
    background-color: #FFF;
    background-image: url('../images/Icones/search-black.svg');
    background-position: center;
    background-size: 18px 18px;
    background-repeat: no-repeat;
}

.navbar.main-navigation .nav .nav-item a.nav-link,
.navbar.navigation-v2 .dropdown .user-name,
.navbar.navigation-v2 .dropdown .Language {
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.navbar.main-navigation .nav .nav-item a.nav-link .btn {
    width: 181px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #FFF;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.navbar.main-navigation .nav .nav-item a.nav-link .btn i.icone-plus {
    width: 24px;
    height: 24px;
    background-image: url('../images/Icones/add 1.svg');
    margin-right: 10px;
    background-size: cover;
}

.navbar.navigation-v2 .nav span.separateur {
    padding: 0 20px;
    color: #fff;
}

.navbar.navigation-v2 .dropdown {
    height: 39px;
}

.navbar.navigation-v2 .dropdown.Language {
    height: auto;
}

.navbar.navigation-v2 .btn-primary:focus {
    box-shadow: none;
}

.navbar.navigation-v2 .dropdown-toggle::after {
    content: none;
}

.navbar.navigation-v2 .dropdown-toggle i.dropdown-icone {
    margin-left: 20px;
    width: 16px;
    height: 11px;
    background-image: url(../images/Icones/Icon.svg);
}

.navbar.navigation-v2 .dropdown .user-name {
    margin-left: 20px;
}

.navbar.navigation-v2 .dropdown .account-user-avatar .user-avatar {
    width: 39px;
    height: 39px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.navbar.navigation-v2 .dropdown ul.dropdown-menu {
    width: 211px;
}

.navbar.navigation-v2 .dropdown ul.dropdown-menu li a {
    padding: 8px 16px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
}

.navbar.navigation-v2 .dropdown ul.dropdown-menu li a.active,
.navbar.navigation-v2 .dropdown ul.dropdown-menu li a:hover {
    background: #F3F3F3;
}

/* -- CSS HEDER MOBILE -- */
section.header-mobile {
    padding: 10px 45px 10px 45px;
    position: relative;
    z-index: 99;
}

section.header-mobile .has-search {
    height: 40px;
}

section.header-mobile input.form-control.nav-search {
    border-radius: 64px;
    border: 1px solid #F5F5F5;
    background: #F5F5F5;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

section.header-mobile .btn-nav-mobile-search {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 64px;
    border: 1px solid #F5F5F5;
    height: 38px;
    width: 38px;
    background: #fff;
    background-image: url('../images/Icones/search-black.svg');
    background-position: center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

section.header-mobile .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 16px;
    height: 40px;
    line-height: 2.375rem;
    margin-left: 23px;
    margin-right: 8px;
    text-align: center;
    pointer-events: none;
    color: #333132;
}

section.header-mobile .btn {
    width: 40.182px;
    height: 40.182px;
    background-color: #F5F5F5;
    border-radius: 100%;
    padding: inherit;
    margin-left: 7px;
}

/* -- CSS Sidebar -- */
div.sidebar {
    position: fixed;
    width: 392px;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #fff;
    box-shadow: 0px 4px 78px 0px rgba(0, 0, 0, 0.10);
    padding: 60.46px 18px 33px 18px;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}

div.sidebar .sidebar-content {
    margin-left: 47px;
}

div.sidebar .sidebar-content p.slogan {
    padding-top: 8.92px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

div.sidebar .sidebar-content ul.nav-sidebar {
    margin-top: 87.16px !important;
}

div.sidebar ul.nav-sidebar .nav-item .nav-link {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 40px;
    width: 248px;
}

div.sidebar ul.nav-sidebar .nav-item:last-child .nav-link {
    margin-bottom: 0px;
}

div.sidebar ul.nav-sidebar .nav-item .nav-link.active {
    background-color: #F5F5F5;
    border-radius: 8px;
    padding: 16px 10px !important;
    height: 56px;
}

div.sidebar .sidebar-lang {
    border-top: 1px solid #C9C9C9;
    padding-top: 32px;
    padding-left: 47px;
}

.custom-select-wrapper-country {
    position: relative;
    display: inline-block;
    margin-bottom: 32px;
}

.custom-select-country {
    position: relative;
    cursor: pointer;
    border: none;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 0 0 36px;
    background: transparent;
    background-image: url('../images/Icones/Group1192.svg');
    background-repeat: no-repeat;
    background-size: 20px 18.094px;
    background-position: left center;
}

.custom-select-country img {
    width: 28px;
    height: 28px;
    margin-right: 8px;
    vertical-align: middle;
}

.custom-select-options-country {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 99;
}

.custom-select-option-country {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.custom-select-option-country:hover {
    background-color: #f1f1f1;
}

.custom-select-option-country img {
    width: 28px;
    height: 28px;
    margin-right: 8px;
}

div.sidebar .sidebar-lang select.select-lang {
    border: none;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0 0 0 36px;
    background: transparent;
    background-image: url('../images/Icones/Group1192.svg');
    background-repeat: no-repeat;
    background-size: 20px 18.094px;
    background-position: left center;
}

div.sidebar .sidebar-lang select.select-lang::-ms-expand {
    display: none;
}

div.sidebar .sidebar-footer {
    border-top: 1px solid #C9C9C9;
    padding-top: 24.45px;
    padding-left: 47px;
}

div.sidebar .sidebar-footer .share-nav {
    margin-top: 12.96px;
}

div.sidebar .sidebar-footer .share-nav .nav-link {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

div.sidebar .btn.on_off_sidebar {
    position: absolute;
    top: 145px;
    right: -1px;
    width: 39.484px;
    height: 33.697px;
    background-image: url('../images/Icones/hamburger_on_off.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

/* -- CSS FOOTER -- */
footer .content-footer {
    height: 300px;
    max-width: 1850px;
    margin-bottom: 40px;
    position: relative;
    border: none;
    border-radius: 10px;
    background-color: #333132;
    padding: 67px 0px 62px 0px;
}

footer .content-footer .logo-footer p.text-logo {
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #FFF;
    margin-top: 8.5px;
}

footer .content-footer h4 {
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

footer .content-footer .top-footer .nav .nav-item a.nav-link {
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

footer .content-footer .footer-subscribe h4 {
    margin-bottom: 20px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

footer .content-footer .footer-newsletter {
    width: 257px;
    height: 50px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: rgba(255, 255, 255, 0.50);
    overflow: hidden;
}

footer .content-footer .footer-newsletter input {
    background: transparent;
    border: none;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

footer .content-footer .footer-newsletter input::placeholder {
    color: #fff;
}

footer .content-footer .footer-newsletter button {
    margin: 4px;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background-color: #FFF;
    border-radius: 10px !important;
    padding: 0;
}

footer .content-footer .footer-newsletter button img {
    width: 24px;
}

footer .content-footer .bottom-footer {
    border-top: 1px solid #5C5B5B;
    margin-top: 16.25px;
    padding-top: 15px;
}

footer .content-footer .bottom-footer .nav .nav-item a.nav-link {
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

footer .content-footer .bottom-footer .nav span.separateur {
    padding: 0 10px;
    color: #fff;
}

footer .content-footer .select-lang {
    width: 140px;
    height: 30px;
    margin-right: 11px;

}

footer .content-footer .select-lang button.input-lang {
    padding: 3px 0 3px 9px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

footer .content-footer .select-lang button.btn-lang {
    border-left: 1px solid #333132;
    max-width: 30px;
}

footer .content-footer .select-lang button.btn-lang.dropdown-toggle::after {
    content: none;
}

footer .content-footer .select-lang button.btn-lang.dropdown-toggle i.dropdown-icone {
    margin: 5px;
    width: 20px;
    height: 20px;
    background-image: url('../images/Icones/Group 1185.svg');
}

footer .content-footer p.text-social-media {
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

footer .content-footer .nav-social-media .nav-item a.nav-link {
    margin-left: 20px;
}

/* -- CSS FOOTER MOBILE -- */
footer.footer-mobile .content-footer {
    height: auto;
    max-width: 100%;
    margin-bottom: 0px;
    padding: 18px 19px 18px 19px;
    border-radius: 10px 10px 0px 0px;
}

footer.footer-mobile .content-footer .row.menu-footer {
    padding-bottom: 21px;
}

footer.footer-mobile #accordionFooter .accordion-item {
    border: 0;
    border-bottom: 1px solid #FFF;
}

footer.footer-mobile #accordionFooter .accordion-item .accordion-button {
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 12px 0;
    background-color: #333132;
    border-radius: 0;
    box-shadow: none;
}

footer.footer-mobile #accordionFooter .accordion-item:first-child .accordion-button {
    padding-top: 0px;
}

footer.footer-mobile #accordionFooter .accordion-item .accordion-button:after {
    width: 22px;
    height: 22px;
    background-image: url('../images/Icones/angle-small-down 1.svg');
}

footer.footer-mobile #accordionFooter .accordion-body {
    background-color: #393738;
    padding: 0;
}

footer.footer-mobile #accordionFooter .accordion-body .menu-footer ul {
    padding-bottom: 20px;
    background-color: #333132;
}

footer.footer-mobile #accordionFooter .accordion-body .nav .nav-item a.nav-link {
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

footer.footer-mobile #accordionFooter .accordion-body .nav .nav-item {
    background-color: #333132;
}

footer.footer-mobile .content-footer .footer-subscribe {
    padding-top: 0px;
}

footer.footer-mobile .content-footer .footer-subscribe h4 {
    margin-bottom: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

footer.footer-mobile .content-footer .footer-newsletter {
    width: 100%;
}

footer.footer-mobile .content-footer .row.top-footer {
    padding-bottom: 21px;
}

footer.footer-mobile .logo-footer {
    padding-bottom: 0px;
    width: 42.5%;
}

footer.footer-mobile .content-footer p.text-social-media {
    margin-right: 0;
    margin-bottom: 6px;
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
}

footer.footer-mobile .content-footer .row.top-footer2 {
    padding-bottom: 21px;
}

footer.footer-mobile .content-footer .bottom-footer {
    padding: 10px 0;
}

footer.footer-mobile .content-footer .bottom-footer .nav:not(.nav-social-media) {
    margin-top: 4px;
}

footer.footer-mobile .content-footer .bottom-footer .nav .nav-item a.nav-link {
    font-size: 10px;
    margin-left: 0;
}

footer.footer-mobile .content-footer .select-lang {
    margin-right: 0;
    width: 100.103px;
    height: 24px;
}

footer.footer-mobile .content-footer .select-lang button.input-lang {
    padding: 3px 0 6px 6px;
    font-size: 12px;
    line-height: normal;
}

footer.footer-mobile .content-footer .select-lang button.btn-lang {
    max-width: 20px;
    background-image: url('../images/Icones/Group 1185 1.svg');
    background-position: center;
    background-size: contain;
}

/* CSS Breadcrumb */
section.section-breadcrumb ol.breadcrumb {
    padding-bottom: 20px;
    margin-bottom: 0px;
    border-bottom: 1px solid #C9C9C9;
}

section.section-breadcrumb li.breadcrumb-item {
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.section-breadcrumb li.breadcrumb-item a {
    color: #5A5A5A;
    text-decoration: none;
}

section.section-breadcrumb li.breadcrumb-item.active {
    font-weight: 600;
}

section.section-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width: 2px;
    height: 20px;
    background-color: #5A5A5A;
    background-size: cover;
    background-position: center;
    padding: 0px;
    margin: 0 10px;
}

/* CSS Advertising Banner */
.advertising-banner {
    width: 100%;
    height: 250px;
    border-radius: 10px;
    background: #F5F5F5;
}

/* CSS Pagination */
section ul.pagination .page-item a {
    height: 40px;
    width: 40px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    border: 0.5px solid #C9C9C9;
    padding: 8px 0;
}

ul.pagination .page-item a.active,
ul.pagination .page-item a:hover {
    background: #777;
    color: #fff;
}

section ul.pagination .page-item a.previous i:after,
section ul.pagination .page-item a.next i:after,
section ul.pagination .page-item a.previous-all i:after,
section ul.pagination .page-item .next-all i:after {
    content: "";
    display: block;
}

section ul.pagination .page-item a.previous i:after,
section ul.pagination .page-item a.next i:after {
    margin: 0 10px;
    width: 20px;
    height: 20px;
}

section ul.pagination .page-item a.previous-all i:after,
section ul.pagination .page-item .next-all i:after {
    margin: 0 5px;
    width: 30px;
    height: 20px;
}

section ul.pagination .page-item a.previous i:after {
    background-image: url('../images/Icones/pagination-previous.svg');
}

section ul.pagination .page-item a.next i:after {
    background-image: url('../images/Icones/pagination-next.svg');
}

section ul.pagination .page-item a.previous-all i:after {
    background-image: url('../images/Icones/pagination-previous-all.svg');
}

section ul.pagination .page-item .next-all i:after {
    background-image: url('../images/Icones/pagination-next-all.svg');
}

/* CSS Dashboard v1 */
.dashboard-v1 {
    width: 1330px;
    padding-left: 28px !important;
}

.dashboard-v1 h3 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dashboard-v1 label {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.dashboard-v1 input,
.dashboard-v1 select {
    height: 50px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.dashboard-v1 button {
    height: 50px;
    border: 1px solid #333132;
    border-radius: 10px;
    color: #333132;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.required {
    color: rgba(249, 6, 6, 0.97);
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

/* CSS Dashboard */
div.dashboard .dashboard-header h3 {
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

div.dashboard .dashboard-header p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

div.dashboard .dashboard-header .sort-by {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

div.dashboard .dashboard-header .sort-by label {
    margin-right: 4px;
    margin-bottom: 0px;
}

div.dashboard .dashboard-header .sort-by select {
    height: 20px;
    width: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #333132;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-image: url('../images/Icones/Group 1190.svg');
    background-position: right 0.1rem center;
    background-size: 20px 18px;
    padding-right: 20px;
}

div.dashboard .dashboard-header .btn#btnfilters {
    height: 50px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    padding: 0 15px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

div.dashboard .dashboard-header .btn#btnfilters i {
    width: 39px;
    height: 39px;
    border-radius: 100%;
    background-color: #F5F5F5;
    padding: 10px;
}

/* -- CSS Vertical Sidebar -- */
.vertical-sidebar-v1 {
    width: 270px;
}

.vertical-sidebar-v1 .menu-vertical-sidebar {
    border-radius: 15px;
    border: 1px solid #C9C9C9;
    background: rgba(255, 255, 255, 0.50);
    padding: 25px 3px 25px 17px !important;
}

.vertical-sidebar-v1 .menu-vertical-sidebar #close-vertical-sidebar,
.vertical-sidebar .filter-vertical-sidebar #close-vertical-sidebar {
    top: 5px;
    right: 5px;
    max-width: 24px;
    max-height: 24px;
    background-image: url(../images/Icones/close-modal.svg);
    background-size: auto;
    background-color: #E5E5E5;
    border-radius: 100px;
    padding: 4px;
    margin: 0;
}

.vertical-sidebar-v1 .menu-vertical-sidebar #close-vertical-sidebar:hover,
.vertical-sidebar .filter-vertical-sidebar #close-vertical-sidebar:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}

.vertical-sidebar-v1 a.nav-user {
    display: block;
    text-decoration: none;
    margin-bottom: 33px;
}

.vertical-sidebar-v1 .nav-user .info {
    margin-left: 14px;
}

.vertical-sidebar-v1 .nav-user .user-avatar {
    width: 54.4px;
    height: 56px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.vertical-sidebar-v1 .nav-user h5.name {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.vertical-sidebar-v1 .nav-user h6.statut {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
    padding: 3px 10px;
    border-radius: 6px;
    background: #F5F5F5;
    width: 121px;
}

.vertical-sidebar-v1 .navbar-nav .nav-item .nav-link {
    width: 100%;
    height: 49px;
    margin-bottom: 25px;
    padding: 18px 16px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    color: #333132;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.vertical-sidebar-v1 .navbar-nav .nav-item .nav-link.active {
    background: #F5F5F5;
}

.vertical-sidebar-v1 .navbar-nav .nav-item .nav-link:hover {
    background: #F5F5F5;
}

.vertical-sidebar-v1 .navbar-nav .nav-item:last-child .nav-link {
    margin-bottom: 0;
}

.vertical-sidebar-v1 .navbar-nav .nav-item .nav-link svg {
    margin-right: 8px;
}

.vertical-sidebar-v1 .navbar-nav hr {
    width: 100%;
    height: 1px;
    background: #C9C9C9;
    margin: 0 0 25px 0 !important;
}

/* CSS Filter Vertical */
.filter-vertical-sidebar {
    border-radius: 15px;
    border: 1px solid rgba(201, 201, 201, 0.70);
    background: linear-gradient(180deg, rgba(176, 176, 176, 0.01) 0%, rgba(176, 176, 176, 0.00) 100%);
}

.filter-vertical-sidebar .filter-header {
    margin: 0 30px;
    border-bottom: 1px solid #C9C9C9;
    padding: 27px 2px 20px 2px;
}

.filter-vertical-sidebar .filter-header h5 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.filter-vertical-sidebar .filter-header .reset-all {
    padding: 0;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.filter-vertical-sidebar .filter-header .reset-all .icone-reset {
    width: 20px;
    height: 20px;
    margin-left: 9px;
    background-image: url(../images/Icones/reset.svg);
}

section.dashboard .filter-vertical-sidebar .filter-body form {
    padding: 20px 30px 22px 30px;
}

.filter-vertical-sidebar .filter-body h4 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 20px;
}

.filter-vertical-sidebar .filter-body #inputSearch,
.filter-vertical-sidebar .filter-body select,
.filter-vertical-sidebar .filter-body .check-terms {
    height: 50px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.filter-vertical-sidebar .filter-body .check-terms {
    padding: 15px 20px 15px 10px;
}

.filter-vertical-sidebar .filter-body .check-terms .form-check-input {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #5A5A5A;
}

.filter-vertical-sidebar .filter-body #inputSearch {
    border-right: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.filter-vertical-sidebar .filter-body .input-group-text {
    color: #333132;
    background-color: #fff;
    border: 1px solid #C9C9C9;
    border-left: 0;
    border-radius: 10px;
    margin-bottom: 25px;
}

.filter-vertical-sidebar .filter-body #inputSearch::placeholder {
    color: #C9C9C9;
}

.filter-vertical-sidebar .filter-body .range h4 {
    padding-bottom: 0px;
}

.filter-vertical-sidebar .filter-body .group-mileage h4,
.filter-vertical-sidebar .filter-body .group-year h4 {
    padding-bottom: 10px;
}

.filter-vertical-sidebar .filter-body .group-mileage {
    padding: 25px 0;
}

.filter-vertical-sidebar .filter-body .group-year {
    padding-bottom: 25px;
}

.filter-vertical-sidebar .filter-body .input-group.mileage .form-control {
    max-width: 170px;
    height: 50px;
    border: 1px solid #C9C9C9 !important;
    border-radius: 10px !important;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #333132;
}

.filter-vertical-sidebar .filter-body form .submitBtn {
    height: 50px;
    padding: 10px;
    background: #333132;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 10px;
}

section.dashboard.classified .sidebar-advertising-banner.banner-1 {
    margin-top: 16px;
}

section.dashboard.classified .sidebar-advertising-banner.banner-2 {
    margin-top: 21.97px;
}

/* CSS Upload Image */
.uploadOuter {
    height: 326px;
    border-radius: 10px;
    background: #F5F5F5;
    background-size: cover;
    background-position: center;
    border: none;
}

.uploadOuter .btn {
    bottom: 19px;
    right: 6px;
    width: 244.624px;
    height: 50px;
    border-radius: 10px;
    background: #333132;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 14px 37px;
}

.uploadOuter .btn i.icone-instagram {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background-image: url(../images/Icones/album-circle-plus.svg);
}

.uploadOuter .dragBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 117px;
    color: #5C5B5B;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.uploadOuter .dragBox .icone-upload {
    display: inline-block;
    width: 58px;
    height: 48px;
    margin-bottom: 17px;
    background-image: url(../images/Icones/drag-drop.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.uploadOuter input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

.more-image .drop-zone .drop-zone__close {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 9;
    background-color: #fff;
    width: 26px;
    height: 26px;
    border: 1px solid #C9C9C9;
    border-radius: 100px;
    text-align: center;
    line-height: 27px;
}

.more-image .drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    background-size: cover;
    position: relative;
}

.more-image .drop-zone__thumb::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 0;
    color: #ffffff;
    background: rgba(51, 49, 50, 0.97);
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.more-image .drop-zone__prompt {
    width: 48.083px;
    height: 48.186px;
    background-image: url(../images/Icones/camera.svg);
    background-size: cover;
    background-position: center;
}

.more-image .drop-zone__txt {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
    margin-top: 2px;
}

.more-image input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

.swiffy-slider .slider-container li {
    display: flex;
    justify-content: center;
    background-color: #000;
    height: 100vh;
    align-items: center;
}

.swiffy-slider .slider-container li img {
    width: 100%;
    height: auto;
}

.lightbox {
    top: 50% !important;
}

/* CSS Page Datepicker */
.ui-datepicker .ui-datepicker-header {
    background-color: #333132;
    color: #FFF;
}

.ui-widget-header a {
    background-color: #FFF;
}

.ui-datepicker td a {
    background-color: #333132 !important;
    color: #FFF !important;
    border-radius: 8px;
}

.ui-datepicker td a:hover {
    background-color: #FFF !important;
    color: #333132 !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    background-color: #ccc !important;
    color: #333132 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: #FFF !important;
    color: #333132 !important;
    border-color: #333132;
}

.ui-timepicker-wrapper {
    width: 200px;
    max-height: 190px;
    border-color: #333132;
    border-radius: 0 0 8px 8px;
}

.ui-timepicker-wrapper::-webkit-scrollbar {
    width: 4px;
}

.ui-timepicker-wrapper::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 8px;
}

.ui-timepicker-wrapper::-webkit-scrollbar-thumb {
    background-color: #C9C9C9;
    border-radius: 28px;
}

.ui-timepicker-wrapper .ui-timepicker-list li {
    padding: 20px 10px;
    color: #FFF;
    background: #333132;
}

.ui-timepicker-wrapper .ui-timepicker-list li:hover {
    padding: 20px 10px;
    color: #333132;
    background: #FFF;
}

.datepicker>div.datepicker-years {
    display: block;
}

div.datepicker-years thead {
    display: block;
    background-color: #333132;
    color: #FFF;
    padding: 6px 3px;
}

.datepicker .datepicker-switch:hover {
    background-color: #333132;
    color: #FFF;
}

div.datepicker-years thead .prev,
div.datepicker-years thead .next {
    background-color: #FFF;
    color: #333132;
}

div.datepicker-years table tr td span.year.active {
    background-image: linear-gradient(to bottom, #333132, #333132) !important;
}


/* CSS Page Home Page */
/*
#carouselSlidesHp {
    margin-top: -80px;
}
*/

#carouselSlidesHp .carousel-img {
    height: 1002px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.54) 100%), url(../images/slides/7e30f690c6aae1948eedc5077fcd9fb2.jpeg), lightgray 50% / cover no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#carouselSlidesHp .content-slide {
    padding-top: 755px;
}

#carouselSlidesHp .content-slide .title {
    color: #FFF;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

section.serach-hp {
    position: absolute;
    top: 850px;
    width: 100%;
}

section.serach-hp .btns-search {
    position: relative;
    z-index: 999;
}

section.serach-hp ul.search,
ul.search-mobile {
    border: none;
    margin-bottom: 20px;
}

section.serach-hp ul.search .nav-item .nav-link.active,
ul.search-mobile .nav-item .nav-link.active {
    background-color: transparent;
}

section.serach-hp ul.search .nav-item .nav-link,
ul.search-mobile .nav-item .nav-link {
    border: none;
    color: #fff;
    padding: 0 20px;
}

section.serach-hp ul.search .nav-item:not(:last-child),
ul.search-mobile .nav-item:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.50);
}

section.serach-hp ul.search .nav-item a.nav-link span,
ul.search-mobile .nav-item a.nav-link span {
    color: #fff;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.serach-hp ul.search .nav-item a.nav-link span.disabled,
ul.search-mobile .nav-item a.nav-link span.disabled {
    opacity: 0.3;
}

section.serach-hp ul.search .nav-item a.nav-link.active span,
ul.search-mobile .nav-item a.nav-link.active span {
    border-bottom: 2px solid #fff;
    display: inline-block;
}

section.serach-hp ul.search .nav-item .nav-link span:not(.nav-link.active span):hover,
ul.search-mobile .nav-item .nav-link span:not(.nav-link.active span):hover {
    text-decoration: underline;
}

section.serach-hp .form-search {
    position: relative;
    padding: 20px 30px 20px 30px !important;
    height: 90px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.50);
}

section.serach-hp .form-search .dropdown-toggle,
section.serach-hp .form-search select,
section.serach-hp .form-search input.input-style-2 {
    width: 215.865px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    background-color: transparent;
    color: #fff;
}

section.serach-hp .form-search input.input-style-2::placeholder {
    color: #fff;
    padding: 0 5px;
}

section.serach-hp .form-search select {
    background-image: url('../images/Icones/Group 1191.svg') !important;
    background-size: 20px 18.094px;
}

section.serach-hp .form-search select option {
    background-color: #808080 !important;
    color: #fff;
}

section.serach-hp .form-search .dropdown-toggle.style-2,
section.serach-hp .form-search input.input-style-2 {
    width: 136.274px;
}

section.serach-hp .form-search .dropdown-toggle::after {
    display: inline-block;
    content: "";
    width: 20px;
    height: 18.094px;
    border: none;
    float: right;
    background-image: url('../images/Icones/Group 1191.svg') !important;
    background-size: cover;
    background-position: center;
}

.custom-select {
    position: relative;
    display: inline-block;
    width: 200px;
    /* Ajustez la largeur selon vos besoins */
}

.custom-select select {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    cursor: pointer;
}

.custom-select select option {
    padding: 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 30px;
    /* Ajustez selon la taille de votre image */
}

section.serach-hp .form-search .input-group.price,
section.serach-hp .form-search .input-group.mileage {
    width: 284px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #FFF;
    background-color: #767676 !important;
}

section.serach-hp .form-search .input-group.price span.input-group-text,
section.serach-hp .form-search .input-group.mileage span.input-group-text {
    color: #fff;
    background-color: transparent;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    height: 100%;
    width: 62px;
}

section.serach-hp .form-search .form-control::placeholder {
    color: #fff;
    opacity: 1;
}

section.serach-hp .form-search .input-group .form-control {
    border-right: 1px solid rgba(255, 255, 255, 0.40) !important;
    max-height: 29px;
    margin: auto;
    padding-right: 0;
}

section.serach-hp .form-search .btn-search {
    width: 60px;
    height: 50px;
    background-color: #333132;
    font-size: 24px;
    padding: 5px;
}

.serach-hp-mobile {
    margin: 20px 0;
}

section.serach-hp-mobile .search-body {
    border-radius: 10px;
    box-shadow: 0px 0px 6.1px 0px rgba(0, 0, 0, 0.25);
    border: 1px solid #C9C9C9;
    padding: 14px 12px;
}

section.serach-hp-mobile h4 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

section.serach-hp-mobile .search-body .input-group:not(.mileage) {
    margin-bottom: 10px;
}

section.serach-hp-mobile .search-body #inputSearch {
    height: 50px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-right: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

section.serach-hp-mobile .search-body select {
    height: 50px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}


section.serach-hp-mobile .search-body .input-group-text {
    color: #333132;
    background-color: #fff;
    border: 1px solid #C9C9C9;
    border-left: 0;
    border-radius: 10px;
}

section.serach-hp-mobile .search-body .range {
    margin-bottom: 38px;
}

section.serach-hp-mobile .input-group.mileage .form-control {
    margin-top: 10px;
    height: 50px;
    border-radius: 10px !important;
    border: 1px solid #C9C9C9 !important;
    color: #C9C9C9;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.serach-hp-mobile .input-group.mileage .form-control:first-child {
    margin-right: 16.39px;
}

section.serach-hp-mobile .btn.btn-search {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #333132;
    color: #fff;
    background-color: #333132;
    margin-top: 10px;
}

main.home-page h3 {
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

main.home-page section.classic-cars .classic-cars {
    margin-top: 41px !important;
    height: 500px;
    border-radius: 10px;
    background: #333132;
    overflow: hidden;
}

main.home-page section.classic-cars .content-classic-cars {
    padding: 56px 83px 57px 70px;
    width: 730px;
}

main.home-page section.classic-cars .section-img {
    padding: 56px 83px 57px 70px;
    width: 290px;
}

main.home-page section.classic-cars .content-classic-cars h3 {
    color: #FFF;
    margin-bottom: 20px;
}

main.home-page section.classic-cars .content-classic-cars p {
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
    max-width: 577px;
    padding-bottom: 20px;
}

main.home-page section.new-car .logo-cars img {
    max-width: 266px;
    filter: grayscale(100%);
}

main.home-page section.new-car .logo-cars img:hover {
    filter: grayscale(0%);
}

main.home-page section.classic-cars .content-classic-cars a.btn {
    background-color: transparent;
    border-color: #fff;
    width: 246px;
    height: 50px;
    border-radius: 10px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 20px;
    padding: 12px;
}

main.home-page section.new-car {
    margin-top: 50px;
}

main.home-page section.new-car #article-list {
    margin-top: 36px;
}

main.home-page section.new-car #cars-list-logo {
    margin-top: 30px;
}

main.home-page section.new-car .logo-cars {
    margin-bottom: 10px;
}

main.home-page section.new-car button.show-more {
    width: 231px;
    height: 50px;
    border: 1px solid #333132;
    background-color: #333132;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.home-page section.Featured {
    margin-top: 50px;
}

/*
main.home-page section.Featured .nav-tabs {
    border: none;
}

main.home-page section.Featured .nav-tabs .nav-link, section.Featured .nav-tabs .nav-link.active{
    color: #333132;
    font-family: 'Lexend' ,Helvetica ,Arial ,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    padding: 0;
    opacity: 0.4;
}

main.home-page section.Featured .nav-tabs .nav-link.active {
    opacity: 1;
}

main.home-page section.Featured .nav-tabs .nav-link span {
    display: inline-block;
    padding-bottom: 4px;
}

main.home-page section.Featured .nav-tabs .nav-link.active span {
    border-bottom: 1px solid #333132!important;
}

main.home-page section.Featured .nav-tabs .separateur{
    border-right: 1px solid #c1c1c1;
    height: 23px;
    margin: 0 25px;
}

main.home-page section.Featured .tab-content {
    margin-top: 17px;
}
*/

main.home-page section.Featured #carouselcars {
    margin-top: 30px;
}

.cars.card-group .card.card-cars-v1 {
    width: 385px;
    height: auto;
    border: 1px solid #C9C9C9;
    border-radius: 10px;
    margin-bottom: 20px;
}

main.classic-cars section.all-supercars .row.cars,
main.showroom-specifique .all-supercars .row.cars,
main.home-page section.Featured .row.cars {
    margin-right: -20px !important;
}

main.home-page .cars.card-group .card.card-cars-v1 {
    margin-bottom: 20px;
}

.cars.card-group .card.card-cars-v1 .card-img {
    width: 383px;
    height: 230px;
    border-radius: 10px 10px 0 0;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #C9C9C9;
}

.cars.card-group .card.card-cars-v1 .favourite-icon i.icone-heart:before {
    content: '';
    position: absolute;
    top: 14px;
    right: 14px;
    width: 39px;
    height: 39px;
    background-image: url('../images/Icones/Group 1834.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9;
    cursor: pointer;
}

.cars.card-group .card.card-cars-v1 .favourite-icon i.icone-heart:hover:before {
    background-image: url('../images/Icones/Group 1834active.svg');
}

.cars.card-group .card.card-cars-v1 .favourite-icon.active i.icone-heart:before {
    background-image: url('../images/Icones/Group 1834active.svg');
}

.cars.card-group .card.card-cars-v1 .card-body {
    height: 156px;
    padding: 14px 29px;
}

.cars.card-group .card.card-cars-v1 .card-body h3.title {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.cars.card-group .card.card-cars-v1 p.info,
.cars.card-group .card.card-cars-v1 p.location {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.cars.card-group .card.card-cars-v1 p.info {
    margin-top: 7.59px;
    margin-bottom: 12.83px;
}

.cars.card-group .card.card-cars-v1 p.info .separateur {
    display: inline-block;
    border-left: 1px solid #707070;
    height: 16.585px;
    margin: 0 8px;
    vertical-align: middle;
}

.cars.card-group .card.card-cars-v1 .card-body h3.price {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 4px;
}

.cars.card-group .card.card-cars-v1 .card-body .btn {
    position: absolute;
    bottom: 25px;
    right: 14px;
    width: 60px;
    height: 41.053px;
    background-image: url('../images/Icones/Group 1245.svg');
    background-size: cover;
    background-position: center;
    background-color: transparent;
}

.card-product-v1 .btn-product a.btn {
    position: absolute;
    bottom: 30px;
    right: 22px;
    width: 70px;
    height: 42px;
    border-radius: 20px;
    padding: 9px;
    background-color: rgba(51, 49, 50, 0.97);
}

main.home-page section.Featured .carousel-control-next,
main.home-page section.Featured .carousel-control-prev {
    position: absolute;
    width: 14.998px;
    height: 100%;
    opacity: 1;
    background-size: 14.998px 26.058px;
    background-position: center;
    background-repeat: no-repeat;
    top: 0px;
}

main.home-page section.Featured .carousel-control-next {
    right: -32px;
}

main.home-page section.Featured .carousel-control-prev {
    left: -32px;
}

main.home-page section.Featured .carousel-control-next .carousel-control-next-icon {
    background-image: url('../images/Icones/carousel-control-next.svg');
}

main.home-page section.Featured .carousel-control-prev .carousel-control-prev-icon {
    background-image: url('../images/Icones/carousel-control-prev.svg');
}

main.home-page section.Featured .explore-more {
    color: #FFF;
    background-color: #333132;
    width: 229px;
    height: 48px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 21px;
}

main.home-page section.carousel {
    margin-top: 41px;
    overflow: hidden;
}

main.home-page section.carousel .slick-item {
    border-radius: 10px;
    max-width: 520px !important;
    margin-right: 20px;
    overflow: hidden;
}

main.home-page section.carousel .slick-item a {
    text-decoration: none;
}

main.home-page .slick-slide img {
    display: block;
    position: relative;
    z-index: -1;
    margin-bottom: -106px;
}

main.home-page section.carousel .slick-item:hover .background-filtre {
    background-image: url(../images/filtres/bg-rectangle-2.png);
    z-index: -1;
}

main.home-page section.carousel .slick-item .carousel-title {
    height: 106px;
    background: #333132;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.home-page section.carousel .slick-item .carousel-title svg {
    margin-left: 20px;
}

main.home-page section.carousel .slick-prev.slick-arrow,
main.home-page section.carousel .slick-next.slick-arrow {
    font-size: 0;
    position: absolute;
    top: 0;
    width: 14.998px;
    height: 100%;
    background-size: 14.998px 26.058px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 999;
    border: none;
}

main.home-page section.carousel .slick-prev {
    background-image: url('../images/Icones/carousel-control-prev.svg');
    left: -32px;
}

main.home-page section.carousel .slick-next {
    background-image: url('../images/Icones/carousel-control-next.svg');
    right: -32px;
}

main.home-page section.our-blog {
    margin-top: 50px;
    margin-bottom: 39.78px;
}

main.home-page section.our-blog .container h3 {
    margin-bottom: 30px;
}

main.home-page section.our-blog .background-filtre {
    border-radius: 10px;
}

main.home-page section.our-blog .article.super-article .background-filtre {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
}

main.home-page section.our-blog .article.super-article .article-img {
    border-radius: 10px;
}

main.home-page section.our-blog .article.super-article {
    height: 655px;
    padding-right: 10px !important;
}

main.home-page section.our-blog .article.super-article .article-body {
    padding: 46.22px 35px 46.22px 35px;
    border-radius: 10px;
}

main.home-page section.our-blog .article.super-article a {
    text-decoration: none;
}

main.home-page section.our-blog .article.super-article .article-body h3.title {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

main.home-page section.our-blog .article.super-article .article-body p {
    color: #333132;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

main.home-page section.our-blog .articles-vertical {
    padding-left: 11px !important;
}

main.home-page section.our-blog .articles-vertical .article {
    min-height: 205px;
    border: 1px solid #C9C9C9;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}

main.home-page section.our-blog .articles-vertical .article:last-child {
    margin: 0;
}

main.home-page section.our-blog .articles-vertical .article .article-img {
    min-width: 250px;
    background-size: cover;
}

main.home-page section.our-blog .articles-vertical .article .article-body {
    padding: 14px 27px 13.95px 20px;
}

main.home-page section.our-blog .articles-vertical .article .article-body h4.title {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    max-width: 400px;
    min-height: 56px;
}

main.home-page section.our-blog .articles-vertical .article .article-body p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.home-page section.our-blog .articles-vertical .article .article-body button.btn {
    position: absolute;
    bottom: 13.95px;
    right: 14px;
    width: 60px;
    height: 41.053px;
    background-image: url('../images/Icones/Group 1245.svg');
    background-size: cover;
    background-position: center;
    background-color: transparent;
}

/* Classified */
/* CSS Page Classified */
main.classified {
    margin-top: 30px;
}

main.classified b {
    font-weight: 600;
}

main.classified section.section-breadcrumb {
    margin-top: 32px;
}

main.classified section.dashboard.classified {
    margin-top: 30px;
}

.banner-classified {
    margin-top: 64px;
    margin: 40px 0;
}

main.classified div.dashboard.classified {
    padding: 0 0 0 40px;
}

main.classified div.dashboard .dashboard-header {
    margin-bottom: 20px;
}

.card-group.card-group-v2 .card {
    height: 200px;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.card-group.card-group-v2 :last-child .card {
    margin-bottom: 0px;
}

.card-group.card-group-v2 .card .slick-card {
    width: 355.556px !important;
    height: 198px;
    overflow: hidden;
}

.card-group.card-group-v2 .card .card-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 356px !important;
    height: 198px;
    border-right: 1px solid #C9C9C9;
    border-radius: 10px 0 0 10px;
}

.card-group.card-group-v2 .card .slick-card .slick-prev.slick-arrow,
.card-group.card-group-v2 .card .slick-card .slick-next.slick-arrow {
    font-size: 0;
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 90px;
    z-index: 9;
}

.card-group.card-group-v2 .card .slick-card .slick-next.slick-arrow {
    background-image: url(../images/Icones/slick-card-left.svg);
    left: 6px;
}

.card-group.card-group-v2 .card .slick-card .slick-prev.slick-arrow {

    background-image: url(../images/Icones/slick-card-right.svg);
    right: 6px;
}

.card-group.card-group-v2 .favourite-icon i.icone-heart:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 6.5px;
    width: 39px;
    height: 39px;
    background-image: url('../images/Icones/Group 1834.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9;
    cursor: pointer;
}

.card-group.card-group-v2 .favourite-icon i.icone-heart:hover:before {
    background-image: url('../images/Icones/Group 1834active.svg');
}

.card-group.card-group-v2 .favourite-icon.active i.icone-heart:before {
    background-image: url('../images/Icones/Group 1834active.svg');
}

.card-group.card-group-v2 .card .promoted {
    position: absolute;
    top: 18px;
    left: 0px;
    border-radius: 0px 5px 5px 0px;
    background: #FDEF41;
    height: 23px;
    width: 87px;
    padding: 2px 10px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.card-group.card-group-v2 .card .number-pictures {
    bottom: 10px;
    left: 10px;
    width: 120px;
    height: 30px;
    border-radius: 21px;
    border: 1px solid #C9C9C9;
    background: rgba(255, 255, 255, 0.50);
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.card-group.card-group-v2 .card .number-pictures i.icone-pictures {
    padding-right: 3px;
}

.card-group.card-group-v2 .card-body {
    padding: 23px 10px 32px 20px;
    height: 198px;
}

.card-group.card-group-v2 .card-body .column-1 {
    min-width: 412px;
}

.card-group.card-group-v2 .card .card-body h4.card-title,
.card-group.card-group-v2 .card .card-body h4.card-price {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px;
    text-decoration: none !important;
}

.card-group.card-group-v2 .card .card-body h4.card-price {
    padding-left: 20px;
}

.card-group.card-group-v2 .card .card-body ul.list-group {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 0;
    border-left: 1px solid #C9C9C9;
    padding-left: 20px;
}

.card-group.card-group-v2 .card .card-body ul.list-group li.list-group-item {
    padding: 0;
    padding-bottom: 15px;
    color: #333132;
    text-decoration: none;
    border: none;
    max-width: 260px;
}

.card-group.card-group-v2 .card .card-body ul.list-group li.list-group-item span.location {
    text-transform: capitalize;
}

.card-group.card-group-v2 .card .card-body ul.list-group li.list-group-item:last-child {
    padding-bottom: 0px;
}

.card-group.card-group-v2 .card .card-body ul.list-group li.list-group-item i {
    margin-right: 10px;
}

.card-group.card-group-v2 .card .card-body .btn.btn-light {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 60px;
    height: 40px;
    background-image: url('../images/Icones/Group 1245.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border-radius: 23px !important;
}

section.dashboard.classified .pagination-bottom {
    margin-top: 26px;
}

/* Classified car details & Compare */
/* CSS Page Classified car details */
main.classified-specific-car {
    margin-top: 30px;
}

main.classified-specific-car .galerie-images {
    margin-top: 21px;
}

main.classified-specific-car .galerie-images .galerie-left,
main.classified-specific-car .galerie-images .galerie-right-top,
main.classified-specific-car .galerie-images .galerie-right-bottom-left,
main.classified-specific-car .galerie-images .galerie-right-bottom-right {
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

main.classified-specific-car .galerie-images .galerie-left {
    min-width: 805px !important;
    height: 627px;
    border-radius: 10px 0px 0px 10px;
}

main.classified-specific-car .galerie-images .galerie-right {
    margin-left: 5px;
}

main.classified-specific-car .galerie-images .galerie-right-top {
    width: 790px !important;
    height: 309px;
    margin-bottom: 5px;
    border-radius: 0px 10px 0px 0px;
}

main.classified-specific-car .galerie-images .galerie-right-bottom-left {
    width: 392.5px !important;
    height: 313px;
    border-radius: 0px;
    margin-right: 2.5px;
}

main.classified-specific-car .galerie-images .galerie-right-bottom-right {
    width: 392.5px !important;
    height: 313px;
    border-radius: 0px 0px 10px 0px;
    margin-left: 2.5px;
}

main.classified-specific-car .galerie-images .number-pictures {
    width: 120px;
    height: 30px;
    border-radius: 21px;
    border: 1px solid #C9C9C9;
    background: rgba(255, 255, 255, 0.50);
    color: #393738;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    bottom: 25px;
    right: 14px;
}

main.classified-specific-car .galerie-images .number-pictures i {
    padding-right: 3px;
}

main.classified-specific-car .supercar-details {
    margin: 40px 0;
}

main.classified-specific-car .col-supercar-details {
    width: 1197px;
}

main.classified-specific-car .supercar-details .supercar-details-header {
    padding-bottom: 14px;
    margin-bottom: 15px;
    border-bottom: 1px solid #C9C9C9;
}

main.classified-specific-car .supercar-details .supercar-details-header h3.title,
main.classified-specific-car .supercar-details .supercar-details-header h3.price {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.classified-specific-car .supercar-details h4,
main.classified-specific-car .form-contact-agent h4 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.classified-specific-car .supercar-details .vehicle-details {
    margin-top: 42px;
    margin-bottom: 21px;
}

main.classified-specific-car .supercar-details .vehicle-detail {
    width: 25%;
    padding-right: 5.07px;
    border-left: 1px solid #C9C9C9;

}

main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    padding: 0 0 16px 20px;
}

main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li img {
    height: 20px;
}

main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li:last-child {
    padding-bottom: 0;
}

main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li i {
    margin-right: 10px;
}

main.classified-specific-car .supercar-details .specifications {
    padding-top: 21px;
}

main.classified-specific-car .supercar-details .specifications .list-specification {
    width: 20%;
}

main.classified-specific-car .supercar-details .specifications .list-specification ul {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 20px;
    padding-bottom: 18px;
}

main.classified-specific-car .supercar-details .specifications .list-specification ul li {
    padding-bottom: 10px;
}

main.classified-specific-car .supercar-details .specifications .list-specification ul:last-child {
    padding-bottom: 0px;
}

main.classified-specific-car .supercar-details .description h4 {
    margin-top: 9px;
    margin-bottom: 15px;
}

main.classified-specific-car .supercar-details .description p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125.288%;
}

main.classified-specific-car .col-contact-agent {
    width: 374px;
    margin-left: 29px;
    padding: 10px;
    border-radius: 10px;
    border: 0.5px solid #DEDEDE;
}

main.classified-specific-car .col-contact-agent p.count-listing {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 15px;
}

main.classified-specific-car .col-contact-agent .form-contact-agent h5.username {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 10px;
}

main.classified-specific-car .col-contact-agent .form-contact-agent .user-avatar {
	width: 80px;
	height: 80px;
    	background-size: cover;
    	background-repeat: no-repeat;
    	background-position: center;
}

main.classified-specific-car .col-contact-agent .form-contact-agent p.location {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 15px;
}

main.classified-specific-car .col-contact-agent .form-contact-agent p.location i {
    margin-right: 10px;
}

main.classified-specific-car .col-contact-agent .form-contact-agent h4 {
    padding-top: 15px;
}

main.classified-specific-car .col-contact-agent .form-contact-agent .btn.btnCall {
    width: 100%;
    height: 47.609px;
    border-radius: 10px;
    border: 1px solid #333132;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 15px;
    margin-bottom: 15px;
}

main.classified-specific-car .col-contact-agent .form-contact-agent .btn.btnCall i.icone-tel {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-size: cover;
    background-position: center;
    background-image: url('../images/Icones/phone-flip2.svg');
}

main.classified-specific-car .col-contact-agent .form-contact-agent form input:not(input[type=checkbox]) {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
}

main.classified-specific-car .col-contact-agent .form-contact-agent form textarea {
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
}

main.classified-specific-car .col-contact-agent .form-contact-agent form .submitBtn {
    padding: 10px;
    border-radius: 10px;
    background-color: #333132;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

main.classified-specific-car .col-contact-agent .btns-actions {
    margin-bottom: 10px;
}

main.classified-specific-car .col-contact-agent .btns-actions .btn {
    width: 113.3px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #333132;
    border-radius: 10px;
    padding: 10px 3px;
}

main.classified-specific-car .col-contact-agent .btns-actions .btn i:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    background-size: cover;
}

main.classified-specific-car .col-contact-agent .btns-actions .btn i.icone-favorites:before {
    background-image: url('../images/Icones/icone-favorites.svg');
    width: 20px;
    height: 17.683px;
}

main.classified-specific-car .col-contact-agent .btns-actions .btn i.icone-compare:before {
    background-image: url('../images/Icones/icone-compare2.svg');
    width: 20px;
    height: 20px;
}

main.classified-specific-car .col-contact-agent .btns-actions .btn i.icone-share:before {
    background-image: url('../images/Icones/icone-share.svg');
    width: 21.023px;
    height: 20.001px;
}

main.classified-specific-car section.carousel-cars {
    margin-top: 0px;
}

main.classified-specific-car section.carousel-cars .header-carousel-cars h3 {
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding-bottom: 30px;
}

main.classified-specific-car section.carousel-cars .card.card-cars-v1 {
    width: 385px;
    margin-right: 20px;
}

main.classified-specific-car section.carousel-cars .slick-prev.slick-arrow,
main.classified-specific-car section.carousel-cars .slick-next.slick-arrow {
    font-size: 0;
    position: absolute;
    top: 180px;
    width: 14.998px;
    height: 26.058px;
    background-size: cover;
    background-position: center;
    background-color: transparent;
    z-index: 999;
    border: none;
}

main.classified-specific-car section.carousel-cars .slick-prev {
    background-image: url(../images/Icones/carousel-control-prev.svg);
    left: -32px;
}

main.classified-specific-car section.carousel-cars .slick-next {
    background-image: url(../images/Icones/carousel-control-next.svg);
    right: -32px;
}

.banner-classified-specific-car {
    margin-top: 10px;
    margin-bottom: 40px;
}

.lg-outer.lg-visible {
    background: #000;
    z-index: 99999;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
    border-radius: 18px;
}

/* Blog */
/* CSS Page Blog */
main.blog {
    margin-top: 40px;
    margin-bottom: 40px;
}

main.blog #more-blogs {
    margin-top: 20px;
}

main.blog #load-more-btn {
    margin-top: 40px;
    width: 360.61px;
    height: 50px;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: 1px solid #333132;
    background-color: #333132;
    border-radius: 10px;
}

main.blog .header-blog {
    margin: 26px 0 40px 0;
}

main.blog .header-blog .header-title h1 {
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 26px;
}

main.blog .header-blog .filtre-blog .btn {
    border-radius: 26px;
    border: 1px solid #C9C9C9;
    width: 165px;
    height: 50px;
    margin-right: 4px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.blog .header-blog .filtre-blog .btn.active {
    color: #fff;
    border: 1px solid #333132;
    background-color: #333132;
}

section.blogs .blogs-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

section.blogs .card.card-blog {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    background: #FFF;
    flex-grow: 1;
}

section.blogs .card.card-blog.large {
    flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
}

section.blogs .card.card-blog.small {
    flex: 1 1 calc(25% - 15px);
    max-width: calc(25% - 15px);
}

section.blogs .card-blog.card-instagram {
    border: 1px solid #333132;
    background-color: #333132;
    padding: 218px 19px 19px 19px !important;
}

section.blogs .card-blog.card-instagram h3.title {
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 19.27px;
}

section.blogs .card-blog.card-instagram i.icone-instagram {
    width: 53px;
    height: 53.735px;
    background-image: url('../images/Icones/instagram.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

section.blogs .card.card-blog.large .card-img {
    height: 289px;
}

section.blogs .card.card-blog.small .card-img {
    height: 334px;
}

section.blogs .card.card-blog .card-img {
    border-radius: 10px 10px 0 0;
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
}

section.blogs .card.card-blog .card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

section.blogs .card.card-blog.large .card-body {
    padding: 31px 14px 14px 29px;
    min-height: 197px;
}

section.blogs .card.card-blog.small .card-body {
    padding: 14px 14px 14px 29px;
    min-height: 152px;
}

section.blogs .card.card-blog .card-body h3.title {
    max-width: 336px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

section.blogs .card.card-blog .card-body p.description {
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 618px;
    margin-bottom: 10px;
}

section.blogs .card.card-blog .card-body p.read-time {
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.blogs .card.card-blog .card-body button.btn {
    position: absolute;
    right: 14px;
    bottom: 14px;
    width: 60px;
    height: 40px;
    background-image: url('../images/Icones/Group 1245.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border-radius: 23px !important;
}

/* CSS Page Article */
main.article {
    margin-top: 40px;
}

main.article section.article {
    padding-bottom: 40px;
}

main.article section.article .header-article {
    margin-top: 26px !important;
}

main.article section.article .header-article p.blog-category {
    width: 165px;
    height: 50px;
    border-radius: 26px;
    background: #333132;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6em;
    ;
    padding: 10px;
    text-align: center;
}

main.article section.article .header-article .publication-date {
    margin-left: 8px;
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.article section.article .header-article span.separateur {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #333132;
    margin: 0 8px;
}

main.article section.article .title-article h1 {
    margin: 40px 271px 0 271px;
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    max-width: 1058px;

}

main.article section.article .photo-article div.photo-article {
    margin: 30px 271px;
    max-width: 100%;
    height: 400px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}

main.article section.article .content-article {
    padding: 0 271px;
}

main.article section.article .content-article h2 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 15px 0;
}

main.article section.article .content-article p {
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.article section.article .share-post {
    margin-top: 20px;
}

.share-post span {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 4.18px;
}

.share-post .nav-social-media .nav-link {
    width: 35.519px;
    height: 34px;
    background-color: #F5F5F5;
    padding: 8px;
    border-radius: 50px;
    margin-right: 13.58px;
}

.share-post .nav-social-media .nav-item:last-child .nav-link {
    margin-right: 0px;
}

section.other-blogs {
    padding-bottom: 40px;
}

section.other-blogs h3 {
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding-bottom: 10px;
}

section.other-blogs .card.card-blog,
section.related-event .card.card-event {
    width: 385px;
    height: 486px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    overflow: hidden;
}

section.other-blogs .card.card-blog {
    margin-right: 20px;
}

section.other-blogs .card.card-blog .card-img,
section.related-event .card.card-event .card-img {
    height: 334px;
    background-size: cover;
    background-position: center;
}

section.other-blogs .card.card-blog .card-body,
section.related-event .card.card-event .card-body {
    padding: 14px 29px 0px 29px;
}

section.other-blogs .card.card-blog .card-body .card-title,
section.related-event .card.card-event .card-body .card-title {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;
}

section.other-blogs .card.card-blog .card-body .card-text {
    color: #5A5A5A;
    padding: 10px 0;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.other-blogs .card.card-blog .card-body .card-date {
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.related-event .card.card-event .card-body .card-date,
section.related-event .card.card-event .card-body .card-location {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 10px;
}

section.related-event .card.card-event .card-body .card-date i.icone-calendar,
section.related-event .card.card-event .card-body .card-location i.icone-location {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background-size: cover;
    background-position: center;
}

section.related-event .card.card-event .card-body .card-date i.icone-calendar {
    background-image: url(../images/Icones/calendar-day.svg);
}

section.related-event .card.card-event .card-body .card-location i.icone-location {
    background-image: url(../images/Icones/map-pin.svg);
}

section.other-blogs .card.card-blog .card-body .btn.btn-primary,
section.related-event .card.card-event .card-body .btn.btn-primary {
    position: absolute;
    bottom: 14px;
    right: 14px;
    width: 60px;
    height: 40px;
    background-image: url('../images/Icones/Group 1245.svg');
    background-color: transparent;
    border: none;
}

.carousel-article .slick-prev.slick-arrow,
.carousel-article .slick-next.slick-arrow,
.carousel-classic-car .slick-prev.slick-arrow,
.carousel-classic-car .slick-next.slick-arrow {
    font-size: 0;
    position: absolute;
    top: 0;
    width: 14.998px;
    height: 100%;
    background-size: 14.998px 26.058px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 999;
    border: none;
}

.carousel-article .slick-prev.slick-arrow,
.carousel-classic-car .slick-prev.slick-arrow {
    background-image: url('../images/Icones/carousel-control-prev.svg');
    left: -32px;
}

.carousel-article .slick-next.slick-arrow,
.carousel-classic-car .slick-next.slick-arrow {
    background-image: url('../images/Icones/carousel-control-next.svg');
    right: -32px;
}

/* Showroom & showroom list */
/* CSS Page Showroom page spécifique */
main.showroom-specifique {
    margin-top: 40px;
}

main.showroom-specifique section.showroom-specifique-details {
    padding-top: 40px;
}

main.showroom-specifique section.showroom-specifique-details .showroom-detail {
    padding-top: 53px;
    padding-right: 74px;
}

main.showroom-specifique section.showroom-specifique-details .showroom-detail .title h1 {
    padding-top: 28px;
    max-width: 520px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.showroom-specifique section.showroom-specifique-details .showroom-detail p.txt {
    padding-top: 12px;
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns {
    margin-top: 28px;
}

main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .btn.btnContact {
    width: 250px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #333132;
    background-color: #333132;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 20px;
}

main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .btn.btnCall {
    width: 323px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #333132;
    background-color: #FFF;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .btn.btnCall .icone-tel {
    background-image: url('../images/Icones/phone-flip2.svg');
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background-size: cover;
    background-position: center;
}

main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .list-group {
    margin-top: 15px;
}

main.showroom-specifique section.showroom-specifique-details .showroom-btns .list-group .icone-localisation,
section.showroom-specifique-details .showroom-btns .list-group .icone-clock {
    width: 20px;
    height: 20px;
    background-size: cover;
}

main.showroom-specifique section.showroom-specifique-details .showroom-btns .list-group .icone-localisation {
    background-image: url('../images/Icones/localisation.svg');
    margin-right: 10.34px;
}

main.showroom-specifique section.showroom-specifique-details .showroom-btns .list-group .icone-clock {
    background-image: url('../images/Icones/clock.svg');
    margin-right: 8px;
}

main.showroom-specifique section.showroom-specifique-details .showroom-btns .list-group h5 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 7px;
}

main.showroom-specifique section.showroom-specifique-details .showroom-btns .list-group p {
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

main.showroom-specifique section.showroom-specifique-details .social-media {
    padding-top: 28px;
}

main.showroom-specifique section.showroom-specifique-details .social-media .nav-social-media .nav-item a {
    padding: 0;
    margin-right: 10px;
}

main.showroom-specifique section.showroom-specifique-details .social-media .nav-social-media .nav-item a img {
    width: 30px;
    height: 30px;
}

main.showroom-specifique section.showroom-specifique-details .showroom-image .showroom-image {
    height: 506px;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}

main.showroom-specifique section.filtre {
    margin-top: 40px;
    margin-bottom: 30px;
}

section.filtre .form-filtre .form-group select,
section.filtre .form-filtre .form-group input {
    width: 157px;
    height: 50px;
    padding: 10px;
    border: 1px solid #C9C9C9 !important;
    border-radius: 10px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
}

section.filtre .form-group #exampleSelectMarque,
section.filtre .form-group #exampleSelectModel {
    width: 320px;
}

section.filtre .form-filtre .submitBtn {
    border-radius: 10px;
    background: #333132;
    width: 250px;
    height: 50px;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.showroom-specifique .all-supercars {
    margin-bottom: 40px;
}

/*
.card.card-cars {
    width: 520px;
    height: auto;
    border: 1px solid #C9C9C9;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

.card.card-cars .card-img {
    width: 518px;
    height: 323px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.card.card-cars i.icone-heart:before {
    content: '';
    width: 39px;
    height: 39px;
    position: absolute;
    right: 14px;
    top: 14px;
    background-image: url('../images/Icones/Group 1834.svg');
    background-repeat: no-repeat;
    z-index: 9;
}

.card.card-cars .card-body {
    height: 95px;
    padding: 15px;
}

.card.card-cars .card-body .card-title {
    color: #333132;
    font-family: 'Lexend' ,Helvetica ,Arial ,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 9px;
}

.card.card-cars .card-body .card-price {
    color: #333132;
    font-family: 'Lexend' ,Helvetica ,Arial ,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.card.card-cars .card-body .showroom-logo {
    bottom: 15px;
    right: 15px;
}

.card.card-cars .slick-card-shworoom .slick-prev.slick-arrow, .card.card-cars .slick-card-shworoom .slick-next.slick-arrow {
    font-size: 0;
    width: 39px;
    height: 39px;
    border: none;
    background-color: #FFF;
    border-radius: 50px;
    background-size: 18px;
    background-position: center;
    position: absolute;
    background-repeat: no-repeat;
    top: 142px;
    z-index: 9;
}

.card.card-cars .slick-card-shworoom .slick-next.slick-arrow {
    background-image: url(../images/Icones/angle-small-left1.svg);
    left: 6px;
}

.card.card-cars .slick-card-shworoom .slick-prev.slick-arrow {

    background-image: url(../images/Icones/angle-small-right1.svg);
    right: 6px;
}

.card.card-cars .slick-card-shworoom ul.slick-dots {
    position: absolute;
    bottom: 21px;
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.card.card-cars .slick-card-shworoom ul.slick-dots button {
    font-size: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    border: 0;
    margin: 0 4px;
    background-color: #C9C9C9;
}

.card.card-cars .slick-card-shworoom ul.slick-dots li.slick-active button {
    background-color: #FFF;
}
*/
main.showroom-specifique .pagination-bottom {
    margin-bottom: 40px;
}

/* CSS Page Showroom list */
main.showroom-list {
    margin-top: 40px;
}

main.showroom-list .showroom-list {
    margin-top: 40px;
}

main.showroom-list .showroom-list .vertical-sidebar-v2 .menu-vertical-sidebar {
    margin-bottom: 21.13px;
}

main.showroom-list .showroom-list .vertical-sidebar-v2 .menu-vertical-sidebar:last-child {
    margin-bottom: 0;
}

main.showroom-list div.dashboard-showroom-list {
    padding: 1px 0 0 54.89px;
}

main.showroom-list div.dashboard-showroom-list .dashboard-header h1 {
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

main.showroom-list div.dashboard-showroom-list .dashboard-header p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 31px;
    padding-bottom: 20px;
}

main.showroom-list div.dashboard-showroom-list .dashboard-header .input-group {
    width: 320px;
    height: 50px;
    border-radius: 10px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
    margin-bottom: 30px;
    text-align: left;
    margin-left: 13px;
}

main.showroom-list div.dashboard-showroom-list .dashboard-header .input-group .input-group-text {
    color: #333132;
    background-color: #fff;
    border: 1px solid #C9C9C9;
    border-right: 0;
    border-radius: 10px 0 0 10px;
}

main.showroom-list div.dashboard-showroom-list .dashboard-header .input-group select {
    background-position: right 0.7rem center;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-left: 0;
}

.dropdown-toggle::after {
    position: absolute;
    width: 20px;
    height: 17.761px;
    background-image: url('../images/Icones/Group 1190.svg');
    border: none;
    top: 15px;
    right: 17.76px;
}

.icone-localisation {
    width: 18px;
    height: 18px;
    background-image: url('../images/Icones/marker.svg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 8px;
}

main.showroom-list div.dashboard-showroom-list .dashboard-header .sort-by select#selectSort {
    width: 75px;
}

main.showroom-list div.dashboard-showroom-list .card-group.card-group-v2 .card {
    margin-bottom: 20px;
}

main.showroom-list div.dashboard-showroom-list .card-group.card-group-v2 :last-child .card {
    margin-bottom: 0px;
}

main.showroom-list div.dashboard-showroom-list .card .card-img img {
    max-width: 265px;
    max-height: 130px;
}

main.showroom-list div.dashboard-showroom-list .card .card-body {
    padding: 23px 20.44px 42px 20.44px;
}

main.showroom-list div.dashboard-showroom-list .card .card-body h4.card-title {
    margin-top: 0;
    margin-bottom: 20px;
}

main.showroom-list div.dashboard-showroom-list .card .card-body .list-group.first-list {
    width: 414px;
}

main.showroom-list div.dashboard-showroom-list .card .card-body ul.list-group {
    padding-left: 22px;
}

main.showroom-list div.dashboard-showroom-list .card .card-body ul.list-group li.list-group-item {
    padding-bottom: 21px;
}

main.showroom-list div.dashboard-showroom-list .pagination-bottom {
    margin-top: 20px;
}

main.showroom-list .advertising-banner {
    margin: 40px 0;
}

/* Classic cars */
/* CSS Page Exotics */
#carouselSlidesOnlyExotics {
    margin-top: -80px;
}

#carouselSlidesOnlyExotics .carousel-img {
    height: 627px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('../images/classic-car/Rectangle 885.jpg'), lightgray 50% / cover no-repeat;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}

#carouselSlidesOnlyExotics .content-slide {
    padding-top: 477px;
    width: 1600px;
    margin: auto;
}

#carouselSlidesOnlyExotics .content-slide .title {
    color: #FFF;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

#carouselSlidesOnlyExotics .content-slide p {
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

main.classic-cars {
    margin-top: 40px;
}

main.classic-cars section.filtre {
    margin-top: 26px;
    margin-bottom: 30px;
}

.all-classic-cars .card.card-cars .card-body {
    height: auto;
    padding: 21px 16px 17px 16.5px;
}

.all-classic-cars .card.card-cars .card-body .card-title {
    font-size: 17px;
    margin-bottom: 11px;
}

.all-classic-cars .card.card-cars .card-body .card-collection {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.all-classic-cars .card.card-cars .card-body .owner p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

main.classic-cars .advertising-banner {
    margin-top: 40px;
    margin-bottom: 40px;
}

/* CSS Page CLassified All Supercars */
main.classified-all-supercar {
    margin-top: 30px;
}

main.classified-all-supercar .galerie-images {
    margin-top: 21px;
}

main.classified-all-supercar .galerie-images .number-pictures {
    width: 120px;
    height: 30px;
    border-radius: 21px;
    border: 1px solid #C9C9C9;
    background: rgba(255, 255, 255, 0.50);
    color: #393738;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    bottom: 25px;
    right: 14px;
}

main.classified-all-supercar .galerie-images .galerie-left {
    width: 805px;
    height: 627px;
    border-radius: 10px 0px 0px 10px;
}

main.classified-all-supercar .galerie-images .galerie-right {
    width: 790px;
    margin-left: 5px;
}

main.classified-all-supercar .galerie-images .galerie-right-top {
    width: 100%;
    height: 309px;
    border-radius: 0px 10px 0px 0px;
    margin-bottom: 5px;
}

main.classified-all-supercar .galerie-images .galerie-right-bottom-left,
.galerie-images .galerie-right-bottom-right {
    width: 392.5px;
    height: 313px;
}

main.classified-all-supercar .galerie-images .galerie-right-bottom-right {
    border-radius: 0px 0px 10px 0px;
}

main.classified-all-supercar .supercar-details {
    margin-top: 30px;
}

main.classified-all-supercar .col-supercar-details {
    width: 1197px;
}

main.classified-all-supercar .supercar-details .supercar-details-header {
    padding-bottom: 14px;
    margin-bottom: 31px;
    border-bottom: 1px solid #C9C9C9;
}

main.classified-all-supercar .supercar-details .supercar-details-header h3.title,
main.classified-all-supercar .supercar-details .supercar-details-header h3.price {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.classified-all-supercar .supercar-details h4 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.classified-all-supercar .supercar-details .vehicle-details {
    border-radius: 10px;
    background: #F5F5F5;
    padding: 20px 20px 21px 39px;
    margin: 20px 0;
}

main.classified-all-supercar .supercar-details .vehicle-detail {
    width: 33.333%;
}

main.classified-all-supercar .supercar-details .vehicle-detail h5 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 7px;
    padding-left: 7px;
    margin-bottom: 7px;
    border-bottom: 0.5px solid #C9C9C9;
}

main.classified-all-supercar .supercar-details .vehicle-detail p {
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 7px;
}

main.classified-all-supercar .supercar-details .separateur {
    height: 28px;
}

main.classified-all-supercar .description {
    padding-top: 20px;
}

main.classified-all-supercar .description p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125.288%;
    padding-top: 12px;
}

main.classified-all-supercar .col-contact-agent {
    width: 385px;
    margin-left: 18px;
}

main.classified-all-supercar .col-contact-agent .form-contact-agent {
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    background: #FFF;
    padding: 16px 16px 16px 14px;
}

main.classified-all-supercar .col-contact-agent .form-contact-agent h3 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.classified-all-supercar .col-contact-agent .form-contact-agent .btn.btnCall {
    width: 100%;
    height: 50px;
    border: 1px solid #333132;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 25px;
    margin-bottom: 22px;
}

main.classified-all-supercar .col-contact-agent .form-contact-agent .btn.btnCall .icone-tel {
    background-image: url('../images/Icones/phone-flip2.svg');
    width: 18px;
    height: 19px;
    margin-right: 8px;
    background-size: cover;
    background-position: center;
}

main.classified-all-supercar .col-contact-agent .form-contact-agent form input {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 25px;
}

main.classified-all-supercar .col-contact-agent .form-contact-agent form textarea {
    width: 100%;
    height: 153px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 17px;
}

main.classified-all-supercar .col-contact-agent .form-contact-agent form .submitBtn {
    height: 50px;
    background-color: #333132;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 13px;
}

main.classified-all-supercar .col-contact-agent .form-contact-agent .btns-actions .btn {
    width: 114px;
    padding: 10px 0;
    border-radius: 10px;
    border: 1px solid #333132;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.classified-all-supercar .col-contact-agent .form-contact-agent .btns-actions .btn:not(:last-child) {
    margin-right: 7px;
}

main.classified-all-supercar .col-contact-agent .btns-actions .btn i {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: cover;
    background-position: center;
}

main.classified-all-supercar .col-contact-agent .btns-actions .btn i.icone-favorites {
    width: 22px;
    background-image: url('../images/Icones/Favorites.svg');
}

main.classified-all-supercar .col-contact-agent .btns-actions .btn i.icone-compare {
    background-image: url('../images/Icones/Compare.svg');
}

main.classified-all-supercar .col-contact-agent .btns-actions .btn i.icone-share {
    background-image: url('../images/Icones/Share.svg');
}

main.classified-all-supercar .col-contact-agent .showroom {
    margin: 20px 0px 40px 0px;
}

main.classified-all-supercar .col-contact-agent .showroom h6 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

main.classified-all-supercar .col-contact-agent .showroom p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 2px;
}

main.classified-all-supercar .advertising-banner {
    margin-top: 40px;
}

main.classified-all-supercar .all-model {
    margin: 40px 0;
}

main.classified-all-supercar .all-model .header-all-model h3 {
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 30px;
}

main.classified-all-supercar .all-model .card.card-cars {
    margin-bottom: 0;
}

/* CAR GROUP */
/* CSS Page Otokee car group */
#carouselSlidesOnly .carousel-img {
    height: 627px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(../images/groups/09f42462981d14b5d7909c576ecd290f.jpeg) lightgray 50% / cover no-repeat;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}

#carouselSlidesOnly .content-slide {
    padding-top: 471PX;
    width: 1600px;
    margin: auto;
}

#carouselSlidesOnly .content-slide .title {
    color: #FFF;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

#carouselSlidesOnly .content-slide p {
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.car-group {
    margin-top: 40px;
}

main.car-group section.card-groups {
    margin-top: 30px;
    margin-bottom: 10px;
}

.card-group.card-group-v1 .card {
    height: 140px;
    margin-bottom: 25px;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px 20px;
}

.card-group.card-group-v1 .card .card-img {
    width: 500px;
    height: 78px;
}

.card-group.card-group-v1 .card .card-img h3 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 15px;
}

.card-group.card-group-v1 .card .card-body {
    max-height: 72px;
}

.card-group.card-group-v1 .card .card-body .col-info {
    width: 500px;
    height: 72px;
    border-left: 1px solid #C9C9C9;
    padding-left: 22px;
    padding-right: 11px;
}

.card-group.card-group-v1 .card .card-body .col-info .list-group .list-group-item {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.card-group.card-group-v1 .card .card-body .col-info .list-group .list-group-item:last-child {
    margin-bottom: 0px;
}

.card-group.card-group-v1 .card .card-body .col-info .list-group .icone {
    width: 22px;
    margin-right: 8px;
}

.card-group.card-group-v1 .card .card-body .btn {
    width: 60px;
    height: 40px;
    background-image: url('../images/Icones/Group 1245.svg');
    background-size: cover;
    background-position: center;
    background-color: transparent;
    border-radius: 30px;
}

section.groups-tabs .nav.groups-tabs {
    padding: 0px 0 30px 0;
    border: none;
}

section.groups-tabs .nav.groups-tabs .nav-item .nav-link {
    min-width: 165px;
    height: 50px;
    border: 1px solid #C9C9C9;
    border-radius: 26px;
    padding: 10px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 8px;
}

section.groups-tabs .nav.groups-tabs .nav-item .nav-link.active {
    background: #333132;
    color: #FFF;
}

section.groups-tabs .card-groups,
section.related-event .card-groups {
    width: 520px;
    height: 416px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    background: #FFF;
    margin-bottom: 20px;
}

main.car-group section.groups-tabs .card-groups,
section.related-event .card-groups {
    width: 385px !important;
    margin-right: 20px;
}

section.groups-tabs .card-groups .card-img,
section.related-event .card-groups .card-img {
    width: 100%;
    height: 287px;
    background-size: cover;
    background-position: center;
    border-radius: 10px 10px 0 0;
}

section.groups-tabs .card-groups .card-body,
section.related-event .card-groups .card-body {
    padding: 14px 29px 14px 29px;
}

section.groups-tabs .card-groups .card-body .card-title,
section.related-event .card-groups .card-title {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}

section.groups-tabs .card-groups .card-date,
section.groups-tabs .card-groups .card-location,
section.related-event .card-groups .card-date,
section.related-event .card-groups .card-location {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 10px;
}

section.groups-tabs .card-groups .card-date i.icone-calendar,
section.groups-tabs .card-groups .card-location i.icone-location,
section.related-event .card-groups .card-date i.icone-calendar,
section.related-event .card-groups .card-location i.icone-location {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background-size: cover;
    background-position: center;
}

section.groups-tabs .card-groups .card-date i.icone-calendar,
section.related-event .card-groups .card-date i.icone-calendar {
    background-image: url('../images/Icones/calendar-day.svg');
}

section.groups-tabs .card-groups .card-location i.icone-location,
section.related-event .card-groups .card-location i.icone-location {
    background-image: url('../images/Icones/map-pin.svg');
}

section.groups-tabs .card-groups .btn,
section.related-event .card-groups .btn {
    width: 60px;
    height: 40px;
    position: absolute;
    bottom: 14px;
    right: 14px;
    background-image: url('../images/Icones/Group 1245.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    /*border: none;*/
}

section.groups-tabs .slick-prev.slick-arrow,
section.groups-tabs .slick-next.slick-arrow,
section.related-event .slick-prev.slick-arrow,
section.related-event .slick-next.slick-arrow {
    font-size: 0;
    position: absolute;
    top: 0;
    width: 14.998px;
    height: 100%;
    background-size: 14.998px 26.058px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 999;
    border: none;
}

section.groups-tabs .slick-prev,
section.related-event .slick-prev {
    background-image: url(../images/Icones/carousel-control-prev.svg);
    left: -32px;
}

section.groups-tabs .slick-next,
section.related-event .slick-next {
    background-image: url(../images/Icones/carousel-control-next.svg);
    right: -32px;
}

main.car-group .advertising-banner {
    margin-top: 20px;
    margin-bottom: 39.69px;
}

/* CSS Page group */
main.group {
    margin-top: 40px;
}

section.groups-details {
    padding-top: 40px;
}

section.groups-details .groups-detail {
    padding-top: 74px !important;
    padding-right: 71px !important;
}

section.groups-details .groups-detail .title-group h1 {
    padding-top: 30px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

section.groups-details .groups-detail .content-group p {
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 12px;
    padding-bottom: 30px;
}

section.groups-details .groups-detail .groups-btns .btn {
    width: 250px;
    height: 50px;
    border: 1px solid #333132;
    border-radius: 10px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.groups-details .groups-detail .groups-btns .btn.btnVisit {
    background-color: #333132;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    margin-right: 20px;
}

section.groups-details .groups-detail .groups-btns .btn.btnCall {
    color: #333132;
    font-size: 16px;
    font-weight: 600;
}

section.groups-details .groups-detail .groups-btns .btn.btnCall .icone-tel {
    background-image: url('../images/Icones/phone-flip2.svg');
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background-size: cover;
    background-position: center;
}

section.groups-details .groups-image .group-image {
    height: 506px;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}

main.group section.groups-tabs .nav.groups-tabs {
    padding: 30px 0;
    border: 0;
}

main.group section.groups-tabs .advertising-banner {
    margin: 40px 0;
}

/* CSS Page Event details */
main.event-details {
    margin-top: 40px;
}

main.event-details section.event-details .container {
    padding: 40px 271px 40px 271px !important;
}

main.event-details section.event-details .title-details-event h1 {
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    width: 938px;
    margin-bottom: 30px;
}

.carousel-details-event .photo-details-event {
    height: 400px;
    border-radius: 10px 10px 0px 0px;
    background-size: cover;
    background-position: center;
    margin-bottom: 3px;
}

.slider-nav-details-event .photo-details-event {
    height: 122px;
    background-size: cover;
    background-position: center;
    border-left: 1.5px solid #fff;
    border-right: 1.5px solid #fff;
}

.slider-nav-details-event .slick-prev.slick-arrow,
.slider-nav-details-event .slick-next.slick-arrow {
    font-size: 0;
    width: 22px;
    height: 22px;
    border: none;
    background-color: #000;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 50px;
    z-index: 9;
}

.slider-nav-details-event .slick-next.slick-arrow {
    background-image: url(../images/Icones/angle-small-right-slider-nav.svg);
    left: 21px;
}

.slider-nav-details-event .slick-prev.slick-arrow {
    background-image: url(../images/Icones/angle-small-left-slider-nav.svg);
    right: 21px;
}

main.event-details section.event-details .info-details-event {
    padding: 30px 0;
}

main.event-details section.event-details .info-details-event .btnDate {
    width: auto;
    height: 50px;
    padding: 10px;
    border-radius: 26px;
    background: #333132;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.event-details section.event-details .info-details-event .btnDate i.icone-date {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url('../images/Icones/calendar-day 1.svg');
}

main.event-details section.event-details .info-details-event .btnDate i.icone-calendar {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url('../images/Icones/calendar-day 1.svg');
    background-size: cover;
    background-position: center;
}

main.event-details section.event-details .info-details-event p.location {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.event-details section.event-details .info-details-event i.icone-location {
    display: inline-block;
    width: 17.048px;
    height: 18px;
    margin-right: 7.5px;
    background-image: url('../images/Icones/map-pin.svg');
    background-size: cover;
    background-position: center;
}

main.event-details section.event-details .content p {
    color: #333132;
    text-align: justify;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.event-details section.event-details .share-btn .btn {
    margin-top: 10px;
    width: 113.33px;
    height: 40px;
    padding: 10px;
    border: 1px solid #333132;
    border-radius: 10px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.event-details section.event-details .share-btn .btn i.icone-share {
    width: 21px;
    height: 20px;
    background-image: url('../images/Icones/icone-share.svg');
    margin-right: 10px;
}

main.event-details section.related-event {
    padding: 0px 0 20px 0;
}

main.event-details section.related-event h3 {
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding-bottom: 10px;
}

/* CSS Page Edit Profil */
.dashboard.edit-profil {
    margin: 20px 0;
}

.dashboard-v1.edit-profile h3 {
    padding-bottom: 10px;
}

.dashboard.edit-profil .form-edit input,
.dashboard.edit-profil .form-edit .input-group {
    width: 421px;
    margin-bottom: 20px;
}

.dashboard.edit-profil .form-edit .input-group-text {
    color: #333132;
    background-color: #fff;
    border: 1px solid #C9C9C9;
    border-right: 0;
    border-radius: 10px;
}

.dashboard.edit-profil .form-edit .input-group i.icone-location {
    width: 17.381px;
    height: 17.404px;
    background-image: url(../images/Icones/icone-location.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboard.edit-profil .form-edit select {
    border-left: 0;
    padding-left: 0;
}

.dashboard.edit-profil .form-edit input.input-adr {
    width: 861px;
    margin-bottom: 0;
}

.dashboard.edit-profil .form-edit .btn {
    width: 150.54px;
    margin-left: 12px;
}

.dashboard.edit-profil .form-edit .btn.submitBtn {
    color: #fff;
    background-color: #333132;
}

/* CSS Page Promote Ads */
.dashboard.promote-ads {
    margin: 20px 0;
}

.dashboard.promote-ads h3 {
    padding-bottom: 10px;
}

.dashboard.promote-ads .form-promote-ads h3 {
    padding: 20px 0 10px 0;
}

.dashboard.promote-ads .form-promote-ads select {
    width: 316.596px;
}

.dashboard.promote-ads .form-promote-ads .checkBtn {
    width: 307.691px;
    padding: 9px 12px 9px 7px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    text-transform: capitalize;
}

.dashboard.promote-ads .row-btns {
    padding-top: 11px;
}

.dashboard.promote-ads form .btn.submitBtn {
    width: 250px;
    color: #fff;
    background-color: #333132;
}

.dashboard.promote-ads .history-promotion {
    margin: 20px 0;
}

.dashboard.promote-ads .tab-history thead,
.dashboard.promote-ads .tab-history tbody tr {
    border-bottom: 1px solid #C9C9C9;
}

.dashboard.promote-ads .tab-history th {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 10px 20px;
}

.dashboard.promote-ads .tab-history td {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 5px 20px;
}

/* CSS Page Promote Ads Congratulations */
main.promote-ads-congratulations {
    margin-top: 31px;
    margin-bottom: 30px;
}

main.promote-ads-congratulations div.content {
    width: 433px;
}

main.promote-ads-congratulations div.content h2 {
    color: #333132;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 11px 0;
}

main.promote-ads-congratulations div.content p {
    color: #333132;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.promote-ads-congratulations div.content p b {
    font-weight: 700;
}

main.promote-ads-congratulations div.content p.price {
    margin: 11px 0 28px 0;
}

main.promote-ads-congratulations div.content .car-img img {
    max-width: 378px;
    border-radius: 10px;
}

main.promote-ads-congratulations div.content .content-car {
    margin-top: 10px;
    margin-bottom: 30px;
}

main.promote-ads-congratulations div.content .content-car p {
    color: #333132;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.promote-ads-congratulations div.content .content-car p.car-info {
    font-weight: 400;
}

main.promote-ads-congratulations div.content .btn.btn-view {
    max-width: 433px;
    height: 50px;
    color: #FFF;
    background-color: #333132;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.promote-ads-congratulations div.link-back {
    position: absolute;
    width: auto;
}

main.promote-ads-congratulations div.link-back a {
    text-decoration: none;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.promote-ads-congratulations div.link-back a i.arrow-left {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('../images/Icones/arrow-left 1.svg');
    background-size: 18px auto;
    background-repeat: no-repeat;
    margin-right: 9px;
}

/* CSS Page Security */
.dashboard.security {
    margin: 20px 0;
}

.dashboard.security h3 {
    padding-bottom: 20px;
}

.dashboard.security input {
    width: 421px;
}

.dashboard.security form .btn {
    width: 150px;
    margin-left: 12px;
}

.dashboard.security .col-btns {
    margin-top: 20px;
    padding: 0;
}

.dashboard.security form .btn.submitBtn {
    color: #fff;
    background-color: #333132;
}

/* CSS Page All alerts */
.dashboard.all-alerts {
    margin: 20px 0;
}

.dashboard.all-alerts h3 {
    padding-bottom: 9px;
}

.dashboard.all-alerts p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dashboard.all-alerts .form-alerts {
    padding-top: 20px;
}

.dashboard.all-alerts .form-alerts select {
    width: 320px;
}

.dashboard.all-alerts .form-alerts .form-select.year {
    width: 157px;
}

.dashboard.all-alerts .form-alerts .btn.submitBtn {
    width: 250px;
    color: #fff;
    background-color: #333132;
}

.dashboard.all-alerts .my-alert {
    padding-top: 20px;
}

.dashboard.all-alerts .my-alert .alert {
    height: 64px;
    border-radius: 10px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 20px 10px;
    margin-bottom: 20px;
    background: #F5F5F5;
}

.dashboard.all-alerts .my-alert .alert button.btn {
    width: 24px;
    height: 24px;
    border: none;
    background-image: url('../images/Icones/trash.svg');
}

/* CSS Page Add classified */
.dashboard.add-classified {
    margin-top: 20px;
    margin-bottom: 30px;
}

.dashboard.add-classified .vertical-sidebar-v1 .sidebar-advertising-banner {
    margin-top: 30px;
}

.dashboard.add-classified .heder-add-classified {
    padding-bottom: 14px;
}

.dashboard.add-classified .heder-add-classified .btn {
    color: #FFF;
    text-align: center;
    background-color: #333132;
    width: 244.996px;
    height: 50px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dashboard.add-classified .form-add-classified label {
    height: 30px;
    margin-bottom: 0;
}

.dashboard.add-classified .form-add-classified select,
.dashboard.add-classified .form-add-classified .input-group,
.dashboard.add-classified .form-add-classified input#year,
.dashboard.add-classified .form-add-classified input#frist-registration {
    width: 421px;
}

.dashboard.add-classified .form-add-classified .form-section .row {
    margin-bottom: 22px;
}


.dashboard.add-classified .form-add-classified .input-group input {
    border: 1px solid #C9C9C9;
    border-right: 0;
}

.dashboard.add-classified .form-add-classified .input-group span.input-group-text {
    border: 1px solid #C9C9C9;
    color: #333132;
    background-color: #fff;
    border-radius: 10px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.dashboard.add-classified .form-add-classified .form-section.price-details,
.dashboard.add-classified .form-add-classified .form-section.car-specifications,
.dashboard.add-classified .form-add-classified .form-section.checkboxs {
    margin-top: 8px;
}

.dashboard.add-classified .form-section h3 {
    padding-bottom: 20px;
}

.dashboard.add-classified .form-add-classified .form-section.checkboxs h4 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.dashboard.add-classified .form-add-classified .form-section.checkboxs .form-check-input {
    min-width: 22px;
    height: 22px;
    border-radius: 4px;
    border: 1px solid #C9C9C9;
    margin-right: 11px;
    margin-top: 0;
}

.dashboard.add-classified .form-add-classified .form-section.checkboxs label.form-check-label {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 20px;
}

.dashboard.add-classified .form-add-classified .form-section.checkboxs .check-terms:not(:last-child) {
    margin-bottom: 13px;
}

.dashboard.add-classified .form-add-classified .form-section.checkboxs .row:not(:last-child) {
    margin-bottom: 20px;
}

.dashboard.add-classified .form-section.photos-videos {
    margin-top: 30px;
}

.dashboard.add-classified .form-section.photos-videos .drop-zone {
    margin-bottom: 31px;
}

.dashboard.add-classified .form-section.photos-videos input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

.dashboard.add-classified .form-section.photos-videos .drop-zone {
    position: relative;
    width: 300px;
    height: 253.542px;
    margin-bottom: 30px;
    cursor: pointer;
    color: #cccccc;
    border: 2.5px dashed #C9C9C9;
    border-radius: 5px;
}

.dashboard.add-classified .form-section.photos-videos .drop-zone__prompt {
    width: 63.267px;
    height: 63.402px;
    background-image: url('../images/Icones/camera.svg');
    background-size: cover;
    background-position: center;
}

.dashboard.add-classified .form-section.photos-videos .drop-zone__txt {
    color: #333132;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.dashboard.add-classified .form-section.photos-videos .drop-zone .drop-zone__close {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 9;
    background-color: #fff;
    width: 26px;
    height: 26px;
    border: 1px solid #C9C9C9;
    border-radius: 100px;
    text-align: center;
    line-height: 27px;
}

.dashboard.add-classified .form-section.photos-videos .drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.dashboard.add-classified .form-section.description-textarea,
.dashboard.add-classified .form-section.location {
    margin-bottom: 30px;
}

.dashboard.add-classified .form-section.description-textarea h3,
.dashboard.add-classified .form-section.location h3 {
    padding-bottom: 15px;
}

.dashboard.add-classified .form-section.description-textarea textarea {
    height: 192px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 26px 13px;
}

.dashboard.add-classified .form-add-classified .form-section.location .row {
    margin-bottom: 0px;
}

.dashboard.add-classified .form-section.text p.txt-notice {
    margin-bottom: 20px;
    padding: 19px 27px 18px 27px;
    border-radius: 10px;
    height: 256px;
    background: #F5F5F5;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dashboard.add-classified .form-section.text .form-check-input {
    min-width: 18.985px;
    height: 19px;
    border-radius: 4px;
    border: 1px solid #C9C9C9;
    margin-right: 8px;
    margin-top: 0;
}

.dashboard.add-classified .form-section.text label.form-check-label {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 20px;
}

.dashboard.add-classified .form-section.btns {
    margin-top: 30px;
}

.dashboard.add-classified .form-section.btns .btn {
    width: 261px;
    height: 50px;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-color: #333132;
    border-radius: 10px;
}

.dashboard.add-classified .form-section.btns .btn.cancelBtn {
    color: #333132;
    background-color: #fff;
}

.dashboard.add-classified .form-section.btns .btn.submitBtn {
    margin-left: 12px;
    color: #fff;
    background-color: #333132;
}

.dashboard.add-classified .form-section.btns span.required {
    display: block;
    color: rgba(249, 6, 6, 0.97);
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 18px;
}

/* CSS Page Dashboard */
.dashboard.page-dashboard {
    margin: 20px 0;
}

.dashboard.page-dashboard .advertising-banner {
    height: 107px;
    margin-bottom: 20px;
}

.dashboard.page-dashboard .advertising-banner img {
    height: 107px;
}

.dashboard.page-dashboard .chart {
    margin-top: 10px;
    padding-top: 26px;
    padding-bottom: 28px;
    height: 407px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    background: #FFF;
}

h3.title-cards {
    padding-top: 20px;
    padding-bottom: 10px;
}

.dashboard.page-dashboard .card {
    width: 417px;
    height: 86px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
}

.dashboard.page-dashboard .card .card-body {
    padding: 19px 32px 0px 32px;
}

.dashboard.page-dashboard .card a {
    text-decoration: none;
}

.dashboard.page-dashboard .card .card-body h4 {
    overflow: hidden;
    color: #333132;
    text-overflow: ellipsis;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    padding-bottom: 5px;
}

.dashboard.page-dashboard .card .card-body p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* CSS Page My cars & My Favorite */
.dashboard.my-cars,
.dashboard.my-favorite {
    margin: 20px 0;
}

.dashboard.my-cars b,
.dashboard.my-favorite b {
    font-weight: 600;
}

.dashboard.my-cars h3,
.dashboard.my-favorite h3 {
    padding-bottom: 15px;
}

.card-group.card-group-v2.style2 .card {
    margin-bottom: 20px;
}

.card-group.card-group-v2.style2 .card .card-body {
    padding: 0 20px 0 0;
}

.card-group.card-group-v2.style2 .card-body .column-1,
.card-group.card-group-v2.style2 .card-body .column-2 {
    min-width: 261px;
    margin-left: 34px;
}

.card-group.card-group-v2.style2 .card .card-body h4.card-title,
.card-group.card-group-v2.style2 .card .card-body h4.card-price {
    margin-bottom: 20px;
}

.card-group.card-group-v2.style2 .card .card-body h4.card-price {
    padding-left: 21.5px;
}

.dashboard.my-cars .card-group.card-group-v2.style2 .card .card-body .btn {
    bottom: 5px;
    right: 19px;
}

.dashboard.my-favorite .card-group.card-group-v2.style2 .card .card-body .btn.btn-light {
    bottom: 25px;
    right: 12px;
}

.card-group.card-group-v2.style2 .card .card-body .card-actions .btn {
    border-radius: 5px;
    border: 1px solid #333132;
    color: #333132;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}

.card-group.card-group-v2.style2 .card .card-body .card-actions .btnDelete,
.card-group.card-group-v2.style2 .card .card-body .card-actions .btnEdit {
    height: auto;
    margin-top: 10px;
    padding: 0;
    background-color: transparent;
    border: none;
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.card-group.card-group-v2.style2 .card .card-body .card-actions .btnDelete i,
.card-group.card-group-v2.style2 .card .card-body .card-actions .btnEdit i {
    width: 24px;
    height: 24px;
    margin-right: 6px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.card-group.card-group-v2.style2 .card .card-body .card-actions .btnDelete i {
    background-image: url('../images/Icones/Composant 16 – 1.svg');
}

.card-group.card-group-v2.style2 .card .card-body .card-actions .btnEdit i {
    background-image: url('../images/Icones/Edit.svg');
}

.dashboard.my-cars .card-group.card-group-v2.style2 .card .card-body .card-actions .btn {
    width: 162px;
    height: 40px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin-top: 10px;
}

.dashboard.my-favorite .card-group.card-group-v2.style2 .card .card-body .card-actions .btn {
    width: 160px;
    height: 43px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: 20px;
}

.card-group.card-group-v2.style2 .card .card-body .card-actions .btn i {
    margin-right: 8px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.card-group.card-group-v2.style2 .card .card-body .card-actions .btn.btnCompare i {
    background-image: url('../images/Icones/Layer 2.svg');
    width: 20.371px;
    height: 23.998px;

}

.card-group.card-group-v2.style2 .card .card-body .card-actions .btn.btnPromote-Ad i {
    background-image: url('../images/Icones/credit-card.svg');
    width: 24px;
    height: 24px;
}

.card-group.card-group-v2.style2 .card .card-body .card-actions .btn.btnMarkAsSold i {
    background-image: url('../images/Icones/Vector2.svg');
    width: 20px;
    height: 20px;
}

/* CSS Page My Favorites empty */
.dashboard-v1.favorites-empty .favorites-empty {
    padding-top: 187px;
}

.dashboard-v1.favorites-empty .favorites-empty h4 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    padding-top: 30px;
    padding-bottom: 7px;
}

.dashboard-v1.favorites-empty .favorites-empty p {
    color: #000;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 30px;
}

.dashboard-v1.favorites-empty .favorites-empty .btn.linkBtn {
    width: 224px;
    height: 50px;
    color: #FFF;
    background: #333132;
    border-radius: 10px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

/* CSS Gallerie photo */
main.gallerie-photo section.gallerie-header .header-content {
    padding-bottom: 15px;
    border-bottom: 1px solid #C9C9C9;
}

main.gallerie-photo section.gallerie-header .header-content .btnBack {
    border: none;
    background-color: #fff;
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.gallerie-photo section.gallerie-header .header-content a.linkback {
    text-decoration: none;
}

main.gallerie-photo section.gallerie-header .header-content .btnBack i {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-size: cover;
    background-position: center;
}

main.gallerie-photo section.gallerie-header .header-content .btnBack i {
    background-image: url(../images/Icones/gallerie-back.svg);
}

main.gallerie-photo section.gallerie-header .header-content .btns-action button {
    border: none;
    background-color: #fff;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

main.gallerie-photo section.gallerie-header .header-content .btns-action .btnSave {
    margin-right: 28px;
}

main.gallerie-photo section.gallerie-header .header-content .btns-action button i {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background-size: cover;
    background-position: center;
}

main.gallerie-photo section.gallerie-header .header-content .btns-action .btnSave i.icone-Save {
    background-image: url(../images/Icones/gallerie-save.svg);
}

main.gallerie-photo section.gallerie-header .header-content .btns-action .btnShare i.icone-Share {
    background-image: url(../images/Icones/gallerie-share.svg);
}

main.gallerie-photo section.gallerie {
    margin-top: 20px;
}

.grid-wrapper img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    display: inline-block;
}

.grid-wrapper>div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-wrapper>div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid-wrapper {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense;
}

.grid-wrapper .wide {
    grid-column: span 2;
}

.grid-wrapper .tall {
    grid-row: span 2;
}

.grid-wrapper .big {
    grid-column: span 2;
    grid-row: span 2;
}

/* -- CSS Page Compare  -- */
main.compare {
    margin-top: 30px;
    margin-bottom: 40px;
}

main.compare section.section-breadcrumb {
    margin-top: 32px;
    margin-bottom: 30px;
}

main.compare.empty section.compare .header-compare .form-btns .btn {
    margin-right: 15.5px;
}

main.compare.empty section.compare .header-compare .form-selects .form-select {
    margin-left: 15.5px;
}

main.compare.empty section.compare .header-compare .form-selects {
    width: 100%;
}

main.compare section.compare .header-compare .compareBtn,
main.compare section.compare .header-compare .form-selects select {
    width: 421px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

main.compare section.compare .header-compare .compareBtn:last-child,
main.compare section.compare .header-compare .form-selects select:last-child {
    margin-bottom: 0;
}

main.compare section.compare table.compare {
    margin-top: 30px;
}

main.compare section.compare .header-compare .cars-compare {
    overflow-x: auto;
}

main.compare section.compare .header-compare .cars-compare::-webkit-scrollbar {
    height: 10px;

}

main.compare section.compare .header-compare .cars-compare::-webkit-scrollbar-track {
    background-color: rgba(217, 217, 217, 0.42);
    border-radius: 5px;
}

main.compare section.compare .header-compare .cars-compare::-webkit-scrollbar-thumb {
    background-color: #D9D9D9;
    border-radius: 5px;
}

main.compare section.compare .header-compare .car-compare {
    min-width: 33.333% !important;
    width: 3.333%
}

main.compare section.compare .header-compare .car-compare .item-car {
    margin-bottom: 20px;
}

main.compare section.compare .header-compare .car-img {
    width: 204px;
    height: 108px;
    border-radius: 10px;
}

main.compare section.compare .header-compare .title-car {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 13px;
    margin-bottom: 19px;
}

main.compare section.compare .header-compare .price-car {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.compare section.compare .header-compare .car-compare .btn-close-compare {
    position: absolute;
    bottom: -30px;
    width: 24px;
    height: 24px;
    border: none;
    background-image: url(../images/Icones/close-modal.svg);
    background-repeat: no-repeat;
    background-size: 10px 11px;
    background-position: center center;
    background-color: #E5E5E5;
    border-radius: 100px;
    padding: 4px;
    margin: 0;
    z-index: 999;
    display: none;
}

main.compare section.compare .header-compare .car-compare:hover .btn-close-compare {
    display: block;
}

main.compare section.compare .table-compare div.title {
    padding-top: 40px;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #C9C9C9;
    height: 78px;
    margin-bottom: 10px;
}

main.compare section.compare .table-compare div.title.first-title {
    height: 38px;
    padding-top: 0px;
}

main.compare section.compare .table-compare div.title h3 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

main.compare section.compare .table-compare div.column {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 0.5px solid #C9C9C9;
    height: 40px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

main.compare section.compare .table-compare div.column.line-active {
    background-color: #F5F5F5;
}

main.compare section.compare .table-compare div.column .cercle {
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 100%;
}

main.compare section.compare .table-compare div.column.hide {
    display: none !important;
}

/* -- CSS Page Edit profile showroom -- */
.dashboard.edit-profil-showroom {
    margin: 20px 0 30px 0;
}

.dashboard.edit-profil-showroom h3,
.dashboard.edit-profil-car-group h3 {
    margin-bottom: 20px;
}

.dashboard.edit-profil-showroom h4,
.dashboard.edit-profil-car-group h4 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.dashboard.edit-profil-showroom .row-icone-badge,
.dashboard.edit-profil-showroom .row-hour-location,
.dashboard.edit-profil-showroom .row-social-media,
.dashboard.edit-profil-showroom .row-hour-location .text-field input,
.dashboard.dashboard.edit-profil-car-group .row-icone-badge,
.dashboard.edit-profil-car-group .row-hour-location,
.dashboard.edit-profil-car-group .row-social-media,
.dashboard.edit-profil-car-group .row-hour-location .text-field input {
    margin-bottom: 20px;
}

.dashboard.edit-profil-showroom .row-hour-location .input-group,
.dashboard.edit-profil-showroom .row-social-media input,
.dashboard.edit-profil-showroom .row-hour-location .text-field input,
.dashboard.edit-profil-car-group .row-hour-location .input-group,
.dashboard.edit-profil-car-group .row-social-media input,
.dashboard.edit-profil-car-group .row-hour-location .text-field input {
    width: 309px;
}

.dashboard.edit-profil-showroom form .form-label,
.dashboard.edit-profil-car-group form .form-label {
    height: 30px;
    margin-bottom: 0;
}

.dashboard.edit-profil-showroom form .row-hour-location .input-group i.icone-hour,
.dashboard.edit-profil-car-group form .row-hour-location .input-group i.icone-hour {
    width: 16.178px;
    height: 17px;
    background-image: url(../images/Icones/clock-three.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboard.edit-profil-showroom form .row-hour-location .input-group i.icone-location,
.dashboard.edit-profil-car-group form .row-hour-location .input-group i.icone-location {
    width: 17.381px;
    height: 17.404px;
    background-image: url(../images/Icones/icone-location.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboard.edit-profil-showroom .row-hour-location .input-group-text,
.dashboard.edit-profil-car-group .row-hour-location .input-group-text {
    color: #333132;
    background-color: #fff;
    border: 1px solid #C9C9C9;
    border-right: 0;
    border-radius: 10px;
}

.dashboard.edit-profil .row-icone-badge .form-group,
.dashboard.edit-profil-showroom .row-icone-badge .form-group,
.dashboard.edit-profil-car-group .row-icone-badge .form-group {
    min-width: 520px;
}

.dashboard.edit-profil .row-icone-badge .form-group input {
    width: 100%;
}

.dashboard.edit-profil-showroom .row-icone-badge .form-group:first-child,
.dashboard.edit-profil-car-group .row-icone-badge .form-group:first-child {
    margin-bottom: 20px;
}

.dashboard.edit-profil-showroom .row-hour-location select,
.dashboard.edit-profil-showroom .row-hour-location input,
.dashboard.edit-profil-car-group .row-hour-location select,
.dashboard.dashboard.edit-profil-car-group .row-hour-location input {
    border-left: 0;
}

.dashboard.edit-profil-showroom .row-hour-location .text-field input,
.dashboard.edit-profil-car-group .row-hour-location .text-field input {
    border-left: 1px solid #C9C9C9;
}

.dashboard.edit-profil-showroom form .col-btns,
.dashboard.edit-profil-car-group form .col-btns {
    margin-top: 20px;
}

.dashboard.edit-profil-showroom form .col-btns .btn,
.dashboard.edit-profil-car-group form .col-btns .btn {
    width: 261px;
    margin-left: 12px;
}

.dashboard.edit-profil-showroom form .col-btns .btn.submitBtn,
.dashboard.edit-profil-car-group form .col-btns .btn.submitBtn {
    color: #fff;
    background-color: #333132;
}

.dashboard.edit-profil form .more-image,
.dashboard.edit-profil-showroom form .more-image,
.dashboard.edit-profil-car-group form .more-image {
    margin-top: 12px;
    margin-right: 18px;
}

.dashboard.edit-profil form .more-image .drop-zone,
.dashboard.edit-profil-showroom form .more-image .drop-zone,
.dashboard.edit-profil-car-group form .more-image .drop-zone {
    position: relative;
    width: 224px;
    height: 168px;
    cursor: pointer;
    color: #cccccc;
    border: 1px dashed #C9C9C9;
    border-radius: 5px;
}

.dashboard.edit-profil-showroom textarea,
.dashboard.edit-profil-car-group textarea {
    height: 111px;
    padding: 19px 13px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.dashboard.edit-profil-showroom div.input-copy-company-registration input,
.dashboard.edit-profil-car-group div.input-copy-company-registration input {
    padding: 15px;
}

/* -- CSS Page Edit profile car group -- */
.dashboard.edit-profil-car-group {
    margin: 20px 0 30px 0;
}

/* -- CSS Page Ad latest event -- */
.dashboard.ad-latest-event {
    margin: 20px 0 30px 0;
}

/* -- CSS Page Login  -- */
section.login,
section.sign-in {
    margin-top: 30px;
    flex: 1;
}

section.login .title h1,
section.sign-in .title h1,
section.sign-up .title h1,
section.page404 .title h1 {
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

section.sign-in .title p {
    margin-top: 10px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

section.login form,
section.sign-in form {
    margin-top: 11px;
    margin-bottom: 30px;
    max-width: 394px;
}

section.login form label,
section.sign-in form label {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    height: 30px;
}

section.login form .required,
section.sign-in form .required {
    color: rgba(249, 6, 6, 0.97);
}

section.login form input,
section.sign-in form input,
section.sign-in select {
    height: 50px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

section.sign-in textarea {
    height: 109px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    background: rgba(255, 255, 255, 0.23);
    padding: 9px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
}

section.sign-in .form-check-label {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

section.sign-in input.form-check-input {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    margin-right: 13px;
    margin-top: 0;
}

section.sign-in .input-group-text {
    color: #333132;
    background-color: #fff;
    border: 1px solid #C9C9C9;
    border-right: 0;
    border-radius: 10px;
    margin-bottom: 10px;
}

section.sign-in .input-card-number input,
section.sign-in .input-card-number input,
section.sign-in .from-hour input {
    width: auto !important;
    border-left: 0;
}

section.sign-in .pro-account .step4 .input-upload label,
section.sign-in .groups-clubs .step3 .input-upload label {
    width: 190px;
    height: 36px;
    border-radius: 18px;
    background-color: #F5F5F5;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border: none;
}

section.sign-in .select-country,
section.sign-in .input-tel,
section.sign-in .select-city,
section.sign-in .select-zone {
    margin-bottom: 10px;
}

section.sign-in .iti {
    width: 100%;
}

section.login form .input-password input,
section.sign-in .input-password input {
    border-right: none;
}

section.login form .input-password button,
section.sign-in .input-password button {
    border: 1px solid #C9C9C9;
    border-left: none;
    border-radius: 10px;
}

section.login form .icone-eye::before,
section.sign-in form .icone-eye::before {
    content: url(../images/Icones/eye-pwd.svg);
}

section.login form .input-email,
section.login form .input-password,
section.sign-in form input,
section.sign-in .input-password button {
    margin-bottom: 10px !important;
}

section.login form p.forgot-password a {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    text-decoration: none;
}

section.login button.btn-sign-in,
section.sign-in button#continueBtn,
section.sign-in button.btn-submit,
section.sign-up button.btn,
section.sign-in .groups-clubs .continueBtn,
section.sign-in .pro-account .continueBtn {
    max-width: 394px;
    height: 50px;
    border-radius: 10px;
    background: #333132;
    border-color: #333132;
    margin-bottom: 25px;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

section.sign-in button#continueBtn,
section.sign-in button.btn-submit {
    margin-top: 6px;
}

section.login hr,
section.sign-in hr {
    color: #C9C9C9;
}

section.login p.separation,
section.sign-in p.separation {
    margin: 0 15px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn-connexion {
    margin-top: 19px;
}

.btn-connexion a {
    width: 394px;
    height: 50px;
    padding: 12px 9px;
    color: #333132;
    background: #F5F5F5;
    border-radius: 10px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
}

section.login p,
section.sign-in p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

section.sign-in p.notice {
    margin-top: -3px;
    margin-bottom: 10px;
    width: 372px;
}

section.login p a,
section.sign-in p a {
    text-decoration: none;
}

section.sign-in .txt-login {
    margin-top: 10px;
}

/* -- CSS Page PRO account  -- */
section.sign-in .pro-account form,
section.sign-in .groups-clubs form {
    margin-top: 0px;
}

section.sign-in .pro-account form {
    margin-top: 0px;
}

section.sign-in .pro-account .title p {
    margin-bottom: 10px;
}

section.sign-in .pro-account .continueBtn,
section.sign-in .groups-clubs .continueBtn {
    margin-top: 6px;
    margin-bottom: 0;
}

section.sign-in .pro-account .step3 .checks {
    margin-top: 6px;
}

section.sign-in .pro-account .step3-2 .title h1 {
    margin-bottom: 10px;
}

section.sign-in .pro-account h2,
section.sign-in .groups-clubs h2,
section.sign-in .pro-account h2 {
    color: #333132;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}

section.sign-in .pro-account .step4 .title h1,
section.sign-in .groups-clubs .step3 .title h1 {
    margin-bottom: 20px;
}


section.sign-in .pro-account h2.title-social-media,
section.sign-in .groups-clubs h2.title-social-media {
    margin-top: 20px;
}

section.sign-in .pro-account h2.title-credit-card,
section.sign-in .groups-clubs h2.title-credit-card {
    margin-top: 10px;
    margin-bottom: 10px;
}

section.sign-in .groups-clubs .logo-label,
section.sign-in .groups-clubs .company-registration-label,
section.sign-in .groups-clubs .company-cover-label,
section.sign-in .pro-account .logo-label,
section.sign-in .pro-account .company-registration-label,
section.sign-in .pro-account .company-cover-label {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px;
}

section.sign-in .pro-account hr,
section.sign-in .groups-clubs hr {
    color: #C9C9C9;
    margin-top: 16px !important;
    margin-bottom: 10px !important;
}

section.sign-in .pro-account button.btn-submit,
section.sign-in .groups-clubs button.btn-submit {
    margin: 0;
}

.iti__flag.iti__globe {
    display: none !important;
}

/* -- CSS Page Group and clubs  -- */
section.sign-in .groups-clubs .title p {
    margin-bottom: 10px;
}

section.sign-in .groups-clubs .step2 .title h1 {
    margin-bottom: 10px;
}

/* -- CSS Page Choose Profile  -- */
section.choose-profile {
    margin-top: 30px;
    flex: 1;
}

section.choose-profile .title h1 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

section.choose-profile form {
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 394px;
}

section.choose-profile .check-account {
    width: 394px;
    height: 69px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    margin-bottom: 23px;
    cursor: pointer;
}

section.choose-profile .check-account label.form-check-label {
    height: 100%;
    width: 100%;
    padding: 24px 15px 24px 9px;
}

section.choose-profile .check-account input.form-check-input {
    border-radius: 50%;
    position: absolute;
    top: 25px;
    right: 15px;
    margin: 0;
}

section.choose-profile {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

section.choose-profile button {
    max-width: 394px;
    height: 50px;
    border-radius: 10px;
    background: #333132;
    border-color: #333132;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

section.choose-profile button:hover {
    background: #333132;
    border-color: #333132;
    color: #fff;
}

section.choose-profile input[type=checkbox] {
    width: 16px;
    height: 16px;
    margin-top: 0;
    margin-right: 7px;
}

section.choose-profile .check-terms label {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.btn-primary:disabled {
    background-color: #777;
    border-color: #777;
}

.form-check-input:checked {
    background-color: #333132;
    border-color: #333132;
}

section.choose-profile .txt-login {
    margin-top: 10px;
}

/* CSS Page Sign up */
section.sign-up {
    margin: 117px 0;
}

section.sign-up form {
    max-width: 394px;
}

section.sign-up .img-envelope {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background-color: #F5F5F5;
    margin-top: 37px;
}

section.sign-up h2 {
    color: #333132;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 15px 0;
}

section.sign-up p {
    color: #333132;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 37px;
}

section.sign-up button.btn {
    margin-bottom: 0;
}

/* CSS Page 404 */
section.page404 {
    margin: 117px 0;
}

section.page404 .content404 {
    max-width: 394px;
}

section.page404 .title h1 {
    font-size: 42px;
}

section.page404 .icone404 {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background-color: #F5F5F5;
    margin-top: 37px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

section.page404 p {
    color: #333132;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 37px 0;
}

section.page404 button.btn {
    max-width: 394px;
    height: 50px;
    border-radius: 10px;
    background: #333132;
    border-color: #333132;
    margin-bottom: 25px;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

/* CSS Page Ad event */
.dashboard.ad-event {
    margin-top: 20px;
    margin-bottom: 30px;
}

.dashboard.ad-event ul.tabs-event {
    width: auto;
    height: 50px;
    float: right;
    border-radius: 26px 26px;
    background: #F5F5F5;
}

.dashboard.ad-event .tabs-event li.nav-item a {
    border-radius: 26px 26px;
    width: 192px;
    height: 50px;
    padding: 13.5px 0;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #333132;
}

.dashboard.ad-event .tabs-event li.nav-item a.active {
    color: #FFF !important;
    background: #333132;
}

.dashboard.ad-event h3 {
    padding-bottom: 42px;
}

.dashboard.ad-event h4 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 20px;
}

.dashboard.ad-event .tab-event .form-group {
    margin-top: 30px;
}

.dashboard.ad-event .tab-event .form-group.description-textarea {
    margin-top: 0px;
}

.dashboard.ad-event .tab-event .form-group .input-group .input-group-text {
    color: #333132;
    background-color: #fff;
    border: 1px solid #C9C9C9;
    border-right: 0;
    border-radius: 10px 0 0 10px;
}

.dashboard.ad-event .input-group input {
    border-left: 0;
}

.dashboard.ad-event .when-event .input-date,
.dashboard.ad-event .when-event .select-lieu {
    max-width: 421px;
}

.dashboard.ad-event form textarea {
    border-radius: 10px;
    height: 192px;
    padding: 26px 13px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.dashboard.ad-event form .btns .btn {
    width: 261px;
    margin-left: 12px;
}

.dashboard.ad-event form .btn.submitBtn {
    background-color: #333132;
    color: #fff;
}

.dashboard.ad-event .form-switch .form-check-input {
    width: 49px;
    height: 24px;
    border-radius: 45px;
}

.dashboard.ad-event .form-switch label {
    margin-right: 7px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dashboard.ad-event .form-section.photos-videos {
    margin-top: 30px;
}

.dashboard.ad-event .form-section.photos-videos .drop-zone {
    margin-bottom: 31px;
}

.dashboard.ad-event .form-section.photos-videos input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

.dashboard.ad-event .form-section.photos-videos .drop-zone {
    position: relative;
    width: 300px;
    height: 253.542px;
    margin-bottom: 30px;
    cursor: pointer;
    color: #cccccc;
    border: 2.5px dashed #C9C9C9;
    border-radius: 5px;
}

.dashboard.ad-event .form-section.photos-videos .drop-zone__prompt {
    width: 63.267px;
    height: 63.402px;
    background-image: url('../images/Icones/camera.svg');
    background-size: cover;
    background-position: center;
}

.dashboard.ad-event .form-section.photos-videos .drop-zone__txt {
    color: #333132;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.dashboard.ad-event .form-section.photos-videos .drop-zone .drop-zone__close {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 9;
    background-color: #fff;
    width: 26px;
    height: 26px;
    border: 1px solid #C9C9C9;
    border-radius: 100px;
    text-align: center;
    line-height: 27px;
}

.dashboard.ad-event .form-section.photos-videos .drop-zone__thumb {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    background-size: cover;
    position: relative;
}

/* CSS Page List event */
.dashboard.list-event {
    margin-top: 20px;
    margin-bottom: 30px;
}

.dashboard.list-event .header-list-event h2 {
    padding-bottom: 1px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dashboard.list-event .header-list-event .list-filtre {
    width: 420.031px;
}

.dashboard.list-event .header-list-event span.date-event {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.dashboard.list-event .card-group {
    padding-top: 21px;
}

.dashboard.list-event .card-group .card {
    width: 313px;
    padding: 0 !important;
    border-radius: 10px;
    border: 1px solid rgba(201, 201, 201, 0.70);
    margin-bottom: 20px;
}

.dashboard.list-event .card-group .card .card-img-top {
    border-radius: 10px 10px 0px 0px;
    height: 230px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.dashboard.list-event .card-group .card .card-body {
    padding: 11.41px 23.64px 11.41px 23.64px;
    min-height: 123.896px;
}

.dashboard.list-event .card-group .card .card-title {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 11px;
}

.dashboard.list-event .card-group .card .card-title a {
    color: #333132;
    text-decoration: none;
}

.dashboard.list-event .card-group .card .card-date,
.dashboard.list-event .card-group .card .card-location {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 11px;
}

.dashboard.list-event .card-group .card .card-location,
section.related-event .card-groups .card-location,
main.event-details section.event-details .info-details-event p.location,
.card-group.card-group-v1 .card .card-body .col-info .list-group .list-group-item.city,
main.showroom-list div.dashboard-showroom-list .card .card-body ul.list-group li.list-group-item.city span,
section.groups-tabs .card-groups .card-location span,
section.groups-tabs .card-groups p.card-location,
main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .list-group p.adr,
.cars.card-group .card.card-cars-v1 p.location {
    text-transform: capitalize !important;
}

.dashboard.list-event .card-group .card .card-date span {
    padding-right: 4px;
}

.dashboard.list-event .card-group .card .card-body i {
    margin-right: 8px;
    background-repeat: no-repeat;
}

.dashboard.list-event .card-group .card .card-date i.icone-calendar {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('../images/Icones/calendar-day.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboard.list-event .card-group .card .card-location i.icone-location {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('../images/Icones/map-pin.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboard.list-event .card-group .card .btn-card {
    width: 30.626px;
    height: 30.626px;
    background-color: rgba(0, 0, 0, 0.30);
    border-radius: 100%;
    border: 0;
    top: 10px;
    right: 11px;
    background-image: url('../images/Icones/Group 1095.svg');
}

.dashboard.list-event .card-group .card .btn-card::before {
    content: none;
}

.dashboard.list-event .card-group .card .dropdown-menu {
    border-radius: 10px;
    padding: 20px 11px 8px 11px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transform: translate(-10px, 42px) !important;
    border: 0;
}

.dashboard.list-event .card-group .card .dropdown-menu .dropdown-item {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    margin-bottom: 12px;
}

.dashboard.list-event .card-group .card .dropdown-menu .dropdown-item i {
    margin-right: 8px;
}

/* CSS Page Details event */
.dashboard.details-event {
    margin-top: 20px;
    margin-bottom: 30px;
}

.dashboard.details-event section.event .row.photo-event .photo-event {
    width: 100%;
    height: 429px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    margin: 20px 0 !important;
}

.dashboard.details-event .header-event {
    margin-bottom: 20px !important;
}

.dashboard.details-event .calendar {
    width: 87.067px;
    height: 87px;
    border-radius: 12px;
    background: #F5F5F5;
}

.dashboard.details-event .calendar .header {
    width: 100%;
    height: 23.945px;
    border-radius: 12px 12px 0px 0px;
    background: #333132;
}

.dashboard.details-event .calendar .content p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 15px;
}

.dashboard.details-event .header-event .publication-date {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 11px;
}

.dashboard.details-event .title-event h1 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.dashboard.details-event .content-event p {
    color: #333132;
    text-align: justify;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dashboard.details-event .row-btns {
    margin-top: 20px;
}

.dashboard.details-event .row-btns {
    margin-top: 20px;
}

.dashboard.details-event .row-btns .btn {
    width: 261px;
    margin-left: 12px;
}

.dashboard.details-event .row-btns .btn.publishBtn {
    color: #fff;
    background: #333132;
}

/* -- CSS Custom Select -- */
.custom-select {
    position: relative;
    display: inline-block;
}

.custom-select-trigger {
    position: relative;
    display: block;
    width: 420.031px;
    height: 50px;
    padding: 16px 20px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    top: 50%;
    right: 20px;
    margin-top: -3px;
    border-bottom: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    transform: rotate(45deg) translateY(-50%);
    transition: all 0.35s ease-out;
    transform-origin: 50% 0;
}

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 110%;
    left: 0%;
    right: 0;
    width: 100%;
    margin: 10px 0;
    border-radius: 5px;
    box-sizing: border-box;
    background: #fff;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border: 0;
}

.custom-select.opened .custom-options {
    opacity: 1;
    z-index: 999;
    visibility: visible;
    pointer-events: all;
}

.custom-option {
    position: relative;
    display: block;
    padding: 12px 20px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
    cursor: pointer;
    transition: all 0.05s ease-in-out;
}

.custom-option.selection {
    display: none;
}

/* CSS Page Contact us */
main.contact-us {
    margin: 30px 0;
}

main.contact-us section.contact-us form {
    max-width: 1330px;
}

main.contact-us section.contact-us h1 {
    color: #333132;
    font-family: 'Cinzel', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 30px 0 20px 0;
}

main.contact-us section.contact-us form .label {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    height: 30px;
}

main.contact-us section.contact-us form input {
    width: 655px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}

main.contact-us section.contact-us form textarea {
    height: 160px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}

main.contact-us section.contact-us form .btn.btn.btn-submit {
    width: 394px !important;
    height: 50px;
    border: 1px solid #333132;
    border-radius: 10px;
    background-color: #333132;
    color: #fff;
    text-align: center;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* CSS Page Privacy Policy & Terms and Conditions */
main.privacy-policy,
main.terms-conditions {
    margin: 30px 0;
}

main.privacy-policy section.privacy-policy h1,
main.terms-conditions section.terms-conditions h1 {
    color: #333132;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin: 30px 0 20px 0;
}

main.privacy-policy section.privacy-policy .content,
main.terms-conditions section.terms-conditions .content {
    max-width: 1330px;
}

main.privacy-policy section.privacy-policy h3,
main.terms-conditions section.terms-conditions h3 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

main.privacy-policy section.privacy-policy p,
main.terms-conditions section.terms-conditions p {
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}

main.privacy-policy section.privacy-policy a,
main.terms-conditions section.terms-conditions a {
    color: #000;
}

main.privacy-policy section.privacy-policy p span,
main.terms-conditions section.terms-conditions p span {
    margin-left: 50px;
}

main.privacy-policy section.privacy-policy ul,
main.terms-conditions section.terms-conditions ul {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 20px;
}

main.privacy-policy section.privacy-policy ul li,
main.terms-conditions section.terms-conditions ul li {
    padding-bottom: 10px;
}

/* CSS RANGE */
.range {
    margin-bottom: 18px;
}

.range .irs--flat .irs-line {
    height: 2px;
    background-color: #C9C9C9;
    border-radius: 0px;
}

.range .irs--flat .irs-bar {
    top: 25px;
    height: 3px;
    background-color: #333132;
}

.range .irs--flat .irs-min,
.irs--flat .irs-max {
    display: none;
}

.range .irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    color: rgba(51, 49, 50, 0.97);
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: transparent;
}

.range .irs-from,
.irs-to,
.irs-single {
    top: 45px;
}

.range .irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    content: none;
}

.irs--flat .irs-handle {
    top: 16px;
    width: 20px;
    height: 20.226px;
    background-color: #fff;
    border: 3px solid #000;
    border-radius: 50px;
}

.irs--flat .irs-handle>i:first-child {
    background-color: transparent;
}

/* CSS Modal */
.modal-content {
    border-radius: 10px;
    border: 1px solid #C9C9C9;
}

.modal-header .btn-close,
.modal-content .btn-close {
    max-width: 24px;
    max-height: 24px;
    background-image: url('../images/Icones/close-modal.svg');
    background-size: auto;
    background-color: #E5E5E5;
    border-radius: 100px;
    padding: 4px;
    margin: 0;
}

.modal-header .modal-title {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#contactGroupModal .modal-dialog,
#register-car .modal-dialog {
    width: 374px;
    height: auto;
}

#contactGroupModal .modal-header,
#register-car .modal-header {
    border: none;
    padding: 16px 10px 20px 10px;
}

#contactGroupModal .modal-body,
#register-car .modal-body {
    padding: 0 10px 16px 10px;
}

#contactGroupModal .modal-body .form-contact-group input,
#contactGroupModal .modal-body .form-contact-group textarea,
#register-car .modal-body .form-contact-group input,
#register-car .modal-body .form-contact-group textarea {
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    padding: 10px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
}

#contactGroupModal .modal-body .form-contact-group textarea,
#register-car .modal-body .form-contact-group textarea {
    height: 100px;
}

#contactGroupModal .modal-body .form-contact-group .submitBtn,
#register-car .modal-body .form-contact-group .submitBtn {
    padding: 10px;
    border-radius: 10px;
    background-color: #333132;
    color: #FFF;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

#register-car .modal-body .form-contact-group .submitBtn {
    margin-bottom: 0;
}

#contactGroupModal .modal-body .form-contact-group .btn.btnCall {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #333132;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#contactGroupModal .modal-body .form-contact-group i.icone-tel {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: cover;
    background-position: center;
    background-image: url('../images/Icones/waSocial Icons.svg');
}

#shareModal .modal-dialog {
    width: 370px;
    height: auto;
}

#shareModal .modal-header {
    border-bottom: 1px solid #C9C9C9;
    padding: 16px;
}

#shareModal .modal-body {
    padding: 21px 16px;
}

#shareModal .modal-body .btn {
    padding: 0 0 20px 0;
    margin-bottom: 28px;
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid #C9C9C9;
}

#shareModal .modal-body .btn:last-child {
    padding: 0px;
    margin-bottom: 0px;
    border: none;
}

#shareModal .modal-body .btn i {
    width: 22px;
    height: 22px;
    background-size: auto;
}

#shareModal .modal-body .btn i.icone-WhatsApp {
    background-image: url('../images/Icones/WA-logo.svg');
}

#shareModal .modal-body .btn i.icone-Facebook {
    background-image: url('../images/Icones/facebook-logo.svg');
}

#shareModal .modal-body .btn i.icone-Instagram {
    background-image: url('../images/Icones/insta-logo.svg');
}

#shareModal .modal-body .btn i.icone-Twitter {
    background-image: url('../images/Icones/twitter-logo.svg');
}

#shareModal .modal-body .btn i.icone-Copy-link {
    background-image: url('../images/Icones/link-alt.svg');
}

#shareModal .modal-body .btn i.icone-Email {
    background-image: url('../images/Icones/envelope-email.svg');
}

#deleteModal .modal-dialog,
#markSoldModal .modal-dialog,
#promoteAdModal .modal-dialog,
#delete-modify-event .modal-dialog {
    max-width: 554px;
    height: auto;
}

#deleteModal .modal-content,
#markSoldModal .modal-content,
#promoteAdModal .modal-content,
#delete-modify-event .modal-content {
    padding: 21px;
}

#deleteModal .modal-content .btn-close,
#markSoldModal .modal-content .btn-close,
#promoteAdModal .modal-content .btn-close,
#delete-modify-event .modal-content .btn-close {
    position: absolute;
    top: 21px;
    right: 21px;
    z-index: 9;
}

#deleteModal .modal-content .content-delete-model,
#markSoldModal .modal-content .content-delete-model,
#promoteAdModal .modal-content .content-delete-model,
#delete-modify-event .modal-content .content-delete-model {
    padding-top: 19px;
}

#deleteModal .modal-content .modal-title,
#markSoldModal .modal-content .modal-title,
#promoteAdModal .modal-content .modal-title,
#delete-modify-event .modal-content .modal-title {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 8px;
}

#deleteModal .modal-content p,
#markSoldModal .modal-content p,
#promoteAdModal .modal-content p,
#delete-modify-event .modal-content p {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#deleteModal .modal-content .icone-trash,
#markSoldModal .modal-content .icone-mark,
#promoteAdModal .modal-content .icone-mark,
#delete-modify-event .modal-content .icone-trash {
    width: 56px;
    height: 56px;
    padding: 14px;
    border-radius: 8px;
    background: #F5F5F5;
    margin-right: 24px;
}

#deleteModal .modal-footer,
#markSoldModal .modal-footer,
#promoteAdModal .modal-footer {
    margin-top: 35px;
}

#deleteModal .modal-footer .btn,
#markSoldModal .modal-footer .btn,
#promoteAdModal .modal-footer .btn,
#delete-modify-event .modal-footer .btn {
    width: 250px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#deleteModal .modal-footer .btnCancel,
#markSoldModal .modal-footer .btnCancel,
#promoteAdModal .modal-footer .btnCancel,
#delete-modify-event .modal-footer .btnCancel {
    color: #333132;
    background-color: #fff;
}

#deleteModal .modal-footer .btnConfirm,
#markSoldModal .modal-footer .btnConfirm,
#promoteAdModal .modal-footer .btnConfirm,
#delete-modify-event .modal-footer .btnConfirm {
    color: #fff;
    background-color: #333132;
}

#promoteAdModal .modal-content .promote-btns {
    padding-top: 35px;
}

#promoteAdModal .modal-content .promote-btns .form-group {
    margin-bottom: 12px !important;
}

#promoteAdModal .modal-content .promote-btns .form-group:last-child {
    margin-bottom: 0px !important;
}

#promoteAdModal .modal-content .promote-btns .btn {
    width: 307.691px;
    height: 50px;
    border: 1px solid #C9C9C9;
    border-radius: 10px;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

#promoteAdModal .modal-content .promote-btns .checkBtn.selected {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
}

#actionModal .modal-dialog {
    max-width: 320px;
    height: auto;
}

#actionModal .modal-content {
    padding: 10px;
}

#actionModal .modal-content .card-actions-mobile {
    padding: 8px 0;
}

#actionModal .modal-content .card-actions-mobile .btnDelete,
#actionModal .modal-content .card-actions-mobile .btnEdit {
    padding: 0;
    background-color: #fff;
    border: none;
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#actionModal .modal-content .card-actions-mobile .btnDelete {
    margin-right: 16px;
}

#actionModal .modal-content .card-actions-mobile .btnDelete i,
#actionModal .modal-content .card-actions-mobile .btnEdit i {
    width: 24px;
    height: 24px;
    margin-right: 6px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#actionModal .modal-content .card-actions-mobile .btnDelete i {
    background-image: url('../images/Icones/Composant 16 – 1.svg');
}

#actionModal .modal-content .card-actions-mobile .btnEdit i {
    background-image: url(../images/Icones/Edit.svg);
}

#actionModal .modal-content .card-actions-mobile .btnPromote-Ad,
#actionModal .modal-content .card-actions-mobile .btnMarkAsSold {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #5A5A5A;
    color: #5A5A5A;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px;
}

#actionModal .modal-content .card-actions-mobile .btnPromote-Ad i,
#actionModal .modal-content .card-actions-mobile .btnMarkAsSold i {
    margin-right: 8px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#actionModal .modal-content .card-actions-mobile .btnPromote-Ad i {
    background-image: url(../images/Icones/credit-card.svg);
    width: 24px;
    height: 24px;
}

#actionModal .modal-content .card-actions-mobile .btn.btnMarkAsSold i {
    background-image: url(../images/Icones/Vector2.svg);
    width: 20px;
    height: 20px;
}

#delete-modify-event .modal-body .content {
    margin-top: 20px;
}

#delete-modify-event .modal-body .content h4 {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

#delete-modify-event .modal-body .content h4.title-delete {
    font-weight: 700;
}

#delete-modify-event .modal-body .content .check-modify,
#delete-modify-event .modal-body .content .check-delete {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C9C9C9;
}

#delete-modify-event .modal-body .content .form-check-label {
    color: #333132;
    font-family: 'Lexend', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#delete-modify-event .modal-body .content .form-check-input[type=radio] {
    width: 25px;
    height: 25px;
}

#delete-modify-event .modal-footer {
    margin-bottom: 17px;
}

/* CSS ANIMATION */
.box-shadow {
    box-shadow: none;
}

.dashboard.promote-ads .form-promote-ads .checkBtn.selected {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
}

section.classic-cars .content-classic-cars a.btn:hover,
section.Featured .btn.more-articles:hover {
    background-color: #fff !important;
    color: #333132;
}

.product:nth-child(odd) .btn-favourite:hover svg path {
    fill: #fff !important;
    fill-opacity: 1 !important;
}

.product:nth-child(even) .btn-favourite:hover svg path {
    fill: #333132 !important;
    fill-opacity: 1 !important;
}

section.new-car button.show-more:hover {
    background-color: rgba(51, 49, 50, 0.97);
    color: #fff;
}

section.new-car button.show-more:hover>i {
    color: #fff !important;
}

section.carousel .slick-item:hover .carousel-title {
    background: rgba(51, 49, 50, 0.4);
    color: rgba(51, 49, 50, 0.97);
}

section.showroom-renter-details .showroom-renter-detail .showroom-renter-btns .btn.btnContact:hover {
    background-color: #fff;
    color: #333132;
}

section.showroom-renter-details .showroom-renter-detail .showroom-renter-btns .btn.btnCall:hover {
    background-color: #333132;
    color: #fff;
}

section.carousel .slick-item:hover .carousel-title svg path {
    animation: retate 0.35s linear;
}

@keyframes retate {
    0% {
        transform: rotate(0deg);
        transform-origin: center center;
    }

    50% {
        transform: rotate(45deg);
        transform-origin: center center;
    }

    100% {
        transform: rotate(90deg);
        transform-origin: center center;
    }
}