* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ---- Poppins fonts ----- */

@font-face {
    src: url(../fonts/Poppins/Poppins-ExtraBold.ttf);
    font-family: 'Poppins-ExtraBold';
}

@font-face {
    src: url(../fonts/Poppins/Poppins-Bold.ttf);
    font-family: 'Poppins-Bold';
}

@font-face {
    src: url(../fonts/Poppins/Poppins-SemiBold.ttf);
    font-family: 'Poppins-SemiBold';
}

@font-face {
    src: url(../fonts/Poppins/Poppins-Medium.ttf);
    font-family: 'Poppins-Medium';
}

@font-face {
    src: url(../fonts/Poppins/Poppins-Regular.ttf);
    font-family: 'Poppins-Regular';
}

@font-face {
    src: url(../fonts/Poppins/Poppins-Light.ttf);
    font-family: 'Poppins-Light';
}

/* ---- Raleway fonts ----- */

@font-face {
    src: url(../fonts/Raleway/Raleway-Medium.ttf);
    font-family: 'Raleway-Medium';
}

@font-face {
    src: url(../fonts/Raleway/Raleway-Regular.ttf);
    font-family: 'Raleway-Regular';
}



/*--- common css ---*/

:root {
    --white-color: #fff;
    --border-color: #E6E6E6;
    --black-color: #000;
    --gray-color: #B9B8BB;
    --text-blue: #000C45;
    --text-gray: #4A4A4A;
    --red-color: #D21034;
    --light-red: #FFD8DF;
    --yellow-color: #FBBC05;
    --dark-blue: #01209E;
    --sky-blue: #DDE3FF;
}

body {
    font-family: 'Poppins-Medium';
}

h1 {
    font-size: 52px;
}

h2 {
    font-size: 46px;
}

h3 {
    font-size: 40px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 22px;
}

h6 {
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins-SemiBold';
    margin-bottom: 20px;
    line-height: 1.2;
    color: var(--text-blue);
}


p {
    font-size: 18px;
    line-height: 1.5;
    color: var(--text-gray);
}

p:last-child {
    margin-bottom: 0;
}

span {
    display: inline-block;
    color: var(--text-gray);
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

image,
video {
    width: 100%;
}

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

.common-btn {
    font-size: 16px;
    color: var(--white-color);
    padding: 6px 25px;
    border-radius: 10px;
    font-family: 'Poppins-Medium';
    transition: 0.5s all;
    background: var(--dark-blue);
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    outline: none;
}

.common-btn:hover {
    color: var(--white-color);
}

.desktop {
    display: none !important;
}

.mobile {
    display: block !important;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F2F2F2;
}

::-webkit-scrollbar {
    width: 6px !important;
    background-color: #F2F2F2;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #DDE3FF;
}

/* ------ Login css start ------ */

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

.logo-box a img {
    width: 100%;
    max-width: 200px;
    display: block;
}

.loginCommon_design {
    padding: 30px 20px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/login-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.loginCommon_design .center_form_box {
    background-color: #ffffffb3;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 30px 15px #ffffff54;
    padding: 30px;
    width: 100%;
    max-width: 600px;
    backdrop-filter: blur(2px);
    border-radius: 20px;
}

.commonLabel {
    color: var(--text-blue);
    font-size: 16px;
    font-family: 'Poppins-Medium';
    margin-bottom: 5px;
}

.commonInput {
    width: 100%;
    border-radius: 10px;
    font-size: 14px;
    padding: 8px 10px;
    font-family: 'Poppins-Medium';
    border: 1px solid var(--border-color);
    background-color: var(--white-color);
    box-shadow: none;
    outline: none;
    color: var(--text-blue);
    height: 40px;
}

.commonInput::placeholder {
    font-size: 13px;
    color: var(--text-blue);
}

textarea.commonInput {
    resize: none;
    min-height: 130px;
}

.commonInput::placeholder,
textarea.commonInput::placeholder {
    font-size: 13px;
    color: var(--text-blue);
}

.loginCommon_design .center_form_box .form-group {
    margin-bottom: 25px;
}

.loginCommon_design .center_form_box .form-group a.reset {
    margin-top: 5px;
    color: var(--dark-blue);
    font-size: 13px;
    font-family: 'Poppins-Medium';
    display: block;
    text-align: end;
}

.loginCommon_design .check_box {
    margin-bottom: 15px;
}

.loginCommon_design .check_box .clickTo {
    position: relative;
    padding-left: 30px;
    display: inline-block;
    cursor: pointer;
}

.loginCommon_design .check_box .clickTo input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    margin: 0;
}

.loginCommon_design .check_box .clickTo .keyword-label {
    font-size: 14px;
    color: var(--black-color);
    font-family: 'Poppins-Medium';
}

.loginCommon_design .check_box .clickTo .keyword-label a {
    color: var(--dark-blue);
    font-family: 'Poppins-SemiBold';
}

.loginCommon_design .check_box .clickTo .keyword-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 1px solid var(--dark-blue);
    background-color: transparent;
    border-radius: 2px;
}

.loginCommon_design .check_box .clickTo input[type="checkbox"]:checked+.keyword-label::before {
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
    content: '\f00c';
    font-family: "FontAwesome";
    font-size: 10px;
    color: var(--white-color);
    text-align: center;
    line-height: 15px;
}

.loginCommon_design .common-btn {
    width: 100%;
}


.loginCommon_design .center_form_box .last {
    color: var(--black-color);
    font-size: 13px;
    text-align: center;
    margin-top: 15px;
}

.loginCommon_design .center_form_box .last a {
    color: var(--dark-blue);
    font-family: 'Poppins-SemiBold';
}

.radio-group-container {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 50px;
}

