#enterprise_profile_creation_first_step_form input.form-control,
#enterprise_profile_creation_first_step_form select.form-control {
  height: 44px;
  border-radius: 12px;
}
.fafaMenuBar{
    font-size: 24px!important;
    margin: 10px;
    width: 41px;
    display: none;
}

#container-custom-padding .mainRating__sec__d span {

  display: flex;
}
.notification-position{
  position: relative;
}
.notification-count{
  position: absolute;
  top: 15px;
  right: 0px;
  padding-top: 2px;
  width: 1.25vw ;
  display: inline-block;
  height: 1.25vw;
  font-size: 0.859375vw;
  border-radius: 50%;
  text-align: center;
  margin-left: 2px;
  color: #fff;
  background: linear-gradient(128.01deg, #ff2c6d 43.87%, #deecdd 415.98%);
}
.notification-count-client{
  position: absolute;
  top: 14px;
  left: 10px;
  padding-top: 2px;
  width: 16px;
  display: inline-block;
  height: 16px;
  font-size: 11px;
  border-radius: 50%;
  text-align: center;
  margin-left: 2px;
  color: #fff;
  background: linear-gradient(128.01deg, #ff2c6d 43.87%, #deecdd 415.98%);
}
#container-custom-padding .mainRating__sec__d span i {
  margin-top: 6px !important;
  margin-left: 9px;
}

#enterprise_profile_creation_first_step_form .w-100 .department {
  height: 44px;
  border-radius: 0px 12px 12px 0px;
}

.proxi-exbold {
  font-family: 'ProximaNova' !important;
}

.search_results_box{
  position: relative;
}
.margin_bottom{
  margin-bottom: 20px;
}
.addTofev{
  position: absolute;
  bottom: -17px;
  margin-bottom: 25px;
  right: -10px;
}

.card-border-radius .w-8 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-card .creation-video li {
  list-style-type: none;
}

.fafa-i-style .fa-heart,
.fafa-i-style {
  font-size: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#contact_detail_update_videowrk .form-group label,
#legal_representative .form-group label,
#Texs_information_update .form-group label,
#bank_details_update .form-group label,
#profil_de_votre_entreprisee .form-label,
#Informations_de_facturation_form .form-label,
#Contact_comptabilite_form .form-label,
#videowrk_profil_creation_four_step_form .form-group label {
  margin-bottom: 18px !important;
}

.nav-link.btn-img img {
  margin-right: 16px !important;
}

.card-padding {
  padding: 25px 25px !important;
}

#une-for-tous-les {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* or 171% */
  color: #484848;
}

#M1-Informations-col-9 .form-group input::placeholder {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  /* identical to box height */
  color: #A2A2A2;
}

.bg-proposition {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  /* right: 0%; */
  left: 0%;
  position: absolute;
  top: 0%;
  z-index: -1;
  overflow: hidden;
  /* height: 1098px; */
  width: 100% !important;
  transform: translateX(0%) rotate(0deg);
  object-fit: cover;
}

.center-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form-check.form-border .form-check-input,
.form-check-input {
  border-radius: 50%;
}

[slider]>div>[sign]:disabled {
  background-color: initial;
  color: rgb(197, 197, 197);
}

[slider]>div>[thumb]:disabled {
  background-color: initial !important;
  color: rgb(197, 197, 197);
}

#slider-distance .slider-range {
  color: #c5c5c5;
  border: 3px solid #c5c5c5;
}

#slider-distance .disable {
  color: #c5c5c5;
}

.lang-btn {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D0D0D0;
  color: #ffff;
  font-size: 10px;
}

.form-control:focus {
  border-color: #f1177100 !important;
  box-shadow: 0 0 0 0.15rem #f117712e !important;
}

.bootstrap-tagsinput input {
  width: 100%;
  padding: 0px 10px;
}

.bootstrap-tagsinput {
  padding: 0px;
}

#videowrk_profil_creation_four_step_form input::placeholder {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  /* identical to box height */
  color: #A2A2A2;
}

:root {
  /*------button color---------*/

  --bs-btn-primary-color: linear-gradient(90deg, #f11771 0%, #ff7f84 100%);
  --bs-btn-secondary-color: #3b583e;
  --bs-btn-light-green-color: #edf5ee;
  --bs-btn-grey-color: #a2a2a2;
  --bs-btn-success-green: #9BBB9E;
  --bs-btn-light-pink-color: #fde9ef;
  --bs-btn-dafult-pink: linear-gradient(128.01deg, #ff2c6d 43.87%, #deecdd 415.98%);


  /**--------------------------**/

  /*------button radius---------*/
  --bs-btn-border-radius-6px: 6px;
  --bs-btn-border-radius-8px: 8px;
  --bs-btn-border-radius-12px: 0.75rem;
  --bs-btn-border-radius-18px: 22px;
  --bs-btn-border-radius-20px: 1.25rem;
  --bs-btn-border-radius-22px: 1.375rem;
  /**--------------------------**/

  /*------button height---------*/

  --bs-btn-height-35px: 35px;
  --bs-btn-height-37px: 37px;

  --bs-btn-height-41px: 41px;
  --bs-btn-height-44px: 44px;
  --bs-btn-height-47px: 47px;
  --bs-btn-height-48px: 48px;

  --bs-btn-height-52px: 52px;
  --bs-btn-height-55px: 55px;
  --bs-btn-height-56px: 56px;

  --bs-btn-height-66px: 66px;

  /**--------------------------**/

  /****-----------text color------------------*******/
  --bs-text-pink: #ff2c6d;
  --bs-text-green-dark: #3b583e;

  /**-----------------------------------------------**/

  /**------------box shadow----------------------------**/

  --bs-badge-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);

  /**-------------------------------------------------**/
}

.scroll.left-chat-height {
  height: 100vh !important;
  max-height:100vh;

}

.msg-input-filed .input-group {
  border: 0px solid #d0d0d0;
  background-color: #EDF5EE;
  border-radius: 6px;
}

.msg-input-filed #msg_txt {
  border: 0px solid #d0d0d0;
  background-color: #fff0;
}

.profile_section_chat .card {
  border-radius: 0px;
  box-shadow: 0px 0px 7px rgb(59 88 62 / 5%);
}

.tous_les {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 10px;
  color: #323E4A;
}

.cursor-pointer {
  cursor: pointer;
}

.btn-shadow {
  box-shadow: var(--bs-badge-box-shadow);
}

.bg-lightred-color {
  background-color: #FFF3F3 !important;
}

.bg-lightgreen-color {
  background-color: #e7fffa !important;
}

.btn-light-pink {
  background-color: var(--bs-btn-light-pink-color) !important;
  background: var(--bs-btn-light-pink-color) !important;
}

.btn-primary {
  background-color: var(--bs-btn-primary-color) !important;
  background: var(--bs-btn-primary-color) !important;
}

.btn-secondary {
  background-color: var(--bs-btn-secondary-color) !important;
  background: var(--bs-btn-secondary-color) !important;
}

.btn-light-green {
  background-color: var(--bs-btn-light-green-color) !important;
  background: var(--bs-btn-light-green-color) !important;
}

.btn-grey {
  background-color: var(--bs-btn-grey-color) !important;
  background: var(--bs-btn-grey-color) !important;
}

.bg-default-pink {
  background-color: var(--bs-btn-dafult-pink) !important;
  background: var(--bs-btn-dafult-pink) !important;
}

.bg-success-green {
  background-color: var(--bs-btn-success-green) !important;
  background: var(--bs-btn-success-green) !important;
}

.br-0 {
  border-radius: var(--bs-btn-border-radius-0px) !important;
}

.br-6 {
  border-radius: var(--bs-btn-border-radius-6px) !important;
}

.br-8 {
  border-radius: var(--bs-btn-border-radius-8px) !important;
}

.br-12 {
  border-radius: var(--bs-btn-border-radius-12px) !important;
}

.br-18 {
  border-radius: var(--bs-btn-border-radius-18px) !important;
}

.br-20 {
  border-radius: var(--bs-btn-border-radius-20px) !important;
}

.br-22 {
  border-radius: var(--bs-btn-border-radius-22px) !important;
}

.br-24 {
  border-radius: var(--bs-btn-border-radius-24px) !important;
}

.btn-h-33 {
  height: 33px !important;
}

.btn-h-35 {
  height: 35px !important;
}

.btn-h-36 {
  height: 36px !important;
}

.btn-h-37 {
  height: 37px !important;
}

.btn-h-40 {
  height: 40px !important;
}

.btn-h-41 {
  height: 41px !important;
}

.btn-h-44 {
  height: 44px !important;
}

.btn-h-47 {
  height: 47px !important;
}

.btn-h-48 {
  height: 48px !important;
}

.btn-h-52 {
  height: 52px !important;
}

#btn-h-52 {
  height: 52px !important;
}

.btn-h-55 {
  height: 55px !important;
}

.btn-h-56 {
  height: 56px !important;
}

#btn-h-56 {
  height: 56px !important;
}

.btn-h-66 {
  height: 66px !important;
}

#btn-h-66 {
  height: 66px !important;
}

.text-dark-green {
  color: var(--bs-text-green-dark) !important;
}

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

.text-green-1 {
  color: #484848 !important;
}

.text-lang {
  color: #535353 !important;
}

.text-grey {
  color: #A2A2A2 !important;
}

.text-red-color {
  color: #EB5757 !important;
}

/*************max min height **********************/

.min-h-400 {
  min-height: 400px !important;
}

.min-h-445 {
  min-height: 445px !important;
}

.min-h-149 {
  min-height: 149px !important;
}

