/* 
Intructions:
1) Any kind of changes to be made in only the theme.css. i.e., color code changes,fontsizes, logo width, mobile logo width.
2) Please ensure you do not do any kind of changes to the common.css file.
3) If there is a need to do any new block for any conference website in specific, ensure to add and save the file in the style.css
 */
:root {
	--primary-color: #015697;
	--secondary-color: #178dd7;
	--third-color: #939393;
	--light-color: #dceefa;
	--preloader-color: #f9fbfe;
	--white-color: #fff;
	--black-color: #000;
	--abstractfilebg-color: #178dd79e;
	--offerbg-color: #4e7e95;
	--contentbg-color: #737373;
	--iconbg-color: #adadad;
	--bannerhover-color: #178dd7;
	--registerbg-color: #87dae7;
	--modalred-color: #ef513a;
	--members-color: #015697;
}

.error {
	color: red;

}

b {
	color: #000;
}

div.error {
	margin-top: -20px;
	height: 30px;
}

.upload_wrap15 div.error {
	margin-top: 13px;
	margin-bottom: -20px;
}

input:focus {
	border: 1px solid var(--primary-color);
}

select:focus {
	border: 1px solid var(--primary-color);
}

a {
	color: var(--secondary-color);
}

/* preloader Colors Code */
.preloader {
	background-color: var(--preloader-color);
}

/* scroll-to-top Colors Code */
.scroll-to-top {
	color: var(--secondary-color);
}

.scroll-to-top:hover {
	color: var(--secondary-color);
}

/* header button Colors Code */
.regs_wrap a {
	color: var(--secondary-color) !important;
}

.june_wrap55 span {
	color: var(--primary-color);
}

/* logo img*/
.max_wrap156 Image {
	max-width: 210px;
	height: auto;
}

.logo_cont15 .logo {
	max-width: 210px;
	height: auto;
}

.sticky-header .logo {
	padding: 6px 0px 2px;
	max-width: 125px;
}

.sticky-header .logo .sti-logo {
	width: 100%;
	height: auto;
	margin: 0px;
}

.banner_wrap {
	width: 100%;
	height: 550px;
}

.banner_wrap hr {
	background-color: var(--secondary-color);

}

.banner_wrap h1 {
	font-size: 47px;
	color: var(--black-color);
}

.theme_color {
	color: var(--secondary-color);
}


/* Menu Bar code*/


.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li.current-menu-item>a {
	color: var(--secondary-color);
}

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li.current-menu-item>a {
	background: var(--secondary-color);

	color: var(--white-color);
}

.main-menu .navigation>li>ul {
	background: var(--white-color);
	color: var(--secondary-color);
}

.main-menu .navigation>li>ul>li:hover>a {
	background: none;
	color: var(--secondary-color) !important;
}

.main-menu .navigation>li>ul>li>ul {


	background: var(--third-color);
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
	background: var(--secondary-color);
}

.main-header .links-nav li .fa {

	color: var(--secondary-color);
}

.main-slider .tp-bullets.preview3 .bullet:hover,
.main-slider .tp-bullets.preview3 .bullet.selected {
	border-color: var(--secondary-color) !important;
	background: var(--secondary-color) !important;
}

.main-slider .tparrows.preview3:hover::after {
	color: var(--white-color);
	background: var(--secondary-color);
	border-color: var(--secondary-color);
}

.normal-link:hover {
	color: var(--secondary-color);
}

.banner_wrap h5 {
	color: var(--primary-color);
	margin: 10px 0px 30px 0px;
}

.main-header .header-top a:hover {
	color: var(--secondary-color);
}

.brand_wrap {
	background-color: var(--light-color);
}

.back_wrapblue {
	background-color: var(--abstractfilebg-color);
}

.banner_wrap a {
	background-color: var(--primary-color);
	border: none !important;
}

.banner_wrap a:hover {
	background-color: var(--bannerhover-color);
}


.banner_wrap button {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color) !important;
}

.banner_wrap button:hover {
	background-color: var(--bannerhover-color);
}


.sq_mainbox {
	border: solid 10px var(--primary-color);

}

.sq_box1 {
	border: solid 8px var(--secondary-color);

}

.sq_box2 {
	background: var(--primary-color);
}

.sq_abmainbox {

	border: solid 10px var(--primary-color);

}

