@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
*, *::before, *::after {
  box-sizing: border-box;
}
#exampleModal{
visibility: visible!important;
}
.suivre{
background-color: white;
color:black;
}
.suivre span{
  color:black;
  text-align: center;
  }
.old_input_pass{
  align-items: center;
display: flex;
position: relative;
}
.old_input_pass>input{
position: relative;
}
.old_input_pass>i{
position: absolute;
right:35px;
}
.categor{
  border:2px solid #9b51e026; 
  border-radius: 10px;
}
.category-ctn>*{
  background: #9b51e026;
  text-transform: capitalize;
  font-weight: 600;
}

.modal-content{
background-color:white;
margin-top: 30%;
padding: 10px;
}
.modal-content>*,.modal-body>*{
color:#000
}
.modal-body>div>h4{
text-align: center;
color:#3a0078;
font-size: larger;
font-weight: 600;
}

body{
overflow-x: hidden;
}
.heigth_img{
width: 100%;
}
.spinner-border {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin: auto;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
    border-right-color: currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
  position: absolute;
  left:50%
}
.artist-chat>div:first-child{
display: flex;
position: relative;
gap:25px;
}
.insta-icone{
  display: flex;
  justify-content: space-around;
}
.artist-chat>div:first-child>div:first-child{
  display: flex;
  gap: 5px;
  position: relative;
  }
  .actor_c{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
  }
.page_actor_container{
width: 85vw;
margin: auto;
}
.fade:not(.show) {
  display: none;
}
.box-container{
  display:grid;
  grid-template-columns: auto auto auto;
  
}
.page_actor_container>div:first-child{
width:70vw;
margin: auto;
}
.event_id_data{
  margin-top: 50px!important;
width: 63vw;
margin: auto;
display: block;
}

.menu-data{
  margin: auto;
  position: relative;
  }

.profile_manage{
width: 60vw;
margin: auto;
display: block;
position: relative;
}
.salle_container{
width: 85vw;
margin: auto;
display: block;
}

.offcanvas-header{
  display: none !important;;
}
#offcanvasNavbar{
  display: none !important;;
}
.overAllClose{
  display: none !important;;
}
.news_container{
  width: 85vw;
  margin: auto;
  display: block;
}
.global{
width: 85vw;
display: block;
margin: auto;
position: relative;

}
.global>:first-child{
width: 100%;
}
#navbarScroll{
display: none;}

.sidebar{
  height:80%  ;
}