.radio-group-container .custom-radio-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--text-blue);
    font-size: 18px;
    line-height: 1;
}

.radio-group-container .custom-radio-label input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.radio-group-container .custom-radio-button {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 3px solid var(--dark-blue);
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    transition: background-color 0.2s, border-color 0.2s;
}

.radio-group-container .custom-radio-button::after {
    content: '';
    display: block;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: var(--dark-blue);
    transform: scale(0);
    transition: transform 0.2s;
}

.radio-group-container .custom-radio-label input:checked+.custom-radio-button::after {
    transform: scale(1);
}

#reset_password .center_form_box {
    max-width: 530px;
}


#role_select .center_form_box,
#otp_verify .center_form_box {
    max-width: 500px;
}

#otp_verify .btn-box {
    display: flex;
    gap: 15px;
}

#artist_register .center_form_box {
    max-width: 800px;
}


.loginCommon_design .form_box .flexThree,
.loginCommon_design .form_box .flexTwo {
    display: flex;
    align-items: start;
    gap: 20px;
}

#artist_register .form_box .form-group {
    margin-bottom: 15px;
}

.loginCommon_design .form_box .flexTwo .form-group {
    width: calc(50%);
}

.loginCommon_design .form_box .flexThree .form-group {
    width: calc(33.33%);
}

.commonDropdown {
    position: relative;
}

.commonDropdown a.drop_click {
    color: var(--text-blue);
    font-size: 13px;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    font-family: 'Poppins-Medium';
    border: 1px solid var(--border-color);
    background-color: var(--white-color);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.commonDropdown a.drop_click span {
    color: var(--text-blue);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.commonDropdown ul.dropdown_list {
    display: none;
    position: absolute;
    right: 0;
    background-color: var(--white-color);
    border: 1px solid var(--border-color);
    box-shadow: 0px 0px 8px #4444447e;
    width: 100%;
    padding: 5px 5px;
    border-radius: 8px;
    margin-top: 5px;
    max-height: 200px;
    min-width: 130px;
    overflow-y: auto;
    z-index: 55;
}

.commonDropdown ul.dropdown_list li a {
    font-size: 13px;
    padding: 8px 10px !important;
    color: var(--text-blue);
    width: 100%;
    transition: 0.3s all;
    border-radius: 8px;
}

.commonDropdown .rotateIcon {
    transition: transform 0.3s ease;
}

.commonDropdown.active .rotateIcon {
    transform: rotate(-180deg);
}

.commonDropdown ul.dropdown_list li a:hover {
    background-color: var(--sky-blue);
}

.media_box .upload-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8f8f8;
    border: 2px dashed #CDCDCD;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 13px;
    color: var(--text-blue);
    cursor: pointer;
    transition: all 0.2s ease;
}

.media_box .upload-box:hover {
    background: #ffffff;
    border-color: #CDCDCD;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.media_box .upload-box i {
    color: #00114d;
    font-size: 16px;
}

.media_box .upload-box input {
    display: none;
}

#artist_register .btn-box,
#email_register .btn-box{
    display: flex;
    justify-content: end;
    gap: 15px;
}

#artist_register .btn-box .common-btn {
    width: 150px;
}

/* #approval.approval_main {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
} */

.approval_main .approval_box {
    background-color: var(--white-color);
    width: 100%;
    max-width: 600px;
    padding: 30px 50px;
    border-radius: 30px;
    text-align: center;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 30px 15px #ffffff54;
}

.approval_main .approval_box h3 {
    color: var(--text-blue);
}

.approval_main .approval_box .btn_gotit {
    font-size: 16px;
    padding: 5px 25px;
    border-radius: 10px;
    border: 1px solid var(--dark-blue);
    color: var(--dark-blue);
    box-shadow: none;
}

/* ------ Login css end ------ */


/* ------ Dashboard css start ------ */

.dashboard_main {
    min-height: 100vh;
}