.sq_abbox1 {

	border: solid 8px var(--secondary-color);

}

.sq_abbox2 {
	background: var(--primary-color);

}

.book_wrap {
	background-color: var(--offerbg-color);
	color: var(--white-color);
	overflow: hidden;
}

.book_wrap h3:before {
	background: radial-gradient(circle, var(--white-color) 29%, var(--offerbg-color) 84%);
}

.book_wrap h3:after {
	background: radial-gradient(circle, var(--white-color) 29%, var(--offerbg-color) 84%);
}


.book_wrap a,
.index-contact {
	background-color: var(--white-color);
	color: var(--primary-color);
}

.book_wrap a:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.book_wrap .index-contact:hover {
	background-color: var(--secondary-color);
	color: var(--white-color);
}

.nur_wrap1 {
	color: var(--primary-color);
	font-size: 30px !important;
}

.nur_wrap2 {
	font-size: 40px;
}

.nur_wrap3 {
	font-size: 32px !important;
	color: var(--primary-color);
	line-height: 40px;
}

.nur_wrap4 {
	font-size: 27px !important;
	line-height: 35px;
}


.nur_wrap11 {
	color: var(--primary-color);
}

.nur_wrap33 {
	color: var(--primary-color);
}

.import_wrap h2 span {
	color: var(--primary-color);
}

.import_wrap2 h2 span {
	color: var(--primary-color);
}

.links-nav i {
	color: var(--iconbg-color);
}

.date-mainblock-color1 {
	background: var(--white-color);
	border: solid 2px var(--primary-color);
}

.date-mainblock-color2 {
	background: var(--white-color);
	border: solid 2px var(--contentbg-color);
}

.date-topbg-color1 {
	background: var(--primary-color);
}

.date-topbg-color2 {
	background: var(--contentbg-color);

}

.date-circle1 {

	background: var(--white-color);

}

.date-circle2 {

	background: var(--white-color);

}

.date-lstrip1 {

	background: var(--contentbg-color);

}

.date-lstrip2 {
	background: var(--contentbg-color);

}

.date-lstrip3 {
	background: var(--contentbg-color);

}

.date-lstrip4 {
	background: var(--contentbg-color);
}

.date-rstrip1 {

	background: var(--primary-color);

}

.date-rstrip2 {
	background: var(--primary-color);

}

.date-rstrip3 {
	background: var(--primary-color);

}

.date-rstrip4 {
	background: var(--primary-color);

}

.test-imp-row {
	margin-left: 0px;
	margin-right: 0px;
}

.may_wrap15 {
	width: 40%;
	font-size: 23px;
}

.earl_wrap {
	width: 58%;
	font-size: 23px;
}

.org_wrap {
	color: var(--secondary-color);
}

.accordion-box .block .acc-btn.active,
.accordion-box .block .acc-btn.active .icon-outer {
	color: var(--secondary-color);
	height: 68px;
}

.accordion-box.style-two .block .acc-btn.active {
	color: var(--white-color);
	background: var(--secondary-color);
}

.accordion-box.style-two .block .acc-btn.active .icon-outer {
	color: var(--white-color);
}

.accordion-box .block .icon-outer .bxs-arrow-from-left:before {
	font-size: 24px;
	color: var(--secondary-color);
}

.accordion-box .block .icon-outer .bxs-arrow-from-top:before {
	font-size: 24px;
	color: var(--black-color);
}

.accordion-box.style-two .block.active-block {
	border-color: var(--secondary-color);
}

.add_style1 hr {
	background-color: var(--primary-color);
}

.add_style1 a {
	background-color: var(--primary-color);
}

.add_style1 a:hover {
	background-color: var(--white-color);
	color: var(--primary-color);
}

.ess_wrap5 h2 span {
	color: var(--primary-color);
}

.ess_wrap5 {

	border: solid 1px var(--primary-color);
}

.box_st1 a {
	background-color: var(--primary-color);
}

.box_st1 button {
	background-color: var(--primary-color);
}

.blue_wrap55 {

	border: solid 2px var(--primary-color);
}

.box_wrap155 {

	border: solid 8px var(--primary-color);
}

.box_wrap154 {
	background-color: var(--secondary-color);
}

.apple_wrap a {
	background-color: var(--primary-color);
}

.apple_wrap a:hover {
	color: var(--primary-color);
	background-color: var(--white-color);
}