.glob{
margin-left: 5%;
}
.pay{width:150px;
  margin: auto;
  display:block;
  background: #3A0078;}
.fee{
  width: 100%;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap:10px ;
  justify-content: space-between;
}

.fee> div{
  width: 200px;
  height: 50;
  width: 230px;
  height: 110px;
  margin: auto;
  display: block;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px #3A0078;
  border-radius: 10px;
}
.fee> div>h6{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
  margin-left: 5%;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px

}
.box{
width: 230px;
}
.box-inside{
width: 100%;
}
.fee> div>p{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 36px;
 margin-left:5%;
  display: flex;
  align-items: center;
  text-align: right;
  letter-spacing: 0.5px;
  
  color: #3A0078;
}
.tab-content > .active{
height: 100%;
}
.tendance{
font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 3%;
    font-size: 40px;
    line-height: 65px;
  }
  .modal.show .modal-dialog {
    position: relative;
margin: auto;
  }
 
/** detail evenement **/
.carousel-init{
  border-radius: 25px;
  height: 450.32px;
  width: 88.55%;
  margin-left: 5.69%;
}
.carousel-inner {
  border-radius: 25px;
  height: 450.32px;
  width: 100%;
}
.question-tag>img{
  box-sizing: border-box;
margin-top: 5px;
  position: relative;
  height: 153px;
  background: url(5a10b33632eed402188b5be0.0.jpg);
  border: 1px solid #000000;
  border-radius: 15px;}
  .feedback > form >textarea{
    border: 0px;
    width:100%;
    height: 100%;
    }
    .evenement-description {
      display: flex;
      gap: 15px;
      position: relative;
      justify-content: space-between;
    
    }
.evenement-description>div>h1{
position:relative; 
    height: 36px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #000000;}

    .joindre-part {
    box-sizing: border-box;
    height: auto;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #000000;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
    border-radius: 15px;
}

    .evenement-description>div>p{  position: relative;
    font-family: 'Inter';
    font-style: normal;
    text-align: justify;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
   color: #000000;}
   .evenement-description>h2{
   width: 105px;
   height: 36px;
   font-family: 'Inter';
   font-style: normal;
   font-weight: 600;
   font-size: 24px;
  margin-top: -2%;
   letter-spacing: 0.5px;
   color: #000000;
}
.event-share{
margin-top: 5%;
}
.modal_content_res{
display: flex;
justify-content: space-between;
}
.event-share>h2{
  width: 105px;
  height: 36px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
 margin-top: -1%;
  letter-spacing: 0.5px;
  color: #000000;}

  .event-share>div{
    position: relative; transform: scale(2);margin:0 20%;
  }

  .event-share>div>img{
    border-radius: 50px;
  }
  .joindre-part{
    box-sizing: border-box;
    height: 280px;
    background: #FFFFFF;
    border: 1px solid #000000;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
  }

  .joindre-part>h3{

  height: 36px;
  text-align: center;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.5px;
  color: #000000;}
  .joindre-part>p{
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.5px;
}
.empty_msg{
  width:100% ;
  grid-column-start: span 3;
  text-align: center;

}
.email_join{
width: 200px;
}
.form-control {
  display: block;
  width: 95%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.cateSelect {
  border: 2px solid #9b51e026;
border-radius: 10px;
}
.add-calendar{
  position: relative;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.5px;
  
  color: #3A0078;}

  .joindre-part>button{
    position: relative;
    margin-bottom: 2px;
  width: 200px;
  height: 60px;
  font-size: 18px;
  color: #F4F2F5;
 margin: auto;
 display: block;
margin-top: 1%;
  background: #118E52;
  border-radius: 10px;
}
#select_country{
width: 95%;
}
  .btn-ticket{
    display:block;display:block;position: relative;
    width: 200px;
    height: 68px;
    margin-left: 10%;
    font-size: 18px;
    color: #F4F2F5;
    margin-top: 3%;
    background: 
  #3A0078!important;
    border-radius: 10px;
  }
.feedback>h3{
  position: relative;
  margin-top: 20px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: #3A0078;
}
.bi-patch-check-fill{
display: block;
}

.artist-join>div:first-child{
display: flex;
gap: 25px;
}
.artist-join>div:first-child>svg{
  margin-top: 2%;
transform: scale(2);
color: #3a0078;
}
.choose_ticket{
font-weight: bolder;
text-align: center;
width: 100%;
margin: auto;
}
.feedback>h4{
  word-wrap: break-word;
position: relative;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
  color: #3A0078;
}

  .nbr>input{
  border: 1px solid black;
  display: inline-block;
  height: 40px;
  width: 45px;
  border-radius: 10px;
  font-size: 25px;
  
  }
  .nbr>span{
    margin: 10px;
  }
  .feedback>p{
    bottom: 2%;
    font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 36px;
    width: 1026px;
    height: 72px;
    display: flex;
    align-items: center;
    letter-spacing: 0.5px;   
    color: #000000; 
  }
  .feedback>form{
  position: relative;
  }
  .feedback>form>div>textarea{
  box-sizing: border-box;
  position: relative;
  height: 206px;
  box-shadow: none;
  background: #FFFFFF;
  border: 1px solid #3A0078;
  border-radius: 10px;
  margin-bottom: 5%;
  width: 100%;
}
  .feedback>form>button{
    position: absolute;
    left: 85%;
    border-radius:10px ;
    width: 80px;
    z-index: 5;
    bottom: 12.5%;
   }
/* event class supprime */

a{
text-decoration: none !important;
color:inherit !important;}

.search-container{
width: 85vw;
margin: auto;
display: block;
  margin-bottom: -2%;
  margin-top: 20px;
}
.page{
margin-top: 5%;
}

.search-container>h2{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 40px;
color: #000000}

.search-container>h2>span{

  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;}

.entetes{
  display: flex; 
  justify-content: space-between;
  margin-top: 30px;
}
.over {
  gap: 10px;
  display: flex;
  align-items: center;
  
}
.center_actor_center{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.carousel-control-prev {
background-color:transparent;
border: 0px;
}
.carousel-control-next{
  background-color:transparent;
  border: 0px;
}
.actualite-content>p{
  position: relative;
  width: 462px;
margin-left: auto;
margin-right: auto;

  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #6A6A6A;
}
.carousel-control-prev-icon{
position: relative;
margin-left: -50%;
}
.carousel-control-next-icon{
  position: relative;
  margin-right: -50%;
}

  
.menu_btn {
  display: none;
}
/* Event Search */
.event-search {
  border-radius: 15px;
  height:90px;
  overflow: hidden;
  
}
.event-search > fieldset {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 2px;

}
.pF{
height: 100%;
}
.event-search  .event-input {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background-color: #3A0078;
  flex-basis: 25%;
  padding: 0 10px;
}
.artiste-info{
width: 400px;
}

.event-input input, .event-input input:focus{
  height: 30px;
  font-size: 25px;
  border: none;
  font-weight: 700;
  border-bottom: 2px solid #fff;
  background: transparent;
  border-radius: unset;
  box-shadow: none;
  color: #fff;
  width: 100%;
margin: auto;
}
#maxwidth{
max-width:200px ;
word-wrap: break-word;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 500;
  margin-top: 10px;
}

/* Evenement design*/
.events {
  margin-top: 20px;
}
.event {
  width: 85vw;
  margin: auto;
  display: block;
  position: relative;
  margin-top: 80px;
}

.event-bar {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.event-bar > ul {
  gap: 5px;
  display: flex;
  list-style-type: none;
  justify-content: space-between;
}
.event-bar > ul > li:nth-child(3) {

  background: rgba(155, 81, 224, 0.15);
  border-radius: 8px;

}
.event-bar > ul > li {
  padding: 3px 5px;
  background: rgba(155, 81, 224, 0.15);
  border-radius: 8px;

}
.event-bar > ul > li > span{
  margin-right: 5px;
}
.actu-instance .img-actu {
  width: 170px;
  height: 230px;
  border-radius: 20px;
  overflow: hidden;
}
.event-container, .actu-container {
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  width: 100%;
  margin-bottom: 5%;
  display: grid;
  grid-template-columns: auto auto auto ;
  grid-gap:10px 1% ;
  justify-content: space-between!important;
}
.event-instance {
  position: relative;
}
.event-instance .book {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  color: #3A0078;
}
.event-instance, .actu-instance {
  padding: 0;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  width:250px;
  height: 400px;
  background-color: #fff;
}
.event-instance .image-container {
  position: relative;
  height: 217px;
}
.image-container > img {
  position: relative;
  width: 100%;
  height: 100%;
}
.detail-container {
  padding: 5px 10px;
  max-width: 250px;
  margin-left:5%;
}
.actor-instance{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.event-groupe{
  width: 90vw;
  margin:auto;
  position: relative;
  margin-top: 70px;
  }
.detail-container p {
  margin: 0;
  margin-bottom: 5px;
  text-align: left;
  font-weight: bolder;
}
.detail-container > div {
  text-align: left;
}
.detail-container > div > span {
  margin-left: 5px;
}

.event-pagination {
  padding: 10px 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap : 5px;
}

.event-pagination > div {
  box-sizing: border-box;
  padding: 3px;
  height: 34px;
  width: 34px;
  text-align: center;
  border  : 1px solid #DFE3E8;
  border-radius: 4px;
  cursor: pointer;

}
.event-pagination > div:hover {
  background-color: #3A0078;
  color: #fff;
  transition: background-color .5s ease-out;
}
.event-pagination .pagination-control {
  border : unset;
  background-color: #919EAB;
  color: #fff;
}

.event-pagination .pagination-active {
  border-color: #4200FF;
  color: #4200FF;
}

/* Actualites */

.actu-container {
  grid-template-columns: auto auto auto;
}

.actu-instance {
  background: transparent;
  box-shadow: unset;
}

.actu-instance .img-actu > img {
  border-radius: inherit;
}
.actu-instance > p {
  text-align: left;
  margin-top: 5px;
  line-height: 150%;
  margin-bottom: unset;
}
.actu-instance > p:nth-child(2) {
  color: #3A0078;
  font-size: 20px;
  font-weight: bold;
}

.actu-instance > p:nth-child(3) {
  font-size: 16px;
}

.actu-instance > p:nth-child(4) {
  font-size: 10px;
  color: #A5A5A5;
}

/*Nos actulités*/

.actup-container>p{
  font-family: "DM Sans";
font-size: 18px;
line-height: 150%;
}
.actup-container>div>p{
font-size: 11.3717px;
font-family: 'DM Sans';
color: #3A0078;
}
.actup-container>div>h4{
  font-size: 23.17px;
  font-family: 'DM Sans';
}
.motif{
  width: 100%;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #A5A5A5;
}
.groupe_detail_container{
width: 85vw;
margin: auto;

}

.actup-instance{
width: 300px;
border-radius: 20px;
}

.carousel{
  margin-top: 25px;
}
.carouselH{
  height:60vh ;
}
.formD{
  position: absolute;width: 320px;height: 122px;margin-top: 50px;background: #3A0078;left: 47px; border-radius: 25px 0px 0px 25px; 
  
}

#formD2{
  width: 300px;
  left: 369px;
  border-radius: 0px;
}
#formD3{width: 320px;
  left: 671px;
   border-radius: 0px;
  }
#formD4{ width: 300px;
  left: 993px;
  border-radius: 0px 25px 25px 0px;
}

.join_part{
display: flex;
}
.input1{
  position: absolute;
  width: 267px;
  height: 0px;
  left: 30px;
  top: 80px; 
  border: 2px solid #FFFFFF;
}
.input2{position: absolute;
  width: 267px;
  height: 0px;
  left: 30px;
  top: 80px;
  border: 2px solid #FFFFFF;
};


.input3.input4{
  position: absolute;
    width: 267px;
    height: 0px;
    left: 30px;
    top: 80px;
    border: 2px solid #FFFFFF;
  } 
  .Pevent{font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 25px;
  } 
  .chooseEvent{
    display: flex; 
    list-style:none;
    width: 350vw;
  }
#inputD1{
  width: 267px
}
.manage_form_send{
 
  justify-content: space-around;

  }
.moreEvent{
display:none;
margin:auto;
color: white;
font-weight: 700;
font-size: larger;
  height: 44.63px;
  margin-top: 3%;
  margin-bottom: 10%;
  background: #3A0078;
  border-radius: 10px;
}

  .footerP{position: absolute;
    color: #F3F3F3;;
    width: 1440px;
    left: 0px; background: #3A0078;
  }
    .news{
      margin-right: auto ;margin-left: auto;
      width: 198px;
      height: 52px;font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;margin-top: 50px
  }
 
    .entertainment{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;margin-top: 50px
  }
.bar{
  position: absolute;
  width: 1200px;
  height: 0px;
  top: 30px;
  border-bottom: 5px solid #FEFEFE;
  padding-top: 10px;
  color: #FEFEFE;
}

li{
list-style: none
}

.moreEvent2{
  display:none;
  margin:auto;
      height: 44.63px;
      font-size: 20px;
      background: #3A0078;
      color:white;
      font-weight: bolder;
      border-radius: 10px;
      margin-bottom: 2%;
    }
    .logo-senjayer{
      width:40px;
      border-radius:50%;
    }
    .step-container{
      font-family: 'Inter';
      font-style: normal;
      margin-left: 50px;
      margin-top:50px;
      font-weight: 500;
      line-height: 40px;
    }
    .step-container>p{
      font-size: 22px;
    }
    .step-container>p:nth-child(2){
      font-weight: 700;
    }

    .acteur-img{
      flex: 1 0 21%; /* explanation below */
      margin: 35px;
      margin-top: 55px;
      height: 120px;
      width:150px
    }
    .actor-container{
      justify-content: space-between;
      display: grid;
      grid-template-columns: auto auto auto auto;
      flex-wrap: wrap;
    margin-bottom: 50px;
    }

.subscribe-btn{
  display: block;
  position: absolute;
  width: 80.02px;
  height: 33px;
  margin-left:55px;
  background: #3A0078;
  border-radius: 10px;
  color:red;
 
}

.author-name{
  width: 97px;
  height: 36px;
  margin-left: 50px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  padding: 0;
  margin: 0;
   
  /* Inside auto layout */
  
  flex: none;
  order: 0;
  flex-grow: 0;
}
.notice{
color: #3c1ea7;
}

.dropdown>ul>li{
  position: relative;   
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 0.5px;
  
  color: #000000;
  
}
.feedback{
width: 100%;
}

/** salles **/

.site{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
 padding-left: 8%;
  
  
  color: #A5A5A5;
}
.site-content>svg{
  position:absolute;
  margin-left: 15px;
  margin-top: -15px;
}

/** salle profile **/

.title-content{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 39px;
  color: #000000;
}
.salle-picture{
position: relative;
width: 300px;
} 

.salle-picture>img{
  position: relative;
  box-sizing: border-box;
  height: 348.15px;
  border: 1px solid #3A0078;
  border-radius: 25px;
  width: 100%;
}
.sale-info{
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  text-transform: uppercase;
}
.sale-info>p{text-transform: capitalize;
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 115%;
color: #8D8B8B;
text-transform: capitalize;}
.sale-info>h2{
font-family: 'Quicksand';
font-style: normal;
font-weight: 700;
line-height: 115%;
text-transform: uppercase;}
.reseau-container{
  margin-right:40%
}
.acteur {
  border: 2px solid #3A0078;
  border-radius: 50%;
}
.join-btn{
  position: absolute;
  margin:5px;
  background: #EBDFF7;
  border-radius: 10px;
  display: flex;
}
.follow-btn{
  position: absolute;
  margin-top: 90px;
  left: 18px;

  color: #FFFFFF;
  background: #118E52;
  border-radius: 10px;
}
.a_propos{
  width:800px;position: relative;
  margin-top:5%;
  margin-bottom:auto;
  width: 1231px;
  height: 461px;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 132.5%;
  text-align: justify;
  text-transform: capitalize;
  margin-bottom: 5%;
  color: #232020;
}


/*acteurs*/

.acteurs-container{
  grid-template-columns: auto auto auto auto;
  justify-items: center;
  justify-content: space-between;
  align-items: stretch;
  display: grid;
  margin-bottom: 50px;
  position: relative;
}

.acteur{
  border: 2px solid #3A0078;
  border-radius:50% ;
}
.acteur-content{
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  }
.acteur-content>p{
  width: 100%;
text-align: center;
  font-size: 24px!important;
  height: 25px;
}

.acteur-content>svg{
  width: 35px !important;
  height: 20px !important;
  margin-top: 10px;
  color: #3A0078;
}
.abonne{
  margin: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.abonne>button{
  position: relative;
  font-size: larger;
  width: 80.02px;
  height: 33px;
  margin-top: -15px;
display:flex;
  justify-content: center;
  align-items: center;
margin-left: auto;
margin-right: auto;
  margin-bottom: 25px;
  border-radius: 10px;
}

.abonne>button:hover{
  opacity: 0.5;
}
.tarif-bar{
width: 100%;
margin: auto!important;;
}

/*panier*/
.tarif-container{
  position: absolute;
  width: 118px;
  height: 42px;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 42px;
 color: #000000;
  
}

/*configuration panier*/
.event-config{
  margin-bottom: 50px;
  width: 85vw;
  margin: auto;
  min-height: 25vh;
}
.config{
  border-top: 1px solid black;
}
.config-container{
margin-top: 30px;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}

    
    .config-container>h3{
    position: relative;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
  }

    
    .config-container>button{
height: 49px;
background: #3A0078;
border-radius: 10px
}

.config-container>button>span{
  margin: 5px;
position: relative;
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 18px;
color: #FFFFFF;
}

.modal-body{ 
  border-radius: 20px;
}

.config-container  .content_pic{
display: flex;
gap: 15px;
align-items: center;
width:50%;
}

.config-container>.content_pic>img{
  width: 100px;
  height: 100px;
  border-radius: 20px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.billet_page{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 34px;
  line-height: 44px;
  color: #000000;
}
.config-container>.content_pic>p{
  position: relative;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    text-align:justify;
  }
.modal-title{
  color: #3a0078;
          width: 100%;
          margin: auto;
       text-align: center;
          font-family: 'DM Sans';
          font-style: normal;
          font-weight: 700;
          font-size: 20px;
          line-height: 26px;
        font-weight: 700;
        }
       
        .modal-footer>button{ 
        border-radius: 7px;
        border-color: #dae0e5;
        border: 0px;
        font-size: medium;
        font-weight: 600;
        }
        .modal-footer>button:active{ 
         
          background-color: #3a0078;
         
          }
       .manage_user div h1{
        font-size: larger;
        font-weight: 600;
      }
      .manage_user div p{
        font-size: medium;
      }
      .modal-body {
        position: relative;
        padding: 0rem;
      }
    .adress{
      display:flex;
      justify-content:space-between;
    }
    .adress>div:first-child>div>input{
   width: 150px;
    }

    /** groupe acteur **/
    .details{
      position:relative; width: 442px;
      height: 159px;
      margin-top: 2%;
      font-family: 'Quicksand';
      font-style: normal;
      font-weight: 400;
      font-size: 22px;
      line-height: 132.5%;
      text-align: justify;
      text-transform: capitalize;
      color: #232020;
    }
    .groupe_detail_container>div:first-child{
      width:70vw;
      margin: auto;
      display: flex;
      justify-content: space-between;
      }
    .groupe-container>div>h2{
      position: relative;
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 23px;
        color: #000000;margin-bottom: 30px;
     } 
     .groupe-container>div>img{ 
     box-sizing: border-box;
     position: relative;
     width: 300px;
     height: 348.15px;
     left: 55%;
     background: url(dc2e2ceb65de2fe493b4fe1448254553.png);
     border: 2px solid #3A0078;
     border-radius: 25px;
        }
    .team-event{
        position: relative;
    width: 403px;
    height: 60px;
    left: 254px;
    top: 80px;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 115%;
    text-transform: uppercase;
    
    color: #000000;
}
.organisation{
  position: relative;
  width: 316px;
  height: 33px;
  left: 64%;
  top: 13%;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 115%;
  text-transform: capitalize;
  color: #8D8B8B;
}
  .boite-content{
    position: relative;
    top:200px;
    margin-left:-150px;
  }

    .follow{
    position: relative;
    width: 256px;
    height: 50px;
    padding: 1%;
    background:#3A0078;
    color:white;
    border-radius: 10px;
  }

    .follow>p{
      padding: 2%;
      width: 246px;
      height: 33px;
      font-family: 'Quicksand';
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      text-transform: capitalize; 
      color: #000000;
;margin-left: 5px;
    }
    .acteurG-instance{
      border-radius: 20px;
      width:250px
    }

      .acteurG-container {
        width: 90vw;
        margin: auto;
        padding: -20px -120px;
        display: grid;
        grid-template-columns: auto auto auto;
        justify-content: space-between;
      }
   
.detail{
  position:relative; width: 642px;
    height: 159px;
    margin-top: 2%;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-size: 27px;
    line-height: 132.5%;
    text-align: justify;
    text-transform: capitalize;
    color: #232020;
  }
    .lovels-content{
      position: relative;
    padding: 1%;
    margin-left: 2%;
    padding-left: 2%;
    width: 133px;
    height: 50px;
    display: flex;
    background: #118E52;
    border-radius: 10px
  }
    .lovels-content>p{
      margin: 5px;
      height:auto;
      font-family: 'Inter';
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      margin-left: 5px;
      color: #FFFFFF;
    }
.join_container{
  height:50px;
  display: flex;
  gap: 25px;
}

    .loveL-content{
    padding: 10px;
    display: flex;
    gap: 5px;
    background: #118E52;
    border-radius: 10px
  }

 
    .team-event>svg{
      transform:scale(1.5);color:
      #3A0078
    }
    .loveL-content>p{
      height:auto;
      font-family: 'Inter';
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      color: #FFFFFF;
    }

    /** info_evenement**/

    .evenement-container{
      margin-bottom:50px
    }
    .evenement-container>h1{
      position: relative;
     text-align: center;
      height: 36px;
      font-family: 'Inter';
      font-style: normal;
      font-weight: 600;
      font-size: 40px;
      line-height: 36px;
      letter-spacing: 0.5px;
      color: #000000;
    }
    .evenement-container>p{
      position: relative;
    text-align: center;
    height: 36px;
    margin-left:auto;
    margin-right:auto;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #3A0078}

    .evenement-container>img{
position:static;
width: 100%;
height: 400px;

}

/**page acteur**/
.send-message{
  gap: 5px;
  position: relative;
    display: flex;
    background: 
    #EBDFF6;
    border-radius: 10px
}
.artiste-info>h2{
  position: relative;
text-align: center;
 margin-top: 30px;

  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 39px; 
  color: #000000;margin-bottom: 30px;
}
.artiste-info>img{
  box-sizing: border-box;
  position: relative;
  width:100%;
  height: 320.15px;
  background: url(dc2e2ceb65de2fe493b4fe1448254553.png);
  border: 2px solid #3A0078;
  border-radius: 25px;
}
  .artist-join>div>h1{
    position: relative;

    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 115%;
    text-transform: uppercase;
    color: #000000;
  }
  .artist-join>div>h1>span>svg {
    transform:scale(1.5);
    color:#3A0078
  }
  .transposite{
  display: flex;
  gap: 30px;
  }

.transposite>div:last-child{
  width:100%;
  }
.artist-join>p{position: relative;
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 115%;
text-transform: capitalize;
color: #8D8B8B;
}

.artist-chat>div>div>.reseau-link{
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize; 
  color: #7076ce;

}
.send-message>p{
font-weight: 700;
}
.returnP-icone{
  display:flex;
  width: 90%;
  margin: auto;

}

.returnP-icone>img {
  position:relative;
  display: block;
}

/**responsive media query**/
.followG{
position: relative;
width: 206px;
height: 50px;
font-weight: 700;
padding: 2%;
background: #EBDFF7;
border-radius: 10px;
}

/** .notification **/

.notification-container>div{
  position: relative;
  height:auto;
  padding-top: 10px;
  background: rgba(155, 81, 224, 0.15);
}

.notification-container>div>img{

border-radius: 50px;
margin-right:2%;
margin-left: 1%;}

.notification-container>div>div>p{
  width:auto;
  height:auto;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
}

.notification-container>div>div>div>svg{
        position: relative;
        margin-left: -25px;
        margin-top:1.5%;
        color: #3A0078;
      }

.notification-container>div>div>div>h4{
  width: 89px;
  height: 36px;
 position: relative;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  color: #000000;          
  flex: none;
  order: 0;
  flex-grow: 0;}

.profile_tickets-container{
  background: rgba(155, 81, 224, 0.15);
  border: 1px solid #000000;
  margin: auto;
}
.profile_tickets-container>div{
width: 60%;
margin: auto;
}
.profile_tickets-container>img{
  position:relative;
  width: 100%;
  z-index: -1;
}
.pic-agent{
display: flex;
border-radius: 50%; 
width:150px;
 height:150px;
}

.pic-agent>img{
background-color: rgba(173,172,172,0.801);
position: relative;
margin-top:-5%;
border-radius: 50%;
width:150px;
 height:150px;
}

#uploadbtn{
position: absolute;
padding: 0px 3px 0px 3px;
border-radius: 50%;
display: block;
margin-top:2%;
margin-left: -1%;
visibility: hidden;
cursor: pointer;
color: #FFF;
background-color: rgba(173,172,172,0.801);
box-shadow: 2px 4px 4px rgb(0,0,0,0.644);
transform:scale(2) ;
margin-left: 60px;
}
.pic-agent>div>h2{
  margin-top: 2%;
  font-family: 'Inter';
position: relative;
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 39px;
}
.pic-agent>div>div{
  position:relative;
  display: flex;
  gap: 25px;
  height: 50px;}

.pic-agent>div>div>button{
  background-color:rgba(58, 0, 120, 1);
  color: #FFFFFF;
  border-radius: 10px;
  min-width:100px ;
}
#btn_2{
  background-color:rgba(58, 0, 120, 1);
  color: #FFFFFF;
  border-radius: 10px;
  width:220px ;
}
#btn_4{
  background-color:black;
  color: #FFFFFF;
  border-radius: 10px;
width: 180px;
}

#myTab{
width: 100%;
position: relative;
margin: auto;
}
.menu-data>ul>li{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
color: #000000;
flex: none;
order: 0;
flex-grow: 0;}
.box-inside{
  box-sizing: border-box;
  margin-top: 15px;
  position: relative;
  width: 233px;
    background: #F3F3F3;
    border: 2px solid rgba(193, 10, 10, 0.5);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    height: 250px;
}

.box-inside>div>div>h3{position: relative;
  width: 18px;
  height: 12px;
  left: -20%;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 9px;
  line-height: 12px;
 text-align: center;
  color: #3A0078;}
.box-inside>div>div>p{ 
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #000000;
}
.box-inside>div>div>h2{ 
width: 24px;
height: 31px;
margin-left: 10%;
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 31px;
color: #000000
}

.box-inside>div>img{
position: relative;
left: 5%;
top: -10px;
bottom: 8.33%;
color: #3A0078;
}
.box-inside>img{
  position: relative;
  left: 10%;
  bottom: 8.33%;
  color: #3A0078;
  }

.box-inside>div>p{
margin-top: -5%;
width: 279px;
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #6A6A6A;}

.evenement-over{
  width:100%;
  margin: auto;
  display: block;
}

.body-panier {
  font-family: 'DM Sans', sans-serif;
}

.panier {
  float: left;
  width: 100%;
  height: 100%;
  border-bottom: 2px solud blanchedalmond;
}
.panier h2 {
  margin: 0;
  padding: 0;
  font-size: 40px;
  line-height: 52.08px;
  height: 50px;
}

.panier hr {
  width: 100%;
  background: #000000;
  height: 2px;
}
.panier-container {
  width: 100%;
  height: 100%;
}
.single-panier {
 width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom:1px solid rgba(0, 0, 0, 0.5);
 
}
.single-panier > div:first-child {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.concert-cart img {
  width: 100px;
  height: 100px;
  border-radius: 20px;
}
.concert-cart > div {
  position: relative;
  display: inline-flex;
  margin-left: 20px;
  flex-direction: column;
  height: 150px;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;

}
.concert-cart p {
  font-size: 18px;
  font-weight: bold;
  font-family: inherit;
}
.concert-cart button {
  font-size: 14px;
  font-weight: bold;
  background: #3A0078;
  border: none;
  padding: 10px ;
  margin-bottom: 50px;
  color: #fff;
  border-radius: 10px;
}
.single-panier > div:last-child {
  align-items: center;
  position: relative;
  font-size: 24px;
  display: flex;
}
.single-panier > div:last-child p {
  display: inline-block;
  height: 50px;
  width: 50px;
  text-align: center;
  border: 2px solid #000;
  margin-bottom: -1px;
  margin-right: 5px;
}

.resume {
  margin-left: 5%;
  display: inline-block;
  width: 30%;
}
.resume h4{
  margin: 0;
  padding: 0;
  font-size: 28px;
  height: 50px;
  text-align: left;
}

.resume hr {
  width: 100%;
  background: #000000;
  height: 2px;
}
.resume-ctn {
  width: 100%;
}
.resume-ctn p {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: bold;
}

.resume button {
  background-color: #3A0078;
  width: 100%;
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
  border-radius: 50px;
  border: none;
  text-align: center;
}
.nbr > input {
  border: 1px solid black;
  display: inline-block;
  height: 40px;
  width: 45px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width:1200px) {
  
  .config-container>h3{
   
    font-size: 20px;
  }
  .config-container {
    margin-top: 10px;
    margin-bottom:10px;
    
  }
  .config-container > .content_pic > p {
    font-size:18px;
  }
  .profile_tickets-container>div{
    width:80%;
    margin: auto;
    }
    .profile_manage{
      width: 80vw;
      margin: auto;
      display: block;
      position: relative;
      }
 
  .joindre-part > button {
    position: relative;
    width: 200px;
    height: 60px;
    font-size: 18px;
    color: #F4F2F5;
    margin: auto;
      margin-top: auto;
    display: block;
    margin-top: 1%;
    background: #118E52;
    border-radius: 10px;
  }

  .offcanvas-header{
    display: none !important;;
  }
  #offcanvasNavbar{
    display: none !important;;
  }
  .overAllClose{
    display: none !important;;
  }
 
  .feedback > p {
    position: relative;
    width: 906px;
    height: 72px;
  }
 
  .evenement-description {
    position: relative;
    justify-content: space-between;
  }
  .footer{
    width:100%
    }
/**index page*/

  .fee > div > p{
  
  font-size: 25px;
  }
  .fee > div {
  width: 200px;
 
  
  }


 /** notification **/
 .notification-container{
margin-top:50%;
}
 .notification-container>div{
  position: relative;
  height:auto;
  padding-top: 10px;
  background: rgba(155, 81, 224, 0.15);
}
/** **/
 

/** page acteur **/
.detail{
    position:relative;
    width: 442px;
    height: 159px;
    margin-top: 2%;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 132.5%;
    text-align: justify;
    text-transform: capitalize;
    color: #232020;
  }
   
}


@media screen and (max-width:1100px) {
  .acteur-content > p {
    width: 100%;
    text-align: center;
    font-size: 20px !important;
    height: 25px;
  }

  .concert-cart > div {
    position: relative;
    display: inline-flex;
    margin-left:15px;
  }
  .send-message > p {
    font-weight: 600;
  }
  .offcanvas-header{
    display: none !important;;
  }
  #offcanvasNavbar{
    display: none !important;;
  }
  .overAllClose{
    display: none !important;;
  }
 
  .fee > div > p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 36px;
    margin-left: 0%;
    align-items: center;
    text-align: right;
    letter-spacing: 0.5px;
    color: #3A0078;
  }
  .fee div{
    padding: 8px;
    height: 50;
        height: 110px;
      margin: auto;
      display: block;
      background: #FFFFFF;
      box-shadow: 0px 0px 4px #3A0078;
      border-radius: 10px;
    }

    
  .title-content{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 39px;
    color: #000000;
  }
 
 
  .sale-info{
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    text-transform: uppercase;
  }
  .sale-info>p{text-transform: capitalize;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 115%;
  color: #8D8B8B;
  text-transform: capitalize;}
  .sale-info>h2{
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  text-transform: uppercase;}
  .reseau-container{
    margin-right:40%
  }
  
  .join-btn{
    position: relative;
    margin:5px;
    background: #EBDFF7;
    border-radius: 10px;
  }
  
  .follow-btn{
    position: absolute;
    margin-top: -10px;
    left: 18px;
    color: #FFFFFF;
    background: #118E52;
    border-radius: 10px;
  }
  .a_propos{
    width:800px;position: relative;
    margin-top:5%;
    margin-bottom:auto;
    width: 1131px;
    height: 461px;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 132.5%;
    text-align: justify;
    text-transform: capitalize;
    margin-bottom: 5%;
    color: #232020;
  }

  .pevent {
    font-size: 25px;
    margin-left: -50px;
    color: red;
     }
      .actualite-content > p {
        position: relative;
        width: 462px;
       display: block;
       margin-left: auto ;
       margin-right: auto;
       left:auto;
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 150%;
        color: #6A6A6A;
}
.actup-instance {
  width: 250px;
  border-radius: 20px;
}

}
@media screen and (max-width: 1050px) {
  .page_actor_container>div:first-child {
    width: 70vw;
    margin: auto;
} 

}

@media screen and (max-width:1000px){
  .acteurs-container {
    grid-template-columns: auto auto auto;
    justify-items: center;
    justify-content: space-between;
    align-items: stretch;
    display: grid;
    margin-bottom: 50px;
    position: relative;
  }
  .event {
    margin-top: 40px!important;
  }
  .Pevent {
    font-size: 20px!important;
  }
  .profile_tickets-container > div {
    display: flex;
    width: 80%;
    margin-left: 0%;
  }
  
  .page_actor_container > div:first-child {
    width: 85vw;
    margin: auto;
  }
  .event-share {
    margin-top: 10%;
  }
  }
@media screen and (max-width:900px) {
  .box-inside > img {
    position: relative;
    left: 0%;
  }
  
  .nbr > input {
    border: 1px solid black;
    display: inline-block;
    height: 40px;
    width: 45px;
    border-radius: 10px;
    padding: 10%;
    font-size:10px;
  }
  .event-instance, .actu-instance {
    width: 210px;
    background-color: #fff;
  }
  .config-container> .content_pic > p {
    font-size:15px;
    font-weight: 500;
  }
  .config-container > button > span {
    font-size: 12px;
    color: #FFFFFF;
    margin: 5px;
  }
  .config-container > button {
    height: 35px;
  }
  .config-container > h3 {
  font-size:15px;
  }
  .glob{
  margin-left: 7%;
  }
  .box-container{
    display:grid;
    grid-template-columns: auto auto ;
  }
  
  .send-message {
    position: relative;
    background: #EBDFF6;
    border-radius: 10px;
  }
 
  .artist-chat > div > div > p {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    text-transform: capitalize;
    color: #000000;

  }
.artist-chat{
width: 100%;
}
  .artiste-info>div:first-child{
  width: 100%;
  }


    .join_part>div:nth-child(2){
    margin-top: 2%;
    }
  .offcanvas {
    position: relative;
  }
  .menu_step{
    position: absolute;
    right: 5%;
    top: -50px;
    z-index: 900;
    background-color: white;
    padding: 5px 15px;
    }
    
  .actu-container {
    grid-template-columns: auto auto;
}
.actup-instance {
  width: 300px;
  border-radius: 20px;
}

  .acteurG-container {
    grid-gap: 35px 0px;
    justify-content: space-between;
}

  .feedback > form > button {
    left: 80%;
  }
  .event-share {
 margin-bottom: 10px;
    display: block!important;
}
.fee {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  justify-content: space-between;
}
.fee div {
  padding: 0px;
  width: 200px;
  height: 110px;
  display: block;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px #3a0078;
  border-radius: 10px;
}
.fee div h6,.fee div p{
margin-left: 20px;
}
  .offcanvas-header{
    display: inherit !important;;
  }
  #offcanvasNavbar{
    display:inherit !important;;
  }
 
 
  ul>li{ 
  line-height: 220%!important;
  text-align:right ;
  }
  .menu_step>li:hover{ 
    color: white;
    font-weight: bolder;
    background-color: #3e5491;
    }
  .navbar {
    display: none;
  }
  .over {
    display: none;
  }
  .menu_btn {
    position: relative;
    display: unset;
    transform: scale(2);
  }
  .menu_mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #auth-d {
    display: block;
    margin: auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #auth-d>div:first-child{
    margin-left: 20%;
  }
  #auth-d>*{
    margin-left: 5%;
  }
  #navbarScroll>ul>li{
  
  font-size: larger;
  word-spacing: 10px;
  }
  .menu_mobile > * {
    width : 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #uploadbtn {
    margin-top: 3%;
  }
 
  .nbr > span {
    font-size: 15px;
  }
 
  .concert-cart button {
    font-size: 14px;
    font-weight: bold;
    background: #3A0078;
    border: none;
    padding: 5px;
    margin-bottom: 75px;
    color: #fff;
    border-radius: 10px;
  }

  /**index **/
 
  .acteur {
    border: 2px solid #3A0078;
    border-radius: 50%;
  }

  
  .acteurs-container {
    grid-template-columns: auto auto auto;
  }

.event-bar>ul>li>select{
  margin: 0;
  font-size: 15px;

}
   
 
  .joindre-part > p {
    position: relative;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.5px;
  }
  .joindre-part > h3 {
    font-size: 20px;
  }
  .joindre-part > button {

    width: 150px;
    height: 50px;
    font-size: 16px;
   
  }
  .question-tag > img {
    position: relative;
    width: 169px;
    background: url(5a10b33632eed402188b5be0.0.jpg);
    border: 1px solid #000000;
    border-radius: 15px;
  }
  .feedback > p {
    font-size: 16px;
    line-height: 36px;
    width:100%;
    height: 72px;
    display: flex;
    align-items: center;
    letter-spacing: 0.5px;
    color: #000000;
  }
   
        .actualite-content > p {
          position: relative;
          width: 462px;
         display: block;
         margin-left: auto ;
         margin-right: auto;
         left:auto;
          font-family: 'DM Sans';
          font-style: normal;
          font-weight: 400;
          font-size: 18px;
          line-height: 150%;
          color: #6A6A6A;
  }

  /**page acteur**/
 
  .acteurG-instance {
    border-radius: 20px;
    width: 210px;
  }

  /** page groupe **/
  .groupe-container > div > img {
    box-sizing: border-box;
    position: relative;
    width: 300px;
    height: 378.15px;
    left: 30%;
    background: url(dc2e2ceb65de2fe493b4fe1448254553.png);
    border: 2px solid #3A0078;
    border-radius: 25px;
  }
  .insta-link{
  margin-left: -70px;
  }
  .face-reseauContent{
    margin-top: 10%;
  margin-left: -120px;
  }
  .face-reseauContent>div>p{
    font-size: medium;
    
  }
  .groupe-container > div > h2 {
    width: 222px;
    height: 39px;
    margin-left: 50%;
   
  }
  .team-event {
    position: relative;
    width: 403px;
    height: 60px;
    left: 124px;
    top: 80px;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 115%;
    text-transform: uppercase;
    color: #000000;
  }
  .organisation {
    position: relative;
    width: 316px;
    height: 33px;
    left: 32%;
    top: 11%;
    font-family: 'Quicksand';
  }
  .followG {
    position: relative;
    width: 200px;
    height: 50px;
    padding: 1%;
  left:-35%;
    background: #EBDFF7;
    border-radius: 10px;
  }
  .followG>p {
   font-weight: 700px;
  }
  
  .lovels-content {
    position: relative;
    padding: 1%;
      padding-left: 1%;
    margin-left: -32%;
    padding-left: 2%;
    width: 133px;
    height: 50px;
    display: flex;
    background: #118E52;
    border-radius: 10px;
  }
  
  .details{
  left: -120px;
  width: 40vw;
  font-size: 20px;
  }
  
  
  .title-content{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 39px;
    color: #000000;
  }
 
  .sale-info{
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    margin-left:0%;
    line-height: 115%;
    text-transform: uppercase;
  }
  
  .reseau-container >img{
    margin-right: 40%;
    width: 30px;
    height: 30px;
  }
 
  .sale-info>p{text-transform: capitalize;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 115%;
  color: #8D8B8B;
  text-transform: capitalize;}
  .sale-info>h2{
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  text-transform: uppercase;
}
  .reseau-container{
    margin-right:40%;
    display:flex
  }
  .join-btn{
    padding: 0%;
   margin: 0%;}
  .join-btn>img{
    width: 30px;
  height: 40px;}
  .join-btn>p{
   font-size: small;
  
  margin: 0%;
  padding: 0%;}
  .follow-btn{
    position: absolute;
   
    left: 18px;
    color: #FFFFFF;
    background: #118E52;
    border-radius: 10px;
  }
  .a_propos{
    width:800px;position: relative;
    margin-top:5%;
    margin-bottom:auto;
    width: 1131px;
    height: 461px;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 132.5%;
    text-align: justify;
    text-transform: capitalize;
    margin-bottom: 5%;
    color: #232020;
  }
  
  
  /** mon profile tickets **/
  
  .profile_tickets-container>img{
    position:relative;
    width:100%
  }
  
  
.pic-agent>div>h2{
  left: 0%;
  font-size: 30px;
  line-height: 39px;
  }
  .pic-agent>div>div{position:relative;
    left:0%;
    width: 500px;
  }
.pic-agent>div>div>button{
  margin-left:5px;
  position: relative;
  width: 103px;
  font-size: 15px;
  color: #FFFFFF;
  font-weight: 500;
  background: #3A0078;
  border-radius: 10px;}
 .pic-agent>div>div>button:nth-child(1) {margin-left:-10px}
 #btn_2 {
 margin-left:-4%;
 height: 55px;
 width: 200px;
}
#btn-3{
  margin-left:-4%;
  height: 55px;
}
#btn_4 {
  margin-left:-4%;
  height: 55px;
  width: 180px;
}
.pic-agent>img {
  margin-left:1%;
}
  .menu-data>ul>li{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  flex: none;
  order: 0;
  flex-grow: 0;
}
  .box-inside{
    box-sizing: border-box;
    margin-top: 15px;
      position: relative;
      background: #F3F3F3;
      border: 2px solid rgba(193, 10, 10, 0.5);
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
      border-radius: 15px;
  }
  .box-inside>div>div>h3{position: relative;
    width: 18px;
    height: 12px;
    left: -20%;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 9px;
    line-height: 12px;
   text-align: center;
    color: #3A0078;
  }
  .box-inside>div>div>p{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #000000;
  }
    .box-inside>div>div>h2{
  width: 24px;
  height: 31px;
  margin-left: 10%;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 31px;
  
  color: #000000}
  
  .box-inside>div>img{
  position: relative;
  left: 5%;
  top: -10px;
  bottom: 8.33%;
  
  color: #3A0078;
  }
 
 
  .box-inside>div>p{
  width: 279px;
  margin-left: 15%;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #6A6A6A;}
  
      
  }
  @media screen and (max-width:800px){
    .concert-cart p {
      font-size: 13px;
     
    }
    
    .event-bar > ul > li {
      padding: 0px 0px;
      background: rgba(155, 81, 224, 0.15);
      border-radius: 8px;
    }
    
    .join_container {
      display: flex;
      gap: 10px;
    }
    .actor-container{
      justify-content: space-between;
      display: grid;
      grid-template-columns: auto auto auto;
      flex-wrap: wrap;
    margin-bottom: 50px;
    }
    .pic-agent > div > div {
      position: relative;
      display: block;
      height: 50px;
    }
   
    .pic-agent > div > div > button:nth-child(1) {
      margin-right: 20px;
    }
    #btn_2 {
      margin-right:20px;
      height:40px;
    }
    #btn-3 {
      margin-left: -4%;
      height: 40px;
    }
    #btn_4 {
      display: block;
      margin-top:1%;
      margin-left:-2%;
      height:40px;
      width: 180px;
    }
  
  }