.dashboard_main header {
    padding: 15px 40px;
    border-bottom: 1px solid #D7D7D7;
    background-color: var(--white-color);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.dashboard_main header .right_box .user_img img {
    width: 100%;
    max-width: 50px;
    border-radius: 50%;
}

.dashboard_main header .header_part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.dashboard_main header .logo-box img {
    width: 100%;
    max-width: 135px;
}

.dashboard_main header .header_part .right_box a {
    display: flex;
    align-items: center;
    gap: 15px;
    border: none;
    padding: 0;
    height: auto;
}

.dashboard_main header .header_part .right_box .user_name h6 {
    margin-bottom: 5px;
    font-size: 18px;
}

.dashboard_main header .header_part .right_box .user_name p {
    color: var(--text-blue);
    font-size: 14px;
    font-family: 'Poppins-Medium';
}

.dashboard_main header .header_part .right_box {
    display: flex;
    align-items: center;
    gap: 30px;
}

.dashboard_main header .header_part .right_box .notification_drop {
    position: relative;
}

.dashboard_main header .header_part .right_box .notification_drop a i {
    color: var(--text-blue);
    font-size: 28px;
}

.dashboard_main header .header_part .right_box .notification_drop a span {
    font-size: 10px;
    color: var(--white-color);
    background-color: var(--red-color);
    height: 22px;
    width: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -8px;
    right: -8px;
}

.dashboard_main header .notify_drop {
    display: none;
    position: absolute;
    top: 86px;
    right: 0px;
    padding: 15px 15px;
    box-shadow: 0px 0px 10px #00000030;
    border-radius: 10px;
    background-color: var(--white-color);
    z-index: 60;
    max-width: 500px;
    width: 100%;
}

.dashboard_main header .notify_drop .top_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.dashboard_main header .notify_drop .top_box h6 {
    font-size: 18px;
    color: var(--text-blue);
    margin-bottom: 0;
}

.dashboard_main header .notify_drop .top_box a i {
    font-size: 18px;
    color: var(--text-blue);
}

.dashboard_main header .notify_drop ul {
    max-height: 450px;
    overflow-y: auto;
}

.dashboard_main header .notify_drop ul li:not(:last-child) {
    margin-bottom: 10px;
}

.dashboard_main header .notify_drop ul li a img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.dashboard_main header .notify_drop ul li a h6 {
    font-size: 16px;
    color: var(--text-blue);
    margin-bottom: 5px;
}

.dashboard_main header .notify_drop ul li a p {
    font-size: 14px;
}

.dashboard_main header .notify_drop ul li a {
    background-color: #EBEEFD;
    border-radius: 10px;
    padding: 10px !important;
}

.dashboard_main .main_container {
    padding-top: 101px;
    display: flex;
}

.dashboard_main .main_container .sidebar_main {
    width: 280px;
    min-height: calc(100vh - 101px);
    padding-top: 40px;
    border-right: 1px solid #D7D7D7;
    box-shadow: 0px 0px 15px #E6E6E6;
    background-color: var(--white-color);
    position: fixed;
    transition: 0.3s all;
    z-index: 99;
}

.dashboard_main .sidebar_main.close {
    width: 80px;
}

.dashboard_main .sidebar_main .sidebar_menu ul li a {
    color: var(--text-blue);
    width: 100%;
    padding: 10px 30px;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s all;
}

.dashboard_main .sidebar_main.close .sidebar_menu ul li a {
    font-size: 0px;
}

.dashboard_main .sidebar_main .sidebar_menu ul li a.active {
    background-color: #00209F;
    color: var(--white-color);
}

.dashboard_main .sidebar_main .sidebar_menu ul li a.active i {
    color: var(--white-color);
}

.dashboard_main .sidebar_main .sidebar_menu ul li a i {
    color: var(--text-blue);
    font-size: 20px;
}

.dashboard_main .main_container .sidebar_main .sidebar_btn {
    background-color: #DBDBDB;
    height: 40px;
    position: absolute;
    top: -1px;
    right: -26px;
    padding: 0 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.dashboard_main .main_container .sidebar_main .sidebar_btn a i {
    color: var(--text-blue);
    transition: 0.3s all;
}

.dashboard_main .sidebar_main.close .sidebar_btn a i {
    transform: rotate(180deg);
}

.dashboard_main .main_container .main_right_section {
    width: calc(100% - 280px);
    padding: 40px 50px;
    margin-left: auto;
    transition: 0.3s all;
}

.dashboard_main .main_container .main_right_section.active {
    width: calc(100% - 80px);
}

.main_right_section .main_title h1 {
    font-size: 40px;
    margin-bottom: 0;
}

.main_right_section .main_title {
    margin-bottom: 30px;
}

.main_right_section .white_box {
    padding: 20px;
    background-color: var(--white-color);
    box-shadow: 0px 0px 10px #00000021;
    border-radius: 8px;
}

.upcoming_evet {
    margin-bottom: 30px;
}

.upcoming_evet .event_listing {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 5px;
}

.upcoming_evet .event_listing::-webkit-scrollbar {
    height: 6px;
}

.our_details_section .row {
    row-gap: 20px;
}

.upcoming_evet .event_listing .event_box {
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #DCDCDC;
    width: 230px;
}

.upcoming_evet .event_listing .event_box .img_box {
    margin-bottom: 15px;
}

.upcoming_evet .event_listing .event_box .img_box img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}

.upcoming_evet .event_listing .event_box .event_text h6 {
    margin-bottom: 5px;
}

.upcoming_evet .event_listing .event_box .event_text p,
.upcoming_evet .event_listing .event_box .event_text span {
    font-size: 14px;
    font-family: 'Poppins-Regular';
    margin-bottom: 0;
}

.upcoming_evet .event_listing .event_box .event_text span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.our_details_section .booking_date #flat {
    display: none;
}

.booking_date .flatpickr-calendar {
    box-shadow: 0px 5px 15px #00000010 !important;
    margin: 0 auto;
}

.booking_date .flatpickr-current-month .numInputWrapper,
.booking_date .flatpickr-monthDropdown-months {
    font-size: 14px !important;
    color: #4A5660 !important;
    font-family: 'Poppins-Medium';
}

.booking_date .flatpickr-months {
    margin-bottom: 10px;
}

.booking_date .flatpickr-months .flatpickr-prev-month svg,
.booking_date .flatpickr-months .flatpickr-next-month svg {
    width: 11px;
    height: 11px;
    fill: #676767;
}

.booking_date .flatpickr-months .flatpickr-prev-month,
.booking_date .flatpickr-months .flatpickr-next-month {
    padding: 5px 10px;
}

.booking_date span.flatpickr-weekday {
    font-family: 'Poppins-Medium';
    color: #222222;
}

.booking_date .flatpickr-day {
    font-family: 'Poppins-Medium';
    font-size: 16px;
    width: 40px;
    height: 40px;
}

.booking_date .dayContainer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.booking_date .flatpickr-day.today {
    border: none;
    background-color: var(--dark-blue) !important;
    color: var(--white-color) !important;
}

.review_box .slider_profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.review_box .slider_profile .profile {
    display: flex;
    align-items: center;
    gap: 10px;
}

.review_box .slider_profile .profile .user_img img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.review_box .slider_profile .profile .user_name h6 {
    margin-bottom: 5px;
    font-size: 18px;
}

.review_box .slider_profile .profile .user_name p {
    font-size: 14px;
    font-family: 'Poppins-Regular';
    color: var(--text-blue);
}