.banner_wrap h5 {
	font-size: 21px;
}

.banner_wrap p {
	max-width: 530px;
	font-size: 19px;
}

.add_wrap_session ul li {
	font-size: 17px;
}

.session_wrap_style1 p {
	max-width: 100%;
	font-size: 18px;
	padding: 0px 240px;
}

.add_wrap_session {
	width: 48%;
	margin-right: 1.6%;
}

.cont_head_st1 h2 {
	font-size: 34px;
}

.cont_head_st1 p {
	font-size: 20px;
}

.cont_wrap14666 label {
	font-size: 20px;
	color: var(--primary-color) !important;
}

.appy15 {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	font-size: 19px;
	color: var(--white-color);
}

.footer_add_st1 img {
	max-width: 210px;
	height: auto;
}

.footer_add_st1 hr {
	background-color: var(--primary-color);
}

.footer_add_st1 p {
	font-size: 20px;
	color: var(--contentbg-color);
}

.fot_add1 h4 {
	color: var(--secondary-color);
	font-size: 18px;
}

.menu_footer h4 {
	color: var(--secondary-color);
}

.menu_footer ul li a:hover {
	color: var(--secondary-color) !important;
}

.menu_footer2 h4 {
	color: var(--secondary-color);
}

.footer_last_wrap {
	background-color: var(--secondary-color);
}

.menu_footer2 .form .btn-primary {
	color: var(--white-color);
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.menu_footer2 .form .btn-primary:hover {
	color: var(--black-color);
	background-color: var(--white-color) !important;
	border-color: var(--white-color) !important;
}

.last_st1 a {
	color: var(--black-color);
}

.last_st2 a {
	color: var(--black-color);
}

.last_st2 {
	color: var(--black-color);
}

.last_st3 {
	color: var(--black-color);
}

.last_st3 a {
	color: var(--black-color);
}

.navactive {
	color: var(--secondary-color) !important;
}

.navmobileactive {
	color: var(--secondary-color) !important;
}

.set_meber_add h3 {

	background-color: var(--primary-color);
}

.sub_cont56 a {
	background-color: var(--primary-color);
}

.sub_cont56 a:hover {
	background-color: var(--primary-color);
}

.brand_wrap span {
	color: var(--secondary-color);
}

.lower-link a {
	color: var(--primary-color) !important;
}

.work-item h4 {
	color: var(--contentbg-color) !important;
	font-size: 14px;
}

.bt_nmk6 {

	border: solid 1.5px var(--primary-color);
}

.bt_nmk6:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.map_l55 {
	color: var(--black-color);
}

.upload_wrat55 {
	color: var(--primary-color);
}

.tabl_wrap155 {

	border: 2px solid var(--primary-color);
}

.mak1 {
	color: var(--primary-color);
}

.checkmark {

	background-color: var(--primary-color);
}

.container15:hover input~.checkmark {
	background-color: var(--primary-color);
}

.container15 input:checked~.checkmark {
	background-color: var(--primary-color);
}

.new_po5 label {
	font-size: 17px;
	color: var(--primary-color);
}

.form-hc label {
	color: var(--primary-color) !important;
}

.count_total_wrap {
	max-width: 800px;
	border: solid 1px var(--primary-color);
}

.re_p3_main {
	background: var(--primary-color);
	color: var(--black-color);
}

.confr_sty1 h3 {
	color: var(--primary-color);
}

.pg-head {
	color: var(--primary-color);
}

.contact-bg {
	border: solid 5px var(--primary-color);
}

.contact-bg b {
	color: var(--primary-color);
}

.contact-bg h4 {
	color: var(--primary-color);
}

.may_wrap15 {
	border-right: 2px solid var(--primary-color);
}

#myModal .modal-title {
	color: var(--primary-color);
}

#myModal .modal-confirm .icon-box {
	background: var(--primary-color) !important;
}

#myModal .modal-confirm .btn {
	background: var(--primary-color);
}

#myModal .modal-confirm .btn:hover,
#myModal .modal-confirm .btn:focus {
	background: var(--primary-color);
}

.modal-confirm .btn:hover,
.modal-confirm .btn:focus {
	background: var(--primary-color);
	border: none !important;
}

.cookie-button {

	background: var(--primary-color);
}

.sidebar-page-container .blog-detail .post-tags a:hover {
	color: var(--primary-color);
}