/*************************************************/
.w-20 {
  width: 20px !important;
}

.w-23 {
  width: 23px !important;
}

.w-40 {
  width: 40px !important;
}

.w-120 {
  width: 120px !important;
}

.w-413 {
  width: 413px !important;
}

.w-478 {
  width: 478px !important;
}

.w-202 {
  width: 202px !important;
}

.w-286 {
  width: 286px !important;
}

.w-364 {
  width: 364px !important;
}

.w-648 {
  width: 648px !important;
}

.w-1248 {
  width: 1248px !important;
}

.w-146 {
  width: 146px !important;
}

.w-70 {
  width: 70px !important;
}

.h-70 {
  height: 70px !important;
}

.card-width-648 {
  width: 648px !important;
}

/*****************height******************/
.h-20 {
  height: 20px !important;
}

.h-23 {
  height: 23px !important;
}

.h-40 {
  height: 40px !important;
}

.h-323 {
  height: 323px;
}

.h-216 {
  height: 216px;
}

.h-120 {
  height: 120px !important;
}


/*----------- marging css -------------- */
.mr-4 {
  margin-right: 4px !important;
}

.m-8 {
  margin: 8px 0px !important;
}

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

.m-8rem {
  margin: 8rem 0 !important;
}

.m-b-7 {
  margin: 0px 0px 7px 0px !important;
}

.m-7 {
  margin: 7px 0px !important;
}

.m-9 {
  margin: 9px 0 !important;
}

.m-10 {
  margin: 10px 0;
}

.m-t-12 {
  margin: 12px 0px 0px 0px !important;
}

.mt-13 {
  margin-top: 13px;
}

.mb-12 {
  margin-bottom: 12px;
}

