/*========================================

Template type   :  Classified Ads
Version         :  v1.3
Author name     :  Mironcoder
Support mail    :  mironcoder@gmail.com
Author Profile  :  https://themeforest.net/user/mironcoder

=========================================*/
/*========================================
            COMMON STYLE START
=========================================*/
:root {
   --red: #ff3838;
   --gray: #777777;
   --black: #1F2022;
   --blue: #1494a9;
   --white: #ffffff;
   --chalk: #f5f5f5;
   --green: #11b76b;
   --purple: #b12fad;
   --orange: #e86121;
   --yellow: #ffab10;
   --light: #FAFAFA;
   --dark: #060607;
   --border: #E2E2E2;
   --heading: #232d3b;
   --primary: #E4A733;
   --primary-light: #75a7ff;
   --primary-hover: #0022aa;
   --view: #8edb04;
   --click: #01cbd5;
   --rating: #e8ce00;
   --sale: #dc3545;
   --rent: #03a70c;
   --booking: #7209af;
   --facebook: #3b5998;
   --linkedin: #0e76a8;
   --twitter: #00acee;
   --primary-bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
   --primary-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
}

@font-face {
   font-family: 'Satoshi';
   src: url('Fonts/Satoshi-Variable.ttf') format('ttf');
}

@font-face {
   font-family: 'Proxima';
   src: url('Fonts/Proxima-Nova-Extra/Demo_Fonts/Fontspring-DEMO-proximanova-extrabold.otf') format('otf');
}


* {
   margin: 0px;
   padding: 0px;
   outline: 0px;
}

html,
body {
   scroll-behavior: smooth;
   font-family: 'Satoshi', sans-serif;
}

body {
   color: var(--text);
   font-size: 16px;
   font-weight: 400;
   font-family: 'Satoshi', sans-serif !important;
   line-height: 26px;
}

section, div {
   font-family: 'Satoshi', sans-serif !important;
}

a {
   text-decoration: none;
   display: inline-block;
}

a:hover {
   text-decoration: none;
}

ul,
ol {
   margin-bottom: 0px;
}

span,
label {
   margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin-bottom: 0px;
   font-family: 'Proxima', sans-serif !important;
   font-weight: bold !important;
}

p,
ul,
ol,
li, a, span, strong, div, section {
   margin-bottom: 0px;
   font-family: 'Satoshi', sans-serif !important;
}

.text-primary {
   color: var(--primary) !important;
}

/** Btn style **/
.btn:hover {
   background: var(--primary);
   transition: ease;
   color: var(--white);
}

.login-btn {
   width: 179px;
   height: 48px;
   line-height: 48px;
   font-size: 12px;
   font-weight: 700;
   text-align: center;
   padding: 0;
   border-radius: 30px;
   border: 1px solid var(--primary);
}

.custom-btn {
   width: max-content;
   height: 48px;
   line-height: 48px;
   font-size: 12px;
   font-weight: 700;
   text-align: center;
   padding: 0 20px;
   border-radius: 30px;
   border: 1px solid var(--primary) !important;
   background: var(--primary);
   color: var(--white);
}

.louer {
   position: relative;
}

.louer::after {
   content: "";
   display: inline-block;
   position: absolute;
   left: -2px;
   top: 36px;
   border-radius: 5px;
   z-index: -1;
   background: var(--primary);
   border-radius: 3px;
   width: 110px;
   height: 20px;
}

.navbar .navbar-brand img,
footer img {
   width: 90px !important;
   height: 90px !important;
}

.banner-section {
   padding-top: 118px;
}

.banner-section h1 {
   font-size: 60px;
   margin-top: 43px;
   margin-bottom: 29px;
}

.banner-section p {
   margin-bottom: 59px;
   font-size: 20px;
}

.banner-section .google-play {
   margin-right: 14px;
}

.banner-section .left {
   width: 471px;
   margin-left: 118px;
   margin-right: 101px;
}

.banner-section .right {
   width: 750px;
   height: 567px;
}

.google-play {
   display: inline-block;
   width: 194px;
   height: 57px;
   border-radius: 7px;
   overflow: hidden;
}

.google-play img {
   width: 100%;
   height: 100%;
}

.model-vehicul-btn {
   padding: 10px 30px 10px 30px;
   border-radius: 30px;
   border: 1px solid var(--primary);
   gap: 10px;

}

/** Section custum css **/
.containe {
   margin-left: 118px !important;
}

.mr-118 {
   margin-right: 118px !important;
   margin-left: 118px !important;
}

.navbar {
   padding: 0px !important;
}

.navbar .content {
   display: flex;
   flex-wrap: inherit;
   align-items: center;
   justify-content: space-between;
}

.navbar .containe {
   padding: 15px 0;
   margin-left: 118px;
   margin-right: 118px;
   width: 100%;
}

.group-section {
   margin-right: 176px;
}

.terms-page .containe {
   /*margin-left: 118px;*/
}

.section-padding-top {
   padding-top: 194px;
}

.section-pb {
   padding-bottom: 194px;
}

.section-padding {
   padding: 70px 0;
}