.review_box .slider_profile .star_box ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.review_box.white_box {
    padding: 20px 10px;
}

.review_box.white_box .swiper-slide {
    padding: 0 20px;
}

.review_box .slider_profile .star_box ul li a i {
    color: var(--yellow-color);
    font-size: 18px;
}

.review_box .slider_text p {
    color: #4A4A4A;
    font-family: 'Poppins-Regular';
    margin-bottom: 0;
    font-size: 16px;
}

.review_box .slider_text a {
    color: var(--text-blue);
}

.review_box .swiper-button-prev,
.review_box .swiper-button-next{
    color: var(--black-color);
}

.review_box  .swiper-button-next:after,
.review_box .swiper-button-prev:after {
    font-size: 16px;
    color: var(--black-color);
}

.review_box .swiper-button-prev {
    position: absolute;
    top: 55%;
    left: -11px;
    height: 20px;
    width: 30px;
}

.review_box .swiper-button-next {
    position: absolute;
    top: 55%;
    right: -11px;
    height: 20px;
    width: 30px;
}

.our_details_section .earning_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.our_details_section .earning_box .text_box h5 {
    margin-bottom: 30px;
}

.our_details_section .earning_box .text_box span,
.our_details_section .earning_box .text_box p {
    font-size: 14px;
    color: var(--text-gray);
    font-family: 'Poppins-Regular';
    margin-bottom: 0;
}

.our_details_section .earning_box .text_box h4 {
    font-size: 24px;
    margin-bottom: 0;
}

.our_details_section .earning_box .img_box img {
    height: 150px;
    width: 150px;
    object-fit: cover;
    border-radius: 10px;
}

/* ------ Dashboard css end ------ */


/* ------ Booking css start ------ */

.booking_request .main_title h1 {
    margin-bottom: 10px;
}

.pending_request {
    margin-bottom: 20px;
}

.request_title h5 {
    font-family: 'Poppins-Medium';
}

.pending_request .request_panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 15px 20px;
    border: 1px solid #DCDCDC;
    border-radius: 10px;
}

.pending_request .request_panel:not(:last-child) {
    margin-bottom: 10px;
}

.pending_request .request_panel .event_box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.pending_request .request_panel .event_box .img_box img {
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 5px;
}

.pending_request .request_panel .event_box .text_box h6 {
    margin-bottom: 5px;
}

.pending_request .request_panel .event_box .text_box p {
    margin-bottom: 0;
    font-size: 14px;
}

.pending_request .request_panel .event_box .text_box p i {
    margin-right: 10px;
}

.pending_request .request_panel .btn_container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pending_request .request_panel .btn_container .btn {
    font-size: 16px;
    padding: 8px 30px;
    border-radius: 8px;
    color: var(--white-color);
    box-shadow: none;
    outline: none;
}

.pending_request .request_panel .btn_container .btn.accept {
    background-color: #00209F;
}

.pending_request .request_panel .btn_container .btn.decline {
    background-color: var(--red-color);
}

.pending_request .request_panel .btn_container .btn.negotiate {
    background-color: #DDE3FF;
    color: var(--text-blue);
}

.pending_request.past_request .event_status span {
    font-size: 16px;
    padding: 3px 20px;
    border-radius: 30px;
    min-width: 130px;
    text-align: center;
}

.pending_request.past_request .event_status span.accepted {
    color: #00209F;
    background-color: #DDE3FF;
}

.pending_request.past_request .event_status span.decline {
    color: #D21034;
    background-color: #FFD8DF;
}

/* ------ Booking css end ------ */


/* ------ Negotiation css start ------ */

.main_container .chathostory_section {
    display: flex;
    width: 100%;
    height: calc(100vh - 101px);
}

.chathostory_section .sidebar {
    width: 320px;
    background-color: #FBFBFB;
    border-right: 1px solid #D7D7D7;
    display: flex;
    flex-direction: column;
}

.chathostory_section .sidebar-header {
    padding: 15px 15px 0px;
}

.chathostory_section .sidebar-header .back_btn {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 10px;
}

.chathostory_section .sidebar-header .back_btn a {
    color: var(--text-blue);
    font-size: 13px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dark-blue);
    border-radius: 5px;
}

.chathostory_section .sidebar-header h5 {
    margin: 0;
}

.chathostory_section .sidebar-header .search_box {
    position: relative;
}

.chathostory_section .sidebar-header .search_box input {
    width: -webkit-fill-available;
    padding: 8px 15px 8px 35px;
    border-radius: 8px;
    border: none;
    outline: none;
    background-color: #F2F2F2;
    color: var(--text-blue);
}

.chathostory_section .sidebar-header .search_box input::placeholder {
    color: #999999;
}

.chathostory_section .sidebar-header .search_box i {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #999999;
}

.chat-list {
    flex: 1;
    overflow-y: auto;
    padding: 15px 10px;
}

.chat-list::-webkit-scrollbar-track,
.chat-messages::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F2F2F2;
}

.chat-list::-webkit-scrollbar,
.chat-messages::-webkit-scrollbar {
    width: 6px;
    background-color: #F2F2F2;
}

.chat-list::-webkit-scrollbar-thumb,
.chat-messages::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #DDE3FF;
}

.chat-item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
    transition: background 0.2s;
    border-radius: 8px;
}

.chat-item:not(:last-child) {
    margin-bottom: 5px;
}

.chat-item.active {
    background-color: #DDE3FF;
}

.chat-item:hover {
    background-color: #DDE3FF;
}