@media screen and (max-width: 950px) {
	.banner_wrap p {
		max-width: inherit;
		font-size: 19px;
	}

	.nur_wrap3 {
		font-size: 29px !important;
		color: var(--primary-color);
	}

	.banner_wrap h1 {
		font-size: 28px;
		line-height: normal;
		color: var(--black-color);
	}

	.mobil_lo5 img {
		max-width: 150px;
		height: auto;
	}

	.mobil_lo5 {
		float: left;
		width: auto;
	}

	.may_wrap15 {
		font-size: 37px;
		line-height: 38px;
	}

	.earl_wrap {
		font-size: 30px;
		line-height: 40px;
	}

}

.main-header .links-nav li a:hover {

	color: var(--white-color);
}

@media only screen and (max-width: 912px) {

	.banner_wrap {
		width: 100%;
		height: 400px;
		text-align: center;
	}

	.main-menu .navbar-header .navbar-toggle {
		background: var(--primary-color);
		margin-top: 15px !important;
	}

	.main-menu .navbar-header .navbar-toggle .icon-bar {
		background: var(--white-color);
	}

	.main-menu .navbar-collapse>.navigation {
		background: var(--white-color);
		border: 1px solid var(--white-color);
		border-top: none;

	}

	.main-menu .navbar-collapse>.navigation>li>a,
	.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {

		color: var(--white-color);
		background: var(--primary-color);
	}



	.main-menu .navbar-collapse>.navigation>li>a:hover,
	.main-menu .navbar-collapse>.navigation>li>a:active,
	.main-menu .navbar-collapse>.navigation>li>a:focus {
		background: none;
		color: var(--secondary-color) !important;
	}

	.main-menu .navbar-collapse>.navigation>li:hover>a,
	.main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,
	.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a,
	.main-menu .navbar-collapse>.navigation>li.current>a,
	.main-menu .navbar-collapse>.navigation>li.current-menu-item>a {
		background: var(--primary-color);
		color: var(--white-color) !important;
	}

}

.ab-dbtn {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.ab-dbtn:hover {
	background-color: var(--white-color);
	color: var(--black-color);
	border: solid 1.5px var(--abstractfilebg-color);
}

.notfound .notfound-404 h2 {
	background: linear-gradient(130deg, var(--primary-color), var(--secondary-color));
}

.notfound a {

	color: var(--primary-color);
	border-bottom: 1px dashed var(--primary-color);
}


.register-active {
	background: var(--primary-color);
	color: var(--white-color);
}

.regtotal-active {
	background: var(--registerbg-color);
}

.regtotal-active .mak1 {
	background: var(--registerbg-color);
	color: var(--white-color) !important;
}

a {
	text-decoration: none !important;
}

/* modal styles  */


.modal-dialog {
	display: flex;
	width: 100% !important;
	/* margin: 80px auto !important; */
	margin: 120px auto !important;
	margin-top: 20vh;
	justify-content: center;
	align-items: center;
}

.modal-dialog2 {
	display: flex;
	width: 100% !important;
	/* margin: 80px auto !important; */
	margin: 120px auto !important;
	margin-top: 20vh;
	justify-content: center;
	align-items: center;
}

.modal-content {
	background-color: #fff;
	border-radius: 0.3rem;
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.5);
}

.modal-content2 {
	background-color: #fff;
	border-radius: 0.3rem;
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.5);
}

.modal-header {
	padding: 1rem;

}

.modal-title {
	margin-bottom: 0;
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 1rem;
}

.modal-body .name-info {
	display: flex;
	justify-content: space-between;
}

.modal-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #dee2e6;
	background-color: #f8f9fa;
}

/* .icon-box {
	color: #fff;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -50px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
} */

.icon-box i {
	font-size: 24px;
}

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

.btn-success {
	color: #fff;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-success:hover {
	color: #fff;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.modal-content label {
	color: var(--primary-color) !important;
	font-size: 20px;
	font-weight: 500;
	width: 100%;
	text-align: left;
}

.modal-content2 label {
	color: var(--primary-color) !important;
	font-size: 20px;
	font-weight: 400;
	text-align: left !important;
	width: 100%;
}

.modal-content input {
	width: 100%;
	display: block;
	height: 45px;
	padding: 15px;
	color: #000;
	font-size: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	border: solid 1px #737373;
}