.m-12 {
  margin: 12px 0px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.m-15 {
  margin: 15px 0 !important;
}

.m-16 {
  margin: 16px 0px !important;
}

.m-18 {
  margin: 18px 0px !important;
}

.m-19 {
  margin: 19px 0px;
}

.mt-18 {
  margin-top: 18px;
}

.mt-27 {
  margin-top: 27px !important;
}

.mb-36 {
  margin-bottom: 28px;
}

.m-36 {
  margin: 36px 0px !important;
}

.mb-48 {
  margin-bottom: 48px;
}

.m-16-17 {
  margin: 0px 17px 16px 0px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.m-t-28 {
  margin: 28px 0px 0px 0px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.m-b-20 {
  margin: 0px 0px 20px 0px !important;
}

.m-20 {
  margin: 20px 0px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.m-24 {
  margin: 24px 0px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mt-25 {
  margin-top: 25px !important;
}

.m-26 {
  margin: 26px 0px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mt-55 {
  margin-top: 55px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-34 {
  margin-bottom: 34px;
}

.m-30 {
  margin: 30px 0px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.m-34-40 {
  margin: 34px 0px 40px 0px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.m-t-39 {
  margin: 39px 0px 0px 0px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.m-t-40 {
  margin: 40px 0px 0px 0px !important;
}

.m-b-40 {
  margin: 0px 0px 40px 0px !important;
}

.m-40 {
  margin: 40px 0px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.m-t-42 {
  margin: 42px 0px 0px 0px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.m-50 {
  margin: 50px 0px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.m-60 {
  margin: 60px 0px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mt-70 {
  margin-top: 70px;
}

.m-b-100 {
  margin: 0px 0px 100px 0 !important;
}

.m-80 {
  margin: 80px 0px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.m-14-64 {
  margin: 14px 0 64px 0 !important;
}


/***************font weight ***************/

.fw-600 {
  font-weight: 600 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-400 {
  font-weight: 500 !important;
}

/****************************************/
.fs-10 {
  font-size: 10px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-48 {
  font-size: 48px !important;
}

.fs-26,
.f-26 {
  font-size: 24px !important;
}

/**********font family**********/

.ff-pop {
  font-family: 'poppins' !important;
}

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

.icon-w-h {
  width: 40px;
  height: 40px;
}

.img-icon-w-h {
  width: 20px;
  height: 20px;
}

/**********--------------padding---------*/

.p-l-0 {
  padding-left: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.padding-150 {
  padding: 0 150px;
}

.pr-150 {
  padding-right: 150px !important;
}

.padding-30-60 {
  padding: 30px 60px !important;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px !important;
}

.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.pt-55 {
  padding: 55px 0px;
}

.p-56-64 {
  padding: 56px 64px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.px-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

/***************K2-Propositions de mission Videowrker CSS Begin****************************/
/***********text size**********************/
.text-xs {
  font-size: 0.75rem !important;
  /* 12px */
  line-height: 1rem;
  /* 16px */
}

.text-sm {
  font-size: 0.875rem !important;
  /* 14px */
  line-height: 1.25rem;
  /* 20px */
}

.text-base {
  font-size: .9rem !important;
  /* 16px */
  line-height: 1.5rem;
  /* 24px */
}

.text-lg {
  font-size: 1.125rem !important;
  /* 18px */
  line-height: 1.75rem;
  /* 28px */
}

.text-2xl {
  font-size: 1.5rem !important;
  /* 24px */
  line-height: 2rem;
  /* 32px */
}

.text-xl {
  font-size: 1.25rem !important;
  /* 20px */
  line-height: 1.75rem;
  /* 28px */
}

.text-3xl {
  font-size: 1.875rem;
  /* 30px */
  line-height: 2.25rem;
  /* 36px */
}

.text-4xl {
  font-size: 2.25rem;
  /* 36px */
  line-height: 2.5rem;
  /* 40px */
}

.text-4-5xl {
  font-size: 2.5rem;
  /* 40px */
  line-height: 2.5rem;
  /* 40px */
}

.text-5xl {
  font-size: 3rem;
  /* 48px */
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem;
  /* 60px */
  line-height: 1;
}

.text-7xl {
  font-size: 4.5rem;
  /* 72px */
  line-height: 1;
}

.text-8xl {
  font-size: 6rem;
  /* 96px */
  line-height: 1;
}

.text-9xl {
  font-size: 8rem;
  /* 128px */
  line-height: 1;
}


/**************text size end********************/

/**************font weight********************/
.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}


/**************font weight end********************/

/**************font color end********************/
.text-ff2c6d {
  color: #ff2c6d;
}

.text-484848 {
  color: #484848;
}

.text-A7ABBE {
  color: #A7ABBE !important;
}

/**************font color end********************/
.radius-22 {
  border-radius: 22px !important;
}

/******************************************/
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  color: #738375;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #F6F9F6 !important;
  border: none !important;
  border-radius: 8px !important;
  height: 29px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #F6F9F6 !important;
  color: #738375 !important;
  outline: none;
}


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

/**************M3-Proposition-de-mission-new***************************************************************/

.newsletter {
  justify-content: left;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 30px;
  margin-bottom: 40px;
  height: 60vh;
  overflow: auto;
  background-position: top 50% right 0;
  background-size: cover;
  background-image: url('../images/bg_shape.svg');
}

.proposition_mission_new.newsletter {
  height: 40vh;
  background-position: top 80% right 0px;
}

#news-text {
  font-size: 2em;
  display: flex;
  flex-direction: column;
  color: white;
  margin-left: 6rem;
}

#news-text h1 {
  margin-top: 0;
}


#news-form {
  font-size: 1.5em;
  display: flex;
  flex-direction: column;
  color: white;

}

#news-form input {

  height: 25px;
  width: 250px;
}

#news-form #submit {
  height: 30px;
  width: 100px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  cursor: pointer;
  border: 3px solid;
  padding: 0.25em 0.5em;
  box-shadow: 1px 1px 0px 0px, 2px 2px 0px 0px, 3px 3px 0px 0px, 4px 4px 0px 0px, 5px 5px 0px 0px;

}


#news-form #submit:active {
  box-shadow: 0px 0px 0px 0px;
  top: 5px;
  left: 5px;
}

/***************************K1 DASHBOARD VIDEOWORK CSS BEGIN *********************************************************/
.amount_text {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
  color: #FF2C6D;
}

.text-3B583E {
  color: #3B583E;
}

/*****************************************************************************/
@media screen and (min-width: 352px) and (max-width: 1399px) {


  .google-position .facebook-img {
    right: 40%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* m1-mission proposition  */

  .margin-dekstop-10rem {
    margin: 5rem 0 0 0;
  }

  #Votre-proposition {
    font-size: 43px;
    line-height: 60px;
  }

  input::placeholder {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    /* identical to box height */
    color: #a2a2a2;
  }

  .col-half-offset {
    margin-left: 0%;
  }

  .Donnez-le-maximum {
    font-size: 22px;
    line-height: 35px;
    padding: 0 60px 0 0px;
  }

  .first-section-text-bottum {
    font-size: 16px;
  }

  #wpforms-700 .wpforms-field-text {
    width: 65%;
  }

  .Proposition-top-image {
    width: 45%;
    height: auto;
  }

  .inline-fields input::placeholder {
    font-size: 18px !important;
    line-height: 18px;
    /* identical to box height */
    letter-spacing: 0.714286px;
    color: #cccccc;
  }

  #wpforms-700 {
    width: 670px;
  }

  .search-pay-field #wpforms-700-field_2 {
    width: 100%;
  }

  .text-align-end {
    text-align: end;
  }

  .text-align-center {
    text-align: center;
  }

  .text-align-start {
    text-align: start;
  }

  .display-flex-end {
    display: flex;
    align-items: center;
    justify-content: end;
  }

  .display-1-flex {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-direction: column-reverse;
  }

  #dash-video-sec-image {
    display: none;
  }

  .single-card .wrapper {
    align-items: flex-start;
    flex-direction: column;
  }

  .single-card .en-attente {
    flex-direction: column-reverse;
  }

  .single-card .creation-video li {
    list-style-type: none;
  }

  

  .totalamt-margin-mob-20 {
    margin: 20px 0px 0px 0px;
  }

  .Voir-détails {
    text-align: end;
  }

  .termines-main-mob .single-card {
    background: #f6f9f6;
    border-radius: 8px;
    padding: 5px 5px;
  }

  

  .termines-main-mob .single-card .creation-div-mob {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 5px;
    width: 100%;
    margin: 0 20px 0 20px;
  }

  .termines-main-mob .single-card {
    margin: 0px 0 24px;
    background: #f6f9f6;
    border-radius: 8px;
    padding: 40px 10px 0;
  }

  .Videowrker-profile-edit {
    display: none;
  }

  .acceptation-image-center {
    width: 120px;
  }

  .dash-video-sec-first-section-text {
    font-size: 18px;
    line-height: 27px;
  }

  .dash-video-sec-user-post-name {
    font-size: 12px;
    line-height: 18px;
  }

  .first-section-rating span {
    font-size: 20px;
  }

  #Star_rating_ {
    font-size: 13px;
    line-height: 25px;
  }

  .details-de-projet-right-section-description {
    font-size: 14px;
    line-height: 25px;
  }

  .details-de-projet-right-section-title {
    font-size: 12px;
    line-height: 18px;
  }

  .fafa-i-style {
    padding: 5px 5px;
  }

  .details-de-projet-left-section {
    padding-left: 0;
    /* margin: 0 0 10px 0; */
  }

  .single-card button {
    width: 100%;
    margin: 20px 0;
  }

  .padding-0-mob {
    padding: 0;
  }

  .mob-display-none {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

  /* m1-mission proposition  */
  .margin-dekstop-10rem {
    margin: 3rem 0 0 0;
  }

  #Votre-proposition {
    font-size: 30px;
    line-height: 42px;
  }

  input::placeholder {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height */
    color: #a2a2a2;
  }

  .col-half-offset {
    margin-left: 0%;
  }

  .Donnez-le-maximum {
    font-size: 18px;
    line-height: 28px;
    padding: 0 60px 0 0px;
  }

  .Proposition-top-image {
    width: 50%;
    opacity: 0.5;
  }

  .profile-sec p {
    font-size: 14px;
  }

  .profile-sec .prof-txt-bold {
    font-size: 14px;
  }

  .profile-sec .prof-txt-light {
    line-height: 15px;
    font-size: 10px;
  }

  .first-section-text-bottum {
    font-size: 16px;
  }

  .prof-icons {
    font-size: 24px;
  }

  .first-section-rating #section-rating {
    font-size: 15px;
    line-height: 27px;
  }

  #wpforms-700 .wpforms-field-text {
    width: 65%;
  }

  .inline-fields input::placeholder {
    font-size: 18px !important;
    line-height: 18px;
    /* identical to box height */
    letter-spacing: 0.714286px;
    color: #cccccc;
  }

  #wpforms-700 {
    width: 670px;
  }

  .search-pay-field #wpforms-700-field_2 {
    width: 100%;
  }

  .h6-structure h6 {
    font-size: 13px;
    line-height: 20px;
    margin: 20px 0 10px 0;
  }

  .dash-video-sec-title {
    font-size: 12px;
    line-height: 20px;
  }

  .dash-video-sec-des {
    font-size: 12px;
  }

  .dash-video-sec-fafa span {
    padding: 6px;
    margin: 0;
  }

  #fafa-exclamation {
    text-align: center;
  }

  #Mettez-à-jourvos {
    text-align: center;
  }

  .text-align-end {
    text-align: end;
  }

  .text-align-center {
    text-align: center;
  }

  .text-align-start {
    text-align: start;
  }

  .display-flex-end {
    display: flex;
    align-items: center;
    justify-content: end;
  }

  input::placeholder {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height */
    color: #a2a2a2;
  }

  .display-1-flex {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-direction: column-reverse;
  }

  #dash-video-sec-image {
    display: none;
  }

  .single-card .wrapper {
    align-items: flex-start;
    flex-direction: column;
  }

  .single-card .en-attente {
    flex-direction: column-reverse;
  }

  .single-card .creation-video li {
    list-style-type: none;
  }

  

  .totalamt-margin-mob-20 {
    margin: 20px 0px 0px 0px;
  }

  .Voir-détails {
    text-align: end;
  }

  .termines-main-mob .single-card {
    background: #f6f9f6;
    border-radius: 8px;
    padding: 5px 5px;
  }

  

  .termines-main-mob .single-card .creation-div-mob {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 5px;
    width: 100%;
    margin: 0 20px 0 20px;
  }

  .termines-main-mob .single-card {
    margin: 0px 0 24px;
    background: #f6f9f6;
    border-radius: 8px;
    padding: 40px 10px 0;
  }

  .Videowrker-profile-edit {
    display: none;
  }

  .acceptation-image-center {
    width: 120px;
  }

  .dash-video-sec-first-section-text {
    font-size: 15px;
    line-height: 27px;
  }

  .dash-video-sec-user-post-name {
    font-size: 12px;
    line-height: 18px;
  }

  .first-section-rating span {
    font-size: 20px;
  }

  #Star_rating_ {
    font-size: 13px;
    line-height: 25px;
  }

  .details-de-projet-right-section-description {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
  }

  .details-de-projet-right-section-title {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
  }

  .fafa-i-style {
    padding: 5px 5px;
    text-align: center;
  }

  .details-de-projet-left-section {
    padding-left: 0;
    /* margin: 0 0 10px 0; */
  }

  .single-card button {
    width: 100%;
    margin: 20px 0;
  }

  .padding-0-mob {
    padding: 0;
  }

  .mob-display-none {
    display: none;
  }

  

  .Création {
    text-align: center !important;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  /* m1-mission proposition  */

  /* overlap row social login */
  .login-mob .mo-openid-app-icons {
    flex-flow: column;
    align-items: center;
  }

  .login-mob .mob-row {
    flex-direction: column-reverse;
  }

  /* overlap row social login */

  .margin-dekstop-10rem {
    margin: 3rem 0 0 0;
  }

  #Votre-proposition {
    font-size: 23px;
    line-height: 28px;
  }

  input::placeholder {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height */
    color: #a2a2a2;
  }

  .mob-mission-margin {
    margin: 20px 0;
  }

  .mob-mission-margin {
    margin: 20px 0;
  }

  .Création {
    text-align: center !important;
  }

  .col-half-offset {
    margin-left: 0%;
  }

  .Donnez-le-maximum {
    font-size: 16px;
    line-height: 26px;
    padding: 0 60px 0 0px;
  }

  .Proposition-top-image {
    width: 50%;
    opacity: 0.5;
  }

  .profile-sec p {
    font-size: 30px;
  }

  .first-section-text-bottum {
    font-size: 25px;
  }

  .prof-icons {
    font-size: 30px;
  }

  #wpforms-700 .wpforms-field-text {
    width: 100%;
    display: block;
  }

  #wpforms-700 {
    width: 100%;
  }

  .inline-fields input::placeholder {
    font-size: 12px !important;
    line-height: 18px;
    /* identical to box height */
    letter-spacing: 0.714286px;
    color: #cccccc;
  }

  .profile-card-sec .profile-dh span,
  .profile-card-sec .profile-rating span,
  .profile-card-sec .profile-location span {
    font-size: 14px;
    line-height: 20px;
  }

  .elementor-246 .elementor-element.elementor-element-d90d5a9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
    margin-right: calc(28px / 2);
    margin-left: calc(28px / 2);
  }

  .search-pay-field #wpforms-700-field_2 {
    width: 100%;
  }

  .h6-structure h6 {
    font-size: 13px;
    line-height: 20px;
    margin: 20px 0 10px 0;
  }

  .dash-video-sec-title {
    font-size: 12px;
    line-height: 20px;
  }

  .dash-video-sec-fafa span {
    padding: 6px;
    margin: 0;
  }

  .dash-video-sec-des {
    font-size: 12px;
  }

  .text-align-end {
    text-align: end;
  }

  .text-align-center {
    text-align: center;
  }

  .text-align-start {
    text-align: start;
  }

  .display-flex-end {
    display: flex;
    align-items: center;
    justify-content: end;
  }

  #Mettez-à-jourvos {
    text-align: center;
  }

  .display-1-flex {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-direction: column-reverse;
  }

  #dash-video-sec-image {
    display: none;
  }

  .single-card .wrapper {
    align-items: flex-start;
    flex-direction: column;
  }

  .single-card .en-attente {
    flex-direction: column-reverse;
  }

  .single-card .creation-video li {
    list-style-type: none;
  }


  .totalamt-margin-mob-20 {
    margin: 20px 0px 0px 0px;
  }

  .Voir-détails {
    text-align: end;
  }

  .termines-main-mob .single-card {
    background: #f6f9f6;
    border-radius: 8px;
    padding: 5px 5px;
  }

  .single-card .status-div {
    display: none;
  }

  .termines-main-mob .single-card .creation-div-mob {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 5px;
    width: 100%;
    margin: 0 20px 0 20px;
  }

  .termines-main-mob .single-card {
    margin: 0px 0 24px;
    background: #f6f9f6;
    border-radius: 8px;
    padding: 40px 10px 0;
  }

  .Videowrker-profile-edit {
    display: none;
  }

  .acceptation-image-center {
    width: 120px;
  }

  .dash-video-sec-first-section-text {
    font-size: 18px;
    line-height: 27px;
  }

  .dash-video-sec-user-post-name {
    font-size: 12px;
    line-height: 18px;
  }

  .first-section-rating span {
    font-size: 20px;
  }

  #Star_rating_ {
    font-size: 13px;
    line-height: 25px;
  }

  .details-de-projet-right-section-description {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
  }

  .details-de-projet-right-section-title {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
  }

  .fafa-i-style {
    padding: 5px 5px;
    text-align: center;
  }

  #fafa-exclamation {
    text-align: center;
  }

  .details-de-projet-left-section {
    padding-left: 0;
    /* margin: 0 0 10px 0; */
  }

  .single-card button {
    width: 100%;

  }

  .padding-0-mob {
    padding: 0;
  }

  .mob-display-none {
    display: none;
  }
}