section h2 {
   font-size: 42px;
   line-height: 51.16px;
   font-weight: 800;
}

.terms-page h2 {
   font-size: 2em;
   padding: 10px 0;
}

.terms-page h3 {
   font-size: 1.5em;
   padding: 15px 0;
}

.terms-page p {
   padding: 10px 0;
}

section p {
   font-size: 18px;
   line-height: 27px;
}

.banner-section h1 {
   font-size: 60px;
   line-height: 73.08px;
   font-weight: 800;
}

.section-more-1000 .left {
   margin-right: 146.140px;
   width: 491.86px;
   height: 515.91px
}

.section-more-1000 .right {
   height: 522px;
}

.section-more-1000 .right h2 {
   width: 490px;
   margin-bottom: 46px;
}

.section-more-1000 .right p {
   width: 444px;
   margin-bottom: 27px;
}

.section-more-1000 .models-vehicules .btn {
   margin-right: 10px;
}

.reservation-section .left {
   margin-right: 145px;
}

.reservation-section .right {
   margin-right: 80px;
}

img {
   width: 100%;
}

.reservation-section h2 {
   width: 376px;
   margin-bottom: 39px;
}

.reservation-section p {
   width: 567px;
   margin-bottom: 27px;
}

.right-118 {
   margin-right: 118px;
}

.gagner-argent-section {
   position: relative;
   width: 100%;
}

.gagner-argent-section .float-image {
   position: absolute;
   right: 0px;
   bottom: 5%;
   width: 100px;
}

.gagner-argent-section .left {
   width: 519.61px;
   margin-right: 145px;
}

.gagner-argent-section .right {
   width: 485px;
}

.gagner-argent-section h2 {
   margin-bottom: 37px;
}

.gagner-argent-section p {
   width: 475px;
}

.faqs-section h2 {
   margin-bottom: 46px;
}

.faqs-section .accordion-item h3 button {
   font-size: 24px;
   line-height: 36px;
   padding: 30px 39px;
}

.accordion-button {
   color: var(--black) !important;
   font-weight: 800 !important;
}

.one,
.accordion-button:not(.collapsed) {
   font-weight: 800 !important;
   box-shadow: none !important;
}

.one,
.accordion-button:not(.collapsed),
.accordion-collapse.collapse.show {
   background: var(--light) !important;
   border-left: 6px solid var(--primary) !important;
}

.faqs-section .accordion-item .accordion-body {
   padding: 0px 39px 30px !important;
}

.parter-sur-route .bloc-caption {
   height: 485px;
   padding: 0;
   position: relative;
   z-index: 1;
   align-items: center;
   align-content: center;
   justify-content: center;
   background: var(--heading);
   border-radius: 40px;
   overflow: hidden;
   color: var(--white) !important;
}

.parter-sur-route .bloc-caption h2 {
   margin-top: 86px;
}

.parter-sur-route .bloc-caption p {
   margin-top: 39px;
   line-height: 36px;
   font-weight: 500;
   margin-bottom: 58px;
   font-size: 24px;
}

.parter-sur-route .left {
   margin-right: 26px;
}

.parter-sur-route .bloc-caption .rectangle-img {
   width: 166.31px;
   height: 151.3px;
   rotate: -15deg;
   border-radius: 20px;
   left: -70px;
   position: absolute;
   bottom: -45px;
}

.bottom-car {
   position: relative;
   top: -200px;
   z-index: 200;
   height: 208px;
}

.bottom-car img {
   width: 485px;
   height: 311px;
}

footer a {
   font-size: 14px;
   font-weight: 500;
   color: var(--black) !important;
}

footer a:hover {
   color: var(--primary) !important;
   transition: ease 1s;
}

footer .nav .nav-item .nav-link {
   padding: 2px 0;
}

footer h3 {
   font-size: 20px;
   line-height: 27px;
   font-weight: 700;
   margin-bottom: 24px;
}

footer .copyright {
   padding: 72px 0 66px 0;
   margin-top: 82px;
}

footer .reseau-sociaux {
   display: inline-block;
   margin-top: 48px;
   padding: 0;
}

footer .reseau-sociaux li,
footer .reseau-sociaux li a {
   display: inline-block;
   padding: 0;
   margin: 0;
}

.accordion-collapse.show .accordion-button {
   border-left: 6px solid var(--primary) !important;
   font-weight: 700 !important;
   background: var(--light) !important;
}

footer .reseau-sociaux li a {
   display: inline-block;
   font-size: 2em;
   width: 24px;
   height: 24px;
   text-align: center;
   line-height: 24px;
   margin-right: 24px;
   color: var(--gray) !important;
}

footer .reseau-sociaux li a i {
   font-size: .7em;
}

footer .reseau-sociaux li a:hover i {
   color: var(--primary) !important;
}

.accordion-button::after {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
   transform: scale(.7) !important;
   color: var(--primary);
}

.accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
   color: var(--primary);
}

.sm-block {
   display: none;
}

.paiement a {
   margin-right: 8px;
}

.contact-form textarea {
   height: 140px !important;
}

.accordion-button::after {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23e4a733' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23e4a733' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}