.modal-content2 input {
	width: 100%;
	display: block;
	height: 45px;
	padding: 15px;
	color: #000;
	font-size: 20px;
	/* margin-bottom: 20px; */
	margin-bottom: 5px;
	border-radius: 10px;
	border: solid 1px #737373;
}

.modal-content2 textarea {
	width: 100%;
	display: block;
	height: 45px;
	padding: 9px 8px 0px 15px;
	color: #000;
	font-size: 20px;
	margin-bottom: 5px;
	border-radius: 10px;
	border: solid 1px #737373;
}

.test {
	width: 100%;
	margin-left: 0px;
}

.test2 {
	width: 100%;
	margin-left: 25px;
}

.down-test {
	display: flex;
	justify-content: center;
}

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

	.session_wrap_style1 p {
		padding: 0px !important;
	}

	.set1566 {
		width: 90%;
		display: block;
		margin: auto;
		margin-bottom: 15px;
	}

	.set1567 {
		width: 90%;
		display: block;
		margin: auto;
		margin-bottom: 15px;
	}

	.count_total_wrap {
		width: 100%;
		margin-left: 16px;
	}

	.tabl_wrap155 {
		border: 2px solid var(--primary-color);
		/* margin-left: 23px; */
		width: 100%;
		margin: auto;
		margin-left: 15px;
	}

	.acc_wrap1556 {
		width: 100%;
		display: block;
		padding: 55px 0px 0px 16px;
		margin: 0px 4%
	}

	.test2 {
		width: 100%;
		margin-left: 0px;
	}

	.down-test {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}



	.modal {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		z-index: 1050;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: auto;
		background: rgba(0, 0, 0, 0.5);
		padding: 20px;
	}



	.modal-body .name-info {
		display: flex;
		flex-direction: column;

	}

	.fade-in {
		animation: fadeIn 0.5s;
	}

	.fade-out {
		animation: fadeOut 0.5s;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: scale(0.9);
		}

		to {
			opacity: 1;
			transform: scale(1);
		}
	}

	@keyframes fadeOut {
		from {
			opacity: 1;
			transform: scale(1);
		}

		to {
			opacity: 0;
			transform: scale(0.9);
		}
	}

	.modal-content {
		background-color: #fff;
		border-radius: 8px;
		padding: 20px;
		text-align: center;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		/* max-width: 400px; */
		width: 100%;
	}

	.modal-title {
		margin-bottom: 10px;
		font-size: 24px;
		color: #333;
	}

	.modal-text {
		font-size: 16px;
		line-height: 1.5;
		color: #666;
	}

	.modal-footer {
		margin-top: 20px;
	}

	.btn-success {
		color: #fff;
		border: none;
	}

	.modal2 {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		z-index: 1050;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: auto;
		background: rgba(0, 0, 0, 0.5);
	}



	.fade-in {
		animation: fadeIn 0.5s;
	}

	.fade-out {
		animation: fadeOut 0.5s;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: scale(0.9);
		}

		to {
			opacity: 1;
			transform: scale(1);
		}
	}

	@keyframes fadeOut {
		from {
			opacity: 1;
			transform: scale(1);
		}

		to {
			opacity: 0;
			transform: scale(0.9);
		}
	}

	.modal-content2 {
		background-color: #fff;
		border-radius: 8px;
		padding: 20px;

		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

	}

	.modal-title {
		margin-bottom: 10px;
		font-size: 24px;
		color: #333;
	}

	.modal-text {
		font-size: 16px;
		line-height: 1.5;
		color: #666;
	}

	.modal-footer {
		margin-top: 20px;
	}

	.btn-success {
		color: #fff;
		border: none;
	}

}

@media screen and (max-width:576px) {
	.count_total_wrap {
		width: 100%;
		margin-left: 16px;
	}
}


/* ======== modal styles======== */


.error {
	color: red;
	font-size: 0.9em;
	margin-top: 0.5em;
}

.modal {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 1050;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	background: rgba(0, 0, 0, 0.5);
}



.fade-in {
	animation: fadeIn 0.5s;
}

.fade-out {
	animation: fadeOut 0.5s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
		transform: scale(1);
	}

	to {
		opacity: 0;
		transform: scale(0.9);
	}
}

.modal-content {
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	max-width: 400px;
}

.modal-title {
	margin-bottom: 10px;
	font-size: 24px;
	color: #333;
}