.chat-item img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.chat-section {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.chat-header {
    padding: 15px;
    background-color: #FFFFFF;
    display: flex;
    gap: 15px;
    align-items: center;
    box-shadow: 4px 4px 10px #e6e6e6a3;
}

.chat-header .close {
    display: none;
    color: var(--text-blue);
}

.chat-header h4 {
    font-size: 18px;
    font-family: 'Poppins-Medium';
    margin: 0;
}

.chat-header img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.chat-messages {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.message {
    max-width: 60%;
    font-size: 14px;
    line-height: 1.4;
    color: var(--white-color);
}

.message.sent {
    align-self: flex-end;
}

.message.sent p {
    background-color: #00209F;
    border-radius: 10px 10px 0px 10px;
    padding: 10px 15px;
}

.message.received {
    align-self: flex-start;
}

.message.received p,
.message.sent p {
    font-size: 14px;
    color: var(--white-color);
    font-family: 'Raleway-Medium';
    margin-bottom: 5px;
}

.message.received p {
    background-color: #000929;
    border-radius: 10px 10px 10px 0px;
    padding: 10px 15px;
}

.message.sent span,
.message.received span {
    font-size: 13px;
    color: var(--text-gray);
    font-family: 'Raleway-Regular';
}

.message.sent span {
    text-align: end;
    display: block;
}

.chat-input {
    display: flex;
    padding: 10px 15px;
    background-color: #ffffff;
    align-items: center;
    border-top: 1px solid #d7d7d7;
    position: relative;
}

.chat-input .right_btns {
    display: flex;
    align-items: center;
    position: absolute;
    right: 30px;
    z-index: 5;
}

.chat-input a {
    text-decoration: none;
}

.chat-input a:first-child {
    margin-right: 20px;
}

.chat-input a i {
    color: var(--dark-blue);
    font-size: 18px;
}

.chat-input input {
    flex: 1;
    padding: 10px 15px;
    border-radius: 20px;
    border: none;
    outline: none;
    background-color: #3a3b3c;
    color: white;
}

.chat-input button {
    padding: 8px 15px;
    border: none;
    border-radius: 10px;
    background-color: #00209F;
    color: white;
    cursor: pointer;
}

.chat-input .input_files {
    position: relative;
    width: 30px;
    margin: 0 10px;
    cursor: pointer;
    text-align: center;
}

.chat-input .input_files .file-upload {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    padding: 0;
    cursor: pointer;
}

.type-box {
    position: relative;
    display: flex;
    flex: 1;
}

.fixed-height-textarea {
    padding: 10px 15px;
    border-radius: 20px;
    font-size: 14px;
    border: none;
    outline: none;
    background-color: #E6E6E6;
    color: var(--text-blue);
    resize: none;
    width: 100%;
    height: 60px;
}

.fixed-height-textarea::placeholder {
    color: var(--text-gray);
    font-family: 'Poppins-Regular';
}

.fixed-height-textarea::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #F2F2F2;
}

.fixed-height-textarea::-webkit-scrollbar {
    width: 6px;
    background-color: #F2F2F2;
}

.fixed-height-textarea::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #DDE3FF;
}

/* ------ Negotiation css end ------ */


/* ------ Paymet History css start ------ */

.paymet_history .main_title {
    margin-top: 20px;
}

.pay_status .our_payment {
    padding: 15px 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.pay_status .our_payment.first {
    background-color: #DDE3FF;
}

.pay_status .our_payment.second {
    background-color: #dde3ff88;
}

.pay_status .our_payment p {
    color: #222222;
    font-size: 16px;
    margin-bottom: 0px;
    font-family: 'poppins-Regular';
}

.pay_status .our_payment h5 {
    font-family: 'poppins-Medium';
    margin-bottom: 0px;
}

.pay_status .our_payment span {
    font-size: 12px;
    color: var(--text-gray);
}

.payment_tab .nav-tabs {
    border: none;
    gap: 15px;
    margin-bottom: 30px;
}

.payment_tab .nav-tabs .nav-link {
    font-size: 14px;
    color: #222222;
    border: 1px solid #D7D7D7;
    padding: 10px 30px;
    border-radius: 30px;
    min-width: 115px;
}

.payment_tab .nav-tabs .nav-link.active {
    border: 1px solid #00209F;
    color: #00209F;
}

.payment_table .table-container {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    max-width: 1000px;
    border: 1px solid #D7D7D7;
}

.payment_table .table-container .table_scroll {
    overflow-y: auto;
}

.payment_table table {
    width: 100%;
    border-collapse: collapse;
}

.payment_table table thead {
    background-color: #fff;
    border-bottom: 1px solid #D7D7D7;
}

.payment_table table tbody tr:nth-child(2) td {
    white-space: nowrap;
}

.payment_table table th {
    text-align: center;
    padding: 14px 20px;
    color: #000C45;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Poppins-Medium';
}

.payment_table table td {
    padding: 14px 20px;
    font-family: 'Poppins-Regular';
    color: #222222;
    font-size: 14px;
    border-top: 1px solid #f1f1f1;
    text-align: center;
}

.payment_table table tr:hover {
    background-color: #EBEEFD;
}

.payment_table table .status {
    font-weight: 500;
}

.payment_table table .success {
    color: #0EAD69;
}

.payment_table table .rejected {
    color: #D21034;
}

.payment_table table .pending {
    color: #00209F;
}

.pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 20px;
    gap: 6px;
    background: #fff;
    border-top: 1px solid #f0f0f0;
}

.pagination button {
    background: #E6E6E6;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 14px;
    cursor: pointer;
    color: #333;
    transition: 0.2s ease;
    min-width: 35px;
}

.pagination button:hover {
    background: #f0f0f0;
}

.pagination .active {
    background: #00209F !important;
    color: #fff;
    border-color: #00209F !important;
}

