/* ================Style modification de la barre de navigation sur le landingpage=== */
.logo-mobile img {
   height: 50px;
   max-width: 100%;
   object-fit: cover;
}

/* ================Fin style modification de la barre de navigation sur le landingpage=== */

.scrollbar-hide {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none;  /* Internet Explorer 10+ */
 }
 
 .scrollbar-hide::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
 


/*=========== Le style du champs de recherche nouvelment ajouter ========= */
.princpalS130 {
   display: flex;
   justify-content: center;
}

.s130 {
   width: 50% !important;
   display: flex;
   gap: 20px;
   align-items: center;
   justify-content: space-around;
}

.calendarSearch {
   width: max-content !important;
}

@media (max-width:769px) {
   .s130 {
      width: 100% !important;
      display: flex;
      gap: 10px;
   }
}

.s130 form {
   width: 100%;
   /* max-width: 790px; */
   /* padding-top: 24vh; */
}

.form_change_contr_lngOrdi i {
   font-size: 20px;
}

.s130 form .inner-form {
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-align: center;
   align-items: center;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
   border-radius: 34px;
   overflow: hidden;
   /* margin-bottom: 30px; */
}

.iconGlobe {
   color: #fff;
}

.change_contr_lngOrdi select {
   background-color: transparent;
   color: #fff;
   border: none;
}

.s130 form .inner-form .input-field {
   height: 50px;
}

.s130 form .inner-form .input-field input {
   height: 100%;
   background: transparent;
   border: 0;
   display: block;
   width: 100%;
   padding: 10px 0;
   font-size: 16px;
   color: #000;
}

.s130 form .inner-form .input-field input.placeholder {
   color: #6D6C6D;
   font-size: 16px;
}

.s130 form .inner-form .input-field input:-moz-placeholder {
   color: #6D6C6D;
   font-size: 16px;
}

.s130 form .inner-form .input-field input::-webkit-input-placeholder {
   color: #6D6C6D;
   font-size: 16px;
}

.s130 form .inner-form .input-field input:hover,
.s130 form .inner-form .input-field input:focus {
   box-shadow: none;
   outline: 0;
}

.s130 form .inner-form .input-field.first-wrap {
   -ms-flex-positive: 1;
   flex-grow: 1;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   background: #FFFFFF;
}

.s130 form .inner-form .input-field.first-wrap input {
   -ms-flex-positive: 1;
   flex-grow: 1;
}

.s130 form .inner-form .input-field.first-wrap .svg-wrapper {
   min-width: 80px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
}

.s130 form .inner-form .input-field.first-wrap svg {
   width: 36px;
   height: 36px;
   fill: #222;
}

.s130 form .inner-form .input-field.second-wrap {
   min-width: 150px;
   display: none;
}

.s130 form .inner-form .input-field.second-wrap .btn-search {
   height: 100%;
   width: 100%;
   white-space: nowrap;
   font-size: 16px;
   color: #fff;
   border: 0;
   cursor: pointer;
   position: relative;
   z-index: 0;
   background: #bc50e4;
   transition: all .2s ease-out, color .2s ease-out;
   font-weight: 300;
   display: none;
}

.s130 form .inner-form .input-field.second-wrap .btn-search:hover {
   background: #bc50e4;
}

.s130 form .inner-form .input-field.second-wrap .btn-search:focus {
   outline: 0;
   box-shadow: none;
}

.s130 form .info {
   font-size: 15px;
   color: #ccc;
   padding-left: 26px;
}

@media screen and (max-width: 992px) {
   .s130 form .inner-form .input-field {
      height: 50px;
   }
}

@media screen and (min-width: 767px) {
   .s130 form {
      width: 100%;
   }
}

@media screen and (max-width: 767px) {
   .s130 form .inner-form .input-field.first-wrap .svg-wrapper {
      min-width: 40px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 10px;
   }

   .s130 form .inner-form .input-field.first-wrap svg {
      width: 26px;
      height: 26px;
      fill: #222;
   }

   .s130 form .inner-form .input-field.second-wrap {
      min-width: 100px;
   }

   .s130 form .inner-form .input-field.second-wrap .btn-search {
      font-size: 13px;
   }
}

