@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html {
	font-size: 62.5%;
}

/* Force consistent carousel image sizing across pages (override page-specific rules) */
.csi_carousel_single img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 250px;
	object-fit: contain !important;
	/* change to 'cover' if you prefer cropping */
	object-position: center center !important;
	display: block !important;
	border-radius: inherit !important;
}

/* Ensure carousel slide boxes keep a consistent aspect across the site */
.csi_carousel_single {
	aspect-ratio: 16/9;
	max-height: 420px;
	overflow: hidden;
	background: #f7f7f7;
}

body {
	font-size: 1.6rem;
	font-family: "Inter", sans-serif;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}

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

ul li a,
a {
	text-decoration: none;
}

a {
	transition: 0.3s;
}

h4 {
	font-size: 24px;
	font-weight: 600;
	color: #101136;
}

p {
	color: #101136;
}

/*=================  Start Header Section  =================*/
.header_main {
	padding: 25px 0px;
	border-bottom: 1px solid #E6EAED;
}

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

.logo a {
	font-size: 24px;
	font-weight: 600;
	color: #101136;
}

.btn_style2 {
	padding: 10px 15px;
	border-radius: 8px;
	background: #000000;
	color: #FFFFFF;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid #000000;
}

.btn_style2 i {
	transition: 0.3s;
	color: #FFF;
}

.btn_style2:hover {
	background: transparent;
	color: #000000;
}

.btn_style2:hover i {
	color: #000000;
}


.btn_style4 {
	min-width: 90px;
	text-align: center;
	font-size: 16px;
	padding: 7px 10px;
	border-radius: 5px;
	border: 1px solid #E6EAED;
}
.btn_style4.active {
	background: #E6F3EB;
	color: #098637;
}

/*=================  End Header Section  =================*/

/*=================  Start (Create New ResearchLab) Section  =================*/
.create_researchlab_main {
	padding: 25px 0px;
}