@media screen and (max-width:750px){
  label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
    margin-top: 10px;
    font-size: 12px;
  }
  .evenement-container>h1{
   font-size:25px;
  }
  .box-inside {
  width: 203px;  
  height: 300px;
  }
  .adress {
    display: flex;
    gap: 25px;
  }
  .config-container .content_pic {
    display: flex;
    gap: 15px;
    align-items: center;
    width: 100%;
  }
  .config-container .content_pic {
   
    width: 60%;
  }
  .returnP-icone {
    display: flex;
    width: 100%;
    margin: auto;
  }
  .actorName{
  font-size: 25px;
  }
  .event {
    width: 75vw;
  }
 
  .page_actor_container {
    width: 100%;
    margin: auto;
    margin-top: 20px;
  }
  .actup-instance {
    width: 250px;
    border-radius: 20px;
}
.acteurG-instance {
  border-radius: 20px;
  width: 250px;
}
  .acteurG-container {
    grid-template-columns: auto auto;
    
}
 
  .footer-container >div> div > form> button
  { 
    
  font-size: 10PX;
    }

  .acteurs-container {
    grid-template-columns: auto auto;
  }

.event-bar > ul > li {
  padding: 0px 0px;
 
}
.event-instance, .actu-instance {
  padding: 0;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  width: 240px;
height: 405px;
background-color: #fff;
}
.event-container, .actu-container {
  padding-top: 20px;
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px 3%;
  justify-content: space-between;

}
.Pevent {
  display: none;
}
  }