.modal-text {
	font-size: 16px;
	line-height: 1.5;
	color: #666;
}

.modal-footer {
	margin-top: 20px;
}

/* .btn-success {
	background-color: #28a745;
	color: #fff;
	border: none;
}

.btn-success:hover {
	background-color: #218838;
} */


.text-uppercase {
	text-transform: uppercase;
}


.add_wrap_session ul li a {
	display: flex;
	align-items: center;
}

.add_wrap_session ul li span {
	display: flex;
	align-items: center;
}


.modal {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 1050;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	background: rgba(0, 0, 0, 0.5);
}



.fade-in {
	animation: fadeIn 0.5s;
}

.fade-out {
	animation: fadeOut 0.5s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
		transform: scale(1);
	}

	to {
		opacity: 0;
		transform: scale(0.9);
	}
}

.modal-content {
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	max-width: 400px;
}

.modal-title {
	margin-bottom: 10px;
	font-size: 24px;
	color: #333;
}

.modal-text {
	font-size: 16px;
	line-height: 1.5;
	color: #666;
}

.modal-footer {
	margin-top: 20px;
}

/* .btn-success {
	background-color: #28a745;
	color: #fff;
	border: none;
}

.btn-success:hover {
	background-color: #218838;
} */

.modal2 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 1050;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	background: rgba(0, 0, 0, 0.5);
}



.fade-in {
	animation: fadeIn 0.5s;
}

.fade-out {
	animation: fadeOut 0.5s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
		transform: scale(1);
	}

	to {
		opacity: 0;
		transform: scale(0.9);
	}
}

.modal-content2 {
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	/* // text-align: center; */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	/* // max-width: 400px; */
}

.modal-title {
	margin-bottom: 10px;
	font-size: 24px;
	color: #333;
}

.modal-text {
	font-size: 16px;
	line-height: 1.5;
	color: #666;
}

.modal-footer {
	margin-top: 20px;
}

/* .btn-success {
	background-color: #28a745;
	color: #fff;
	border: none;
}

.btn-success:hover {
	background-color: #218838;
} */



/* ============== last test ========== */
.work-item {
	position: relative;
	display: block;
	text-align: center;
	padding: 0rem;
	margin-bottom: 3rem;
	border-radius: 20px;
}

.work-item .image-box :global(img) {
	border-radius: 20px 0px 0px 20px;
}


.work-item h4 {
	color: #006a7b;
}

.faqs-class {
	display: flex !important;
	justify-content: center !important;
}



.payment-section .payment-img {
	width: 285px;
	height: 150px !important;
	margin: 5px !important;
	padding-bottom: 0px !important;
	border-bottom: 2px solid black;
}


/* =============== .accordion-box======== */
.accordion-box .acc-btn {
	padding: 15px 20px;
	line-height: 1.5;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	white-space: normal;
	word-wrap: break-word;
}

.icon-outer {
	display: inline-block;
	margin-right: 10px;
}

.accordion-box .acc-content {
	padding: 10px 15px;
}

.accordion-box .block .content p {
	padding-left: 14px;
}

.active-block .show5 {
	display: block;
}

.accordion-box .block .acc-btn {
	line-height: 25px;
}

/* Headings */

.import_wrap2 h3,
.down_wrap_style h3,
.volu_wrap h3,
.cont_head_st1,
.banner-heading-content {
	color: var(--black-color);
}

.down_wrap_style h3 {
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.down_wrap_style h3 span {
	color: var(--primary-color);
}

/* Session Heading */
.session_wrap_style1 h2 {
	color: var(--black-color);
}

.sup_wrap_blue {
	background-color: var(--abstractfilebg-color);
}


/* Contact Modal Form */
.modal2 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 1050;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto;
	background: rgba(0, 0, 0, 0.5);
	padding: 20px;
}

.modal-content2 {
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width: 100%;
	max-width: 500px;
	position: relative;
}

/* Close button styles */
.close {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #333;
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 30px;
}

/* Ensure modal content is centered and scrollable */
.modal-body {
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	padding: 20px;
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
	.modal-dialog2 {
		width: 100%;
		margin: 10px;
	}
}