/* Fin du style du champs de recherche nouvelment ajouter*/


/* =====CSS de la modification des cartes sur la page d'acceuil ===== */
.landing_heading {
   width: 100%;
   padding-top: 10px;
   padding-bottom: 5px;
   padding-left: 7px;
   padding-right: 7px;
}

.landing_heading a {
   display: flex;
   align-items: center;
   gap: 20px;
}

@media (max-width:769px) {
   .landing_heading a {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .twoContaintFooter {
      justify-content: space-between !important;
   }
}


/* ============modification du footer ======= */
.twoContaintFooter {
   display: flex;
   justify-content: space-around;
}

@media (max-width:769px) {
   .twoContaintFooter {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
   }
}

.footer-section ul li:not(:last-child),
.footer-section p {
   margin-bottom: 0px !important;
}

/* ==================navabar calendar============= */
.divCalendar {
   /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
   width: 40px !important;
   height: 47px;
   position: relative;
   border-radius: 34px;
}

.divCalendar i {
   font-size: 30px;
   position: absolute;
   top: 10px;
   left: 10px;
   color: #E8532c;
}

.divCalendar input[type="text"] {
   z-index: 1;
   position: absolute;
   width: inherit !important;
   height: inherit;
   padding-left: 35px;
   border-radius: 34px;
   background-color: transparent;
}


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

.form-group p .text-info {
   color: #E8532c !important;
   font-weight: 600;
}

.login-form input,
.login-form input:focus {
   color: #fff;
}

.overlay:before {
   /* background-color: #fff !important; */
}

/* ================category list ========= */
.categContain {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 10px;
   /* align-content: space-around; */
   /* justify-content: space-evenly; */
}

.list-category {
   /* box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; */
   display: flex;
   flex-direction: column;
   gap: 10px;
   width: 120px;
   height: 100%;
   /* background-color: #fff; */
   border-radius: 5px;
}

@media (min-width: 395px) and (max-width: 410px) {
   .list-category {
      width: 115px;
   }

   .categImg img {
      width: 115px;
      height: 115px;
   }
}


@media (min-width: 386px) and (max-width: 395px) {
   .list-category {
      width: 112px;
   }

   .categImg img {
      width: 112px;
      height: 112px;
   }
}

@media (min-width: 380px) and (max-width: 386px) {
   .list-category {
      width: 110px;
   }

   .categImg img {
      width: 110px;
      height: 110px;
   }
}

@media (min-width: 366px) and (max-width: 380px) {
   .list-category {
      width: 105px;
   }

   .categImg img {
      width: 105px;
      height: 105px;
   }
}

@media (min-width: 350px) and (max-width: 366px) {
   .list-category {
      width: 100px;
   }

   .categImg img {
      width: 100px;
      height: 100px;
   }
}

@media (max-width: 350px) {
   .list-category {
      width: 95px;
   }

   .categImg img {
      width: 95px;
      height: 95px;
   }
}

.categImg img {
   width: 120px;
   height: 120px;
   border-radius: 5px;
}

.categTitle h5 {
   color: #ffffff;
   text-align: left;
   font-size: 15px;
}

.searchUpdate form {
   position: relative;
}

.searchUpdate input[name="search-input"] {
   border-radius: 34px;
   height: 50px;
   padding-left: 40px;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
   background-color: #fff;
}

.searchUpdate i {
   position: absolute;
   top: 30%;
   left: 12px;
   height: 50px;
   width: 30px;
   font-weight: 700;
   color: #6c757d;
   font-size: 20px;
}



@media (max-width: 991px) {
   .category-wrap {
      display: none !important;
   }
}

@media (min-width: 991px) {
   .categContain {
      display: none !important;
   }
}


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

@media (max-width:991px) {
   .buttonsOrdinateur {
      display: none;
   }

   .positonBtnModal {
      position: relative;
   }

   .buttonsPhone .aPostion {
      position: absolute;
      z-index: 1;
      bottom: -15px;
      right: 20px;
      background: #fff;
      padding: 5px 5px 0px 5px;
      border-radius: 50%;
   }
}

.listInfoUser li {
   display: flex;
   /* justify-content: space-between; */
   gap: 9px
}

.price-slider-range.ui-widget.ui-widget-content {
   background-color: #fff !important;
}

.buttonsOrdinateur i {
   color: #E8532c;
}

.sidebar-sticky h6[dir="ltr"] {
   color: #000;
}

@media (min-width:991px) {
   .buttonsPhone {
      display: none;
   }
}

.widget .ui-selectmenu-button.ui-button {
   background-color: transparent !important;
   border: #E8532c 1px solid;
}

.daterangepicker .drp-calendar {
   color: #000;
}

.alert-success {
   color: #155724;
}

.user-dashbord .table td,
.user-dashbord .table th {
   color: #fff;
}

.CardWallet {
   background-color: transparent;
}

.customerDashbo .even,
.main-info .even {
   background-color: #062731;
   ;
}

.customerDashbo input[type="search"] {
   color: #000 !important;
}

/* ====Style pour resoudre le debordement sur Header */
.ui-selectmenu-button.ui-button {
   text-align: left;
   white-space: nowrap;
   width: max-content !important;
}

/* .ui-selectmenu-menu {
   padding: 0;
   margin: 0;
   position: absolute;
   top: 40px !important;
   left: 40% !important;
   display: none;
} */
/* ====Fin Style pour resoudre le debordement sur Header */

#select2-country_code-results span {
   color: #000;
}