/* ------ Paymet History css end ------ */



/* ------ Brief-details css start ------ */

.main_right_section.event_brief_main .main_title h1 {
    margin-bottom: 10px;
}

.event_brief .brief_details.top_section {
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.event_brief .brief_details .flex_box {
    display: flex;
    align-items: start;
    gap: 20px;
}

.event_brief .brief_details .flex_box .box_box {
    width: calc(50%);
    margin-bottom: 25px;
}

.event_brief .brief_details .box_box span {
    color: var(--text-gray);
    font-size: 13px;
}

.event_brief .brief_details .box_box p {
    color: var(--text-blue);
    font-size: 16px;
}

.event_brief .btn_container {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    margin-top: 30px;
}

.event_brief .btn_container .btn {
    font-size: 16px;
    padding: 8px 30px;
    border-radius: 8px;
    color: var(--white-color);
    box-shadow: none;
    outline: none;
}

.event_brief .btn_container .btn.accept {
    background-color: #00209F;
}

.event_brief .btn_container .btn.decline {
    background-color: var(--red-color);
}

.event_brief .btn_container .btn.negotiate {
    background-color: #DDE3FF;
    color: var(--text-blue);
}

.signature_modal .modal-dialog {
    max-width: 550px;
}

.signature_modal .modal-content {
    border-radius: 30px;
}

.signature_modal .modal-header {
    border-bottom: 1px solid #D7D7D7;
    padding: 20px 30px;
}

.signature_modal .modal-body {
    background-color: #F3F5FE;
    min-height: 300px;
}

.signature_modal .modal-footer {
    padding: 15px;
    border-top: 1px solid #D7D7D7;
}

.signature_modal .modal-footer .btn {
    font-size: 16px;
    padding: 8px 30px;
    border-radius: 8px;
    color: var(--white-color);
    box-shadow: none;
    outline: none;
}

.signature_modal .modal-footer .btn.cancel {
    background-color: var(--red-color);
}

.signature_modal .modal-footer .btn.upload {
    background-color: #00209F;
}

/* ------ Brief-details css end ------ */


/* ------ Edit Profile css start ------ */

.edit_profile_main .profile_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.edit_profile_main .profile_header .left_bar {
    display: flex;
    align-items: center;
    gap: 15px;
}

.edit_profile_main .profile_header .left_bar .user_img img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}

.edit_profile_main .profile_header .left_bar .user_name h6 {
    margin-bottom: 5px;
    font-size: 18px;
}

.edit_profile_main .profile_header .left_bar .user_name p {
    color: var(--text-blue);
    font-size: 14px;
    font-family: 'Poppins-Medium';
}

.edit_profile_main .profile_header .btn_box {
    display: flex;
    gap: 20px;
}

.edit_profile_main .profile_header .btn_box .btn_common {
    font-size: 16px;
    padding: 8px 30px;
    border-radius: 8px;
    color: var(--white-color);
    background-color: #00209F;
    box-shadow: none;
    outline: none;
}

.profile_form_box .flexThree {
    display: flex;
    align-items: start;
    gap: 20px;
}

.profile_form_box .flexThree .form-group {
    width: calc(33.33%);
}

.profile_form_box .form-group {
    margin-bottom: 20px;
}

.profile_form_box .form-group .commonInput,
.profile_form_box .commonDropdown a.drop_click,
.profile_form_box .media_box .upload-box {
    background-color: #F2F2F2;
}

.profile_form_box .media_box .upload-box {
    margin-bottom: 10px;
}

.profile_form_box .media_box .media_img {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.profile_form_box .media_box .media_img .img_grid {
    position: relative;
}

.profile_form_box .media_box .media_img .img_grid img {
    height: 40px;
    width: 40px;
    border-radius: 5px;
    object-fit: cover;
}

.profile_form_box .media_box .media_img .img_grid a {
    color: var(--white-color);
    background-color: var(--red-color);
    height: 18px;
    width: 18px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 5;
}

.profile_form_box .media_box .media_img .img_grid a i {
    line-height: 1;
}

.profile_form_box .media_box .media_img .img_grid .btn_plus {
    height: 40px;
    width: 40px;
    border-radius: 5px;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: var(--dark-blue);
    color: var(--white-color);
}

.profile_form_box .urk_list_grid .url_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.profile_form_box .urk_list_grid .url_box:not(:last-child) {
    margin-bottom: 10px;
}

.profile_form_box .urk_list_grid .url_box input {
    width: calc(100% - 40px);
    border: none;
    border-bottom: 2px solid var(--border-color);
    padding: 5px 0;
    outline: none;
    box-shadow: none;
    font-size: 13px;
}

.profile_form_box .urk_list_grid .url_box .btn_close {
    color: var(--white-color);
    background-color: var(--red-color);
    height: 30px;
    width: 30px;
    padding: 0;
    border-radius: 5px;
    font-size: 18px;
    box-shadow: none;
}

.profile_form_box .btn-box {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
}

.profile_form_box .btn-box .btn {
    min-width: 160px;
    box-shadow: none;
}

.profile_form_box .btn-box .btn.cancel {
    background-color: var(--red-color) !important;
}

/* ------ Edit Profile css end ------ */

/* -------- Delete popup css start ------ */

.deletWarning .modal-dialog {
    max-width: 400px;
}

.deletWarning .modal-content {
    border-radius: 10px;
}

.deletWarning .modal-body {
    padding: 30px 20px;
}

.deletWarning .modal-footer {
    padding: 9px 15px;
    border-top: none;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.deletWarning .modal-footer .btn {
    margin: 0;
    padding: 5px 30px;
    min-height: 40px;
    border-radius: 8px;
    color: var(--white-color);
    width: calc(50% - 8px);
}

.deletWarning .modal-footer .btn.cancel-btn {
    background-color: var(--red-color);
}

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

.deletWarning .warning_text h5 {
    margin-bottom: 10px;
    font-size: 25px;
}

/* -------- Delete popup css end ------ */

#upload_doc .upload-box {
    background: #F2F2F2;
    border: 2px dashed #D7D7D7;
    border-radius: 10px;
    text-align: center;
    padding: 40px 20px;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}

#upload_doc .upload-box:hover {
    background: #EAEAEA;
}