@media screen and (max-width:700px) {

  .modal-title {
    font-size: 15px;
    line-height: 26px;
    font-weight: 700;
  }
  .billet_page {
    font-size:25px;
  
  }
  .send-message > p {
    font-weight: 600;
    padding: 0px;
    margin-bottom: 0px;
  }
 
  .join_container {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .artist-chat > div > div > p {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    text-transform: capitalize;
    color: #000000;
    margin: 0px;
  }
  .loveL-content {
  width: 50%;
  }
  
  .artist-chat > div:first-child {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 8px;
  }
  .event-bar > ul {
    gap: 5px;
    display: flex;
    list-style-type: none;
    justify-content: space-between;
    margin: auto;
  }
 
  .returnP-icone {
    display: flex;
    width: 90%;
    margin: auto;
  }

  .artist-chat > div:first-child > div:first-child {
    display: flex;
    justify-content:start;
    position: relative;
  }
  .returnP-icone > img {
    display: none;
   
  }
  
  .insta-icone {
    display: flex;
    justify-content:start;
  }

  .page_actor_container > div:first-child {
    width: 85vw;
    margin: auto;
  }
 
  
  .artist-join > div > h1 {
    position: relative;
    height:auto;
    font-size: 25px;
  }
  
 
  .modal-content {
    margin-top: 70px!important;
    margin:auto;
    width: 400px;
 
  }
  .glob {
    margin-left: 4%;
  }
  .feedback > form > div > textarea {
    width: 100%;
    height:150px;
  }
  .myTabContent{
  width: 100%;
  }
  .box-container {
    justify-content: space-around;
  }
  .box-inside {
  width: 220px;
  }
  .fee div {
    width: 170px;
    height: 110px;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px #3a0078;
    border-radius: 10px;
  }
 
  .fee > div > p {
  
    font-size: 22px;
  }
  .feedback > h3 {
    position: relative;
    width: 233px;
   
  }
  .feedback > form > div > textarea {
    box-sizing: border-box;
    min-width: 90%;
  }
  .feedback > form > button {
    left: 75%;
  }

 .menu_step>li{
font-size: 13px;
}
#auth-d>div:last-child>p{
  width: 20%;
font-size: 10px;
}
 
  .joindre-part > h3 {
    font-size: 25px;
  }
  .joindre-part > p {
    position: relative;
    text-align: center;
    font-weight: 400;
    font-size: 25px;
    letter-spacing: 0.5px;
}

 
  .evenement-description {
    display: block;
  }
  
  .joindre-part > button {
    width: 230px;
    font-size: 20px;
  }
  .question-tag > img {
    position: relative;
    width:100%;
  }
  .evenement-description>div>p {
    
    font-weight: 400;
    font-size: 20px;
 
}
  .event-share {
    margin-top: 20px;
    margin-bottom: 25px;
    display: flex!important;
}
  .footer-container > div > div > form {
    width: 40px;
    height: 40.79px;
    display: flex;
    background: #FFFFFF;
    border: 2px solid #F1F1F1;
    border-radius: 45.595px;
  }
  .event-bar {
    align-items: center;
    flex-direction: column;
    width: 350px;
    display: flex;
    justify-content: space-evenly;
  }
    .reseau-container {
      position: relative;
     
      width: 100%;
      justify-content:none;
    }

      .actualite-content > p {
        position: relative;
        width: 462px;
       display: block;
       margin-left: auto ;
       margin-right: auto;
       left:auto;
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 150%;
        color: #6A6A6A;
}

.actu-container {
  
  width: 100%;
  display: grid;
  grid-template-columns: auto auto  ;
  grid-gap: 45px 40px;
  justify-content: center;
}
/** acteurs**/

.footer-container > div > div > form {
  box-sizing: border-box;

  width: 100%;
  height: 60.79px;
  display: flex;
  background: #FFFFFF;
  border: 2px solid #F1F1F1;
  border-radius: 45.595px;
}

/** billet_configuration **/

.search-container > h2{font-size: 25px;}
.search-container > h2>span{
  font-size: 25px;
}


/** groupe acteur **/
.followG {
  position: relative;
  width: 200px;
  height: 50px;
  padding: 1%;
  left: -53%;
  background: #EBDFF7;
  border-radius: 10px;
}

.followG > p {
  font-weight: 700px;
  font-size: 15px;
  padding: 2%;
}
 .lovels-content
    {position: absolute;
  
    margin-left:5px;
    padding-left: 2%;
    width: 93px;
    height: 50px;
    display: flex;
    background: #118E52;
    border-radius: 10px}

    .lovels-content>p{
      margin: 5px;
      width: 75px;
      height:auto;
      font-family: 'Inter';
      font-style: normal;
      font-weight: 700;
      font-size: 15px;
      margin-left: 5px;
      color: #FFFFFF;
    }
    .details{
    font-size: 20px;
    width: 350px;
    left: -52%;
    }
    .face-reseauContent{
      margin-top: -4%;
    margin-left: -50%;
    }
    .reseau-link{
    font-size: 15px;
    }

    .groupe-container > div > img {
      box-sizing: border-box;
      position: relative;
      width: 250px;
      height: 348.15px;
      left: 5%;
      background: url(dc2e2ceb65de2fe493b4fe1448254553.png);
      border: 2px solid #3A0078;
      border-radius: 25px;
    }
    .groupe-container > div > h2 {
    left: -45%;
    }

    .team-event {left: 20px;font-size: 25px;}
    .organisation{
    left: 5%;
    }

    /** nos salles **/
/** salle profile **/

.title-content{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 39px;
  color: #000000;
}

.sale-info{
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  margin-left:0%;
  line-height: 115%;
  text-transform: uppercase;
}

.reseau-container >img{
  margin-right: 40%;
  width: 30px;
  height: 30px;
}


.sale-info {
  margin-right: -10px;
  
}
.sale-info>p{text-transform: capitalize;
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 115%;
color: #8D8B8B;
text-transform: capitalize;
}
.sale-info>h2{
font-family: 'Quicksand';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 115%;

text-transform: uppercase;
}
.reseau-container{
  margin-right:40%;
  display:flex
}
.join-btn{
  padding: 0%;
 margin: 0%;}
.join-btn>img{
  width: 30px;
height: 40px;}
.join-btn>p{
 font-size: small;
margin: 0%;
padding: 0%;
}
.follow-btn{
  position: absolute;

  left: 18px;
  color: #FFFFFF;
  background: #118E52;
  border-radius: 10px;
}
.a_propos{
  width:800px;position: relative;
  margin-top:5%;
  margin-bottom:auto;
  width: 481px;
  height: 461px;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 132.5%;
  text-align: justify;
  text-transform: capitalize;
  margin-bottom: 5%;
  color: #232020;
}

.menu_step>li{
  font-size: 16px;
  }

  #uploadbtn {
    margin-top: 6%;
  }
  .single-panier > div:first-child {
    gap:10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-left: 0%;
  }
  .concert-cart p {
    font-size: 15px;
    text-align: center;
  }
  .nbr > input {
    height: 10px;
  }
  .concert-cart > div {
    position: relative;
    display: inline-flex;
    margin-left: 15px;
    height: auto;
  }
  .event-input input, .event-input input:focus {
    height: 28px;
    font-size: 18px;
  }
}