#recharegeWallet .modal-content,
#recharegeWallet .modal-content h5 {
   color: #000;
}

.account-info input:focus,
.account-info input {
   color: #ffffff;
}

.dashbAffiliate .event-content,
.dashbAffiliate .event-content input[value="affiliare"] {
   background-color: transparent;
}

.modalOptionDis {
   display: flex;
   gap: 20px;
   align-items: center;
   justify-content: space-around;
}



.modalOption i {
   --size: 35px;
   width: var(--size);
   height: var(--size);
   line-height: var(--size);
   text-align: center;
   background-color: var(--primary-color);
   border-radius: 50%;
   color: rgb(255, 255, 255) !important;
}

.modalOption .modal-header {
   display: block !important;
}

.modal .modal-header .close {
   background-color: #06232c29 !important;
   border: .0625rem dashed #ccd2d8 !important;
   width: 1.5rem !important;
   height: 1.5rem !important;
   display: flex;
   align-items: center;
   justify-content: space-around;
}

.modalOptionCont {
   display: flex;
   justify-content: center;
}

.modalOptionCont a {
   width: 37px !important;
}

.fv-share-modal__content {
   padding: 1rem 1rem 1.5rem;
   display: flex;
   flex-flow: column;
}

.fv-share-modal__title {
   font-size: 1.125rem;
   text-align: center;
   margin-bottom: 1rem;
   color: #031419;
}

.fv-share-modal__fieldset {
   position: relative;
   margin-bottom: 1rem;
}

.fv-share-modal__input {
   width: 100%;
   height: 2.5rem;
   border: solid .0625rem #ccd2d8;
   border-radius: .25rem;
   font-size: .875rem;
   padding-top: .5rem;
   padding-bottom: .5rem;
   padding-inline-end: 3rem;
   padding-inline-start: .5rem;
}

.fv-share-modal__copy-link {
   position: absolute;
   top: .0625rem;
   inset-inline-end: .0625rem;
   display: block;
   width: 2.375rem;
   height: 2.375rem;
   background-color: #fff;
   border: none;
   border-end-end-radius: .25rem;
   border-start-end-radius: .25rem;
   border-inline-start: solid .0625rem #ccd2d8;
}

.fv-fa-icon.svg-inline--fa {
   display: var(--fa-display, inline-block);
   height: 1em;
   overflow: visible;
   vertical-align: -.125em;
}