#upload_doc .upload-box input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}

#upload_doc .upload-box label {
    pointer-events: none;
    font-size: 16px;
    color: #000;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

#upload_doc .upload-box label svg {
    width: 35px;
    height: 35px;
    fill: none;
    stroke: #1C274C;
    stroke-width: 2;
}

/* -------- Organizer css start ------ */

.organizer_flow .event_status {
    display: flex;
    align-items: center;
    gap: 15px;
}

.organizer_flow .event_status .btn_view {
    font-size: 13px;
    padding: 4px 30px;
    border-radius: 30px;
    color: var(--white-color);
    background-color: #00209F;
    box-shadow: none;
    min-height: 30px;
    outline: none;
}

.organizer_flow .event_status span {
    font-size: 14px;
    padding: 3px 20px;
    border-radius: 30px;
    min-width: 130px;
    text-align: center;
}

.organizer_flow .event_status span.accepted {
    background-color: #CAFFE8;
    color: #0EAD69;
}

.organizer_flow .event_status span.pending {
    background-color: #DDE3FF;
    color: #00209F;
}

.organizer_flow .event_status span.decline {
    background-color: #FFD8DF;
    color: #D21034;
}

.document_box .doc_uploaded {
    margin: 30px 0;
    background-color: #E3E3E3;
    text-align: center;
    border-radius: 20px;
}

.document_box .doc_uploaded img {
    width: auto;
}

.document_box .btn_box .common-btn {
    margin-left: auto;
    width: fit-content;
}

.main_right_section.organizer .main_title {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.main_right_section.organizer .main_title .common-btn {
    height: 45px;
    max-height: 45px;
}

.pending_request.completedevents .btn_rate {
    font-size: 16px;
    padding: 6px 30px;
    border-radius: 30px;
    color: var(--white-color);
    background-color: #00209F;
    box-shadow: none;
    min-height: 35px;
    outline: none;
}

.event_create .modal-dialog {
    max-width: 900px;
}

.event_create .modal-content {
    border-radius: 30px;
}

.event_create .modal-footer {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
    border: none;
    padding-top: 0;
}

.event_create .modal-footer .btn {
    margin: 0;
    min-width: 130px;
}

.event_create .modal-footer .btn.cancel {
    background-color: var(--red-color);
}

.event_create_form .flexTwo,
.event_create_form .flexFour {
    display: flex;
    gap: 15px;
}

.event_create_form .form-group:not(:last-child) {
    margin-bottom: 20px;
}

.event_create_form .flexTwo .form-group {
    width: calc(50%);
}

.event_create_form .flexFour .form-group {
    width: calc(25%);
}

.event_create .commonInput,
.event_create .commonDropdown a.drop_click {
    background: #F2F2F2;
}

.event_create .checkbox-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    border: 2px solid #E6E6E6;
    border-radius: 10px;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.25s ease;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    color: #111b3a;
    font-size: 15px;
}

.event_create .checkbox-box input[type="checkbox"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #bebebe;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    transition: 0.2s;
}

.event_create .checkbox-box input[type="checkbox"]:checked {
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}

.event_create .checkbox-box input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.event_create .checkbox-box input[type="checkbox"]:checked+span {
    font-weight: 600;
}

.event_create .flexThree.check_setup {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 20px;
    margin-bottom: 20px;
}

.event_create .flexThree.check_setup .form-group {
    width: calc(33% - 8px);
    margin-bottom: 0;
}

.review_submit .modal-dialog {
    max-width: 700px;
}

.review_submit .modal-content {
    border-radius: 30px;
}

.review_submit .modal-body {
    padding: 40px 30px;
}

.review_submit .modal-body .center_box {
    text-align: center;
}

.review_submit .center_box h3 {
    font-size: 36px;
    margin-bottom: 5px;
    font-family: 'Poppins-Medium';
}

.review_submit .center_box p {
    font-size: 16px;
}

.review_submit .center_box .star_box {
    margin: 20px 0;
}

.review_submit .center_box .star_box h6 {
    font-size: 16px;
    font-family: 'Poppins-Regular';
    margin-bottom: 10px;
}

.review_submit .center_box .star_box ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.review_submit .center_box .star_box ul li a i {
    font-size: 20px;
    color: var(--black-color);
}

.review_submit .center_box .star_box ul li a i.fa-solid {
    color: #FFD428 !important;
}

.review_submit .commonInput {
    background: #F2F2F2;
}

.review_submit .modal-footer .btn.cancel {
    background-color: var(--red-color);
}

.review_submit .modal-footer .btn {
    margin: 0;
    min-width: 130px;
}

.review_submit .modal-footer {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
    flex-wrap: wrap;
}

.artist_panel .search_box {
    position: relative;
    width: 100%;
    max-width: 280px;
    height: 40px;
}

.artist_panel .search_box input {
    width: -webkit-fill-available;
    padding: 8px 15px 8px 35px;
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    outline: none;
    background-color: #F2F2F2;
    color: #999999;
}

.artist_panel .search_box i {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #999999;
}