/* Welcome Message */
/* 
.welcomemsg-section {
	background: url(../public/images/images/welcomebg.png);
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
	.welcomemsg-section {
		background: url(../public/images/images/welcomebg-mobile.png) !important;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.welcomemsg-section {
		background: url(../public/images/images/welcomebg-mobile.png) !important;
	}
}

@media only screen and (min-width:768px) and (max-width: 991px) {
	.welcomemsg-section {
		background: url(../public/images/images/welcomebg-mobile.png) !important;
	}
}

@media only screen and (min-width:992px) and (max-width: 1250px) {
	.welcomemsg-section {
		background: url(../public/images/images/welcomebg-mobile.png) !important;
	}
} */

/* Active color for navbar links */

.main-menu .navigation>li>a.active {
	color: var(--secondary-color);
}

/* Discount Styles in Registration Page */
.modal-content2 .discount-input {
	width: 100%;
	display: block;
	height: 45px;
	padding: 15px;
	color: #000;
	font-size: 20px;
	border-radius: 10px;
	border: 1px solid #737373;
}

.coupon-link {
	background-color: transparent;
	color: var(--offerbg-color);
	text-decoration: underline;
	padding: 8px 8px 4px 0px;
}

.coupon-link:hover {
	font-weight: 600;
}

.discount-table {
	border: 1px solid var(--primary-color);
	margin-top: 15px;
	padding: 10px;
}

.discount-table .re_p3,
.discount-table .re_p3_main {
	padding: 8px 4px 4px 15px;
}

.discount-table .re_p3_right,
.discount-table .re_p3_main_right {
	padding: 8px 15px 4px 4px;
}

.discount-table .re_p3_main {
	color: var(--white-color);
}

/* Captcha Styles in Abstract Submission  */
.captcha-container img {
	border: 1px dashed var(--primary-color);
	border-radius: 10px;
	padding: 8px;
	margin-bottom: 20px;

}

.refresh-icon {
	font-size: 25px;
	vertical-align: middle;
	color: var(--black-color);
}

.refresh-block {
	border: 1px solid;
	background: transparent;
	margin-left: 20px;
}

.captcha-container .set157 {
	margin: 0;
}

.captcha-text-block {
	display: flex;
	width: 50%;
}

.captcha-btn {
	background: var(--primary-color);
	font-size: 18px;
	color: var(--black-color);
	margin-left: 15px;
}

/* Members View All button */

.members-view-all-btn-block {
	text-align: center;
	margin: 30px;
}

.members-view-all-btn-block .view-more-speakers-btn {
	background-color: var(--secondary-color);
	padding: 13px 37px 14px;
	font-size: 19px;
	color: #fff;
	border-radius: 25px;
	border: 1px solid var(--secondary-color);
}

.members-view-all-btn-block .view-more-speakers-btn:hover {
	color: var(--primary-color);
	background-color: #fff;
	border: 1px solid var(--primary-color);
}


/* Speakers Block */

.speakers-section .committee-spacing .member-spacing {
	text-align: center;
	margin-top: 135px;
	margin-bottom: 0px;
}

.sessions-spacing {
	padding: 40px 0 70px !important;
}

/* Active color for navbar links */

.main-menu .navigation>li>a.active {
	color: var(--secondary-color);
}


/* Venue Page  */

.venue-page {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	width: 85%;
	margin: 50px auto;
	background: var(--white-color);
	padding: 30px;
	border-radius: 10px;
}

.venue-page .content1 {
	margin-bottom: 60px;
	margin-top: 30px;
}

.google-map {
	display: flex;
	justify-content: center;
}

.google-map iframe {
	width: 100%;
	height: 415px;
	border: 5px solid #ddd;
	border-radius: 10px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1), -3px -3px 5px rgba(0, 0, 0, 0.1);
}

.venue-add-block {
	padding: 0px 35px;
}

.venue-address {
	margin-top: 10px;
	line-height: 30px !important;
}

.venue-heading {
	padding: 0 30px;
	color: var(--black-color) !important;
	margin: 10px 0 15px !important;
}

.venue-address p {
	margin: 10px 0 15px !important;
}

.venue-address-p {
	padding: 0px 70px;
}

.venue-heading-p {
	/* padding: 0 30px; */
	margin: 10px 0 15px !important;
}

.venue-address {
	font-size: 18px;
	color: #737373;
	margin: 0px 0px 10px 0px !important;
	line-height: 23px;
}

.poster-heading {
	margin-bottom: 10px !important;
}

.venue-page .content1 ul li {
	margin-bottom: 8px;
}