@media (max-width: 467px) {


  /* m1-mission proposition  */
  .margin-dekstop-10rem {
    margin: 3rem 0 0 0;
  }

  #Votre-proposition {
    font-size: 23px;
    line-height: 28px;
    text-align: center;
  }

  .mob-mission-margin {
    margin: 20px 0;
  }

  .Donnez-le-maximum {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }

  .Proposition-top-image {
    width: 90%;
    opacity: 0.5;
  }

  #wpforms-700 .wpforms-field-text {
    width: 100%;
    display: block;
  }

  #wpforms-700 {
    width: 100%;
  }

  .inline-fields input::placeholder {
    font-size: 12px !important;
    line-height: 18px;
    /* identical to box height */
    letter-spacing: 0.714286px;
    color: #cccccc;
  }

  input::placeholder {
    font-family: "Poppins";
    font-style: italic;
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    /* identical to box height */
    color: #a2a2a2;
  }

  .search-hero-section .inline-fields .wpforms-submit {
    width: 100%;
    padding: 12px 48px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
  }

  .search-pay-field #wpforms-700-field_2 {
    width: 100%;
  }

  .font-weight-bold {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.57px;
    color: #3b583e !important;
  }

  /* overlap row social login */
  .login-mob .mo-openid-app-icons {
    flex-flow: column;
    align-items: center;
  }

  .login-mob .mob-row {
    flex-direction: column-reverse;
  }

  /* overlap row social login */

  .login-mob .row.div-ou-mob .col-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .login-mob .div-ou-mob {
    margin: 24px 0 36px 0 !important;
  }

  #forgot_password {
    text-align: left;
  }

  button.btn_custom {
    height: 55px;
    background: linear-gradient(90deg, #f11771 0%, #ff7f84 100%);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 18px;
  }

  .card-border-radius {
    margin: 40px 0 32px 0;
    padding: 30px 15px !important;
  }

  .login-mob .mob-video-btn {
    margin: 0px 0px !important;
  }

  .video-work-mob-0 {
    margin: 0px 0px !important;
  }

  .login-mob .container {
    padding-right: 20px !important;
    padding-left: 20px !important;
    margin: 40px auto 40px auto;
  }

  .login-se-connecter {
    margin: 0px 0px !important;
  }

  /* -----------------------signup css style is start-------------------------- - */

  .signup-mob .Mot-de {
    font-family: Poppins;
    font-weight: 700;
    font-size: 29px;
    line-height: 34px;
    /* identical to box height, or 106% */
    text-align: center;
    letter-spacing: 1.14286px;
    color: #484848;
  }

  .signup-mob .font-weight-bold {
    /* font-family: "Proxima Nova"; */
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* or 125% */
    text-align: center;
    letter-spacing: 0.571429px;
    color: #484848;
    margin: 0px 0px;
  }

  .signup-mob .Mot-de {
    margin: 0px 0px !important;
  }

  .signup-mob .card-border-radius,
  .forgot-mob .card-border-radius {
    margin: 40px 0 32px 0;
    padding: 30px 30px !important;
  }


  

 

  .signup-mob .profile-sec-mob,
  .forgot-mob .profile-sec-mob {
    margin: 0px 0px;
  }

  .signup-mob .connection-sec-mob {
    margin: 0px 0px;
  }

  .signup-mob .connection-sec-mob {
    margin: 0px 0px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -42%;
    padding: 0 20px;
    height: 80px;
  }

  .signup-mob .mob-video-btn {
    margin: 0px 0px -7px 0px !important;
  }

  /*------------------------------------ forgot password css style start -----------------------*/

  .forgot-mob .Mot-de {
    font-family: Poppins;
    font-weight: 400;
    font-size: 32px;
    line-height: 34px;
    /* identical to box height, or 106% */
    text-align: center;
    letter-spacing: 1.14286px;
    color: #484848;
    margin: 0px 0px !important;
  }

  .forgot-mob .font-weight-bold {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* or 125% */
    text-align: center;
    letter-spacing: 0.571429px;
    color: #484848;
  }

  /* --------------enterprise profile creation page css start-------------------------- */

  .elementor-246 .elementor-element.elementor-element-50d8ea7 .elementor-button {
    color: #3b583e;
    background-color: #ffffff;
  }

  #Créez-votre-profil-dentreprise {
    font-family: Poppins;
    font-size: 32px;
    font-weight: 400;
    line-height: 34px;
    /* identical to box height, or 106% */
    text-align: center;
    letter-spacing: 1.14286px;
    color: #484848;
    margin: 0px 0px !important;
  }

  #Créez-votre-profil-dentreprise p.ces {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* or 125% */
    text-align: center;
    letter-spacing: 0.571429px;
    color: #484848;
    margin: 8px 0px 0px 0px;
  }

  #enterprise_profile_creation_first_step_form .card-border-radius .w-8 {
    width: 24% !important;
    font-size: 24px;
  }

  #enterprise_profile_creation_first_step_form input.form-control,
  #enterprise_profile_creation_first_step_form select.form-control {
    height: 55px;
    border-radius: 12px;
  }

  #enterprise_profile_creation_first_step_form .w-100 .department {
    height: 55px;
    border-radius: 0px 12px 12px 0px;
  }

  .card-border-radius .w-8 {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .Tailledelentreprise .checkbox-label {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: left;
    color: #484848;
  }

  /* --------------------video work profile creation style css----------------------- */

  #Choisissez_voter-categorieID {
    font-family: Poppins;
    font-size: 32px;
    font-weight: 400;
    line-height: 34px;
    /* identical to box height, or 106% */
    text-align: center;
    letter-spacing: 1.14286px;
    color: #484848;
    margin: 0px 0px !important;
  }

  #Choisissez_voter-categorieID #Choisissez_une-ou {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* or 125% */
    text-align: center;
    letter-spacing: 0.571429px;
    color: #484848;
    margin: 8px 0px 0px 0px;
  }

  .quiz_card_icon {
    max-width: 100%;
    min-height: 150px;
    padding: 27px 79px;
    text-align: center;
  }

  .quiz_card_icon .quiz_icon.quiz_icon1 {
    position: absolute;
    left: 0px !important;
    padding: 20px;
    font-size: 3vw !important;
    padding-top: 50px;
    line-height: 1.4;
    text-align: left;
  }

  .quiz_icon {
    width: 100%;
    position: relative;
    margin-top: 12px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    /* or 115% */

    text-align: center;
    letter-spacing: 0.714286px;

    
  }
  .quiz_card_icon .quiz_icon {

  }
  /* ----------------col-xs-width css start------------------ */

  .col-xs-12.h2-custom-width {
    width: 100% !important;
  }

  /* -----------------dashboard video work css start------------------------ */

  .text-align-end {
    text-align: end;
  }

  .text-align-center {
    text-align: center;
  }

  .text-align-start {
    text-align: start;
  }

  .display-flex-end {
    display: flex;
    align-items: center;
    justify-content: end;
  }

  .display-1-flex {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-direction: column-reverse;
  }

  #dash-video-sec-image {
    display: none;
  }

  .single-card .wrapper {
    align-items: flex-start;
    flex-direction: column;
  }

  .single-card .en-attente {
    flex-direction: column-reverse;
  }


  .totalamt-margin-mob-20 {
    margin: 20px 0px 0px 0px;
  }

  .Voir-détails {
    text-align: end;
  }

  .termines-main-mob .single-card {
    background: #f6f9f6;
    border-radius: 8px;
    padding: 5px 5px;
  }


  .termines-main-mob .single-card .creation-div-mob {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 5px;
    width: 100%;
    margin: 0 20px 0 20px;
  }

  .termines-main-mob .single-card {
    margin: 0px 0 24px;
    background: #f6f9f6;
    border-radius: 8px;
    padding: 40px 10px 0;
  }

  .single-card button {
    width: 100%;
  }

  .fafa-i-style,
  .fafa-i-style .fa-heart {
    font-size: 25px;
    padding: 0;
  }

  .details-de-projet-left-section {
    padding-left: 0;
    /* margin: 0 0 10px 0; */
  }

  .padding-0-mob {
    padding: 0;
  }

  .mob-display-none {
    display: none;
  }
}

.single-card {
  margin: 24px 0px 24px 0px;
  position: relative;
}

.single-card .wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.single-card h3 {
  text-align: center;
  font-weight: 500;
}

.single-card h1 {
  margin: 20px 0px;
  font-size: 30px;
}

.single-card i.fas {
  height: 15px;
  width: 15px;
  background-color: black;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: white;
  font-size: 10px;
  margin-right: 10px;
}