.create_researchlab {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

.create_researchlab_single {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	border-radius: 16px;
	padding: 16px;
	border: 1px solid #E6EAED;
	flex: 0 0 calc((100% / 4) - 15px);
	text-align: center;
	transition: 0.3s;
}

.create_researchlab .create_researchlab_single:first-child {
	border: 1px dashed #E6EAED;
}

.create_researchlab .create_researchlab_single:first-child:hover {
	background: #f2f2f2;
	cursor: pointer;
}

.create_researchlab_single p {
	line-height: 150%;
}

.create_researchlab_single ul {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.btn_style3 {
	min-width: 64px;
	height: 30px;
	/* slightly smaller so badges align with avatar */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid #E6EAED;
	border-radius: 50px;
	font-size: 13px;
	/* reduce text size slightly */
	font-weight: 500;
	color: #101136;
	padding: 0px 10px;
}

.create_researchlab_single ul li img,
.btn_style3 img {
	max-width: 14px;
	height: auto;
}

.create_researchlab_single span {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #FAFAFA;
	border: 2px solid #FFFFFF;
}

.create_researchlab_single span img {
	width: 59px;
	height: auto;
}

/*=================  End (Create New ResearchLab) Section  =================*/

/*Page - 2*/
/*=================  Start Message Section  =================*/
.message_section_main {
	padding: 25px 0px;
}

.message_section {
	display: flex;
	justify-content: space-between;
	height: calc(100vh - 150px);
}

.message_left,
.message_right {
	flex: 0 0 calc((100% / 2) - 16px);
	background: #FFFFFF;
	border: 1px solid #E6EAED;
	border-radius: 20px;
	height: 100%;
	position: relative;
	z-index: 2;
}

.message_left_heading {
	padding: 12px 16px;
	border-bottom: 1px solid #E6EAED;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.btn_style {
	padding: 7px 15px;
	color: #101136;
	font-weight: 500;
	border: 1px solid #E6EAED;
	border-radius: 5px;
	display: inline-block;
	transition: 0.3s;
}

.btn_style_hover:hover {
	background: #E7E7EA !important;
}

.btn_style i {
	font-size: 14px;
	transition: 0.3s;
	margin-right: 5px;
}

.btn_style img {
	max-width: 18px;
}

.message_left_heading button {
	font-size: 16px;
	color: #101136;
	font-weight: 500;
	outline: none;
	border: none;
}

.dropdown-item {
	font-size: 14px;
}

.message_left_thread {
	padding: 16px 16px;
	border-bottom: 1px solid #E6EAED;
}

.message_left_thread ul {
	display: flex;
	gap: 10px;
}

.message_left_messages {
	padding: 16px 16px;
	overflow: scroll;
	height: 290px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.message_left_messages::-webkit-scrollbar {
	display: none;
}

.message_left_messages_all {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.message_left_single_message {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.mlsm_user {
	display: flex;
	align-items: center;
	gap: 9px;
	flex-shrink: 0;
}

.mlsm_user_img img {
	width: 50px;
	height: 50px;
	object-fit: cover;
}

.mlsm_user_title p {
	font-weight: 500;
	color: #101136;
	line-height: 100%;
}

.mlsm_user_title span {
	display: block;
	font-size: 12px;
	line-height: 160%;
	color: #101136;
}

.mlsm_message p {
	line-height: 150%;
	color: #101136;
	padding: 10px 10px;
	background: #FAFAFA;
	border-radius: 10px;
}




.message_left_messages_send form {
	border: 1px solid #E6EAED;
	border-radius: 10px;
}

.mlms_type_message input {
	padding: 23px 14px;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	color: #575A7B;
	border: none;
	outline: none;
	border-radius: 10px;
}

/* prevent input content from causing horizontal scroll */
.mlms_type_message input {
	box-sizing: border-box;
	max-width: 100%;
	white-space: nowrap;
	/* keep single-line input */
	overflow: hidden;
	text-overflow: ellipsis;
}

.mlms_type_message input::placeholder {
	opacity: 1;
	color: #575A7B;
	font-weight: 600;
}

.mlms_submit {
	padding: 11px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mlms_submit_left ul {
	display: flex;
	gap: 8px;
}

.mlms_submit_left .btn_style {
	padding: 6px 8px;
	font-size: 14px;
	font-weight: 500;
}

.mlms_submit_left .btn_style img {
	max-width: 18px;
}

.mlms_submit_right {
	display: flex;
	align-items: center;
	gap: 12px;
}

.mlms_submit_right ul {
	display: flex;
	gap: 8px;
}

.mlms_submit_right ul li a {
	display: inline-block;
}

.mlms_submit_right ul li a:hover {
	transform: scale(1.1);
}

.mlms_submit_right ul li a img {
	max-width: 28px;
	width: 100%;
	height: auto;
}


.mlms_submit_right button:hover {
	transform: scale(1.1);
}

.mlms_submit_right button img {
	width: 13px;
	height: auto;
}

/*Start Right Site*/
.message_right_tab ul {
	border: 2px solid #E6EAED;
	border-radius: 5px;
	overflow: hidden;
}

.message_right_tab .nav-link {
	padding: 10px 25px;
	color: #101136 !important;
	background: #E7E7EA;
	border-radius: 0px !important;
}

.message_right_tab .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #101136;
	background-color: #FFF;
}

.message_right_tab_contents_all {
	padding: 16px 16px;
}

.single_tab_contents {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
}

.tab_single_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 calc((100% / 5) - 14px);
	text-align: center;
}

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

.tab_single_item_img {
	position: relative;
	z-index: 2;
}

.tsiimg_gpt {
	position: absolute;
	top: 5px;
	right: -4px;
	z-index: 3;
}

.tsiimg_gpt img {
	width: 21px;
	height: auto;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
}

.tab_single_item h5 {
	margin: 10px 0px 4px 0px;
	font-size: 16px;
	line-height: 100%;
	font-weight: 500;
	color: #101136;
}

.tab_single_item p {
	font-size: 12px;
	line-height: 160%;
}

/*=================  End Message Section  =================*/

/*=================  Start Modal Pages  =================*/
.modal_main .modal-dialog {
	max-width: 700px;
}

.modal-title {
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.modal-title img {
	max-width: 22px;
}

.modal_main .modal-header {
	justify-content: space-between;
	padding: 11px 16px;
}

.modal_main .modal-header span {
	display: flex;
	align-items: center;
	gap: 15px;
}

.modal_main .modal-body {
	padding: 16px 16px;
}

.modal_main .modal-footer {
	padding: 12px 16px;
}





/*.stepform_wrapper {
  max-width: 600px;
  background: #fff;
  border: 1px solid #E6EAED;
  border-radius: 12px;
  padding: 20px;
  font-family: Arial, sans-serif;
}*/

.stepform_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.setup_guide_btn {
	border: 1px solid #E6EAED;
	background: #f8f9fa;
	border-radius: 6px;
	padding: 6px 12px;
	cursor: pointer;
}

.stepform_progress {
	position: relative;
	margin: 5px 0 40px;
}

.progress_steps {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

.progress_steps::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -20px;
	width: 100%;
	background: #575A7B;
	height: 8px;
	border-radius: 30px;
	opacity: 0.1;
	z-index: -2;
}

.progress_step {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	flex: 1;
	text-align: center;
}

.circle {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #E6EAED;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	font-size: 14px;
	font-weight: 500;
	z-index: 2;
	color: #101136;
}

.label {
	font-weight: 500;
	color: #575A7B;
}

.circle.active {
	border-color: #000;
	background: #000;
	color: #fff;
}

.label.active {
	color: #000;
	font-weight: bold;
}

.progress_line {
	position: absolute;
	bottom: -20px;
	left: 0;
	height: 8px;
	width: 50px;
	background: #101136 !important;
	transition: width 0.3s, background 0.3s;
	z-index: 3;
	border-radius: 30px;
}

.step_page {
	display: none;
}

.step_page.active {
	display: block;
}

.form_group {
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
}

.form_group label {
	margin-bottom: 6px;
	font-weight: 500;
	color: #101136;
}

.step_input,
.step_range {
	border: 1px solid #E6EAED;
	border-radius: 10px;
	padding: 16px;
	color: #101136;
	outline: none;
}

.form_group input::placeholder,
.form_group textarea::placeholder {
	opacity: 1;
	color: #101136;
}

.form_group textarea {
	height: 88px;
	resize: none;
}

.step_input.error {
	border-color: red;
}

.model_box,
.datasource_box,
.knowledge_box {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.model_item,
.ds_item,
.kb_item,
.kb_upload {
	border: 1px solid #E6EAED;
	padding: 8px 12px;
	border-radius: 6px;
	background: #f9f9f9;
}

.model_item.connected,
.ds_item.connected {
	border-color: #4caf50;
	background: #eafbea;
}

.stepform_footer {
	display: flex;
	gap: 10px;
	width: 100%;
}

.stepform_footer button {
	flex: 0 0 calc((100% / 2) - 8px);
	text-align: center;
	justify-content: center;
	padding: 14px 15px;
	transition: 0.3s;
}

.stepform_footer button img {
	max-width: 16px;
}

.stepform_footer button i {
	font-size: 14px;
}

.btn {
	padding: 8px 14px;
	border-radius: 6px;
	cursor: pointer;
	border: none;
}

.cancel_btn {
	background: #ffe6e6;
	color: #c00;
	border: 1px solid #ffe6e6;
}

.cancel_btn:hover {
	background: #efc7c7;
	color: #c00;
}

.back_btn {
	background: #FFF;
	border: 1px solid #E6EAED;
	color: #101136;
}

.back_btn:hover {
	background: #f2f2f2;
}

.back_btn i {
	color: #101136;
	transition: 0.3s;
}

.next_btn,
.start_btn {
	background: #000;
	color: #fff;
}

.hidden {
	display: none;
}

/* Session Duration */
.session-duration-single {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
}

.form_double_ul {
	display: flex;
}

.form_double_ul li:first-child {
	border-radius: 10px 0px 0px 10px;
}

.form_double_ul li:last-child {
	border-left: 0;
	border-radius: 0px 10px 10px 0px;
}

.form_double_ul .btn_style {
	padding: 15px 15px;
}

.checkbox-label {
	color: #101136;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 12px;
}

.checkbox-label input {
	accent-color: #101136;
	width: 18px;
	height: 18px;
}


.input-box input,
.input-box select {
	border: none;
	outline: none;
	font-size: 14px;
	font-weight: 500;
	color: #101136;
	background: transparent;
}

/* Team Size */
.team-size {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.team-progress-box {
	max-width: 446px;
	width: 100%;
}

.team-size label {
	font-weight: 500;
	color: #101136;
	margin-bottom: 6px;
	display: block;
}

.team-size input[type="range"] {
	width: 100%;
	appearance: none;
	height: 8px;
	border-radius: 6px;
	background: linear-gradient(to right, #00d46a 0%, #00d46a 25%, #e6fbe8 25%, #e6fbe8 100%);
	outline: none;
}

.team-size input[type="range"]::-webkit-slider-thumb {
	appearance: none;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #00d46a;
	cursor: pointer;
}

.range-values {
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
	font-weight: 500;
	color: #101136;
}

.current-box input {
	width: 33px;
	border: none;
	text-align: center;
	font-weight: 500;
	color: #101136;
	background: transparent;
}

.current-box .form_double_ul .btn_style {
	padding: 10px 15px;
}

.current-box .form_double_ul li:first-child {
	border-radius: 6px 0px 0px 6px;
}

/* Email Reporting */
.email-reporting {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.email-reporting-switch {
	display: flex;
	align-items: center;
	gap: 12px;
}

.email-reporting label {
	font-weight: 500;
	color: #101136;
	margin-bottom: 8px;
	display: block;
}

.email-reporting-emails ul {
	display: flex;
	gap: 5px;
}

.email-reporting-emails .btn_style i {
	margin-left: 10px;
}

.email-reporting-emails ul li i {
	color: #FA3434;
	cursor: pointer;
}

.email-reporting-emails ul li a i {
	color: #101136;
}

.switch {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 22px;
	margin: 6px 0;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	inset: 0;
	background-color: #e6eaed;
	border-radius: 22px;
	transition: 0.3s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 3px;
	bottom: 3px;
	background: white;
	transition: 0.3s;
	border-radius: 50%;
}

.switch input:checked+.slider {
	background-color: #00d46a;
}

.switch input:checked+.slider:before {
	transform: translateX(20px);
}

.emails {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.email-tag {
	background: #f8f9fb;
	border: 1px solid #e6eaed;
	border-radius: 8px;
	padding: 6px 10px;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.email-tag button.remove {
	border: none;
	background: none;
	cursor: pointer;
	font-size: 16px;
	color: red;
}

.add-email {
	border: 1px solid #e6eaed;
	background: white;
	border-radius: 8px;
	padding: 6px 12px;
	font-size: 14px;
	cursor: pointer;
}



/*STEP - 2*/
.step_two_form_title p {
	font-weight: 500;
}

.step_two_form_contents {
	margin: 12px 0px 20px 0px;
	border: 1px solid #E6EAED;
	border-radius: 10px;
}

.step_two_single_content {
	padding: 12.5px 16px;
	border-bottom: 1px solid #E6EAED;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.s2sc_left p {
	font-weight: 500;
	color: #101136;
	display: flex;
	align-items: center;
	gap: 10px;
}

.s2sc_left p img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	object-fit: cover;
}

.s2sc_right {
	display: flex;
	align-items: center;
	gap: 10px;
}

.s2sc_right .form_double_ul .btn_style {
	padding: 10px 15px;
}

.s2sc_right .form_double_ul li:first-child {
	border-radius: 6px 0px 0px 6px;
}

.s2sc_right a {
	color: #101136;
}

.s2sc_right .btn_style {
	display: flex;
	align-items: center;
	gap: 5px;
}

.s2sc_right ul {
	display: flex;
	align-items: center;
	gap: 10px;
}

.s2sc_right2 .btn_style {
	background: #21D03D1A;
}

.s2sc_right2 ul li a {
	width: 33px;
	height: 33px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FEEAEA;
}

.s2sc_right2 ul li a i {
	color: #FA3434;
}

.s2sc_right2 ul li a:hover {
	background: #e6c4c4;
}

.s2sc_right ul li input {
	accent-color: #E6EAED;
	width: 33px;
	height: 33px;
	border-radius: 5px;
}

.s2sc_right3 .btn_style2 {
	color: #FFFFFF;
	padding: 5px 16px;
	border-radius: 5px;
	margin-top: -5px;
}

.s2sc_right3 .btn_style2:hover {
	color: #000000;
}

.s2sc_right1 ul {
	gap: 0px;
}



/*STEP - 3*/
.step_three_form_single {
	margin-bottom: 20px;
}

.step_three_form_single p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	font-weight: 500;
}

.step_three_form_single textarea {
	padding: 12px 16px;
	line-height: 160%;
	color: #101136;
	border: 1px solid #E6EAED;
	border-radius: 10px;
	resize: none;
	height: 120px;
	width: 100%;
}

.step_three_form_single textarea::placeholder {
	opacity: 1;
	color: #101136;
}


/*STEP - 4*/
.sfdsc_single .s2sc_right2 ul li img {
	max-width: 24px;
	height: auto;
}

.sfdsc_single .s2sc_right2 ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	color: #101136;
}

.step_four_data_sourch_connected {
	margin: 10px 0px 20px 0px;
}

.sfdsc_single .s2sc_right2 {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
}

.step_four_knowledge_base_contents ul {
	margin: 28px 0px 32px 0px;
	display: flex;
}

.step_four_knowledge_base_contents ul li {
	flex: 0 0 calc((100% / 6) - 8.5px);
	position: relative;
	z-index: 2;
}

.step_four_knowledge_base_contents ul li img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.step_four_knowledge_base_contents ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #FA3434;
	position: absolute;
	top: -5px;
	right: -5px;
}

.step_four_knowledge_base_contents ul li a:hover {
	background: #ce2424;
}

.step_four_knowledge_base_contents ul li a i {
	color: #FFFFFF;
	font-size: 14px;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile:focus+label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label * {
	pointer-events: none;
}

.inputfile+label {
	cursor: pointer;
	color: #575A7B;
	background-color: #FFF;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	border: 1px dashed #E6EAED;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: 0.3s;
}

.inputfile:focus+label,
.inputfile+label:hover {
	background-color: #f2f2f2;
}

.inputfile+label img {
	width: 35px !important;
	height: 35px !important;
	border-radius: 50%;
	object-fit: cover;
	margin-bottom: 10px;
}

.inputfile+label span {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.inputfile+label span b {
	font-weight: 500;
	color: #101136;
}



/*STEP - 5*/
.sfivef_auto {
	display: flex;
	gap: 10px;
	margin: 20px 0px;
	flex-wrap: wrap;
}

.s5sc_right1 .btn_style3 {
	min-width: auto;
}

.s2sc_left p b {
	font-weight: 600;
	font-size: 17px;
}

.step_two_form_contents textarea {
	border: none !important;
}

/*=================  End Modal Pages  =================*/




/*////////////////////////////////////////////// Start CashAds Project //////////////////////////////////////////////*/
.cashads_body p {
	color: #41484E;
}

.cashads_body .btn_style {
	border-radius: 10px;
}


/*=================  Start Header  =================*/
.cashads_header_main {
	padding: 16px 0px;
	border-bottom: 1px solid #EBEBEC;
	background: #FFFFFF;
	z-index: 10;
}

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

.cashads_logo a img {
	width: 120px;
	height: auto;
}

/* .cashads_menu ul {
	display: flex;
	gap: 10px;
} */

/* .cashads_menu .btn_style {
	position: relative;
	z-index: 2;
} */

/* .cashads_menu .btn_style span {
	position: absolute;
	top: 0;
	right: -6px;
	width: 20px;
	height: 20px;
	color: #FFFFFF;
	background: #FF4444;
	font-size: 12px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
} */

.cashads_header_right {
	display: flex;
	align-items: center;
	gap: 14px;
}

.header_profile {
	position: relative;
	border-radius: 50%;
	display: inline-block;
	overflow: hidden;
	z-index: 2;
}

.header_profile span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: #098637;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
}

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

.btn {
	font-size: 16px;
}

.header_profile_main .dropdown button {
	display: flex;
	align-items: center;
	gap: 10px;
	transition: 0.3s;
}

.header_profile_main .dropdown button:hover {
	opacity: 0.8;
}

.header_profile_main .dropdown button b {
	font-weight: 500;
}

.header_profile_main .btn {
	padding: 0;
	font-weight: 500;
	font-size: 18px;
}

.cashads_header_right .btn_style {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #FFFFFF;
}

.cashads_header_right .btn_style img {
	max-width: 25px;
	width: 100%;
	height: auto;
}

.cashads_header_right .btn_style span {
	display: flex;
	flex-direction: column;
	color: #41484E;
	font-size: 12px;
	line-height: 120%;
}

.cashads_header_right .btn_style span b {
	font-size: 14px;
	font-weight: 600;
	color: #020B13;
}



.btn_style:hover,
.btn_style.active {
	background: #E6F3EB;
	color: #098637;
}

/*Start Mobile Menu icon*/
#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
	width: 28px;
	height: 23px;
	position: relative;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #000000;
	border-radius: 0px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon4 span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
	top: 8px;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
	top: 16px;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -2px;
	left: 2px;
}

#nav-icon4.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 18px;
	left: 2px;
}

/*End Mobile Menu icon*/
/*=================  End Header  =================*/

/*=================  Start CashAds Page-1  =================*/


.cashads_section_main {
	padding: 25px 0px 30px 0px;
}

.title_area {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.logo_text {
	font-size: 45px;
	line-height: 100%;
	font-weight: 700;
	color: #020B13;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin-bottom: 25px;
}

.logo_text a {
	color: #020B13;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
}

.logo_text a span {
	width: 45px;
	height: 45px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #098637;
}

.logo_text a span img {
	width: 20px;
}

.title_area_middle_main {
	max-width: 640px;
	width: 100%;
}

.title_area_middle_single span {
	font-size: 13px;
}


.title_area_middle {
	/* make counters fluid and allow wrapping */
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1100px;
	margin-bottom: 20px;
	padding: 0 12px;
	box-sizing: border-box;
	gap: 12px;
}

.title_area_middle_single {
	flex: 1 1 140px;
	/* grow, shrink, base width */
	min-width: 0;
	border: 1px solid #EBEBEC;
	border-radius: 10px;
	padding: 12px;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.title_area_middle_single p {
	font-size: 18px;
	line-height: 100%;
	font-weight: 600;
	color: #020B13;
}

.title_area_middle_single span {
	color: #41484E;
	line-height: 100%;
}

.title_area_menus ul {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.title_area_menus ul li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 15px;
	border: 1px solid #EBEBEC;
	border-radius: 10px;
	transition: 0.3s;
	font-weight: 500;
	color: #020B13;
	line-height: 100%;
}

.title_area_menus ul li a:hover,
.title_area_menus ul li .active {
	background: #E6F3EB;
	color: #098637;
}

.title_area_menus a svg path {
	transition: 0.3s;
}

.title_area_menus a:hover svg path,
.title_area_menus .active svg path {
	stroke: #098637;
}


.cashads_items_all {
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.cashads_single_item {
	padding: 20px 20px;
	border: 1px solid #EBEBEC;
	border-radius: 20px;
	/*flex: 0 0 calc((100% / 3) - 14px);
	max-width: 600px;
	width: 100%;*/
	width: 32.5%;
}

.csi_carousel_single,
.cashads_single_item_carousel {
	width: 100%;
	position: relative;
	z-index: 2;
	margin: 5px 2px;
}

/* Carousel slide: keep a consistent visual box (aspect-ratio) and center any image inside it.
   Use object-fit: contain so portrait / landscape / square images are fully visible and centered. */
.csi_carousel_single {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16/9;
	/* visual box - adjust if you prefer a different ratio */
	max-height: 240px;
	/* cap overall visual height */
	border-radius: 15px;
	background: #f7f7f7;
	/* neutral backdrop for letterboxing */
}

.csi_carousel_single img {
	/* force image to fill the slide box while preserving aspect ratio */
	width: 100%;
	height: 100%;
	object-fit: contain;
	/* keeps whole image visible; change to 'cover' if you prefer fill/crop */
	object-position: center center;
	border-radius: inherit;
	display: block;
}

.cashads_single_item_carousel.owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5px;
	width: 35px;
	height: 35px;
	border: 1px solid #EBEBEC;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF40;
	z-index: 10;
}

.btn-prev {

	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5px;
	width: 35px;
	height: 35px;
	border: 1px solid #EBEBEC;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF40;
	z-index: 10;

}

.cashads_single_item_carousel.owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	width: 35px;
	height: 35px;
	border: 1px solid #EBEBEC;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF40;
	z-index: 10;
}
.btn-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	width: 35px;
	height: 35px;
	border: 1px solid #EBEBEC;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF40;
	z-index: 10;
	color: inherit;
	font: inherit;
}

.cashads_single_item_carousel [class*=btn-]:hover {
	background: #869791;
	color: white;
}


.btn-next {
	left: inherit;
	right: 10px;
}

.cashads_single_item_carousel.owl-theme .owl-nav button i {
	color: #FFFFFF;
}

.cashads_single_item_carousel.owl-theme .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 5px 2px;
	background: #8D9195;
}

.cashads_single_item_carousel.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #020B13;
}

.cashads_single_item_carousel.owl-theme .owl-dots,
.owl-theme .owl-nav {
	margin-top: 10px;
}

.cashads_single_item_contents h5 {
	font-size: 22px;
	line-height: 100%;
	font-weight: 500;
	color: #020B13;
	margin-top: 5px;
}

.cashads_single_item_contents p {
	line-height: 150%;
}

.csic_profile_area ul {
	margin: 15px 0px;
	display: flex;
	align-items: flex-end;
	gap: 13px;
}

.csic_profile_area ul li {
	line-height: 100%;
	font-weight: 500;
	color: #020B13;
}

.csic_profile_area ul li p {
	line-height: 100%;
}

.csic_profile_area ul li b {
	font-weight: 500;
	margin-bottom: 8px;
	color: #020B13;
	display: inline-block;
}

.csic_profile_area ul li p img {
	width: 60px;
	height: auto;
	border-radius: 50%;
}

.csic_profile_area ul li .btn_style3 {
	background: #020B131A;
	color: #020B13;
}

.csic_profile_area ul li .btn_style3 img {
	width: 15px;
	height: auto;
}

.csic_profile_area ul li:nth-child(2) .btn_style3 {
	color: #098637;
	background: #E6F3EB;
}

.csic_boxs {
	margin: 15px 0px 20px 0px;
	display: flex;
	justify-content: space-between;
	gap: 15px;
}

.csic_box_single {
	flex: 0 0 calc((100% / 3) - 10px);
	padding: 13px 15px;
	border: 1px solid #EBEBEC;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
}

.csic_box_single .btn_style3 {
	color: #098637;
	background: #E6F3EB;
	padding: 5px 15px;
	border-radius: 100px;
	line-height: 100%;
	height: auto;
}

.csic_btn a,
.csic_btn button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 18px 10px;
	font-size: 20px;
	line-height: 100%;
	font-weight: 600;
	color: #098637;
	width: 100%;
	text-align: center;
	background: #E6F3EB;
	border-radius: 12px;
	border: none;
	transition: 0.3s;
}

.csic_btn a:hover,
.csic_btn button:hover {
	background: #ccecd9;
}

.csic_btn a img,
.csic_btn button img {
	max-width: 24px;
}

.csic_btn a span,
.csic_btn button span {
	font-weight: 400;
}

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

.title_area_menus_main {
	width: 100%;
	background: #fff;
	z-index: 9;
	transition: all 0.3s ease;
}

.title_area_menus_main.sticky {
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	padding: 12px 15px;
}

/*=================  End CashAds Page-1  =================*/

/*=================  Start CashAds Page-4  =================*/
.title_area_menus_all {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
}

.cashads_page5_right .title_area_menus_all {
	justify-content: flex-start;
}

.csic_earn {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 8px 16px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	color: #FFFFFF !important;
	background: #FFFFFF3D;
}

.csic_earn img {
	max-width: 20px;
	height: auto !important;
}

.csic_earn {
	padding: 8px 14px;
	border-radius: 7px;
	gap: 8px;
	font-size: 14px;
}

.csic_earn img {
	max-width: 18px;
}

.title_area_menus_all .select_btn select {
	border-radius: 10px !important;
}

/*=================  End CashAds Page-4  =================*/

/*=================  Start CashAds Page-3  =================*/
.csic_profile_area2 {
	margin: 20px 0px 20px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
}

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

.csic_profile_left p {
	font-size: 18px;
	line-height: 100%;
	font-weight: 500;
	color: #020B13;
}

.csic_profile_left .btn_style3 {
	background: rgba(2, 11, 19, 0.1);
}

.csic_profile_right {
	display: flex;
	align-items: center;
	gap: 10px;
}

.csic_profile_right .btn_style3 {
	background: #020B131A;
	color: #020B13;
}

/*=================  End CashAds Page-3  =================*/

/*=================  Start CashAds Page-6  =================*/
.cashads_create_listing_main {
	padding: 20px 20px;
	border: 1px solid #EBEBEC;
	border-radius: 20px;
	max-width: 673px;
	width: 100%;
	margin: auto;
}

.cclm_single {
	margin-bottom: 25px;
}

.cclm_single p {
	line-height: 150%;
	color: #41484E;
}

.cclm_single_title p {
	line-height: 100%;
	margin-bottom: 10px;
	font-weight: 500;
	color: #020B13;
}

.cclm_single .form_double_ul .btn_style {
	padding: 12px 20px;
}

.form_double_ul .btn_style input {
	width: 100%;
	max-width: 70px;
	border: none;
	color: #020B13;
	outline: none;
	text-align: center;
}

.cclm_single2 {
	margin-bottom: 20px;
	border: 1px solid #EBEBEC;
	border-radius: 10px;
}

.cclm_single2_title p {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 22px;
	line-height: 100%;
	font-weight: 500;
	color: #020B13;
	padding: 12px 16px;
	background: #F7F8F8;
	border-radius: 10px 10px 0px 0px;
}

.cclm_single2_title p img {
	max-width: 24px;
	height: auto;
}

.cclm_single2_contents {
	padding: 16px 16px;
}

.cclm_single2_contents .step_four_knowledge_base_contents ul {
	margin: 0px;
}

.cclm_single2_contents .step_four_knowledge_base_contents ul li {
	flex: 0 0 calc((100% / 5) - 8px);
}

.cclm_single2_contents .step_four_knowledge_base_contents ul li img {
	height: 100px;
	object-fit: cover;
}

.cashads_create_listing_main .csic_btn button {
	color: #FFFFFF;
	background: #098637;
}

.cashads_create_listing_main .csic_btn button:hover {
	background: #098637d4;
}

/*=================  End CashAds Page-6  =================*/

/*=================  Start CashAds Page-5  =================*/
.cashads_page5 {
	display: flex;
	justify-content: space-between;
	gap: 25px;
}

.cashads_page5_left,
.cashads_page5_right {
	/*flex: 0 0 calc((100% / 2) - 13px);*/
	width: 49.5%;
	padding: 20px 20px;
	border: 1px solid #EBEBEC;
	border-radius: 20px;
	position: relative;
	z-index: 2;
	height: calc(100vh - 140px);
}

.cashads_page5_right_title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFF;
	z-index: 3;
	padding: 20px;
	border-radius: 20px;
}

/*.cashads_page5_left{
	padding-bottom: 110px;
}*/
.cashads_page5_left_contents {
	height: 100%;
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding-bottom: 55px;
}

.cashads_page5_left_contents::-webkit-scrollbar {
	display: none;
}

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

.cashads_page5_left_single_title h5 {
	font-size: 22px;
	line-height: 100%;
	font-weight: 500;
	color: #020B13;
}

.cashads_page5_left_single p {
	line-height: 150%;
}

.cashads_page5_left .step_four_knowledge_base_contents ul li {
	flex: 0 0 calc((100% / 7) - 9px);
}

.cashads_page5_left_bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 32px;
	background: #F7F8F8;
	border-radius: 0px 0px 20px 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
}

.cashads_page5_left_bottom .btn_style {
	background: #FFFFFF;
	padding: 11px 15px;
}

.cashads_page5_left_bottom input {
	font-weight: 600;
	color: #020B13;
}

.cashads_page5_right_items .cashads_items_all {
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 0;
}

.cashads_page5_right_items {
	height: 100%;
	overflow: scroll;
	padding-top: 65px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.cashads_page5_right_items::-webkit-scrollbar {
	display: none;
}

.cashads_page5_right_items .cashads_single_item {
	width: 48.5%;
}

.cashads_page5_right_items .csi_carousel_single img {
	height: 245px;
}

.cashads_page5_right_title .title_area_menus ul li:last-child a:hover {
	color: #FF4444;
	background: #FFECEC;
}

.cashads_page5_right_title .title_area_menus ul li:last-child a:hover svg path {
	stroke: #FF4444;
}

.cashads_page5_right_items .csic_profile_right .btn_style3 {
	background: #E6F3EB;
	color: #098637;
}

.cashads_page5_right_items .csic_profile_area2 {
	margin: 5px 0px 0px 0px;
}

.close_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #FFECEC;
}

.close_btn i {
	color: #FF4444;
}

.close_btn:hover {
	background: #fcd2d2;
}

.btn_denied {
	color: #FF4444 !important;
	background: #FFECEC !important;
}

/*=================  End CashAds Page-5  =================*/

/*=================  Start CashAds Page-2  =================*/
.cashads_page2 {
	display: flex;
	justify-content: space-between;
	gap: 25px;
}

.cashads_page2_left,
.cashads_page2_right {
	width: 49.5%;
	padding: 10px 10px;
	position: relative;
	z-index: 2;
	height: calc(100vh - 80px);
}

.btn_style_green {
	color: #098637;
	background: #E6F3EB;
}

.cashads_page2_left_images {
	margin-top: 20px;
	margin-bottom: 60px;
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.cp2l_single_image {
	flex: 0 0 calc((100% / 3) - 10px);
	position: relative;
	z-index: 2;
}

.cp2l_single_image img {
	/* thumbnails: keep aspect ratio, center and contain inside fixed box */
	width: auto;
	height: 200px;
	max-width: 100%;
	object-fit: contain;
	object-position: center center;
	border-radius: 10px;
	display: block;
}

.cp2l_single_image a,
.cp2rm_left_img_contents a {
	width: 33px;
	height: 33px;
	border-radius: 6%;
	background: rgba(0, 0, 0, 0.55);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	padding: 6px 6px;
	bottom: 12px;
	right: 12px;
}

.cp2l_single_image a i,
.cp2rm_left_img_contents a i {
	color: #FFFFFF;
}

.cp2l_single_image a:hover,
.cp2rm_left_img_contents a:hover {
	background: rgba(0, 0, 0, 0.55);
}

.cashads_page2_left_contents {
	height: 100%;
	overflow: scroll;
	padding-bottom: 130px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.cashads_page2_left_contents::-webkit-scrollbar {
	display: none;
}

.cashads_page2_left_btn {
	/* margin-top: 20px; */
	padding: 20px 20px;
	border-top: 1px solid #EBEBEC;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #FFFFFF;
	z-index: 3;
	border-radius: 0px 0px 20px 20px;
}

.cashads_page2_left_btn a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	padding: 15px 15px;
	border-radius: 12px;
	background: #098637;
	font-size: 32px;
	line-height: 100%;
	font-weight: 600;
	color: #FFFFFF;
	position: relative;
	z-index: 2;
}

.cashads_page2_left_btn a span {
	font-size: 14px !important;
	font-weight: 400;
	line-height: 100%;
	color: #FFFFFF;
}

.cashads_page2_left_btn a:hover {
	background: #098637c7;
}

.modal_small_contents .cashads_page2_left_btn {
	position: inherit;
	padding: 0;
}

.select_btn select {
	background: transparent;
	border: 1px solid #EBEBEC;
	padding: 13px 33px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 500;
	color: #020B13;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	transition: 0.3s;
}

.select_btn {
	position: relative;
	z-index: 2;
}

.select_btn select:hover {
	background: #E7E7EA;
}

.select_btn img {
	width: 20px;
	height: auto;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}

.select_btn i {
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.cashads_page2_right .message_left_heading .btn_style {
	border-radius: 50px;
}

.cashads_page2_right .message_left_heading_main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	background: #FFFFFF;
	border-radius: 20px 20px 0px 0px;
	padding: 20px 20px 10px 20px;
}

.cashads_page2_right .message_left_heading {
	padding: 0;
	border-bottom: none;
}

/*.cashads_page2_right {
    overflow: hidden;
    padding-bottom: 200px;
}*/
.cashads_page2_right_message {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding-top: 75px;
	position: relative;
	z-index: 2;
	/* min-height: 100vh; */
	/* height: 100%; */
	/* Only allow vertical scrolling to avoid horizontal scrollbars */
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	/* max-height: 870px; */
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding-bottom: 150px;
}

.cashads_page2_right_message::-webkit-scrollbar {
	display: none;
}

.cp2rm_left {
	max-width: 60%;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	/* allow normal wrapping inside left bubbles */
	white-space: normal;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.cp2rm_left_img {
	position: relative;
	z-index: 2;
}

.cp2rm_left_img_contents {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	padding: 0px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cp2rmd_img {
	position: relative;
	z-index: 2;
}

.cp2rmd_img img {
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.cp2rm_right_main {
	display: flex;
	justify-content: flex-end;
	gap: 10px;

}

.cp2rm_right {
	max-width: 60%;
	width: 100%;
	text-align: right;
	/* allow normal wrapping inside right (user) bubbles */
	white-space: normal;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.cp2rm_left_img_contents .btn_style {
	color: #FFFFFF;
	border: none;
	background: rgba(0, 0, 0, 0.55);
}



.cashads_page2_right_message {
	position: relative;
	z-index: 2;
}

.cashads_logo .logo_text {
	margin-bottom: 0px;
	font-size: 22px;
	gap: 8px;
}

.cashads_logo .logo_text a {
	gap: 6px;
}

.cashads_logo .logo_text a b {
	font-weight: 700;
}

.cashads_logo .logo_text a span {
	width: 26px;
	height: 26px;
	border-radius: 4px;
}

.cashads_logo .logo_text a span img {
	width: 11px;
}

.p2_mobile_view_item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.p2_mobile_view_item .btn_style {
	min-width: 100px;
	text-align: center;
}

/*=================  End CashAds Page-2  =================*/

/*=================  Start All Modal  =================*/
.modal_small .modal-title {
	font-size: 22px;
	font-weight: 600;
	color: #020B13;
}

.modal_small .modal-title img {
	max-width: 24px;
}

.modal_small .modal-header .btn-close {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	border: 1px solid #EBEBEC;
}

.modal_small .modal-header .btn-close img {
	width: 16px;
	height: auto;
}

.modal_small .modal-header .btn-close i {
	color: #020B13;
	font-size: 24px;
}

.modal_small .modal-header {
	padding: 12px 16px;
	background: #F7F8F8;
	border-radius: 20px 20px 0px 0px;
	justify-content: space-between;
}

.modal_small .modal-dialog {
	max-width: 530px;
}

.modal_small .modal-body {
	padding: 16px 16px;
}

.modal_small_contents .csi_carousel_single img {
	/* modal previews should fit the modal area without distortion */
	max-width: 100%;
	max-height: 420px;
	width: auto;
	height: auto;
	object-fit: contain;
	object-position: center center;
	border-radius: 10px;
	display: block;
}

.csi_carousel_single .close_btn {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #FFFFFF;
	background: #FF4444;
}

.csi_carousel_single .close_btn i {
	color: #FFFFFF;
	font-size: 20px;
}

.csi_carousel_single .close_btn:hover {
	background: #ff4444b8;
}

.msc_upload {
	margin: 10px 0px 20px 0px;
}

.msc_upload .inputfile+label {
	font-size: 14px;
	flex-direction: row;
	font-weight: 600;
	color: #098637;
	padding: 0;
	border: none;
	border: 1px solid #84C39B;
	background: #84c39b45;
	padding: 15px;
	outline: none;
}

.msc_upload .inputfile+label:hover {
	background: #84c39b8a;
}

.msc_upload .inputfile+label span {
	flex-direction: row;
	gap: 5px;
}

.msc_upload .inputfile+label img {
	width: 24px !important;
	height: 24px !important;
	border-radius: 0;
	object-fit: contain;
	margin-bottom: 0;
}

.msc_upload_term {
	display: flex;
	align-items: center;
	gap: 10px;
}

.msc_upload_term input {
	accent-color: #098637;
	width: 20px;
	height: 20px;
	border-radius: 5px;
}

.msc_upload_term label {
	color: #020B13;
}

.modal_small .modal-footer ul {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
}

.modal_small .modal-footer ul button {
	flex: 0 0 calc((100% / 2) - 5px);
	padding: 12px;
	display: flex;
	justify-content: center;
	gap: 10px;
	border-radius: 10px;
	transition: 0.3s;
}

.modal_small .modal-footer ul button:hover {
	opacity: 0.8;
}

.modal_small .modal-footer ul .btn_style {
	padding: 13px 5px;
	width: 100%;
	background: #098637;
	color: #FFF;
}

.modal_small .modal-footer ul .btn_style i {
	margin: 0px !important;
	font-size: 18px;
}

.modal_small .modal-footer ul .btn_style:nth-child(2) {
	color: #FF4444;
	background: #FFECEC;
}

.modal_small_contents {
	width: 100%;
}


.popups ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.popups .title_area_title h1 {
	text-align: center;
	justify-content: center;
}


/*========== Payment Method (Modal-2) ==========*/
.pdcph_title p {
	font-size: 22px;
	font-weight: 600;
	color: #020B13;
	margin-bottom: 12px;
}

.pdcph_single_main {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.pdcph_single {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	padding: 15px 20px;
	border: 1px solid #EBEBEC;
	border-radius: 12px;
}

.pdcph_single_left p {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	color: #020B13;
}

.pdcph_single_left p img {
	width: 20px;
	height: auto;
}

.pdcph_single_right ul {
	display: flex;
	gap: 10px;
}

.plan-step {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 15px;
}

.step-label {
	background: #020B131A;
	color: #101136;
	font-size: 14px;
	font-weight: 500;
	padding: 6px 14px;
	border-radius: 20px;
}

.step-title {
	font-size: 18px;
	font-weight: 600;
	color: #101136;
	margin: 0;
}

.plan-options {
	display: flex;
	gap: 16px;
}

.plan-card {
	border: 1px solid #E6EAED;
	border-radius: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	transition: 0.3s;
	flex: 0 0 calc((100% / 2) - 6px);
}

.mdc_select_radio2 .plan-card {
	flex: 0 0 100%;
}

.plan-card input {
	display: none;
}

.plan-content {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 500;
	color: #020B13;
	position: relative;
	padding: 15px 16px;
	width: 100%;
	position: relative;
	z-index: 2;
}

.plan-content .btn_style3 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
	background: #FFFFFF;
}

.radio-circle {
	width: 20px;
	height: 20px;
	border: 2px solid #4CAF50;
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
}

.plan-card input:checked+.plan-content .radio-circle {
	border-color: #4CAF50;
}

.plan-card input:checked+.plan-content .radio-circle::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 12px;
	height: 12px;
	background: #4CAF50;
	border-radius: 50%;
}

.plan-card input:checked+.plan-content {
	background: #F0FAF3;
	border: 1px solid #4CAF50;
	border-radius: 10px;
	height: 100%;
}

.badge {
	background: #E6F6EC;
	color: #4CAF50;
	font-size: 12px;
	font-weight: 500;
	padding: 2px 8px;
	border-radius: 20px;
}

.mdc_select_radio {
	margin-bottom: 10px;
}

.modal_small .modal-content {
	border-radius: 20px;
}

.mdc_close {
	margin: 14px 0px 10px 0px;
}

.mdc_close .btn_style3 {
	height: 42px;
	border: none;
	color: #FF4444;
	background: #FFECEC;
	padding: 0px 16px;
}

.mdc_close .btn_style3:hover {
	background: #f3d3d3;
}


/*========== Payouts (Modal-3) ==========*/
.modal_small .modal-header .btn-close {
	margin-left: inherit;
}

.mdc_pending_earnings {
	border: 1px solid #EBEBEC;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
}

.mdc_pending_earnings p {
	color: #41484E;
	line-height: 100%;
}

.mdc_pending_earnings p b {
	font-weight: 500;
	color: #020B13;
}

.mdc_payment_history .cashads_page2_left_btn,
.ms_contents_login .cashads_page2_left_btn {
	margin: 15px 0px;
	padding-top: 0;
	border: none;
}

.mdc_payment_history .cashads_page2_left_btn a,
.ms_contents_login .cashads_page2_left_btn a {
	font-size: 12px;
	font-weight: 400;
}

.mdc_payment_history .cashads_page2_left_btn a span,
.ms_contents_login .cashads_page2_left_btn a span {
	font-weight: 500 !important;
}


/*Login (Modal - 4)*/
.msc_logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0px 0px 40px 0px;
	position: relative;
	z-index: 2;
}

.msc_logo a img {
	width: 250px;
	height: auto;
}

.msc_logo .logo_text {
	margin-bottom: 0px;
}

.ms_contents_login .step_input {
	background: #F7F8F8 !important;
}

.ms_contents_login .csic_btn button {
	background: #098637;
	color: #FFFFFF;
}

.ms_contents_login .csic_btn button:hover {
	opacity: 0.8;
}

.modal_small_login .modal-dialog {
	max-width: 600px;
}

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


/*Create Account (Modal - 5)*/
.msc_logo p {
	font-size: 18px;
	font-weight: 500;
	color: #41484E;
}

.msc_logo p b {
	margin: 10px 0px 2px 0px;
	font-size: 22px;
	font-weight: 600;
	color: #020B13;
	display: inline-block;
}

.modal_small_login .mdc_select_radio {
	margin-bottom: 10px;
	background: #F7F8F8;
	padding: 12px 12px;
	border-radius: 12px;
}

.mdc_select_radio .step_input {
	background: #FFFFFF !important;
}

.form_group_3pl {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.form_group_3pl .form_group,
.form_group_3pl .form-group {
	flex: 0 0 calc((100% / 3) - 7px);
}

.form_group_3pl .form_group input,
.form_group_3pl .form_group select {
	width: 100%;
}

.form_group_3pl .form_group select {
	border: 1px solid #E6EAED;
	padding: 16px;
	border-radius: 10px;
	outline: none;
	background: #FFFFFF;
}

.msc_logo .btn_style {
	position: absolute;
	top: 0;
	left: 0;
}

.ms_contents_login .cashads_page2_left_btn {
	position: relative;
	z-index: 2;
	margin-bottom: 0;
	padding: 0;
}

.ms_contents_login .cashads_page2_left_btn .cpp5lb {
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	height: 100%;
	background: #FFFFFF1A;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px 0px 0px 12px;
}

.cpp5lb img {
	max-width: 35px;
	height: auto;
}

.ms_contents_login .csic_btn {
	position: relative;
	z-index: 2;
}

.ms_contents_login .csic_btn i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	color: #FFFFFF;
	font-size: 18px;
}


/*=================  End All Modal  =================*/



.listing-description{
	max-height: 24px;
	overflow: hidden;
	white-space: pre-line;
}

.show-more-btn {
  color: blue; /* overrides inherited color */
}