.artist_panel .dorpdown_container {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.artist_panel .dorpdown_container .commonDropdown {
    min-width: 200px;
}

.artist_panel .artist_list {
    display: flex;
    column-gap: 10px;
    flex-wrap: wrap;
    row-gap: 20px;
}

.artist_list .artist_profile {
    background-color: var(--white-color);
    border-radius: 20px;
    box-shadow: 0px 0px 10px #00000017;
    padding: 20px;
    width: calc(25% - 8px);
}

.artist_list .artist_profile .img_box img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
    object-fit: cover;
}

.artist_list .artist_profile .text {
    margin: 15px 0 30px;
    text-align: center;
}

.artist_list .artist_profile .text p {
    margin-bottom: 0;
    color: var(--black-color);
}

.artist_list .artist_profile .text span {
    font-size: 14px;
    color: #4A4A4A;
    min-height : 42px;
}

.artist_list .artist_profile .btn_container {
    display: flex;
    gap: 10px;
}

.artist_list .artist_profile .btn_container .btn {
    font-size: 14px;
    border-radius: 30px;
    min-height: 35px;
    min-width: calc(50%);
}

.artist_overview_second .review_box.white_box,
.artist_overview_second .pricing_box.white_box {
    margin-bottom: 20px;
}

.artist_overview_second .booking_date #flat {
    display: none;
}

.artist_overview_second .pricing_box ul li {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.artist_overview_second .pricing_box ul li:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D7D7D7;
}

.artist_overview_second .pricing_box ul li p {
    font-size: 14px;
    margin-bottom: 0;
}

.artist_overview_second .pricing_box ul li h6 {
    font-size: 14px;
    margin-bottom: 0;
    font-family: 'Poppins-Medium';
}

.artist_view {
    margin-bottom: 20px;
}

.artist_view .profile_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D7D7D7;
}

.artist_view .profile_header .left_bar {
    display: flex;
    align-items: center;
    gap: 15px;
}

.artist_view .profile_header .left_bar .user_img img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}

.artist_view .profile_header .left_bar .user_name h6 {
    margin-bottom: 5px;
    font-size: 18px;
}

.artist_view .profile_header .left_bar .user_name p {
    font-size: 14px;
    font-family: 'Poppins-Medium';
}

.artist_view .about_text {
    margin-bottom: 20px;
}

.artist_view .about_text h5 {
    margin-bottom: 10px;
}

.artist_view .about_text p {
    font-size: 14px;
    font-family: 'Poppins-Regular';
}

.media_our_box .imageGallery {
    display: flex;
    height: 100%;
    gap: 15px;
}

.media_our_box .imageGallery .leftVideo,
.media_our_box .imageGallery .rightImg {
    width: 50%;
}

.media_our_box .imageGallery .rightImg {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.media_our_box .imageGallery .rightImg .boxImg {
    width: calc(50% - 10px);
    height: 100px;
}

.media_our_box .imageGallery .rightImg .boxImg img {
    width: 100%;
    border-radius: 15px;
    height: 100%;
    object-fit: contain;
    border: 1px solid #ddd;
}

.media_our_box .imageGallery .leftVideo .videoCoverImage {
    position: relative;
    min-height: 215px;
}

.media_our_box .imageGallery .leftVideo .videoCoverImage .playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.media_our_box .imageGallery .leftVideo .videoCoverImage video {
    border-radius: 15px;
    height: 100%;
    width: 100%;
    object-fit: contain;
    max-height: 215px;
}

.media_our_box .imageGallery .leftVideo .videoCoverImage iframe {
    border-radius: 15px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    min-height: 215px;
}

.media_our_box .imageGallery .leftVideo .videoCoverImage .playIcon img {
    width: 100%;
    max-width: 40px;
}

.artist_view .media_our_box {
    margin-bottom: 20px;
}

.music_our_box .music-box {
    background: #EDF0FF;
    border-radius: 10px;
    padding: 15px 15px;
    margin-bottom: 15px;
}

.music_our_box .player {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.music_our_box .progress {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: transparent;
}

.music_our_box .progress span {
    font-size: 14px;
    color: var(--text-blue);
    min-width: 40px;
    text-align: center;
}

.music_our_box .progress input[type="range"] {
    flex: 1;
    appearance: none;
    height: 3px;
    border-radius: 5px;
    background: #0a0a57;
    outline: none;
    cursor: pointer;
}

.music_our_box .progress input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    width: 12px;
    height: 12px;
    background: #0a0a57;
    border-radius: 50%;
    cursor: pointer;
}

.music_our_box .controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.music_our_box .controls .btn_play {
    background-color: #00209F;
    border: none;
    box-shadow: none;
    border-radius: 50%;
    color: #fff;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    font-size: 14px;
}

.music_our_box .controls .btn_arrow {
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.edit_profile_main .flexTwo {
    display: flex;
    gap: 15px;
}

.edit_profile_main .flexTwo .form-group {
    width: calc(50%);
}

.send_request .modal-dialog {
    max-width: 500px;
}

.send_request .modal-content {
    border-radius: 30px;
}

.send_request .modal-title {
    font-size: 22px;
}

.send_request .modal-body {
    padding: 30px;
}

.send_request .modal-footer {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
}

.send_request .modal-footer .btn {
    margin: 0;
    min-width: 130px;
}

.send_request .modal-footer .btn.cancel {
    background-color: var(--red-color);
}


/* ----------- Added css new ------------*/

.ts-wrapper.commonInput {
    padding: 0;
    height: unset;
    min-height: 40px;
}

.ts-control {
    border: none !important;
    border-radius: 10px !important;
    min-height: 40px;
}

.ts-control input::placeholder {
    font-size: 13px;
    color: var(--text-blue);
}

.main_title .flex_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.event_create .checkbox-box span {
    color: var(--text-blue);
}