.single-card button {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 18px;
  /* width: 135px; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 33px;
  padding: 8px 16px;
}

.single-card button:hover {
  background: black;
}

.single-card .popular {
  position: relative;
}

.single-card .popular::before {
  content: "Popular";
  position: absolute;
  top: 15px;
  right: -45px;
  background: red;
  transform: rotate(45deg);
  font-size: 10px;
  padding: 0px 50px;
}

.popular.wrapper {
  color: white;
  background: #202842;
  overflow: hidden;
}

.popular.wrapper button,
.popular.wrapper i {
  color: #202842;
  background: white;
}

.disable span {
  color: #c4c4c4;
}

.disable i.fas {
  background: #c4c4c4;
}

@media screen and (max-width: 992px) {
  #pricing {
    padding: 0px 20px;
  }
  .promi_quote_table_total {
    width: 50%;
}
.w-20_per {
  width: 35% !important;
}
.promi_quote_table_total {
  width: 65%;
}

}

@media screen and (max-width: 768px) {
  #first_step_signup .font-weight-bold {
    padding: 0px !important;
  }

  .google-position .facebook-img {
    position: absolute;
    right: 70% !important;
    top: 13px;
  }

  .google-position .google-img {
    position: absolute;
    top: 52%;
    left: 26% !important;
  }

  .otp_verificattion_modal {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 1.1428571939468384px;
    text-align: center;
    color: #484848 !important;
  }

  #otp_verificattion__text {
    font-size: 15px;
    line-height: 22px;

  }

  #resent_otp {
    font-size: 15px;
    line-height: 22px;
  }

  .otp-input-fields input {
    height: 34px;
    width: 34px;
    font-size: 15px;
  }

  .btn-h-55 {
    height: 55px !important;
  }
}

/* for  mobile view */
@media screen and (max-width: 576px) {

  .w_48_vw {
    width: 84vw !important;
  }
  #first_step_signup .font-weight-bold {
    padding: 0px !important;
  }

  #location {
    font-style: unset !important;
    color: #a2a2a2 !important;
  }

  #date_of_birth::placeholder {
    font-style: unset !important;
    color: #A2A2A2 !important;
    font-size: 2.9vw !important;
  }
  .custom_login_btn{
    justify-content: center;
  }
  .custom_login_btn .w-50{
    width: 62%!important;
  }
  .custom_login_btn #custom_google_button {
    font-size: 3.11vw !important;
    height: 10.81vw !important;
}
  .w_25_27 {
    width: 100% !important;
    ;
  }

  /* .Bonjour {
    padding: 0 !important;
  } */

  

  #Signup-data input {
    padding-left: 1.3rem !important;
    height: 44px;
  }

  .w-413 {
    width: 100% !important;
  }

  .card-width-648 {
    width: 100% !important;
  }

  .sing_up_form_padding {
    padding: 5.33vw 5.44vw !important;
  }


  .dashboard .ads_profile_name{
    text-align: center;
  }
  .dashboard .ads_profile_name h3{
    font-size: 4.83vw!important;
  }
  .dashboard .ads_profile_name h4{
    font-size: 3.72vw!important;
  }
  .k8-refuse-wrapper .k8-content-section h2{
    font-size: 27px!important;
  }
  .k8-refuse-wrapper .k8-content-section{
    padding: 30px;
  }
  .k8-refuse-wrapper .k8-content-section p{
     font-size: 16px!important;
  }
}

/* for  mobile tablet */
@media (min-width: 577px) and (max-width: 876px) {

  .w_25_27 {
    width: 100% !important;
    ;
  }

  /* .Bonjour {
    padding: 0 !important;
  } */

  .windowscreen .promi_sidemenu_btn1 button,
  .windowscreen .promi_sidemenu_btn2 button{
    width: 85%!important;
  }

  .video-wrk-side {
    padding: 9px 25px !important;
  }

  .video-wrk-side .btn-video-side {
    margin-bottom: 20px;
    font-size: 13px !important;
    /* padding: 9px !important; */
  }

  .pro_de_mission_nav_menu .side_bar_icon img {
    width: 35px;
  }

  .w_3_75_vw {
    width: 100% !important;
  }

  #Signup-data input {
    height: 44px !important;
  }

  .w_48_vw {
    width: 83vw !important;
  }

  .w-413 {
    width: 100% !important;
  }

  .card-width-648 {
    width: 100% !important;
  }

  .sing_up_form_padding {
    padding: 5.33vw 5.44vw !important;
  }

}

@media (min-width: 468px) and (max-width: 768px) {
  .w_48_vw {
    width: 90vw !important;
  }

  /* .margin_top_width_775_50 {
    margin-top: 30px;
  } */

  .logout_section {
    display: none;
  }

  .w_26_45 {
    width: 100% !important;
  }
}

@media (max-width: 467px) {
  button.nav-link {
    font-size: 14px !important;
  }

  .search_results_card {
    width: 87.55vw !important;
  }

  .promi_text .search_listPadding {
    padding-left: 4.08vw;
  }

  .promi_text .search_results_box {
    margin-bottom: 15px;
  }

  .promi_text .search_listPadding {

    padding: 10.08vw !important;
  }
}

@media (max-width: 765px) {

  .promi_text .search_results_box {
    margin-bottom: 15px;
  }
}


@media (min-width: 468px) and (max-width: 778px) {
  .search_results_card {
    width: 87.55vw !important;
  }

  .promi_text .search_listPadding {
    padding-left: 8.08vw;
  }

  .promi_text .search_results_box {
    margin-bottom: 15px;
  }

  .search_results_box_list {
    margin-top: 39px !important;
    margin-left: 0px !important;
    column-gap: 4vw !important;
    width: 100% !important;
    row-gap: 2.22vw;
  }

  .search_results_card {
    width: 42.55vw !important;
  }
}

@media (min-width: 778px) and (max-width: 900px) {
  .search_results_card {
    width: 87.55vw !important;
  }

  .promi_text .search_listPadding {
    padding-left: 1.08vw;
  }

  .promi_text .search_results_box {
    margin-bottom: 15px;
  }

  .search_results_box_list {
    margin-top: 39px !important;
    margin-left: 11px !important;
    column-gap: 2.77vw !important;
    width: 100% !important;
    row-gap: 2.22vw;
  }

  .search_results_card {
    width: 30.55vw !important;
  }
}

@media (max-width: 900px) {
  .card .padding___ {
    padding: 2px 24px !important;
  }
}

@media (max-width: 575px) {
 

  #container-custom-padding .col-4,
  #container-custom-padding .col-8 {
    width: 100% !important;
  }

  #container-custom-padding #Videowrktopsec #Accueil__ {
    text-align: center !important;
    margin-left: 15px !important;
  }

  #container-custom-padding .prodemission_sidemenu_profile_img img {
    width: 120px !important;
    height: 120px !important;
  }

  #container-custom-padding .card {
    margin-bottom: 46px;
  }

  #container-custom-padding .container-fluid {
    padding: 0px 50px;
  }
}

/*create mission first step page start mobile responsive */
@media (max-width: 467px) {
  #post_mission_first_slide #Détails-de-mission {
    font-size: 2em !important;
    line-height: 50px !important;
  }

  #post_mission_first_slide .pr-150 {
    padding-right: 0px !important;
  }

  #post_mission_first_slide #Voici-les-détails {
    font-size: 1.1em !important;
    line-height: 26px !important;
  }

  #post_mission_first_slide .proposition_image2 {
    width: 30em !important;
  }

  #post_mission_first_slide .col-4,
  #post_mission_first_slide .col-8 {
    width: 100% !important;
  }

  #post_mission_first_slide .pt__5 {
    padding-top: 0rem !important;
  }

  #post_mission_first_slide .p_e_22 {
    padding-right: 0 !important;
  }

  #post_mission_first_slide .prodemission_sidemenu_profile_img img {
    width: 31.41vw !important;
    height: 31.41vw !important;
  }

  #post_mission_first_slide .p_s_22 {
    margin-top: 25px;
    padding-left: 0px !important;
  }

  #post_mission_first_slide .m1_pro_de_title h2 {
    font-size: 22px !important;
  }

  #post_mission_first_slide .m1_pro_de_mission_add h3 {
    font-size: 13px !important;
  }
}

/*create mission second step page start mobile responsive */
@media (max-width: 467px) {
  #post_mission_second_slide #Détails-de-mission {
    font-size: 2em !important;
    line-height: 50px !important;
  }

  #post_mission_second_slide .pr-150 {
    padding-right: 0px !important;
  }

  #post_mission_second_slide #Voici-les-détails {
    font-size: 1.1em !important;
    line-height: 26px !important;
  }

  #post_mission_second_slide .proposition_image2 {
    width: 30em !important;
  }

  #post_mission_second_slide .col-4,
  #post_mission_second_slide .col-8 {
    width: 100% !important;
    padding-left: 12px;
  }

  #post_mission_second_slide .pt__5 {
    padding-top: 0rem !important;
  }

  #post_mission_second_slide .p_e_22 {
    padding-right: 0 !important;
  }

  #post_mission_second_slide .prodemission_sidemenu_profile_img img {
    width: 31.41vw !important;
    height: 31.41vw !important;
  }

  #post_mission_second_slide .col-8 {
    margin-top: 25px;
  }

  #post_mission_second_slide .m1_pro_de_title h2 {
    font-size: 22px !important;
  }

  #post_mission_second_slide .m1_pro_de_mission_add h3 {
    font-size: 13px !important;
  }

  #post_mission_second_slide .form-group {
    margin-bottom: 0px !important;
  }

  #post_mission_second_slide textarea {
    height: 132px !important;
  }

  #post_mission_second_slide #i_do_not_know__ {
    margin-top: 2px !important;
  }
  .m1-new-location #i_do_not_know__ .form-check-labels {
    font-size: 2.8vw !important;
}

  #post_mission_second_slide .col-half-offset {
    margin-right: .0% !important;
  }

  #post_mission_second_slide #sound_effects_voice_off_category_langue1,
  #sound_effects_Subtitles_category_langue {
    width: 100% !important;
    margin-left: 0px !important;
  }

  #post_mission_second_slide .select-dropdown-div {
    width: 100% !important;

  }

  #post_mission_second_slide .margin_top_15 {
    margin-top: 15px;
  }

  #post_mission_second_slide .Compétences p {
    font-size: 18px !important;
  }

  #post_mission_second_slide .form__container .form__container-text {
    padding: 15px !important;
  }

  .button_width_190 {
    width: 190px !important;
    margin: auto;
  }

  #post_mission_second_slide #add_multiPle_language1122 {
    margin-left: 0px !important;
  }

  #Entrez_vos_informations {
    font-size: 25px !important;
  }

  #promi_model_dis {
    font-size: 15px !important;
  }

  #processTo_payment {
    font-size: 2.83vw !important;
  }
}

