.pac-container{
  background-color: #fff;
  z-index: 1000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: auto;
}

.remove-icon{
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 7px;
  cursor: pointer;
}

.remove-icon img{
  width: 11px;
  height: 14px;
}

.pac-container:after {
  background-image: none !important;
  height: 0px;
}

.pac-icon{
  display: none;
}

.pac-item{
  cursor: pointer;
  border: none;
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #6A6A6A;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
}

.pac-item-query{
  font-family: 'Urbanist-Bold';
  font-size: 16px;
  color: #000000;
}

.tab-option{
  display: none;
}
.message-send{
  position: absolute;
  bottom: -25px;
}
.city-profile .profile-image{
  cursor: pointer;
}

.city-profile .profile-info .name{
  cursor: pointer;
}

.additional-tags span{
  font-size: 14px;
  font-family: 'Urbanist-SemiBold';
  color: #3EB5FF;
  margin-left: 5px;
  margin-right: 5px;
}



.button-send{
  width: 25px;
  height: 25px;
  background-image: url(/include/new/images/chat-send.png);
  background-position: center;
  background-repeat: no-repeat;
  
}

.button-send.active{
  cursor: pointer;
  background-image: url(/include/new/images/chat-send-green.png);

}

.profile-details-popup .pop-wrap-event{
  margin-top: 15%;
  background: #222;
  width: 700px;
  height: 100%;
}

.image-perticpants{
  position: relative;
}

.image-perticpants .next-post{
    position: absolute;
    right: 17%;
    top: 50%;
    z-index: 9;
    display: block;
}

.image-perticpants .prev-post{
  position: absolute;
  left: 5%;
  top: 50%;
  z-index: 9;
  display: block;
}

.profile-details-popup .pop-wrap-event .body{
  background: #222;
}

.profile-details-popup .pop-wrap-event .role-profile{
  width: 80%;
}

.profile-details-popup .pop-wrap-event .body .cross-button-map{
  top: -1%;
}

.message-send a img{
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 0%;
}

.send-message-form textarea{
  width: 98%;
  color: #222222;
  text-indent: 10px;
  padding-top: 10px;
}

.message-popup .cross-button{
  top: 7%;
}

.message-popup .pop-wrap-event{
  padding-top: 45px;
}

.message-popup .pop-wrap-event .body{
  height: auto;
  padding-bottom: 40px;
}

.send-message-form label{
  /* display: flex;
  flex-direction: column;
  align-items: center; */

  padding-bottom: 10px;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #000000;
  display: block;

}

.send-message-form .send-message{
  width: 150px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00FFE9;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  
  margin: auto;
  margin-top: 20px;
}

.no-account-text{
  color: #A5A5A5;
  font-size: 12px;
  font-family: 'Inter-Light';
}
.message-image-flex .single-com-image img{
  width: 60px;
  height: 40px;
  object-fit: cover;
  padding-left: 10px;
  padding-top: 10px;
}