@media screen and (max-width:600px){
  #select_country {
    width: 100%;
  }
  .manage_form_send {
  flex-direction: column;
  }
  .form-control {
    display: block;
    width:100%;
  }
  .manage_form_send > * {
    width: 100% !important;
  }
 
  .event-input input, .event-input input:focus {
   border-bottom: 0px;
  }
  .event-bar > ul {

    margin: inherit;
  }
  #maxwidth {
    max-width: 150px;
    font-size: smaller;
    word-wrap: break-word;
  }
  .event-share {
    margin-top: 20px;
    margin-bottom: 25px;
    display: flex !important;
    flex-direction: column;
    align-items: inherit;
  }
  .concert-cart img {
    width: 90px;
    height: 100px;
    border-radius: 20px;
  }
 
  .detail-container {
    padding: 5px 10px;
    max-width: 250px;
    margin-left: 0%;
  }
  .config-container .content_pic {
    
    display: flex;
    gap: 15px;
    align-items: center;
    width:100%;
  }
  .config-container > button {
    height: 55px;
    width: 30%;
    font-size: 25px;
    margin: 0px;
  }
  .config-container > button > span {
    font-size:18px;
    color: #FFFFFF;
  }
  .config-container {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
  }

  #uploadbtn {
    margin-top: 3%;
    margin-left: 40px;
  }
  
  .actor-container {
    justify-content: center;
    gap: 35px;
    align-items: center;
    
    grid-template-columns: auto auto;
  }
  .pic-agent > img {
  width: 100px;
height: 100px;}
  #btn-3 {
    margin-top: 1%;
    display: block;
  }
  #btn_4 {
    display: inline;
    margin-top: -13%;
    margin-left:18%;
   width: 180px;
  }
  .menu_step>li{
  font-size: 16px;
  }

  .actup-instance {
    width: 200px;
    border-radius: 20px;
}
.acteurG-instance {
  border-radius: 20px;
  width: 210px;
}

}
@media screen and (max-width:550px){
  
  .config-container > button {
    height: 45px;
    width: 40%;
    font-size: 25px;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  .config-container > .content_pic > p {
    font-size: 20px;
    font-weight: 200;
  }
  .config-container > h3 {
    font-size: 20px;
    font-weight: 200;
  }
  .billet_page {

    font-size:20px;
  }
  
  .artist-chat > div:first-child {
    flex-direction: column;
    gap: 5px;
  }
  .event-instance, .actu-instance {
    padding: 0;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 200px;
    height: 400px;
    background-color: #fff;
  }
 
  .modal-body > div > h4 {
    font-size: medium;
    font-weight: 600;
  }
  .transposite {
    display: flex;
    gap: 30px;
    margin-bottom: 80px;
  }
  .artist-join > div > h1 {
    position: relative;
    height:auto;
    font-size:18px;
  }
  .modal-content {
    margin-top: 70px!important;
    margin:auto;
    width: 300px;
 
  }
  .artist-join > div:first-child > svg {
    margin-top: 2%;
    transform: scale(1.5);
    color: #3a0078;
  }
  
  .box-container {
    gap:inherit;
    justify-content: center;

    grid-template-columns: auto;
  }
 
  .join_part {
    display: flex;
  }
  .artist-chat > div:first-child {
    display: flex;
    position: relative;
    width: 100%;
  }
  .artiste-info>div:first-child{
  margin-top: 5%;
  }
 
  .event-groupe{
    margin-top: 20px;
  font-size: 25px;
  }
}
@media screen and (max-width:500px) {
  label {
   
    font-size: 15px;
  }
  .fee div {
    flex-direction: column;
  }
  .motif {
    width: 100%;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #A5A5A5;
    margin-top: -10px;
  }
  
  .artiste-info {
    width: 100%;
  }
  .page_actor_container {
    margin-top: 40px !important;;
    width: 80vw !important;
    margin: auto;
  }
  .artist-join > p {
    position: relative;
    height: 15px;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height:25px;
    text-transform: capitalize;
    color: #8D8B8B;
  }
  .config-container > button > span {
    font-size: 15px;
    color: #FFFFFF;
  }
  .event-search > fieldset {
    height: 100%;
    display: flex;
    align-items:inherit;
    gap: 2px;
    flex-direction: column;
  }
  .event-search > fieldset>* {
   width: 100%;
   margin: auto;
  }
  .entertainment {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 30px!important;
  }
  .concert-cart p {
    font-size: 13px;
  }
  .single-panier {
   border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    flex-direction: column;
  }
  .nbr > input {
    
    width: 100%;
  }
  .single-panier > div:last-child {
    align-items: flex-start;
    margin-left: 0px;
  }
  .nbr > span {
    font-size: 18px;
  }
  .index > img {
    vertical-align: middle;
    border-style: none;
    height: 70px;
  }
  .tendance {
    font-size: 27px;
    line-height: 65px;
  }
  .event-bar {
  align-items: center;
  flex-direction: column;
  width: 300px;
  display: flex;
  justify-content: space-evenly;
}
  .nbr > input {
    border: 1px solid black;
    display: inline-block;
    height: 30px;
    width: 50px;
    border-radius: 10px;
    padding: 10%;
    font-size: 13px;
  }
  .nbr > span {
    font-size: 12px;
  }
  
  .detail-container {
    padding: 5px 10px;
    max-width: 250px;
    margin:auto;
  }
  .transposite {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .artist-join > p {
   text-align: center;
   margin-top: 5px;
   margin-bottom: 25px;
  }
  .artist-join > div:first-child {

    display: flex;
    gap: 25px;
    justify-content: center;
   
  }
  .insta-icone {
    display: flex;
    justify-content: start;
    align-items: flex-start;
  }
  #detail{
    text-align: justify;
    margin-top: 30px;
  }
  .artist-join > div:first-child > svg {
    margin-top: 1%;
    transform: scale(1.5);
    color: #3a0078;
  }
  .manage_select{
  flex-direction: column;
  }
  .manage_form_send{
  flex-direction: column;
  justify-content: center;

  }
  .manage_form_send>*{
   width: 100%!important;
    }
    .manage_select>select{
      width: 30%;
      }
  .join_container {
    height: 50px;
    display: flex;
    gap: 2px;
    flex-direction: inherit;
    justify-content: space-between;
 
  }
  .loveL-content {
    width: 30%;
  }
  .returnP-icone {
    justify-content: center;
  }
  .artist-chat > div:first-child {
    display: flex;
    flex-direction:row;
    justify-content: center;
    position: relative;
    width: 100%;
    gap: 10px;
  }
  .transposite>* {

    align-items: center;
  }
  .col-form-label {
    font-size: medium;
   }
#ul_content{
width: 100%;
margin: auto;
display: block;
}
  .footer-container > div > .info-content {
    margin-top: 0%;
    width: 100%;
    position: relative;
  }
  
  .acteurs-container {
    grid-template-columns: auto;
    justify-items: center;
    justify-content:inherit;
  }
  .feedback > form > button {
    left: 70%;
}
  .fee div {
    width: 100%;
    height: 110px;
    display:flex;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px #3a0078;
    margin-right: 10px;
    border-radius: 10px;
}
  .actu-container {
    grid-template-columns: auto;
    justify-content: center !important;
}
  .actup-instance {
    width: 300px;

}
.acteurG-instance {
  border-radius: 20px;
  width: 300px;
}
.acteurG-container {
  justify-content: center;
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  justify-content:center;
}

  .sale-info {
    margin-left: 10px!important;
  }
.event-bar>ul>li>select {
  font-size: 11px;
}
.fee{
grid-template-columns: auto;
align-items: center;
justify-content: center;
}
.evenement-description{
justify-content: space-around;
}
.event-instance, .actu-instance {
  padding: 0;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  width:100%;
  height: 380px;
  background-color: #fff;
}
.event-container, .actu-container {
  grid-template-columns: auto;
  grid-gap: 10px 5%;
  justify-content:center!important;
}
.event-search {
  border-radius: 15px;
  height:auto;
  min-height: 75px;
  overflow: hidden;
}
}
@media screen and (max-width:450px) {
  .auth_tm {
    display: block;
    transform: scale(1.4);
  }
  .menu_step {
    position: absolute;
    right: 5%;
    top: -30px;
  }
  .pic-agent > div > h2 {
    left: 0%;
    font-size: 18px;
    margin-top: 5px;
  }
  .feedback > h3 {
    position: relative;
    margin-top: 20px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
  }
  .feedback > form > div > textarea {
    width: 100%;
    height: 130px;
  }
  .feedback > form > button {
    position: absolute;
    width: 60px;
  }
  .event-share > div {
    position: relative;
    transform: scale(1.5);
    margin: 0 20%;
  }
  .evenement-description > div > p {
    font-weight: 400;
    font-size: 18px;
  }
  .fee div h6, .fee div p {
    font-size: 18px;
  }
  .fee > div > h6 {
   font-size: medium!important;
  }
  .joindre-part > button {
    width: 180px;
    font-size: 15px;
  }
  .joindre-part > p {
    position: relative;
    text-align: center;
    font-weight: 400;
    font-size:18px;
    letter-spacing: 0.5px;
  }
  .modal-content {
    margin-top: 70px!important;
    background-color: rgba(217, 200, 233);
    margin:auto;
    width: 250px;
 
  }
  #btn_2 {
    width: 80px;
    padding: 0px;
    height: 55px;
    margin-top: -5%;
  }
  #btn_4 {
    padding: 0%;
    margin-top: -13%;
    width: 120px;
    height: 50px;
  }

}
@media screen and (max-width:380px){
  .motif {
    width: 100%;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    color: #A5A5A5;
    margin-top: -10px;
  }
  .config-container > button {
    height: 45px;
    width: auto;
    font-size: 25px;
    margin: 0px;
  }
  .user_toogle {
    position: relative;
    margin-right: 0px;
  }
   .menu_step {
    position: absolute;
    right: 5%;
    top: -30px;
  }
  .auth_tm {
    display: block;
    transform: scale(1.2);
  }
  .box-inside > div > div > p {
    font-size: inherit;
    margin-top: 15px;
  }
  .actup-instance {
    width: 220px;
  }
  .index>img{
      vertical-align: middle;
      border-style: none;
      height: 70px;
    
  }
  .event-bar > ul > li > select {
    margin: 0;
    width:95px;
  }
  .event-bar {
    align-items: center;
    flex-direction: column;
    width: 210px;
    display: flex;
    justify-content: space-evenly;
  }
 
  .detail-container {
    padding: 5px 10px;
    max-width: 250px;
    margin-left: 0%;
  }
  .acteurs-container {
    margin: auto;
    grid-template-columns: auto;
  }
  
}
@media screen and (max-width:340px){
  
  .motif {
    width: 100%;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #A5A5A5;
    margin-top: -10px;
  }
  .actup-container > p {
    font-family: "DM Sans";
    font-size: 15px;
  }  
  .acteur-content > p {
    width: 100%;
    text-align: center;
    font-size: 15px !important;
    height: 25px;
  }
  .detail-container  div span {
    font-size: small;
  }
  .acteur-content > svg {
    width: 35px !important;
    height: 12px !important;
    margin-top: 7px;
    color: #3A0078;
  }
  .event-bar > ul > li > select {
    font-size: 17px;
  }
  .event-bar > ul {
    gap: 5px;
    display: flex;
    flex-direction: column;
    list-style-type: none;
    justify-content: space-between;
  }
  .event-bar > ul > li > select {
    margin: 0;
    width:auto;
  }
  .acteurG-instance {
    border-radius: 20px;
    width: 210px;
  }
  .profile_tickets-container > div {
    display: flex;
    width: 100%;
    margin-left: 0%;
    flex-direction: column;
  }
  .glob {
    margin-left: 8%;
    margin-top: -20px;
  }
  .pic-agent {
    display: flex;
    border-radius: 50%;
    width: 150px;
    height: 260px;
  }
}

@media screen and (max-width:300px){
  .joindre-part > button {
    width:120px;
    font-size: 15px;
    
  }
  
  .evenement-container > h1 {
    font-size: 15px;
  }
  .evenement-container > p {
    font-size: 15px;
  }
  .fee div h6, .fee div p {
    font-size: 20px;
  }
  .fee > div > h6 {
    font-size: 18px !important;
  }
  
  .feedback > form > button {
    left: 50%;
  }
}