@media (max-width: 300px) {
  #selectedVideowrkermodal .col-6 {
    width: 100% !important;
  }

  #selectedVideowrkermodal button {
    font-size: 12px !important;
  }
}

@media (min-width: 301px) and (max-width: 467px) {
  #selectedVideowrkermodal .col-6 {
    width: 80% !important;
  }

  #selectedVideowrkermodal button {
    font-size: 15px !important;
  }
}

/*create mission third step page start mobile responsive */

@media (max-width: 467px) {

   .pro_de_mission .ads_profile_rating .ads_stars_counts,
   .pro_de_mission .ads_profile_rating .ads_rater_count{
    font-size: 3.1vw;
  }
  #post_mission_third_slide .col___sm_9_customize {
    padding: 0px 33px 0px 33px !important;
  }

  #post_mission_third_slide .ads_btn2 {

    font-size: 9px !important;

  }

  #post_mission_third_slide .search_results_box {
    margin-bottom: 18px !important;
  }

  #post_mission_third_slide .search_results_card {
    width: 89.55vw !important;
  }

}

/*create mission fourth  step page start mobile responsive */

@media (max-width: 575px) {
  #post_mission_fourth_slide .h-70 {
    height: 70px !important;
    margin-bottom: 10px !important;
  }

  #post_mission_fourth_slide .search_results_card {
    width: 89.55vw !important;
  }

  #container-custom-padding .container-fluid {
    padding: 0px 30px !important;
  }
  #container-custom-padding .padding_left_right{
    padding: 0px !important;
  }
  .pro_de_mission .pro_de_mission_sidenav .pro_de_mission_nav_menu .pro_de_mission_nav_list {
    padding-left: 17px;
  }
  .logout_section {
    display: none;
  }
   /* .margin_top_width_775_50 {
    margin-top: 30px;
  } */
}

/*Dashboard*/
@media (max-width: 575px) {

  .dashboard.col-4,
  .dashboard.col-8 {
    width: 100% !important;
  }

  #background__color {
    margin-top: 25px;
  }

  .single-card .status-div {
    display: none !important;
  }

  .Création {
    text-align: center !important;
  }
}

@media (max-width: 574px) {
  #post_mission_third_slide .col___sm_9_customize {
    padding: 0px 33px 0px 33px !important;
  }

  #post_mission_fourth_slide .h-70 {
    height: 70px !important;
    margin-bottom: 10px !important;
  }
  #sign_up_otp_verificattion .otp-input-fields input{
        margin: auto;
  }
  #sign_up_otp_verificattion .otp-input-fields .otp__digit::-webkit-input-placeholder{
    padding-left: 10px;
  }
  .video-work-mob-0 img{
        width: 19rem;
  }
}

.desktopWidthButton {
  width: 214px;
  margin: auto;
}

/* tablete */
@media (min-width: 576px) and (max-width: 778px) {
  .desktopWidthButton {
    width: 100% !important;
    margin: auto;
  }
  #sign_up_otp_verificattion .otp-input-fields input{
      margin: auto;
  }
  #sign_up_otp_verificattion .otp-input-fields .otp__digit::-webkit-input-placeholder{
    padding-left: 10px;
  }

  .Vérifications_section small {
    font-size: 15px !important;
    line-height: 17px !important;
  }

  #Videowrktopsec #Accueil__ {
    margin-left: 30px !important;
  }

  .desktopWidthButton .btn-light-green {
    font-size: 12px !important;
  }

  .pro_de_mission_nav_list h4 {
    font-size: 10px !important;
  }

  .pro_de_mission_nav_list h3 {
    font-size: 15px !important;
  }

  .pro_de_mission_nav_icon img {
    margin-left: -12px !important;
  }

  #Détails-de-mission {
    font-size: 37px !important;
    line-height: 52px !important;
  }

  .pr-150 {
    padding-right: 0px !important;
  }

  .proposition_image2 {
    width: 30rem !important;
  }

  #post_mission_first_slide .pt__5 {
    padding-top: 0rem !important;
  }

  .pro_de_mission_nav_list h4 {
    font-size: 10px !important;
  }

  .pro_de_mission_nav_list h3 {
    font-size: 15px !important;
  }

  .pro_de_mission_nav_icon img {
    margin-left: -12px !important;
  }

  .prodemission_sidemenu_profile_name h3 {
    font-size: 18px !important;
  }

  .prodemission_sidemenu_profile_name h4 {
    font-size: 11px !important;
  }

  .ads_stars_counts {
    font-size: 1.93vw !important;
  }

  .ads_rater_count {
    font-size: 1.72vw !important;
  }

  .Networks-Portfolio {
    font-size: 20px !important;
  }

  #readmore .readmore__content {
    font-size: 13px !important;
  }

  .padding_left_right .company_name_about___ {
    font-size: 12px !important;
  }

  .card {
    padding: 23px !important;
  }
  #Signup-data .card{
    padding: 30px !important;
  }
  .Networks-Portfolio {
    font-size: 14px !important;
  }

  .mainRating__sec__d span {
    font-size: 12px !important;
    display: flex;
  }

  .mainRating__sec__d span i {
    margin-top: 6px !important;
    margin-left: 9px !important;
  }

  .Formation_title,
  .Langues_title__,
  .padding_left_right .title_experience__ {
    font-size: 14px !important;
  }

  .Langues_dtails___,
  .Formation_des_____,
  .Formation_date___,
  .experience_main_se__ span {
    font-size: 13px !important;
  }

  .Recommandations {
    font-size: 11px !important;
  }

  .prodemission_sidemenu_profile_name h3 {
    font-size: 20px !important;
  }

  .prodemission_sidemenu_profile_name h4 {
    font-size: 13px !important;
  }

  .container-fluid2 {
    width: 93.94% !important;
  }

  .w_87_22 {
    width: 97.22VW !important;
  }


  #i_do_not_know__ {
    margin-top: 40px;
  }

  .col-half-offset {
    margin-right: -0.833333% !important;
  }

  .select-dropdown-div {
    width: 100% !important;
  }

  .m1-new-location #i_do_not_know__ {
    margin-top: 2px !important;
  }

  #Je-ne-dispose {
    font-size: 13px !important;
  }

  #post_mission_third_slide .ads_btn2 {
    font-size: 9px !important;

  }
}

@media (min-width: 779px) and (max-width: 900px) {
  .col-half-offset {
    margin-right: -0.833333% !important;
  }

  .select-dropdown-div {
    width: 100% !important;
  }

  .m1-new-location #i_do_not_know__ {
    margin-top: -4px !important;
  }
}

.propostion-mission__ {
  display: flex;
  justify-content: center;
  gap: 1.5rem !important;
}