.message-image-flex{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.message-image-flex .single-com-image{
  position: relative;
}

.message-images-preveiw{
  padding-bottom: 15px;
}

.message-text-area label{
  cursor: pointer;
}

.activity-post-image-new .slick-dots {
  bottom: 10px;
}

.activity-post-image-new .slick-dots li {
  width: 5px;
  height: 5px;
  margin: 0;
  margin-right: 4px;
  margin-left: 4px;
}

.activity-post-image-new .slick-dots li button:before {
  width: 5px;
  height: 5px;
  background: white;
  border-radius: 50%;
}


.image-perticpants {
  position: relative;
}


.message-date{
  margin-top: 50px;
  margin-bottom: 50px;
}

.image-perticpants .next-post {
  position: absolute;
  right: 17%;
  top: 50%;
  z-index: 9;
  display: block;
}

.image-perticpants .prev-post {
  position: absolute;
  left: 5%;
  top: 50%;
  z-index: 9;
  display: block;
}

.message-image img{
  width: 297px;
  height: 150px;
  object-fit: cover;
  border-radius: 4px;
}

.message-date .date-text{
  font-family: 'Mulish-Regular';
  font-size: 12px;
  color: #ADB5BD;
  text-align: center;
  position: relative;
  max-width: 100px;
  margin: auto;
}

.message-date .date-text::before{
  content:" ";
  height: 1px;
  width: 125px;
  background: #EDEDED;
  display: block;
  position: absolute;
  top: 50%;
  left: -120px;
}

.message-date .date-text::after{
  content:" ";
  height: 1px;
  width: 125px;
  background: #EDEDED;
  display: block;
  position: absolute;
  top: 50%;
  right: -120px;
}

.message-text-area-container{
  position: absolute;
  bottom: 0px;
  width: 95%;
  background-color: #222;
}

.body-chats{
  /* position: relative; */
}

.request-accept-title{
  font-size: 14px;
  font-family: 'Inter-ExtraBold';
  color: #FFFFFF;
  text-align: center;
  padding-top: 20px;
  
}

.request-accept-body{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.yes-no-accept.yes{
 background-color:#0866FF;
 color: #FFFFFF;
 margin-left: 10px;
 margin-right: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 font-size: 12px;
  font-family: 'Inter-Regular';
}

.yes-no-accept.no{
  background-color: #F35369;
  color: #FFFFFF;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  font-family: 'Inter-Regular';
}

.request-accept{
  /* display: none; */
  position: fixed;
  background-color: #343434;
  width: 71%;
  height: auto;
  bottom: 10px;
  /* left: 0%; */
  padding-bottom: 30px;
  padding-top: 30px;
  z-index: 9999;
  padding-left: 15px;
  padding-right: 15px;
}
.message-text-area{
 
  background-color: #333333;
  /* width: 71%; */
  height: 44px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 99;
}

.not-seen{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #3EB5FF;
  position: absolute;
  bottom: 12px;
  right: 0;
}

.message-text-area input{
  width: 100%;
  background:none;
  border: none;
  font-size: 16px;
  font-family: 'Inter-Regular';
  margin-left: 25px;
  outline: none;
}

.message-text-area input::placeholder{
  color: #797979;

}

.message-text-area img{
  width: 24px;
  height: 24px;
}

.chat-body{
  position: relative;
}

.tab-option.active{
  display: block;
}

.chat{
  background: #222;
  padding-top: 20px;
}

.left-bar-header{
  padding-bottom: 11px;
  border-bottom: 1px solid #353535;
}

.chat-body-header .left{
  display: flex;
  align-items: center;
}

.chat-body-header .left .list-appear-hamberger{
  display: none;
}

.message{
  display: flex;
  height: auto;
  margin-bottom: 5px;
  align-items: flex-end;
}

.message.user{
  justify-content: flex-end;
}

.message-container{
  margin-top: 30px;
  /* height: 85vh; */
  overflow: hidden;
  overflow-y: scroll;
  padding-right: 15px;
  /* padding-bottom: 70px; */
  height: calc(100% - 150px);
}

/* .message-container {
  -ms-overflow-style: none;  
  scrollbar-width: none; 
}
.message-container::-webkit-scrollbar { 
  display: none; 
} */

.message-text{
  max-width: 255px;
  background-color: #444444;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  border-radius: 18px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: 'Inter-Regular';
  font-size: 17px;
}


.message.user .message-text{
  background-color: #C946F7;
}

.message .message-time{
  color: #838383;
  font-size: 15px;
  font-family: 'Urbanist-SemiBold';
  padding-left: 10px;
}

.message.user .message-time{
  color: #838383;
  font-size: 15px;
  font-family: 'Urbanist-SemiBold';
  padding-right: 10px;
}



.chat-page .left-bar{
  width: 410px;
  /* height: 100vh; */
  border-right: 1px solid #3A3A3A;
}

.chat-body{
  width: 100%;
  padding-right: 50px;
  padding-left: 25px;
  height: 100%;
}

.chat-body-header{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #353535;
  padding-bottom: 13px;

}

.chat-body-header .left .left-section-body-header{
  display: flex;
  align-items: center;
}

.chat-body-header .left .left-section-body-header .profile-image img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #DADADA;
}

.chat-body-header .left .left-section-body-header .profile-name{
  font-family: 'Inter-ExtraBold';
  font-size: 16px;
  color: #FFFFFF;
  padding-left: 20px;
}

.chat-page{
  display: flex;
  /* min-height: 100vh; */
  height: calc(100% - 80px);
}

.left-bar{
  padding-left: 27px;
  padding-right: 27px;
}

.left-bar .left-bar-header{
  display: flex;
}

.sec-bar-header{
  padding-left: 62px;
  padding-right: 62px;
  cursor: pointer;
  position: relative;
}

.sec-bar-header.active::after{
  content: "";
  position: absolute;
  bottom: -10px; 
  left: 25%;
  width: 106px;
  height: 2px; 
  background-color: #FFFFFF;
}


.left-bar-header .sec-bar-header{
  color: #FFFFFF;
  font-family: 'Inter-Regular';
  font-size: 16px;
}

.layer-people .review{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #FFFFFF;
  font-family: 'Urbanist-ExtraBold';
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.left-bar-body{
  padding-top: 22px;
}

.left-bar-body-sec .right .name{
  font-size: 16px;
  font-family: 'Inter-ExtraBold';
  color: #FFFFFF;
}

.left-bar-body-sec .right .about-me{
  font-size: 16px;
  font-family: 'Inter-Regular';
  color: #FFFFFF;
}

.left-bar-body-sec{
  border-bottom: 1px solid #353535;
  padding-bottom: 20px;
  padding-top: 20px;
}

.left-bar-body-sec .right{
  margin-left: 13px;
}

.left-bar-body-sec .left .profile-image a img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #DADADA;
}

.left-bar-body-sec{
  display: flex;
  position: relative;
  cursor: pointer;
}

.active-time{
  font-size: 16px;
  font-family: 'Inter-Regular';
  color: #FFFFFF;
  position: absolute;
  top: 6px;
  right: 0;
}

.profile-image .role,.main-profile-image .role{
  background-color: #929500;
  color: #FAFF00;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  position: absolute;
  top: -20%;
  border-radius: 10px;
}

.image-perticpants{
  display: flex;
}

.image-perticpants .community-image-flex{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
  margin-top: 15px;
}

.image-perticpants .community-image-flex img{
  width: 42px;
  height: 42px;

}

.image-perticpants .community-image-flex .layer-people-text{
  top: -7px;
}

.new-main .activity-post-other-info{
  margin-left: 0px;
  margin-top: 20px;
}

.image-perticpants .community-image-flex .number{
  margin-left: 0px;
  position: relative;
  /* left: -5px; */
}

.image-perticpants .activity-post-image-new a img{
  height: 269px;
  border-radius: 10px;
}

.image-perticpants .activity-post-image-new{
  width: 460px;
}

.role-profile .up-header{
  width: 100px;
  position: relative;
}

.add-mtbi{
  color: #959595;
  font-size: 14px;
  font-family: 'Urbanist-SemiBold';
  padding-top: 14px;

}

.add-mtbi a{
  color: #26B1FF;
  margin-left: 10px;
}

.main-profile-image{
  position: relative;
  display: flex;
  /* align-items: center; */
  justify-content: center;
}
.my-activity{
  appearance: none;
  background-image: url(/include/new/images/icon-dr-code.png);
  background-repeat: no-repeat;
  background-position: 98%;
  height: 47px!important;
  width: 98%;
  border: 1px solid #EDEDED;
  background-color: #FFFFFF;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #0D0D0D;
  padding-left: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  /* position: relative; */
}

.my-activity.down{
  background-image: url(/include/new/images/icon_up_new.png);

}

.my-activity-swipper{
  display: none;
}

.selected-label{
  display: none;
}

.selected-label.active{
  display: block;
  width: 72px;
  height: 26px;
  background-color: #3A6AFD;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  color: #FFFFFF;
}

.my-activity-lists-display{
  padding-top: 22px;
}

.activity-option .activity-option-title{
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #000000;
  padding-bottom: 5px;
}

.activity-option-body{

  display: flex;
  border: 1px solid #E3E3E3;
  border-radius: 10px;
  padding-left: 6px;
  padding-top: 6px;
  padding-bottom: 1px;
  /* margin-right: 15px; */
  position: relative;
}

.activity-option-body .right .info{
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  display: flex;
  align-items: center;
}

.activity-option-body .right{
  padding-top: 5px;
}


.activity-option-body .right .info.activity-location{
  color: #000000;
}


.activity-option-body .right .info.activity-date{
  color: #0E4800;
}

.activity-option-body .right .info::before {
  content: "\A";
  display: block;
  font-size: 12px;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background-color: #000000;
  /* position: absolute; */
  /* left: -10%; */
  margin-right: 10px;
}

.activity-option-body .left{
  padding-right: 10px;
}

.my-activity-lists-display .slick-list .slick-track{
  /* transform: translate3d(-50px, 0px, 0px)!important; */
}

.activity-option{
  width: 287px!important;
  cursor: pointer;
}

.activity-option-body .left img{
  width: 79px;
  height: 69px;
  border-radius: 10px;
  padding-bottom: 5px;
}

.bannerdetails{
  padding-bottom: 100px;
}

.banner-details-page-title{
  font-size: 24px;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
  text-align: center;
  padding-top: 20px;
}

.banner-image-container{
  height: 290px;
}

.banner-image-container .slick-list{
  height: 100%;
}

.banner-image-container .slick-list .slick-track{

  height: 100%;
}

.banner-image-container .slick-list .slick-track a{
  height: 100%;
}

.banner-image-container .slick-list .slick-track a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.banner-section-title{
  font-size: 24px;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
  /* text-align: center; */
  padding-top: 27px;
  white-space: pre-line;
}

.banner-content-area{
  padding-top: 20px;
  /* font-size: 24px; */
  /* font-family: 'Urbanist-SemiBold'; */
  color: #ffffff;
  /* text-align: center; */
}

.banner-details-section{
  width: 506px;
  margin: auto;
  padding-bottom: 100px;
}

.city-banner{

  width: 490px;
  margin: auto;
  margin-bottom: 30px;

}

.city-banner .city-banner-image{
  position: relative;
}

.city-banner .banner-info{
  position: absolute;
  bottom: 0;
}

.banner-info .banner-title{
  font-size: 15px;
  font-family: 'Urbanist-SemiBold';
  color: #FFFFFF;
}


.banner-info .banner-subtitle{
  font-size: 20px;
  font-family: 'Urbanist-Bold';
  color: #FFFFFF;
}

.banner-info{
  height: 72px;
  padding-left: 24px;
  background-color: rgba(21, 21, 21, .25);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  /* padding-top: 15px; */
}

.image-number{
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9;
  background-color: #121212;
  width: 49px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  color: #7A7A7A;
}

.image-number .current-number{
  font-size: 15px;
  font-family: 'Urbanist-SemiBold';
  color: #FFFFFF;
}

.image-number .total-number{
  font-size: 15px;
  font-family: 'Urbanist-SemiBold';
  color: #7A7A7A;
}




.after-header-up{
  background-image: url(/include/new/images/after-header-edit-down.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px , 8px;
  width: 10px;
  height: 8px;
}

.subsection{
  background-image: url(/include/new/images/options_up.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px , 8px;
  width: 10px;
  height: 8px;
  transform: rotate(180deg);
}

.subsection.active{
  transform: rotate(0deg);

}

.after-header-up.active{
  background-image: url(/include/new/images/after-header-edit-up.png);

}

.sub-options{
  display: none;
}

.repostbutton a{
  width: 70px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #FFFFFF;
  margin-left: 9px;
}

.button-yellow a{
  width: 100%;
  height: 33px;
  background-color: #F6FB06;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #1D1E1F;
  margin-top: 18px;
  border-radius: 20px;
}

/* google map */
.cross-button-map{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  right: -2%;
  top: -3%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9;
}

.organizer-lists{
  display: none;
  position: absolute;
  top: 75%;
  width: 98%;
  background-color: whitesmoke;
  z-index: 9;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;

}

.organizer-lists.on{
  display: block;
}

.organizer-lists ul li{
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #D7D5D5;
  cursor: pointer;
}

.organizer-lists ul li .user_box p{
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #000000;
}

.organizer-container{
  position: relative;
}

.organizer-lists{
  position: absolute;

}

.map-view{
  width: 1600px;
  height: 812px;
}

/* .map-view iframe{
  height: 700px;
} */

.cross-button-map img{
  width: 25px;
  height: 25px;
}

.show-map-pop .pop-wrap-event{
  position: relative;
  padding: 0;
  width: 1600px;
}

/* discount profiel  */
.discount-profile-page{
  /* max-width: 700px; */
  margin: auto;
  padding-bottom: 100px;
}

.discount-title{
  font-size: 24px;
  font-family: 'Urbanist-Bold';
  color: #FFFFFF;
  text-align: center;
  margin-top: 50px;
}

.discount-subtitle{
  font-size: 15px;
  font-family: 'Urbanist-Bold';
  color: #00FFE9;
  padding-top: 1px;
  text-align: center;
}

.discount-profile .dis-pro-pic img{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  image-rendering: pixelated;
}

.discount-profile{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
}

.dis-pro-name{
  font-family: 'Urbanist-Bold';
  font-size: 20px;
  color: #FFFFFF;
  padding-top: 15px;
}

.dis-pro-role{
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #FFFFFF;
  padding-top: 7px;
}

.dis-pro-score .score-bar{
  display: flex;
  align-items: flex-end;
}

.dis-pro-score{
  margin-top: 15px;
}

.joined-section-title{
  font-size: 20px;
  font-family: 'Urbanist-SemiBold';
  color: #FFFFFF;
  display: flex;
  padding-bottom: 30px;
}

.joined-section-title div{
  padding-left: 24px;
  padding-right: 24px;
}

.joined-section{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}


.venues-list{
  display: flex;
  justify-content: center;
  /* padding-top: 20px; */
  max-width: 376px;
  margin: auto;
  flex-wrap: wrap;
}

.available-venue{
  margin-top: 25px;
}

.venue .venue-image img{
  width: 100%;
  height: 200px;
  image-rendering: pixelated;
  object-fit: cover;
}

.venue .venue-title{
  color: #F6FB06;
  font-family: 'Urbanist-Bold';
  font-size: 16px;
  padding-bottom: 15px;
  padding-top: 5px;
}

.venue .venue-date{
  color: #FFFFFF;
  font-family: 'Urbanist-Regular';
  font-size: 16px;
}

.venu-page-line{
  width: 376px;
  height: 1px;
  background-color: #515151;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}

.venue .venue-time{
  color: #FFFFFF;
  font-family: 'Urbanist-Regular';
  font-size: 16px;
}

.venue .google-map a{
  color: #009DFF;
  font-family: 'Urbanist-Regular';
  font-size: 16px;
}

.available-venue-title{
  font-size: 20px;
  font-family: 'Urbanist-Regular';
  color: #FFFFFF;
  text-align: center;
  padding-bottom: 38px;
}


.venues-list .venue{
  margin-right: 7px;
  margin-left: 7px;
  margin-bottom: 70px;
  width: 100%;
}

.venues-list .venue .venue-image{
  width: 100%;
}

.sec-second-participant{
  width: 85%;
  height: 66px;
  background-color: #D9D9D9;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 40px;
  display: block;
}

.activity-two-pop-label input{
  display: none;
  width: 100%;
  height: 100%;
}

.activity-two-pop-label input[type="radio"]:checked + .sec-second-participant{
  background-color: #3246FF;
}

.activity-two-pop-label input[type="radio"]:checked + .sec-second-participant .sec-second-participant-title{
  color: #FFFFFF;
}

.activity-two-pop-label input[type="radio"]:checked + .sec-second-participant .sec-second-participant-subtitle{
  color: #FFFFFF;
}

.activity-two-pop-label{
  display: flex;
  width: 100%;
}

.edit_activity_pop .pop-wrap-event .suggest-title{
  font-size: 18px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  padding-bottom: 15px;
}

.post-header-popup.top-up.no-edit{
  bottom: -175px;
}

.post-header-popup.top-up.with-edit{
  bottom: -225px;
}



.sec-second-participant .sec-second-participant-title{
  font-size: 16px;
  font-family: 'Urbanist-Bold';
  color: #212121;
  padding-bottom: 4px;
}

.sec-second-participant .sec-second-participant-subtitle{
  
  font-size: 14px;
  font-family: 'Urbanist-Light';
  color: #212121;
}

.activity-body-pop.second{

  padding-top: 45px;
  padding-bottom: 45px;
}

.activity-step-two .pop-wrap-event .body{
  margin-bottom: 30px;
}

.waiting-participants .waiting-participants-title{
  font-size: 13px;
  font-family: 'Urbanist-Medium';
  color: #FF7777;
  padding-bottom: 12px;

}

.select-open{
  position: relative;
}

.select-participants{
  display: flex;
  width: 46px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border: 1px solid #686868;
  font-size: 11px;
  font-family: 'Urbanist-Medium';
  color: #050505;
  border-radius: 20px;
  position: relative;
  left: -4px;
  margin-top: 6px;
}

.activity-step-two-title{
  font-size: 20px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  padding-bottom: 30px;
}

.activity-step-two-subtitle{
  color: #212121;
  font-size: 16px;
  font-family: 'Urbanist-Bold';
}


.post-header-popup.participants ul li{
   padding-top: 5px;
   padding-bottom: 5px;
}

.post-header-popup.participants{
  bottom: -105px;
  right: 15px;
}

.waiting-people{
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #5F5F5F;
  cursor: pointer;
  text-align: center;
}

.select-participants.active{
  background-color: #AFAFAF;
  color: #5B5B5B;
  padding-left: 4px;
  padding-right: 4px;
}

.sec-participants-title{
  color: #FF7777;
  font-family: 'Urbanist-Medium';
  font-size: 13px;
  padding-bottom: 14px;
}

.sec-participants-lists{
  margin-left: 25px;
}

.waiting-participants{
  width: 80%;
  margin-bottom: 30px;
}

.waiting-participants-lists{
  display: flex;
  margin-left: 25px;
}

.waiting-participants .sec-participant{
  margin-right: 12px;
}

.sec-participant .name{
  font-size: 11px;
  font-family: 'Urbanist-Regular';
  color: #000000;
}

.waiting-participants .waiting-participants-lists .sec-participant .left img{
  width: 37px;
  height: 37px;
  border-radius: 50%;

}

.cancel-reason-title{
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.under-space{
  display: none;
}


.cancel-reason-title span{
    color: #001D83;
}

.cancel-reason-body{
  background-color: #F3F2F2;
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 6px;
}

/* .activity-post label.cancel-label-radio{
  font-size: 13px;
  font-family: 'Urbanist-Bold';
  color: #000000;

} */

.cancel-reason-body-section-title.number-bullet{
  font-size: 13px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.cancel-reason-body-section-title.number-bullet::before{
  /* counter-increment: list-counter; */
  /* content: counter(list-counter) ". "; */
}


.cancel-reason-body-cancel-section{
  margin-bottom: 20px;
}

.cancel-reason-body-cancel-section ul li{
  position: relative;
  margin-left: 26px;
  font-size: 12px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.cancel-reason-body-section-title.red{
  font-size: 13px;
  font-family: 'Urbanist-Bold';
  color: #FF1A1A;
  margin-left: 16px;
  margin-top: 15px;
  text-decoration: underline;
}

.cancel-reason-body-cancel-section ul li::before{
    content: "\A";
    display: block;
    font-size: 12px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #000000;
    margin-right: 10px;
    position: relative;
    top: 10px;
    left: -10px;
}




.save-options-section .options select option{
  color: #000000;
}

.psudo-date::before { 
  content: attr(date-placeholder);;
  width: 100%;
  color: #868686;
}

.psudo-time::before{
  content: attr(time-placeholder);
  width: 100%;
  color: #868686;
}

/* hide our custom/fake placeholder text when in focus to show the default
 * 'mm/dd/yyyy' value and when valid to show the users' date of birth value.
 */
 .psudo-date:focus::before{ display: none }

 /* #activity_when:not([value=""])::before { display: none } */

 .psudo-time:focus::before{ display: none }

 /* #activity_time:not([value=""])::before { display: none } */


.city-card-body .post-image .layer div img{
  min-width: unset;
  width: 105%;
}

.save-options-section .options select option[value=""]{

  color: #CBCBCB;
}

.about-me-sec .abt-me-header{
  padding-top: 30px;
}

form .input-section.signup{
  position: relative;
}

form .input-section.signup .passhide img{
  width: 24px;
  height: 24px;
}

form .input-section.signup .passhide{
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: url('/include/new/images/eye_slash_password.svg');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;

}

form .input-section.signup .passhide.show{
  
 
}

form .input-section.signup .passshow img{
  width: 24px;
  height: 24px;
}

form .input-section.signup .passshow{
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: url('/include/new/images/Show.png');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  

}

.select-language-section .language-section .lng select{
  width: 155px;
  height: 35px;
  appearance: none;
  background-image: url(/include/new/images/icon-dr-code.png);
  background-repeat: no-repeat;
  background-position: 95%;
  border-radius: 10px;
  padding-left: 15px;
  font-size: 15px;
  font-family: 'Urbanist-Regular';
  color: #707070;
  outline: none;
}

.select-language-section .language-section .level select{
  width: 155px;
  height: 35px;
  appearance: none;
  background-image: url(/include/new/images/icon-dr-code.png);
  background-repeat: no-repeat;
  background-position: 95%;
  border-radius: 10px;
  padding-left: 15px;
  font-size: 15px;
  font-family: 'Urbanist-Regular';
  color: #707070;
  outline: none;

}

.select-language-section .language-section .plus-minus-level{
  position: absolute;
  right: -35px;
  top: 5px;
  display: flex;
  flex-direction: column;
}

.select-language-section .language-section .plus-minus-level a img{
  object-fit: cover;
  width: 24px;
  height: 24px;
}

.select-language-section{
  /* margin-bottom: 50px; */
}

.plus-minus-level .plus_language{
  margin-top: 15px;
}

.first-step-button.pad-top{
  margin-top: 20px;
}

.select-language-section .language-section div{
  margin-right: 11px;
}

.select-language-section .language-section{
  display: flex;
  position: relative;
  margin-bottom: 20px;
}

.pop-wrap-event .body.language-select{
    height: auto;
    padding-bottom: 80px;
}


.date-container{
  position: relative;
  width: 101%;
}

.google-link-button{
  background-color: #3A6AFD;
  color: #FFFFFF;
  width: 86px;
  height: 33px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: 'Inter-Regular';
  right: 10px;
  top: 6px;
}
.activity-post-image-new a img{
  height: 429px;
}


.activity-image-new{
  position: relative;
  width: 470px;
  margin: auto;
}

.activity-post-image-new.slick-dotted.slick-slider{
  margin-bottom: 0px;
}

.city-card-body .activity-image-new .next-post {
  position: absolute;
  right: 5%;
  top: 50%;
  z-index: 9;
  display: block;
}

.city-card-body .activity-image-new .prev-post {
  position: absolute;
  left: 5%;
  top: 50%;
  z-index: 9;
  display: block;
}

.activity-post-image-new a img{
  min-width: 470px;
  object-fit: cover;
}

.city-card-body .activity-image-new .slick-dots{
  bottom: 10px;
}

.city-card-body .activity-image-new .slick-dots li button:before {
  width: 5px;
  height: 5px;
  background: white;
  border-radius: 50%;
}

.city-card-body .activity-image-new .slick-dots li {
  width: 5px;
  height: 5px;
  margin: 0;
  margin-right: 4px;
  margin-left: 4px;

}

.tellus-btn{
  width: 67px;
  height: 33px;
  display: flex;
  background-color: #FC59FF;
  color: #1D1E1F;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}

.review-btn{
  width: 67px;
  height: 33px;
  display: flex;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid #FFFFFF;
}

.time-container{
  position: relative;
  width: 101%;
}

.webview-icon{
  position: absolute;
  right: 15px;
  z-index: 9;
  top: 8px;
  display: none;
}

.about-me-buttons.edit_role .abt-me-button-new {
  display: flex;
  align-items: center;
  width: 300px;
  height: 35px;
  border-radius: 10px;
  border: solid 1px #EDEDED;
  justify-content: center;
  color: #000000;
  font-family: 'Urbanist-Regular';
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
}

.ql-container.ql-snow{
  border: none!important;
  height: 50px;
}

.title-edit-role-new{
  font-size: 24px;
  font-family: 'Inter-Regular';
  color: #FFFFFF;
  padding-bottom: 38px;
  padding-top: 30px;
}

.no-kemi-bad{
  font-size: 18px;
  text-align: center;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
}

.cross-button.select-city img{
  width: 20px;
  height: 20px;
  object-fit: cover;
}

.select-city-title{
  font-size: 24px;
  font-family: 'Inter-Regular';
  color: #FFFFFF;
  padding-top: 30px;
}

.select-city-subtitle{
  font-size: 15px;
  font-family: 'Urbanist-Regular';
  color: #DADADA;
  padding-top: 50px;
}

.select-city-pop .pop-wrap-event{
  background-color: #222222;
  border-radius: 0px;
  border: 1px solid #000000;
  width: 477px;
}

strong{
  font-weight: bold;
}

em{
  font-style: italic;
}

u{
  text-decoration: underline;
}
.ap{
  text-indent: 0!important;
  width: 30px!important;
  height: 30px!important;
}


.save-options-section.city .options select{
  width: 330px;
  height: 48px;
  font-size: 20px;
}

.save-options-section.select-city .options select{
  width: 297px;
  height: 35px;
  font-size: 15px;
  color: #707070;
}

.save-options-section.city .button a{
  height: 48px;
  font-size: 16px;
  font-family: 'Urbanist-Bold';
}

.save-options-section.city{
  padding-bottom: 130px;
}

.no-data{
  font-size: 18px;
  text-align: center;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* new cde page  */
.code-page{
  width: 350px;
  margin: auto;
  padding-top: 90px;
  padding-bottom: 150px;
}

.code-page-title{
  font-size: 38px;
  font-family: 'Urbanist-Bold';
  color: #FFFFFF;
  text-align: center;
}

.code-page-subtitle{
  font-size: 16px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
  margin-top: 50px;
  text-align: center;
}

.save-options-section{
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.save-options-section .options select{
  width: 220px;
  height: 35px;
  border-radius: 10px;
  appearance: none;
  background-image: url(/include/new/images/icon-dr-code.png);
  background-position: 95%;
  background-repeat: no-repeat;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  font-family: 'Urbanist-Regular';
  color: #222222;
  outline: none;
}

.save-options-section .button a{
  display: flex;
  width: 53px;
  height: 33px;
  background-color: #00FFE9;
  color: #1D1E1F;
  border-radius: 20px;
  margin-left: 9px;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #1D1E1F;
  justify-content: center;
  align-items: center;
}

.code-page-subtitle a{
  color: #00FFE9;
  text-decoration: underline;
}

/* new profiel page */

.kemi-score.top{
  position: absolute;
  right: 0;
  top: 0;
}

.kemi-score .score-bar{
  display: flex;
  align-items: flex-end;
}

.score-bar .bar{
  background-color: #D9D9D9;
  width: 6px;
  /* margin-left: 3px; */
  margin-right: 3px;
}

.score-bar .bar.active{
  background-color: #00FFE9;
}

.score-bar .bar.first{
  height: 10px;
}

.score-bar .bar.second{
  height: 16px;
}

.score-bar .bar.third{
  height: 20px;
}

.score-bar .bar.fourth{
  height: 24px;
}

.score-bar .bar.fifth{
  height: 28px;
}

.kemi-score-title{
  font-size: 15px;
  font-family: 'Urbanist-SemiBold';
  color: #FFFFFF;
  padding-left: 5px;
}

.main-profile-image img{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 1px solid #DADADA;
  object-fit: cover;
  object-position: center;
  image-rendering: pixelated;
}

.updated-profile-info{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-profile-vital-info{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* align-items: flex-end; */
  margin-top: 15px;
  margin-bottom: 5px;
}

.main-profile-vital-info.own div{
  
  padding-top: 12px;
}

.main-profile-vital-info .name{
  font-family: 'Urbanist-Bold';
  font-size: 20px;
  color: #FFFFFF;
  margin-right: 11px;
}

.main-profile-vital-info .role{
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #FFFFFF;
}

.main-profile-code{
  font-size: 20px;
  font-family: 'Urbanist-SemiBold';
  color: #00FFE9;
  text-align: center;
}

.food-tags-updated a{
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-right: 11px;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
}

.food-tags-updated{
  display: flex;
  flex-wrap: wrap;
}


.interest-tags-updated a{
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-right: 11px;
  border-radius: 10px;
  margin-top: 5px;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
}

.interest-tags-updated{
  display: flex;
  flex-wrap: wrap;
}

.my-interest-sec .interest-sec-title.new{
 margin-bottom: 13px;
}

.favorite-food-sec .food-sec-title.new{
  margin-bottom: 13px;
}

.my-interest-sec.new{
  margin-top: 35px;
  margin-bottom: 35px;
}

.favorite-food-sec.new{
  margin-top: 35px;
  margin-bottom: 35px;
}

.kemi-score .score-header{
  display: flex;
  justify-content: space-between;
}


.score-header .left .title-score{
  display: flex;
  align-items: flex-end;
}

.score-header .left .title-score .title{
  font-size: 20px;
  font-family: 'Urbanist-SemiBold';
  color: #FFFFFF;
  margin-right: 18px;
  position: relative;
  bottom: -7px;
}

.right-normal{
  font-family: 'Urbanist-SemiBold';
  font-size: 20px;
  color: #ffffff;
}

.score-header-subtitle{
  font-family: 'Urbanist-ExtraLight';
  font-size: 15px;
  color: #FFFFFF;
  margin-top: 12px;
}


.about-kemi-score{
  background-color: #343434;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-top: 22px;
  
}

.post-header-popup.profile-new{
  right: 50px;
  bottom: unset;
}

.post-header-popup.profile-new ul li{
  padding-left: 20px;
  padding-right: 20px;
}

.dot-open-post-header{
  position: relative;
}
.kemi-score.bottom{
  border-bottom: 1px solid #343434;
  padding-bottom: 35px;
  /* padding-top: 40px; */
}

.score-header .left .title-score .title-custom {
	bottom: 0;
}

.score-bar-custom {
	position: relative;
	bottom: 7px;
}

.kemi-score-sec{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.kemi-score-sec div{
  font-size: 20px;
  font-family: 'Urbanist-ExtraLight';
  color: #FFFFFF;
}

.kemi-score-sec:not(:last-child){
  margin-bottom: 20px;
}

/* new profile steps */
.profile-step .pop-wrap-event{
  background-color: #222222;
  border: none;
  padding-top: 0px;
}

.newcountrylist#mapList{
  position: absolute;
  left: 0;
  top: 50px;
  display: none;
  background: #fff;
  width: 100%;
  padding-bottom: 10px;
  z-index: 10;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.14);
  max-height: 200px;
  overflow-y: scroll;
}

.input-section.relative{
  position: relative;
}

.newcountrylist#mapList li{
  padding: 11px 15px;
  text-align: left;
  cursor: pointer;
}


.profile-step .pop-wrap-event .body{
  display: flex;
  align-items: center;
  justify-content: center;
}

.first-step-title{
  font-size: 14px;
  color: #ffffff;
  font-family: 'Urbanist-Medium';
  white-space: pre-line;
  text-align: center;
}

.first-step-button a{
  display: flex;
  width: 297px;
  height: 37px;
  border-radius: 5px;
  background-color: #00FFE9;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #1D1E1F;
  margin-top: 35px;
  align-items: center;
  justify-content: center;
}


.profile-step-two .input-section input:not(input[type="checkbox"]){
  background: #101010!important;
  border: none;
  /* border: 1px solid #A3A3A3; */
  font-size: 11px;
  font-family: 'Inter-Regular';
  text-indent: 6px;
  color: #ffffff;
  width: 300px;
  height: 40px;
  outline: none;
}

.second-step-title{
  font-family: 'Inter-Regular';
  font-size: 24px;
  color: #ffffff;
  padding-bottom: 15px;
}


.setup-progress{
  width: 300px;
  height: 4px;
  background-color: #E1E1E1;
  margin-top: 40px;
}

.setup-progress .progress-line{
  background-color: #000000;
  height: 4px;
}


.input-section.gender{
  width: 300px;
}

.input-section.dob{
  width: 300px;
}

.input-section.gender .section-label{
  font-size: 12px;
  font-family: 'Inter-Regular';
  color: #9A9A9A;
  padding-bottom: 5px;
} 


.input-section.dob .section-label{
  font-size: 12px;
  font-family: 'Inter-Regular';
  color: #9A9A9A;
  padding-bottom: 5px;
}


 .section-inputs label .input-check-div{
  width: 151px;
  height: 40px;
  background-color: #646464;
  /* border: 1px solid #A3A3A3; */
  font-size: 11px;
  font-family: 'Inter-Regular';
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1px;
}

.drop-sec select{
  width: 300px;
  height: 40px;
  background-color: #101010;
  font-size: 11px;
  font-family: 'Inter-Regular';
  color: #4E4E4E;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/include/new/images/profile-step-dropdown-icon.png);
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 93%;
  border: none;
  padding-left: 5px;
  padding-right: 5px;
  outline: none;
}

.section-inputs.select{
  justify-content: space-between;
}

.section-inputs label{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.section-inputs label input[type="radio"]{
  display: none;
}

.section-inputs label input[type="radio"]:checked+.input-check-div{
  background-color: #000000;
  color: #ffffff;

}

.back-profile-steps{
  width: 300px;
}

.back-profile-steps a{
  font-size: 15px;
  font-family: 'Urbanist-Light';
  color: #858585;
  padding-top: 30px;
  display: flex;
}

.second-step-subtitle{
  font-size: 11px;
  font-family: 'Inter-Regular';
  color: #9A9A9A;
}

.upload-propic{
  display: block;
  margin-top: 45px;
  margin-bottom: 15px;
  /* margin-bottom: 45px; */
}

.upload-propic .img{
  cursor: pointer;
  background-image: url('/include/new/images/profile-upload-steps-profile.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 56px 56px;
  object-fit: cover;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  background-size: cover;
  image-rendering: pixelated;
}

/* new login page */

form .input-section.signup:not(:last-child){
  margin-bottom: 12px;
}

form .input-section.signup.create{
  margin-top: 17px;
}

.inter-sign-up-section{
  text-align: right;
}

.inter-sign-up-section .sign-up{
  font-size: 12px;
  font-family: 'Inter-Regular';
  color: #00B9A9;
}

.login-page-section{
  max-width: 400px;
  margin: auto;
  margin-top: 100px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  
}

.login-page-title{
  font-size: 24px;
  font-family: 'Inter-Regular';
  color: #ffffff;
  text-align: center;
  padding-bottom: 53px;
}

form .input-section:not(:last-child){
  margin-bottom: 17px;
}

.login-section form .input-section input{
  background-color: #101010;
  border: none;
  /* border: 1px solid #A3A3A3; */
  font-size: 11px;
  font-family: 'Inter-Regular';
  text-indent: 6px;
  color: #ffffff;
  width: 300px;
  height: 40px;
  outline: none;
}

.forget-password{
  font-size: 12px;
  font-family: 'Inter-Regular';
  color: #00A697;
  text-align: right;
} 

.pass-forgot-section{
  text-align: right;
}

.input-section .login-submit{
  width: 305px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00FFE9;
  color: #1D1E1F;
  border: none;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  border-radius: 5px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .25));
}




.login-with{
  display: flex;
  align-items: center;
  justify-self: center;
  padding-top: 37px;
}

.login-with .line-login{
  width: 103px;
  height: 1px;
  background-color: #373737;
}


.login-with .text{
  font-size: 12px;
  font-family: 'Inter-Regular';
  color: #AAAAAA;
  padding-left: 15px;
  padding-right: 15px;
}


.social-login-section{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 26px;
}

.s-login-link{
  padding-left: 30px;
  padding-right: 30px;
}

.s-login-link a img{
  width: 27px;
  height: 27px;
  object-fit: cover;
}

.terms-and-policy{
  max-width: 300px;
  color: #A5A5A5;
  font-size: 10px;
  font-family: 'Inter-Light';
  margin-top: 34px;
  text-align: center;
}

.terms-and-policy a{
  text-decoration: underline;
}


/*  */

.app-dim.on{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.7);
}

.slick-tags-arrow{
  display: none;
  margin-bottom: 10px;
}

.slick-tags-arrow a{
  margin-left: 5px;
  margin-right: 5px;
}

.tags-lists label.slick-slide{
  /* width: 125px!important; */
  text-align: center;
}

.mentiony-container{
  padding-bottom: 14px;
}

.option-label label div{
  width: 306px;
  height: 40px;
  font-size: 11px;
  font-family: 'Urbanist-Medium';
  color: black;
  border: 1px solid #DEDEDE;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.option-label label{
  display: flex;
  margin-bottom: 10px;
}

.option-label label input[type="checkbox"]{
  display: none;
}

.option-label label input[type="checkbox"]:checked+div{
  background-color: #CFCFCF;
  border: 1px solid #DEDEDE;
}

.kemi-review-pop .pop-wrap-event{
  width: 392px;
}

.kemi-review-pop .pop-wrap-event .body{
  height: auto;
  padding-bottom: 50px;
}

.participants-reveiw .body .participants-body{
  margin-top: 30px;
}

.use-app{
  background-color: #00FFE9;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 50px;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #000000;
  position: relative;
  left: -45px;
  display: none;
}

.app-link-popup{
  background-color: #FFFFFF;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
  /* padding-top: 15px; */
  padding-bottom: 15px;
  display: none;
  height: 149px;
}

.app-link-title{
  font-size: 24px;
  font-family: 'Urbanist-Medium';
  color: #000000;
  text-align: center;
  margin-top: 25px;

}

.app-link-popup .link-section{
  display: flex;
  justify-content: space-between;
  padding-left: 17px;
  padding-right: 23px;
  margin-top: 20px;
  align-items: center;
}

.app-link-popup .link-section .left{
  display: flex;
  align-items: center;
}
.app-link-popup .link-section .left .logo img{
  width: 64px;
  height: 58px;
  object-fit: cover;
}

.link-section .right .open-link{
  background-color: #3A6AFD;
  /* padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px; */
  font-size: 22px;
  font-family: 'Urbanist-Medium';
  color: #FFFFFF;
  border-radius: 50px;
  width: 97px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-link-popup .link-section .left .text{
  font-size: 20px;
  font-family: 'Urbanist-Medium';
  color: #000000;
  padding-left: 16px;
}


.dialog.on{
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.activity-post-other-info .info a{
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #26B1FF;
  text-decoration: underline;
}
.body .activity-post-main-body.full-open{
  display: block;
  height: 100%;
  padding-bottom: 15px;
}


.dialog.on::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}

.cancel-community-post .community-post-pop .right{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.activity-post-other-info .info::before{
  content: "\A";
  display: block;
  font-size: 12px;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background-color: #ffffff;
  /* position: absolute; */
  /* left: -10%; */
  margin-right: 10px;
}

.repost-pop .suggest-title{
  font-size: 20px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  padding-bottom: 40px;
}

.city-card-body .post-image img{
  min-width: 470px;
  object-fit: cover;
}
.city-card-body .post-image .slick-dots li button:before{
  width: 5px;
  height: 5px;
  background: white;
  border-radius: 50%;

}

.post-image-section{
  position: relative;
  width: 470px;
  margin: auto;
}

.post-image-slick img{
  height: 429px;
}

.city-card-body .post-image .slick-arrow{
  display: none!important;
}

.city-card-body .post-image-section .next-post{
  position: absolute;
  right: 5%;
  top: 50%;
  z-index: 9;
  display: block;
}

.city-card-body .social-party-image .next-post{
  position: absolute;
  right: 5%;
  top: 50%;
  z-index: 9;
  display: block;
}

.city-card-body .post-image-section .next-post img{
  width: 24px;
  height: 24px;
  object-fit: cover;

}

.city-card-body .social-party-image .next-post img{
  width: 24px;
  height: 24px;
  object-fit: cover;
}

.city-card-body .post-image-section .prev-post{
  position: absolute;
  left: 5%;
  top: 50%;
  z-index: 9;
  display: block;
}

.city-card-body .social-party-image .prev-post{
  position: absolute;
  left: 5%;
  top: 50%;
  z-index: 9;
  display: block;
}

.city-card-body .post-image-section .prev-post img{
  width: 24px;
  height: 24px;
  object-fit: cover;
}

.city-card-body .social-party-image .prev-post img{
  width: 24px;
  height: 24px;
  object-fit: cover;
}


.city-card-body .post-image .slick-dots li{
  width: 5px;
  height: 5px;
  margin: 0;
  margin-right: 4px;
  margin-left: 4px;
}




.city-card-body .post-image .slick-dots{
  bottom: 10px;
}

.heart-margin{
  margin-right: 10px;
}

.cancel-community-post .pop-wrap-event .body{
  height: auto;
}

.community-post-pop{
  display: flex;
 

}

.cancel-community-post .community-post-pop{
  width: 81%;
}

.community-post-show{
  display: flex;
  background-color: #303030;
  padding-top: 5px;
  padding-bottom: 5px;
  /* padding-bottom: 10px; */
  border-radius: 10px;
  padding-left: 10px;
}

.community-post-show .left img{
  width: 74px;
  height: 66px;
  /* margin-top: 5px; */
  margin-left: 5px;
  margin-right: 10px;
}

.community-post-show .right .community-post-pop-title{
  font-size: 18px;
  font-family: 'Urbanist-Medium';
  color: #FFFFFF;
}

.community-post-show .right .community-post-pop-title span{
  background-color: rgba(1, 55, 88, .46);
  font-size: 14px;
  font-family: 'Urbanist-Light';
  color: #00FFE9;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 10px;
}

.community-post-show .right .community-post-pop-subtitle{
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #929292;
}

.input-cancel-sec select{
  color: #61646B;
  font-size: 16px;
  font-family: 'Worksans-Medium';
  border: 1px solid #AFB1B6;
  outline: none;
}

.cancel-community-post .pop-wrap-event{
  /* margin-top: 10%; */
  /* margin-bottom: 5%; */
}


.cancel-yellow{
  width: 194px;
  height: 54px;
  background-color: #FFCC2A;
  display: flex;
  border-radius: 27px;
  font-size: 18px;
  font-family: 'Urbanist-Bold';
  color: #1D1E1F;
  align-items: center;
  justify-content: center;
}

.input-cancel-sec{
  margin-top: 15px;
  margin-bottom: 15px;
}

.input-cancel-sec .label{
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  padding-bottom: 7px;
}

.input-cancel-sec .label span{
  color: #0033E7;
}

.input-cancel-sec .cancel-sec{
  background-color: #F5F5F5;
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  color: #000000;
  white-space: pre-line;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.input-cancel-sec textarea{
  width: 99%;
  border: none;
  border: 1px solid #EDEDED;
  border-radius: 10px;
  height: 125px;
  color: #222222;
  padding-left: 5px;
  padding-top: 5px;
  outline: none;
}

.community-post-options-body{
  padding-left: 20px;
  padding-right: 20px;
  width: 90%;
  margin-bottom: 40px;
  margin-top: 20px;
}

.line{
  border-bottom: 1px solid #727272;
  width: 80%;
  padding-top: 30px;
  /* padding-bottom: 30px; */
}

.community-post-pop .left img{
  width: 120px;
  height: 75px;
  object-fit: cover;
  border-radius: 10px;
}

.community-post-pop .left{
  margin-right: 10px;
}

.community-post-pop .right .community-post-pop-title{
  font-size: 15px;
  font-family: 'Urbanist-Medium';
  color: #000000;
}

.community-post-pop .right .community-post-pop-subtitle{
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #787878;
}

.cancel-community-title{
  font-size: 20px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  text-align: center;
  padding-bottom: 30px;
}

.show1.none{
  display: none;
}

.activity-post-image{
  position: relative;
}

.show1{
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #FFFFFF;
  bottom: 15px;
  right: 10px;
  margin-right: 3px;
  border-radius: 3px;
}
.activity-post-image .show1 img{
  width: 100%;
  height: 100%;
}

.participants-subtitle.review{
  white-space: pre-line;
  background-color: #F3F3F3;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
}


.review-participants .review-tag{
  width: 60px;
  height: 25px;
  display: flex;
  border-radius: 20px;
  border: 1px solid #686868;
  color: #000000;
  font-size: 11px;
  font-family: 'Urbanist-Bold';
  align-items: center;
  justify-content: center;
}

.review-participants.done .review-tag{
  background-color: #757474;
  color: #E0E0E0;
}

.participants-reveiw .pop-wrap-event{
  width: 392px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 50px;
  padding-top: 40px;
}

.review-participants{
  margin-left: 35px;
  /* position: relative; */
}

.review-participants-open{
  position: absolute;
  background-color: #535353;
  border: 1px solid #212121;
  border-radius: 10px;
  right: 50px;
  z-index: 99;
  display: none;
}

.review-participants-open.open{
  display: block;
}

.review-participants-open ul li{
  border-bottom: 1px solid #212121;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  padding-bottom: 10px;

}

.review-participants-open ul li:last-child{
  border-bottom: none;
}

.review-participants-open ul li a{
  font-size: 12px;
  font-family: 'Urbanist-SemiBold';
  color: #FFFFFF;
  text-align: center;
}

.city-card-body .post-tags.activity .tag{
  color: #3EB5FF;
}

.city-card-body .post-tags.activity{
  margin-top: 10px;
}

.back-next .post-blue{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 77px;
  height: 33px;
  border-radius: 20px;
  background-color: #00FFE9;
  color: #1D1E1F;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
}

.back-next.post{
  justify-content: center;
}

.community-activity .suggest-input-new{
  border-radius: 10px;
  outline: none;
  color: #212121;
}

.open-flot{
  position: absolute;
  height: 70px;
  background-color: #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  top: -70px;
  left: 35px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: none;
}

.open-flot.active{
  display: flex;
}


.open-flot ul li{
  padding-top: 4px;
  padding-bottom: 4px;
}

.open-flot ul li a{
  font-size: 13px;
  font-family: 'Urbanist-Regular';
  color: #000000;
}

.floating-input{
  position: relative;
  width: 850px;
  margin: auto;
  position: fixed;
  bottom: 30px;
  left: 0;
  right: 0;
  background-color: #2B2B2B;
  display: flex;
  justify-content: space-between;
  padding-left: 13px;
  padding-right: 13px;
  height: 45px;
  align-items: center;
  z-index: 9;
}

.floating-input .left{
  display: flex;
  width: 90%;
}

.floating-input .left .input{
  width: 100%;

}

.floating-input .left .input input{
  background: none;
  border: none;
  outline: none;
  font-size: 'Urbanist-Medium';
  color: #ffffff;
  font-size: 14px;
  margin-left: 13px;
  width: 100%;
}

.floating-input .right .send-button a{
  width: 49px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #23FF60;
  color: #040404;
  font-size: 12px;
  font-family: 'Urbanist-SemiBold';
}

.floating-input .left .open-icon{
  cursor: pointer;
}

.city-profile .time{
  font-size: 12px;
  font-family: 'Urbanist-SemiBold';
  color: #6A6A6A;
  padding-top: 4px;
  padding-left: 10px;
}
.heart-new{
  width: 21px;
  height: 21px;
  background-image: url(/include/new/images/heart_before_click.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  background-size: 21px 21px;
  position: relative;
  top: -3px;
}

.heart-new.active{
  background-image: url(/include/new/images/love-emoji.png);
  background-size: 21px 21px;
}

.lightbox-download-button{
  background-color: #D9D9D9;
  color: #000000;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7px;
  padding-top: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  margin-top: 10px;
  font-size: 14px;
  font-family: 'Urbanist-SemiBold';
  border-radius: 5px;
}

.city-card-body .social-party-image{
  /* display: flex; */
  flex-wrap: wrap;
  gap: 10px;
}

.city-card-body .social-party-image .layer{
  width: 49%;
  height: 275px;
  /* margin-right: 17px; */
  /* margin-bottom: 17px; */
  position: relative;
}

.city-card-body .social-party-image .layer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.city-card-body .social-party-image .layer.hidden{
  display: none;
}

.city-card-body .social-party-image .layer div{

  width: 100%;
  height: 100%;

}

.city-card-body .social-party-image .layer.on .text {
  background-color: rgba(0, 0, 0, .70);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-family: 'Urbanist-Bold';
  color: #FFFFFF;
  border-radius: 5px;
}

.date-select select{
  border: none;
  outline: none;
  background-color: #444444;
  height: 63px;
  font-size: 24px;
  font-family: 'Urbanist-Medium';
  color: #FFFFFF;
  padding-left: 10px;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(/include/new/images/social-select-arrow.png);
  background-size: 18px;
  width: 435px;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) center;

}

.mix-comment-form form button.comment-submit.new{
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #C4C4C4;
  border: 1px solid #686868;
  background-color: #222;
}


/* new activity lists */
.events-questions{
  display: flex;
  margin-left: 34px;
  margin-right: 34px;
  margin-bottom: 20px;
}

.events-questions .left img{
  width: 120px;
  height: 74px;
  border-radius: 10px;
  margin-right: 17px;
  object-fit: cover;
  image-rendering: pixelated;
}

.events-questions .right .title-question{
  font-size: 15px;
  font-family: 'Urbanist-Medium';
  color: #000000;
}
.se-ln{
  border-bottom: 1px solid #727272;
  padding-top: 25px;
  padding-bottom: 25px;
}


.participats-fee{
  width: 85%;
}

.participats-fee .fee-title{
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.participats-fee .fee-info{
  font-size: 14px;
  font-family: 'Urbanist-Light';
  color: #000000;
  white-space: pre-line;
}



.questions.pop-wrap-event{
  width: 428px;
  
}

.date-question{
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #787878;
}

.questions-check.pop-wrap-event{
  width: 455px;
  padding-bottom: 30px;
  margin-top: 10%;
}
.answer-title.questions{
  padding-left: 30px;
  padding-right: 30px;
}

.rules-form-new{
  margin-top: 15px;
}
.host-participants{
  display: flex;
  width: 90%;
}

.host-participants{
  padding-top: 30px;
}

.question-name{
  font-size: 16px;
  font-family: 'Urbanist-SemiBold';
  color: #000000;
}

.host-participants .left{
  padding-right: 15px;
}


.question-role{
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  color: #636363;
}

.host-section{
  /* padding-bottom: 6px; */
}

.question-host{
  width: 27px;
  height: 14px;
  background-color: #A4FFBD;
  font-size: 11px;
  font-family: 'Urbanist-Light';
  color: #007805;
  margin-left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-top: 7px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.host-participants .left img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #DADADA;
}

.sec-when textarea.questions-ask{
  border: 1px solid #A6A6A6;
}

.answer-title{
  font-size: 16px;
  font-family: 'Urbanist-Light';
  color: #000000;
}

.good-kemi-follow-rules .pop-wrap-event{
  padding-top: 68px;
}
.good-kemi-rules-title{
  font-size: 16px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  text-align: center;
}

.instruction{
  display: flex;
  padding-left: 27px;
  padding-right: 27px;
  align-items: center;
  padding-bottom: 20px;
  justify-content: space-between;
}

.instruction .images img{
  width: 135px;
  height: 114px;
}

.instruction .text{
  font-size: 16px;
  font-family: 'Urbanist-Regular';
  color: #000000;
  white-space: pre-line;
}


/* my hosting new design */
.my-hosting-title{
  font-size: 60px;
  font-family: 'Urbanist-Medium';
  color: #FFFFFF;
  text-align: center;
  padding-bottom: 60px;
}

.review-members{
  width: 144px;
  height: 41px;
  background-color: #00FFE9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
}

.repost a{
  width: 71px;
  height: 33px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  border: 1px solid #FFFFFF;
  color: #ffffff;
  /* margin-left: 10px; */
  margin-right: 10px;
}

.tell-us a{
  width: 67px;
  height: 33px;
  background-color: #FC59FF;
  color: #1D1E1F;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}


/* social party popup */
.recoment .pop-wrap-event{
  background-color: #282828;
  border-radius: none;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 35px;
}

.recoment .pop-wrap-event .body{
  overflow-y: unset;
}

.recoment .pop-wrap-event .body .cross-button img{
  width: 20px;
  height: 20px;
  object-fit: cover;
}

.recoment-title{
  font-size: 24px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
  text-align: center;

}

.recoment-profile-image{
  padding-top: 50px;
}

.recoment-profile-image img{
  width: 112px;
  height: 112px;
  border-radius: 50%;
  border: 1px solid #DADADA;
}

.recoment-name{
  font-size: 20px;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
  padding-top: 10px;
}

.recoment-role{
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #BBFD00;
  padding-top: 10px;
}

.recoment-about{
  font-size: 15px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
  padding-top: 13px;
  text-align: center;
 
}


.kemi-button{
  padding-top: 16px;
}

.kemi-button a{
  background-color: #00FFE9;
  border: 1px solid #1D1E1F;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #1D1E1F;
  border-radius: 20px;
}


.recoment-others-button{
  padding-top: 100px;
}

.recoment-others-button a{
  background-color: #FFCC2A;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 24px;
  font-family: 'Urbanist-Bold';
  border-radius: 30px;
}

/* new social party mobile */

.mobile-title{
  font-size: 32px;
  color: #FFFFFF;
  font-family: 'Urbanist-Medium';
  text-align: center;
}

.mobile-title span{
  color: #00FFE9;
  font-family: 'Urbanist-SemiBold';
}

.mobile-inner-section .title-sec{
  font-size: 24px;
  font-family: 'Urbanist-SemiBold';
  color: #ffffff;
}

.mobile-inner-section .text{
  font-family: 'Urbanist-Regular';
  font-size: 24px;
  color: #ffffff;

}

.mobile-inner-section{
  padding-top: 80px;
  padding-left: 30px;
  padding-right: 30px;
}

.mobile-inner-section .google-link-social{
  margin-top: 30px;
}

.mobile-social-party-images .swiper-wrapper .swiper-slide img{
     /* width: 314px; */
     height: 215px;
     width: 100%;
     object-fit: cover;
}

.mobile-social-party-images .swiper-wrapper .swiper-slide{
  margin-right: 20px!important;
  width: 350px!important;

}


.mobile-social-party-images{
  margin-left: 30px;
  margin-top: 40px;
}


.mobile-meet-section-title{
  font-size: 32px;
  font-family: 'Urbanist-Bold';
  color: #BBFD00;
  text-align: center;
  margin-bottom: 55px;
}

.mobile-meet-section{
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 75px;
}

.mobile-meet-section-subtitle{
  font-size: 28px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
  text-align: center;
  white-space: pre-line;
}

.mobile-meet-section-subtitle span{
  color: #00FFE9;
  font-family: 'Urbanist-ExtraBold';
}


.social-party-participants .title{
  font-size: 20px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
  margin-bottom: 15px;
}

.social-party-participants{
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 75px;
  padding-bottom: 80px;
}

.mobile.community-image-flex img{
  width: 40px;
  height: 40px;
}

.social-footer-fix-sec.mobile .date-total{
  font-size: 24px;
}

.mobile.social-footer-fix{
  padding-left: 20px;
  padding-right: 20px;
}

.social-footer-fix-sec.last a.going.mobile{  
  width: 90%;
  margin-left: -40px;
  font-size: 24px;
  font-family: 'Urbanist-Bold';
  height: 53px;

}

.social-footer-fix-sec.last a.mobile.cancel{  
  width: 90%;
  margin-left: -40px;
  font-size: 24px;
  font-family: 'Urbanist-Bold';
  height: 53px;

}

.social-footer-fix-sec.last a.mobile span{
  font-size: 18px;
  padding-top: 7px;
}

/*  */



.participants .pop-wrap-event{
  width: 390px;
}

.layer-people{
  cursor: pointer;
}

.layer-people.hidden{
  display: none;
}

.activities-open{
  /* max-width: 600px; */
  margin: auto;
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: center;
  display: none;
}

.participants-title{
  font-size: 24px;
  font-family: 'Urbanist-ExtraBold';
  color: #000000;
}

.participants .pop-wrap-event .body{
   padding-bottom: 30px;
}

.participants-subtitle{
  font-size: 13px;
  font-family: 'Urbanist-Medium';
  color: #000000;
  padding-bottom: 15px;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}


.participants .participants-body{
  border-top: 1px solid #ADADAD;
  padding-top: 30px;
  width: 80%;
  /* padding-left: 48px; */
}

.participants-body .sec-participants{
  display: flex;
  align-items: center;
}

.right .about-me{
  font-size: 11px;
  font-family: 'Urbanist-ExtraLight';
  color: #000000;
}


.participants-body .sec-participants .left img{
  width :37px;
  height: 37px;
  border-radius: 50%;
  border: 1px solid #DADADA;
  /* image-rendering: pixelated; */
  object-fit: cover;
  /* object-position: center; */
  object-position:50% 50%;
}
.right .header-info{
  display: flex;
  align-items: center;
  padding-bottom: 5px;
}

.sec-participants{
  padding-bottom: 15px;
}

.sec-participants .left {
  margin-right: 10px;
}

.participants-body .sec-participants .right .header-info .name{
  font-size: 14px;
  font-family: 'Urbanist-ExtraBold';
  color: #000000;
  padding-right: 9px;

}

.participants-body .sec-participants .right .header-info .role{
  font-size: 12px;
  font-family: 'Urbanist-Regular';
  color: #3A6AFD;
  padding-right: 9px;
  /* padding-top: 1px; */
}

.participants-body .sec-participants .right .header-info .host{
   font-size: 11px;
   font-family: 'Urbanist-Light';
   color: #007805;
   background-color: #A4FFBD;
   padding-left: 9px;
   /* padding-right: 5px; */
   padding-top: 3px;
   padding-bottom: 3px;
   border-radius: 10px;
   padding-right: 9px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   /* top: -4px; */
}



.activities-open label .m-tag{
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  width: auto;
}

.join-open{
  max-width: 250px;
  margin: auto;
  display: flex;
  /* padding-left: 82px; */
  padding-right: 45px;
  justify-content: space-between;
  display: none;
  margin-top: 10px;

}

.join-open div a{
  font-size: 20px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
}


.join-open div a.active{
  color: #00FFE9;
}

.join-open .middle-line{
  width: 1px;
  height: 40px;
  background-color: #4E4E4E;
}

.host-activity-list{
  width: auto;
  overflow: hidden;
}

.host-activity{
  margin-top: 40px;
  /* width: 100vw; */
}

.body.activity-swipper{
  width: calc(100vw - 670px);

}

.host-activity-card{
  margin-right: 15px;
}

.host-activity .header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.host-activity-list .slick-next{
  display: none!important;
}

.host-activity{
  display: none;
}

.host-activity-list{
  /* width: 1800px; */
}

.host-activity-list .slick-prev{
  display: none!important;
}

.host-activity-list-new .slick-prev{
  display: none!important;
}

.host-activity-list-new .slick-next{
  display: none!important;
}

.host-activity-list-new{
  width: auto;
  overflow: hidden;
}

.header-right .more .slick-next{
  /* display: block; */
}


.header-left{
  display: flex;
  align-items: center;
}

.host-activity-card{
  display: flex;
}

.host-card-left img{
  width: 92px;
  height: 80px;
  border-radius: 10px;
}

.host-activity-card.new.swiper-slide{
  width: 460px!important;
  border: 1px solid #343434;
  display: block;
  padding-left: 8px;
  padding-top: 6px;
  padding-right: 8px;
  padding-bottom: 6px;
}

.host-activity-card.swiper-slide{
  width: 300px!important;
  display: flex;
}

.host-card-right .host-activity-post-body{
  padding-left: 10px;
  font-size: 16px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
  height: 75px;
  overflow: hidden;
}

.header-left .title{
  font-size: 20px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
}

.header .header-left .icons img{
  width: 18px;
  height: 18px;
  margin-right: 12px;
}


/* post preview */

.body.toggle-body{
  /* height: 60px; */
  /* overflow: hidden; */
  padding-top: 15px;  

}

.community-image-flex{
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.layer-people{
  position: relative;
}

.layer-people-text{
  position: absolute;
  width: 100%;
  height: 100%;
  top: -3px;
  left: 0;
  font-family: 'Urbanist-SemiBold';
  font-size: 14px;
  color: #ffffff;
  background-color: rgba(34, 34, 34, .49);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.number{
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
  margin-left: 10px;
}

.community-image-flex img{
  width: 37px;
  height: 37px;
  border-radius: 50%;
  border: 1px solid #DADADA;
  object-fit: cover;
  /* image-rendering: pixelated; */
  object-position:50% 50%;
}

.body.body.toggle-body.full-open{
  
  
  height: auto;
 
  /* width:90%; */
}

.activity-body{
  position: relative;
}

.read-more{
  /* position: absolute; */
  bottom: -10%;
  right: 5%;
  text-align: right;
}

.read-more a{
  font-size: 14px;
  font-family: 'Urbanist-Regular';
  color: #3EB5FF;
  text-align: right;
  text-decoration: underline;
}

.post-preview{
  width: 644px;
  margin: auto;
  border: 1px solid #FFFFFF;
  background-color: #1D1D1D;
  border-radius: 10px;
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 60px;
  margin-bottom: 30px;
}

.preview-text{
  font-size: 15px;
  font-family: 'Urbanist-Light';
  color: #FFFFFF;
  text-align: right;
}


.main-post .header{
  display: flex;
  margin-bottom: 10px;
}

.main-post .header .tag{
  margin-right: 5px;
}

.main-title{
  font-size: 20px;
  color: #FFFFFF;
  font-family: 'Urbanist-SemiBold';
}

.main-title span{
  font-family: 'Urbanist-Bold';
}

.tag span{
  background-color: rgba(1, 55, 88, .46);
  font-size: 14px;
  font-family: 'Urbanist-Light';
  color: #00FFE9;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 10px;

}


.sub-section{
  display: flex;
}

.activity-post-image img{
  width: 194px;
  height: 120px;
  /* border-radius: 10px; */
  object-fit: cover;
}

.activity-post-image a:not(.show1) img{
  border-radius: 10px;
}

.activity-post-image{
  margin-right: 20px;
  height: 120px;
}

.activity-post-other-info .info.people{
  font-family: 'Urbanist-Regular';
}

.activity-post-other-info{
  margin-left: 20px;
}

.body .activity-post-main-body{
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
  padding-bottom: 20px;
  /* white-space: pre-line; */
  /* padding-bottom: 15px; */
  /* height: 45px; */
  /* overflow: hidden; */
  /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden; */
}

.body .activity-post-main-body a{
  font-size: 16px;
  font-family: 'Urbanist-Regular';
  color: #3EB5FF;
  text-decoration: underline;
   /*float: right;*/
  /*padding-left: 5px;*/
}

.body .participant-activity-info{
  background-color: #303030;
  padding-left: 19px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: none;
}

.participant-activity-info .title{
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
}

.participant-activity-info .body ul li{
  font-size: 14px;
  font-family: 'Urbanist-Light';
  color: #ffffff;
  list-style: circle;
  margin-left: 20px;
  list-style: none;
  position: relative;
}

.participant-activity-info .body ul li::after {
  content: "\A";
  display: block;
  font-size: 12px;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  left: -2%;
  margin-right: 10px;
  top: 10px;
}

.additional-tags{
  padding-top: 10px;
  display: flex;

}

.additional-tags .tag{
  font-size: 14px;
  font-family: 'Urbanist-SemiBold';
  color: #3EB5FF;
  padding-right: 10px;
}

.footer .back-next{
  justify-content: space-between;
  width: 100%;
}

.footer .back-next .back-first{
  font-size: 15px;
  font-family: 'Urbanist-Light';
  color: #ECECEC;
}

.footer.preview{
  padding-top: 50px;
}

.footer .back-next button{
  width: 75px;
  /* margin: auto; */
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 23px;
  background-color: #ffcc2a;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.activity-post-other-info .info{
  font-size: 14px;
  color: #FFFFFF;
  display: list-item;
  padding-bottom: 7px;
  display: flex;
  align-items: center;
}

.activity-post-other-info .info:not(.region){
  /* display: list-item; */
}

.activity-post-other-info .info span img{
  margin-left: 5px;
}
.activity-post-other-info .info.date{
  font-family: 'Urbanist-Medium';
  color: #F6FB06;
}

.activity-post-other-info .info.region{
  font-family: 'Urbanist-Regular';
  font-size: 12px;
  color: #8D8D8D;
}


.participant-body{
  width: 85%;
}

.fee label{
  font-size: 16px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.sec-when textarea{
  margin-top: 20px;
  width: 100%;
  border: 1px solid #000000;
}

.last-body{
  padding-top: 20px;
}

.participants-info .pop-wrap-event{
  margin-top: 7%;
}

.participant-body{
  padding-bottom: 20px;
}

.details{
  margin-top: 30px;
}

.details-flex{
  display: flex;
  align-items: center;
}

.activity-post .details-flex input.add-detail-options{
  border: none;
  width: auto;
  color: #000000;
  border-bottom: 1px solid #000000;
}

.details label{
  padding-bottom: 10px;
}

.details div{
  margin-left: 20px;
}
.activity-post.details label{
  font-size: 16px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.activity-post.details div label{
  font-size: 15px;
  font-family: 'Urbanist-Regular';
  color: #000000;
}

.fee{
  padding-top: 30px;
}

.fee input{
  border: none;
  border-bottom: 1px solid #000000;
}

.location-title{
  font-size: 24px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  text-align: left;
  width: 85%;
  padding-bottom: 20px;
}

.how-many-input-sec{
  display: flex;
  padding-top: 20px;
  justify-content: center;
}

.sec-when label{
  font-size: 16px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.how-many-input-sec .plus img{
  object-fit: cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.how-many-input-sec input{
   border: none;
   width: 100px;
   color: #000000;
   font-size: 20px;
   font-family: 'Urbanist-Regular';
   text-align: center;
}

.how-many-input-sec input:focus{
  outline: none;
}

.how-many-input-sec .minus img{
  object-fit: cover;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.when-body .sec-when.pb-20{
  padding-top: 30px;
  padding-bottom: 30px;
}

.when-title{
  font-size: 24px;
  width: 85%;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.when-body{
  width: 85%;
  padding-bottom: 50px;
}

.when-date label{
  font-size: 15px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.when-time label{
  font-size: 15px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.when-body .sec-when{
  padding-top: 30px;
  padding-bottom: 30px;
}

.when-date input{
  border: none;
  border-bottom: 1px solid #000000;
  margin-left: 20px;
  width: 126px;
  color: #000000;
}

.sec-when input:focus{
  outline: none;
}

.when-time input{
  border: none;
  border-bottom: 1px solid #000000;
  margin-left: 20px;
  width: 126px;
  color: #000000;

}

.location-pop .pop-wrap-event{
  margin-top: 6%;
}

.location-sec{
  padding-bottom: 15px;
}

.all-locations .location-sec .loc-sec-title{
  font-size: 16px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}


.all-locations .location-sec .loc-sec-subtitle{
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #6A6A6A;
}

.location-body{
  width: 85%;
  padding-bottom: 30px;
}

.location-input .input-area{
  display: flex;
  border: 1px solid #000000;
  align-items: center;
  padding-left: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.location-input{
  padding-bottom: 20px;
}

.location-input .input-area input{
  border: none;
  color: #000000;
  width: 100%;
  height: 100%;
  padding-left: 10px;
}

.location-input .input-area input:focus{
  border: none;
  outline: none;
}

.tag-or{
  font-size: 15px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  text-align: center;
  padding-bottom: 40px;
}

.new-activity-second .pop-wrap-event .body{
  height: auto;
  padding-bottom: 30px;
}

.section-posts-activity .section-second{
  margin-bottom: 15px;
}


.section-second-show label{
  cursor: pointer;
}

.section-second-show label input:checked + div{
  background-color: #D2D2D2;
}

.section-second-show{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* margin-top: 20px; */
  
}

.slide-second{
  display: none;
}

.back-next{
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.back-next a{
  font-size: 15px;
  font-family: "Urbanist-Light";
  color: #090909;
}

.section-second-show .sec div{
  width: 112px;
  height: 54px;
  font-size: 15px;
  font-family: 'Urbanist-Regular';
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #9C9C9C;
  text-align: center;
  margin-right: 20px;
  /* margin-bottom: 15px; */
}

.section-posts-activity .section-second-dropdown{

  display: flex;
  justify-content: space-between;
  border: 1px solid #D7D7D7;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
}

.section-second-dropdown .text{
  font-size: 20px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.section-second-dropdown{
  cursor: pointer;
}

.section-posts-activity{
  width: 85%;
}

.new-activity-first .pop-wrap-event .body{
  height: 430px;
}

.progress-activity{
  margin-top: 20px;
  height: 5px;
  background-color: #E1E1E1;
  position: relative;
}

.progress-activity .progress-bar{
  width: 62px;
  position: absolute;
  background-color: #000000;
  height: 5px;
}

.section-posts-activity .sec-activity{
  border: 1px solid #D7D7D7;
  padding-left: 34px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 10px;
  border-radius: 10px;
  cursor: pointer;
}

.sec-activity .title-sec{
  font-size: 20px;
  font-family: 'Urbanist-Bold';
  color: #000000;
}

.sec-activity .subtitle-sec{
  font-size: 13px;
  font-family: 'Urbanist-Light';
  color: #000000;
}

.more-info-title{
  font-size: 24px;
  font-family: 'Urbanist-Medium';
  color: #000000;
}

.more-info-subtitle{
  font-size: 15px;
  font-family: 'Urbanist-Medium';
  color: #9D9D9D;
}

#more-info{
  margin-top: 30px;
}

#more-info div{
  padding-top: 7px;
  padding-bottom: 7px;
}
.date-from-to.more-info input[type="date"]{
  background-color: #D9D9D9;
  border: 1px solid #000000;
  height: 30px;
  border-radius: 0px;
  margin-top: 7px;
  width: 39%;
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  color: #61646B;
}

.do-role{
  width: 98%;
  height: 32px;
  background-color: #FAFAFA;
  border: 1px solid #AFB1B6;
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  color: #61646B;

}

.pop-wrap-event .body form#more-info{
  width: 360px;
}


.peronality{
  width: 98%;
  height: 32px;
  background-color: #FAFAFA;
  border: 1px solid #AFB1B6;
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  color: #61646B;

}


#more-info label{
  font-size: 15px;
  font-family: 'Urbanist-Medium';
  color: #000000;
}

.more-info .pop-wrap-event .body{

}
.member-list.my-roommate{
  justify-content: flex-start;
} 

.member-list.my-roommate .member{
  margin-left: 28px;
  margin-right: 28px;
}

.member-list.my-roommate .member .image img{
  width: 40px;
  height: 40px;
}
.prev-next{
  position: relative;
}

.prev-next .swiper-button-next{
  right: -100px;
  left: auto;
  top: -120px;
  border: 1px solid #535353;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.swiper-button-next:after{
  content: url(/include/new/images/next-swipper.png)!important;
  position: absolute;
  top: 5%;
  left: 40%;
}

.swiper-button-prev:after{
  content: url(/include/new/images/next-swipper.png)!important;
    position: absolute;
    top: 21%;
    left: 35%;
    transform: rotate(180deg);
}
.prev-next .swiper-button-prev {
  left: -100px;
  right: auto;
  top: -120px;
  border: 1px solid #535353;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.post-body a{
  color: #008DBA;
  text-decoration: underline;
}

.post-body.meta a{
  color: #ffffff;
  text-decoration: none;
}

.roommate-page-title{
  font-size: 32px;
  font-family: 'Urbanist-Medium';
  color: #FFFFFF;
  margin-top: 100px;
  text-align: center;
}

/* .member-list.my-roommate .member{
  width: 200px;
  margin-left: 0px;
  margin-right: 0px;
} */

.people-number{
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #A9A9A9;
  margin-top: 50px;
}

.room-number{
  font-size: 20px;
  font-family: 'Urbanist-Medium';
  color: #00FFE9;
  text-align: center;
  padding-top: 10px;
}

.roomate-page-section{
  max-width: 600px;
  padding-top: 20px;
  margin: auto;
  padding-bottom: 100px;
}

.roomate-page-section .title-white{
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #FFFFFF;
  padding-bottom: 10px;
  text-align: center;
}

.roomate-page-section .title-red{
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #FA5A00;
  text-align: center;
}



.city-card-body.meta .post-body{
  font-family: 'Urbanist-Bold';
  margin-top: 10px;
  margin-bottom: 10px;
}

.city-card-body.meta .post-info{
    font-size: 16px;
    line-height: 20px;
    font-family: "Urbanist-Regular";
    color: #FFFFFF;
}

.city-card-body.meta .post-image .layer {
  width: 100%;
  height: 275px;
  margin-right: 17px;
  margin-bottom: 17px;
  position: relative;
}

.upload-image{
  color: #26B1FF;
  font-size: 14px;
  font-family: 'Urbanist-SemiBold';
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  background-image: none!important;
}

.post-header-popup{
  display: none;
  position: absolute;
  right: -10px;
  bottom: -140px;
  background-color: #535353;
  border-radius: 10px;
  z-index: 9;
}

.post-header-popup.top-up{
  bottom: -211px;
}

.post-header-popup.on{
  display: block;
}


.post-header-popup ul li{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #212121;
  text-align: center;
}

.post-header-popup ul li a{
  font-size: 12px;
  font-family: 'Urbanist-SemiBold';
  color: #FFFFFF;
}

.dot-open-post-header .dot{
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin-right: 3px;
  margin-left: 3px;
  background-color: #FFFFFF;
  
}

.dot-open-post-header{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  width: 40px;
  height: 20px;
  cursor: pointer;
}

/* profiel new design */
.remove-profile-section{
  max-width: 540px;
  margin: auto;
  font-size: 20px;
  font-family: 'Urbanist-Bold';
  color: #878787;
}

.remove-profile-section a{
  color: #008DBA;
}

/* design conflec new socal party */
.good-bad-section .images-fix{
  display: flex;
}

.good-bad-section .images-fix img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #DADADA;
}

/* new tag user */
.more-tagged-people a{
  font-size: 16px;
  font-family: 'Inter-SemiBold';
  color: #000000;

}

.profile-input-label img{
  background-image: none!important;
}


.mentiony-container .mentiony-content:focus{

}

.mentiony-container{
  width: 65%!important;
  /* height: 40px; */
  /* overflow-y: auto; */
  /* overflow: hidden; */
  /* overflow-y: auto; */
}

.mentiony-container .mentiony-content{
  width: 100%!important;
}


.mentiony-container .mentiony-popover{
  left: 0!important;
}

.city-card-body .post-tags{
  position: relative;
}
.pop-tag-sec .left .profile-image img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #DADADA;
}

.tag-body-section .pop-tag-sec{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.tag-body-section{
  width: 90%;
  /* margin-left: 30px; */
  /* margin-right: 30px; */
}

.tag-body-section .pop-tag-sec .left{
  display: flex;
  align-items: center;
}

.tag-title{
  font-size: 24px;
  font-family: "Urbanist-Medium";
  color: #000000;
  padding-bottom: 15px;

}


.tag-number{
  font-size: 20px;
  font-family: "Urbanist-Medium";
  color: #000000;
  padding-bottom: 15px;
  padding-top: 15px;

}

.tag-name span{
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: rgba(94, 193, 255, .61);
  border-radius: 10px;
  font-size: 12px;
}

.pop-tag-sec .left .name{
  font-size: 12px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  padding-left: 30px;
  padding-right: 15px;
}

.pop-tag-sec .left .role{
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  color: #007805;
}

.kemi a{
  width: 53px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Urbanist-Bold';
  font-size: 14px;
  color: #1D1E1F;
  background-color: #00FFE9;
  border-radius: 10px;
}

.kemi.cancel a{
  background-color: #B4BBBA;
}

/* community page new changes */
.city-card-body .post-tags .tag{
  cursor: pointer;
}

.tag-which{
  display: none;
  position: absolute;
  top: -110px;
  background: #ffff;
}

.tag-which.active{
  display: block;
}

.city-card-body{
  position: relative;
}

.tag-which ul li{
  padding-left: 16px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 16px;
  cursor: pointer;

}

.tag-which ul li:hover{
  background-color: rgba(217, 217, 217, .49);
}

.tag-which ul li span{
  font-family: 'Urbanist-ExtraBold';
  font-size: 15px;
  color: #000000;
}

.tag-which ul li{
  font-family: 'Urbanist-Regular';
  font-size: 12px;
  color: #6A6A6A;
}
/*  */



/* new profile page change */
.about-me-sec .abt-me-header{
  display: flex;
  justify-content: space-between;
}

.abt-me-header .save-button a{
  font-size: 14px;
  color: #26B1FF;
  font-family: 'Urbanist-SemiBold';
}

.profile-image-details-header{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.profile-image-details-header .left{
  font-size: 20px;
  font-family: 'Urbanist-SemiBold';
  color: #ffffff;
}

.profile-image-details-header .right .right-button a{
  color: #26B1FF;
  font-size: 14px;
  font-family: 'Urbanist-SemiBold';
  padding-left: 10px;
  padding-right: 10px;
}

.profile-image-details-header .right{
  display: flex;
}

.edit-profile-info a, .edit-profile-i a{
  font-size: 14px;
  color: #26B1FF;
  font-family: 'Urbanist-SemiBold';
}

.edit-profile-info,.edit-profile-i{
  margin-left: 15px;
  display: flex;
  align-items: center;
}

.details-info-sec .right{
  display: flex;
}

.my-interest-sec .interest-sec-title{
  display: flex;
}

.favorite-food-sec .food-sec-title{
  display: flex;
}

.profile-details-info .right div input{
  background: #222;
  border: none;
  width: 200px;
  font-size: 20px;
  line-height: 16px;
  color: #FFFFFF;
  text-align: right;
  pointer-events: none;
}

.role-profile .main-profile-info .profile-image label img{
  width: 24px;
  height: 24px;
  border-radius: unset;
  border: none;
}

.role-profile .main-profile-info .profile-image{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.role-profile .main-profile-info .profile-image label{
  position: absolute;
  bottom: 0;
  right: -11px;
  cursor: pointer;
}

.profile-image-details .post-image .layer .delete-button img{
  width: 25px;
  height: 25px;
}

.profile-image-details .post-image .layer .delete-button{
  position: absolute;
  width: 30px;
  height: 30px;
  right: 3%;
  top: 3%;
  display: none;
}

/*  */

/* new good kemi design css */

.mentiony-container{
  border: none;
  
}

.mentiony-container .mentiony-content{
  color: #ffffff!important;

}

.mentiony-container [contenteditable=true]:focus:before{
  content: ''!important;
}
.mention-area .highlight a.mentiony-link{
  background: none;
  color: #0193F9;
  font-family: 'Urbanist-Bold';
}

.mentiony-item .row .col-xs-3{
  width: 20%;
}

.mentiony-item img{
  border-radius: 50%;
}

.mentiony-item .title{
  font-size: 12px;
  font-family: 'Urbanist-SemiBold';
  color: #6A6A6A;
}

.mentiony-item{
  cursor: pointer;
}

.mentiony-item:hover{
  background-color: rgba(217, 217, 217, .49);
}

.mentiony-item .row .col-xs-9{
  width: 80%;
  display: flex;
  align-items: center;
}

.mentiony-item .row{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.mentiony-item .help-block{
  display: none;
}

.call.my-kemi{
  margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.more-kemi a{
  font-size: "Inter-SemiBold";
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
  
}

.more-kemi{
  text-align: center;
  padding-top: 30px;
}

.lists{
  border-radius: 10px;
  border: 1px solid #343434;
  padding-top: 20px;
  padding-bottom: 20px;
 
}
.good-list-section .left .profile-image.good img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #00FFE9;
}

.good-list-section .left .profile-image.bad img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #F9370C;
}

.good-list-section .left .profile-image{
  margin-right: 15px;
}

.good-list-section:last-child{
  border-bottom: none;
}

.good-list-section:first-child{
  padding-top: 0px;
}

.good-list-section{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #343434;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 25px;
  padding-top: 25px;
}

.good-list-section .right img{
  width: 12px;
  height: 12px;
}

.good-list-section .left{
  display: flex;
  align-items: center;
}

.profile-info .info-sec{
  display: flex;
  align-items: center;
 
}

.profile-info .info-sec div{
  padding-right: 12px;
}
.profile-info .info-sec .name{
  font-size: 16px;
  font-family: 'Urbanist-SemiBold';
  color: #ffffff;
}

.profile-info .info-sec .role{
  font-size: 14px;
  font-family: 'Urbanist-SemiBold';
  color: #BBFD00;

}

.profile-info .info-sec .sec-info{
  font-size: 12px;
  font-family: 'Urbanist-SemiBold';
  color: #535353;
}

/*  */

.tab-cont-wrp.my-kemi{
  max-width: 600px;
  margin: auto;
  margin-top: 40px;
}

.call.my-kemi .content .tab a{
  font-size: 32px;
  font-family: 'Urbanist-Medium';
}

.call.my-kemi .content .tab a.kemi.on{
  color: #00FFE9;
  border-bottom: none;
}

.call.my-kemi .content .tab a.bad.on{
  color: #FA5A00;
  border-bottom: none;

}

.call.my-kemi .content .tab{
  border-bottom: none;
  max-width: 300px;
  margin: auto;
}

.infos-date-time-location .sec-info{
  padding-right: 15px;
}

.rsvp-title{
  font-size: 60px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
  text-align: center;
}


.rsvp-sections{
  max-width: 600px;
  margin: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.rsvp-sections .rsvp-sec{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 25px;
  padding-top: 25px;
  border-bottom: 1px solid #343434;

}

.rsvp-sec .left{
  display: flex;
}

.infos-date-time-location{
  display: flex;
}

.rsvp-sec .left .infos .infos-title{
  font-family: 'Urbanist-SemiBold';
  font-size: 16px;
  color: #ffffff;
}

.infos-date-time-location .sec-info{
  font-size: 12px;
  font-family: 'Urbanist-SemiBold';
  color: #535353;
}

.rsvp-sec .left .icon img{
  width: 24px;
  height: 24px;

}

.rsvp-sec .left .icon{
  margin-right: 23px;
}

.rsvp-go{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 33px;
  background-color: #00FFE9;
  color: #1D1E1F;
  font-family: 'Urbanist-Bold';
  font-size: 14px;
  border-radius: 20px;
}

.city-card-footer .right{
  display: flex;
  align-items: center;
}

.post-react{
  margin-left: 20px;
  cursor: pointer;
  position: relative;
}

.post-react .press-react.active+.react-appear{
  display: flex;
  position: absolute;
  top: -65px;
}

.react-appear{
  display: none;
  background-color: #F2EFEF;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.react-appear .re-ap{
  margin-left: 5px;
  margin-right: 5px;
}

.mix-city-card .city-card-header .right{
  display: flex;
  align-items: center;
}

.mix-city-card .city-card-header .right .copy-link a img{
  width: 24px;
  height: 24px;
}

.mix-city-card .city-card-header .right .copy-link{
  margin-right: 23px;
}

.user-search-appear{
  display: none;
  position: absolute;
  top: -120px;
  width: 290px;
  background-color: #FFFFFF;
  z-index: 9;
  

}

.user-search-appear .search-user-card .search-user-sec{
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
}

.user-search-appear .search-user-card .search-user-sec:hover{
  background-color: rgba(217, 217, 217, .49);
}

.user-search-appear .search-user-card .search-user-sec .user-left img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #DADADA;
}

.user-search-appear .search-user-card .search-user-sec .user-left{
  padding-left: 15px;
}

.user-search-appear .search-user-card .search-user-sec .user-right{
  color: #6A6A6A;
  font-size: 12px;
  font-family: 'Urbanist-SemiBold';
  margin-left: 12px;
}

.swiper-slide {
  width: auto!important;
}

.join-step .step-contents dl.terms-cond-text dt{
  font-size: 14px;
  font-family: 'Urbanist-Regular';
}

.activity-post{
  display: flex;
  align-items: center;
  padding-bottom: 20px;

  
}

.activity-post input{
  width: 20px;
  height: 20px;
  border: 1px solid #C3CBCD;
  margin-right: 16px;
}

.activity-post input:checked{
  background-color: blue;
  background-image: url(/include/new/images/check.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.activity-post label{
  font-size: 16px;
  font-family: 'Urbanist-Regular';
  color: #212121;
}

.terms-cond-text dt a{
  text-decoration: underline;
}

.comment-post-image .layer.hidden{
  display: none;
}

.deletebutton img{
  width: 20px;
  height: 18px;
}

.deletebutton{
  cursor: pointer;
}

.social-party-new .last-week-link{
  text-align: right;
  padding-top: 100px;
  padding-bottom: 23px;
}

.social-party-new .last-week-link a{
    font-size: 24px;
    font-family: 'Inter-Regular';
    color: #ffffff;
    text-decoration: underline;
}

/* comment image */
.comment-image-preview .single-com-image{
  position: relative;
  cursor: pointer;
}


.single-com-image .up-image-remove-com img{
  width: 10px;
  height: 10px;
  padding-left: 0;
  padding-top: 0;
  object-fit: none;
}


.single-com-image .up-image-remove-com{
  position: absolute;
  top: 0;
  right: -8px;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* new popup modification */
.up-single{
  position: relative;
}

.uploaded-photo .up-single .up-image-remove img{
  width: 10px;
  height: 10px;
}

.uploaded-photo .up-single .up-image-remove{
  position: absolute;
  top: -10px;
  right: -4px;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* new social party design */
.for-mobile{
  display: none;
}

.for-pc{
  display: block;
}
.social-party-new{
  max-width: 1390px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 140px;
}

.social-party-new .title{
  font-size: 60px;
  color: #FFFFFF;
  font-family: 'Urbanist-Medium';
  text-align: center;
}

.social-party-new .title span{
  font-family: 'Urbanist-SemiBold';
  color: #00FFE9;
  
}

.parties{
  /* padding-top: 100px; */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


.parties .sec{
  /* padding-top: 100px; */

  /* width: 23%; */
  /* height: 244px; */
  /* padding-left: 6px;
  padding-right: 6px; */

  display: grid;
  grid-template-rows: repeat(2, 244px);
  grid-template-columns: repeat(4, 1fr);
}

.parties .sec .inner-section{
  /* height: 244px; */
  /* margin-top: 6px; */
  margin-bottom: 12px;
  margin-left: 6px;
  margin-right: 6px;
}

.inner-section.grid-1{
  grid-row: 1/2;
  grid-column: 1;
}

.inner-section.grid-2{
  grid-row: 1;
  grid-column: 2/3;
}

.inner-section.grid-3{
  grid-row: 1/3;
  grid-column: 3/5;
}

.inner-section.grid-4{
  grid-row: 2;
  grid-column: 1;
}

.inner-section.grid-5{
  grid-row: 2;
  grid-column: 2;
}

.parties .full-sec{
  width: 50%;
}

.parties .sec .inner-section.full{
  /* height: 500px; */
  /* width: 100%; */
}

.parties .sec .inner-section img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.parties .sec .inner-section.full img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.parties .sec .title-sec{
  font-size: 20px;
  font-family: 'Urbanist-SemiBold';
  color: #ffffff;
  line-height: 12px;
}

.parties .sec .title-sec.title-padding{
  padding-top: 15px;
}

.parties .sec .text{
  font-size: 20px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
}

.google-link-social{
  display: flex;
  align-items: center;
  justify-content: center;
  border:  1px solid#00FFE9;
  padding-left: 14px;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 164px;
  font-size: 20px;
  font-family: "Urbanist-Regular";
  color: #00FFE9;
  margin-top: 10px;
}

.parties .sec .inner-section .google-link-social img{
  width: 20px;
  height: 20px;
  padding-left: 10px;
}

.meet-section{
  margin-top: 140px;
}

.meet-section-title{
  font-size: 40px;
  font-family: 'Urbanist-Bold';
  color: #BBFD00;
  text-align: center;
  margin-bottom: 55px;

}

.meet-section-subtitle{
  font-size: 32px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
  text-align: center;
  white-space: pre-line;
}


.meet-section-subtitle span{
  color: #00FFE9;
}


.social-footer-fix{
  background-color: #323232;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  /* padding-left: 68px; */
  /* padding-right: 68px; */
  z-index: 9;
}

.good-bad-kemi-social-fix{
  display: flex;
}

.good-bad-section .images{
  display: flex;
  padding-bottom: 0px;

}

.good-bad-section .images img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #DADADA;
}


.social-footer-fix-sec{
  /* width: 33%; */
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  padding-top: 26px;
  padding-bottom: 26px;
}

.social-footer-fix-sec.last{
  display: flex;
  /* justify-content: space-between; */
  flex-direction: row;
}

.social-footer-fix-sec.last a.going{
  background-color: #00FFE9;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 224px;
  height: 85px;
  border-radius: 50px;
}

.social-footer-fix-sec.last a.cancel{
  background-color: #C0C3C3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 224px;
  height: 85px;
  border-radius: 50px;
  /* display: none; */

}

.social-footer-fix-sec.last a.cancel span{
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #585757;
}

.social-footer-fix-sec.last a span{
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  color: #585757;
}

.social-footer-fix-sec.last a{
  font-size: 24px;
  font-family: 'Urbanist-Bold';
  margin-left: 10px;
  flex-direction: column;
}

.social-footer-fix-sec.middle{
  align-items: center;
}


.social-footer-fix-sec .date-text{
  font-family: 'Worksans-Light';
  font-size: 17px;
  color: #F6FB06;
}

.social-footer-fix-sec .date-total{
  font-family: 'Worksans-SemiBold';
  font-size: 27px;
  color: #FFFFFF;
}

.good-bad-section{
  border-right: 1px solid #505050;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-right: 50px;
  padding-left: 50px;
}

.good-bad-section.no-border{
  border-right: none;
}

.good-bad-section .text{
  font-size: 20px;
  line-height: 18px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
  text-align: center;
  padding-bottom: 12px;
}

.good-bad-section .text span{
  font-family: 'Urbanist-Bold';
}

/*  */


.dialog.pop-unverified.on{
  z-index: 1!important;
}

/* hide menu */
.hide-after-header{
  display: none!important;
}

/* new member page changes */
.city-card-body .post-title{
  /* padding-top: 20px; */
  font-size: 20px;
  line-height: 18px;
  font-family: 'Urbanist-SemiBold';
  color: #ffffff;
  padding-bottom: 10px;
  /* padding-right: 20px; */
}

/* login new section added */
.have-no-account{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}

.have-no-account .text{
  font-size: 18px;
  color: #FFFFFF;
  font-family: 'Urbanist-Medium';
  padding-right: 10px;
  padding-top: 5px;
}

.reg-button a{
  text-decoration: underline;
  color: #ffffff;
  font-size: 18px;

}
/* comment section photo upload */


.comment-image-preview{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 15px;
}

.comment-image-preview img{
  width: 60px;
  height: 40px;
  object-fit: cover;
  padding-left: 10px;
  padding-top: 10px;
}

.comment-photo-upload{
  padding-left: 10px;
  
}

.comment-photo-upload label img{
  width: 24px;
  height: 24px;
  cursor: pointer;
  
}

/* profile new design integration */

.edit-tag{
  /* margin-left: 25px; */
  /* position: absolute; */
  /* bottom: 5%; */
  /* right: 3%; */
}   

.new-m-tags.tag-top{
  position: fixed;
  top: 0%;
  z-index: 99;
  width: 100%;
  background: #1d1e1f;
  /* display: flex; */
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.edit-tag a{
  width: 68px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #17E551;
  border-radius: 50%;
}

.new-m-tags label{
  display: inline-block;
  cursor: pointer;

}

.new-m-tags label input{
  display: none;
}

.new-m-tags label input:checked+div{
  background-color: #ffffff;
  color: #212121;
}


.city-card-footer .star{
  width: 20px;
  height: 18px;
  cursor: pointer;
  background-image: url(/include/new/images/icon_star.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}

.city-card-footer .star.active{
  background-image: url(/include/new/images/icon_star_fill.png);
}

.city-card-footer div{
  /* align-items: center; */
}


.role-profile{
  max-width: 600px;
  margin: auto;
  position: relative;
  margin-top: 60px;
  margin-bottom: 100px;
}

.role-profile .main-profile-info{
  display: flex;
  align-items: center;
  justify-content: center;

}

.role-profile .main-profile-info .profile-image{
  margin-right: 20px;
}

.role-profile .main-profile-info .profile-image img{
  width: 120px;
  height: 120px;
  border: 1px solid #DADADA;
  border-radius: 50%;
  object-fit: cover;
  image-rendering: pixelated;

}

.main-report{
  position: absolute;
  right: 0;
}

.main-report a{
  font-size: 16px;
  font-family: 'Urbanist-Bold';
  color: #FA3C00;

}

.role-profile .main-profile-info .profile-info .name{
  font-size: 20px;
  font-family: "Urbanist-Bold";
  color: #FFFFFF;
}

.role-profile .main-profile-info .profile-info .role{
  font-size: 16px;
  font-family: "Urbanist-Bold";
  color: #FFFFFF;
  opacity: 60%;
}


.profile-about{
  margin-top: 50px;
  /* width: 100%; */
  background-color: #343434;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: justify;
  font-size: 15px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
}

.favorite-food-sec{
  margin-top: 60px;
  border-bottom: 1px solid #343434;
  padding-bottom: 40px;
}

.favorite-food-sec .food-sec-title{
  font-size: 24px;
  font-family: "Urbanist-Bold";
  color: #ffffff;
  margin-bottom: 30px;
}

.favorite-food-sec .food-tags{
  display: flex;
}

.favorite-food-sec .food-tags a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #498AB3;
  border: 1px solid #1D1E1F;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
  border-radius: 20px;
  margin-right: 20px;
  color: #1D1E1F;
  font-size: 14px;
  font-family: "Urbanist-Bold";
}

.my-interest-sec{
  margin-top: 40px;
  border-bottom: 1px solid #343434;
  padding-bottom: 40px;
}


.my-interest-sec .interest-sec-title{
  font-size: 24px;
  font-family: "Urbanist-Bold";
  color: #ffffff;
  margin-bottom: 30px;
}


.my-interest-sec .interest-tags{
  display: flex;
}

.my-interest-sec .interest-tags a{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #498AB3;
  border: 1px solid #1D1E1F;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
  border-radius: 20px;
  margin-right: 20px;
  color: #1D1E1F;
  font-size: 14px;
  font-family: "Urbanist-Bold";
}

.profile-details-info{
  padding-top: 40px;
  /* padding-bottom: 40px; */
  border-bottom: 1px solid #343434;
}

.profile-details-info .details-info-sec{
  display: flex;
  justify-content: space-between;
  padding-bottom: 35px;
  align-items: flex-start;
}

.profile-details-info .details-info-sec .left{
  font-size: 20px;
  line-height: 16px;
  color: #FFFFFF;
}

.profile-details-info .details-info-sec .right{
  font-size: 20px;
  line-height: 16px;
  color: #FFFFFF;
}

.profile-details-info .details-info-sec .right div{
  padding-bottom: 15px;
  text-align: right;
}


.profile-image-details{
  padding-top: 20px;
  padding-bottom: 40px;
 
}


.profile-image-details .post-image{
  display: flex;
  flex-wrap: wrap;
}


.profile-image-details .post-image .layer {
  width: 189px;
  height: 189px;
  margin-right: 7px;
  margin-bottom: 7px;
  position: relative;
}

.profile-image-details .post-image.own-images .layer {
  width: 290px;
  height: 290px;
  margin-right: 17px;
  margin-bottom: 17px;
  position: relative;
  border-radius: 10px;
}

.profile-image-details .post-image .layer:nth-child(3n) {
  
  margin-right: 0px;
  margin-bottom: 0px;
  
}

.profile-image-details .post-image.own-images .layer:nth-child(2n) {
  
  margin-right: 0px;
  margin-bottom: 0px;
  
}

.profile-image-details .post-image .layer div{
  width: 100%;
  height: 100%;
}


.profile-image-details .post-image .layer div img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-image-details .post-image .layer.hidden{
  display: none;
}

.profile-image-details .post-image .layer.on .text{
  background-color: rgba(0, 0, 0, .70);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-family: 'Urbanist-Bold';
    color: #FFFFFF;
    border-radius: 5px;
}


/* single new member new design markup */

.all-tags label{
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.all-tags label input[type="checkbox"]{
  display: none;
}

.all-tags label input[type="checkbox"]:checked+div{
  background-color: #C7E4FF;
}


#mobile-menu-app{
  display: none;
}

.gd-bad-comment-section .right .post-image .layer div{
  width: 100%;
  height: 100%;
}

.sl-wrapper .sl-close{
  color: #FFFFFF;
}
.sl-overlay{
  background: #000000;
}


.sl-wrapper .sl-counter{
   color: #FFFFFF;
}

.sl-wrapper .sl-navigation button.sl-next{
    right: 20%;
    /* font-size: 2rem; */
    width: 60px;
    height: 60px;
    background: none;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    padding-bottom: 5px;
}


.sl-wrapper .sl-navigation button.sl-prev{
  left: 20%;
  /* font-size: 2rem; */
  width: 60px;
  height: 60px;
  background: none;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  padding-bottom: 5px;


}

.sl-wrapper .sl-image{
  top: 50%!important;
  left: 50%!important;
  transform: translate(-50%, -50%)!important;
  height: 400px!important;
  width: 657px!important;
}

.sl-wrapper .sl-image img{
  width: 100%!important;
  height: 100%!important;
  object-fit: contain!important;
}

#header-webview{
  z-index: 10;
  width: 100%;
  /* height: 60px; */
  padding: 0 40px 0 200px;
  background: #222222;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  display: none;
}

#header-webview .back-button{
  position: fixed;
  top: 3%;
  left: 5%;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFF;
  
}

.mix-city-comment-card{
  /* margin-top: 10px; */
}

.collapse-good-bad-kemi .collapse-gd-bd-kemi-sec.sungle-member:last-child{
  border-right: none;
}

.gd-bad-comment-section.first{
  background-color: #343434;
}
.mix-comment-form{
  /* width: 100%; */
  /* height: 55px; */

  padding-top: 5px;
  padding-bottom: 5px;
  /* padding-left: 20px; */
  padding-right: 10px;
  border-radius: 10px;
  /* border: 1px solid #343434; */
  position: relative;
}

.mix-comment-form input{
  width: 85%;
  /* height: 40px; */

  border: none;
  text-indent: 20px;
  font-size: 14px;
  font-family: "Urbanist-Medium";
  color: #FFFFFF;
  background: none;
}

.mix-comment-form input:focus{
  outline: none;
}

.mix-comment-form form{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mix-comment-form form button{
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 20px;
  font-size: 14px;
  font-family: "Urbanist-Bold";
  color: #5E5B5B;
  background-color: #171717;
  border: 1px solid #141414;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14px;
  padding-right: 14px;

}

.good-bad-kemi-comments{
  /* border: 1px solid #343434; */
  margin-top: 15px;
  border-radius: 10px;
  /* padding-bottom: 50px; */
}

.good-bad-comments-list{
  border: 1px solid #343434;
  border-radius: 10px;
  /*display: none;*/
}

.gd-bad-comment-section .right{
  width: 90%;
}

.collapse-gd-bd-kemi-sec.sungle-member .text{
  font-family: "Urbanist-Medium";
}

.collapse-gd-bd-kemi-sec.sungle-member .text span{
  font-family: 'Urbanist-Bold';
}

.collapse-gd-bd-kemi-sec.sungle-member .images img{
  width: 30px;
  height: 30px;
}

.gd-bad-comment-section{
  display: flex;
  padding-left: 17px;
  padding-right: 17px;
  position: relative;
  padding-top: 17px;
  /* padding-bottom: 17px; */
  position: relative;

}

.good-bad-comments-list .comment-list{
  padding-bottom: 30px;
  max-height: 350px;
  overflow: hidden;
  overflow-y: auto;
  border-top: 1px solid #343434;
}

.comment-list::-webkit-scrollbar-thumb {
  background: #343434; 
  border-radius: 10px;
  /* height: 30px; */
}

.comment-list::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey;  */
  /* border-radius: 10px; */
}

.comment-list::-webkit-scrollbar {
  width: 3px;
  /* height: 66px; */
}

/* .comment-list::-webkit-scrollbar-button {
  height: 66px;
  position: absolute;
  top: 200%;
} */


.menu-open{
  position: absolute;
  right: 3%;
}

.gd-bad-comment-section .left .profile-image img{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #DADADA;
  object-fit: cover;
  image-rendering: pixelated;
}

.gd-bad-comment-section .right .profile-info{
  display: flex;

}

.gd-bad-comment-section .right .profile-info .name{
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  color: #6A6A6A;
  padding-right: 9px;
}

.gd-bad-comment-section .right .profile-info .role{
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  color: #6A6A6A;
  padding-right: 20px;
}

.gd-bad-comment-section .right .profile-info .time{
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  color: #6A6A6A;
}


.gd-bad-comment-section .right .post-body{
  font-family: 'Urbanist-Regular';
  font-size: 12px;
  color: #ffffff;
  padding-top: 5px;
  padding-bottom: 10px;
}

.gd-bad-comment-section .right .post-image{
  display: flex;

}

.gd-bad-comment-section .right .post-image .layer{
  width: 46%;
  height: 60px;
  position: relative;
  margin-right: 16px;
}

.gd-bad-comment-section .right .post-image .layer img{
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.gd-bad-comment-section .right .post-image .layer.on .text{
  background-color: rgba(0, 0, 0, .70);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: 'Urbanist-Bold';
  color: #FFFFFF;
  border-radius: 5px;
}

.gd-bad-comment-section .left{
  margin-right: 10px;
  width: 10%;
}

.comment-menu{
  display: none;
  background-color: #535353;
  border-radius: 10px;
  position: absolute;
  right: 10px;
  top: 45%;
  z-index: 999;

}

.comment-menu.show{
  display: block;
}

.comment-menu ul li{
  border-bottom: 1px solid #212121;
  width: 100%;
  
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comment-menu ul {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
}

.comment-menu ul li a{
  font-size: 12px;
  font-family: 'Urbanist-Bold';
  color: #FFFFFF;
  padding-left: 15px;
  padding-right: 15px;
  
}

.comment-more{
  position: relative;
  padding-top: 20px;
}
.comment-more .com-more{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #535353;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 3%;
    top: -100%;
    cursor: pointer;
}

.com-more img{
  width: 10px;
  height: auto;
  object-fit: cover;
}

/* Notification dropdown box design */

.dropdown-notification-box {
  width: 349px;
  margin: auto;
  background: white;
  border-radius: 10px;
  position: absolute;
  right: 11%;
  /* top: 0%; */
  z-index: 22;
}

.dropdown-notification-box .pri-btn{
  font-size: 12px;
  height: 26px;
}

.dropdown-notification-box .main-title {
  padding: 15px 15px 0;
  font-family: 'Urbanist-Bold';
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}

.dropdown-notification-box .single-notification {
  border-bottom: 1px solid #EDEDED;
  padding: 12px;
}

.dropdown-notification-box .single-notification .content-left{
	padding-right: 18px;
}

.dropdown-notification-box .notification-box-footer{
  border-bottom-right-radius: 10px;
  background: #FFCC2A;
  border-bottom-left-radius: 10px;
  border-bottom: none;
	height: 49px;
	display: flex;
}

.dropdown-notification-box .single-notification .content-left .text .title {
  color: #1D1E1F;
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 5px;
}

.dropdown-notification-box .single-notification .content-left .image img {
  height: 36px;
  width: 36px;
  border-radius: 50%;
}

.dropdown-notification-box .see-all-text {
  margin: auto;
  font-family: 'Urbanist-Medium';
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
}


.dropdown-notification-box{
  display: none;
}

.dropdown-notification-box.show{
  display: block;
}


section.new-member{
  padding-top: 20px;
  padding-bottom: 100px;
  max-width: 1140px;
  margin: auto;

}

section.new-member .new-m-title{
  font-size: 32px;
  font-family: 'Urbanist-Medium';
  color: #FFFFFF;
  text-align: center;

}

.member-list{
  margin-top: 10px;
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: center;

}

.member-list .member{
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.member-list .member .image img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #DADADA;
	object-fit: cover;
}

.member-list .member .name{
  font-size: 16px;
  font-family: 'Urbanist-Bold';
  color: #FFFFFF;
  padding-top: 10px;
  text-align: center;
  
}

.member-list .member .role{
  font-family: 'Urbanist-Medium';
  font-size: 12px;
  color: #BBFD00;
  padding-top: 5px;
  white-space: pre-line;
  text-align: center;
}

.video-call{
  width: 100%;
  margin: auto;
  margin-top: 50px;
  display: flex;
  justify-content: center;
}

.video-call a{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 27px;
  width: 199px;
  height: 40px;
  background-color: #FFCC2A;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #1D1E1F;
}


.mix-city-title{
  font-family: 'Urbanist-Bold';
  font-size: 40px;
  color: #FFFFFF;
  margin-bottom: 30px;
  white-space: pre-line;
  text-align: center;
}

section.new-members-community{
  margin-top: 60px;
  max-width: 522px;
  margin: auto;
  padding-bottom: 100px;
}

.new-m-tags{
  /* display: flex; */
  /* flex-wrap: wrap; */
  justify-content: center;
  position: relative;

}
.new-m-tags .tags-lists{
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

}

.m-tag{
  font-size: 14px;
  font-family: "Urbanist-Bold";
  background-color: #2E2E2E;
  color: #BCBCBC;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.mix-city-cards-section{
  margin-top: 78px;
}

.mix-city-card .city-card-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.mix-city-card .city-card-header .left .city-profile .profile-image img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #DADADA;
  object-fit: cover;
  object-position:50% 50%;
}

.city-profile{
  display: flex;
}

.city-profile .profile-info .name{
  font-size: 16px;
  font-family: 'Urbanist-SemiBold';
  color: #ffffff;
}

.city-profile .profile-info .role{
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  color: #C1C1C1;

}

.city-profile .profile-info{
  margin-left: 10px;
}

.city-card-header .right .time{
  font-size: 12px;
  font-family: 'Urbanist-SemiBold';
  color: #FFFFFF;
}

.city-card-body{
  padding-top: 20px;

}

.city-card-body .post-body{
  font-size: 16px;
  line-height: 20px;
  font-family: "Urbanist-Regular";
  color: #FFFFFF;
}

.city-card-header .left{
  display: flex;
}

.city-cr-activities{
  margin-left: 20px;
  width: 77px;
  height: 33px;
  background-color: #535353;
  font-size: 12px;
  font-family: 'Urbanist-Bold';
  color: #FFFFFF;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.city-card-body .post-body{
  margin-bottom: 16px;

}

.city-card-body .post-image{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

}

.city-card-body .post-image .layer{
  width: 49%;
  height: 275px;
  /* margin-right: 17px; */
  /* margin-bottom: 17px; */
  position: relative;
}


.city-card-body .post-image .layer div{
  width: 100%;
  height: 100%;
}

.city-card-body .post-image .layer.hidden{
  display: none;
}

.city-card-body .post-image .layer.on .text{
  background-color: rgba(0, 0, 0, .70);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-family: 'Urbanist-Bold';
  color: #FFFFFF;
  border-radius: 5px;
}

.city-card-body .post-image .layer img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.city-card-body .post-tags{
  display: flex;
  flex-wrap: wrap;
}

.city-card-body .post-tags .tag{
    font-size: 14px;
    font-family: "Urbanist-Regular";
    /* background-color: rgba(94, 193, 255, .66); */
    color: #78CEFE;
    /* padding-left: 14px;
    padding-right: 14px;
    padding-top: 7px;
    padding-bottom: 7px; */
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.city-card-footer{
  display: flex;
  margin-top: 17px;
  justify-content: space-between;
  align-items: center;
}

.city-card-footer .comments{
  display: flex;
  margin-right: 18px;
  cursor: pointer;
}

.city-card-footer .comments .icon img{
  width: 20px;
  height: 18px;

}

.city-card-footer .comments .text{
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  margin-left: 7px;
  color: #FFFFFF;

}
.city-card-footer .react{
  display: flex;
  margin-right: 18px;
  cursor: pointer;

}

.city-card-footer .react .icon img{
  width: 24px;
  height: 24px;
}

.city-card-footer .react .text{
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  margin-left: 7px;
  color: #FFFFFF;
}

.city-card-footer .star img{
  width: 20px;
  height: 18px;

}

.mix-city-card{
  border-bottom: 1px solid #343434;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.new-members-community{
  margin-bottom: 140px;
}

.join-city-community a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 53px;
  height: 33px;
  border-radius: 20px;
  background-color: #00FFE9;
  color: #1D1E1F;
  font-size: 14px;
  font-family: 'Urbanist-Bold';

}

.layer{

}

/* new header show hide nav */

.select-city .pop-wrap-event .popup-korea-prevent{
  font-size: 18px;
  font-family: "Urbanist-Bold";
  color: #212121;
}

.has-role{
  display: none;
}

.not-has-role{
  display: none;
}

/* tag popup */
.uploaded-photo{
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
  overflow: hidden;
  overflow-y: auto;
  flex-wrap: wrap;
}
.uploaded-photo img{
  width: 50px;
  height: 50px;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #EDEDED;
}

.tag-pop .pop-wrap-event .body .suggest-title{
  font-size: 20px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  padding-bottom: 30px;
}

.suggest-tab .content .tab{
 
  width: 300px;
  display: flex;
  justify-content: space-between;
  margin: auto;
}

.suggest-tab .content .tab .line{

  height: 34px;
  width: 1px;
  background: #DADADA;
  position: relative;
  right: -10px;

}

.suggest-tab .content .tab a{
  font-size: 16px;
  font-family: 'Urbanist-Bold';
  color: #212121;
}

.add-tag-select2{
  width: 100%;
  margin-top: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
  background-color: #C7E4FF!important;
  font-size: 14px;
  font-family: 'Urbanist-SemiBold';
  color: #212121;
}

.add-tag-selct2 .select2{
  width: 100%;
  border: 1px solid #EDEDED;
  border-radius: 10px;
}

.add-tag-selct2 label{
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  color: #212121;
  padding-bottom: 10px;
}

.all-tags{
  display: flex;
  flex-wrap: wrap;
  width: 450px;
  margin: auto;
  margin-bottom: 50px;
  justify-content: center;
}

.all-tags .tag{
  /* width: 80px; */
  /* height: 35px; */
  background-color: #F5F5F5;
  color: #212121;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  font-family: 'Urbanist-Light';
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.all-tags .tag.active{
  background-color: #3EB5FF;
}

#add-tag{
  padding-bottom: 30px;
}

.add-tag-selct2{
  display: flex;
  flex-direction: column;
  
}

/* suggest form new popup */

.suggest_pop_new .pop-wrap-event .body .suggest-title{
  font-size: 20px;
  font-family: 'Urbanist-Bold';
  color: #000000;
  padding-bottom: 20px;
}

.suggest-form-new{
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 30px;
  overflow: hidden;
}

.suggest-form-new .comments-form-input{
  border: 1px solid #EDEDED;
  padding: 10px;
  border-radius: 10px;

}

.comments-form-input textarea{
  width: 100%;
  border: none;
  color: #212121;
  height: 80px;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
}

.comments-form-input textarea:focus{
  outline: none;
}

.comments-form-input .add-photo-section{
  width: 100%;
  height: 100px;
  background-color: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}

.add-photo-section .icon-more img{
  width: 24px;
  height: 24px;

}

.add-photo-section .icon-more{
  margin-bottom: 10px;
}

.add-photo-section .text{
  font-size: 16px;
  font-family: 'Urbanist-Bold';
  color: #212121;
}

.comments-form-input{
  margin-bottom: 20px;
}


.suggest-input-new{
    width: 97%;
    height: 40px;
    margin-bottom: 20px;
    border: none;
    border: solid 1px #D7D5D5;
    font-size: 14px;
    line-height: 22px;
    background-color: white;
    color: #212121;
    font-family: 'Urbanist-Medium';
    /* padding-left: 20px; */
    text-indent: 10px;
    padding-right: 10px;
}

.suggest-input-new::-webkit-calendar-picker-indicator {
  cursor: pointer;
  object-fit: cover;
}

.suggest-input-new::-webkit-time-picker-indicator {
  cursor: pointer;
  object-fit: cover;
}

.google-map-link{
  position: relative;
}

.right-link{
  font-family: arial;
  -ms-transform: scaleX(-1) rotate(-35deg); /* IE 9 */
  -webkit-transform: scaleX(-1) rotate(-35deg); /* Chrome, Safari, Opera */
  transform: scaleX(-1) rotate(-35deg);
  color: green;
  position: absolute;
  top: 4px;
  right: 105px;
  font-size: 20px;
  display: none;
}

.right-link.on{
  display: block;
}

/* setting page new design integration */


.setting-layer{
  max-width: 650px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.setting .setting-layer .setting-title{
  font-size: 60px;
  font-family: 'Urbanist-Medium';
  color: #FFFFFF;
  text-align: center;

}

.setting-layer .setting-body{
  margin-top: 100px;
  margin-bottom: 100px;
}


.setting-card .st-card-title{
  font-size: 24px;
  font-family: 'Urbanist-Bold';
  color: #FFCC2A;
  padding-bottom: 45px;
  
}

.setting-card .st-card-sec{
  padding-bottom: 38px;
}

.setting-card{
  border-bottom: 1px solid #343434;
  padding-top: 60px;
}

.st-card-sec{
  display: flex;
  justify-content: space-between;
}

.switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 26px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #535353;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #FFCC2A;
}

input:focus + .slider {
  box-shadow: 0 0 1px #FFCC2A;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


.st-card-sec .text{
  font-size: 20px;
  font-family: 'Urbanist-SemiBold';
  color: #FFFFFF;
}


@media screen and (max-width: 1450px) {
  .setting-layer .setting-body{
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .setting-layer{
    padding-top: 20px;
    padding-bottom: 50px;
  }

  .setting .setting-layer .setting-title{
    font-size: 44px;
  }

  .setting-card .st-card-title{
    font-size: 22px;
    padding-bottom: 30px;
  }

  .setting-card .st-card-sec{
    padding-bottom: 30px;
  }
}



/* notification page new design integration */

.notification-row{
  padding-top: 90px;
}

.red-dots{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #FF224F;
  position: relative;
  top: -10px;
  right: 8px;
}

.row.title-bar {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.button-join {
  margin: 33px auto;
}

.pri-btn{
  height: 33px;
  width: 54px;
  background: #00FFE9;
  /* padding: 0 15px; */
  color: #1D1E1F;
  border-radius: 20px;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  font-weight: 700;
  line-height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}

button.go-btn.pri-btn {
  text-transform: uppercase;
}

.notification .title-head {
  font-family: 'Urbanist-Medium';
  font-weight: 500;
  font-size: 60px;
  line-height: 72px;
  color: #FFFFFF;
  margin: auto;
}

.notification .row .notification-box {
  border: 1px solid #343434;
  border-radius: 10px;
  width: 600px;
  margin: auto;
}

.single-notification {
  display: flex;
  padding: 15px;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #343434;
}

.single-notification:last-child{
  border-bottom: none;
}

.single-notification .content-left .image img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 1px solid #343434;
}

.single-notification .content-left {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

single-notification .content-left .text {
  color: #FFFFFF;
}

.single-notification .content-left .text .title {
  color: #FFFFFF;
  font-size: 16px;
  font-family: 'Urbanist-Medium';
  font-weight: 500;
  line-height: 19.2px;
  margin-bottom: 5px;
}

.single-notification .content-left .text {
  padding-left: 10px;
}

.single-notification .content-left .text .date {
  color: #535353;
  font-size: 12px;
  font-family: 'Urbanist-Medium';
  font-weight: 600;
  line-height: 14.4px;
}

.more-button {
  margin: 35px auto;
}

button.more-btn {
  background: #FFCC2A;
  color: #1D1E1F;
  height: 54px;
  width: 143px;
  border-radius: 27px;
}

button.more-btn a {
  font-size: 18px;
  font-family: 'Urbanist-Medium';
  font-weight: 700;
  line-height: 21.6px;
}

@media screen and (max-width: 1450px) {
  .sl-wrapper .sl-image{
   
  }  

  /* .tag-top{
    position: fixed;
    top: 0%;
    z-index: 999;
  } */

  .edit-tag a{
    width: 40px;
    height: 40px;
  }

  .edit-tag a img{
    width: 25px;
    height: 25px;
  }
}










/*	*/


/* notification page new design integration */
/* .notification-box{
  display: none;
}

.notification-box.show{
  display: block;
} */






/* new home page */
.about-me-buttons.edit_role .abt-me-button.language_learner_edit{
  display: none;
}

.suggest-cont{
  margin-bottom: 50px;
}

.line-slide{
  height: 126px;
  width: 1px;
  background-color: #636161;
  display: none!important;
}

.slick-prev:before {
  content: url(/include/new/images/slick-arrow-right.png);
  top: 35%;
  right: 40%;
  position: absolute;
  transform: rotate(180deg);
}

.slick-next:before {
  content: url(/include/new/images/slick-arrow-right.png);
  top: 35%;
  right: 35%;
  position: absolute;
}

.slick-prev{
  left: 84%;
  top: -5%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #535353;
  display: flex;
  align-items: center;
} 

.slick-next {
  right: 5%;
  font-size: 24px;
  line-height: 0;
  position: absolute;
  top: -5%;
  display: block;
  width: 20px;
  height: 20px;
  /* padding: 0; */
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  /* transform: translate(0, -50%); */
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  /* background: transparent; */
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #535353;
  display: flex;
  align-items: center;
  /* justify-content: center; */
}

.home-role .title{
  font-size: 48px;
  line-height: 40px;
  color: #ffffff;
  /* width: 400px; */
  margin: auto;
  text-align: center;
  font-family: 'Worksans-Medium';
  white-space: pre-line;
  padding-bottom: 30px;
}

.home-role .sub-title{
  font-size: 30px;
  line-height: 30px;
  font-family: 'Urbanist-Medium';
  padding-left: 180px;
  color: #ffffff;

}

.home-role .sub-title span{
  color: #BBFD00;
  font-family: 'Urbanist-Bold';
}

.home-role .select-city{
  padding-left: 83px;
 
  margin-top: 38px;
}

.home-role .select-city select{
  width: 270px;
  height: 44px;
  font-size: 15px;
  line-height: 16px;
  font-family: 'Urbanist-Medium';
  color: #61646B;
}

.home-role .sliders{
  padding-left: 180px;

}

.home-slide .body img{
  width: 275px;
  height: 192px;

}

.home-slide{
  width: 275px;
  margin-top: 38px;
  margin-right: 19px;
}

.home-slide .footer{
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}

.home-slide .footer .text{
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-family: 'Urbanist-Bold';

}

.home-slide .footer .button a{
  width: 51px;
  height: 32px;
  background-color: #00FFE9;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  font-size: 12px;
  line-height: 16px;
  font-family: 'Urbanist-Medium';
  color: #1D1E1F;
  
}


.local-community{
  padding-top: 128px;
  padding-left: 148px;
  padding-right: 148px;
  max-width: 1140px;
  margin: auto;
}


.local-community .community-title{
  font-size: 36px;
  line-height: 55px;
  color: #ffffff;
  font-family: 'Urbanist-Bold';
  white-space: pre-line;
  text-align: center;
}

.local-community .community-title span{
  font-family: 'Urbanist-Bold';
}

.community-body{
  display: flex;
  justify-content: space-between;
  margin-top: 55px;
}

.footer-com .com-footer-text{
  font-size: 28px;
  line-height: 30px;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
  padding-top: 46px;
  text-align: center;
  white-space: pre-line;
}

.com-body-image img{
  width: 290px;
  height: 290px;
  object-fit: contain;

}


.choose-city{
  margin-top: 72px;
  display: flex;
  align-self: center;
  justify-content: center;
}

.choose-city .select-city select{
  width: 300px;
  height: 44px;
  margin: auto;
  font-size: 15px;
  line-height: 16px;
  font-family: 'Urbanist-Medium';
  color: #61646B;

}

/* suggest */

.profile-discussion .text-left{
  width: 80%;
}


.error{
  display: none;
  font-size: 12px;
  line-height: 14px;
  color: red;
  font-family: 'Urbanist-Regular';
  padding-bottom: 10px;
}

.add-activity-button{

  padding-bottom: 20px;
  text-align: right;
}

.add-activity-button a{
  font-family: 'Urbanist-SemiBold';
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}

.more{
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  font-family: 'Urbanist-SemiBold';
  color: #3eb5ff;
}

.role-sparty-unavailable{
  display: none;
  height: 80vh;
  padding-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.role-sparty-unavailable h2{
    font-size: 32px;
    
    text-align: center;
    font-family: 'Inter-Light';
    color: #FFFFFF;
    white-space: pre-line;
}

.role-sparty-unavailable img{
  margin-bottom: 100px;
  width: 138px;
  height: 137px;
}

.good-icon img{
  width: 15px;
  height: 15px;
  margin-right: 7px;
}

.suggest{
  padding-left: 370px;
  padding-right: 370px;
}

.suggest .suggest-title{
  font-size: 48px;
  line-height: 58px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
  text-align: center;
  padding-bottom: 60px;
}

.suggest .suggest-body{
  width: 500px;
  
  margin: auto;
}

.suggest .suggest-body .suggest-profile-card{
  border: 1px solid #343434;
  /* padding: 20px; */
  background-color: #101010;
}

.suggest .suggest-body .suggest-profile-card .suggest-profile{
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  
  
}

.suggest-profile .profile-image img{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-right: 15px;

}

.suggest-profile .name{
  font-size: 16px;
  line-height: 19px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
}


.profile-title{
  padding-top: 20px;
  font-size: 14px;
  line-height: 18px;
  font-family: 'Urbanist-SemiBold';
  color: #ffffff;
  padding-left: 20px;
  padding-right: 20px;
}

.profile-description{
  font-size: 14px;
  line-height: 20px;
  font-family: "Urbanist-Regular";
  color: #ffffff;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.profile-discussion{
  border-top: 1px solid #343434;
  border-bottom: 1px solid #343434;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  /* padding-top: 15px; */
  /* padding-bottom: 15px; */
  display: flex;
  align-items: center;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;

}

.profile-discussion .text-left input{
  font-family: 'Urbanist-Medium';
  font-size: 14px;
  line-height: 18px;
  color: #808080;
  background-color: #222222;
  border: none;
  height: 30px;
  width: 100%;
  text-indent: 7px;

  
}

.profile-discussion .text-right{
  font-family: 'Urbanist-Medium';
  font-size: 14px;
  line-height: 18px;
  color: #bbfd00;
  cursor: pointer;
}

.join-button{
  padding-top: 15px;
  padding-bottom: 15px;
  

}

.join-button a{
  display: flex;
  width: 112px;
  height: 34px;
  align-items: center;
  justify-content: center;
  background-color: #ffcc2a;
  border-radius: 31px;
  margin: auto;
  font-size: 12px;
  line-height: 14px;
  font-family: 'Urbanist-Bold';
}


.join-button .profile-good-bad-kemi-section{
  padding-top: 20px;

}

.collapse-title{
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  /* padding-top: 20px; */
  cursor: pointer;

}

.collapse-title .title{
  font-size: 14px;
  line-height: 18px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
}

.collapse-title .collapse img{
  width: 11px;
  height: 6px;
  padding-left: 7px;
  position: relative;
  top: -2px;
}


.collapse-good-bad-kemi{
  border-top: 1px solid #343434;
  border-bottom: 1px solid #343434;
  display: flex;
  margin-bottom: 20px;
}

.collapse-gd-bd-kemi-sec .images{
  padding-bottom: 5px;
}

.collapse-good-bad-kemi .collapse-gd-bd-kemi-sec{
  border-right: 1px solid #343434;
  padding-top: 25px;
  padding-bottom: 25px;
}

.collapse-gd-bd-kemi-sec .images img{
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: solid 0.5px #dadada;
}

.collapse-gd-bd-kemi-sec .text{
  font-size: 12px;
  line-height: 18px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
  text-align: center;
}

.collapse-gd-bd-kemi-sec .numbers{
  font-size: 12px;
  line-height: 18px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
  text-align: center;
}

.collapse-gd-bd-kemi-sec{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 33.5%;
}

.comment-section{
  /* padding-bottom: 20px; */
}

.comments-section .header{
  display: flex;
  justify-content: space-between;
  align-items: center;

}

.comments-section .header .cmt-profile{
  display: flex;
  align-items: center;
}

.comments-section .header .cmt-profile img{
  width: 30px;
  height: 30px;
  border: solid 0.5px #dadada;
  border-radius: 50%;
  margin-right: 7px;
}

.comments-section .header .cmt-profile .name{
  font-family: 'Urbanist-Medium';
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
}

.comments-section .header .time{
  color: #dadada;
  font-size: 10px;
  line-height: 12px;
  font-family: 'Urbanist-Medium';
}

.comments-under-line{
  border: solid 1px #343434;
}

.comments-section{
  padding-top: 20px;
  padding-bottom: 20px;
}

.comments-section .comments-body{
  font-size: 14px;
  line-height: 18px;
  font-family: 'Urbanist-Regular';
  color: #ffffff;
  padding-top: 10px;
}

.collapse-good-bad-kemi{
  display: none;
}

.all-comments{
  display: none;
  background-color: #2b2b2b;
   /* padding-top: 20px; */
   padding-bottom: 20px;
   /* background-color: #2b2b2b; */
   padding-left: 20px;
   padding-right: 20px;
   margin-top: 20px;

}

.cl-flex{
  display: flex;
}

.suggest-profile-card{
  margin-bottom: 20px;
  border-radius: 10px;
}

.collapse{
  background-image: url(/include//new/images/icon_down.png);
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  background-size: contain;
  background-position: center;
  margin-left: 7px;
  cursor: pointer;
}

.collapse.clicked-on{
  background-image: url(/include//new/images/icon_up.png);

}

.see-more a{
  font-family: 'Urbanist-Medium';
  font-size: 12px;
  line-height: 14px;
  color: #23ffe9;
}

.suggest_pop .pop-wrap-event .body .suggest-title{
  font-size: 24px;
  line-height: 29px;
  font-family: 'Urbanist-Bold';
  color: #222222;
}


.pop-wrap-event .body .suggest-form{
   padding-left: 50px;
   padding-right: 50px;
   padding-top: 30px;
   padding-bottom: 30px;
   width: 460px;
}

.suggest-input{
  width: 460px;
  height: 40px;
  margin-bottom: 20px;
  border: none;
  border: solid 1px #ededed;
  font-size: 18px;
  line-height: 22px;
  background-color: white;
  color: #808080;
  font-family: 'Urbanist-Medium';
  /* padding-left: 20px; */
  text-indent: 20px;
  
}

.suggest-input::-webkit-input-placeholder{
  /* padding-left: 20px; */
}

.suggest-input::-webkit-textarea-placeholder{
  /* padding-left: 20px; */
}

select.suggest-input{
  /* padding-left: 20px; */
  width: 465px;
}

.suggest-form textarea{
  width: 460px;
  height: 140px;
  font-size: 18px;
  line-height: 22px;
  border: none;
  border: solid 1px #ededed;
  color: #808080;
  font-family: 'Urbanist-Medium';
  
  padding-top: 20px;
  margin-bottom: 20px;
  text-indent: 20px;
  
}

.submit-suggest{
  margin-top: 20px;
}

.submit-suggest button{
  width: 191px;
  margin: auto;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 23px;
  background-color: #ffcc2a;
}

/* language learner new popup */


.language-level .body .subtitle.lng-lerner{
  width: 402px;
  margin: auto;
  text-align: center;
}

.send-mail{
  display: flex;
  padding-left: 150px;
  padding-right: 150px;
  padding-top: 100px;
  padding-bottom: 100px;

}

.send-mail .left{
  width: 40%;

}

.send-mail .right{
  width: 60%;
}

.send-mail .left img{
  width: 232px;
  height: 204px;
  
}

.pop-wrap-event .body .send-mail .right .title{
    font-size: 36px;
    line-height: 50px;
    font-family: 'Urbanist-SemiBold';
    color: #222222;
    text-align: left;
    white-space: pre-line;
    width: auto;
    position: relative;
}

.pop-wrap-event .body .send-mail .right .title .img-one{
  position: absolute;
  /* top: 76px; */
  left: 0;
  top: 65%;
  width: auto;
}

.pop-wrap-event .body .send-mail .right .title .img-two{
  position: absolute;
  left: 0;
  bottom: -6px;
  width: auto;
}


.arrival-pop.lng-lnr{
  padding-bottom: 100px;
}

/* profile report new desig integration */

.profile_report_img_list .img img{
  width: 180px;
  height: 180px;
  padding-left: 5px;
  padding-right: 5px;
}
.report{
  padding-left: 272px;
  padding-right: 272px;
  padding-top: 41px;
}


.report .report-title{
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color:#23ffe9;
  text-align: right;
}

.report-details{
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 30px;

}

.report-details-body{
  width: 500px;
  margin-top: 50px;
}

.report-details .report-details-header .image img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  
}

.report-details .report-details-header .name{
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
  text-align: center;
  padding-top: 20px;
}

.report-details-body .report-sec{
  border-top: 1px solid #535353;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;

}

.report-sec .left-text,.right-text{
  font-size: 20px;
  line-height: 24px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
}

.report-sec .right-text div{
  padding-bottom: 12px;
}

.report-sec .right-text.bad{
  color: #f72443;
}

.about-sec-report{
  width: 100%;
  margin-top: 30px;
}

.about-sec-report textarea{
  width: 100%;
  background-color:#2b2b2b;
  border: solid 1px #535353;
  height: 127px;
  padding-top: 16px;
  padding-left: 10px;
  font-size: 16px;
  line-height: 19px;
  font-family: 'Urbanist-Regular';
  color: #a3a3a3;
  border-radius: 8px;
}


.pic-title{
  font-size: 20px;
  line-height: 24px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
  padding-top: 40px;
}
.pictures{
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  justify-content: space-between;

}

.pictures .img img{
  width: 240px;
  height: 240px;
  
  padding-bottom: 20px;
}

/* rsvp new design */
.call .content .tab.reservation {
  
  max-width: 600px;
  margin: auto;
}


/* new popup korea */

.prevent-language-select .pop-wrap-event{
  padding-bottom: 64px;
}

.title-prevent{
  font-size: 22px;
  text-align: center;
  white-space: pre-line;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
  font-family: 'Urbanist-Medium';
  white-space: pre-line;
}

.dialog.prevent-language-select.on{
  z-index: 10;
}

.popup-korea-prevent{
  font-size: 22px;
  text-align: center;
  white-space: pre-line;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 100px;
  font-family: 'Urbanist-Medium';

}

.local-expat{
  width: 176px;
  height: 196px;
  padding-top: 150px;
}

.dialog.alover.on{
  z-index: 10;
}

/* review */

.tab-wrap {
	width: 900px;
	margin: 0 auto;
	display: flex;
	border-bottom: 1px solid #535353;
	text-align: center;
}
.tab-wrap__item {
	width: 33.3333%;
	font-size: 20px;
	color:rgba(255,255,255,.5);
	font-family: 'Urbanist-Bold';
	padding:20px 0;
}

.tab-wrap--active {
	color:#ffcc2a;
	position: relative;
}
.tab-wrap--active::after {
	position: absolute;
	left:0;
	bottom:-1px;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #ffcc2a;
}

.review-wrap {
	width: 540px;
	margin: 60px auto 30px;
	box-sizing: border-box;
	font-family: 'Urbanist';
}
.review-tap {
	display: flex;
}
.review-tap__item {
	font-size: 20px;
	width: 50%;
	text-align: center;
	color:rgba(255,255,255,.5);
	position: relative;
}
.review-tap--active {
	color:#ffcc2a;
}
.review-tap__item:first-child::after {
	content: '';
	background-color: #fff;
	width: 2px;
	height: 24px;
	position: absolute;
	right:0;
	border-radius: 2px;
}
.setting-wrap {
	margin-top: 30px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: solid 1px #535353;
	background: #2b2b2b url(../images/ico_setting.svg) no-repeat 50% 50% / 28px;
}
.review-wrap__list {
	margin-top: 40px;
}
.review-wrap__li {
	display: flex;
	padding:20px 0 20px 60px;
	background: url(../images/ico_star.svg) no-repeat 0 50% / 40px;
	border-bottom: 1px solid #535353;
	font-size: 20px;
	color:#fff;
	justify-content: space-between;
	align-items: center;
}
.review-wrap__delete {
	width: 24px;
	height: 24px;
	background: url(../images/ico_x.png) no-repeat 50% / 24px;
}
/* new home page issue */

@media screen and (max-width: 1600px){
  .dropdown-notification-box{
    right: 15%;
    /* top: 10%; */
  }
}

@media screen and (max-width: 1400px){
  .dropdown-notification-box{
    right: 15%;
    /* top: 10%; */
  }

  .sl-wrapper .sl-image{
    
    height: 300px!important;
    width: 450px!important;
  }
  
  .sl-wrapper .sl-image img{
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important;
  }
}


@media screen and (min-width:1630px){
  .sitem02-wrap,.sitem03-wrap,.sitem04-wrap , .sitem05-wrap , .sitem06-wrap , .sitem07-wrap{
   
    max-width: 1300px;
    margin: auto;
  }

  .page-item-wrap .sitem04-wrap .cont .msg:before {
    top: 50%;
  }

  .slick-prev {
    left: 87%;
  }
  .home-slide{
    width: 360px;

  }

  .home-slide .body img{
    width: 360px;
    height: 260px;
  }

  .local-community{
    padding-top: 148px;
  }

  .role-sparty-unavailable{
    height: 80vh;
  }

}


.sitem02-wrap,.sitem03-wrap,.sitem04-wrap , .sitem05-wrap , .sitem06-wrap , .sitem07-wrap{
padding-bottom: 100px;
}


/* new modal design */

#lang_select_title{
    font-size: 20px;
    line-height: 24px;
    font-family: 'Urbanist-Bold';
    color: #222222;
    width: 300px;
    text-align: center;
}

.go_to_video .title{
    font-size: 20px!important;
    line-height: 24px!important;
    font-family: 'Urbanist-Bold'!important;
    color: #222222!important;
    width: 300px!important;
    text-align: center!important;
}

#city_options{
  width: 100%;
  height: 50px;
  margin-top: 10px;
  border: none;
  font-family: 'Urbanist-Medium';
  color: #808080;
  border: solid 1px #ededed;
  background: white;
  font-size: 18px;
  line-height: 22px;
  text-indent: 20px;
}

#city_options option{
 
}

.pop-wrap-event .body .pop-body .click-good-kemi .image img{
  width: 100%;
}

.pop-wrap-event .body .title{
    font-size: 40px;
    line-height: 48px;
    font-family: 'Urbanist-Bold';
    color: #222222;
    width: 300px;
    text-align: center;
}

.pop-wrap-event .body .sub-title{
  font-size: 36px;
  line-height: 50px;
  font-family: 'Urbanist-Medium';
  color: #222222;
  padding-top: 10px;
  white-space: pre-line;
}

.pop-wrap-event .body .sub-subtitle{
    font-size: 20px;
    line-height: 24px;
    font-family: 'Urbanist-SemiBold';
    color: #a3a3a3;
    padding-top: 10px;
}

.pop-wrap-event .pop-body img.when-where-img{
  margin-top: 20px;
  width: 768px;
  object-fit: cover;
  
}

.language-level .body .subtitle{
  font-size: 30px;
  line-height: 36px;
  font-family: 'Urbanist-SemiBold';
  color: #222222;
  padding-top: 80px;
}

.click-good-kemi .title{
  color: #ffcc2a!important;
  width: auto!important;
  text-align: left!important;
  font-size: 36px!important;
  line-height: 50px!important;
  font-family: 'Urbanist-SemiBold'!important;
  position: relative;

}

.click-good-kemi .subtitle-cl-good{
  font-size: 36px;
  line-height: 50px;
  font-family: 'Urbanist-SemiBold';
  color: #ffffff;
  padding-bottom: 30px;
  padding-top: 5px;
}


.cross-button-new-popup{
  position: absolute;
  top: -35px;
  right: -25px;
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}

.after-when-where .right .subtitle .after-when-where-img{

  width: 226px;
  float: right;
  padding-right: 80px;
  margin-top: 0;
}

.create-network .left .title{
  font-size: 36px;
  line-height: 50px;
  font-family: 'Urbanist-SemiBold';
  color: #222222;
  text-align: left;
  white-space: pre-line;
  width: auto;
}

.create-network .left .title img{
  width: 330px;
  margin-top: 0px;
}

.slot_popup_ok, .lang_popup_ok{
  
  width: 100px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 23px;

  background-color: #ffcc2a;
  font-family: 'Urbanist-Bold';
}



.pop-wrap-event.language-level{
  width: 1112px;
  bottom: -65px;
}

.pop-wrap-event.language-level .body{
  height: 80vh;
}

.when-where{
  display: flex;
  justify-content: space-between;
  width: 100%;

  padding-top: 45px;

}

.when-where .where{
  font-family: 'Urbanist-SemiBold';
  font-size: 18px;
  line-height: 22px;
  color: #222222;
  width: 50%;
  padding-left: 20px;
}

.when-where .when{
  font-family: 'Urbanist-SemiBold';
  font-size: 18px;
  line-height: 22px;
  color: #222222;
  width: 50%;
  padding-left: 110px;
}

.after-when-where{
  display: flex;
  align-items: center;
  padding-top: 100px;
  padding-left: 150px;
  padding-right: 150px;
}

.after-when-where .left img{
  width: 350px!important;
  height: auto;
  object-fit: cover;
}

.after-when-where .left{
  width: 50%;
}

.after-when-where .right{
  width: 50%;
}

.after-when-where .right .title{
  font-size: 36px;
  line-height: 50px;
  font-family: 'Urbanist-SemiBold';
  color: #222222;
  text-align: left;
  width: auto;
}

.after-when-where .right .subtitle{
  font-size: 24px;
  line-height: 29px;
  font-family: 'Urbanist-Medium';
  color: #222222;
  padding-top: 20px;
}

.click-good-kemi{
  margin-top: 100px;
  /* width: 100%; */
  background-color: #2b2b2b;
  padding-left: 150px;
  padding-right: 150px;
  padding-top: 80px;
  padding-bottom: 80px;
}


.click-good-kemi .title img{
  width: 292px!important;
  position: absolute;
  left: 0;
  bottom: 0;
}

.click-good-kemi .subtitle{
  color: #ffffff;
  font-size: 36px;
  line-height: 50px;
  font-family: 'Urbanist-SemiBold';
}

.create-network{
  display: flex;
  align-items: center;
  padding-left: 150px;
  padding-right: 150px;
  padding-top: 100px;
}

.create-network .left{
  width: 50%;
}

.create-network .right{
  width: 50%;
}

.create-network .right img{
  width: 434px!important;
  height: 326px;
}


.arrival-pop{
  width: 500px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.arrival-pop img{
  width: 212px!important;
  height: 264px;
}

.arrival-pop .text{
  font-family: 'AmaticSc-Bold';
  font-size: 46px;
  line-height: 59px;
  color: #222222;
  white-space: pre-line;
  text-align: center;
}

.last-image{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.last-image img{
  width: 768px!important;
  height: 592px;
  object-fit: cover;
}

.start-role-button{
  position: fixed;
  bottom: 0;

  width: 100%;
  background-color: #bafd00;
  height: 62px;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;

}

.start-role-button a{
  font-size: 18px;
  line-height: 12px;
  font-family: 'Urbanist-Bold';
  color: #222222;
}

.my-city{
  width: 318px!important;
  height: auto;
  object-fit: cover;
  margin-top: 25px!important;
}

.after-when-where .right .subtitle span{
  font-family: 'Urbanist-Medium';
  position: relative;
}

.after-when-where .right .subtitle span img{
  width: 86px;
    height: 42px;
    position: absolute;
    margin-top: 0;
    top: 0;
    left: -5px;
}

.click{
  position: fixed;
  bottom: 10%;
  right: 49%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.click .text{
  font-size: 16px;
  line-height: 19px;
  font-family: 'Urbanist-Bold';
  color: #222222;
}

/*  */

/* new css october social party updated design */


/* social party new changes */
.social-party-flex{
  display: flex;
  padding-right: 164px;
	padding-top: 20px;
}


.page-item.social-party-flex .left-so{
  width: 60%;
  margin-right: 20px;
}

.page-item.social-party-flex .right-so{
  width: 40%;
  margin-left: 20px;
}

.page-item .date-redir {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}

.page-item .date-redir a{
	padding-right: 22px;
	background: url(/include/new/images/icon_arrow.png) no-repeat right 54%/ 15px;
}

.good-bad-kemi-card{
  background-color: #2b2b2b;
  border: 1px solid #535353;
  margin-left: 60px;
  border-radius: 8px;
  padding-top: 40px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 10px;
  margin-top: 145px;
}


.page-item  .good-bad-kemi-card .title{
  font-size: 14px;
  line-height: 17px;
  font-family: 'Urbanist-Medium';
  color: #a3a3a3;
  padding-bottom: 10px;
}


.good-bad-kemi-card .date{
  font-family: 'Urbanist-Bold';
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
}


.good-bad-kemi-card .body{
  padding-top: 20px;
}
.good-bad-kemi-card .body .sec{
  border-bottom: 1px solid #535353;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;

}

.good-bad-kemi-card .body .sec:last-child{
	border-bottom: none;
}

.good-bad-kemi-card .body .sec .img{
  margin-right: 10px;
  display: flex;
}

.good-bad-kemi-card .body .sec .title{
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
	margin-top: 5px;
}

.good-bad-kemi-card .body .sec .title span a{
  font-size: 12px;
  line-height: 14px;
  font-family: 'Urbanist-Medium';
  color: #23ffe9;
  margin-left: 20px;
}

.bad-kemi{
  padding-top: 0!important;
  width: 330px !important;
}

.bad-kemi .header{
  border-bottom: 1px solid #ededed;
  font-size: 20px;
  line-height: 24px;
  font-family: 'Urbanist-Bold';
  color: #222222;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.bad-kemi .body-bad-kemi{
  padding-left: 20px;
  border-bottom: 1px solid #ededed;
  padding-top: 30px;
  padding-bottom: 20px;

}

.bad-kemi .footer a{
  width: 190px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 31px;
  margin: auto;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #222222;
  background-color:#ffcc2a;
}

.bad-kemi .body-bad-kemi .persons{
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.bad-kemi .body-bad-kemi .persons img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.bad-kemi .body-bad-kemi .persons .name{
  font-size: 14px;
  line-height: 17px;
  font-family: 'Urbanist-SemiBold';
  color: #222222;
  padding-left: 10px;
}


.going-link.mobile{
  position: fixed;
  bottom: 0;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  width: 100%;
  display: none;
  z-index: 9;
}

.going-link.mobile a.orrange{
  width: 50%;
  height: 64px;
  background-color: #ffcc2a;
}

.going-link.mobile a.white{
  width: 50%;
  height: 64px;
  background-color: #535353;
}

.going-link.mobile a{
  width: auto;
  margin-bottom: 0;
  border-radius: 0;
  font-size: 12px;
  line-height: 14px;
}


/* if social party not available */
.list-meetups{
  display: flex;
}

.list-meetups .meetup-card{
  height: auto;
  width: 271px;
  padding-left: 5px;
  padding-right: 5px;
}

.list-meetups .meetup-card .meetup-image img{
  width: 100%;
  object-fit: cover;
}

.meetup-text{
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #fff;
  padding-top: 10px;
}


.after-meetup-card{
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #bbfd00;
  width: 500px;
  margin: auto;
  font-family: 'Urbanist-Bold';
  margin-top: 62px;
  margin-bottom: 62px;
}

.vote-link a{
  width: 467px;
  margin: auto;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 31px;
  background-color: #ffcc2a;
  margin: auto;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #222222;
}

/* new css october social party updated design */

.after-gallery{
  width: auto;
}

.after-gallery .text{
  /* padding-left: 100px; */
  /* padding-right: 100px; */
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: "Urbanist-Bold";
  font-size: 24px;
  line-height: 29px;
  color:#bbfd00;
  text-align: left;
}

/*  */


/* premium user new page*/
.premium-user{
  padding-left: 164px!important;
  padding-right: 164px!important;
}

.premium-user .title{
  font-size: 48px;
  line-height: 58px;
  color: #ffffff;
  font-family: 'Urbanist-Medium';
  white-space: pre-line;
  text-align: center;
}

.premium-user-cards{
  margin-top: 60px;
}

.premium-user-cards .row-card{
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  /* margin-left: 10px;
  margin-right: 10px; */
}

.premium-user .row-card .user-card{
  width: 23%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #2b2b2b;
  border: 1px solid #535353;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 10px;
  margin-right: 10px;

}

.user-card .image img{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 0.5px solid #dadada;
}


.user-card .name{
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #dadada;
  padding-top: 10px;
}

.user-card .description{
  font-size: 14px;
  line-height: 17px;
  font-family: 'Urbanist-Medium';
  color: #a3a3a3;
  text-align: center;
  padding-top: 10px;
	height: 90px;
}


.user-card .button a{
  display: flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 34px;
  margin-top: 20px;
  border-radius: 31px;
  border: solid 1px #00ffe9;
  font-size: 12px;
  line-height: 14px;
  font-family: 'Urbanist-Bold';
  color: #00ffe9;
}

button#single-sure-btn, button#single-skip-btn {
  width: 80px !important;
  background: transparent;
  color: black;
  font-weight: 600;
}

button#single-sure-btn:hover, button#single-skip-btn:hover{
  color: white;
  background: #0b5ed7;
}

p.price {
  font-size: 26px;
  color: #0b5ed7;
  font-weight: 700;
}

span#price-month {
  font-size: 16px;
  color: #3983ee;
}

.user-card .button a.active{
  background: #00c3b2;
  color: white;
}


.premium-user-cards .title{
  text-align: left;
  font-size: 30px!important;
  line-height: 36px!important;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
}

.user-card{
  position: relative;
  overflow: hidden;
}

.user-card .batch{
  position: absolute;
  top: 41px;
  left: -47px;
  width: 200px;
  height: 30px;
  transform: rotate(-47deg);
  background: #bafd00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 14px;
  font-family: 'Urbanist-Bold';
  color: #222222;
}

.match-starts-card{
  width: 100%;
  height: 62px;
  background-color: #ffcc2a;
  position: fixed;
  bottom: 0;
  z-index: 99;

  display: flex;
  justify-content: space-around;
  align-items: center;
}

.match-starts-card .right{
  display: flex;
  align-items: center;
}

.match-starts-card .right .button{
  width: 82px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  font-size: 'Urbanist-Bold';
  background-color: #222222;
  border-radius: 19px;
  margin-left: 10px;
}

.match-starts-card .right .text{
  font-family: 'Urbanist-Bold';
  font-size: 16px;
  line-height: 19px;
  color: #222222;
}

.match-starts-card .left{
  font-family: 'Urbanist-Medium';
  font-size: 18px;
  line-height: 22px;
  color: #222222;

}

.title-pr-user-popup{
  font-size: 20px;
  line-height: 24px;
  font-family: 'Urbanist-Bold';
  text-align: center;
  white-space: pre-line;
  color: #222222;
}

.pr-subtitle{
  font-size: 16px;
  line-height: 19px;
  font-family: 'Urbanist-Medium';
  color: #222222;
  padding-top: 10px;
  text-align: center;

}

.pr-subtitle span{
  font-size: 40px;
  line-height: 48px;
  color: #222222;
  font-family: 'Urbanist-Bold';

}

.images-popup-premium{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 10px;
}

.images-popup-premium img{
  width: auto;
  height: 52px;
}



/* last week party new page */

.last-week{
  padding-left: 280px!important;
  padding-right: 280px;
}

.last-week .title{
  font-size: 48px;
  line-height: 58px;
  font-family: 'Urbanist-Medium';
  color: #ffffff;
  text-align: center;
}

.last-week .body .title{
  font-size: 22px;
  line-height: 27px;
  font-family: 'Urbanist-Bold';
  text-align: left;
}

.last-week-sec{
  border-top: 1px solid #535353;
  border-bottom: 1px solid #535353;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;

}

.last-week-sec .left .profile-name{
  display: flex;
  align-items: center;
}

.last-week-sec .left .profile-name .name{
  font-size: 16px;
  line-height: 19px;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
  padding-left: 10px;
}

.last-week-sec .left .profile-name img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #dadada;
}

.buttons button{
  width: 96px;
  height: 51px;
  font-size: 16px;
  line-height: 19px;
  font-family: 'Urbanist-Bold';
  margin-left: 5px;
  margin-right: 5px;
}

.buttons .good{
  color: #00ffe9;
  border: 1px solid #00ddc7;
}

.buttons .good:hover, .buttons .good.active{
  background: #07c8b7;
  color: white;
}

.buttons .soso{
  color: #d79aff;
  border: 1px solid #c38cec
}

.buttons .soso:hover, .buttons .soso.active{
  color: white;
  background: #d79aff;
}

.buttons .bad{
  color: #fce25e;
  border: 1px solid #e5c44d;
}

.buttons .bad:hover, .buttons .bad.active{
  color: white;
  background: #fce25e;
}

.buttons .havnt{
  color: #ff0665;
  border: 1px solid #fe0f6a;
}

.buttons .havnt:hover, .buttons .havnt.active{
  color: white;
  background: #ff0665;
}

/* social party new changes */
.social-party-flex{
  display: flex;
  padding-right: 164px;
}


.page-item.social-party-flex .left-so{
  width: 60%;
  margin-right: 20px;
}

.page-item.social-party-flex .right-so{
  width: 40%;
  margin-left: 20px;
}

.good-bad-kemi-card .date{
  font-family: 'Urbanist-Bold';
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
}


.good-bad-kemi-card .body{
  padding-top: 20px;
}
.good-bad-kemi-card .body .sec{
  border-bottom: 1px solid #535353;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;

}

.good-bad-kemi-card .body .sec .img{
  margin-right: 10px;
  display: flex;
}

.good-bad-kemi-card .body .sec .img img{

  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 0.5px solid #dadada;
}

.good-bad-kemi-card .body .sec .title{
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
}

.good-bad-kemi-card .body .sec .title span a{
  font-size: 12px;
  line-height: 14px;
  font-family: 'Urbanist-Medium';
  color: #23ffe9;
  margin-left: 20px;
}

.bad-kemi{
  padding-top: 0!important;
  width: 330px !important;
}

.bad-kemi .header{
  border-bottom: 1px solid #ededed;
  font-size: 20px;
  line-height: 24px;
  font-family: 'Urbanist-Bold';
  color: #222222;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.bad-kemi .body-bad-kemi{
  padding-left: 20px;
  border-bottom: 1px solid #ededed;
  padding-top: 30px;
  padding-bottom: 20px;

}

.bad-kemi .footer a{
  width: 190px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 31px;
  margin: auto;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #222222;
  background-color:#ffcc2a;
}

.bad-kemi .body-bad-kemi .persons{
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.bad-kemi .body-bad-kemi .persons img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.bad-kemi .body-bad-kemi .persons .name{
  font-size: 14px;
  line-height: 17px;
  font-family: 'Urbanist-SemiBold';
  color: #222222;
  padding-left: 10px;
}


.going-link.mobile{
  position: fixed;
  bottom: 0;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  width: 100%;
  display: none;
  z-index: 9;
}

.going-link.mobile a.orrange{
  width: 50%;
  height: 64px;
  background-color: #ffcc2a;
}

.going-link.mobile a.white{
  width: 50%;
  height: 64px;
  background-color: #535353;
}

.going-link.mobile a{
  width: auto;
  margin-bottom: 0;
  border-radius: 0;
  font-size: 12px;
  line-height: 14px;
}


/* if social party not available */
.list-meetups{
  display: flex;
}

.list-meetups .meetup-card{
  height: auto;
  width: 271px;
  padding-left: 5px;
  padding-right: 5px;
}

.list-meetups .meetup-card .meetup-image img{
  width: 100%;
  object-fit: cover;
}

.meetup-text{
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #fff;
  padding-top: 10px;
}


.after-meetup-card{
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #bbfd00;
  width: 500px;
  margin: auto;
  font-family: 'Urbanist-Bold';
  margin-top: 62px;
  margin-bottom: 62px;
}

.vote-link a{
  width: 467px;
  margin: auto;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 31px;
  background-color: #ffcc2a;
  margin: auto;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #222222;
}

/* new css october social party updated design */

.after-gallery{
  width: 650px;
  /* background-color: #2b2b2b; */
  margin-top: 10px;
  margin-bottom: 20px;
  /* border: 1px solid #bbfd00; */
}

.after-gallery .text{
  /* padding-left: 100px; */
  /* padding-right: 100px; */
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: "Urbanist-Bold";
  font-size: 24px;
  line-height: 29px;
  color:#bbfd00;
  text-align: left;
}

/*  */


/* if social party not available */


#vote_count{
  padding-left: 5px;
  padding-right: 5px;
}

.list-meetups{
  display: flex;
}

.list-meetups .meetup-card{
  height: auto;
  width: 271px;
  padding-left: 5px;
  padding-right: 5px;
}

.list-meetups .meetup-card .meetup-image img{
  width: 100%;
  object-fit: cover;
  cursor: pointer;
}

.meetup-text{
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #fff;
  padding-top: 10px;
}


.after-meetup-card{
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #bbfd00;
  width: 500px;
  margin: auto;
  font-family: 'Urbanist-Bold';
  margin-top: 62px;
  margin-bottom: 62px;
}

.vote-link a{
  width: 467px;
  margin: auto;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 31px;
  background-color: #ffcc2a;
  margin: auto;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #222222;
}



.sparty-available{
  display: none;
}

.sparty-unavailable{
  display: none;
  padding-right: 164px;
  padding-bottom: 100px;
}

.social-slots{
    color: #a3a3a3;
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 10px;
    /* font-family: "Urbanist-Regular"; */
}

.move-button a.rotate{
  transform: rotate(90deg);
}

.slot_popup_ok,.lang_popup_ok{
    width: 100px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 23px;
    background-color: #ffcc2a;
    font-family: 'Urbanist-Bold';
}

#country_map_list{
    position: absolute;
    left: 0;
    top: 60px;
    display: none;
    background: #fff;
    width: 100%;
    padding-bottom: 10px;
    z-index: 10;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 14%);
    max-height: 400px;
    overflow-y: scroll;
}

.title_travel{
    font-size: 20px;
    line-height: 24px;
    font-family: 'Urbanist-Bold';
    color: #222222;
    width: 300px;
    text-align: center;
    padding-bottom: 20px;
}




.wish_language{
  display: none;
}

.can_language{
  display: none;
}

.error_city{
  display: none;
}


.pop-wrap-event .body form{
  width: 500px;
}

#city_map_list{
    position: absolute;
    left: 0;
    /* top: 276px; */
    display: none;
    background: #fff;
    width: 100%;
    padding-bottom: 10px;
    z-index: 10;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 14%);
    max-height: 400px;
    overflow-y: scroll;
}


#city_map_list li{
  padding: 11px 15px;
  text-align: left;
  cursor: pointer;
  list-style: none;
}

#country_map_list li{
    padding: 11px 15px;
    text-align: left;
    cursor: pointer;
    list-style: none;
}


#country_map_list li:hover{
   background-color: rgb(221, 200, 200);
}

#city_map_list li:hover{
  background-color: rgb(221, 200, 200);
}


.dt-from-to{
  /* position: relative; */
}


/*  */


/* new menu design */

#wrap{
  /* background: #222; */
}

#after-header{
  display: none;
}

.bg-black{
  background: #222;
  min-height: 100vh;
}

.set-up-com{
 display: none;
 /* background: #222; */
}

.set-up-incom{
  display: none;
  /* background: #222; */
}

#header .gnb ul li.my_profile {
  position: relative;
  background: #ffff;
  border-radius: 25px;
  width: 68px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 5px;
  padding-right: 5px;
}

#header .gnb ul li.my_profile .hg-icon {
  width: 15px;
  height: auto;
}

#header .gnb ul li.my_profile a img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  padding-left: 2px;
}

#header .gnb ul li.my_profile > a {
  position: relative;
}



/*  */

#wrap #header .lng-select {
  color: #c6c6c6;
  position: absolute;
  left: 15%;
  display: flex;
  align-items: center;
}

#wrap #header .lng-select .kor {
  padding-right: 10px;
  border-right: 1px solid #c6c6c6;
}

#wrap #header .lng-select .eng {
  padding-left: 10px;
}

.sitem02-wrap .lt-item .sm2-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sitem02-wrap .lt-item .sm2-buttons #in-p {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffcc2a;
  width: 144px;
  height: 46px;
  text-align: center;
  border-radius: 23px;
  color: #ffcc2a;
  margin-right: 20px;
}

.sitem02-wrap .lt-item .sm2-buttons #v-call {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffcc2a;
  width: 144px;
  height: 46px;
  text-align: center;
  border-radius: 23px;
  color: black;
}

.sitem03-wrap .title {
  font-size: 30px;
  line-height: 36px;
  font-family: "Urbanist-Medium";
  text-align: left;
  color: #ffff;
  padding-left: 165px;
  padding-bottom: 70px;
}

.sitem03-wrap .body .service-sections {
  display: flex;
  padding-left: 200px;
  padding-right: 200px;
}

.sitem03-wrap .body .service-sections .sr-section {
  width: 260px;

  margin-right: 40px;
  margin-left: 40px;
}

.sitem03-wrap .body .service-sections .sr-section .image-section {
  height: 290px;
  /* padding: 10px 15px 10px; */
  border-radius: 10px;
  transform: rotate(-4deg);
}

.sitem03-wrap .body .service-sections .sr-section .image-section.one {
  background-color: #ff224f;
}

.sitem03-wrap .body .service-sections .sr-section .image-section.two {
  background-color: #6b52d5;
}

.sitem03-wrap .body .service-sections .sr-section .image-section.three {
  background-color: #ffb000;
}

.sitem03-wrap .body .service-sections .sr-section .image-section img {
  height: 100%;
  width: 100%;
  transform: rotate(4deg);
}

.sitem03-wrap .body .service-sections .sr-section .bd-title {
  font-size: 20px;
  line-height: 24px;
  font-family: "Urbanist-Bold";
  color: #ffff;
  margin-top: 30px;
}



.sitem03-wrap .body .service-sections .sr-section .subtitle {
  font-size: 16px;
  line-height: 19px;
  color: #a3a3a3;
  margin-top: 20px;
}

.sitem04-new-wrap {
  margin-top: 240px;
  margin-bottom: 240px;
}

.sitem04-new-wrap .sitem04-title {
  font-family: "Urbanist-ExtraBold";
  font-size: 38px;
  line-height: 46px;
  color: #ffff;
  text-align: center;
  margin-bottom: 80px;
}

.sitem04-body .progresses {
  display: flex;
  justify-content: center;
  width: 347px;
  margin: auto;
}

.sitem04-body .progresses .pr {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  position: relative;
  top: -12px;
}

.under-text-first {
  position: absolute;
  font-size: 20px;
  line-height: 24px;
  color: #ffff;
  font-family: "Urbanist-Bold";
  left: -30px;
}

.under-text-last {
  position: absolute;
  font-size: 20px;
  line-height: 24px;
  color: #ffff;
  font-family: "Urbanist-Bold";
}

.strnge {
  position: relative;
}
.upper-text {
  font-family: "Urbanist-Bold";
  font-size: 14px;
  line-height: 17px;
  color: #ffff;
  padding-bottom: 10px;
}

.sitem05-wrap {
  padding-left: 164px;
  padding-right: 164px;
  display: flex;
  align-items: center;
  margin-bottom: 150px;
  margin-top: 150px;
  position: relative;
}

.sitem05-left {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sitem05-right {
  width: 50%;
  margin-left: 50px;
}

.sitem05-left .sitem05-image-section img {
  width: 388px;
  height: auto;
}

.sitem06-wrap {
  padding-left: 164px;
  padding-right: 164px;
  display: flex;
  align-items: center;
  margin-bottom: 150px;
}

.sitem06-left {
	width: 45%;
	z-index: 1;
	padding-left: 100px;
}

.sitem06-right {
  width: 50%;
  display: flex;
  margin-left: 100px;
}

.sitem06-right .sitem06-image-section img {
  width: 450px;
  height: auto;
}

.sitem07-wrap {
  padding-left: 164px;
  padding-right: 164px;
  display: flex;
  align-items: center;
  /* margin-bottom: 120px; */
}

.sitem07-left {
  width: 50%;
}

.sitem07-right {
  width: 50%;
  margin-left: 100px;
}

.sitem07-left .sitem05-image-section img {
  width: 482px;
  height: auto;
}

.sitem05-image-section {
  width: 410px;
  height: 410px;
  background-color: #ff224f;
  border-radius: 110px;
  transform: rotate(-12deg);
  position: relative;
}

.sitem06-image-section {
  width: 410px;
  height: 410px;
  background-color: #05ac67;
  border-radius: 110px;
  transform: rotate(20deg);
  position: relative;
}

.sitem07-image-section {
  width: 410px;
  height: 410px;
  background-color: #ffcc2a;
  border-radius: 110px;
  transform: rotate(-35deg);
  position: relative;
}

.sitem05-image-section img {
  transform: rotate(12deg);
  position: absolute;
  top: -30%;
  left: -12%;
}

.sitem06-image-section img {
  transform: rotate(-20deg);
  position: absolute;
  top: 7%;
  left: -9%;
}

.sitem07-image-section img {
  transform: rotate(35deg);
  position: absolute;
  top: -6%;
  left: -12%;
}
.sitem-title {
  font-size: 38px;
  font-family: "Urbanist-Bold";
  line-height: 46px;
  color: #ffff;
  padding-bottom: 10px;
}

.sitem-subtitle {
  font-family: "Urbanist-SemiBold";
  font-size: 30px;
  line-height: 36px;
  color: #ffff;
  padding-bottom: 10px;
}

.sitem-body ul li {
  color: #a3a3a3;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 20px;
  line-height: 24px;
  font-family: 'Urbanist-Medium';
}

.sitem-button {
  margin-top: 40px;
}

.sitem-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffcc2a;
  width: 144px;
  height: 46px;
  text-align: center;
  border-radius: 23px;
  color: #ffcc2a;
  margin-right: 20px;
}

/* profile new page design */

.profile-wrap {
  /* margin-top: 135px; */
  margin-bottom: 30px;
  
}



.profile-wrap .title {
  text-align: center;
  color: #ffcc2a;
  font-family: "Urbanist-Bold";
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 19px;
}

.profile-wrap .border {
  width: 100%;
  height: 2px;
  margin: auto;
  background-color: #ffcc2a;
}

.profile-wrap .image-section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.profile-wrap .image-section img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}

.progress-image {
  display: flex;
  justify-content: center;
  margin-top: 26px;
  margin-bottom: 47px;
}
.progress-image img {
}

.details-card {
  width: 540px;
  margin: auto;
  border-radius: 8px;
  border: solid 1px #535353;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.details-card .sec {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  line-height: 24px;
  color: #ffff;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: "Urbanist-SemiBold";
}

.sec span img {
  padding-left: 3px;
  padding-right: 3px;
}
.sec div div {
  padding-top: 5px;
  padding-bottom: 5px;
}
.sec div div .lng {
  padding-right: 10px;
}

.sec div div .ln-level {
  color: #a3a3a3;
  padding-left: 40px;
}

.sec span input{
  background: #222;
  border: none;
  font-size: 20px;
  line-height: 24px;
  font-family: 'Urbanist-SemiBold';
  width: 200px;
  text-align: right;
  color: white;
  cursor: pointer;

}

.sec span input::placeholder{
  color: white;
}

.sec div div input{
  background: #222;
  border: none;
  font-size: 20px;
  line-height: 24px;
  font-family: 'Urbanist-SemiBold';
  width: 200px;
  text-align: right;
  color: white;
  cursor: pointer;
}

.about-me-sec div {
  font-size: 20px;
  line-height: 25px;
  color: #ffff;
  font-family: "Urbanist-Medium";
  padding-bottom: 16px;
}

.about-me-input {
  width: 100%;
  background-color: #222222;
  border-radius: 8px;
  border: none;
  border: 1px solid #535353;
  height: 185px;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 20px;
  line-height: 24px;
  font-family: 'Urbanist-Medium';
}

input,
textarea {
  color: white;
}

.people-review {
  margin-top: 30px;
  margin-bottom: 40px;
}

.people-review .rv-title {
  text-align: center;
  font-family: "Urbanist-SemiBold";
  font-size: 20px;
  line-height: 24px;
  color: #ffff;
  padding-bottom: 20px;
}

.people-review .review-card {
  width: 540px;
  margin: auto;
  border-radius: 8px;
  border: 1px solid #535353;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #2b2b2b;
}

.people-review .review-card .rv-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rv-sec {
  padding-top: 15px;
  padding-bottom: 15px;
}

.rv-sec .name {
  width: 25%;
  color: #23ffe9;
  font-family: "Urbanist-Medium";
  font-size: 20px;
  line-height: 24px;
}

.rv-sec .status {
  width: 75%;
  font-family: "Urbanist-Medium";
  font-size: 20px;
  line-height: 24px;
  color: #ffff;
}

.rv-sec .status div {
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rv-sec .number {
  width: 25%;
  text-align: right;
  font-family: "Urbanist-Medium";
  font-size: 20px;
  line-height: 24px;
  color: #ffff;
  display: flex;
  justify-content: flex-end !important;
}

.call {
  margin-top: 135px;
  margin-left: 270px;
  margin-right: 270px;
}

.call .content .tab {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #535353;
}

.call .tab a {
  width: 50%;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  font-family: "Urbanist-Bold";
  color: #ffffff;
  padding-bottom: 19px;
}

.call .tab-cont {
  display: none;
}

.call .content .tab a.on {
  border-bottom: 1px solid #ffcc2a;
  color: #ffcc2a;
}
.call .tab-cont.on {
  display: block;
}

.sections .title {
  font-family: 22px;
  line-height: 27px;
  color: #ffffff;
  font-family: "Urbanist-Bold";
  padding-top: 60px;
  padding-bottom: 30px;
}

.sections {
  border-bottom: 1px solid #535353;
}

.sections .inputs {
  display: flex;

  padding-right: 40px;
}

.inputs label {
  font-family: 18px;
  line-height: 22px;
  color: #ffffff;
  font-family: "Urbanist-SemiBold";
  display: flex;
  align-items: center;
}

input[type="radio"]:checked {
  background-color: #ffcc2a;
}

.inputs input {
  width: 24px;
  height: 24px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  margin-right: 10px;
}

.section-inputs {
  display: flex;
}

.last-title {
  font-size: 18px;
  line-height: 22px;
  color: #a3a3a3;
  font-family: "Urbanist-Medium";
  margin-top: 40px;
  margin-bottom: 40px;
}

.country .inputs label {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffcc2a;
  border-radius: 23px;
}
.country .inputs input {
  display: none;
}

input[type="radio"]:checked ~ label {
  background-color: #ffcc2a;
  color: #222222;
}

.country {
  flex-wrap: wrap;
}

.content .inputs {
  padding-right: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.tab-cont-wrp {
  margin-bottom: 140px;
}

.bg-text-left{
  position: absolute;
  bottom: 15%;
  left: 10%;
}

.bg-text-left img{
  width: 160px;
  height: 134px;
}

.bg-text-right{
  position: absolute;
  top: 10%;
  right: 10%;
}

.bg-text-right img{
  width: 136px;
  height: 145px;
}

.sections .title span {
  width: 70%;
}

.sections .title .choose {
  width: 30%;
  display: flex;
  justify-content: flex-end;
}
.sections .title .choose {
  color: #ffcc2a;
  font-family: "Urbanist-SemiBold";
  font-size: 18px;
  line-height: 22px;
  cursor: pointer;
}






.footer{
  display: flex;
  align-items: center;
  
}

.footer .left{
   width: 20%;
   padding-left: 164px;
}


.footer .left img{
   width: 100px;
   height: auto;
}

.footer .middle{
  width: 60%;
}

.middle .sec .tl{
  font-size: 14px;
  line-height: 17px;
  color: #515151;
  font-family: 'Urbanist-Medium';
  padding-right: 10px;

}

.middle .sec .td{
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  font-family: 'Urbanist-Medium';

  
}

.footer .right{
  width: 20%;
  padding-right: 164px;
}

.right .cpy-text{
  color: #515151;
  font-size: 14px;
  line-height: 17px;
  font-family: 'Urbanist-Medium';

}

.pop-wrap-eng{
  width: 416px;
  height: 249px;
  /* padding: 0 100px 30px 0; */
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.pop-wrap-eng .header{
  font-size: 20px;
  line-height: 24px;
  font-family: 'Urbanist-Bold';
  color: #222222;
  padding-bottom: 20px;
}

.pop-wrap-eng .body{
  font-size: 16px;
  line-height: 19px;
  font-family: 'Urbanist-Medium';
  color: #222222;
  padding-bottom: 40px;
}

.pop-wrap-eng .footer{

}


.pop-wrap-eng .footer a{
  width: 152px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 23px;
  background-color: #ffcc2a;
}

.beta{
  background-color: #bafd00;
  transform: rotate(-40deg);
  position: absolute;
  top: 14px;
  left: -27px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}


.beta-text{
  font-family: 'Urbanist-Bold';
  font-size: 14px;
  line-height: 17px;
  letter-spacing: normal;
  text-align: center;
  color: #222222;
  
}

.diseable{
  /* pointer-events: none; */
}

.beta-profile{
    background-color: #bafd00;
    
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    /* border-radius: 10px; */
}


.about-me-buttons .abt-me-button{
  
  display: flex;
  align-items: center;
  width: 380px;
  height: 62px;
  border-radius: 31px;
  border: solid 1px #ffcc2a;
  justify-content: center;
  color: #ffcc2a;
  font-family: 'Urbanist-Bold';
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;

}


.about-me-buttons.edit_role .abt-me-button{
  
  display: flex;
  align-items: center;
  width: 380px;
  height: 62px;
  border-radius: 31px;
  border: solid 1px black;
  justify-content: center;
  color: black;
  font-family: 'Urbanist-Bold';
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;

}

.title-edit-role{
  padding-bottom: 20px;
  font-family: 'Urbanist-Bold';
  font-size: 22px;
  line-height: 24px;
}

.page-item-wrap-new{
padding-top: 80px;
padding-bottom: 140px;
text-align: center;
}

.page-item-wrap-new .title-one{
font-size: 48px;
line-height: 58px;
color: #ffffff;
font-family: 'Urbanist-Medium';
margin-bottom: 60px;

}

.page-item-wrap-new .title-two{
font-size: 48px;
line-height: 58px;
color: #ffffff;
font-family: 'Urbanist-Bold';
margin-bottom: 40px;
}

.about-me-buttons{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.pop-wrap-event{
width: 560px;
height: auto;
border-radius: 10px;
background-color: #fff;
padding-top: 64px;

position: relative;
/* margin-top: 20%; */
}

.pop-wrap-event .body{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 400px;
overflow-y: auto;
}

.pop-wrap-event .body.tr-body-first{
  height: 300px;
}

.pop-wrap-event .body.go_to_video{
  height: 290px;
}
.travel_second .pop-wrap-event .body{
height: 230px;
}
.cross-button{
position: absolute;
right: 4%;
top: 3%;
cursor: pointer;
}

.add .add-button img{
width: 15px;
height: 15px;
padding-left: 5px;
padding-right: 5px;
}

.cross img{
width: 15px;
height: 15px;
padding-left: 10px;
}

.pop-wrap-event .title{
font-size: 20px;
line-height: 24px;
font-family: 'Urbanist-Bold';
color: #222222;
width: 300px;
text-align: center;
}

.pop-wrap-event .sub-title{
font-size: 14px;
line-height: 17px;
font-family: 'Urbanist-Medium';
color: #222222;
padding-top: 10px;
white-space: pre-line;
}

.pop-wrap-event .pop-body img{
margin-top: 20px;
width: 220px;

}

.pop-wrap-event .footer{
display: flex;
align-items: center;
justify-content: center;
padding-top: 20px;
padding-bottom: 20px;
}
.footer .start-travel{
width: 191px;
height: 47px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 23px;
background-color: #ffcc2a;
font-family: 'Urbanist-Bold';
}

.date-from-to input[type="date"]{
  color: #808080;
  width: 210px;
  height: 54px;
  border-radius: 8px;
  border: solid 1px #ededed;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.input-fields div label{
font-size: 16px;
line-height: 19px;
font-family: 'Urbanist-Bold';
color: #222222;
padding-left: 5px;

}

.input-fields div{
margin-bottom: 10px;

}

.input-fields .date-from-to input[type="text"]{
width: 100%;
height: 54px;
border-radius: 8px;
border: solid 1px #ededed;
margin-left: 5px;
margin-right: 5px;
color: #808080;

}

.body .form-group select{
width: 209px;
height: 54px;
border-radius: 8px;
border: solid 1px #ededed;
}

.travel_first .pop-wrap-event .body{
height: auto;
}

.speak-level{
display: flex;
margin-top: 30px;
align-items: center;
}

.speak-level .cross{
margin-left: 7px;
}

.speak-level select{
width: 209px;
height: 54px;

padding: 15px 20px;
/* margin-left: 10px; */
margin-right: 10px;
border-radius: 8px;
border: solid 1px #ededed;
background-color: #ffffff;
font-size: 18px;
line-height: 22px;
font-family: 'Urbanist-Medium';
color: #808080;
}


.speak-levels-body{
padding-bottom: 30px;
border-bottom: 1px solid #ededed;
}


.add{
/* margin-top: 20px; */
}

.add-button{
cursor: pointer;
font-family: 'Urbanist-Bold';
font-size: 14px;
line-height: 17px;
color: #222222;

}

.cross{
cursor: pointer;
}

.set-up-card{
width: 580px;
height: auto;
padding: 20px 0;
border-radius: 20px;
border: solid 1px #535353;
background-color: #2b2b2b;
margin: auto;
margin-bottom: 60px;
}

.card-header{
height: 83px;
border-bottom: 1px solid #535353;
display: flex;
flex-direction: column;
justify-content: center;
color: #ffb600;
font-size: 36px;
line-height: 43px;
font-family: 'Urbanist-Bold';
}

.card-body{
border-bottom: 1px solid #535353;
height: 118px;
display: flex;
flex-direction: column;
justify-content: center;

}

.card-body .txt{
display: flex;
justify-content: space-between;
padding-left: 40px;
padding-right: 40px;
padding-top: 5px;
padding-bottom: 5px;
}

.txt .title{
font-family: 'Urbanist-Medium';
font-size: 20px;
line-height: 24px;
color: #ffffff;

}

.txt .text{
font-family: 'Urbanist-Bold';
font-size: 20px;
line-height: 24px;
color: #ffffff;
}

.card-footer{
height: 73px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 15px;
}
.card-footer a{
width: 156px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
border: solid 1px #535353;
background-color: #2b2b2b;
color: #ffffff;
font-size: 18px;
line-height: 22px;

}

.card-footer a img{
padding-right: 10px;
}

.abt-me-button.active{
background-color: #ffcc2a;
color: #222222;
}

.after-header{
background-color: #2b2b2b;
display: flex;
justify-content: space-between;
padding-left: 58px;
padding-right: 58px;
padding-top: 15px;
padding-bottom: 15px;
}

.after-header .left{
font-family: 'Urbanist-Medium';
font-size: 18px;
line-height: 22px;
color: #ffffff;
display: flex;
align-items: center;
cursor: pointer;
}

#after-header{
  position: relative;
}

.after-header-options{
  background-color: #FFFFFF;
  width: 354px;
  height: auto;
  position: absolute;
  left: 50px;
  padding-top: 24px;
  padding-left: 22px;
  padding-bottom: 52px;
  border-radius: 10px;
  z-index: 99;
  display: none;
}

.after-header-options .content-region{
  font-size: 20px;
  font-family: 'Urbanist-Regular';
  color: #000000;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.content-region span{
 
  margin-right: 31px;
}

.sub-options li{
  color: #666060;
  font-size: 17px;
  font-family: 'Urbanist-Regular';
  margin-left: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  cursor: pointer;
}

.after-header .left .after-header-up{
  margin-left: 150px;
}

.after-header .left .after-header-up img{
  width: 10px;
  height: 8px;
  object-fit: cover;
  /* display: none; */
}


.after-header .right .edit span{
font-family: 'Urbanist-Bold';
font-size: 18px;
line-height: 22px;
color: #ffffff;
padding-left: 5px;
}

.right .edit{
cursor: pointer;
text-align: center;
}

#after-header{
/* padding-top: 60px; */
}

.info ul li{
font-family: 'Urbanist-Bold';
font-size: 20px;
line-height: 24px;
color:#a3a3a3;
padding-bottom: 10px;
list-style: none;
}

.info ul li::before {
content: "\2022";  
color: #ffffff; 
/* font-weight: bold;  */
display: inline-block; 
width: 1em;
margin-left: -1em;
}

.cards.online_box .card{

/* width: 540px; */
margin: auto;
border: 1px solid #ffcc2a;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 20px;
border-radius: 8px;
	list-style: none;
}

.cards.online_box .card.one-month{
  border: 1px solid #00ffe9;
}

.cards .card .flex-body{
  display: flex;
justify-content: space-between;
}


.select_list p {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.select_list span {
  color: #fff;
  font-size: 16px;
  margin-right: 25px;
}


.select_list span.select {
  margin-right: 0;
  margin-left: auto;
  font-size: 12px;
  color: #ffca01;
  border: 1px solid #ffca01;
  border-radius: 20px;
  padding: 4px 15px 5px;
  cursor: pointer;
}


.select_list {
  display: none;
  border-top: 1px solid #555;
  padding: 30px 0 20px;
}

.on.select_list {
  display: block;
}

.card .left{
text-align: left;
}

.right .move-button a{
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color:#ffcc2a;
border-radius: 50%;

}

.right .move-button.onln a{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:#2aff4e;
  border-radius: 50%;
  
  }

span.select.on {
    background-color: #ffca01;
    color: #000;
}

.right .move-button a.odd{

background-color:#00ffe9;


}

.right .move-button{
margin: auto;
}

.cards.online_box{
  width: auto;
  margin: 0 auto 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.card .left .title{
font-size: 14px;
line-height: 17px;
font-family: 'Urbanist-Bold';
color:#808080;
padding-bottom: 10px;
}

.card .left .subtitle{
  font-size: 30px;
  line-height: 36px;
  font-family: 'Urbanist-Bold';
  color: #ffffff;
  padding-bottom: 15px;
}

.slots-main-title{
  font-size: 22px;
  line-height: 27px;
  font-family: 'Urbanist-Bold';
  text-align: left;
  color: #ffffff;
  padding-bottom: 20px;
}

.card .left .info{
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Medium';
  color:#ffffff;
  padding-bottom: 10px;
}

.card .right{
display: flex;
}

.page-item{
padding-left: 164px;
}

.images{
display: flex;
padding-bottom: 30px;
  padding-top: 10px;
}


.images .left .img-wrap img{
	height: 353px;
	width: 353px;
	margin-right: 8px;
	border-radius: 10px 0 0 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
}

.images .right-flex{
  display: flex;
}

.right-flex img {
	height: 174px;
	width: 173px;
	margin-right: 8px;
	margin-bottom: 8px;
	border-radius: 10px;
}

.page-item .title{
color: #ffffff;
font-size: 48px;
line-height: 58px;
font-family: 'Urbanist-Medium';
padding-bottom: 60px;
}

.page-item .subtitle{
color: #fff;
font-size: 20px;
line-height: 24px;
font-family: 'Urbanist-Bold';
padding-bottom: 12px;
}

.page-item .info{
color: #a3a3a3;
font-size: 16px;
line-height: 19px;
padding-bottom: 10px;
}

.page-item .subtitle::before{
content: "\2022";  
color: #ffffff; 
/* font-weight: bold;  */
display: inline-block; 
width: 1em;
margin-left: -1em;
}

.page-item .google-link{
 
margin-top: 30px;
}
.page-item .google-link a{
width: 380px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 31px;
border: solid 1px #fff;
font-size: 18px;
line-height: 22px;
font-family: 'Urbanist-Bold';
color: #ffffff;
}

.page-item .google-link a img{
width: 26px;
height: 26px;
padding-right: 5px;
}

.loc-card{
padding-bottom: 40px;
}

.going-link a{
  width: 305px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 31px;

  margin: auto;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Urbanist-Bold';
  color: #222222;
  margin-bottom: 20px;
}

.going-link a.orrange{
  background-color: #ffcc2a;
  color: #222222;
}

.going-link a.white{
  border: 1px solid #ffffff;
  color: #ffffff;
}


.going-link{
  margin-bottom: 20px;
  margin-left: 40px;
  margin-top: 40px;

}

.group-link a{
width: 305px;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 31px;
border: solid 1px #ffcc2a;
font-family: 'Urbanist-Bold';
font-size: 18px;
line-height: 22px;
color:#ffcc2a;
margin: auto;
}

.info-text{
margin-top: 80px;
margin-bottom: 140px;
font-size: 20px;
line-height: 24px;
font-family: 'Urbanist-Bold';
color: #bbfd00;
text-align: center;
}

.row{
display: flex;
padding-left: 164px;
padding-right: 164px;
padding-bottom: 40px;

}

.all-groups-margin{
margin-top: 40px;
margin-bottom: 140px;
}
.group-card{
width: 50%;
padding-right: 9px;

}

.group-card .image img{
width: 100%;
height: 271px;
object-fit: cover;
}


.group-card .title{
font-size: 20px;
line-height: 24px;
font-family: 'Urbanist-Bold';
color: #ffffff;
text-align: left;
padding-bottom: 10px;
}

.group-card .link{
text-align: center;
}

.group-card .link a{
color: #ffcc2a;
font-family: "Urbanist-Bold";
font-size: 16px;
line-height: 19px;
padding-top: 20px;
}

.group-card .link a img{
padding-left: 10px;
}

.desktop-hide{
display: none;
}

.hide-desktop{
display: none;
}

.hide-mobile{
display: block;
}

/* chat group 2 */
.km-group-chat-element-container {
  width: 66%;
  margin-left: auto;
  /* padding: 30px; */
  position: relative;
}

.km-chat-details {
  width: 250px;
  margin-bottom: 5px;
  margin-bottom: 5px;
  position: relative;
  top: 135px;
  z-index: 1;
}

.km-chat-details-header .chat-title {
  font-size: 20px;
  font-family: 'Urbanist-Medium';
  color: #FFFFFF;

}

.km-chat-details-header .chat-date {
  font-size: 11px;
  font-family: 'Urbanist-Medium';
  color: #F6FB06;
}


/* Slick styles */
.km-group-chat-element-container .slick-list {
  width: 100%;
  padding-top: 70px;
}
 
.km-group-chat-element-container .slick-list .slick-slide {
   width: 359px;
  height: auto;
  margin-right: 25px;
  margin-left: 25px;
  background-color: transparent !important;
}



.km-group-chat-element-container .slick-prev:before {
  content: url('/include/new/images/slick-arrow-right.png');
  top: 35%;
  right: 40%;
  position: absolute;
  transform: rotate(180deg);
}

.km-group-chat-element-container .slick-next:before {
  content: url('/include/new/images/slick-arrow-right.png');
  top: 35%;
  right: 35%;
  position: absolute;
}

.km-group-chat-element-container .slick-prev {
  /* left: 89%; */
  top: 7%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #535353;
  display: flex;
  align-items: center;
}

.km-group-chat-element-container .community-image-flex img{
  width: 32px;
  height: 32px;
}
.group-chat-page-title.new{
  position: relative;
  left: -65px;
}

.km-app-download-button-title{
  font-size: 14px;
  font-family: 'Urbanist-Regular';
  color: #EBEBEB;
  margin-top: 40px;
}

.km-group-chat-element-container .slick-next {
  right: 1%;
  font-size: 24px;
  line-height: 0;
  position: absolute;
  top: 7%;
  display: block;
  width: 20px;
  height: 20px;
  /* padding: 0; */
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  /* transform: translate(0, -50%); */
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  /* background: transparent; */
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #535353;
  display: flex;
  align-items: center;
  /* justify-content: center; */
}


.km-group-chat-element-container .slick-element {
  width: 100%;
  height: 176px;
}

.km-group-chat-element-container .km-slick-element-highlited {
  /* width: 289px; */
  width: 100%!important;
  height: 242px;
  margin: 0 !important;
  padding: 0 !important;
}

.km-group-chat-element-container .km-swipar-content {
  width: 100%!important;
  height: 199px;
}

.km-group-chat-element-container .slick-current .km-swipar-content{
  height: 242px;
}

.km-group-chat-element-container .slick-element img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.km-group-chat-element-container .km-chat-details-titles {
  padding-top: 40px;
  height: 60px;
}

.km-group-chat-element-container .slick-current .km-chat-details-titles {
  padding-top: 80px;
  height: 60px;
}

.km-group-chat-element-container .km-chat-details-titles div:nth-child(1) {
  font-family: 'Urbanist-Medium';
  font-size: 20px;
  color: #FFFFFF;
}

.km-group-chat-element-container .km-chat-details-titles div:nth-child(2) {
  font-family: 'Urbanist-Medium';
  font-size: 11px;
  color: #FFFFFF;
}

.km-group-chat-element-container .km-app-download-button {
  margin-top: 10px;
  padding: 7px 20px;
  border-radius: 20px;
  background-color: #FFFFFF;
  font-size: 14px;
  font-family: 'Urbanist-Bold';
  color: #000000;

}

.km-group-chat-element-container .swiper {
  width: 100%;
  height: 100%;
}

.km-group-chat-element-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%!important;
  /* margin-right: 55px; */
}

.km-group-chat-element-container .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.km-group-chat-element-container .swiper {
  margin-left: auto;
  margin-right: auto;
}

.km-group-chat-element-container .swiper-container {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  background-color: red;
}

.km-group-chat-element-container .custom-swiper-button {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.km-group-chat-element-container .custom-swiper-button-next {
  background-color: transparent;
  background-image: url("/include/new/images/arrow-post-right.png");
}

.km-group-chat-element-container .custom-swiper-button-prev {
  background-color: transparent;
  background-image: url("/include/new/images/arrow-post-left.png");
}

.km-group-chat-element-container .swiper-button-prev::after {
  display: none !important;
}

.km-group-chat-element-container .swiper-button-next::after {
  display: none !important;
}

.km-group-chat-element-container span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #535353;
  opacity: 1;
}

.km-group-chat-element-container .swiper-pagination-bullet {
  background-color: transparent;
  border: 4px solid #000000;
  opacity: 1;
}
 
.km-group-chat-element-container .slick-current .chat-details-footer{
   padding-top: 55px;
}


@media screen and (max-width:1500px){

  .km-group-chat-element-container .community-image-flex img{
    width: 25px;
    height: 25px;
  }

  .km-chat-details {
   
    right: 0px;
  }
  .km-group-chat-element-container .slick-current .chat-details-footer{
    padding-top: 40px;
  }

  .km-group-chat-element-container .chat-details-footer{
    padding-top: 0;
  }


  .group-chat-page-title.new{
    left: -50px;
  }


  
  .km-group-chat-element-container .slick-list .slick-slide{
    width: 275px;
  }

  .km-group-chat-element-container .km-swipar-content{
    height: 200px;
  }

  .km-group-chat-element-container .km-chat-details-titles{
    padding-top: 45px;
  }

  .km-group-chat-element-container .slick-list .slick-slide{
    margin-right: 7px;
    margin-left: 7px;
  }

  .km-group-chat-element-container .km-chat-details-titles div:nth-child(1){
    font-size: 14px;
  }

  .km-group-chat-element-container span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  
    width: 5px;
    height: 5px;
  }

  .km-group-chat-element-container .swiper-pagination-bullet{
    width: 5px;
    height: 5px;
  }

  .km-group-chat-element-container .slick-prev {
      left: 84%;
  }

  .profile-details-popup .pop-wrap-event{
    /* margin-top: 60%; */
  }

  /* .message-image img{
    width: 200px;
    height: 100px;
  } */

  .message-date .date-text::before{
    width: 100px;
    left: -95px;
  }

  .message-date .date-text::after{
    width: 100px;
    right: -95px;
  }

  .message-date{
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .message-date .date-text{
    font-size: 12px;
  }

  .message-text{
    font-size: 14px;
  }

  .chat-page .left-bar{
    width: 320px; 
  }

  .sec-bar-header{
    padding-left: 30px;
    padding-right: 30px;
  }

  .left-bar-body-sec .right .about-me{
    font-size: 11px;
  }

  .left-bar-body-sec .right .name{
    font-size: 13px;
  }

  .active-time{
    font-size: 12px;
  }

  .left-bar-header .sec-bar-header{
    font-size: 14px;
  }

  .sec-bar-header.active::after{
    left: 12%;
  }

  .chat-body-header .left .left-section-body-header .profile-name{
    font-size: 14px;
  }


  .message .message-time{
    font-size: 13px;
  }


  #container.chat{
    padding: 20px 0 180px;
  }

  .chat-body-header .left .left-section-body-header .profile-image img{
    width: 30px;
    height: 30px;
  }

  .left-bar-body-sec .left .profile-image a img{
    width: 30px;
    height: 30px;
  }

  .left-bar-body-sec{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .message-container{
    margin-top: 20px;
    height: calc(100% - 125px);
  }

  .left-bar-body{
    height: 400px;
    overflow-y: auto;
    -ms-overflow-style: none;  
    scrollbar-width: none;
  }

  .left-bar-body::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
  }

  /* .cancel-community-post .pop-wrap-event{
    margin-top: 10%;
  } */

  .discount-title{
    margin-top: 0px;
  }

  .discount-profile .dis-pro-pic img{
    width: 80px;
    height: 80px;
  }

  .after-header .left .after-header-up {
    margin-left: 100px;
  }

  .after-header-options{
    width: 300px;
  }

  .sub-options li{
    font-size: 14px;
  }

.after-header-options .content-region{
    font-size: 17px;
}

.map-view{
  width: 900px;
  height: 400px;
}

  .cross-button-map{
    width: 50px;
    height: 50px;
  }

  .cross-button-map img{
    width: 17px;
    height: 17px;
  }

  .show-map-pop .pop-wrap-event{
    width: 900px;
    /* height: 500px; */
  }

  .cancel-social-party-pop .pop-wrap-event{
    margin-top: 40%;
  }

  .participants .pop-wrap-event{
    margin-top: 10%;
  }

  .activity-post-image-new a img{
    height: 230px;
  }

  .suggest_pop_new .pop-wrap-event{
    margin-top: 13%;
  }

  .floating-input{
    bottom: 20px;
  }

  .community-post-show .right .community-post-pop-title{
    font-size: 14px;
  }
  
  .community-post-show .right .community-post-pop-title span{
    
    font-size: 12px;
   
  }

  .cancel-community-post .pop-wrap-event{
    /* margin-top: 45%; */
    margin-top: 35%;
  }

  .padding-top .pop-wrap-event{
    margin-top: 10%;
  }

  .date-select select {
   
    height: 50px;
    font-size: 18px;
    
    background-size: 12px;
    width: 340px;
   
}

  .join-open div a{
    font-size: 14px;
  }
  .body.activity-swipper{
    width: calc(100vw - 420px);
  
  }

  .when-body .sec-when{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .location-title{
    font-size: 22px;
  }

  .all-locations .location-sec .loc-sec-title{
    font-size: 12px;
  }

  .all-locations .location-sec .loc-sec-subtitle{
    font-size: 12px;
  }

  .new-activity-second .pop-wrap-event{
    margin-top: 4%;
  }
  .section-second-dropdown .text{
    font-size: 13px;
  }

  .section-second-dropdown .icon img{
    width: 6px;
    height: 6px;
  }

  .section-second-show .sec div{
    width: 100px;
    height: 40px;
    font-size: 12px;
  }
  .sec-activity .title-sec{
    font-size: 16px;
  }

  .sec-activity .subtitle-sec{
    font-size: 12px;
  }

  .remove-profile-section{
    font-size: 16px;
  }

  .good-bad-section .images-fix img{
    width: 30px;
    height: 30px;
   
  }

  /* new tag people popups */
  .tag-title{
    font-size: 24px;
  }

  .tag-number{
    font-size: 16px;
  }

  .pop-tag-sec .left .profile-image img{
    width: 60px;
    height: 60px;
  }

  .pop-tag-sec .left .name{
    font-size: 12px;
  }

  .pop-tag-sec .left .role{
    font-size: 12px;
  }

  .kemi a{
    font-size: 12px;
  }

  .tag-body-section .pop-tag-sec{
    margin-bottom: 10px;
  }

  .tag-people .pop-wrap-event{
    margin-top: 20%;
  }

  .call.my-kemi .content .tab a{
    font-size: 28px;
  }

  /* new rsvp page */
  .rsvp-title{
    font-size: 42px;
  }

  .rsvp-sections{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  /* new popup design responsive */
  .submit-suggest{
    margin-top: 0;
  }

  .suggest-input-new{
    margin-bottom: 10px;
  }

  .comments-form-input textarea{
    height: 50px;
  }

  .comments-form-input .add-photo-section{
    height: 80px;
  }

  .add-photo-section .icon-more img{
    width: 15px;
    height: 15px;
  }

  .add-photo-section .text{
    font-size: 12px;
  }

  .social-party-new .last-week-link{
    padding-top: 50px;
  }
  /* new social party design integration */
  .social-party-new{
    max-width: 1140px;
    padding-bottom: 100px;
    padding-top: 30px;
   
  }

  .social-footer-fix-sec.last a{
    font-size: 16px;
    line-height: 16px;
  }

  .social-footer-fix-sec.last a span{
    font-size: 12px;
  }

  .good-bad-section .text{
    font-size: 12px;
    padding-bottom: 5px;
  }

  .good-bad-section .images img{
    width: 20px;
    height: 20px;
  }
  .social-footer-fix-sec.last a.going{
    width: 150px;
    height: 45px;
    

  }
  .social-footer-fix-sec.last a.cancel{
    width: 150px;
    height: 45px;
  }

  .social-footer-fix-sec{
    padding-top: 10px;
    padding-bottom: 10px;
   
  }

  .social-footer-fix-sec.last{
    align-items: center;
  }
  .social-footer-fix-sec .date-total{
    font-size: 18px;
  }
  .parties{
    /* padding-top: 50px; */
  }
  .social-party-new .last-week-link a{
    font-size: 16px;
  }
  .social-party-new .title{
    font-size: 42px;
  }
  .parties .sec{
    grid-template-rows: repeat(2, 200px);

  }
    
  
  .parties .sec .inner-section{
    /* height: 194px; */
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
  }
  
  .parties .sec .inner-section.full{
    /* height: 400px; */
  }

  .parties .sec .title-sec{
    font-size: 16px;
  }

  .parties .sec .text{
    font-size: 12px;
  }

  .google-link-social{
    font-size: 16px;
    width: 130px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 2px;
    margin-top: 4px;
  }

  .meet-section-title{
    font-size: 24px;
    margin-bottom: 30px;
  }

  .meet-section-subtitle{
    font-size: 22px;
    
  }

  .meet-section{
    margin-top: 70px;
  }

  /* new member medium size responsive */

  

  .city-card-body .post-image img{
    height: 230px;
    object-fit: cover;
  }
  section.new-member{
    max-width: 1140px;
    /* padding-top: 20px; */
    padding-bottom: 50px;
  }

 
  .video-call{
    /* margin-top: 100px; */
  }

  .member-list .member .image img{
    width: 60px;
    height: 60px;
  }

  .member-list{
    /* margin-top: 50px; */
  }

  .member-list .member{
    margin-left: 40px;
    margin-right: 40px;
    /* margin-top: 40px; */
  }
  section.new-member .new-m-title{
    font-size: 28px;
  }

  .mix-city-title{
    font-size: 26px;
    margin-bottom: 20px;
  }

  .video-call a{
    width: 200px;
    height: 40px;
    font-size: 14px;
  }

  /*  */

 
  .notification .title-head{
    font-size: 44px;
  }

  .single-notification .content-left .text .title{
    font-size: 14px;
  }

  .single-notification .content-left .text .date{
    font-size: 11px;
  }

  .pri-btn{
    height: 30px;
    width: 52px;
    font-size: 12px;
    line-height: 1.5;
  }

  button.more-btn{
    height: 40px;
    width: 100px;
  }

  button.more-btn a{
    font-size: 14px;
  }
}



/* profile-page 0 */

.profile-section-zero{
  background-color: transparent
}

.profile-section-zero form .section-input-zero input{
  background-color: #101010;
  border: none;
  /* border: 1px solid #A3A3A3; */
  font-size: 11px;
  font-family: 'Inter-Regular';
  text-indent: 6px;
  color: #ffffff;
  width: 312px;
  height: 48px;
  outline: none;
  margin-bottom: 22px;
  border-radius: 10px;
}

.profile-section-zero form .password-section{
  position: relative;
}

.section-input-zero .signup .passshow{
  width: 24px;
  height: 24px;
}

.section-input-zero .passshow{
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: url('/include/new/images/Show.png');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;
  
}


.section-input-zero .passhide img{
  width: 24px;
  height: 24px;
}

.section-input-zero .passhide{
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: url('/include/new/images/eye_slash_password.svg');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  display: block;
  width: 24px;
  height: 24px;

}

.section-input-zero .signup-submit{
  width: 312px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00FFE9;
  color: #1D1E1F;
  border: none;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  border-radius: 38px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .25));
  margin-top: 17px;
}







/* profile-page 1 */

.profile-page-section{
  max-width: 400px;
  margin: auto;
  margin-top: 0px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.profile-page-title{
  font-size: 24px;
  font-family: 'Inter-Regular';
  color: #ffffff;
  text-align: center;
  padding-bottom: 53px;
}

.profile-section-one form .input-section:not(:last-child){
  margin-bottom: 21px;
}

.profile-section-one form .input-section input{
  background-color: #101010;
  border: none;
  /* border: 1px solid #A3A3A3; */
  font-size: 11px;
  font-family: 'Inter-Regular';
  text-indent: 6px;
  color: #ffffff;
  width: 312px;
  height: 48px;
  outline: none;
  border-radius: 10px;
}

.profile-section-one .input-section .profile-form-submit{
  width: 312px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00FFE9;
  color: #1D1E1F;
  border: none;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  border-radius: 38px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .25));
}

.profile-section-one .profile-setup-progress{
  width: 300px;
  height: 4px;
  background-color: #E1E1E1;
  margin-top: 30px;
}

.profile-section-one .profile-setup-progress .progress-line{
  background-color: #000000;
  height: 4px;
}

.profile-section-one  .profile-back-button{
  margin-top: 13px;
  font-size: 15px;
  color: #858585;
  font-family: 'Urbanist-Light';
  cursor: pointer;
}


/* country list */
.profile-section-one-country-list{
  position: relative;
}
#mapList {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: white;
  color: black;
  border: 1px solid #ccc;
  max-height: 150px;
  overflow-y: hidden;
}

.countryli {
  padding: 8px;
  cursor: pointer;
}

.countryli:hover {
  background-color: #f0f0f0;
}



/* Profile Page 2 */

.profile-section-two .form .input-section input:not(input[type="checkbox"]){
  background: #101010;
  border: none;
  /* border: 1px solid #A3A3A3; */
  font-size: 11px;
  font-family: 'Inter-Regular';
  text-indent: 6px;
  color: #ffffff;
  width: 300px;
  height: 40px;
  outline: none;
}


.profile-section-two .input-section .gender{
  width: 300px;
}

.profile-section-two .input-section.dob{
  width: 300px;
}

.profile-section-two  .input-section.gender .section-label{
  font-size: 12px;
  font-family: 'Inter-Regular';
  color: #9A9A9A;
  padding-bottom: 5px;
} 


.profile-section-two .input-section.dob .section-label{
  font-size: 12px;
  font-family: 'Inter-Regular';
  color: #9A9A9A;
  padding-bottom: 5px;
}

.profile-section-two .profile-two-section-inputs-drop-down{
  width: 100%;
  display: flex;
  justify-content: space-between;
}


.profile-section-two .profile-two-section-inputs-drop-down .birth-year-drop-sec select{
  width: 95px;
  height: 40px;
  background-color: #101010;
  font-size: 11px;
  font-family: 'Inter-Regular';
  color: #4E4E4E;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/include/new/images/profile-step-dropdown-icon.png);
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 93%;
  border: none;
  padding-left: 5px;
  padding-right: 5px;
  outline: none;
  margin-right: 10px;
}







.profile-two-section-inputs label .input-check-div{
  width: 151px;
  height: 40px;
  background-color: #646464;
  /* border: 1px solid #A3A3A3; */
  font-size: 11px;
  font-family: 'Inter-Regular';
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1px;
}



.profile-two-section-inputs label{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.profile-two-section-inputs label input[type="radio"]{
  display: none;
}

.profile-two-section-inputs label input[type="radio"]:checked+.input-check-div{
  background-color: #000000;
  color: #ffffff;

}

.profile-two-section-inputs {
  display: flex;
}



.profile-section-two .input-section .profile-form-submit{
  width: 312px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00FFE9;
  color: #1D1E1F;
  border: none;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  border-radius: 38px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .25));
  margin-top: 45px;
}

.profile-section-two .profile-setup-progress{
  width: 300px;
  height: 4px;
  background-color: #E1E1E1;
  margin-top: 30px;
}

.profile-section-two .profile-setup-progress .progress-line{
  background-color: #000000;
  height: 4px;
}

.profile-section-two .profile-back-button{
  margin-top: 13px;
  font-size: 15px;
  color: #858585;
  font-family: 'Urbanist-Light';
  cursor: pointer;
}


/* Profile Page 3 */

.profile-section-three .profile-section-three-subtitle{
  font-size: 16px;
  font-family: 'Inter-Regular';
  color: #9A9A9A;
  text-align: center;
}

/* pro pic */

.profile-section-three .profile-section-three-profile-image{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 45px;
  margin-bottom: 15px;
  /* margin-bottom: 45px; */
}

.profile-section-three .profile-section-three-profile-image .img{
  cursor: pointer;
  background-image: url('/include/new/images/profile-upload-steps-profile.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 56px 56px;
  object-fit: cover;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  background-size: cover;
  image-rendering: pixelated;
}

.profile-section-three .profile-form-submit{
  width: 312px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00FFE9;
  color: #1D1E1F;
  border: none;
  font-size: 14px;
  font-family: 'Urbanist-Medium';
  border-radius: 38px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .25));
  margin-top: 45px;
}

.profile-section-three .profile-setup-progress{
  width: 300px;
  height: 4px;
  background-color: #E1E1E1;
  margin-top: 30px;
}

.profile-section-three .profile-setup-progress .progress-line{
  background-color: #000000;
  height: 4px;
}

.profile-section-three .profile-back-button{
  margin-top: 13px;
  font-size: 15px;
  color: #858585;
  font-family: 'Urbanist-Light';
  text-align: left;
  cursor: pointer;
}

/* profile-page-end */




@media screen and (max-width:1366px){
  .button-join {
    margin: 25px auto;
  }
}


@media screen and (max-width: 1070px){
#wrap #header .lng-select {
  display: none;
}
#header .gnb.on ~ h1 .hide-desktop{
  display: block;
}
.hide-mobile{
  display: none;
}

.mobile_list li{
  font-size: 14px;
  line-height: 17px;
}



}




@media only screen and (max-width: 850px) {

  #header .search_box{
    display: none;
  }

  /* .social-party-new .last-week-link{
    padding-top: 30px;
  } */
  .for-mobile{
    display: block;
  }
  
  .for-pc{
    display: none;
  }

  /* new member page mobile responsive */
  .role-profile{
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0px;
    padding-bottom: 20px;
  }

  .main-report{
    right: 4%;
  }

  
  /* new member page ipad mobile responsive */

  .sl-wrapper .sl-image{
   
    height: 200px!important;
    width: 260px!important;
  }

  .sl-wrapper .sl-navigation button.sl-prev{
    width: 40px;
    height: 40px;
  }

  .sl-wrapper .sl-navigation button.sl-next{
    width: 40px;
    height: 40px;
  }

  section.new-member{
    max-width: 540px;
    padding-top: 25px;
    padding-bottom: 40px;
  }

  .video-call{
    margin-top: 20px;
  }

  .mix-city-title{
    margin-top: 15px;
  }

  .member-list .member .image img{
    width: 60px;
    height: 60px;
  }

  .member-list{
    justify-content: flex-start;
  }

  .member-list .member{
    margin-left: 15px;
    margin-right: 15px;
  }

  .member-list .member .role{
    font-size: 12px;
  }

  section.new-member .new-m-title{
    font-size: 36px;
  }

  .mix-city-title{
    font-size: 22px;
  }

  section.new-members-community{
    max-width: 540px;
   
  }

  .city-card-body .post-image .layer{
    width: 45%;
  }
  /* setting page new design responsive */
  .setting-layer {
    margin-left: 20px;
    margin-right: 20px;
    max-width: 100%;
  }

  .setting-card{
    padding-top: 30px;
  }

  .setting .setting-layer .setting-title{
    font-size: 32px;
  }

  .setting-layer .setting-body{
    margin-top: 30px;
  }

  .st-card-sec .text {
     font-size: 18px;
     padding-right: 10px;
  } 

  /*  */
  .notification-row{
    padding-top: 30px;
  }
  

  select.suggest-input {
    /* width: auto; */
  }
  
  .pop-wrap-event .body .suggest-form{
    /* width: auto; */
    padding-left: 20px;
    padding-right: 25px;
  }

  .add-activity-button{
    padding-right: 10px;
  }

  /* home page new page mobile responsive */

  .suggest-cont{
    margin-bottom: 0px;
  }
  
  .line-slide{
    display: block!important;
    margin-left: 23px;
    margin-right: 23px;
    position: relative;
    bottom: -71px;

  }
  .home-role .title{
    font-size: 32px;
    line-height: 40px;
  }

  .home-role .sub-title{
    padding-left: 20px;
    font-size: 20px;
    line-height: 24px;
  }

  .home-role .sliders{
    padding-left: 20px;
  }

  .home-slide{
    margin-right: 0px;
    margin-left: 0px;
  }

  .home-slide .footer{
    flex-direction: row;
    justify-content: space-between;
  }

  .local-community{
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .community-body{
    flex-direction: column;
  }

  .com-body-sec{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
  }

  .footer-com .com-footer-text{
    padding-top: 5px;
    font-size: 18px;
  }

  .local-community .community-title{
    font-size: 24px;
    line-height: 30px;
  }

  /* suggest page mobile responsive */

  

  .suggest {
    padding-left: 50px;
    padding-right: 50px;
  }

  /* profile report mobile reponsive */
  .report{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
  }

  .about-sec-report textarea{
    padding-left: 0px;
  }

  .report-details-body{
    width: 100%;
  }

  /* language learner popup */
  .send-mail{
    flex-direction: column;
    padding-left: 100px;
    padding-right: 100px;
  }

  .send-mail .right{
    width: 100%;
  }

  .send-mail .left{
    margin: auto;
    padding-bottom: 30px;
  }
  
	.good-bad-kemi-card{
		margin-left: 0;
		margin-bottom: 50px;
		margin-top: 0;
	}

  .good-bad-kemi-card .body .sec .title {
    font-size: 14px;
  }

  /* new popup design mobile responsive */
  .pop-wrap-event.language-level {
    width: 100%;
    margin-left: 30px;
    margin-right: 30px;
  }

  .after-when-where .right .subtitle .after-when-where-img {
    
      padding-right: 0px;
        
    }

  .pop-wrap-event .pop-body img{
    width: 100%!important;
  }

  .pop-wrap-event .pop-body img.when-where-img {

    width: 300px!important;
  }

	.owl-carousel.owl-drag .owl-item {
		border-radius: 22px;
		overflow: hidden;
	}

	.sc_img_list li img {
		height: 220px;
		object-fit: cover;
		width: 310px!important;
	}



  .after-when-where{
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    align-items: center;
  }

  .after-when-where .right{
    text-align: center;
    padding-top: 15px;
  }

  .after-when-where .right .title{
    text-align: center;
    width: auto;
  }

  .create-network{
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .create-network .left .title{
    width: auto;
  }

 .pop-wrap-event .body .pop-body .arrival-pop .arr-image{
  width: 200px!important;
  height: 200px;
 }
/*  */

    /* socail party new design  */
    .mb-hide{
      display: none;
    }
  
    .desktop-hide{
      display: block;
    padding-top: 10px;
      /* padding-bottom: 70px; */
    }
  
    .sc_img_list li img{
      height: 220px;
      object-fit: cover;
      width: 310px!important;
    }
  
    .page-item {
      padding-left: 30px;
      padding-bottom:100px;
      padding-right: 30px;
    }
  
    .after-gallery {
      width: auto;
      margin-right: 10px;
     
    }

  .after-header {
   
    padding-left: 30px;
    padding-right: 30px;
   
  }
  .friend .contents {
      margin: 0 auto;
      width: auto;
  }
  #container {
    padding-bottom: 1px;
}

.page-item-wrap .sitem04-wrap .cont .msg span img {
  
  top: -196%;
  right: -90%;
  width: 45px;
}

.page-item-wrap .sitem04-wrap .cont .line span {
  
  margin-left: 157px;
  
}

.page-item-wrap .sitem04-wrap .cont .line span img {
  left: 5%;
  width: 30px;
  top: 7%;
}

  #wrap #header .lng-select {
    display: none;
  }
  .sitem03-wrap .body .service-sections {
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sitem03-wrap .body .service-sections .sr-section {
    width: 260px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .sitem04-new-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sitem05-wrap {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sitem05-left {
    width: 100%;
    margin-bottom: 100px;
    /* padding-bottom: 135px; */
  }

  .sitem05-right {
    width: 100%;
    margin-left: 0px;
    text-align: center;
  }

  .sitem-button {
    
    display: flex;
    justify-content: center;
}

.footer .left{
  padding-left: 30px;
}

.footer .right{
  padding-right: 30px;
}

.footer {
  display: flex;
  /* flex-direction: column; */
  /* align-items: flex-start; */
  padding-top: 30px;
  padding-bottom: 30px;
}




  .sitem06-wrap {
    flex-direction: column;
    margin-bottom: 80px;
  }

  .sitem06-left {
    order: 2;
    width: 100%;
    margin-bottom: 100px;
	  padding-left: 0;
    /* padding-bottom: 135px; */
  }

  .sitem06-right {
    width: 100%;
    order: 1;
	margin-left: 0;
	justify-content: center;
    padding-bottom: 70px;
  }

  .sitem07-wrap {
    flex-direction: column;
  }

  .sitem07-left {
    width: 100%;
    margin-bottom: 100px;
  }

  .sitem07-right {
    width: 100%;

    /* padding-bottom: 70px; */
  }

  .profile-wrap .border {
    width: 500px;
  }

  .call {
    margin-top: 50px;
    margin-left: 70px;
    margin-right: 70px;
  }
  .tab-cont-wrp {
    margin-bottom: 50px;
  }

  .tab-wrap{
    width: auto;
    justify-content: space-around;
  }


  /* 768code */
}

@media screen and (max-width: 800px) {

	/* review */

  /* .floating-input{
    width: auto;
  } */
	.tab-wrap {
		width: calc(100% - 40px);
	}

	.tab-wrap__item {
		font-size: 16px;
		padding: 10px 0;
	}
	.history_wrap {
		width: 100%;
		padding: 30px 20px;
	}
	.review-wrap {
		width: 100%;
		margin: 30px auto;
		padding:0 20px;
		box-sizing: border-box;
		font-family: 'Urbanist';
	}
  
}

@media screen and (max-width: 712px) {
  #header .search_box input {
    width: 500px;
    /* height: 38px; */
  }
}

@media screen and (max-width: 600px) {
  #header .search_box input {
    width: 380px;
    height: 38px;
  }

  .details-card {
   width: auto;
  }

  .about-me-input{
    padding-left: 0;
  }

  .footer .middle{
    padding-left: 20px;
    padding-bottom: 20px;

  }
  
  .footer {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .footer .left{
    padding-left: 20px;
    padding-bottom: 20px;
  }

  .footer .left img{
    width: 96px;
  }
  
  .footer .right{
    padding-right: 0px;
    padding-left: 20px;
    width: 100%;
  }


  
}


@media only screen and (max-width: 480px) {

  .group-chat-page-title.new{
    left: 0;
  }

  .group-chat-page{
    margin-left: 20px;
  }

  .km-group-chat-element-container .slick-list .slick-slide{
    width: 325px;
  }
  
  .km-group-chat-element-container {
      width: 100%;
  }
  .pop-wrap-event .body .send-message-form{
    margin-left: 20px;
    margin-right: 20px;
  }

  .profile-details-popup .pop-wrap-event {
    /* margin-top: 100%; */
    margin-left: 0;
    margin-right: 0;
  }

  .profile-details-popup .pop-wrap-event .body .cross-button-map {
    top: 1%;
    right: 1%;
  }

  .request-accept{
    /* left: 10%; */
    width: 89%;
  }

  .activity-image-new{
    width: auto;
  }

  .post-image-section{
    width: auto;
  }

  .chat-body{
    width: 97%;
    padding-right: 0;
    height: calc(100% - 90px);
    background-color: #212121;
    position: absolute;
    right: -116%;
    transition: transform 0.3s ease-in-out;
  }

  .message.user{

  }

  .message{
    align-items: flex-end;
  }

  .message-text-area{
    width: 90%;
  }

  .chat-page .left-bar{
    width: 100%;
  }

  .chat-body-header .left .list-appear-hamberger{
    display: block;
    margin-right: 27px;
    cursor: pointer;
  }

  .left-bar .left-bar-header{
    justify-content: space-between;
  }

  .image-perticpants .activity-post-image-new {
    width: 88%;
  }

  .image-perticpants .community-image-flex img{
    width: 30px;
    height: 30px;
  }
  .image-perticpants .activity-post-image-new a img{
    height: 175px;
    object-fit: cover;
    object-position: center;
  }

  .profile-image-details .post-image .layer:nth-child(2n) {
    margin-right: 0px;
    margin-bottom: 0px;
  }

  .profile-image-details .post-image .layer:nth-child(3n) {
    margin-right: 7px;
    /* margin-bottom: 0px; */
  }

  .my-activity-swipper{
    /* display: none; */
    overflow: hidden;
  }

  .banner-details-section{
    width: 95%;
  }

  .banner-section-title{
    white-space: unset;
  }

  .banner-content-area{
    padding-top: 50px;
  }

  .after-header-options{
    width: 89%;
    left: 0;
    margin-left: 12px;
    margin-right: 12px;
  }

  .city-banner {
    width: 95%;
  }

  .after-header .left .after-header-up{
    margin-left: 0;
    
  }

  .after-header .left .after-header-up{
    margin-right: 20px;
  }

  .organizer-lists{
    width: 96%;
  }
  .map-view{
    width: 100%;
    height: 400px;
  }

  .venues-list{
    flex-direction: column;
    /* align-items: center; */
  }

  .venues-list .venue{
    /* width: 100%; */
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px;
  }

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


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


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

  .venue .google-map{
    text-align: center;
  }

  .venue .venue-image img{
    width: 80%;
    height: 250px;
  }

  .venue .venue-image{
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
  }

  .cancel-social-party-pop .pop-wrap-event{
    margin-top: 85%;
  }


  .participants .pop-wrap-event{
    margin-top: 0%;
  }


  .select-city-pop .pop-wrap-event .body.pd-pop{
    padding-bottom: 115px;
  }

  .save-options-section.city{
    padding-bottom: 100px;
  }

  .repost-pop .pop-wrap-event{
    position: fixed;
    width: 100%!important;
    height: 100%;
    top: 0;
    border-radius: 0px;
  }

  .repost-pop .pop-wrap-event .body form{
    width: 90%;
  }

  .right-link{
    right: 95px;
  }

  .google-link-button{
    width: auto;
    height: 30px;
    top:7px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .kemi-score-sec div{
    font-size: 14px;
  }

  .activity-post-image-new a img{
    height: 320px;
  }

  .mobile-meet-section-subtitle{
    font-size: 18px;
  }

  .social-footer-fix-sec.last a.going.mobile{
    font-size: 18px;
  }

  .mobile-meet-section-title{
    font-size: 24px;
  }

  .social-footer-fix-sec.mobile .date-total{
    font-size: 20px;
  }

  .mobile-inner-section{
    padding-top: 45px;
  }

  .mobile-title{
    font-size: 22px;
  }

  .mobile-inner-section .title-sec{
    font-size: 18px;
  }

  .mobile-inner-section .text{
    font-size: 16px;
  }

  .select-city-pop .save-options-section.select-city .options select{
    width: 220px;
  }

  .select-city-pop .pop-wrap-event .body{
    height: auto;
  }

  .save-options-section.city .options select{
    width: 275px;
    height: 40px;
  }
  
  .save-options-section.city .button a{
    height: 40px;
  }

  .profile-step .pop-wrap-event .body{
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .suggest_pop_new{
    width: 100%!important;
    /* margin: 0; */
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100vh!important;
  }

  .suggest_pop_new .pop-wrap-event{
    margin: 0;
    border-radius: 0;
    position: fixed;
    width: 100%!important;
    min-height: 100vh!important;
    padding-top: 0!important;
    margin-top: 45%;
  }

  .under-space{
    display: block;
  }

  .suggest-form-new{
    margin-left: 0;
    margin-right: 0;
  }

  .suggest_pop_new .pop-wrap-event .body{
    margin-top: 50px;
  }
  .suggest_pop_new .pop-wrap-event .body form{
    width: 92%;
  }

  .profile-details-info .right div input{
    font-size: 18px;
  }

  .city-card-body .post-image img{

    height: 320px;
  }
  .slick-tags-arrow{
    display: block;
  }

  /* .use-app{
    display: block;
  }
  .app-link-popup{
    display: block;
  } */

  .app-dim.on{
    display: block;
  }

  .app-dim.on .app-link-popup{
    display: block;
  }

  .cancel-community-post .pop-wrap-event{
    margin-top: 85%;
  }

  .floating-input{
    width: auto;
    right: -5px;
    bottom: 0;
  }
  .date-select select{
    width: 90%;
    margin-bottom: 15px;
  }

  .my-hosting-title{
    font-size: 32px;
  }

  .review-members{
    font-size: 12px;
    width: 118px;
  }
  .participants-title{
    font-size: 22px;
  }

  .main-title{
    font-size: 12px; 
  }

  .header-left .title{
    font-size: 12px;
  }

  .more a{
    font-size: 12px;
  }

  .host-card-right .host-activity-post-body{
    font-size: 12px;
  }
  .activity-post-image{
    margin-right: 5px;
    /* height: auto; */
  }

  .community-image-flex img{
    width: 28px;
    height: 28px;
  }

  .body.activity-swipper{
    width: 100vw;
  }

  .header .main-title{
    font-size: 20px;
  }

  .mix-city-cards-section{
    margin-top: 30px;
  }

  .read-more a{
    font-size: 12px;
  }

  .activity-post-image img{
    width: 150px;
    height: 100%;
    object-fit: cover;
  }

  .host-activity-card.new.swiper-slide{
    width: 364px!important;
  }

  .post-preview{
    width: auto;
    margin-bottom: 0;
    margin-left: 7px;
    margin-right: 7px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;

  }

  .main-post .header{
    padding-top: 20px;
    align-items: center;
  }

  .main-title{
    font-size: 16px;
  }

  .footer.preview{
    padding-top: 10px;
  }

  .activity-post-other-info .info{
    font-size: 12px;
  }

  .body .activity-post-main-body{
    /* font-size: 12px; */
  }

  .participant-activity-info .body ul li{
    font-size: 12px;
  }

  .additional-tags span{
    font-size: 12px;
  }

  .footer .back-next .back-first{
    font-size: 13px;
  }

  .footer .back-next button{
    font-size: 13px;
  }

  #container.post-preview-container{
    padding-bottom: 30px;
  }
  .remove-profile-section{
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
  }
  .tag-body-section{
    width: 85%;
  }

  .tab-cont-wrp.my-kemi{
    padding-left: 15px;
    padding-right: 15px;
  }

  .call.my-kemi .content .tab a{
    font-size: 18px;
  }
  /* new rsvp page */
  .rsvp-title{
    font-size: 28px;
  }

  .rsvp-sections{
    padding-left: 15px;
    padding-right: 15px;
  }

  .new-m-tags .tags-lists{
    width: 100%;
  }

  .new-m-tags.tag-top{
    width: auto;
  }

  .edit-tag{
    /* margin-left: 25px; */
    /* position: absolute; */
    /* bottom: 0%; */
    /* right: 3%; */
  }  

  .new-m-tags.tag-top .edit-tag{
    /* right: 10%; */
  }
  /* new profile page mobile responsive */
  .role-profile .main-profile-info .profile-image img{
    width: 80px;
    height: 80px; 
  }

  .favorite-food-sec .food-sec-title{
    font-size: 22px;
  }

  .my-interest-sec .interest-sec-title{
    font-size: 22px;
  }

  .favorite-food-sec .food-tags a{
    font-size: 10px;
    margin-right: 10px;
    margin-bottom: 10px;

  }

  .profile-details-info .details-info-sec .left{
    font-size: 18px;
  }

  .profile-details-info .details-info-sec .right{
    font-size: 18px;
  }

  .profile-image-details .post-image .layer{
    width: 48%;
    height: 150px;
  }


  .my-interest-sec .interest-tags a{
    font-size: 10px;
    margin-right: 10px;
    margin-bottom: 10px;

  }

  .my-interest-sec .interest-tags{
    flex-wrap: wrap;
  }

  .favorite-food-sec .food-tags{
    flex-wrap: wrap;
  }

  /*  */
  #mobile-menu-app{
    display: block;
  }

  #mobile-menu-app{
    width: 100%;
    height: 100%;
    background-color: #212121;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 16px;

  }

  #mobile-menu-app nav ul li{
    padding-bottom: 40px;
  }

  #mobile-menu-app nav ul li a{
    font-size: 18px;
    font-family: 'Urbanist-Bold';
    color: #ffffff;
  }
  .sl-wrapper .sl-navigation button.sl-prev{
    top: 50%;
    left: 15%;
  /* left: 50%; */
    transform: translate(-50%, -0%);
  }

  .sl-wrapper .sl-navigation button.sl-next{
    top: 50%;
    right: 5%;
    /* left: 50%; */
    transform: translate(-50%, -0%);
  }

  .sl-wrapper .sl-image{
   
    height: 170px!important;
    width: 220px!important;
  }

  /* new member page mobile responsive */

  .member-list{
    /* flex-wrap: wrap; */
  }

  section.new-member{
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .member-list .member{
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px!important;
  }

  section.new-member .new-m-title{
    font-size: 28px;
  }

  .mix-city-title{
    font-size: 18px;
  }

  section.new-members-community{
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .city-card-body .post-image .layer{
    height: 145px;
  }

  .city-card-body .post-tags .tag{
    /* padding-left: 7px;
    padding-right: 7px;
    padding-top: 5px;
    padding-bottom: 5px; */
    font-size: 12px;
  }

  .new-m-tags{
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
  }

  .city-card-body .post-image .layer.on .text{
    font-size: 22px;
  }
  /*  */
  .all-tags{
    width: 350px;
  }

  .role-sparty-unavailable{
    height: 75vh;
    padding-bottom: 0;
  }
  .role-sparty-unavailable img{
    width: 100px;
    height: 100px;
    margin-bottom: 50px;
  }

  .role-sparty-unavailable h2{
    font-size: 24px;
    white-space: normal;
    padding-left: 15px;
    padding-right: 15px;
  }

  /* suggest page popup */

  .pop-wrap-event .body .suggest-form{
    width: 300px;
  }

  select.suggest-input{
    width: 100%;
  }
  .suggest-profile-card{
    margin-bottom: 10px;
  }

  .submit-suggest{
    
  }

  
  .all-comments{
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .collapse-title{
    padding-top: 10px;
  }

  /* report page new design mobile responsive */


  .suggest .suggest-title {
    font-size: 30px;
    line-height: 36px;
    padding-bottom: 30px;
   
  }

  .collapse-good-bad-kemi {
    
    border-left: 1px solid #343434;
    border-right: 1px solid #343434;
    margin-left: 16px;
    margin-right: 16px;
  }

  .mix-city-cards-section .good-bad-kemi-comments .collapse-good-bad-kemi{
    margin-left: 0px;
    margin-right: 0px;
  }

  .mix-comment-form input{
    text-indent: 0px;
  }

  .all-comments{
    margin-left: 16px;
    margin-right: 16px;
  }

  .join-button a{
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }


  #container.suggest-cont{
    padding: 50px 0 50px;
  }

  .suggest {
    padding-left: 0px;
    padding-right: 0px;
  }

  .suggest .suggest-body {
    width: 100%;
  }

  /*  */
  .profile_report_img_list{
    padding-left: 20px;
  }
  .report .report-title{
    font-size: 14px;
    line-height: 18px;
  }

  .report-sec .left-text, .right-text {
    font-size: 14px;
    line-height: 18px;
    
  }

  .pic-title {
    font-size: 14px;
    line-height: 18px;
  
  }

  .suggest-form{
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .suggest_pop .pop-wrap-event .body{
    height: 490px;
  }
  
  .suggest-input{
    width: 98%;
    font-size: 12px;
    line-height: 14px;
    height: 35px;
  }

  .suggest-form textarea{
    width: 98%;
    font-size: 12px;
    line-height: 14px;
    height: 150px;
  }

  .submit-suggest button{
    width: 150px;
    height: 45px;
    font-size: 12px;
  }

  .suggest_pop .pop-wrap-event .body {
    height: 400px;
  }

  .suggest_pop .pop-wrap-event .body .suggest-title {
    font-size: 18px;
    line-height: 22px;
   
  }
  /* language learner popup */
  .pop-wrap-event .body .send-mail .right .title{
    font-size: 18px;
    line-height: 32px;
  }

  .pop-wrap-event .body .send-mail .right .title .img-one {
   
    top: 57%;
    
  }

  .send-mail{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .send-mail .left{
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .send-mail .right{
    width: 100%;
  }

  .social-party-flex {
    padding-top: 10px;
  }



  /* new role base pop up design responsive */

  .pop-wrap-event .pop-body .my-city {
    width: 300px!important;
  }

  .local-expat {
   
    padding-top: 50px;
  }

  .create-network{
    padding-top: 50px;
  }
  #city_options {
    width: 325px;
    margin-left: 10px;
  }

  .create-network .left {
    width: 65%;
  }
  #last_image_popup{
    width: 350px!important;

  }

  .language-level .body .subtitle {
    font-size: 14px;
    line-height: 17px;
    padding-top: 30px;
  }
  .pop-wrap-event .body .title {
    font-size: 22px;
    line-height: 17px;
    
  }
  .pop-wrap-event .body .sub-title {
    font-size: 14px;
    line-height: 17px;
    
  }

  .pop-wrap-event .body .sub-subtitle {
    font-size: 14px;
    line-height: 17px;
    
  }

  .click .text{
    font-size: 12px;
  }

  .click{
    bottom: 13%;
    right: 46%;
  }

  .pop-wrap-event .sub-subtitle{
    font-size: 12px;
  }

  .cross-button-new-popup {
    /* position: absolute; */
    top: -15px;
    right: -5px;
   
  }
  .pop-wrap-event.language-level{
    width: 95%;
  }

  .after-when-where .right .subtitle span img{
    height: 27px;
  }

  .after-when-where .right .title {
    font-size: 18px;
    line-height: 22px;
  }

  .click-good-kemi .title{
    font-size: 18px!important;
    line-height: 22px!important;
    padding-bottom: 10px;
  }

  .create-network .left .title{
    font-size: 18px;
    line-height: 22px;
  }


  .arrival-pop .text{
    font-size: 18px;
    line-height: 22px;
  }

  .after-when-where{
    padding-top: 30px;
  }

  .pop-wrap-event .body .pop-body .arrival-pop .arr-image {
    width: 145px!important;
    height: 145px;
    padding-bottom: 15px;
  }

  .last-image img{
    width: 200px!important;
  }

  .create-network .left{
    width: 75%;
  }

  .click-good-kemi .subtitle-cl-good{
    font-size: 18px;
    line-height: 22px;
  }

  .after-when-where .right .subtitle {
    font-size: 14px;
    line-height: 17px;
  }
  .after-when-where .right{
    width: 80%;
  }

  .click-good-kemi{
    padding-left: 64px;
    padding-right: 64px;
  }

  .after-when-where{
    padding-left: 64px;
    padding-right: 64px;
  }
  /* if meetups not available */
  .list-meetups {
    
    flex-wrap: wrap;
    justify-content: space-around;
  
  
  }


  .list-meetups .meetup-card {
    height: auto;
    width: 160px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
  }

  .after-meetup-card {
   width: auto;
   font-size: 18px;
   line-height: 22px;
  }

  .vote-link a {
    width: 274px;
    font-size: 18px;
   line-height: 22px;
   text-align: center;
   padding-left: 10px;
   padding-right: 10px;
  }

  /*  */

    /* social party new design */

    .pop-wrap-event .body form{
      width: auto;
    }
    .after-gallery .text {
      padding-left: 40px;
      padding-right: 40px;
      font-size: 18px;
    }
  
    .page-item {
      padding-left: 10px;
      padding-right: 10px;
    }
  
    /*  */

  .pop-wrap-event .body {
   
    height: 227px;
    
  }

  .more-info .pop-wrap-event .body{
    height: auto;
  }

  .pop-wrap-event .body.edit_travel {
   
    height: 400px;
    
  }

  .pop-wrap-eng{
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .pop-wrap-eng .body {
   
    padding-bottom: 10px;
  }

  .footer .left{
    padding-left: 20px;
    padding-bottom: 20px;
  }

  .footer .left img{
    width: 96px;
  }
  
  .footer .right{
    padding-right: 0px;
    padding-left: 20px;
    width: 100%;
  }

  .sec .tl{
    font-size: 12px;

  }

  .sec .td{
    font-size: 12px;
  }

  .right .cpy-text{
    font-size: 12px;
  }

  .page-item-wrap .sitem04-wrap .cont .spic {
    max-width: 134px;
   
}



  .footer .middle{
    padding-left: 20px;
    padding-bottom: 20px;
    width: 100%;

  }
  
  .footer {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  
  #header .search_box input {
    width: 280px;
    height: 38px;
  }
  .sitem03-wrap .title {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
    text-align: center;
  }
  .sitem03-wrap .body .service-sections {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .sitem03-wrap .body .service-sections .sr-section {
    width: auto;
    margin-bottom: 50px;
  }

  .sitem04-new-wrap .sitem04-title {
    font-size: 22px;
    margin-bottom: 50px;
  }

  .sitem04-new-wrap {
    margin-top: 100px;
    /* margin-bottom: 50px; */
  }

  .pr img {
    width: 85px;
  }

  .under-text-first {
    font-size: 14px;

    left: -18px;
  }

  .under-text-last {
    font-size: 14px;
  }

  .sitem05-wrap {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 50px;
    margin-top: 100px;
  }

  .sitem05-image-section {
    width: 300px;
    height: 300px;

    border-radius: 52px;

    left: 0px;
  }

  .sitem05-right {
    width: 100%;
    /* margin-left: 20px; */
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .sitem05-left .sitem05-image-section img {
    width: 300px;
  }

  .sitem06-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sitem06-image-section {
    width: 300px;
    height: 300px;

    border-radius: 52px;

    position: relative;
  }

  .sitem06-right .sitem06-image-section img {
    width: 350px;
  }

  .sitem06-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

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

  .sitem07-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sitem07-image-section {
    width: 300px;
    height: 300px;

    border-radius: 52px;

    left: 35px;
  }

  .sitem07-image-section img {
    width: 370px;
  }

  .sitem07-right {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .profile-wrap .border {
    width: 300px;
  }

  .details-card {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .sec div div .ln-level {
    padding-left: 5px;
  }

  .sec div div .lng {
    padding-right: 5px;
  }

  .details-card .sec {
    padding-top: 13px;
    padding-bottom: 13px;
    
  }

  .details-card .sec span{
    font-size: 14px;
  }

  .details-card .sec span input{
    font-size: 14px;
  }

  .sec div div input{
    font-size: 14px;
  }


  .about-me-sec div{
    font-size: 14px;
  }

  .about-me-input {
   font-size: 14px;
   padding-left: 0px;
}
  .people-review .review-card {
    margin-left: 10px;
    width: auto;
    margin-right: 10px;
  }

  .call {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .tab-cont-wrp {
    margin-bottom: 20px;
  }
  #container {
    padding-bottom: 20px;
    background: #222222;
    background-size: 100% auto;
  }

  .sections .title {
    font-size: 14px;
  }

  .sections .title .choose {
    font-size: 12px;
  }

  .last-title {
    font-size: 12px;
  }

  .country .inputs label {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .sitem-title {
    
    text-align: center;
    font-size: 24px;
    line-height: 30px;
  }


  .sitem-body ul li {
    
    text-align: center;
  }

  .page-item-wrap .sitem04-wrap .cont .msg span img {
   
    width: 50px;
    top: -200%;
    right: -124%;
}


.page-item-wrap .sitem04-wrap .cont .line span {
  /* font-size: 12px; */
  margin-left: 154px;
  /* bottom: 45%; */
}

.page-item-wrap .sitem04-wrap .cont {
  padding-top: 35px;
  
}

.page-item-wrap .sitem04-wrap .cont .line span img {
 
  left: 0%;
  width: 30px;
}


  .sitem-subtitle {
   
    font-size: 22px;
  }

  .bg-text-left {
    position: absolute;
    top: -12%;
  }

  .bg-text-left img {
    width: 50px;
    height: 50px;
}

.bg-text-right img {
  width: 50px;
  height: 50px;
}

.bg-text-right {
 
  bottom: 0%;
  
}

.page-item-wrap .sitem04-wrap .cont .msg span:before {
 
  right: 13%;
  /* top: 29%; */
 
}

.page-item-wrap .sitem04-wrap .cont .line span:before {
  
  left: 7%;
}

.tab-wrap {
  width: auto;
  /* justify-content: space-around; */
  justify-content: space-between;
}

.tab-wrap__item {
  font-size: 12px;
}


.bg-text-left{
  display: none;
}

.bg-text-right{
  display: none;
}

.page-item-wrap-new{
 
}

.page-item-wrap-new .title-one{
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 36px;
}
.page-item-wrap-new .title-two{
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 36px;
}

.about-me-buttons .abt-me-button {
  width: 245px!important;
  height: 46px!important;
  font-size: 14px!important;
  line-height: 17px!important;
}

.pop-wrap-event{
  width: 100%;
  margin-left: 16px;
  margin-right: 16px;
}

.pop-wrap-event .title {
  font-size: 18px;
  line-height: 22px;
}
.pop-wrap-event .sub-title{
  font-size: 14px;
  line-height: 17px;
}
.pop-wrap-event .pop-body img {
 
  width: 152px;
  height: auto;
}
.footer .start-travel {
  font-size: 14px;
  line-height: 17px;
}

.date-from-to input[type="date"] {
  width: 133px;
}

.input-fields .date-from-to input[type="text"] {
  width: 325px;
  height: 42px;
}

.input-fields div label{
  font-size: 14px;
  line-height: 17px;
}

.speak-level select {
  width: 135px;
}

.travel_final .pop-wrap-event .body{
  height: auto;
}

body{
  position: static;
}

#footer{
  position: static;
}

.set-up-card {
  width: 380px;
  margin-left: 16px;
  margin-right: 16px;
}

.card-header{
  font-size: 20px;
  line-height: 24px;
}

.txt .title{
  font-size: 14px;
  line-height: 17px;
}

.txt .text{
  font-size: 14px;
  line-height: 17px;
}

.card-footer a{
  font-size: 14px;
  line-height: 17px;
}

.after-header{
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  flex-direction: column;
}

.after-header .left{
  border-bottom: 1px solid#3c3c3c;
  padding-top: 15px;
  padding-bottom: 15px;

}

.after-header .left div{
  padding-left: 15px;

}

.after-header .right{
  display: flex;
  justify-content: center;
  padding-top: 10px;
  /* padding-bottom: 10px; */
}

.page-item-wrap-new{
  /* margin-top: 0px; */
}

.info ul li{
  font-size: 14px;
  line-height: 17px;
}

.cards .card{
  width: auto;
  margin-left: 16px;
  margin-right: 16px;
}

.card .left .title{
  font-size: 12px;
  line-height: 14px;
}

.card .left .subtitle{
  font-size: 24px;
  line-height: 1.5;
}

.card .left .info{
  font-size: 16px;
  line-height: 1.5;
}

.right .move-button a{
  width: 35px;
  height: 35px;
}



.page-item .title{
  font-size: 30px;
  line-height: 36px;
}

.page-item .subtitle{
  font-size: 14px;
  line-height: 17px;
}

.page-item .info{
  font-size: 12px;
  line-height: 14px;
}

.page-item .google-link a{
  font-size: 14px;
  line-height: 17px;
}
.sc_img_list li img{
  height: 220px;
  object-fit: cover;
  width: 310px!important;
}

.mb-hide{
  display: none;
}

.desktop-hide{
  display: block;
  /* padding-bottom: 70px; */
}
.owl-item.active{
  margin-left: 11px;
  margin-right: 11px;
}

.info-text{
  margin-top: 60px;
  margin-bottom: 80px;
  margin-right: 27px;
  margin-left: 27px;
}

.page-item .subtitle::before {
  margin-left: 0em;
}

.row{
  padding-left: 16px;
  padding-right: 16px;
  flex-wrap: wrap;
  padding-bottom: 0;
}

.group-card{
  width: 45%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 9px;
  padding-right: 9px;


}

.group-card .image img{
  height: 159px;
}

.group-card .title{
  font-size: 14px;
  line-height: 17px;
}

.group-card .link a{
  font-size: 14px;
  line-height: 17px;
}

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

.owl-carousel.owl-loaded {
  /* display: block; */
  height: 300px;
}

#header .gnb ul.mobile_list.type01 li a{
  font-size: 14px;
  line-height: 17px;
}

#header .gnb ul.mobile_list.type01 li{
  padding-bottom: 5px;
}

#header .gnb ul.mobile_list {
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 16px;
  padding-right: 16px;
}

.mobile_list.type01{
  /* padding-top: 50px!important; */
}

.set-up-card{
  width: auto;
}

.card-header{
  height: 60px;
}

.card-footer{
  height: 60px;
}

.card-body .txt {
  padding-left: 20px;
  padding-right: 20px;
}

.loc-card {
  padding-bottom: 20px;
  padding-right: 10px;
}

#after-header {
  /* padding-top: 55px; */
}

#container {
  padding: 50px 0 0px;
  height: auto;
}

.page-item-wrap-new {

  padding-bottom: 50px;
  text-align: center;
}

.all-groups-margin {
margin-top: 0px;
margin-bottom: 0px;
}

.owl-nav{
display: none;
}

.info-text {
margin-top: 35px;
margin-bottom: 10px;
font-size: 16px;

}

.page-item {
padding-left: 10px;
padding-right: 0;
}

#header .gnb .inner {

padding: 0px 0px 0px;

}

.mobile_list .header{
font-size: 18px;
line-height: 22px;
font-family: 'Urbanist-Bold';
/* padding-left: 10px; */
padding-top: 10px;
}

#header .gnb ul.mobile_list.type01 li a {

padding-left: 0;
}

.mob-hr{
color: #ededed;
margin-top: 10;
margin-bottom: 0;
}

}


@media only screen and  (max-width: 414px) {

  .cancel-community-post .pop-wrap-event {
    margin-top: 75%;
    margin-left: 0;
    margin-right: 0;
  }

  .kemi-score.top{
    right: 10px;
  }
  .location .input_box input {
    height: 45px;
    font-size: 16px;    
  }

  .post-header-popup.profile-new{
    right: 25px;
  }

  .login {
    padding: 20px 20px 20px;
  }

  .matching_email_setting {
   
    padding: 40px 20px 0;
}

.round{
  font-size: 14px;
}

  .join-step2-1{
    padding-top: 50px;
  }
  .location .input_box{
    height: 45px;
  }
  .profile-wrap {
    /* margin-top: 135px; */
    /* margin-bottom: 65px; */
    margin-bottom: 0px;
    margin-top: 30px;
   
  }

  .w270 {
    width: 107px !important;
    margin: 0 auto;
  }

  #header .search_box input {
    width: 155px;
    
  }

  #header .search_box {
    width: calc(100% - 175px);
      /* position: static; */
  }
}

@media screen and (max-width: 384px){
  .tags-lists label.slick-slide{
    /* width: 115px!important; */
  }
  .mobile-social-party-images .swiper-wrapper .swiper-slide {
    margin-right: 20px!important;
    width: 315px!important;
  }

  .host-activity-card.new.swiper-slide{
    width: 320px!important;
  }
 
  .add-tag-selct2{
    margin-left: 5px;
    margin-right: 5px;
  
  }

  .suggest-form-new {
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
  }

  .add-tag-selct2 label{
    font-size: 12px;
  }
  .suggest-tab .content .tab{
    width: 200px;
  }

  .all-tags .tag{
    font-size: 12px;
    width: 60px;
    height: 30px;

  }

  .all-tags{
    width: 300px;
  }
  #header .search_box input {
    width: 116px;
  }

  .pop-wrap-event.language-level {
    /* width: 1112px; */
    bottom: -95px;
  }

  .cross-button-new-popup {
    
    top: -40px;
   
  }

  .click-good-kemi {
    padding-left: 95px;
    padding-right: 95px;
  }
}


@media screen and (max-width: 375px) {

  .cancel-community-post .pop-wrap-event {
    margin-top: 100%;
    margin-left: 0;
    margin-right: 0;
  }
 
  .city-card-body .post-image .layer{
    width: 44%;
    margin-right: 10px;
  }
  /* #header .search_box input {
    width: 185px;
   
  } */
}

@media screen and (max-width: 355px)  {
  .mobile-social-party-images .swiper-wrapper .swiper-slide {
    margin-right: 20px!important;
    width: 250px!important;
  }
  .mobile-social-party-images .list-watch .list-watch__item .list-watch__img {
    width: 285px;
  } 
}

@media screen and (max-width: 384px) { 
  .mobile-social-party-images .list-watch .list-watch__item .list-watch__img {
    width: 315px;
  } 
}
@media only screen and (min-width: 385px) and (max-width: 399px) { 
  .mobile-social-party-images .list-watch .list-watch__item .list-watch__img {
    width: 340px;
  } 
}
@media screen and (max-width: 360px) {
  .mobile-social-party-images .swiper-wrapper .swiper-slide {
    margin-right: 20px!important;
    width: 285px!important;
  }
  .mobile-social-party-images .list-watch .list-watch__item .list-watch__img {
    width: 300px;
  } 
  .tab-wrap__item {
    font-size: 11px;
  }

  .profile-image-details .post-image .layer{
    width: 44%;
    height: auto;
  }

  .profile-about{
    padding-left: 20px;
    padding-right: 20px;
  }

  .favorite-food-sec .food-sec-title{
    font-size: 18px;
  }

  .my-interest-sec .interest-sec-title{
    font-size: 18px;
  }

  .profile-details-info .details-info-sec .left{
    font-size: 14px;
  }

  .profile-details-info .details-info-sec .right{
    font-size: 14px;
  }

  .favorite-food-sec{
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .my-interest-sec{
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .profile-details-info{
    padding-top: 30px;
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 320px) {

  .message-text-area{
    width: 87%;
  }
 
  .message-text-area input{
    margin-left: 10px;
  }

  .login-page-section{
    margin-top: 10px;
    padding-bottom: 20px;
  }

  .sl-wrapper .sl-image{
    
  }
  .sl-wrapper .sl-navigation button.sl-prev{
    left: 4%;
    width: 25px;
    height: 25px;
  }

  .sl-wrapper .sl-navigation button.sl-next{
    right: 4%;
    width: 25px;
    height: 25px;
  }


    /* new popup design reponsive */

    .start-role-button a{
      font-size: 14px;
    }
  
    .after-when-where .right{
      width: 75%;
    }
  
    #last_image_popup{
      width: 300px!important;
    }
  
    .create-network .left{
      width: 50%;
    }
  
    .click-good-kemi {
      padding-left: 110px;
      padding-right: 110px;
    }

  .pop-wrap-event .body.edit_travel {
    height: 310px;
  }

  .pop-wrap-event { 
    padding-top: 36px;
  }

  .pop-wrap-event .body.tr-body-first {
    height: 200px;
  }

  .input-fields .date-from-to input[type="text"] {
    width: auto;
    height: 42px;
  }

  .travel_final .pop-wrap-event .body {
    height: 175px;
  }
  .date-from-to input[type="date"] {
    width: 110px;
  }

  .travel_first .pop-wrap-event .body {
    height: 220px;
  }
  .my_real__user img {
    width: 30px;
    height: 30px;
    padding-right: 20px;
  }

  .friend {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 15px 0;
  }

  #header .search_box input {
    width: 130px;
   
  }

  .sitem05-image-section {
    width: 250px;
    height: 250px;
    border-radius: 52px;
    left: 0px;
  }

  .sitem05-left .sitem05-image-section img {
 
    width: 100%;
  }
}


@media only screen and (max-width: 850px) {


  /* premium user responsive */
  .premium-user{
    padding-left: 0!important;
    padding-right: 0!important;

  }

  .premium-user-cards .row-card{
    flex-wrap: wrap;
  }

  .premium-user-cards .row-card .user-card{
    width: 45%;
    margin-bottom: 20px;
    padding: 5px;
  }

  .user-card .batch{
    top: 24px;
    left: -65px;
  }

  .match-starts-card{
    flex-direction: column;
    height: auto;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;

  }

  .match-starts-card .right{
    flex-direction: row;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .match-starts-card .right .text{
    padding-bottom: 10px;
  }

  .premium-user-cards{
    margin-top: 0;
  }


  /* last week party  */

  .last-week{
    padding-left: 10px!important;
    padding-right: 10px;
  }

  .buttons button{
    width: 80px;
    height: 40px;
    margin-bottom: 10px;
  }

	.going-link a.white{
		border: none;
	}

  .last-week-sec .right{
    margin-left: 40px;
  }

  /* social party new change */
  .going-link.mobile{
    display: flex;
  }

  /* social party new changes */
  .social-party-flex {
    flex-direction: column;
  }

  .page-item.social-party-flex .left-so {
    width: 100%;
  }

  .page-item.social-party-flex .right-so{
    width: 100%;
  }


  /* socail party new design  */
  .mb-hide{
    display: none;
  }

  .desktop-hide{
    display: block;
    /* padding-bottom: 70px; */
  }

  .sc_img_list li img{
    height: 220px;
    object-fit: cover;
    width: 310px!important;
  }

  .page-item {
    padding-left: 30px;
    padding-bottom:100px;
    padding-right: 30px;
  }

  .after-gallery {
    width: auto;

  }

  /*  */


  #wrap #header .lng-select {
    display: none;
  }
  .sitem03-wrap .body .service-sections {
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sitem03-wrap .body .service-sections .sr-section {
    width: 260px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .sitem04-new-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sitem05-wrap {
    flex-direction: column;
  }

  .sitem05-left {
    width: 100%;
    margin-bottom: 100px;
    /* padding-bottom: 135px; */
  }

  .sitem05-right {
    width: 100%;
    margin-left: 100px;
  }

  .sitem06-wrap {
    flex-direction: column;
    margin-bottom: 80px;
  }

  .sitem06-left {
    order: 2;
    width: 100%;
    margin-bottom: 100px;
    /* padding-bottom: 135px; */
  }

  .sitem06-right {
    width: 100%;
    order: 1;
    padding-bottom: 70px;
  }

  .sitem07-wrap {
    flex-direction: column;
  }

  .sitem07-left {
    width: 100%;
    margin-bottom: 100px;
  }

  .sitem07-right {
    width: 100%;

    /* padding-bottom: 70px; */
  }

  .profile-wrap .border {
    width: 500px;
  }

  .call {
    margin-top: 50px;
    margin-left: 70px;
    margin-right: 70px;
  }
  .tab-cont-wrp {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 480px) {

  .profile-details-popup .pop-wrap-event .role-profile {
    /* width: 90%; */
  }


  .chat-body-header .right .post-header-popup{
    right: 50px;
  }


  /* .community-activity .suggest-input-new::-webkit-calendar-picker-indicator{
    display: none;
    -webkit-appearance: none;
  }

  .community-activity .suggest-input-new::-webkit-time-picker-indicator{
    display: none;
    -webkit-appearance: none;
  }

  .webview-icon{
    display: block;
  } */

  form .input-section.signup .passshow img{
    width: 20px;
    height: 20px;
  }

  form .input-section.signup .passhide img{
    width: 20px;
    height: 20px;
  }

  form .input-section.signup .passshow{
    margin-left: 3px;
  }

  .select-language-section .language-section .plus-minus-level{
    right: -21px;
  }

  .select-language-section .language-section .lng select{
    width: 135px;
  }

  .select-language-section .language-section .level select{
    width: 135px;
  }

  .select-language-section .language-section .plus-minus-level a img{
    width: 15px;
    height: 15px;
  }

  .select-city-pop .pop-wrap-event.step_4{
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .good-kemi-review-pop .pop-wrap-event .body{
    height: auto;
    padding-bottom: 35px;
  }

  /* new roommate page mobile responsive */
  .roomate-page-section{
    padding-left: 15px;
    padding-right: 15px;
  }

  .roommate-page-title{
    margin-top: 30px;
  }

  .member-list.my-roommate .member{
    margin-left: 15px;
    margin-right: 15px;
  }

  /* premium user mobile responsive */
  .premium-user-cards .row-card .user-card{
    width: 42%;

  }

  /* if meetups not available */
  .list-meetups {

    flex-wrap: wrap;
    justify-content: space-around;


  }


  .list-meetups .meetup-card {
    height: auto;
    width: 160px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
  }

  .after-meetup-card {
    width: auto;
    font-size: 18px;
    line-height: 22px;
  }

  .vote-link a {
    width: 274px;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  /*  */

  /* social party new design */

  .after-gallery .text {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    font-size: 18px;
  }




  .page-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  /*  */


  .page-item-wrap .sitem04-wrap .cont .msg:before {
    right: 14%;
    top: 28%;
  }

  .sitem-title {
    font-size: 30px;

    text-align: center;
  }

  .sitem-subtitle {

    font-size: 22px;
    line-height: 27px;
  }

  .sitem-body ul li {
    color: #a3a3a3;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Urbanist-Medium';
  }

  .sitem03-wrap .title {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
    text-align: center;
  }
  .sitem03-wrap .body .service-sections {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .sitem03-wrap .body .service-sections .sr-section {
    width: auto;
    margin-bottom: 50px;
  }

  .sitem04-new-wrap .sitem04-title {
    font-size: 22px;
    margin-bottom: 50px;
  }

  .sitem04-new-wrap {
    margin-top: 100px;
    /* margin-bottom: 50px; */
  }

  .pr img {
    width: 85px;
  }

  .under-text-first {
    font-size: 14px;

    left: -18px;
  }

  .under-text-last {
    font-size: 14px;
  }

  .sitem05-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sitem05-image-section {
    width: 300px;
    height: 300px;

    border-radius: 52px;

    left: 0px;
  }

  .sitem05-right {
    width: 100%;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .sitem05-left .sitem05-image-section img {
    width: 300px;
  }

  .sitem06-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sitem06-image-section {
    width: 300px;
    height: 300px;

    border-radius: 52px;

    position: relative;
  }

  .sitem06-right .sitem06-image-section img {
    width: 350px;
  }

  .sitem06-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

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

  .sitem07-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sitem07-image-section {
    width: 300px;
    height: 300px;

    border-radius: 52px;

    left: 35px;
  }

  .sitem07-image-section img {
    width: 370px;
  }

  .sitem07-right {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .profile-wrap .border {
    width: 300px;
  }

  .details-card {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .sec div div .ln-level {
    padding-left: 5px;
  }

  .sec div div .lng {
    padding-right: 5px;
  }

  .details-card .sec {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .people-review .review-card {
    margin-left: 10px;
    width: auto;
    margin-right: 10px;
  }

  .call {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .tab-cont-wrp {
    margin-bottom: 20px;
  }
  #container {
    padding-bottom: 20px;
    background: #222222;
    background-size: 100% auto;
    /* padding-top: 1px; */
  }

  .sections .title {
    font-size: 14px;
  }

  .sections .title .choose {
    font-size: 12px;
  }

  .last-title {
    font-size: 12px;
  }

  .country .inputs label {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .bg-text-left{
    display: none;
  }

  .bg-text-right{
    display: none;
  }

  .page-item-wrap-new{

  }

  .page-item-wrap-new .title-one{
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 36px;
  }
  .page-item-wrap-new .title-two{
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 36px;
  }

  .about-me-buttons .abt-me-button {
    width: 245px;
    height: 46px;
    font-size: 14px;
    line-height: 17px;
  }

  .pop-wrap-event{
    width: 100%;
    margin-left: 16px;
    margin-right: 16px;
  }

  .pop-wrap-event .title {
    font-size: 18px;
    line-height: 22px;
  }
  .pop-wrap-event .sub-title{
    font-size: 14px;
    line-height: 17px;
  }
  .pop-wrap-event .pop-body img {

    width: 152px;
    height: auto;
  }
  .footer .start-travel {
    font-size: 14px;
    line-height: 17px;
  }

  .date-from-to input[type="date"] {
    width: 134px;
  }

  .input-fields .date-from-to input[type="text"] {
    width: 325px;
    height: 42px;
  }

  .input-fields div label{
    font-size: 14px;
    line-height: 17px;
  }

  .speak-level select {
    width: 135px;
  }

  .travel_final .pop-wrap-event .body{
    height: auto;
  }

  body{
    position: static;
  }

  #footer{
    position: static;
  }

  .set-up-card {
    width: 380px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .card-header{
    font-size: 20px;
    line-height: 24px;
  }

  .txt .title{
    font-size: 14px;
    line-height: 17px;
  }

  .txt .text{
    font-size: 14px;
    line-height: 17px;
  }

  .card-footer a{
    font-size: 14px;
    line-height: 17px;
  }

  .after-header{
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    flex-direction: column;
  }

  .after-header .left{
    border-bottom: 1px solid#3c3c3c;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;

  }

  .after-header .left div{
    padding-left: 15px;

  }

  .after-header .right{
    display: flex;
    justify-content: center;
    padding-top: 10px;
    /* padding-bottom: 10px; */
  }

  .page-item-wrap-new{
    /* margin-top: 0px; */
  }

  .info ul li{
    font-size: 14px;
    line-height: 17px;
  }

  .cards .card{
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .card .left .title{
    font-size: 12px;
    line-height: 14px;
  }

  /*.card .left .subtitle{*/
  /*  font-size: 14px;*/
  /*  line-height: 17px;*/
  /*}*/

  /*.card .left .info{*/
  /*  font-size: 12px;*/
  /*  line-height: 18px;*/
  /*}*/

  .right .move-button a{
    width: 35px;
    height: 35px;
  }



  .page-item .title{
    font-size: 30px;
    line-height: 36px;
  }

  .page-item .subtitle{
    font-size: 14px;
    line-height: 17px;
  }

  .page-item .info{
    font-size: 12px;
    line-height: 14px;
  }

  .page-item .google-link a{
    font-size: 14px;
    line-height: 17px;
  }



  .owl-item.active{
    margin-left: 11px;
    margin-right: 11px;
  }

  .info-text{
    margin-top: 60px;
    margin-bottom: 80px;
    margin-right: 27px;
    margin-left: 27px;
  }

  .page-item .subtitle::before {
    margin-left: 0em;
  }

  .row{
    padding-left: 16px;
    padding-right: 16px;
    flex-wrap: wrap;
    padding-bottom: 0;
  }

  .group-card{
    width: 45%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 9px;
    padding-right: 9px;


  }

  .group-card .image img{
    height: 159px;
  }

  .group-card .title{
    font-size: 14px;
    line-height: 17px;
  }

  .group-card .link a{
    font-size: 14px;
    line-height: 17px;
  }

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

  .owl-carousel.owl-loaded {
    /* display: block; */
    height: 300px;
  }

  #header .gnb ul.mobile_list.type01 li a{
    font-size: 14px;
    line-height: 17px;
  }

  #header .gnb ul.mobile_list.type01 li{
    padding-bottom: 5px;
  }

  #header .gnb ul.mobile_list {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .set-up-card{
    width: auto;
  }

  .card-header{
    height: 60px;
  }

  .card-footer{
    height: 60px;
  }

  .card-body .txt {
    padding-left: 20px;
    padding-right: 20px;
  }

  .loc-card {
    padding-bottom: 20px;
    padding-right: 10px;
  }

  #after-header {
    /* padding-top: 55px; */
  }

  #container {
    padding: 50px 0 0px;
    height: auto;
  }

  .page-item-wrap-new {

    margin-bottom: 50px;
    text-align: center;
  }

  .all-groups-margin {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .owl-nav{
    display: none;
  }

  .info-text {
    margin-top: 35px;
    margin-bottom: 10px;
    font-size: 16px;

  }



  #header .gnb .inner {

    padding: 0px 0px 0px;

  }

  .mobile_list .header{
    font-size: 18px;
    line-height: 22px;
    font-family: 'Urbanist-Bold';
    /* padding-left: 10px; */
    padding-top: 10px;
  }

  #header .gnb ul.mobile_list.type01 li a {

    padding-left: 0;
  }

  .mob-hr{
    color: #ededed;
    margin-top: 10;
    margin-bottom: 0;
  }

}







@media screen and (max-width: 392px) {
  .member-list .member {
    width: 90px!important;
  }
 
  .group-card{
    width: 44%;
  }

  .pop-wrap-event .body {

    height: 250px;

  }
}

@media screen and (max-width: 387px) {

  .member-list .member {
    width: 80px!important;
  }
 
 

  /* premium user */
  .premium-user-cards .row-card .user-card{
    width: 41%;

  }

  /*  */
  .group-card{

    padding-left: 8px;
    padding-right: 8px;


  }

  .input-fields .date-from-to input[type="text"] {
    width: 320px;
    height: 42px;
  }


  .page-item .google-link a {
    font-size: 12px;
    width: auto;
    height: 40px;
  }

  .speak-level select {
    width: 120px;
    height: 50px;
    font-size: 13px;
  }

  .profile-details-popup .pop-wrap-event {
    /* margin-top: 130%; */
    
  }


}


@media screen and (max-width: 365px) {
  .date-from-to input[type="date"] {
    width: 118px;
  }
}

@media screen and (max-width: 323px) {

  .member-list .member{
    width: auto!important;
  }
  .pop-wrap-event .body .suggest-form{
    width: 220px;
  }

  .profile-discussion .text-left input{
    width: 200px;
  }
  /* home page new issue */
  .sitem06-image-section {
    width: 245px;
    height: 245px;
  }

  .sitem05-image-section {
    width: 245px;
    height: 245px;
   
  }

  .sitem05-left .sitem05-image-section img {
    width: 270px;
    height: 390px;
  }
  .sitem06-right .sitem06-image-section img {
    width: 270px;
    top: 7%;
    left: -8%;
  }

  /* premium user */
  .premium-user-cards .row-card .user-card {
    width: 40%;
  }

  .match-starts-card{
    padding-top: 2px;
    padding-bottom: 0;
  }

  .match-starts-card .left{
    font-size: 12px;
  }

  .match-starts-card .right{
    padding-top: 0px;
    padding-bottom: 5px;
  }

  .match-starts-card .right .text{
    font-size: 12px;
  }

  .match-starts-card .right .button{
    font-size: 12px;
    margin-bottom: 5px;
  }



  /*  */

  .input-fields .date-from-to input[type="text"] {
    width: auto;
    height: 42px;
  }
  .group-card{
    width: 44%;
  }



  .speak-level select {
    width: 110px;
    height: 45px;
    font-size: 12px;
  }

  .cross img {
    padding-left: 2px;
    padding-right: 5px;
    width: 10px;
    height: 10px;
  }

  .add .add-button img {
    width: 10px;
    height: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }



  .pr-4{
    /* margin-top: 30px!important; */
  }

  .footer .start-travel {
    width: 140px;
    height: 35px;
    font-size: 12px;
  }

  .pop-wrap-event .title {
    font-size: 14px;
    /* line-height: 22px; */
  }

  .pop-wrap-event .footer {
    padding-top: 0px;
    padding-bottom: 20px;
  }

  .input-fields div label {
    font-size: 12px;
    /* line-height: 17px; */
  }

  .page-item-wrap-new .title-one {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 30px;
  }

  .card-header {
    height: 30px;
    padding-bottom: 10px;
  }

  .card-footer a {
    font-size: 14px;
    line-height: 17px;
    height: 40px;
    width: 110px;
  }

  .card-footer {
    height: 35px;
  }

  .about-me-buttons .abt-me-button {
    width: 150px;
    height: 40px;
    font-size: 12px;
    /* line-height: 17px; */
  }

  .page-item-wrap-new {
    /* margin-top: 0px; */
    margin-bottom: 40px;
  }

  .page-item-wrap-new .title-two {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 30px;
  }

  .pop-wrap-event {
    padding-top: 40px;
  }

  .travel_second .pop-wrap-event .body {
    height: 180px;
  }

  .cards .card {

    padding: 15px;
  }

  .edit img{
    width: 10px;
    height: auto;
  }

  .after-header .left {
    font-size: 13px;
  }

  .after-header .right .edit span {
    font-size: 13px;
  }

  .page-item-wrap-new .title-one {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .cards {
    margin-top: 30px;
  }

  .page-item .title {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 15px;
  }

  .sc_img_list li img {
    height: 200px;
    object-fit: cover;
    width: 266px!important;
  }

  .owl-item.active {
    margin-left: 5px!important;
    margin-right: 5px!important;
  }

  .owl-carousel.owl-loaded {
    /* display: block; */
    height: 240px;
  }

  .owl-carousel .owl-stage-outer {

    height: 100%;
  }

  .owl-carousel .owl-stage {
    height: 100%;
  }

  .going-link a {
    width: 200px;
    height: 40px;
    font-size: 12px;

  }

  .group-link a {
    width: 200px;
    height: 40px;
    font-size: 12px;
  }
}


.join-city-community.cancel a{
	background-color: #6A6A6A;
}

.list-watch {
  color: #fff;
  display: flex;
  max-width: 100%;
  overflow-x: scroll;
  padding-bottom: 8px;
}
.list-watch__item {
  cursor: pointer;
  margin-right: 16px;
}

.list-watch__img {
  position: relative;
  margin-bottom: 4px;
  transition: 0.2s linear;
  border: 2px solid #13141a;
  overflow: hidden;
  width: 350px;
  height: 215px;
}
.list-watch__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list-watch::-webkit-scrollbar {
  display: none !important;
}

@media (max-width: 1025px) {
  .list-watch {
    overflow-x: auto;
  }
}