body {
   background-color: #F5F7FA ;

   /* background-color: #04161b; for the footer */
}

.gm-style-mtc-bbw{
   border-radius: 16.3px !important;
}

/* =========== */
@media (min-width: 400px) and (max-width: 460px) {
   .event-details-header ul li {
      font-size: 14px;
   }

}

@media (max-width: 400px) {
   .event-details-header ul li {
      font-size: 12px;
   }

}

@media (max-width: 340px) {
   .event-details-header ul li {
      font-size: 10px;
   }

}

.fa-telegram-plane {
   font-size: 22px;
}

@media (max-width: 769px) {
   .category-section .btn {
      width: 100%;
      font-size: 16px;
   }

   .event-content .time-info {

      width: calc(100% - 30px);
   }

   .fixeBottom {
      position: fixed;
      right: 0;
      bottom: 20px;
      left: 0;
      z-index: 1030;
      width: 95% !important;
      margin-left: 2%;
      background-color: #e8522ce6 !important;
   }
}

.auteurInfo .auteurDetail h5 {
   color: #000;
}

.auteurInfo .event-item,
.eventAffiliaire .event-item,
.event-details-section .event-item,
.forCategoy .event-item {
   background-color: #fff;

}

.auteurInfo .event-item h5 a,
.eventAffiliaire .event-item h5 a,
.event-details-section .event-item h5 a,
.forCategoy .event-item h5 a {
   color: #000;
}

.eventAffiliaire .event-item br {
   display: none;
}

.eventAffiliaire .event-item .title_event a {
   height: 55px;
   overflow-y: hidden;
}

.eventAffiliaire .widget-search form input {
   color: #000;
}

.eventAffiliaire .location span {
   color: #e8532c;
}

/*  ==========///////===========*/
#language-button span,
#language-button span::before {
   color: #ffffff;
}

.quantity-input button {
   /* color: #fff; */
}


/* //////////////////// */

.selectDayOption li a {
   background-color: #fff;
   padding: 5px 10px !important;
}


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

.theme-btn:hover,
a.theme-btn:hover {
   background-color: #fff !important;
   color: #E8532c !important;
}

.callUs {
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
}

.badge-progress-container {
   margin: 0 !important;
}

.modal-body a p {
   color: #E8532c;
}

.user-dashbord label,
.user-dashbord div,
.user-dashbord a {
   color: #fff !important;
}

.fa-angle-down:before {
   color: #E8532c;
}

/* =============Offcanse sur la partie custumer=============== */
.sidenav {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 5;
   top: 0;
   left: 0;
   background-color: #111;
   overflow-x: hidden;
   transition: 0.5s;
   margin-top: 60px;
}





.sidenav .closebtn {
   position: absolute;
   top: 0;
   right: 25px;
   font-size: 36px;
   margin-left: 50px;
}

#main {
   transition: margin-left .5s;
   padding: 16px;
}

.author-area changeColor li button {
   color: #000 !important;
}

.forCategoy h5 a {
   color: #000;
}

.forCategoy p {
   color: #313030;
}

input[name="location"],
input[name="location"]:focus {
   color: #000 !important;
}

.forCategoy .location span {
   color: #E8532c;
}

@media screen and (max-height: 450px) {
   .sidenav {
      padding-top: 15px;
   }

   .sidenav a {
      font-size: 18px;
   }
}

@media (max-width:991px) {
   .offcansehideMobile {
      display: none;
   }

   .hideMobile {
      display: none !important;
   }
}

@media (min-width:991px) {
   .offcansevisibleMobile {
      display: none;
   }

   .main-header .fa-search:before {
      color: #FFFFFF;
   }
}

.click-show .show-content {
   font-size: 13.33px;
}


.ya-taxi-widget_size_xs,
.btn-hetch {
   min-width: 85px !important;
   height:40px !important;
}

.btn-hetch {
   background: #fff;
   width: 100px;
   height: 50px;

   border-radius: 8px;
   font-size: 15px;
   line-height: normal;
   font-weight: 500;
   color: #000;
}