@media (max-width: 575px) {
  #clientRatingSection .promi_profile_img img ,
  #videowrkRatingSection .promi_profile_img img{
    width: 52px!important;
    height: 52px!important;
  }
   #clientRatingSection .mission-term ,
   #videowrkRatingSection .mission-term{
    margin-bottom: 20px;
   }
  #clientRatingSection .rating ,
  #videowrkRatingSection .rating {
    gap: 0px !important;
  }
  #clientRatingSection .pl-40 ,
  #videowrkRatingSection .pl-40 {
    padding-left: 5px !important;
  }
  #videowrk_profil_creation_third_step_form #add_formation_html_Langue .add_more_Langue___{
    justify-content: flex-start!important;
  }
  .image-hero img {
    display: none;
  }
  .promi_profile_detail{
    margin-left: 8px!important;
  }
  .p_e_22 {
    padding-right: 0px !important;
  }
  #provision_payment_step_2 #processTo_payment{
    font-size: 2.8vw !important;
  }
  .p_s_22 {
    padding-left: 0px !important;
  }

  .margin_left_41 {
    margin-left: 0px !important;
  }

  .margin_top_25 {
    margin-top: 25px !important;
  }

  .Création {
    text-align: center !important;
    font-size: 11px !important;
  }

  .image-amine-title {
    font-size: 11px !important;
  }

  .unit_price::placeholder {
    color: red !important;
    font-size: 0vw !important;
  }

  .total_calculation {

    width: 100% !important;
    height: 100 !important;
    margin-top: 18px !important;
  }

  .tabel_text_11,
  .tabel_text_12 {
    font-size: 10px !important;
  }

  #add_designation {
    font-size: 0px !important;
  }

  .Envoyer__ button {
    font-size: 3vw !important;
  }

  #propostion-mission #Détails-de-mission {
    font-size: 29px !important;
    line-height: 40px !important;
  }

  #Voici-les-détails {
    font-size: 16px !important;
    line-height: 33px !important;
  }

  #propostion-mission .pr-150 {
    padding-right: 0px !important;
  }

  .propostion-mission__ {
    display: block !important;
  }

  .w-364 {
    width: 100% !important;
  }

  #propostion-mission .video-wrk-side {
    padding: 25px !important;
    text-align: center;
  }

  .video-wrk-side .ads_profile_name .ads_profile_name h3 {
    font-size: 20px !important;
  }

  .video-wrk-side .ads_profile_name .ads_profile_desi h4 {
    font-size: 13px !important;
  }

  .videowrk_btn button {
    font-size: 14px !important;
  }

  .text-base {
    font-size: .8rem !important;
    line-height: 1.5rem;
  }

  .text-sm {
    font-size: 0.775rem !important;
    line-height: 1.25rem;
  }

  .k2_proposition_de_mission span {
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  .details-de-projet-right-sec-text {
    margin-bottom: 4px !important;
  }

  .m-t-42 .k2_proposition_de_mission {
    padding: 0px !important;
  }

  #entrez_vos_informations_modal #Entrez_vos_informations {
    font-size: 23px !important;
  }

  #entrez_vos_informations_modal #promi_model_dis,
  #entrez_vos_informations_modal label {
    font-size: 13px !important;
  }

  .main_details_container .details_container_w_100 {
    width: 100% !important;
  }

  .details-de-projet-right-sec-text img {
    width: 11px;
    height: auto;
  }

  .promi_sidemenu_head .promi_sidemenu_head_title2 h4 {
    font-size: 2.62vw !important;
  }

  .promi_sidemenu_btn1 button,
  .promi_sidemenu_btn2 button {
    font-size: 3.83vw !important;
  }

  .promi_sidemenu_footer p {
    font-size: 2.72vw !important;
  }

  .custom_track {
    margin-top: 20px !important;
  }

  .traking_title h2 {
    font-size: 12px !important;
  }

  .custom_track .tracking-line {
    margin-top: 13px !important;
    margin-bottom: 20px !important;
  }

  .promi_title h2 {
    font-size: 4.25vw !important;
  }

  .promi_quote .promi_quote_detail_inner h3 {
    font-size: 3.25vw !important;
  }

  .promi_quote .promi_quote_detail_inner p,
  .promi_quote_table .promi_quote_table_head td,
  .promi_quote_table .promi_quote_table_body td {
    font-size: 3vw !important;
  }

  .promi_quote_table_total {
    font-size: 3vw !important;
  }

  .w-324,
  .w-auto {
    width: 100% !important;
  }

  .promi_title2 {
    margin-top: 5% !important;
    margin-bottom: 7% !important;
  }

  #processTo_payment {
    font-size: 2.83vw !important;
  }

  .pr-150 {
    padding-right: 0px !important;
  }

  .o1-search-work {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  #Détails-de-mission {
    font-size: 7vw !important;
    line-height: 1.3 !important;
    gap: 20px !important;
  }

  #the_project_videowrk .promi_sidemenu_btn1 button,
  .promi_sidemenu_btn2 button {
    font-size: 3vw !important;
  }

  .left-text-info,
  .left-text-info span,
  .right-text-info u {
    font-size: 3vw !important;
  }

  .remove_notification {
    cursor: pointer;
    width: 12px;
    margin-left: -5px;
  }

  .right-text-info {
    text-align: end !important;
  }

  .mission_search__ {
    margin-top: 25px !important;
  }

  #missionList .container-fluid {
    padding: 0px 25px;
  }

  .no_mission_found img {
    width: 60vw;
  }

  .no_mission_found .f-26 {
    font-size: 5vw !important;
  }

  .no_mission_found button {
    width: 54% !important;
    font-size: 4vw !important;
    height: 45px !important;
  }

  .mission_list .all_d_none .ads_list_box .ads_profile {
    display: none;
  }

  .mission_list .all_d_none .ads_list_box .ads_content {
    width: 100% !important;
    margin-bottom: 25px !important;
    padding: 14px;
  }

  .mission_list .all_d_none .ads_list_box .ads_content .ads_bullets_title,
  .mission_list .all_d_none .ads_list_box .ads_content .ads_bullets,
  .mission_list .all_d_none .ads_list_box .ads_content .ads_content_bullets1-tag {
    font-size: 2.8vw;
  }

  .selection_container__fluid1 .container__fluid1 {
    overflow-y: scroll;
  }

  #selectvideowrk_modal_title {
    font-size: 21px !important;
    line-height: 32px !important;
  }

  #selectvideowrk_modal_ds {
    font-size: 14px !important;
  }

  .mission_list .all_d_none .ads_list_box .ads_content button {
    font-size: 2vw !important;
    height: 100% !important;
  }

  .mission_list .all_d_none .ads_list_box .ads_content .ads_content_detail p {
    font-size: 3vw !important;
  }

  #quizeSection .col-sm-2.h2-custom-width {
    width: 50% !important;
  }

  #quizeSection #Continuer {
    width: 164px !important;
    height: 44px !important;
  }
  .custom_track .promi_title_top h2{
    font-size: 3.25vw;
  }
}

.main_details_container .details_container_w_100 {
  width: 100% !important;
}

@media (max-width:1200px) {

  /*.w-auto {
    width: 100% !important;
  }*/

  .w-324 {
    width: 100% !important;
  }
}

@media (max-width:1000px) {

  .main_details_container .details_container_w_50 {
    width: 50% !important;
  }

  .main_details_container .details_container_wi_100 {
    width: 100% !important;
  }

  .main_details_container .k2_proposition_de_mission span {
    font-size: 11px !important;
    font-weight: 600 !important;
  }

  .main_details_container img {
    width: 11px;
    height: auto;
  }
}

@media (min-width: 1001px) and (max-width:1060px) {

  .k2_proposition_de_mission span {
    font-size: 11px !important;
    font-weight: 600 !important;
  }

  .k2_proposition_de_mission ul li {
    font-size: 10px !important;
    font-weight: 600 !important;
  }

}

@media (min-width: 576px) and (max-width:778px) {

  .single-card .status-div {
    display: none !important;
  }

  .custom_track .promi_title_top h2{
    font-size: 3.25vw;
  }
  .Création {
    text-align: center !important;
    font-size: 11px !important;
  }

  .image-amine-title {
    font-size: 11px !important;
  }

  .main_details_container .details_container_w_50 {
    width: 50% !important;
  }

  .main_details_container .details_container_wi_100 {
    width: 100% !important;
  }

  .o1_submit-work.Proposition_image.Proposition_image-videowrker {
    top: 11.75rem !important;
  }

  .Proposition_image-videowrker {
    width: 32rem !important;
  }

  #propostion-mission #Détails-de-mission {
    font-size: 36px !important;
    line-height: 48px !important;
  }

  #Voici-les-détails {
    font-size: 20px !important;
    line-height: 36px !important;
  }

  #propostion-mission .pr-150 {
    padding-right: 0px !important;
  }

  .propostion-mission__ {
    display: flex !important;
  }

  .w-364 {
    width: 100% !important;
  }

  #propostion-mission .video-wrk-side {
    padding: 25px !important;
    text-align: center;
  }

  .video-wrk-side .ads_profile_name .ads_profile_name h3 {
    font-size: 20px !important;
  }

  .video-wrk-side .ads_profile_name .ads_profile_desi h4 {
    font-size: 13px !important;
  }

  .videowrk_btn button {
    font-size: 14px !important;
  }

  .text-base {
    font-size: .8rem !important;
    line-height: 1.5rem;
  }

  .text-sm {
    font-size: 0.775rem !important;
    line-height: 1.25rem;
  }

  .k2_proposition_de_mission span {
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  .details-de-projet-right-sec-text {
    margin-bottom: 4px !important;
  }

  .m-t-42 .k2_proposition_de_mission {
    padding: 0px !important;
  }

  #entrez_vos_informations_modal #Entrez_vos_informations {
    font-size: 23px !important;
  }

  #entrez_vos_informations_modal #promi_model_dis,
  #entrez_vos_informations_modal label {
    font-size: 13px !important;
  }

  .ads_profile_img img {
    width: 120px;
    height: 120px;
  }
  .propostion-mission__   .ads_profile_img img {
    width:120px!important;
    height: 120px!important;
  }

  .unit_price::placeholder {
    color: red !important;
    font-size: 0vw !important;
  }

  .total_calculation {

    /* width: 100% !important;
    height: 100 !important; */
    margin-top: 18px !important;
  }

  .tabel_text_11,
  .tabel_text_12 {
    font-size: 12px !important;
  }

  #add_designation {
    font-size: 0px !important;
  }

  .Envoyer__ button {
    font-size: 3vw !important;
  }

  .p_e_22 {
    padding-right: 0px !important;
  }

  .p_s_22 {
    padding-left: 22px !important;
  }

  .margin_left_41 {
    margin-left: 0px !important;
  }

 /* .w-324,
  .w-auto {
    width: 100% !important;
  }*/

  .custom_track {
    margin-top: 20px !important;
  }

  .traking_title h2 {
    font-size: 9px !important;
  }

  .custom_track .tracking-line {
    margin-top: 13px !important;
    margin-bottom: 20px !important;
  }

  .promi_title h2 {
    font-size: 2.25vw !important;
  }

  .promi_quote .promi_quote_detail_inner h3 {
    font-size: 2.5vw !important;
  }

  .promi_quote .promi_quote_detail_inner p,
  .promi_quote_table .promi_quote_table_head td,
  .promi_quote_table .promi_quote_table_body td {
    font-size: 2vw !important;
  }

  .promi_quote_table_total {
    font-size: 2vw !important;
  }

  /*.w-324,
  .w-auto {
    width: 100% !important;
  }*/

  .promi_title2 {
    margin-top: 5% !important;
    margin-bottom: 7% !important;
  }

  .promi_profile .promi_profile_img img {
    width: 3rem;
  }

  .promi_profile_detail .promi_profile_name h3 {
    font-size: 2vw !important;
  }

  .promi_profile_detail .promi_profile_desi h3 {
    font-size: 1.6vw !important;
  }

  .promi_profile_detail {
    margin-left: 4vw;
  }
  .promi_sidemenu_head .promi_sidemenu_head_title h4 {
    font-size: 10px !important;
}

  .promi_sidemenu_head .promi_sidemenu_head_title2 h4,
  .promi_sidemenu_btn1 button,
  .promi_sidemenu_btn2 button,
  .promi_sidemenu_footer p {
    font-size: 1.5vw !important;
  }

  .promi_sidemenu_total h2,
  .promi_sidemenu_total h3 {
    font-size: 1.4vw !important;
  }

  #processTo_payment {
    font-size: 2.83vw !important;
  }

  .Proposition_image {
    width: 25rem !important;
    /* top: 20.75rem !important; */
    top: -1.25rem !important
  }

  .o1_submit-work.Proposition_image {
    top: 2rem !important;
  }

  .remove_notification {
    cursor: pointer;
    width: 12px;
    margin-left: -5px;
  }

  .right-text-info {
    text-align: end !important;
    width: 34% !important;
  }

  .mission_search__ {
    margin-top: 25px !important;
  }

  #missionList .container-fluid {
    padding: 0px 25px;
  }

  .no_mission_found img {
    width: 45vw;
  }

  .no_mission_found .f-26 {
    font-size: 3.1vw !important;
  }

  .no_mission_found .mt-44 .col-sm-4 button {
    width: 95% !important;
    font-size: 2vw !important;
    height: 45px !important;
  }

  .mission_list .all_d_none .ads_list_box .ads_profile_img img {
    height: 86px !important;
    width: 86px !important;
  }

  .mission_list .all_d_none .ads_list_box .ads_profile_name h3 {
    font-size: 2vw !important;
  }

  .mission_list .all_d_none .ads_list_box .ads_profile_name h4 {
    font-size: 1.5vw !important;
  }

  .mission_list .all_d_none .ads_list_box .ads_content .ads_bullets_title,
  .mission_list .all_d_none .ads_list_box .ads_content .ads_bullets,
  .mission_list .all_d_none .ads_list_box .ads_content .ads_content_bullets1-tag {
    font-size: 1.83vw;
  }

  .mission_list .all_d_none .ads_list_box .ads_content button {
    font-size: 1.11vw !important;
    height: 100% !important;
  }

  .mission_list .all_d_none .ads_list_box .ads_content .ads_content_detail p {
    font-size: 1.922vw !important;
  }

  #quizeSection .col-sm-2.h2-custom-width {
    width: 32.8% !important;
  }

  #quizeSection .quiz_card_icon .quiz_icon.quiz_icon1 {
    font-size: 2vw;
  }

  #quizeSection #Continuer {
    width: 164px !important;
    height: 44px !important;
  }

  .selection_container__fluid1 .container__fluid1 {
    overflow-y: scroll;
  }

  .selection_container__row .col-sm-9,
  .selection_container__row .col-sm-3 {
    width: 100% !important;
  }
}

#quizeSection #Continuer {
  width: 240px
}



.SelectUserMessageSection{
  display: flex;
  padding: 7px 18px;
  border-bottom: 1px solid #eaedf3;
  background-color: #faf7fc7a;
  align-items: center;
}


/*chat */
form#msg .input-group-text{
  padding: 0px!important;
}
#UserChatSection{
  padding: 0px 42px;
}
@media (max-width:575px) {
  .SelectUserMessageSection{
      padding: 11px 0px!important;
      
   }
  #UserChatSection{
    padding: 0px!important;
  }
  form#msg #Confirmer{
    
    font-size: 3vw!important;
    left: -40%;
  }
  .profile_section_chat{
    display: none;
  }
  #Chat____user___list{
    left: -97%;
    position: absolute;
    width: 77%;
    z-index: 1;
    margin-top: 81px;
    height: 432px!important;
    transition: .3s ease-in-out;
    background-color: #ffffff;
   }
   .fafaMenuBar{
    display: block;
   }
   .message-time{
    font-size: 2vw;
   }
   .usr-Name,.chat-short-message{
    font-size: 3vw;
   }
   .user_list_position{
    left: 13px!important;
   }
   .s01 form .inner-form {
        width: 100%!important;
   }
   .s01 form .inner-form .input-field.third-wrap .btn-search {
      font-size: 13px;
      height: 41px;
      width: 114px;
  }
  #search-form input::-webkit-input-placeholder  {
    font-size: 14px!important
  }

  #search-form input[type='text'] {
    padding-left: 30px!important;
     font-size: 14px!important
  }
  .videowrksrch_img,.videowrkloc_img{
    width: 23px!important;
  }
}
@media (min-width:576px) and (max-width:778px) {

  #videowrkRatingSection .image-hero img ,
  #clientRatingSection .image-hero img{
    width: 26rem !important;
    top: -2.25rem !important;
  }
  #videowrkRatingSection .m-80 ,
  #clientRatingSection .m-80 {
      margin: 1px 0px !important;
  }
  #videowrkRatingSection .m-80 .pl-40 ,
  #clientRatingSection .m-80 .pl-40 {
    padding-left: 18px !important;
  }
  #videowrkRatingSection .rating ,
  #clientRatingSection .rating{
        gap: 0px !important;
        
  }
  #videowrkRatingSection .promi_profile .promi_profile_img img ,
  #clientRatingSection .promi_profile .promi_profile_img img{
      width: 3rem!important;
      height: auto!important;
  }
  #videowrkRatingSection .text-base , 
  #clientRatingSection .text-base {
    line-height: 1rem!important;
  }
  .s01 form .inner-form .input-field.first-wrap {
      width: 100%;
      margin-bottom: 4px;
  }
  .s01 form .inner-form {
      -ms-flex-wrap: wrap;
      flex-wrap: initial!important;
      padding-top: 35px!important;
  }
  .s01 form .inner-form{
    width: 100%!important;
  }
  .s01 form .inner-form .input-field.third-wrap .btn-search {
      font-size: 13px;
      height: 41px;
      width: 114px;
  }
  #search-form input::-webkit-input-placeholder  {
    font-size: 15px!important
  }
  .left-text-info,.right-text-info u {
    font-size: 12px;
  }
  #search-form input[type='text'] {
    padding-left: 30px!important;
     font-size: 15px!important
  }
  .videowrksrch_img,.videowrkloc_img{
    width: 25px!important;
  }
  .SelectUserMessageSection{
      padding: 11px 0px!important;
      
   }
  #UserChatSection{
    padding: 0px!important;
  }
  form#msg #Confirmer{
   
    font-size: 2vw!important;
  }
  .profile_section_chat{
    display: none;
  }
  #Chat____user___list{
    left: -97%;
    position: absolute;
    width: 77%;
    z-index: 1;
    margin-top: 81px;
    height: 432px!important;
    transition: .3s ease-in-out;
    background-color: #ffffff;
   }
   .fafaMenuBar{
    display: block;
   }
   .message-time{
    font-size: 2vw;
   }
   
   .user_list_position{
    left: 13px!important;
   }

}
@media (min-width:779px) and (max-width:978px) {
  #user___image {
      width: 105px;
      height: 105px;
  }
  .message-time{
    font-size: 1vw;
   }
   .usr-Name,.chat-short-message{
    font-size: 1.2vw;
    line-height: 18px!important;
   }
   .ads_list_box .ads_profile_name h3{
    font-size: 1.5vw!important;
   }
   .ads_list_box .ads_profile_name h4,.ads_list_box .ads_bullets_title,.ads_list_box .ads_bullets{
    font-size: 1.2vw!important;
   }
   .ads_list_box .ads_content_controll button {
    font-size: 1vw!important;
   }
   .no_mission_found .f-26 {
        font-size: 22px !important;
    }
    .no_mission_found img{
      width: 19rem!important;
    }
    .no_mission_found .mt-44 .col-sm-4 button {
        
        font-size: 1.5vw!important;
        height: 44px!important;
    }
}

#ShowTimer{
  margin-top: 35px;
}
sidebar .Ville__ {
  cursor: pointer;
}

@media (max-width: 575px) {
  button#Terminer2.btn_custom.btn-primary.br-18.btn-h-55.btn-md.btn-block {
    
    font-size: 2.2vw !important;
    margin-left: 1% !important;
}
button#Terminer1.btn_custom.btn-primary.br-18.btn-h-55.btn-md.btn-block {
 
  font-size: 2.2vw !important;
  margin-left: 1% !important;
}

.image-amine-title .text-484848 {

  display: none;

}

.traking_title h2 {
  padding: 0px 10px;
}


}

.text-bold-{
  color: #6a6a6a;
    font-weight: 600;
}

@media (max-width: 1024px) {

  #UserChatSection{
    padding: 0px 0px;
  }
  .w_87_22.v-90 {
    width: 90% !important;
  }
}


@media screen and (min-width: 992px) {
  .w-lg-80 {
    width: 80%;
  }


}

@media (min-width: 768px) and (max-width: 900px) {
.allslideNone .w_90_34 {
  width: 100vw;
} 
}

@media (min-width: 992px) {
  .modal-lg, .modal-xl {
      max-width: 1024px;
  }
}