@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('../css/inner-pages-style.css');
@import url('../css/publication-subscription.css');
@import url('../css/jobs-style.css');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	height: 100%;
	margin: 0;
}

body {
	/* display: flex; */
	min-height: 100vh;
	flex-direction: column;
}

main {
	min-height: calc(100vh - 196px);

}


:root {
	--font: "PT Serif", serif;
	--font1: 'Copyright Klim Type Foundry';
	--font2: 'Merriweather', serif;
	--font3: 'Bitter', serif;
	--font4: 'Roboto', sans-serif;
	--fontnew: 'Inter', sans-serif;
	--boxshadow: 0 1px 2px rgb(0 0 0 / 10%);
	--color1: #3457a7;
	--color2: #033e93;
	--color3: #ffffff;
	--color4: #959393;
	--color5: #F5F5F5;
	--color6: #033E93;
	--color7: #000000;
	--color9: #1d1d1d;
	--color10: #2b2b2b;
	--white: #ffffff;
}

/* .main-padding-0 main {
	padding: 0px !important;

} */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.GoogleCreativeContainerClass img[width="1170"] {
	display: block;
	width: 100%;
	height: auto;
}

img,
.img {
	max-width: 100%;
	-webkit-transition: -webkit-transform 1s ease;
	transition: -webkit-transform 1s ease;
	-o-transition: transform 1s ease;
	transition: transform 1s ease;
	transition: transform 1s ease, -webkit-transform 1s ease;
}

.preloader-wrap {
	height: 100%;
	width: 100%;
	background-color: var(--color3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-flow: column;
	flex-flow: column;
}

.preloader-wrap img {
	width: 300px;
	height: auto;
	display: block;
}

.pre-loader {
	width: 48px;
    height: 48px;
    border: 5px solid #ddd;
    border-bottom-color: var(--color2);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
	 0% {
        transform: rotate(0deg);
    }
	100% {
		transform: rotate(360deg);
	}
}

.modal.fade .modal-dialog.modal-dialog-zoom {
	-webkit-transform: translate(0, 0) scale(.5);
	-ms-transform: translate(0, 0) scale(.5);
	transform: translate(0, 0) scale(.5);
}

.modal.show .modal-dialog.modal-dialog-zoom {
	-webkit-transform: translate(0, 0) scale(1);
	-ms-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1);
}

/* header-social-media */

.header-media ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 20px 0px  0;
    list-style: none;
}
.header-media ul li a {
    width: 35px;
    height: 35px;
    /* border: 1px solid #ccc; */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 30px;
	color:var(--color3)
}
.header-media ul li a i{
	font-size:15px;
	margin-right:0px;
}


 .header-media .social-icons {
      list-style: none;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 0;
      margin: 0;
    }

  .header-media  .social-icons li {
      display: flex;
      align-items: center;
      justify-content: center;
    }

   .header-media .social-icons a, .header-media .toggle-btn {
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      border-radius: 30px;
      text-decoration: none;
      font-size: 18px;
      transition: transform 0.2s ease, opacity 0.3s ease;
    }

   /* .header-media .social-icons a:hover {
      transform: scale(1.1);
    } */

    /* Brand colors */
     .header-media  .social-icons .facebook { background: #033e93; }
     .header-media  .social-icons .twitter { background: #000000; }
      .header-media  .social-icons .linkedin { background: #0077B5; }
     .header-media  .social-icons  .youtube { background: #cd201f; }
      .header-media  .social-icons .instagram { background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d) }
     .header-media  .social-icons  .rss { background: #f7a000; }
     .header-media  .social-icons  .reddit { background: #ff5700; }

    .toggle-btn {
      background: #e0e0e0;
      color: #333;
      border: none;
      cursor: pointer;
      font-size: 16px;
      padding: 0;
      border-radius: 4px;
      width: 40px;
      height: 40px;
      transition: background 0.3s;
    }

    .toggle-btn:hover {
      background: #ccc;
    }

    .more-icons {
      display: flex;
      align-items: center;
      gap: 8px;
      max-width: 0;
      opacity: 0;
      overflow: hidden;
      transition: all 0.4s ease;
    }

    .more-icons.show {
      max-width: 500px;
      opacity: 1;
    }



.search-container {
	display: none;
	position: fixed;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	width: 100%;
	max-width: 750px;
	background-color: var(--white);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	height: auto;
	overflow: hidden;
	border-radius: 8px;
	z-index: 9999;
}

.search-container .top-section {
	padding-top: 0px;
	border-bottom: 1px solid rgb(0 0 0 / 8%);
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.search-icon {
	position: absolute;
	color: #4b5051;
	font-size: 25px;
}

.search-container .search-icon {
	top: 10px;
	right: 20px;
}

.search-container .top-section .modal-search-box {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}

.close-search-btn {
	background-color: transparent;
	border: none;
	margin-right: 10px;
	width: 50px;
	cursor: pointer;
	-webkit-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.close-search-btn .light-text {
	background-color: transparent;
	color: var(--color4);
	padding: 4px;
	border: 1px solid #ccc;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 1.2;
	opacity: 0.8;
	position: absolute;
	right: 21px;
	top: 10px;
}

.search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	--tw-backdrop-blur: blur(3px);
	z-index: 999;
	display: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	cursor: url('../images/close-cursor.png'), auto;
}

.search-container .search-field {
	width: 100%;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: none;
	background: none;
	color: var(--color9);
	font-family: var(--font4);
	font-weight: 500;
	font-size: 14px;
	/* padding-top: 0px; */
	line-height: 23px;
}

.search-container .search-field:focus {
	outline: none;
	border: none !important;
}

.search-container .search-box {
	position: relative;
}

.search-container .search-box .header-search {
	border: none;
	padding: 12px 44px;
	width: 400px;
	cursor: pointer;
	border: 1px solid transparent;
}

.search-container .body-section {
	padding: 10px 10px;
	max-height: 400px;
	overflow-y: scroll;
	min-height: 200px;
}


.current_date .date_time .date {
	font-size: 15px;
	font-family: var(--font2);
	font-weight: 500;
}

.listing li {
	list-style: none;
}

.listing .search-label {
	font-size: 14px;
	color: var(--color10);
	font-weight: 700;
	text-align: left;
	font-family: var(--font3);
}

.search-container .body-section .single-list {
	border-bottom: 1px dashed #dbdada;
	position: relative;
}

.search-container .body-section .single-list::before {
	content: '\e99a';
	font-family: 'unicons-line';
	position: absolute;
	left: 0;
	top: 0;
	color: #4b5051;
}

.search-container .body-section .single-list:last-child {
	border-bottom: 0px;
}

.body-section .search-flex {
	padding: 5px 0px 0px 20px;
	margin: 10px 0px 0px 0px;
	overflow: hidden;
	position: relative;
}

.search-container .body-section .content-img {
	display: inline-block;
	width: 130px;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 4px;
	left: 8px;
	border-radius: 5px;
}

.search-container .body-section .content-img img {
	width: 100%;
	height: auto;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border-radius: 8px;
}

.search-container .body-section .content .title {
	font-size: 14px;
	font-weight: 600;
	color: var(--color9);
	text-transform: capitalize;
	text-align: left;
	margin-bottom: 5px;
	font-family: var(--font3);
}

.search-container .body-section .single-list:hover .content .title {
	color: var(--color1);
}

.line-clamp-1 {
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.line-clamp-2 {
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.search-container .body-section .content .pera {
	font-size: 15px;
	font-weight: 500;
	font-family: var(--font);
	color: var(--color9);
	text-transform: capitalize;
	text-align: left;
}

.listing .content {
	margin: 0px;
}

.tab-wsmenu {
	padding: 0px;
	margin: 0px;
}

.rounded-img {
	border-radius: 0.375rem;
}

.tab_user_login img {
	max-width: 100%;
	width: 50px;
	height: 50px;
}

.menu-link:not(:last-child) {
	border-bottom: 1px solid #f1f0f0;
}

.menu_title {
	border-radius: 0px;
	color: var(--white);
	font-size: 15px;
	line-height: 20px;
	margin: 3px 0px 15px 0;
	font-family: var(--font);
	font-weight: 600;
	position: relative;
	background: var(--color2);
	border-radius: 0px;
	padding: 5px 15px;
}

.menu_links ul li a {
	padding-left: 25px;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.menu_links ul li>a::before {
	content: "\f101";
	font-family: 'Font Awesome 5 Free';
	float: left;
	margin-left: -1.5em;
	color: #000;
	font-size: 12px;
	line-height: 20px;
}

.menu_links ul li>a:hover {
	text-decoration: none;
	padding-left: 30px;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	color: var(--color2);
}

/* user_authentication */
.user_authentication {
	padding: 80px 0px 0px;
	clear: both;
}

.user_authentication .auth_div {
	background-color: var(--color3);
	padding: 25px 15px;
	border-radius: 15px;

}

.user_authentication .or_signup:after {
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%;
	content: "";
	position: absolute;
	display: block;
	background: linear-gradient(270deg, #a7acb4 0, hsla(217, 8%, 68%, 0) 36%, hsla(217, 8%, 68%, 0) 64%, #a7acb4);
}

.user_authentication form .form-group label {
	font-weight: 700;
	font-family: var(--font3);
	font-size: 14px;
	color: var(--bs-gray-dark);
}

.user_authentication form .form-group label span {
	color: #f46a6a;
}

.user_authentication form .form-group i {
	top: 40px;
}

.user_authentication form button {
	background-color: var(--color2);
	border-color: var(--color2);
	font-family: var(--font3);
	font-weight: 600;
}

.user_authentication .auth_div h3 {
	font-family: var(--font4);
	font-weight: 600;
	color: var(--bs-dark);
	margin-bottom: 15px;
	font-size: 22px;
}

.user_authentication .auth_div p {
	font-family: var(--font2);
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.5px;
}

.user_authentication .auth_div p a {
	color: var(--color2);
	font-weight: 600;
	text-decoration: underline;
}

/* forgot password form */

.user_authentication .forgot-pass-form{
	max-width: 550px;
	padding: 40px;
	margin: 0 auto;
	box-shadow: -4px -4px 36px rgba(192,192,192,.12),4px 4px 36px rgba(192,192,192,.16)
}

.user_authentication .forgot-pass-form h3{
	font-family: var(--font4);
    font-weight: 700;
    color: var(--bs-dark);
    margin-bottom: 10px;
    font-size: 28px;
}

.user_authentication .forgot-pass-form p{
	font-family: var(--font2);
    font-size: 14px;
    font-weight: 500;
    color: #636363;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

.user_authentication .forgot-pass-form p a{
	text-decoration: none;
}

.forgot-pass-form .form-group i{
	right: 15px;
    background-color: #fff;
}

.forgot-pass-form .securitycode {
    border: 1px dashed var(--color2);
	padding: 0.7rem 0.9375rem 0.7rem;
    font: 500 20px/ 1.4 var(--font2);
}

.forgot-pass-form .securitycode::before {
    content: '';
    position: absolute;
    width: 120%;
    height: 2px;
    background: var(--color2);
    top: 50%;
    left: -10%;
    transform: rotate(-10deg);
}

.forgot-pass-form .securitycode::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(var(--color2) 1px, transparent 1px);
    background-size: 10px 10px;
    opacity: 0.3;
    top: 0;
    left: 0;
    pointer-events: none;
}

.forgot-pass-form .form-group i {
    position: absolute;
    right: 10px!important;
    background: #fff;
    padding: 0 5px;
    top: 10px!important;
    font-size: 26px;
	color: var(--bs-gray);
}

.bg-overlay{
	position: absolute;
    height: 100%;
    width: 100%;
    background: url(https://www.theasianbanker.com/public/images/form-bg.webp);
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.banner-slider .banner-item {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.sn-notify-title,
.sn-notify-close svg {
	color: var(--color3);
	fill: var(--color3);
}

.banner-slider .banner-item::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 16.31%, rgba(10, 23, 41, 0.00) 108.6%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(16.31%, rgba(0, 0, 0, 0.85)), color-stop(108.6%, rgba(10, 23, 41, 0.00)));
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 16.31%, rgba(10, 23, 41, 0.00) 108.6%);
	pointer-events: none;
}

.banner-post-content {
	position: absolute;
	left: 40px;
	bottom: 20px;
	right: 50px;
	z-index: 9;
}

.banner-item .post-tag {
	color: var(--white) !important;
	font-family: var(--font);
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.78px;
	text-transform: capitalize;
	background: -o-linear-gradient(left, rgb(3 62 147), rgba(0, 95, 166, 0));
	background: -webkit-gradient(linear, left top, right top, from(rgb(3 62 147)), to(rgba(0, 95, 166, 0)));
	background: linear-gradient(to right, rgb(3 62 147), rgba(0, 95, 166, 0));
	display: inline-block;
	border-radius: 0;
	padding: 5px 10px;
	margin-bottom: 15px;
	position: absolute;
	top: 20px;
}

.banner-item .post-tag:hover {
	text-shadow: 2px 2px 1px #000;
}

.banner-post-content .post-title {
	font-family: var(--font);
	font-size: 30px;
	line-height: 40px;
	color: var(--white);
	font-weight: 600;
	margin-bottom: 15px;
	/* line-height: 1.4; */
}

.banner-post-content .post-title a {
	color: inherit;
	display: inline;
	padding-bottom: 0;
	/* -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-image: -o-linear-gradient(top, currentColor 0%, currentColor 98%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
	background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
	background-size: 0 1px;
	background-repeat: no-repeat;
	background-position: left 100%; */
}

.banner-slider .owl-dots {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.banner-slider .owl-dots button span {
	width: 13px !important;
	height: 13px !important;
	background-color: var(--color3) !important;
}

.banner-slider .owl-dots button.active span {
	background-color: var(--color2) !important;
}

.banner-slider .owl-dots button:hover span {
	background-color: var(--color2) !important;
}

.post-title.bold-underline a {
	background-size: 0 2px;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.46);
}

.banner-slider.big-post:hover .banner-post-content .post-title a {
	background-size: 100% 2px;
}

.banner-slider:hover .banner-post-content .post-title a {
	background-size: 100% 2px;
}

.blog-post-meta .list-wrap {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.blog-post-meta .list-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 15px;
}

.blog-post-meta .list-wrap li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--white);
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.52px;
	text-transform: uppercase;
	gap: 5px;
	font-family: var(--font2);
}

.blog-post-meta .list-wrap i {
	font-size: 18px;
}

.blog-post-meta.white-blog-meta .list-wrap li a {

	color: var(--white);
}

.article_section {
	padding: 40px 0px;
	clear: both;
}

.article_section .article_title h2,
.attent_title h2 {
	margin: 0;
}

.article_section .article_title h2 a,
.attent_title h2 a {
	/* background-color: #444; */
	color: var(--color7);
	padding: 6px 0px;
	/* border-radius: 3px 3px 0 0; */
	text-transform: capitalize;
	margin-right: auto;

	min-height: 1.8125rem;

	display: inline-block;
	margin: 0;
	font-family: var(--font);
	font: 700 16px / 28px var(--font3);
}

.article_section .article_title span,
.see_article h2 span {
	width: 14px;
	height: 14px;
	margin-right: 7px;
	margin-top: 7px;
	display: inline-block;
}

.attent_our_next_event .attent_title span {
	width: 14px;
	height: 14px;
	margin-right: 7px;
	margin-top: 7px;
	display: inline-block;
}

.article_section .article_title,
.attent_title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 2px solid #666;
	min-height: 1.9375rem;
	position: relative;
	/* box-shadow: rgba(3, 0, 71, 0.09) 0px 1px 3px;
    background-color: #fff;
    padding: 0px 10px;
    border-radius: 10px 10px 0px 0px; */
}

.article_section .article_title::before,
.attent_title::before {
	content: '';
	position: absolute;
	left: 0;
	width: 160px;
	height: 2px;
	bottom: -2px;
	background: #033e93;
}

.article_title .title_link,
.attent_title .title_link {
	color: var(--color2);
	line-height: 2.0714;
	/* min-height: 1.8125rem; */

	font: 600 14px/1.5 var(--font3);
}

.article_section .single_post {
	border: 0px solid #fff;
	padding: 0px;
	border-radius: 5px;
	background-color: var(--white);
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
	position: relative;
	margin-bottom: 25px;
}

.single_post .article_img .img_wrap {
	overflow: hidden;

}

.single_post .article_img img {
	margin-top: 30px;
	overflow: hidden;
	max-height: 180px;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width: 100%;
}

.single_post:hover .article_img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.single_post .post_category {
	font-size: .9em;
	background: var(--color2);
	padding: 7px 9px 0px;
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	width: 100%;
	color: var(--white);
	font-weight: 500;
	border-radius: 5px 5px 0px 0px;
	font-family: var(--font);
}

.single_post .post_category a {
	color: var(--white);
	font-size: 0.89rem;
	font-weight: 500;
	text-transform: capitalize;
}

.single_post .post_content {
	padding: 15px;
	position: relative;
}

.single_post .post_content h3 {
	font-size: 17px;
	font-family: var(--font3);
	font-weight: bold;
	line-height: 25px;
	margin: 0px 0 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	min-height: 50px;
}

.single_post .post_content h3 a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	/* min-height: 43px !important; */
}

.single_post .post_content h3:hover a {
	color: var(--color2);
}

.single_post .post_content p {
	font-size: 14px;
	color: #000;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-wrap: break-word;
	line-height: 27px;
	font-family: var(--font2);
	min-height: 100px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.social_media ul {
	padding: 0px;
	margin: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
}

.social_media ul li {
	list-style: none;
}

.social_media ul li>a {
	color: var(--color2);
}


.view_count .count {
	font-size: 13px;
	font-weight: bold;
	font-family: var(--font);
	line-height: 26px;
}

.post_content .premium_article {
	width: 95px;
	height: 21px;
	padding: 4px 1px 0 10px;
	border-radius: 0;
	background-color: #ffc200;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	line-height: 13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: var(--font);
}

.pr_new_section {
	/* -webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow); */
	border-radius: 0px 0px 4px 4px;
	padding: 15px;
	height: 350px;
	margin-top: 0px;
}

.pr_new_section ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

.pr_new_section>ul::before {
	position: absolute;
	content: '';
	background: #d9d9d9;
	height: 100%;
	width: 1px;
	top: 20px;
	left: -5px;
}

.pr_new_section>ul>li::before {
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	background-color: var(--color2);
	border-radius: 50%;
	left: -13px;
	top: 4px;
	border: 5px solid #fff;
}

.pr_new_section ul>li {
	width: 100%;
	background-color: transparent;
	border: 0;
	padding: 5px 0 0px 10px;
	border-radius: 5px;
	margin-bottom: 10px;
	position: relative;

	/* padding: 10px 10px 10px 0px; */
}

.pr_new_section .prnew_list a h4 {
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 6px;
	color: #000;
	font-weight: 700;
	position: relative;
	cursor: auto;
	font-family: var(--font3);
}

.pr_new_section .prnew_list a p {
	font-family: var(--font2);
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

.pr_new_section .prnew_list a:hover p {
	color: var(--color2);
}

.pr_new_section ul li {
	border-bottom: 1px dashed #efefef;
}

.pr_new_section ul>li:last-child {
	border-bottom: 0px;
}

.pr_new_section .date_pr_news {
	width: 100px;
	/* border: 1px solid #f0f1f7; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px;
	/* background: #f0f1f7; */
	font-size: 15px;
	font-weight: 600;
	font-family: var(--font);
	line-height: 23px;
	padding: 6px;
}

.pr_new_section .news_content a {
	font-size: 15px;
	color: #000;
	font-family: var(--font2);
	font-weight: 500;
	line-height: 20px;
	display: block;
}


.pr_new_section .news_content a {
	color: inherit;
	display: inline;
	padding-bottom: 0;
	-webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-image: -o-linear-gradient(top, currentColor 0%, currentColor 98%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
	background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
	background-size: 0 1px;
	background-repeat: no-repeat;
	background-position: left 100%;
}

.pr_new_section .news_content:hover a {
	background-size: 100% 1px;
}

.tab_press_releases {
	padding: 30px 0px;
	clear: both;
	background-color: var(--color3);
}

.press_release {
	padding-bottom: 6px;
	border-bottom: 2px solid #666;
	border-radius: 0px;
	position: relative;
}

.press_release::before {
	content: '';
	position: absolute;
	left: 0;
	width: 160px;
	height: 2px;
	bottom: -2px;
	background: #033e93;
}

.press_release span {
	width: 14px;
	height: 14px;
	margin-right: 7px;
	margin-top: 7px;
	display: flex;
}

.press_release span svg {
	width: 14px;
	height: 14px;
}

.press_release h2 {
	font: 700 22px / 28px var(--font3);
	color: #000;
	width: calc(100%);
	display: inline-block;
	margin-bottom: 0;
}


.banner-slider:hover .banner-post-content .post-title a {
	background-size: 100% 2px;
}


.card_shadow {
	-webkit-box-shadow: 0 2px 6px rgba(110, 123, 129, .1);
	box-shadow: 0 2px 6px rgba(110, 123, 129, .1);
	border-radius: 5px;
	height: 100%;
}

.sub-menu__list li,
.default-menu li {
	border-bottom: 1px dashed #f1f0f0;
}

.sub-menu__list li:last-child,
.default-menu li:last-child {
	border-bottom: 0px;
}

.icon_menus img {
	width: 40px;
	margin-bottom: 20px;
	-o-object-fit: contain;
	object-fit: contain;
}

.award_title a {
	font-size: 20px;
	font-family: var(--font);
	font-weight: bold;
}

.event_section {
	padding: 20px 0px;
	clear: both;
}

.event_section .event_card img {
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
}

.event_card:hover .event_thumbnail img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.event_section .event_card {
	border: 3px solid var(--color3);
	border-radius: 5px;
	background: var(--color3);
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
	margin-bottom: 20px;
	text-align: center;
	font-family: var(--font);
	position: relative;
	min-height: 330px;
}

.event_section .event_details {
	padding: 15px;
}

.event_section .event_date {
	font-size: 15px;
	line-height: 25px;
	font-weight: 600;
	margin-bottom: 6px;
	font-family: var(--font3);
	color: var(--color7);
}

.event_section .event_name h5 {
	font-family: var(--font3);
	font-weight: 600;
	line-height: 23px;
	font-size: 15px;
	color: var(--color7);
}

.event_section .event_card a h5 {
	color: inherit;
	display: inline;
	padding-bottom: 0;
	-webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-image: -o-linear-gradient(top, currentColor 0%, currentColor 98%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
	background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
	background-size: 0 1px;
	background-repeat: no-repeat;
	background-position: left 100%;
}

.event_section .event_card:hover a h5 {
	background-size: 100% 1px;
	color: var(--color2);
}

.event_section .event_card:hover a h5 {
	background-size: 100% 1px;
}

.attent_our_next_event {
	background-color: var(--white);
	padding: 0px 20px 10px 20px;
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
	border-radius: 8px;
}

.sponsored-slider .single_post {
	box-shadow: none !important;
}

.horizontal-post-thumb-four {
	width: 100px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	overflow: hidden;
}

.horizontal-post-four {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.horizontal-post-four {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	/* -webkit-box-direction: reverse; */
	-ms-flex-direction: row-reverse;
	/* flex-direction: row-reverse; */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/* justify-content: space-between; */
	/* gap: 15px; */
	/* margin-bottom: 30px; */
	border-bottom: 1px dashed #f1f0f0;
	padding-bottom: 0px;
	padding-top: 10px;
}

.horizontal-post-thumb-four {
	width: 130px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	overflow: hidden;
}

.horizontal-post-thumb-four img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	min-height: 100px;
	border-radius: 5px;
}


.horizontal-post-four:hover .horizontal-post-thumb-four img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.horizontal-post-content-four {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.horizontal-post-content-four .post-title {
	margin-bottom: 5px;
	font-size: 14.8px;
	font-weight: 600;
	line-height: 1.4;
	font-family: var(--font3);
}

.horizontal-post-content-four:hover .post-title a {
	color: var(--color2);
}

.blog_post_meta .list-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 15px;
	padding: 0;
}

.blog_post_meta .list-wrap li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.52px;
	text-transform: capitalize;
	gap: 5px;
	color: #17222B;
	opacity: 0.75;
	font-family: var(--font3);
}

.horizontal-post-four.horizontal-post-five:last-child {
	border-bottom: 0px;
}

.sponsored-slider .single_post {
	border: 1px solid #f1f0f0;
	border-radius: 8px;
	background-color: var(--white);
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
}

.sidebanner {
	background-color: var(--white);
	padding: 10px;
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
	border-radius: 8px;

}

.sidebanner .side_wrapper {
	margin-bottom: 20px;
}

.sidebanner .side_wrapper:last-child {
	margin-bottom: 0px;
}

.proram_links a {
	font-family: var(--font);
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	color: var(--color7);
}

.proram_links a:hover {
	color: var(--color1);
}

/* .......footer_section...... */
.footer_section {
	background-color: black;
	padding: 50px 0 0;
}

.footer_section .socialmedia_footer ul>li {
	display: inline-block;
	list-style: none;
	color: var(--white);
	gap: 5px;
}

.footer_section .socialmedia_footer ul>li a {
	margin-right: 10px;
	color: var(--white);
	width: 40px;
	height: 40px;
	line-height: 41px;
	border-radius: 30px;
	text-align: center;
	margin-bottom: 10px;
	display: block;
	font-size: 17px;
}



.footer_section .socialmedia_footer ul>li a i {
	line-height: 40px;
}

.footer_section .socialmedia_footer ul>li:nth-child(1) a{
	background-color: #033e93;
}

.footer_section .socialmedia_footer ul>li:nth-child(2) a{
	background-color: var(--color3);
	color: var(--color7);
}
.header-media ul>li:nth-child(2) a{
	background-color: var(--color7);
	color: var(--color3);
}

.footer_section .socialmedia_footer ul>li:nth-child(3) a{
	background-color: #0077B5;
}

.footer_section .socialmedia_footer ul>li:nth-child(4) a{
	background-color: #cd201f;
}

.footer_section .socialmedia_footer ul>li:nth-child(5) a{
	background: -o-linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
	background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.footer_section .socialmedia_footer ul>li:nth-child(6) a{
	background: #f7a000;
}

.footer_section .socialmedia_footer ul>li:nth-child(7) a{
	background: #ff5700;
}

.footer_section .footer_links .under_line {
	position: relative;
	color: var(--white);
	margin-right: 5px;
	font-size: 14px;
	font-family: var(--font);
	font-weight: 500;
}

.footer_section .footer_links span {
	color: var(--white);
}

.footer_section .footer_links .under_line:hover {
	color: var(--white);
}

.footer_section .footer_links .under_line:before {
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	bottom: -5px;
	left: 0;
	background-color: var(--white);
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer_section .footer_links .under_line:hover:before {
	visibility: visible;
	width: 100%;
}

.footer_section .marquee .marquee-text {
	font-size: 15px;
	font-weight: 500;
	font-family: var(--font);
}

.footer_section .bottom_footer {
	margin-top: 10px;
	padding: 10px 0 10px;
	border-top: 1px solid var(--white);
}

.footer_section .bottom_footer p {
	color: var(--white);
	font-family: var(--font);
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 5px;
}

.footer_section .bottom_footer .powered_by {
	color: var(--white);
	font-family: var(--font);
	font-weight: bold;
	font-size: 16px;
	float: right;
}

.footer_section .bottom_footer .powered_by img {
	width: 40px;
	-o-object-fit: contain;
	object-fit: contain;
}

/* Whatsapp icon css */


 .whatsapp-float {
    position: fixed;
    bottom: 80px;
    right: 40px;
    z-index: 1000;
  }

  /* WhatsApp Icon Style */
  .whatsapp-float img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    animation: whatsapp-pulse 2s infinite;
  }

  /* Pulse Animation */
  @keyframes whatsapp-pulse {
    0% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(140, 218, 168, 0.7);
    }
    70% {
      transform: scale(1.1);
      box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
  }

  /* Hover Effect */
  .whatsapp-float img:hover {
    animation: none;
    transform: scale(1.15);
    box-shadow: 0 6px 15px rgba(0,0,0,0.3);
  }

  /* Optional Tooltip */
  .tooltip {
    position: absolute;
    right: 50px;
    bottom: 5px;
    background: #25d366;
    color: white;
    padding: 2px 12px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    transition: 0.8s;
    font-size: 14px;
    font-family: var(--font3);
    line-height: 25px;
	cursor: pointer;
  }

  .whatsapp-float img:focus-visible{
    outline: 0;
  }

  .whatsapp-float:hover .tooltip {
    opacity: 1;
  }

/* Whatsapp icon css end */


.header_dropdown .avatar-dropdown,
.header_dropdown .avatar-dropdowns {
	outline: none;
	border: 0;
	color: #307CEF;
	cursor: pointer;
}

.header_dropdown .avatar-dropdown h5,
.header_dropdown .avatar-dropdowns h5 {
	font: 600 16px/1.5 var(--font4);
	text-transform: capitalize;
	margin-bottom: 0px;
}

.header_dropdown .avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
	padding: 1px;
}

.header_dropdown .avatar:hover {
	opacity: 0.9;
}

.header_dropdown .avatar:active {
	-webkit-transform: scale(0.97);
	-ms-transform: scale(0.97);
	transform: scale(0.97);
}

/* Style and Animation Arrow down */
.header_dropdown .avatar-angle {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transition: -webkit-transform 0.3s ease-in;
	transition: -webkit-transform 0.3s ease-in;
	-o-transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}

/* Style and Animation Arrow down to up when I click on it */
.header_dropdown .avatar-angle.up {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transition: -webkit-transform 0.3s ease-in;
	transition: -webkit-transform 0.3s ease-in;
	-o-transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}

.header_dropdown .item-avatar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 0.8em;
}

.header_dropdown .avatar-image img {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
}

.header_dropdown .avatar-image img:hover {
	opacity: 0.9;
}

.header_dropdown .avatar-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.header_dropdown .avatar-info h4 {
	font-size: 18px;
	font-weight: 600;
	color: var(--color9);
	margin-bottom: 0;
	font-family: var(--font4);
	text-transform: capitalize;
}

.header_dropdown .avatar-info span {
	font-size: 12px;
	color: #737577;
}

.header_dropdown .avatar-info span:hover {
	color: #307CEF;
}

.header_dropdown .darkmode.avatar-info h4 {
	color: white;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.header_dropdown .darkmode.avatar-info span {
	color: #C1C1C1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.header_dropdown .profile-dropdwon {
	position: relative;
}

.header_dropdown .dropdwon-menu,
.header_dropdown .dropdwon-menus {
	background-color: #FFFFFF;
	box-shadow: 3px 2px 5px rgba(72, 65, 93, 0.1);
	-webkit-box-shadow: 3px 2px 7px rgba(72, 65, 93, 0.1);
	padding: 10px;
	min-width: 15rem;
	border-radius: 7px;
	list-style: none;
	position: absolute;
	right: 0;
	left: auto;
	z-index: 9999;
	display: none;
}

.header_dropdown .dropdwon-menu.dropdown-animation,
.header_dropdown .dropdwon-menus.dropdown-animation {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: dropdownSlidein;
	animation-name: dropdownSlidein;
	position: absolute !important;
	top: 100% !important;
}

.header_dropdown .dropdwon-menu.active,
.header_dropdown .dropdwon-menus.active {
	display: block;
}

/* .header_dropdown .dropdwon-menu.darkmode {
	background-color: #0F0F10;
} */

@-webkit-keyframes dropdownSlidein {
	0% {
		-webkit-transform: translateY(1rem);
		transform: translateY(1rem);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0rem);
		transform: translateY(0rem);
		opacity: 1;
	}
}

@keyframes dropdownSlidein {
	0% {
		-webkit-transform: translateY(1rem);
		transform: translateY(1rem);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0rem);
		transform: translateY(0rem);
		opacity: 1;
	}
}

.header_dropdown .dropdwon-item {
	display: block;
	clear: both;
	width: 100%;
	padding: 5px 10px 5px;

}

.header_dropdown .dropdwon-item span {
	font: 500 16px/1.5 var(--font4);
}

.header_dropdown .dropdwon-item:hover {
	background-color: #f3f4f7;
	border-radius: 7px;
}


.header_dropdown .item {
	text-decoration: none;
	font-size: 15px;
	color: var(--color9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: var(--font4);
	font-weight: 500;
	line-height: 30px;
}

.header_dropdown .item:hover {
	color: var(--color7);
}


.header_dropdown .bg-blue-soft-hover:hover {
	color: var(--color7);
	-webkit-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.header_dropdown i {
	font-size: 22px;
	margin-right: 10px;
}

.header_dropdown .dropdown-divider {
	border-top: 1px solid #EBEBF3;
	border-top-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	height: 0;
	margin: 0.1rem 0;
	overflow: hidden;
	opacity: 1;
}


.header_dropdown .toggle {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 0.7em;
}

.header_dropdown .toggle span {
	font-size: 14px;
	color: #737577;
}

.user_login .modal-content {
	padding: 0px 10px 10px;
	border-radius: 3px;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	min-height: auto;
}

/* .modal_bg_cover {
	background-image: url('../images/icons/login-bg.png');
	background-position-x: center;
	background-repeat: no-repeat;
	padding-top: 6.25rem;
} */


.user_login .modal-content .modal-header {
	border-bottom: 0px;
	padding: 1rem;
}

.user_login .modal-content .modal-header .modal-title {
	font-family: var(--font3);
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
}

.user_login .modal-content .modal-body {
	padding: 0rem 1rem 0 1rem;
}

.user_login .modal-content .sign_btn a {
	border: 1px solid #fff;
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
	padding: 10px 30px 10px 20px;
	border-radius: 5px;
	color: var(--color7);
	font-family: var(--font2);
	font-weight: 600;
	font-size: 14px;
}

.user_login .modal-content .sign_btn a:hover {
	background-color: #f8faff;
	border-color: #f8faff;
}

.user_login .modal-content .sign_btn img {
	margin-top: -2px;
}

.user_login .modal-content .or-seperator {
	margin: 40px 0 0px;
	text-align: center;
	border-top: 1px solid #e0e0e0;
}

.user_login .modal-content .or-seperator b {
	padding: 0 10px;
	width: 40px;
	height: 40px;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	background: #fff;
	display: inline-block;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
	font-style: italic;
	position: relative;
	top: -22px;
	z-index: 1;
	font-family: var(--font4);
}

.login_form .form-control,
.login_form .form-select {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.63;
	border-radius: 4px;
	border: 1px solid #e0e1e2;
	color: var(--color7);
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: 0;
	font-family: var(--font3);
}

.login_form .form-control:focus,
.login_form .form-select:focus {
	border-color: var(--color9);
}

.login_form .form-group .error {
	font-family: var(--font3);
	font-weight: 600;
	font-size: 13px;
	color: #ee0101;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.login_form .form-group input.error {
	border-color: #ee0101;
}

.login_form .form-group i {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 22px;
	color: var(--bs-gray);
}

.login_form .form-check-label,
.login_form .forgot_password {
	font-family: var(--font2);
	font-size: 13px;
	color: var(--color7);
}

.login_form .forgot_password {
	color: var(--color2);
	text-decoration: none;
}

.login_form .form-check-label a {
	color: var(--color2);
}

.login_form .login_btn button {
	border: 0px;
	background-color: var(--color2);
	color: var(--color3);
	font-family: var(--font2);
	font-weight: 500;
	font-size: 14px;
	padding: 0.7rem;
	border-radius: 5px;
}

.login_form .sign-up {
	color: var(--color7);
	font-family: var(--font2);
	font-weight: 600;
	font-size: 14px;
}

.login_form .sign-up a {
	color: var(--color2);
	font-weight: 600;
}

.login_form .securitycode-bg {
	background: #e4e4e4;
	color: var(--color9);
	border-radius: 3px;
	font-size: 17px;
	font-weight: 500;
	font-family: var(--font4);
}

.become-a-member a {
	color: var(--color2);
	font-family: var(--font2);
	font-weight: 600;
}

.banner_ads .modal-title {
	font: 700 20px/1.5 var(--font3)
}

.dowload_report_form label {
	color: #767676;
	font: 500 16px/1.5 var(--font3)
}

.publications_section {
	background: var(--color3);
	padding: 15px;
	border-radius: 8px;
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
}

.publications_section .owl_publications_img img {
	border-radius: 0px;

}

.publications_section .owl-nav .owl-prev {
	width: 25px;
	height: 40px;
	line-height: 45px !important;
	background: var(--color3) !important;
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
	color: var(--color7) !important;
	position: absolute;
	left: 0px;
	top: 40%;
	margin: 0px -15px;
}

.publications_section .owl-nav .owl-prev i,
.publications_section .owl-nav .owl-next i {
	font-size: 25px;
}

.publications_section .owl-nav .owl-next {
	width: 25px;
	height: 40px;
	line-height: 45px !important;
	background: var(--color3) !important;
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
	color: var(--color7) !important;
	position: absolute;
	right: 0px;
	top: 40%;
	margin: 0px -15px;
}

.owl_publications_img .publications_img figcaption h5 {
	color: var(--color3);
	font-size: 13px;
	font-family: var(--font2);
	line-height: 23px;
	font-weight: 600;
}

.owl_publications_img .publications_img figcaption i {
	font-size: 18px;
}

.publications_img {
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: pointer;
}

.publications_img figcaption {
	position: absolute;
	width: 100%;
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: var(--color2);
	color: var(--color3);
	-webkit-transition: -webkit-transform 0.35s;
	transition: -webkit-transform 0.35s;
	-o-transition: transform 0.35s;
	transition: transform 0.35s;
	transition: transform 0.35s, -webkit-transform 0.35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.owl_publications .item .publications_img:hover figcaption {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.publication_section {
	background-color: var(--color3);
}

.journal_issue_wrapper .bg_parallax {
	position: relative;
	overflow: hidden;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	pointer-events: none;
	height: 194px;
	background: #f1f5f9;
}

.journal_issue_wrapper .bg_parallax img {
	object-fit: cover;
	position: absolute;
	min-width: 100%;
	height: 150%;
	top: -50%;
}

.publication_section .journal-issue {
	background-color: var(--color3);
	max-width: 82rem;
	padding-left: 3rem;
	padding-right: 9.4375rem;
	padding: 1.25rem 1.5rem 0;
}

.publication_section .journal_issue_wrapper .journal-issue {
	position: relative;
	top: -150px;
	padding-bottom: 0px;
	width: 100%;
	margin: 0 auto;
	left: 0;
	box-shadow: var(--boxshadow);
}

.journal-issue .breadcrumbs .crumb,
.breadcrum_list .prev-crumb {
	font-family: var(--font4);
	font-size: .725rem;
	font-weight: 600;
	color: #757575;
	transition: color .2s ease-in-out;
	padding-left: 10px;
}

.journal-issue .breadcrumbs .crumb:hover {
	color: var(--color2);

}

.journal-issue .breadcrumbs .crumb:first-child,
.breadcrum_list .prev-crumb:first-child {
	padding-left: 0px;
}

.journal-issue .breadcrumbs .crumb::after,
.breadcrum_list .prev-crumb::after {
	content: '\eb9f';
	font-size: .825rem;
	font-family: "unicons-line";
	padding-left: 5px;
}

.journal-issue .breadcrumbs .crumb:last-child {
	color: var(--color7);
}

.breadcrum_list .prev-crumb:last-child {
	color: var(--color2);
}

.journal-issue .breadcrumbs .crumb:last-child::after,
.breadcrum_list .prev-crumb:last-child::after {
	content: '';
	padding-left: 0;
	/* Optional: Remove padding for the last child */
}

.publication_details h2 a {
	font-family: var(--font4);
	font-weight: 800;
	font-size: 25px;
	color: var(--color7);
}

.publication_details h2 a:hover {
	color: var(--color2);
}

.publication_details .journal_issue_list li {
	list-style: none;
	display: inline-block;
}

.publication_details .journal_issue_list li span {
	font-family: var(--font4);
	font-weight: 700;
	font-size: 18px;
	color: var(--color9);
}

.publication_details p {
	color: #000;
	font-family: var(--font2);
	font-size: 15px;
	text-align: justify;
	line-height: 35px;
}

.publication_details .journal_issue_list li a {
	color: #757575;
	font-size: 12px;
	font-family: var(--font4);
	border: 1px solid #757575;
	padding: 5px 15px;
	font-weight: 600;
	border-radius: 30px;
	transition: color .2s ease-in-out;
}

.publication_details .journal_issue_list li a:hover {
	background-color: var(--color2);
	border-color: var(--color2);
	color: var(--color3);
}

.journal-issue .access_links p {
	font-size: 14px;
	font-family: var(--font2);
	/* width: 100%; */
	font-weight: 500;
	color: var(--color7);
	line-height: 26px;
}

.journal-issue .access_links p a {
	color: var(--color2);
}

.recent_issue {
	background-color: #F5F5F5;
	padding: 40px 0px;
	position: relative;
}

.recent_issue h2 {
	font-family: var(--font4);
	font-weight: 700;
	font-size: 26px;
	text-transform: uppercase;
	/* border-top: .25rem solid #000; */
	padding-top: 8px;
}

.past_issue_image {
	position: relative;
	z-index: 1;
	margin-bottom: 0px;
	height: 400px;
	object-fit: cover;
}

.past_issue_image img {
	height: auto;
	object-fit: cover;
	min-height: 100%;
	border-radius: 4px;
}

.past_issue_content {
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
}

.past_issue_content {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	background-color: var(--color2);
	opacity: 0.9;
	overflow: hidden;
	width: 100%;
	height: 100%;
	transition: .5s ease;
}

.left_overlay {
	right: 100%;
	height: 100%;
	left: auto;
}

.issue_item {
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 4px;
}

.issue_item:hover .past_issue_content {
	bottom: 0;
	height: 100%;
	width: 100%;
}

.issue_item:hover .left_overlay {
	right: 0;
}

.issue_item:hover .right_overlay {
	left: 0;
}

/* .past_issue_content::before{
	position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--color2) 0%, var(--color2) 100%);
	opacity: 0.9;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    transform: scale(0);
    transition: 0.5s;
    z-index: 1;
}
.issue_item:hover .past_issue_content::before{
    transform: scale(1);
} */
.pastissue_content {
	transform: translateY(0rem);
	visibility: hidden;
	opacity: 0;
	position: relative;
	z-index: 3;
	transition: all .2s ease-in-out;
	color: var(--color3);
}

.issue_item:hover .pastissue_content {
	transform: translateY(0);
	visibility: visible;
	opacity: 1
}

.pastissue_content .issue_date,
.pastissue_content .issue_no {
	font-size: 20px;
	font-family: var(--font4);
	font-weight: 600;
	line-height: 32px;
	color: var(--color3);
}

.pastissue_content .issue_no {
	text-decoration: underline;
}

.recent_issue .btn_load_more {
	color: var(--color2);
	font-size: .875rem;
	font-family: var(--font4);
	font-weight: 600;
	text-transform: uppercase;
	padding: 9px 20px 5px;
	border-radius: 30px;
	transition: all .2s ease-in-out;
	background-color: transparent;
	letter-spacing: 1px;
}

.recent_issue .btn_load_more:hover {
	background-color: var(--color2);
	color: var(--color3);
}

.recent_issue .btn_load_more span i {
	transition: transform .2s ease-in-out;
	/* Apply transition to transform */
}

.recent_issue .btn_load_more:hover span i {
	transform: translateX(5px);
	/* Moves the icon to the right smoothly */
}

.all_issues {
	background-color: var(--color3);
	padding: 40px 0px;
}

.all_issues .all_issue_title h2 {
	font-family: var(--font4);
	font-weight: 700;
	font-size: 26px;
	text-transform: capitalize;

}

.all_issues .past-issue {
	position: relative;
	transition: transform .2s;
}

.all_issues .all_issue {
	max-width: 100%;
	width: unset;
	min-width: unset;
	transform: scale(1);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	transform-style: preserve-3d;
	perspective: 2000px;
}

.all_issues .all_issue img {
	object-fit: contain;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
	transform: rotateY(-25deg);
}

.all_issues .past-issue_content {
	position: relative;
	padding: 1rem .375rem;
	margin: 0 .375rem;
	color: #262626;
	z-index: 4;
	background-color: var(--color3);
	transition: transform .12s ease-in-out;
}

.past-issue_content .past_content .issue_date,
.past-issue_content .past_content .issue_number {
	font-size: 0.9rem;
	font-family: var(--font4);
	font-weight: 700;
	line-height: 1.3rem;
}

.past-issue_content .past_content .issue_number::before {
	content: "|";
	margin: 0 5px;
}

.past-issue:hover .all_issue {
	box-shadow: 0 .625rem 1.25rem rgba(0, 0, 0, .24);
	transform: scale(1.08);
	will-change: transform;
	transform-origin: center center;
	position: relative;
	z-index: 1;
}

.past-issue:hover .all_issue img {
	transform: rotateY(0deg);
}

.past-issue:hover .past-issue_content {
	transform: translateY(-.8rem);
	background-color: #F5F5F5;
	color: var(--color2);
}

/* artical-details */
.article_details {
	padding: 30px 0px;
	clear: both;
}

.article_details .articel_title h2,
.article_details .mediafeed-news h1 {
	color: var(--color7);
	font-family: var(--font3);
	font-weight: 700;
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 10px;
}

.pr_news p:first-of-type:first-letter {
	font-size: 350%;
	margin: 9px 0 -10px;
	padding: 0 12px 0 0;
	height: .7em;
	line-height: .85em;
	float: left;
	color: var(--color7);
}

.articel_title .btn_listen {
	font-family: var(--font4);
	font-size: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	inline-size: 204px;
	block-size: 44px;
	padding-block: 10px;
	padding-inline: 12px 16px;
	border: 1px solid rgb(69, 133, 255);
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
	cursor: pointer;
	font-weight: bold;
	color: rgb(69, 133, 255);
}

.social_share {
	display: inline-block;
	position: fixed;
	width: 50px;
	height: 100%;
	top: 0;
	z-index: 999;
	margin-left: -5.5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	/* opacity: 0; */
	/* visibility: hidden; */
	-webkit-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 99;
}

.social_share .social_icons_wrapper {
	display: block;
	border: 1px solid #f1f1f1;
	padding: 15px 10px;
	border-radius: 100px;
}

.social_share .comment_btn button {
	position: relative;
}

.social_share .comment_btn i {
	font-size: 30px;
}

.social_share .comment_btn button .bg-notification {
	right: 2px;
	background-color: #eb4254;

}

.social_share a {
	display: block;
	line-height: initial;
	margin-bottom: 15px;
	padding: 0;
	border-radius: 30px;
}

.social_share a svg {
	width: 22px;
	height: 22px;
	-o-object-fit: contain;
	object-fit: contain;
}

.social_share a:last-child {
	margin-bottom: 0px;
}

.social_share .social_icons_wrapper .social_icons:hover {
	-webkit-box-shadow: 0 5px 10px 3px rgba(0, 0, 0, .18);
	box-shadow: 0 5px 10px 3px rgba(0, 0, 0, .18);
}

.social_share .social_icons {
	width: 36px;
	line-height: 36px;
	height: 36px;
	background-size: 36px;
	display: block;
	border-radius: 50% !important;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border: 1px solid #f1f1f1;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.listen_btn {
	position: relative;
	overflow: hidden;
}

.listen_btn::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 8px;
	margin: 0 auto;
	background-color: var(--color10);
	height: 1.5px;
	width: 74px;

}

.listen_btn span {
	color: #4585ff;
	font-weight: 700;
	font-size: 13px;
	font-family: var(--font4);
}

.article_details .video_article iframe {
	height: 480px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.article_details .post-author {
	margin-top: 10px;
}

.article_details .author-info {
	position: relative;
	padding-left: 50px;
}

.author-info .thumb img {
	width: 40px
}

.article_details .post-author .author-info .thumb {
	max-width: 55px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.article_details .author_name {
	font-size: 14px;
	font-family: var(--font4);
}

.article_details .author_name span {
	font-weight: normal;
}

.article_details .author_name a {
	font-weight: bold;
	color: var(--color1);
}

.article_details .follow_btn {
	font-size: 12px;
	font-family: var(--font4);
	font-weight: 600;
	border-color: var(--color2) !important;
	color: var(--color2);
	padding: 2px 11px 2px 10px;
	border-radius: 4px;
	letter-spacing: 1px
}

.author_name .author_deatils_content {
	position: absolute;
	width: min(90vw, 500px);
	/* Dynamic width: 90% of viewport width up to 400px */
	max-width: 90vw;
	/* Never exceed 90% of viewport width */
	background-color: var(--white);
	border-radius: 0.25rem;
	box-shadow: 0 16px 24px -8px rgba(0, 0, 0, .35);
	padding: 1rem;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
	z-index: 9;
}

.author_name .top_side_content {
	bottom: calc(100% + 15px);
	left: 50%;
	transform: translateX(-30%) translateY(10px);
}

.author_deatils_content::before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	box-shadow: 0 16px 24px -8px rgba(0, 0, 0, .35);
	background-color: var(--white);
	transform: rotate(45deg);
	bottom: -5px;
	left: 33.33%;
	margin-left: 0px;
}

.author_name:hover .author_deatils_content {
	opacity: 1;
	visibility: visible;
	transform: translateX(-30%) translateY(0%);
}

.author_deatils_content p {
	margin-bottom: 0px;
	font-family: var(--font2);
	line-height: 27px;
	font-size: 14px;
	text-align: justify;
}


.article_details article u {
	font-weight: 600;
}

.article_details .postdate ul,
.article_details .articel_post ul {
	padding: 0px;
	margin: 0px;
}

.article_details .postdate ul>li {
	list-style: none;
	margin-right: 10px;
	display: inline-block;
	position: relative;
}

.article_details .postdate ul>li:last-child {
	margin-right: 0px;
}

.article_details .postdate ul li span {
	font-family: var(--font4);
	font-weight: bold;
	font-size: 12px;
	color: #73797F;
}

.article_details .postdate ul li:not(:last-child)::after {
	position: absolute;
	content: "";
	height: 12px;
	width: 2px;
	background: #b9bcbf;
	right: -7px;
	top: 50%;
	margin-top: -6px;
}

.article_details .articel_post ul>li {
	list-style: none;
	display: inline-block;
	padding-right: 10px;
}

.article_details .articel_post ul>li:last-child {
	padding-right: 0px;
}

/* .article_details .articel_post ul>li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0px;
	border: 1px solid var(--color7);	
}
.article_details .articel_post ul>li a:hover{
	background-color: var(--color7);
	color: var(--color3);
}
.article_details .articel_post ul>li a i {
	font-size: 1.1rem;
	color: var(--color7);
}
.article_details .articel_post ul>li a:hover i{
	color: var(--color3);
} */

.article_details .articel_post ul>li a {
	background-color: #e2e2e2;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 30px;
}

.article_details .articel_post ul>li a i {
	font-size: 1.3rem;
}

.article_details .articel_short_content {
	background: #eff1fa;
	padding: 10px 15px 7px 15px;
	border-radius: 5px;
	border-left: 5px solid var(--color2);
}

.article_details .articel_short_content p {
	font-size: 16px;
	font-family: var(--font2);
	line-height: 32px;
	font-style: italic;
	margin-bottom: 0;
}

.article_details article>p,
.article_details .mediafeed-news p {
	color: var(--color7);
	font-family: var(--font2);
	font-size: 15px;
	line-height: 30px;
	text-align: justify;
	margin-bottom: 0.5rem;
}

.article_details .mediafeed-news p {
	text-align: left;
}

.article_details article p strong,
.article_details .mediafeed-news strong,
.article_details .mediafeed-news b {
	color: var(--color7);
	font-family: var(--font);
	font-size: 18px;
	line-height: 27px;
}

.article_details #rvfs-controllers .btn-group a:first-child {
	display: none;
}

.article_details .rvfs-4 p:first-of-type::first-letter {
	font-size: 1.5rem;
	font-weight: bold;
	text-transform: uppercase;
}

.article_details .rvfs-4 p,
.article_details .rvfs-4 p strong,
.article_details .rvfs-4 ul li {
	font-size: 15px !important;
	line-height: 35px !important;
}

.article_details .rvfs-5 p,
.article_details .rvfs-5 p strong,
.article_details .rvfs-5 ul li {
	font-size: 22px !important;
	line-height: 42px !important;
}

.article_details .rvfs-6 p,
.article_details .rvfs-6 p strong,
.article_details .rvfs-6 ul li {
	font-size: 24px !important;
	line-height: 46px !important;
}

.article_details .rvfs-7 p,
.article_details .rvfs-7 p strong,
.article_details .rvfs-7 ul li {
	font-size: 28px !important;
	line-height: 50px !important;
}

.article_details #rvfs-controllers .btn {
	padding: 8px 15px !important;
	border: 1px solid #fff;
	/* border-radius: 5px 0 0; */
	background: rgb(68 68 68);
	color: #fff;
	font-family: var(--font);
	font-weight: 700;
}

.article_details article a {
	color: var(--color2) !important;
	font-weight: 500;
}


.articel-content .client_img {
	border: 1px solid #e8edf8;
	border-radius: 10px;
	padding: 10px 10px 10px 10px;
	box-shadow: var(--boxshadow);
	background-color: #e8edf8;
	margin-bottom: 20px;
}

.articel-content .client_img img {
	width: 100%;
	border-radius: 10px;
	margin-bottom: 10px;
	height: auto !important;
}

.articel-content .client-name .name {
	line-height: 23px !important;
	margin-bottom: 0;
	font-weight: 500;
	font-family: var(--font2);
	/* height: 100px; */
	font-style: italic;
	color: var(--color7);
}

.articel-content .client-name .h-100 {
	height: 90px !important;
}


.articel-content img[style*="float: right"] {
	margin-left: 15px;
}

.articel-content img[style*="float: left"] {
	margin-right: 15px;
}

.articel-content .author_card {
	border: 0px;
	min-height: 425px;
}

.articel-content .author_card .card-body {
	padding: 0;
	box-shadow: var(--boxshadow);
	border: 0;
}

.articel-content .author_card .card-body .author_name {
	padding: 10px;
}

.articel-content .author_card .card-body .author_name img {
	border-radius: 12px 12px 0 0;
}

.articel-content .author_card .card-body .author_name h5 {
	font: 700 17px/1.5 var(--font3);
	text-align: left;
}

.articel-content .author_card .card-body .author_name h6 {
	font: 500 15px/22px var(--font3);
	text-align: left;
	font-style: italic;
}

.main_tab_content_cover {
	transition: max-height 0.5s ease;
}

.tab_price_cover {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30em;
	background: linear-gradient(to top, #fff 20%, transparent);
	pointer-events: none;
}

.main_tab_content_cover .tab_price_text {
	position: absolute;
	bottom: 0;
	padding: 20px;
	font-size: 17px;
	font-family: var(--font2);
	text-align: center;
	line-height: 32px;
	font-weight: 500;
}

.main_tab_content_cover .tab_price_text a {
	color: var(--color2);
}

.audio_bg .popover {
	max-width: 310px;
}

.audio_bg .popover-body {
	background: rgb(0, 18, 70);
	border-radius: 0px;
	color: var(--color3);
	font-size: 15px;
	line-height: 26px;
	font-family: var(--font4);
	text-align: center;
	padding: 20px 30px 20px 25px;
	font-weight: 500;
}

.audio_bg .popover-body a {
	color: rgb(255, 202, 5);
	font-family: var(--font4);
	text-decoration: underline;
}

.audio_bg .close {
	position: absolute;
	right: 6px;
	top: 6px;
	font-size: 26px;
	color: var(--color3) !important;
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
	border-top-color: #001246;
}

.audio_bg .bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before {
	border-bottom-color: red;
}

.article_details article a,
.article_details .mediafeed-news a {
	color: inherit;
	display: inline;
	padding-bottom: 0;
	-webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-image: -o-linear-gradient(top, currentColor 0%, currentColor 98%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
	background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
	background-size: 0 2px;
	background-repeat: no-repeat;
	background-position: left 100%;
}

.article_details article a:hover,
.article_details .mediafeed-news a:hover {
	background-size: 0 2px;
	color: var(--color2);

}

.article_details article a:hover,
.article_details .mediafeed-news a:hover {
	background-size: 100% 2px;
	color: var(--color2);
}


.article_details article ul,
.article_details .mediafeed-news ul,
.article_details article ol,
.article_details .mediafeed-news ol {
	margin: 0px 0px 10px 0px;
}

.article_details article ul li,
.article_details .mediafeed-news ul li,
.article_details article ol li,
.article_details .mediafeed-news ol li {
	font-family: var(--font2);
	color: var(--color7);
	font-size: 15px;
	line-height: 35px;
	font-weight: 500;
	margin-bottom: 10px;
}

.article_details article ul li:last-child,
.article_details .mediafeed-news ul li,
.article_details article ol li:last-child,
.article_details .mediafeed-news ol li {
	margin-bottom: 0px;
}

.article_details .taglist_div {
	position: relative;
}

.article_details .taglist_div ul,
.article_details .mediafeed-news ul,
.article_details .taglist_div ol,
.article_details .mediafeed-news ol {
	padding: 0px;
	margin: 0px;
}

.article_details .taglist_div ul .tag-name {
	font-family: var(--font2);
	font-weight: 600;
	font-size: 15px;
	color: var(--color7);
	padding-right: 5px;
}

.article_details .taglist_div ul li {
	list-style: none;
	display: inline-block;
	font-size: 15px;
	font-family: var(--font2);
	font-weight: 500;
	position: relative;
}

.article_details .taglist_div ul li:not(:last-child)::after {
	content: ",";
	color: var(--color1);
}

.article_details .taglist_div ul li a {
	color: var(--color1);
}

.article_details .taglist_div ul li a:hover {
	text-decoration: underline;
}


.share-item .icon-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.share-item .icon-box a img {
	width: 55px;
	height: 55px;
	text-align: center;
	margin-bottom: 5px;
}

.share-item .icon-box a {
	padding: 10px 15px;
	border-radius: 6px;
	background-color: transparent;
}

.share-item .icon-box a:focus {
	background-color: #E5E5E5;

}

.share-item .icon-box a span {
	text-transform: capitalize;
	font-size: 13px;
	color: var(--color9);
	font-family: var(--font3);
	font-weight: 500;
	text-align: center;
	display: block;
}

.page_url .copy_url_btn {
	cursor: pointer;
	border: 0;
	background: #0556BF;
	padding: 10px 20px;
	border-radius: 13px;
	color: var(--color3);
	font-family: var(--font4);
	font-weight: 500;
	font-size: 17px;
	border-radius: 10px;
}

#social-media .modal-content {
	border-radius: 10px;
}

#social-media h1 {
	font-family: var(--font4);
	font-weight: 600;
	color: var(--color9);
	font-size: 17px;
	line-height: 27px;
}


#social-media .owl-prev {
	position: absolute;
	left: -25px;
	top: 15px;
	width: 40px;
	height: 40px;
	border-radius: 30px;
	border: 0;
	line-height: 47px;
	background: var(--color3);
	color: var(--color2);
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
}

#social-media .owl-next {
	position: absolute;
	right: -25px;
	top: 15px;
	width: 40px;
	height: 40px;
	border-radius: 30px;
	border: 0;
	line-height: 47px;
	background: var(--color3);
	color: var(--color2);
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
}

#social-media .owl-next i,
#social-media .owl-prev i {
	font-size: 18px;
	color: var(--color9);
}

#social-media .owl-nav .owl-prev.disabled,
#social-media .owl-nav .owl-next.disabled {
	visibility: hidden;
}

.notification_toast .jq-toast-heading {
	font-family: var(--font4);
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 0px;
}


.swiper_tablive .swiper {
	width: 100%;
	height: 100%;
}

.swiper_tablive .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px;
}

.swiper_tablive .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px;
}

.swiper_tablive .autoplay-progress {
	position: absolute;
	right: 5px;
	top: 8px;
	z-index: 10;
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: bold;
	color: var(--color3);
}

.swiper_tablive .autoplay-progress svg {
	--progress: 0;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 10;
	width: 100%;
	height: 100%;
	stroke-width: 4px;
	stroke: var(--color3);
	fill: none;
	stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
	stroke-dasharray: 125.6;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.swiper_tablive .item_slide {
	position: relative;
	overflow: hidden;
}

.swiper_tablive .item_slide:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 16.31%, rgba(10, 23, 41, 0.00) 108.6%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(16.31%, rgba(0, 0, 0, 0.85)), color-stop(108.6%, rgba(10, 23, 41, 0.00)));
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 16.31%, rgba(10, 23, 41, 0.00) 108.6%);
	pointer-events: none;
}

.swiper_tablive h5 {
	position: absolute;
	bottom: 0;
	color: var(--color3);
	z-index: 99;
	padding: 10px 10px 10px;
	text-align: left;
}

.swiper_tablive h5 a {
	color: var(--color3);
	font-family: var(--font2);
	font-weight: 700;
	font-size: 15px;
	line-height: 25px;
	color: inherit;
	display: inline;
	padding-bottom: 0;
	-webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-image: -o-linear-gradient(top, currentColor 0%, currentColor 98%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
	background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
	background-size: 0 1px;
	background-repeat: no-repeat;
	background-position: left 100%;
}

.swiper_tablive h5 a:hover {
	background-size: 0 1px;
	color: var(--color3);
}

.article_details h5 a:hover {
	background-size: 100% 1px;
	color: var(--color3);
}

.see_all_article {
	padding: 20px 0px;
	clear: both;
}

.see_article {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 2px solid #666;
	min-height: 1.9375rem;
	position: relative;
}

.see_article::before {
	content: '';
	position: absolute;
	left: 0;
	width: 160px;
	height: 2px;
	bottom: -2px;
	background: #033e93;
}

.see_article h2 a {

	color: var(--color7);
	padding: 6px 0px;
	/* border-radius: 3px 3px 0 0; */
	text-transform: capitalize;
	margin-right: auto;
	min-height: 1.8125rem;
	display: inline-block;
	margin: 0;
	font-family: var(--font);
	font: 700 22px / 28px var(--font3);
}

.see_article .select-box .form-select {
	border: 0;
	/* margin-bottom: 10px; */
	font-size: 15px;
	font-weight: 600;
	border-radius: 0;
	/* border: 1px solid #e0e1e2; */
	background-color: transparent;
	color: var(--color7);
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: 0;
	font-family: var(--font3);
	padding-bottom: 0px;
	padding-top: 0px;
	cursor: pointer;
}

.recent_articels {
	/* padding: 5px 0px 10px 125px;
	margin: 10px 0px 0px 0px;
	 */
	overflow: hidden;
	position: relative;
	padding: 10px 0 10px 0px;
	border-bottom: 1px dashed #dbdada;
}

.recent_articels:last-child {
	border-bottom: 0px;
}

.recent_articels .articels_img {
	width: 120px;
	height: auto;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	object-fit: contain;
}

.recent_articels .articels_img figure img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.recent_articels .articel_text h4 {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.recent_articels .articel_text h4 a {
	font-size: 17px;
	font-family: var(--font3);
	font-weight: 700;
	line-height: 23px;
	text-decoration: none;
	margin-top: 0px;
	color: var(--color9);
	display: inline;
	padding-bottom: 0;
	-webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-image: -o-linear-gradient(top, currentColor 0%, currentColor 98%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
	background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
	background-size: 0 2px;
	background-repeat: no-repeat;
	background-position: left 100%;
}

.recent_articels .articel_text:hover h4 a {
	background-size: 0 2px;
	color: var(--color2);
}

.tablive_subtitle {
	padding: 7px 25px;
	border: 1px solid #e7e7e7;
	border-radius: 10px;
	margin-bottom: 30px;
	background-color: #f6f6f6;
}

.tablive_subtitle h3 {
	margin-bottom: 0px;
	font: 700 18px / 30px var(--font4);
}

.tablive_subtitle h3:hover a {
	color: var(--color6);
}

.tablive_subtitle p {
	margin-bottom: 0px;
	font: 600 15px / 25px var(--font4);
}

.tab_conferences .min-h-0 {
	min-height: 0px !important;
	margin: 1rem 0 10px !important;
}

.article_details .articel_text:hover h4 a {
	background-size: 100% 2px;
	color: var(--color2);
}

/* .tabfilter_search .accordion-item{
    margin-bottom: 20px;
}  */
.tabfilter_search button,
.tabfilter_search .accordion-button.collapsed {
	padding: 10px;
	background: #dbdbdb;
	border-radius: 5px 5px 0 0;
	border: 0;
	font-family: var(--font3);
	font-weight: 600;
}

.tabfilter_search .accordion-button.collapsed {
	border-radius: 5px 5px 5px 5px;
}

.tabfilter_search .accordion-collapse {
	border: solid #eeeeee;
	border-width: 0 1px;
	border-radius: 0px 0px 5px 5px;
}

.tabfilter_search .accordion-body {
	padding: 15px;
}

.page_select .form-select {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.63;
	border-radius: 4px;
	border: 1px solid #e0e1e2;
	color: var(--color7);
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: 0;
	font-family: var(--font3);
	padding: 10px 33px 10px 10px;
}

.video_article .stuck {
	position: fixed;
	bottom: 40.3%;
	right: 60px;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	width: 350px;
	height: 15px;
	z-index: 99;
	-webkit-animation: fade-in-up .25s ease forwards;
	animation: fade-in-up .25s ease forwards;
}

.video_article .stuck iframe {
	height: 200px;
}

@-webkit-keyframes fade-in-up {
	0% {
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fade-in-up {
	0% {
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}


.recent-slider .recent-item {
	padding: 5px 15px 10px 120px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	position: relative;
	border-right: 1px dashed #dbdada;

}

.recent-slider .recent-item .recent-item-img {
	display: inline-block;
	width: 100px;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 8px;
	border-radius: 5px;
}

.recent-slider .recent-item .recent_links h4 a {
	font-size: 15px;
	line-height: 14px;
	font-weight: 600;
	font-family: var(--font);
	padding-bottom: 0;
	-webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-image: -o-linear-gradient(top, currentColor 0%, currentColor 98%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
	background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
	background-size: 0 2px;
	background-repeat: no-repeat;
	background-position: left 100%;
}

.recent-slider .recent-item .recent_links:hover h4 a {
	background-size: 0 2px;
	color: var(--color2);
}

.recent-slider .recent-item .recent_links:hover h4 a {
	background-size: 100% 2px;
	color: var(--color2);
}

.recent-slider .recent-item .recent_links h4 {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin: 0;
}

.recent-slider .owl-nav {
	position: absolute;
	right: 30px;
	top: -35px;

}

.recent-slider .owl-prev {
	top: 0%;
	right: 0px;
	display: block !important;
	width: 32px;
	height: 24px;
	margin: 0px !important;
	-webkit-box-shadow: 0 3px 6px #00000029;
	box-shadow: 0 3px 6px #00000029;
	border: 1px solid var(--color2) !important;
	border-radius: 20px 0 0 20px !important;
	background-color: var(--white) !important;
	position: absolute;
	cursor: pointer !important;
	color: var(--color7) !important;
}

.recent-slider .owl-next {
	top: 0%;
	left: 0px;
	display: block !important;
	width: 32px;
	height: 24px;
	margin: 0px !important;
	-webkit-box-shadow: 0 3px 6px #00000029;
	box-shadow: 0 3px 6px #00000029;
	border: 1px solid var(--color2) !important;
	border-radius: 0px 20px 20px 0px !important;
	background-color: var(--white) !important;
	position: absolute;
	cursor: pointer !important;
	color: var(--color7) !important;
}

.contributor_section {
	padding: 40px 0px;
}

.contributor_section .progress_wrap ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.contributor_section .progress_wrap ul li {
	list-style: none;
	font-family: var(--font4);
	position: relative;
	padding: 0 0 45px 20px;
	line-height: 16px;
	color: #424242;
	font-size: 15px;
}

.contributor_section .progress_wrap ul li a {
	font-family: var(--font4);
	color: #424242;
	font-size: 15px;
	font-weight: 500;
}

.contributor_section .progress_wrap ul li a.active {
	font-weight: 600;
	color: var(--color2);
}

.contributor_section .progress_wrap ul li .menu_line {
	position: absolute;
	border-width: 0;
	background-color: #d6d6d6;
	left: 6px;
	width: 2px;
	height: 100%;
	z-index: 9;
}

.contributor_section .progress_wrap ul li .menu_dot {
	position: absolute;
	left: 0;
	height: 14px;
	width: 14px;
	border: 2px solid #d6d6d6;
	border-radius: 50%;
	background-color: var(--color3);
	z-index: 99;
}

.contributor_section .progress_wrap ul li a.active .menu_dot {
	background-color: var(--color2);
	border-color: var(--color2);
}

.contributor_section .progress_wrap ul li a.done .menu_line {
	background-color: var(--color2);
}

.contributor_section .progress_wrap ul li a.done .menu_dot {
	border-color: var(--color2);
}

.contributor_section .progress_wrap ul li a.done {
	color: var(--color2);
}

.contributor_section .progress_wrap {
	position: relative;
	background-color: var(--color3);
	z-index: 99;
	height: 48vh;
	overflow-y: auto;
	padding: 20px;
	border-radius: 10px;
}

.contributor_section .contributor_content {
	border-radius: 10px;
	padding: 20px 25px;
}

.contributor_section .btn-with-loader {
	border: 2px solid var(--color2);
	cursor: pointer;
	border-radius: 6px;
	padding: 7px;
	width: 100%;
	display: block;
	font-weight: 700;
	font-family: var(--font3);
	color: var(--color2);
	font-size: 17px;
	position: relative;
}

.contributor_section .publish_title {
	font-family: var(--font4);
	font-size: 16px;
}

.contributor_section .contributor_type {
	position: relative;
	padding: 20px;
	/* margin: 0 20px 20px 0; */
	background-color: #f2f4f7;
	border: 1px solid transparent;
	border-radius: 7px;
	cursor: pointer;
	height: 100%;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.contributor_section .contributor_type .heading_contributor_title {
	font-size: 15px;
	line-height: 24px;
	margin: 0 0 10px 0;
	padding-left: 18px;
	line-height: 24px;
	font-weight: 600;
	font-family: var(--font4);
}

.contributor_section .contributor_type .circle_contributor {
	position: absolute;
	top: 25px;
	left: 14px;
	width: 14px;
	height: 14px;
	border: 1px solid #424242;
	border-radius: 50%;
	-webkit-transition: border-color 0.25s;
	-o-transition: border-color 0.25s;
	transition: border-color 0.25s;
}

.contributor_section .pull_left .inner_circle {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	visibility: hidden;
	margin: 2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--color2);
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

.contributor_section .pull_left.active .inner_circle {
	visibility: visible;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.contributor_type .no_bull li {
	margin-bottom: 10px;
	font-family: var(--font4);
	font-weight: 400;
	font-size: 14px;
}

.contributor_type .no_bull li:last-child {
	margin-bottom: 0px;
}

.contributor_section .contributor_type.active {
	background-color: #f8f8f8;
	border-color: var(--color2);
}

.contributor_section .contributor_type:hover {
	background-color: #f8f8f8;
}

.contributor_section .progress_wrap .timeline_item.done .menu_dot {
	border-color: var(--color2);
}

.contributor_section .progress_wrap .timeline_item.done .menu_line {
	background-color: var(--color2);
}

.contributor_section .progress_wrap .timeline_item.done a {
	color: var(--color1);
	font-weight: 500;
}

.dropzone_fileupload .dropzone {
	background-color: #F2F4F6;
	border: 1px dashed #b4b7bb;
	border-radius: .475rem !important;
	padding: 1.5rem 1.75rem;
	min-height: auto;
	text-align: center;
}

.dropzone_fileupload .dz-message {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: left;
}

.dropzone_fileupload i {
	/* color: #071437; */
	font-size: 35px;
	color: #b4b7bb;
}

.dropzone_fileupload h3 {
	font-size: 15px !important;
	font-weight: 600;
	color: var(--color7);
	margin-bottom: 1px !important;
	font-family: var(--font4);
}

.dropzone_fileupload span {
	color: var(--color7);
	font-family: var(--font4);
	font-size: 13px;
	font-weight: 500;
}

.contributor_content p {
	font-family: var(--font2);
	font-size: 15px;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 10px;
}

.contributor_content p a {
	color: var(--color2);
	font-weight: 700;
}

.contributor_content p span:nth-child(2) {
	color: var(--color2);
	font-weight: 700;
}

.contributor_content .form-control,
.contributor_content .form-select {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.63;
	border-radius: 4px;
	border: 1px solid #e0e1e2;
	color: var(--color7);
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: 0;
	font-family: var(--font3);
	resize: none;
}

.contributor_content .form-control:focus,
.contributor_content .form-select:focus {
	border-color: var(--color7);
}

.contributor_content .form-label,
.contributor_content .form-check-label {
	font-weight: 600;
	font-family: var(--font3);
	font-size: 15px;
}

.contributor_content .form-check-label {
	font-weight: 500;
}

.contributor_content .form-label span {
	color: #ee0101;
}

.contributor_content .form-check-label a {
	color: var(--color2);
}

.contributor_content h2 {
	font-family: var(--font3);
	font-size: 24px;
}

.contributor_content .back_btn {
	border: 1px solid var(--color7);
	padding: 7px 30px;
	font-family: var(--font3);
	font-weight: 600;
	font-size: 16px;
	border-radius: 5px;
}

.contributor_content .form_submit {
	border: 0px;
	padding: 10px 30px;
	background: var(--color2);
	font-size: 16px;
	color: var(--color3);
	font-family: var(--font3);
	font-weight: 600;
	border-radius: 5px;
}

.contributor_content .form-group .error {
	font-family: var(--font3);
	font-weight: 600;
	font-size: 13px;
	color: #ee0101;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.contributor_content .form-group input.error,
.contributor_content .form-group select.error,
.contributor_content .form-group textarea.error {
	border-color: #ee0101;
}

.contributor_content .form-group .select2-selection {
	min-height: 53px !important;
	padding: 0.9375rem 0.9375rem 0.75rem;
}

.contributor_content .select2-container--bootstrap-5 .select2-selection,
.contributor_content .select2-search__field,
.contributor_content .select2-results__option {
	font-family: var(--font3) !important;
	color: var(--color7) !important;
	font-weight: 600 !important;
}

.contributor_content .select2-selection__choice {
	border-color: #d9dde7 !important;
	background-color: #d9dde7 !important;
	font-size: 13px !important;
	font-family: var(--font3);
	font-weight: 600 !important;
}

.contributor_content .select2-selection__choice .select2-selection__choice__remove {
	height: .6rem !important;
	width: .6rem !important
}

.contributor_content .custom_badge {
	background-color: var(--color2) !important;
	font-family: var(--font4);
	font-weight: 500;
}

.guidelines_content h3 {
	font-size: 23px;
	font-family: var(--font3);
	font-weight: 700;
	margin-bottom: 13px;
	line-height: 33px;
}

.guidelines_content ul li {
	font-size: 17px;
	font-family: var(--font);
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 10px;
}

.guidelines_content p {
	font-size: 17px;
	font-family: var(--font);
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 10px;
}

.add_bullets button {
	color: #817c7c;
	font-family: var(--font3);
	font-weight: 600;
}

.member_details .card {
	border: 0;
	box-shadow: var(--boxshadow);
	-webkit-box-shadow: var(--boxshadow);
	border-radius: 10px;
	padding: 10px 15px;
}

.member_details .card-body form label {
	color: var(--color7);
	font-family: var(--font3);
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 15px;
}

.title_member h4 {
	font-family: var(--font3);
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
}

.member_details .card-body form p {
	font-family: var(--font);
	font-size: 16px;
	color: var(--color7);
	font-weight: 500;
	line-height: 26px;
}

.member_details .card-body form .password_toggle {
	position: absolute;
	right: 20px;
	top: 40px;
	font-size: 22px;
	color: var(--bs-gray);
}

.member_details .card-body form .member_details_btn .btn {
	border: 0px;
	background-color: var(--color2);
	color: var(--color3);
	font-family: var(--font2);
	font-weight: 600;
	font-size: 15px;
	padding: 12px 50px;
	border-radius: 5px;
}

.member_details .card-body form .member_details_btn .btn_skip {
	border: 0px;
	background-color: transparent;
	color: var(--color10);
	font-family: var(--font2);
	font-weight: 600;
	font-size: 15px;
	padding: 12px 10px;
	text-decoration: underline;
}

.member_details_form .form-group .form-control,
.member_details_form .form-group .form-select {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.63;
	border-radius: 4px;
	border: 1px solid #e0e1e2;
	color: var(--color7);
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: 0;
	font-family: var(--font3);
}

.member_details_form .form-group .form-control:focus,
.member_details_form .form-group .form-control:focus {
	border-color: var(--color9);
}

.member_details_form label span {
	color: #ee0101;
}

.member_details_form .form-group .error {
	font-family: var(--font3);
	font-weight: 600;
	font-size: 13px;
	color: #ee0101;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.member_details_form .form-group input.error,
.member_details_form .form-group select.error {
	border-color: #ee0101;
}

.manage_subscriptions_tags {
	list-style: none;
	padding: 0px;
	text-align: center;
}

ul.manage_subscriptions_tags li {
	list-style: none;
	display: inline;
	margin: 0px 13px 10px 0px;
}

ul.manage_subscriptions_tags li:last-child {
	margin-right: 0px;
}

ul.manage_subscriptions_tags li label {
	display: inline-block;
	background-color: rgba(255, 255, 255, .9);
	border: 1px solid rgba(139, 139, 139, .3);
	color: #adadad;
	border-radius: 25px;
	white-space: nowrap;
	margin: 5px 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

ul.manage_subscriptions_tags li label {
	padding: 8px 12px;
	cursor: pointer;
	margin-bottom: 10px !important;
}

ul.manage_subscriptions_tags li label::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	padding: 2px 6px 2px 2px;
	content: "\f067";
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

ul.manage_subscriptions_tags li input[type="checkbox"]:checked+label::before {
	content: "\f00c";
	-webkit-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg);
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

ul.manage_subscriptions_tags li input[type="checkbox"]:checked+label {
	border: 1px solid var(--color2);
	background-color: var(--color2);
	color: var(--color3);
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

ul.manage_subscriptions_tags li input[type="checkbox"] {
	display: absolute;
}

ul.manage_subscriptions_tags li input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}

ul.manage_subscriptions_tags li input[type="checkbox"]:focus+label {
	border: 1px solid rgba(139, 139, 139, .3);
}

.tab-finance .title_event h4 {
	font-family: var(--font);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.all_events_page {
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
	background-color: var(--color3);
	border-radius: 5px;
}

.all_events_page nav {
	padding: 10px 10px 0px 10px;
	border-bottom: 1px solid #ccced2;
}

.finance_events_section .nav-tabs a {
	padding: 12px 16px;
	cursor: pointer;
	border: 0px;
	background-color: transparent;
	color: #111;
	height: 52px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px 4px 0px 0px !important;
	display: inline-block;
	font-weight: 700;
	position: relative;
	display: inline-block;
	font-size: 15px;
	font-family: var(--font3);
}

.finance_events_section .nav-tabs a:hover {
	background-color: #F0F1F2;
	color: var(--color7);
}

.finance_events_section .nav-tabs a.active,
.verticel_nav_tabs .nav-tabs a.active {
	color: var(--color1);
	border-bottom: 0px !important;
	background-color: #F0F1F2;
	font-family: var(--font3);
}

.finance_events_section .nav-tabs a.active:after,
.verticel_nav_tabs .nav-tabs a.active:after {
	position: absolute;
	height: 4px;
	border-radius: 4px 4px 0px 0px;
	background-color: var(--color2);
	bottom: 0;
	content: '';
	left: 0;
	margin-top: -2px;
	width: 100%;
	outline: none;
	color: var(--color1);
}

.finance_events_section .nav-tabs a:focus {
	border: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.finance_events_section .tab-content {
	padding: 0px;
}

.event_boxs {
	overflow: hidden;
}

.event_boxs .event_img img {
	max-width: 100%;
	border-radius: 5px;
	margin-bottom: 10px;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
}

.finance_events_section .event_boxs {
	padding: 5px;
	border-radius: 5px;
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
	margin-bottom: 20px;
	min-height: 300px;
}

.event_boxs .event_title .date_of_event {
	text-decoration: none;
	text-align: center;
	display: block;
	font-family: var(--font3);
	color: #111;
	margin-bottom: 5px;
}

.event_boxs .event_title .date_of_event span {
	font-size: 15px;
	font-weight: 600;
}

.event_boxs .event_title .event_name h4 {
	font-family: var(--font3);
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
}

.event_boxs:hover .event_name h4 {
	color: var(--color2)
}

.finance_events_section .all_events_page nav ul {
	overflow: auto;
	white-space: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.event_filter input,
.event_filter select {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.63;
	border-radius: 4px;
	border: 1px solid #e0e1e2;
	color: var(--color7);
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: 0;
	box-shadow: none;
	font-family: var(--font3);
}

.event_filter input:focus,
.event_filter select:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.event_filter .calender_icons {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #F0F1F2;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 30px;
	line-height: 32px;
	cursor: pointer;
}

.event_filter .btn {
	padding: 10px 20px;
	font-family: var(--font3);
	font-weight: 600;
	border-radius: 3px;
	color: var(--white);

}

.event_filter .btn_filter {
	background: var(--color2);

	box-shadow: 0 1px 3px 0 rgb(43 57 144 / 67%);

}

.event_filter .btn_rest {
	background-color: #233446;
	border-color: #233446;
	box-shadow: 0 0.125rem 0.25rem 0 rgb(35 52 70 / 13%);
}

.no-event-found svg {
	width: 350px;
	height: auto;
}

.no-event-found h5 {
	font: 600 15px/1.5 var(--font2);
	margin-bottom: 5px;
}

.verticel_nav_tabs button {
	color: var(--color7) !important;
	font: 700 15px/20px var(--font3) !important;
	background-color: transparent !important;
	position: relative;
	width: 100%;
	border: 0px !important;
}

.verticel_nav_tabs button:hover {
	background-color: #f0f1f2 !important;
}


.verticel_nav_tabs button.active {
	color: var(--color1) !important;
	border-bottom: 0px !important;
	background-color: #f0f1f2 !important;
	font-family: var(--font3) !important;
	border-radius: 0px !important;
}

.verticel_nav_tabs button.active:after {
	content: "";
	border-right: 4px solid var(--color2);
	height: 100%;
	position: absolute;
	right: -2px;
	top: 0;
	border-radius: 5px 0 0 5px;
}

.event_filter .advance_filter_div {
	position: absolute;
	right: 30px;
	top: 10px;
}

.event_filter .advance_filter_div button {
	background: transparent;
	border: none;
	font: 600 16px/20px var(--font3);
}

.event_filter .advance_filter_div button i {
	font-size: 16px;
}

.event_filter .sidebar_filter {
	position: absolute;
	top: 0;
	width: 18rem;
	max-width: 100%;
	height: -webkit-fill-available;
	background-color: #ffffff;
	right: -18rem;
	box-shadow: 0 0 15px rgb(198 195 189);
	z-index: -1;
	border: 1px solid #e4e4e4;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
	transition: all 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
	visibility: hidden;
}

.event_filter .sidebar_filter.active {
	right: 0;
	/* Slide in */
	z-index: 2;
	visibility: visible;
	transition: right 0.7s ease;
}

.sidebar_filter .fillter_header {
	border-bottom: 1px solid #e4e4e4;
}

.sidebar_filter .fillter_header h4 {
	font: 700 16px/1.5 var(--font3);
	margin-bottom: 0px;
}

.sidebar_filter .sidebar_footer {
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	gap: 20px;
	padding: 10px 20px;
	background: var(--color3);
	border-top: 1px solid #e4e4e4;
	transition: .15s ease-in-out;
	z-index: 10;
	width: 100%;

}

.sidebar_filter .sidebar_footer button {
	border: 0px;
	padding: 5px 12px;
	border-radius: 3px;
	border: 1px solid #ccc;
	background-color: transparent;
	font: 600 13px/1.5 var(--font3);
}

.sidebar_filter .sidebar_footer button:nth-child(2) {
	background-color: var(--color2);
	color: var(--color3);
	border-color: var(--color2);
}

.event_post_month {
	background: #f0f1f2;
	padding: 10px;
	border-radius: 0;
}

.event_post_month .month_name {
	font: 500 15px/20px var(--font3);
	color: var(--color7);
}

.tab_past_event_list {
	padding: 5px;
	border-bottom: 1px dashed #f1f0f0;
	border-right: 1px dashed #f1f0f0;
}

.tab_past_event_list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.tab_past_event_list ul li a {
	padding-left: 10px;
	padding-top: 5px;
	font: 700 15px/1.5 var(--font3);
	display: block;
	margin-bottom: 2px;
}

.tab_past_event_list ul li a:hover {
	color: var(--color2);
}

.tab_past_event_list ul li span {
	font: 500 14px/1.5 var(--font3);
	padding-left: 10px;
}

.tab_past_event_list .country_name {
	border-left: 1px solid rgb(170 172 175);
	margin-left: 5px;
}

.tab-content .vertical_scroll {
	height: 480px;
}


.commnet_section {
	background-color: #F5F5F5;
	padding: 1rem 1.5rem 0px;
}

.commnet_section .comment_box {
	padding: 0px 0px 0px 50px;
	margin: 0 0px 5px 0px;
	/* overflow: hidden; */
	position: relative;
}

.commnet_section .comment_box .user_avatar {
	display: inline-block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}

.commnet_section .comment_box .form-control,
.reply_box .form-control {
	display: block;
	width: 100%;
	height: calc(5.25rem + 4px);
	padding: .375rem .75rem;
	font-size: 14px;
	line-height: 1.5;
	color: #495057;
	font-family: var(--fontnew);
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: transform 150ms ease-in-out;
}

.commnet_section .comment_box .form-control:focus,
.reply_box .form-control:focus {
	height: calc(5.25rem + 4px);
	transition: transform 150ms ease-in-out;
}

.commnet_section .comment_box .post_button button,
.reply_box .post_button button {
	background: var(--color2);
	border-color: var(--color2);
	border-radius: 4px !important;
	font-family: var(--font4);
	font-size: 14px;
	font-weight: 600;
	padding: 7px 25px;
}

.commnet_section .commenting_link,
.reply_text_filed .commenting_link {
	color: var(--color1);
}

.comments_show_div .all_comments h5 {
	font-family: var(--font4);
	font-weight: 600;
}

.comments_show_div .all_comments {
	border-bottom: 2px solid #ccced2;
	position: relative;
}

.comments_show_div .all_comments::after {
	content: "";
	background-color: var(--color2);
	height: 3px;
	width: 60px;
	position: absolute;
	left: 0;
	bottom: -2px;
}

.comments_show_div .no_comments {
	font-weight: 600;
	font-size: 15px;
	font-family: var(--font4);
	line-height: 20px;
}

.comments_show_div .user-info .name {
	font-family: var(--font4);
	font-size: 15px;
	margin-top: 5px;
}

.comments_show_div .subreply p:first-child {
	margin-bottom: 10px !important;
}

.comments_show_div .comment-text {
	font-family: var(--font4);
	font-size: 15px;
	line-height: 25px;
	color: var(--color9);
	font-weight: 400;
	margin-bottom: 10px !important;
}

.comment_box .js-close-aside,
.comments_show_div .js-close-aside {
	font-family: var(--font4);
	font-size: 14px;
	font-weight: 500;
}

.comment_box .guidelines,
.comments_show_div .guidelines {
	font-family: var(--font4);
	font-size: 12px;
	font-weight: 500;
}

.subreply {
	padding-bottom: 20px;
	border-bottom: 1px solid rgb(215, 215, 215);
	max-height: 27.675rem;
	overflow-y: auto;
	height: 100%;
}

.reply_btn button:hover {
	color: var(--color2);
}

.articlecommentsbanner button {
	width: 35%;
	background-color: var(--color2);
	color: var(--color3) !important;
	padding: 17px;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	font-family: var(--font4);
	font-weight: 500;
}

.likecomments input[type="checkbox"] {
	display: none;
}

.likecomments input[type="checkbox"]+label {
	position: relative;
	padding-left: 35px;
	display: inline-block;
	line-height: 25px;
	font-size: 16px;
	cursor: pointer;
	/* Make the label clickable */
	font-family: 'bootstrap-icons';
	/* Ensure Font Awesome is the font */
	font-weight: 900;
	/* Use the solid version if needed */
}

.likecomments input[type="checkbox"]+label:before {
	content: "\F415";
	/* Filled heart symbol from Font Awesome */
	font-size: 19px;
	top: 0;
	left: 2px;
	padding: 0px;
	color: var(--color7);
	display: block;
	position: absolute;
	transition: .5s ease;
}

.likecomments input[type="checkbox"]:checked+label:before {
	content: '\F417';
	/* Default heart symbol from Font Awesome */
	color: var(--color7);
}

/* .view_tooltip,
.like_count {
	position: relative !important;
}

.like_article .countinglike {
	width: 50px;
	background-color: var(--color2);
	color: var(--color3);
	text-align: center;
	border-radius: 20px;
	padding: 0px 0;
	position: absolute;
	z-index: 1;
	top: -35px;
	left: -35px;
	line-height: normal;
	font-size: 13px;
}

.like_article .countinglike::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: var(--color2) transparent transparent transparent;
} */

.view_count .count-hit {
	max-width: max-content;
	min-height: 20px;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
	pointer-events: none;
	line-height: 24px;
	min-width: 30px;
	position: absolute;
	top: -40px;
	left: calc(100% + -11px);
	transform: translateX(-50%);
	background-color: var(--color2);
	color: white;
	padding: 2px 8px;
	border-radius: 15px;
	min-width: 40px;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	white-space: nowrap;
	font-family: var(--fontnew);
	font-weight: 500;
}

.view_count .count-hit::after {
	content: "";
	position: absolute;
	border-width: 6px;
	border-style: solid;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-color: var(--color2) transparent transparent transparent;
}

.like_article .count-hit {
	top: -44px;
}

.author_section {
	padding: 40px 0px;
	clear: both;
}

.author_section .author_img figure img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
}

.author_section .author_info h3 {
	font: 900 26px/30px var(--font4);
	color: #333;
}

.author_section .follow_me button {
	font: 700 13px / 1.5 var(--font4);
	border-color: var(--color1);
	color: var(--color2);
	background: transparent;
}

.author_section .direct_link a {
	font: 500 16px/1.5 var(--font4);
	color: var(--color2);
}

.author_section .follow_me button i {
	font-size: 12px;
}

.author_section .author_social_links a {
	font-size: 18px;
}

.author_section .author_social_links a:hover {
	color: var(--color2)
}

.author_section .author_bio p {
	font: 400 16px/30px var(--font4);
	color: #333;
	text-align: justify;
}

.author_section .author_articles h3 span svg {
	width: 14px;
	height: 14px;
	margin-right: 5px;
}

.author_section .author_articles h3 {
	font: 700 20px / 28px var(--font4);
	color: var(--color7);
	width: calc(100%);
	display: inline-block;
	margin-bottom: 0;
}

.author_section .author_articles {
	padding-bottom: 6px;
	border-bottom: 3px solid var(--color2);
	border-radius: 0px;
	padding-left: 0;
	margin-bottom: 20px;
}

.author_section .articles_listing {
	position: relative;
	padding: 0px 0px 20px 180px;
	margin: 10px 15px 10px 0px;
	overflow: hidden;
	border-bottom: 1px dashed #f1f0f0;
}

.author_section .articles_listing:last-child {
	border-bottom: 0px;
}

.author_section .articles_listing .articel_img figure {
	display: inline-block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	left: 0px;
	border-radius: 0px;
}

.author_section .articles_listing .articel_img figure>img {
	width: 100%;
	height: auto;
	border-radius: 0px;
	transition: all .3s;
}

.author_section .articles_listing .article_name h3 {
	font: bold 22px/20px var(--font);
	margin: 7px 0 14px 0;
	color: var(--color7);
}

.author_section .articles_listing .article_name h3 a:hover {
	color: var(--color2);
}

.author_section .articles_listing .article_name p {
	font: 400 14px/22px var(--font4);
	display: -webkit-box;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 43;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 0px;
}


.item-listing-team ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.item-listing-team ul li {
	display: flex;
	gap: 20px;
	margin-bottom: 8px;
	border: 1px solid #eee;
	padding-bottom: 6px;
	padding-left: 6px;
}

.item-listing-team ul li figure {
	margin-top: 5px;
	margin-bottom: 0px;
	filter: brightness(.9);
}

.item-listing-team ul li figure a {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.item-listing-team ul li figure span img {
	width: 70px;
	height: 70px;
	object-fit: contain;
}

.item-listing-team ul li:hover figure span img {
	filter: brightness(1);
}

.item-listing-team ul li .figure-caption h3 {
	font: 700 16px/1.5 var(--font4);
	color: var(--color7);
	margin-bottom: 3px;
}

.item-listing-team ul li:hover .figure-caption h3 {
	color: var(--color2);
}

.item-listing-team ul li .figure-caption h5 {
	font-weight: normal;
	font-size: 15px;
	font-family: var(--font4);
}

.item-listing-team ul li .figure-caption h3 {
	display: inline-block;
	position: relative;
}

.item-listing-team ul li .figure-caption h3::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: var(--color2);
	transition: transform 0.25s ease-out;
}

.item-listing-team ul li:hover .figure-caption h3::after {
	transform: scaleX(1);
}

.item-listing-team ul li .figure-caption h3::after {
	transform-origin: bottom center;
}

.item-listing-team ul li:hover .figure-caption h3::after {
	transform-origin: bottom center;
}

.item-listing-team {
	position: sticky;
	top: 50px;
	width: 100%;
}

.our-contributors-teams h2 {
	font-size: 25px;
	font-weight: 900;
	font-family: var(--font4);
	margin-bottom: 20px;
}

.item-listing-team ul {
	height: 650px;
	overflow-y: scroll;
}

.recent_articel_popup {
	background: var(--color3);
	right: 1rem;
	bottom: 2rem;
	z-index: 20;
	border-radius: .5rem;
	width: 488px;
	width: 30.5rem;
	box-shadow: 0 0 20px rgba(15, 15, 15, .2);
	transform: translateY(-1rem);
	padding: 1rem;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	position: fixed;
	transition: opacity 0.3s ease, visibility 0.3s ease, pointer-events 0.3s ease;
}

.recent_articel_popup.show {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transition: transform .25s ease-in-out, opacity .25s ease-in-out, visibility .25s ease-in-out;
}

.show_recomendend_articel .border_top {
	border-top: .25rem solid #000;
	padding-top: 8px;
}

.recent_articel_popup .show_recomendend_articel h2 {
	font-family: var(--font4);
	font-weight: 800;
	font-size: 20px;
	line-height: 30px;
}

.show_recomendend_articel .close_popup_articel i {
	font-size: 22px;
	color: #757575;
}

.show_recomendend_articel .close_popup_articel i:hover {
	text-decoration: underline;
	color: var(--color7);
}

.recent_articel_popup .aricle_post span {
	font-size: 12px;
	font-family: var(--font4);
	color: #e2001a;
	letter-spacing: .02em;

}

.recent_articel_popup .aricle_post {
	border-bottom: 1px dashed #dbdada;
	margin-bottom: 20px;
}

.recent_articel_popup .aricle_post:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
}

.recent_articel_popup .aricle_post time {
	padding-left: 8px;
	margin-left: 8px;
	transform: translateX(-16px);
	margin-bottom: 2px;
	font-size: 12px;
	letter-spacing: .02em;
	font-family: var(--font4);
	border-left: 1px solid #dbdbdb !important;
}

.recent_articel_popup .aricle_post h4 a {
	font-size: 14px;
	font-family: var(--font3);
	font-weight: 700;
	letter-spacing: .02em;
	color: inherit;
	display: inline;
	padding-bottom: 0;
	-webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	background-image: -o-linear-gradient(top, currentColor 0%, currentColor 98%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor));
	background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
	background-size: 0 1px;
	background-repeat: no-repeat;
	background-position: left 100%;
}

.recent_articel_popup .aricle_post h4:hover a {
	background-size: 100% 1px;
}

.my_account {
	padding: 40px 0px;
	clear: both;
}

.my_account aside nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.my_account aside {
	box-shadow: 0 0 0 1px #8c8c8c33;
	border-radius: 8px;
	padding: 25px 25px 20px;
	font-family: var(--font2);
}

.my_account aside nav ul>li {
	margin-bottom: 10px;
	font-family: var(--font2);
	padding: 5px;
}

.my_account aside nav ul>li:last-child {
	margin-bottom: 0px;
}

.my_account aside nav ul>li a {
	font: 500 16px /1.5 var(--font4);
	color: var(--color9);
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.my_account aside nav ul>li a>span {
	font-size: 23px;
}

.my_account aside nav ul>li hr {
	margin: 0.5rem 0px 0.2rem 0;
}

.my_account aside nav ul .active_menu a,
.my_account aside nav ul .active_menu a span {
	color: var(--color2);
}

.my_account .need_help {
	background-color: #f2f2f2;
	padding: 20px 20px 20px 20px;
	margin-top: 20px;
	border-radius: 5px;
}

.my_account .need_help h4 {
	font-family: var(--font4);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 26px;
}

.my_account .need_help p {
	font-size: 15px;
	font-weight: 400;
	font-family: var(--font4);
	margin-bottom: 0px;
}

.my_account .need_help p a {
	text-decoration: underline;
}

.my_account aside nav ul li a:hover {
	color: var(--color2);
}

.my_account aside nav ul>li:nth-child(9) {
	background-color: transparent;
	pointer-events: none;
}

.my_account_user {
	display: flex;
	gap: 30px;
	flex-flow: wrap;
	-webkit-box-pack: start;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.my_account_user .tab-gFaPwZ {
	font-family: var(--font4) !important;
	font-size: 20px;
	font-weight: 500;
	line-height: 15px;
	margin-bottom: 5px;
	color: var(--color9);
}

.my_account_user .tab-fhYwyz {
	font-family: var(--font4) !important;
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	margin-bottom: 5px;
	color: var(--color9);
}

.my_account_user .tab-dRUVkm {
	font: 500 17px/1.5 var(--font4) !important;
	color: var(--color9);
}

.my_account .text_wrap i {
	color: var(--color2);
	font-size: 30px;
}

.my_account .text_wrap span {
	font-size: 23px;
	color: #999;

}

.my_account .text_wrap .d-block {
	font-size: 16px;
	font-weight: 500;
	font-family: var(--font4);
}

.my_account .back_account a {
	font-family: var(--font4);
	font-size: 20px;
	font-weight: 500;
	color: var(--color2);
	display: flex;
	justify-content: start;
	align-items: center;
}

.my_account .back_account a span {
	font-size: 30px;
}

.my_account .connect_list .tab_jGxEUC {
	display: flex;
	gap: 15px;
	justify-content: start;
	align-items: center;
	font-size: 20px;
	font-family: var(--font4);
	font-weight: 500;
	color: rgb(153, 153, 153);
}

.my_account .connect_list .connect_active .tab_jGxEUC {
	color: var(--color9);
}

.my_account .connect_list .tab_flex_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
	padding-top: 25px;

}

.my_account .connect_list .tab_flex_list:first-child {
	padding-top: 0px;
}

.my_account .connect_list .tab_flex_list:last-child {
	margin-bottom: 20px;
}

.my_account .connect_list .connect_name_tab_xfss a {
	font-family: var(--font4);
	font-size: 18px;
	font-weight: 400;
	color: var(--color2);
	display: flex;
	gap: 8px;
}

.my_account .connect_list .connect_name_tab_xfss a span {
	font-size: 30px;
}

.my_account .connect_list .connect_name_tab_xfss button {
	font-family: var(--font4);
	font-size: 14px;
	background-color: transparent;
	border: 1px solid var(--color2);
	color: var(--color2);
	border-radius: 3px;
	text-transform: uppercase;
}

.my_account .moderation_tab p {
	font-family: var(--font4);
	font-size: 16px;
	font-weight: 500;
	color: var(--color9);
	text-align: left;
	letter-spacing: 0.2px;
}

.my_account .profile_update .form-group .form-label {
	font-family: var(--font4);
	font-size: 14px;
	font-weight: 500;
}

.my_account .profile_update .form-group .form-control,
.profile_update .form-group .form-select {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.63;
	border-radius: 4px;
	border: 1px solid #e0e1e2;
	color: var(--color7);
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: 0;
	font-family: var(--fontnew);
}

.my_account .profile_update .form-group .form-control:focus {
	border-color: var(--color9);
}

.my_account .profile_update .password__toggle {
	position: absolute;
	right: 20px;
	top: 50px;
	font-size: 22px;
	color: var(--bs-gray);
}

.my_account .profile_update small {
	font-family: var(--font4);
	font-size: 12px;
	margin-top: 10px;
	display: block;
	font-weight: 500;
}

.my_account .form-group .error {
	font-family: var(--font4);
	font-weight: 600;
	font-size: 13px;
	color: #ee0101;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.my_account .profile_update .lable_name {
	font-family: var(--font4);
	font-size: 18px;
	font-weight: 600;
	border-bottom: 2px solid var(--color10);
}

.my_account .articel_bookmark {
	background-color: rgb(242, 242, 242);
	padding: 30px;
}

.book_mark_listing {
	background-color: rgb(242, 242, 242);
	padding: 10px;
}

.book_mark_listing .profile_author_info h5 {
	font-size: 14px;
	font-weight: 600;
	font-family: var(--font4);
	color: var(--color7);
}

.my_account .articel_bookmark p {
	font-size: 17px;
	line-height: 26px;
	font-family: var(--font4);
	margin-bottom: 5px;

}

.my_account .articel_bookmark h4 {
	font-size: 16px;
	font-family: var(--font4);
	margin-bottom: 25px;
	font-weight: 700;
}

.my_account .articel_bookmark a,
.my_account .following_listing a {
	border: 1px solid var(--color2);
	color: var(--color2);
	padding: 8px 20px;
	font-family: var(--font4);
	font-size: 15px;

}

.my_account .bookmarkshare {
	position: relative;
	display: none;
}

.my_account .bookmarkshare ul {
	list-style: none;
	gap: 10px;
	align-items: center;
	display: flex;
	flex-flow: row;
	-webkit-box-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	align-items: stretch;
	position: absolute;
	padding: 20px 24px;
	right: 15px;
	top: -50px;
	margin-bottom: 0px;
	background: rgb(255, 255, 255);
	border-radius: 6px;
	width: 360px;
	box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 2px 0px, rgba(0, 0, 0, 0.12) 0px 2px 2px 0px, rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;
	box-sizing: border-box;
}

.my_account .bookmarkshare ul>li a {
	display: flex;
	font-size: 16px;
	font-family: var(--font4);
	font-weight: 500;
	justify-content: center;
	align-items: center;
	font-weight: normal;
}

.my_account .bookmarkshare ul>li:nth-child(2) {
	border-left: 1px solid rgb(187, 187, 187);
	margin: 0px 5px;
}

.my_account .bookmarkshare ul>li:nth-child(3) {
	margin-right: 10px;
}

.my_account .bookmarkshare ul>li i {
	font-size: 17px;
	margin-right: 14px;
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin-top: 3px;
}

.my_account .email_alert label {
	font: 400 16px/1.5 var(--font4);
	color: rgb(0, 18, 70)
}

.my_account .following_div p {
	font: 400 15px / 1.6 var(--font4);
	color: var(--color9);
}

.my_account .exploring_users .user_title h5 {
	font: 600 14px / 1.6 var(--font4);
	color: rgb(0, 18, 70);
	border-bottom: 1px solid rgb(215, 215, 215);
	padding-bottom: 8px;
}

.my_account .exploring_users .following_listing {
	background-color: rgb(242, 242, 242);
	padding: 30px;
}

.my_account .following_user_div h6,
.my_account .following_user_div label {
	font: 400 14px/1.6 var(--font4);
}

.my_account .following_listing p {
	margin-bottom: 20px;
	color: rgb(0, 18, 70);
}

.my_account .email_switch .toggle-switch {
	position: relative;
	width: 60px;
	height: 34px;
}

.my_account .email_switch .toggle-switch input {
	display: none;
}


/* The switch (toggle handle) */
.my_account .email_switch .switch {
	position: absolute;
	cursor: pointer;
	background-color: #ccc;
	border-radius: 34px;
	width: 100%;
	height: 100%;
	transition: background-color 0.3s;
}

.my_account .email_switch .switch:before {
	content: "";
	position: absolute;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: white;
	top: 4px;
	left: 4px;
	transition: transform 0.3s;
}

/* Change background and move the circle on checked state */
.my_account .email_switch input:checked+.switch {
	background-color: var(--color1);
}

.my_account .email_switch input:checked+.switch:before {
	transform: translateX(26px);
}


.my_account .author_bg_color {
	background-color: #001246;
	/* display: flex; */
	border-radius: 10px;
	color: var(--color3);
}

.my_account .author_bg_color {
	padding: 8px 15px;
	border-radius: 7px;
	color: var(--color3);
}

.my_account .author_bg_color .tab-check {
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	text-align: center;
	background-color: var(--color3);
	color: var(--color9);
	border-radius: 50%;
}

.author_bg_color span {
	font: 400 13px /1.5 var(--font4);
}

.author_bg_color p {
	font: 400 14px/1.5 var(--font4);
}

.book_mark_listing .tab_artical_name h2 {
	font-family: var(--font4);
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
}

.book_mark_listing .tab_artical_name h2 a:hover {
	color: var(--color2);
}


.logout_modal .modal-dialog {
	max-width: 300px !important;
}

.logout_modal p {
	font-size: 18px;
	font-family: var(--font4);
	font-weight: 600;
}

.logout_modal button,
.profile_update button {
	font-family: var(--font4);
	letter-spacing: 1px;
}


.manage_userverify {
	background-color: var(--color3);
	padding: 40px 0px;
}

.manage_userverify .title_manage h3 {
	font: 800 25px/1.5 var(--font4);
}

.manage_userverify .title_manage p {
	font: 400 16px/1.5 var(--font4);
	color: var(--color9);
	max-width: 550px;
	text-align: center;
	margin: 0 auto;
}

.manage_userverify .packages_manage {
	border: 2px dashed var(--color4);
	border-radius: 10px;
	padding: 35px;
}

.manage_userverify .packages_manage h5 {
	font: 800 25px/1.2 var(--font4);
	text-transform: uppercase;
	margin-bottom: 0px;
	display: block;
}

.manage_userverify .packages_manage span {
	font-size: 20px;
	font-family: var(--font4);
	color: #001246;
	font-weight: 400;
}

.manage_userverify .category-label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 13px 20px;
	border: 1px solid #ddd;
	border-radius: 50px;
	cursor: pointer;
	font-size: 16px;
	background-color: var(--color3);
	color: #333;
	transition: background-color 0.3s ease;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20px;
}

.manage_userverify .category-label i {
	font-size: 22px;

}

/* .manage_userverify .category-label:hover {
	background-color: #f0f0f0;
} */
.manage_userverify .category-text {
	margin-left: 10px;
	font: 600 16px / 27px var(--font4) !important;
	color: var(--color9) !important;
}

.manage_userverify .category-label input[type="checkbox"] {
	appearance: none;
	background-color: #ccc;
	margin: 0;
	font: inherit;
	color: #333;
	width: 25px;
	height: 25px;
	border: 0px solid #ccc;
	border-radius: 50%;
	display: grid;
	place-content: center;
	position: absolute;
	right: 30px;
}

.manage_userverify .category-label input[type="checkbox"]::before {
	content: '\e904';
	font-family: 'iconmoon' !important;
	width: 25px;
	height: 25px;
	font-size: 20px;
	display: grid;
	place-content: center;
	color: #ccc;
	transition: 0.3s;
	line-height: 26px;
	-webkit-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

.manage_userverify .category-label input[type="checkbox"]:checked::before {
	background-color: var(--color2);
	color: var(--color3);
	border-radius: 50%;
}

.manage_userverify .category-label input[type="checkbox"]:checked+.category-text {
	font: 600 16px/auto var(--font4);
	color: var(--color10);
}

.manage_userverify .bgcolor_checked {
	background-color: var(--color2);
	border-color: var(--color2);
	color: var(--color3);
}

.manage_userverify .bgcolor_checked .category-text {
	color: var(--color3) !important;
}


.manage_userverify .bgcolor_checked input[type="checkbox"]:checked::before {
	background-color: var(--color3) !important;
	color: var(--color2);
}

.manage_userverify .tab_category {
	padding: 10px 50px;
	border: 0;
	background-color: var(--color7);
	color: var(--color3);
	font-family: var(--font4);
	font-size: 15px;
	font-weight: 500;
	border-radius: 5px;
	text-transform: uppercase;
	cursor: pointer;
	letter-spacing: 1px;

}

.manage_userverify button[disabled] {
	color: var(--color3);
	background-color: var(--color2);
	opacity: .2;
	cursor: auto;
}

.manage_userverify button {
	border: 0px;
	background: transparent;
}

.manage_userverify button a {
	color: var(--color9);
	background-color: transparent;
	border: none;
	text-decoration: underline;
	border-radius: 5px;
	padding: 10px 20px;
	cursor: pointer;
	font-family: var(--font4);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	transition: background-color 0.3s ease;
}

.manage_userverify .notice_success,
.manage_userverify .notice_primary,
.manage_userverify .notice_danger {
	background-color: #DFFFEA;
	border-radius: .625rem !important;
	border: 1px dashed #17c653;
	padding: 1.5rem !important;
	font-family: var(--font4);
	font-size: 18px;
}

.manage_userverify .notice_success strong {
	color: #17c653;
}

.manage_userverify .notice_primary strong {
	color: #1B84FF;
}

.manage_userverify .notice_danger strong {
	color: #F8285A;
}

.manage_userverify .notice_primary {
	background-color: #E9F3FF;
	border-color: #1B84FF;
}

.manage_userverify .notice_danger {
	background-color: #FFEEF3;
	border-color: #F8285A;
}

.manage_userverify .enews_check_label .form-check-label {
	font: 600 14px/1.5 var(--font4);
	text-align: left;
	display: flex;
	gap: 10px;

}

.manage_userverify .enews_check_label p {
	font: 600 14px/1.5 var(--font4);
	text-align: left;
}

.pagination-links .pagination {
	justify-content: center;
}

.advance_filter_search {
	padding: 40px 0px;
	background-color: #F2F5F7;
	/* height:100dvh; */
}

.advance_filter_bg .form-group .form-control,
.advance_filter_bg .form-group .form-select {
	width: 100%;
	padding-left: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: none;
	font-weight: 500;
	font-size: 14px;
	/* padding-top: 0px; */
	line-height: 23px;
	border: 1px solid #ccc;
	border-radius: 0px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.63;
	border: 1px solid #e0e1e2;
	color: var(--color7);
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: 0;
	font-family: var(--font4);
}

.advance_filter_bg .form-group .form-control {
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
}

.advance_filter_bg .form-group .form-select {
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	padding: 0.9375rem 0.9375rem 0.75rem !important;
}

.advance_filter_bg .niceselect-dropdown .list {
	width: 100%;
}

.advance_filter_bg .form-group i {
	position: absolute;
	left: 11px;
	top: 11px;
	font-size: 20px;
}

.advance_filter_bg .button_filter button,
.advance_search_button button,
.not_found a {
	padding: 0.9375rem 0.9375rem 0.75rem;
	border: 1px solid #c9c9c9;
	font: 500 14px/1.5 var(--fontnew);
	border-radius: 5px;
	background-color: transparent;
}

.advance_filter_search .modal-title{
    font: 600 18px/ 1.5 var(--fontnew);
}


.advance_filter_bg .button_filter button:nth-child(1),
.advance_search_button button,
.not_found a {
	background-color: var(--color2);
	color: var(--color3);
	border-color: var(--color2);
}

.advance_search_button button{
    background-color: #033e93;
    color: #ffffff;
    border-color: #033e93;
    padding: 0.62rem;
    border: 1px solid #c9c9c9;
    font: 500 14px / 1.5 var(--fontnew);
    border-radius: 5px;
}


.advance_filter_bg {
	background-color: var(--color3);
	padding: 10px 15px 10px 10px;
	border: 1px solid var(--color3);
	box-shadow: var(--boxshadow);
	border-radius: 5px 5px 0px 0px;
}

.advance_filter_search_div {
	/* transform: translateY(-45em); */
	transition: transform 0.5s;
	/* padding:10px 15px 10px 10px; */
	box-shadow: var(--boxshadow);
	background-color: var(--color3);
	border-radius: 0px 0px 5px 5px;
	border-top: 1px solid #bbbbbb;
}

.advance_filter_search_div.show-filter {
	/* transform: translateY(0em); */
	display: block;
}

.advance_filter_search_div .advance_header {
	padding: 10px 20px 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #bbb;
}

.advance_filter_search_div .advance_header h3 {
	margin-bottom: 0px;
	font: 700 15px/1.5 var(--font3);
	color: var(--color10);
}

.advance_filter_search_div .advance_header button {
	border: 0px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
}

.advance_filter_search_div .advance_header span {
	font-size: 22px;
}

.body_fliter_content .card {
	border: 0px;
}

.body_fliter_content .card .card-body h4 {
	font: 700 19px/ 1.5 var(--fontnew);
    margin-bottom: 20px !important;
}

.advance_filter_search_div .body_fliter_content label {
	font: 600 15px / 1.5 var(--fontnew);
}

.advance_filter_search_div .body_fliter_content .form-group .form-control {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.63;
	border-radius: 4px;
	border: 1px solid #e0e1e2;
	color: var(--color7);
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: 0;
	font-family: var(--font3);
}

.advance_filter_search_div .body_fliter_content .form-group .calender_icons {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #F0F1F2;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 30px;
	line-height: 32px;
	cursor: pointer;

}

.search_articel ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.search_articel ul li {
	margin: 0;
	list-style-type: none;
	border-bottom: 1px dashed #efefef;
	display: flex;
	gap: 30px;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.search_articel ul li:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
}

.search_articel img {
	width: 220px;
	overflow: hidden;
	object-fit: cover;
	border-radius: 6px;
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); */
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.articel-result {
	font: 600 15px / 1.5 var(--fontnew);
	color: var(--color9);
}

.search_articel .size-w-11 {
	width: calc(100% - 118px);
}

.search_articel .size-w-11 .cl8 {
	font: 500 14px/1.5 var(--font3);
	/* margin:0px 5px 5px 0px; */
	/* display: block; */
	color: var(--color9);
}

.search_articel .size-w-11 .cl8 a {
	color: var(--color9);
}

.search_articel .size-w-11 .cl8 i {
	color: #6D757F;
}

.search_articel .size-w-11 h6 {
	font: 700 16px/1.5 var(--font3);
	margin-bottom: 5px;
}

.search_articel .size-w-11 h6:hover a {
	color: var(--color2);
}

.listing_aricels .card {
	border: 0px;
	box-shadow: var(--boxshadow);
}

.listing_aricels ul li p {
	font: 500 14px/28px var(--font3);
	color: var(--color9);
}

.author_img .author_tab_user {
	width: 25px;
	height: 25px;
	object-fit: contain;
}

.search_articel .border_span span {
	border-right: 2px solid #6D757F;
	/* padding-left:10px; */
	padding-right: 10px;
}

.search_articel .border_span span:first-child {
	padding-left: 0px;
	padding-right: 0px;
}

.search_articel .border_span .days {
	border: 0px;
	padding-right: 0px;
}

.auhore_tab_name a {
	color: var(--color9);
	display: block;
	font: 500 15px/1.5 var(--font3);
	padding-right: 5px;
}

.not_found img {
	width: 150px;
	margin-bottom: 10px;
}

.not_found h2 {
	font: 700 25px/1.5 var(--fontnew);
	color: var(--color9);
	margin-bottom: 0px;
}

.not_found p {
	font: 500 14px / 28px var(--fontnew);
	color: var(--color9);
	margin-bottom: 20px;
}


/* digital-push  css*/

.digital_push {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 35px 27px 27px;
	margin-bottom: 20px;
	color: var(--color7);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	min-height: 400px;
}

.digital_bg1 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#DDF9EF, #DDF9EF);
}

.digital_bg2 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#e2dfff, #e2dfff);
	min-height: 420px;
}

.digital_bg2_ch {
	min-height: 400px;
}

.digital_bg3 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#fbe7f3, #fbe7f3);
}

.digital_bg4 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#fef2ed, #fef2ed);
}

.digital_bg5 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#EDFCFF, #EDFCFF);
}

.digital_bg6 {
	border: 3px solid #f9f8f8;
	background-image: url('../images/contact-bg.png'), linear-gradient(#f9f8f8, #f9f8f8);
}

.digital_push .digital_icon_push {
	border: 3px solid #000;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	margin-bottom: 20px;
}

.digital_push .digital_icon_push img {
	width: 60px;
	object-fit: contain;
}

.digital_push h3 {
	font: 700 23px/33px var(--font3);
	color: var(--color7);
	margin-bottom: 10px;
}

.digital_push p {
	font: 500 14px/30px var(--font2);
	text-align: left;
	color: var(--color7);
}

.digital_push:hover {
	box-shadow: var(--boxshadow);
}

.digital_push:hover img {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.digita_pu_content p {
	font: 500 15px/30px var(--font2);
	color: var(--color7);
}

.digital_push_section .note_text {
	background-image: url('../images/contact-bg.png'), linear-gradient(#fef6e0, #fef6e0);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #fef6e0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 10px 15px 20px;
	border-radius: 5px;
}

.digital_push ul>li {
	list-style: none;
	font: 600 16px / 1.5 var(--font2);
	margin-bottom: 20px !important;
}

.digital_push ul>li:nth-child(3) {
	border: 1px solid #cccccc57;
	margin-bottom: 20px;
	margin-top: 20px;
}

.digital_push ul>li i {
	margin-right: 10px;
}

.digital_push ul>li a:hover {
	color: var(--color2);
}

.digital_push_section .note_text h5 {
	font: 700 16px / 30px var(--font2);
	color: var(--color9);
	margin-bottom: 00px;
	font-style: italic;
}

.profile_report {
	padding: 40px 0px;
	clear: both;
	background-color: var(--white);
}

.profile_report .investor_title h2 {
	font-size: 35px;
	font-family: var(--font3);
	font-weight: 700;
	line-height: 65px;
	color: var(--color7);
	margin-bottom: 0px;
}

.profile_report .investor_title p {
	font-family: var(--font2);
	font-size: 16px;
	line-height: 35px;
	color: var(--color7);
	text-align: justify;
}

.investor-section {
	padding: 40px 0px;
	clear: both;
	background-color: var(--white);
}

.investor-section .investor-card {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 25px 15px 15px 120px;
	margin: 0 0px 20px 0px;
	border-radius: 10px;
	color: var(--color7);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	height: 100%;
	overflow: hidden;
	position: relative;
}


.investor-section .investor-icon {
	/* border: 3px solid #000; */
	/* border-radius: 50%; */
	width: 100px;
	height: 100px;
	/* display: flex;
		justify-content: center;
		align-items: center; */
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	margin-bottom: 20px;
	overflow: hidden;
	position: absolute;
	left: 20px;
	top: 20px;
}

.investor-section .investor-icon img {
	width: 70px;
	padding: 3px;
	height: auto;
	object-fit: contain;
}

.investor-section .table_of_contents h3 {
	font-size: 23px;
	font-family: var(--font3);
	font-weight: 700;
	line-height: 30px;
	color: var(--color7);
	margin-bottom: 30px;
	text-align: left;
}

.investor-section .note_text h5 {
	font-size: 19px;
	font-family: var(--font3);
	font-weight: 600;
	line-height: 30px;
	color: var(--color7);
	margin-bottom: 10px;
	text-align: left;
}

.investor-section .investorbg-1 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#fff9e6, #fff9e6);
}

.investor-section .investorbg-2 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#f6f1eb, #f6f1eb);
}

.investor-section .investorbg-3 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#f3ebff, #f3ebff);
}

.investor-section .investorbg-4 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#f8d0e4, #f8d0e4);
}

.investor-section .investorbg-5 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#dcf1f4, #dcf1f4);
}

.investor-section .investorbg-6 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#cfe2ff, #cfe2ff);
}

.investor-section .investorbg-7 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#ddf9ef, #ddf9ef);
}

.investor-section .investorbg-8 {
	background-image: url('../images/contact-bg.png'), linear-gradient(#f8d7da, #f8d7da);
}

.investor-body h3 {
	font: 700 23px/33px var(--font3);
	color: var(--color7);
	margin-bottom: 10px;
}

.investor-body p {
	font: 500 14px/30px var(--font2);
	text-align: left;
	color: var(--color7);
}

.ai_listing_section .ai_listing_heading h3 {
	font-family: var(--font3);
	font-weight: 600;
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.ai_listing_section .ai_listing_heading h5 {
	font-family: var(--font3);
	font-weight: 700;
	font-size: 19px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.ai_listing_section p {
	font-size: 15px;
	font-family: var(--font2);
	line-height: 30px;
}

.ai_listing_section .al-listing-table img {
	width: 100%;
	max-width: 100%;
}

.ai_listing_section .al-listing-table .leader-info img {
	border-radius: 0.25rem !important;
	width: 150px;
	margin-bottom: 10px;
}

.ai_listing_section .al-listing-table .al-listing-table table {
	border-collapse: collapse;
	width: 100%;
}

.ai_listing_section .al-listing-table table thead tr th {
	background-color: var(--color2) !important;
	color: var(--color3);
}

.ai_listing_section .al-listing-table td,
.ai_listing_section .al-listing-table th {
	border: 1px solid #ddd;
	vertical-align: center;
}

.ai_listing_section .al-listing-table {
	border-radius: 6px;
	overflow: hidden;
}

.ai_listing_section .insights-info h5 {
	font-size: 12px;
	font-family: inherit;
	color: #333;
	border-bottom: 0.5px dashed #ddd;
	padding-bottom: 10px;
	margin: 0 0 7px;
	font-weight: 600;
	text-align: left;
	position: relative;
	font-family: var(--font);
}

.ai_listing_section .insights-info h5 i {
	background: var(--color2);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: var(--color3);
	margin-right: 10px;
}

.ai_listing_section .insights-info h5 span {
	color: var(--color2);
	margin-left: 10px;
}

.ai_listing_section .insights-info h5::be {
	content: ',';
}

.ai_listing_section .al-listing-table .vision_info {
	font-family: var(--font);
	font-size: 16px;
	line-height: 25px;
}

.ai_listing_section .al-listing-table table thead tr th {
	font-family: var(--font);
	font-weight: 600;
}

.ai_listing_section .al-listing-table .leader-name {
	font-family: var(--font);
	font-weight: 700;
}

.ai_listing_section .al-listing-table .leader-position {
	font-family: var(--font);
}

.ai_listing_section .insights-info-inner a {
	color: var(--color2);
}

.ai_listing_section .al-listing-table table tbody tr:nth-child(odd) {
	background: #F0F4FF;
}

.tabfilter_search a {
	border-radius: 10px !important;
	font-size: 14px;
	font-weight: 600;
	font-family: var(--font2);
	color: var(--color7);
	transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
}

.tabfilter_search i {
	font-size: 22px;
	color: #b3adad;
}

.tabfilter_search a i {
	color: var(--color7);
}

.tablive_modal .search-filter .form-control {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.63;
	border-radius: 4px;
	border: 1px solid #e0e1e2;
	color: var(--color7);
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: 0;
	font-family: var(--font3);
	text-indent: 35px;
}

.tablive_modal .search-filter .form-control:focus {
	border-color: var(--color2);
}

.tablive_modal .search-filter .form-group label {
	position: absolute;
	top: 20px;
	left: 43px;
	font-size: 16px;
	color: #aaa;
	background: white;
	transition: 0.2s ease all;
	padding: 0 5px;
	pointer-events: none;
	font-family: var(--font3);
	font-weight: 600;
}

.tablive_modal .search-filter .form-control:focus+label,
.tablive_modal .search-filter .form-control:not(:placeholder-shown)+label {
	top: -10px;
	left: 10px;
	font-size: 12px;
	color: var(--color2);
}

.tablive_modal .search-filter i {
	position: absolute;
	left: 20px;
	top: 17px;
	font-size: 18px;
}

.tablive_modal .modal-content {
	border-radius: 0.9rem;
}

.tablive_modal .filter_list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

.tablive_modal .filter_list ul>li {
	display: inline-block;
	margin: 5px;
}

.tablive_modal .filter_list ul>li>a {
	border: 1px dashed #e0e1e2;
	padding: 7px 14px;
	text-align: center;
	font-family: var(--font2);
	font-size: 13px;
	font-weight: 600;
	border-radius: 30px;
	line-height: 22px;
	display: block;
	letter-spacing: 1px;
	transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
}

.tablive_modal .filter_list ul>li:hover a {
	border-style: solid;
	background-color: #e0e1e2;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;
}

.tablive_modal .h-300 {
	height: 300px;
}

.no-data-found svg {
	width: 350px;
	height: auto;
}

.no-data-found h5 {
	font: 600 15px/1.5 var(--font2);
	margin-bottom: 5px;
}

.no-data-found p {
	font: 500 14px/1.5 var(--font2);
}

.tablive_modal .modal-header {
	padding: 1rem;
}

.tablive_modal .modal-title {
	font: 600 20px/1.5 var(--font3);
}

.tabfilter_search [data-bs-toggle="collapse"][aria-expanded="false"] .uil-angle-right-b {
	transition: 0.3s ease;
}

.tabfilter_search [data-bs-toggle="collapse"][aria-expanded="true"] .uil-angle-right-b {
	transform: rotate(90deg);
	transition: 0.3s ease;
}

.tabfilter_search [data-bs-toggle="collapse"][aria-expanded="true"] {
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	background-color: var(--color5);
}

.tabfilter_search [data-bs-toggle="collapse"][aria-expanded="true"]+.collapse .card {
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	border-top: 0;
}

.tabfilter_search .collapse .card-body ul>li {
	margin-bottom: 18px;
}

.tabfilter_search .collapse .card-body ul>li a {
	border-radius: 30px !important;
	border: 1px dashed #e0e1e2;
	padding: 7px 9px;
	font-weight: 500;
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 13px;
	text-transform: capitalize;
}

.tabfilter_search .collapse .card-body ul>li a:hover {
	background-color: #e0e1e2;
}

.tabfilter_search .collapse .card-body ul li:nth-last-child(-n + 2) {
	margin-bottom: 0px;
}

.tablive_modal .modal-modal .nav-item button {
	background: transparent;
	border-right: 1px solid #e4e4e4 !;
	color: #000;
	font-family: var(--font2);
	font-size: 14px;
	font-weight: 600;
}

.tablive_modal .nav-tabs {
	border-right: 1px solid #dee2e6 !important;
}

.tablive_modal .nav-tabs .nav-item .nav-link {
	background-color: #fafafa;
	color: var(--color7);
	font-family: var(--font2);
	font-size: 14px;
	display: block;
	width: 100%;
	text-align: left;
	padding: 15px 25px;
	border: 0 !important;
	border-left: 2px solid var(--color3) !important;
	border-bottom: 1px solid #dee2e6 !important;
}

.tablive_modal .nav-tabs .nav-item .nav-link.active {
	background-color: #d2f0ff;
	border-left: 2px solid var(--color2) !important;
}

.other_resources {
	border: 1px solid #dfe2e1;
	border-radius: 0.5rem;
}

.other_resources button {
	background-color: transparent;
	color: var(--color7) !important;
	font-family: var(--font2) !important;
	display: block;
	width: 100%;
	text-align: left;
	padding: 15px 20px !important;
	font-size: 14px !important;
	font-weight: 500;
	border: 0;
	border-bottom: 1px solid #dfe2e1 !important
}

.other_resources button:hover {
	border-bottom: 1px solid #dfe2e1 !important;
	background-color: #f8f8f8 !important;
}

.other_resources button.active {
	background-color: var(--color1) !important;
	border-color: var(--color1) !important;
	color: var(--color3) !important;
	border-radius: 0rem 0rem 0 0rem;
	font-weight: 700;
}

.other_resources button:last-child {
	border-bottom: 0px !important;
}

.other_resources button:first-child.active {
	border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.other_resources button:last-child.active {
	border-radius: 0rem 0rem 0.5rem 0.5rem;
}

.table_cover table thead tr th {
	background-color: var(--color1) !important;
}

.table_cover table tr:nth-child(even) {
	background-color: #f2f2f2;
}

.table_cover table tr:hover {
	background-color: #ddd;
}

.table_cover .w-500 {
	width: 500px;
}

.table_cover table thead tr th {
	font-family: var(--font2);
	font-weight: 600;
}

.table_cover table tbody tr td {
	font-family: var(--font2);
	font-weight: 500;
	color: var(--color7);
}

.table_cover table tbody tr:hover a {
	color: var(--color2);
	text-decoration: underline;
}

.other_useful_section [data-bs-toggle="collapse"][aria-expanded="false"] .uil-angle-right-b {
	transition: 0.3s ease;
	transform: rotate(270deg);
}

.other_useful_section [data-bs-toggle="collapse"][aria-expanded="true"] .uil-angle-right-b {
	transform: rotate(90deg);
	transition: 0.3s ease;
}


.table_lable {
	padding: 10px 3px;
	color: var(--color3);
	border: 1px solid #dfe2e1;
	border-left: 0;
	border-right: 0;
}

.table_lable h4 {
	font-family: var(--font);
	font-size: 18px;
	margin-bottom: 0;
	font-weight: 600;
	color: #555;
}

.table_collapse .collapse_button {
	background-color: #eeeeee !important;
	color: var(--color7);
	font-family: var(--font2);
	display: block;
	width: 100%;
	text-align: left;
	padding: 15px 20px !important;
	font-size: 14px !important;
	font-weight: 500;
	border: 1px solid #eeeeee !important;
	border-radius: 0.5rem !important;
}

.table_collapse .collapse_button span {
	font-size: 15px;
	font-family: var(--font2);
	font-weight: 600;
}

.table_collapse i {
	font-size: 22px;
}

.table_collapse .table_cover {
	border-radius: 0.5rem;
}

.other_useful_section nav {
	top: 60px;
}

.other_resources_content p {
	margin-bottom: 5px;
}


/* .shorts_home_widget{
	background:url('../../public/images/Top-shorts.svg') 0 0 no-repeat;
	height: auto;
	width: 400px;
	padding: 24px 20px;
	position: relative;
	margin: 20px 0 80px;
} */


/*  
.table_content {
	padding:30px 0px;
	clear:both;
	background-image:  linear-gradient(86deg, #F0F8FF 1.71%, #FFFCEF 99.56%);
}
.table_content h4{
	font-family: var(--font3);
	font-weight: 700;
	font-size:25px;
	margin-bottom:40px;
}

.table_content .service-item {
    position: relative;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}
.table_content .service-image figure{
	border-radius: 30px;
	overflow: hidden;
}
.table_content .service-image img {
    width: 100%;
    aspect-ratio: 1 / 1.24;
    object-fit: cover;
    border-radius: 30px;
    transition: all 0.4s ease-in-out;
}
.table_content .service-item:hover .service-image img{
	transform: scale(1.1);
}
.table_content  .image-anime{
	position: relative;
	overflow: hidden;
}

.table_content .image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.table_content  .image-anime:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}
.table_content .service-body {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 15px;
    overflow: hidden;
    padding: 20px;
}
.table_content .service-body::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #14202E;
    opacity: 20%;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.table_content .service-content {
    position: relative;
    z-index: 1;
}
.table_content .service-content h3 {
     text-transform: capitalize;
    color: var(--white);
    margin-bottom: 10px;
	font: 600 20px/1.5 var(--font4);
}
.table_content .service-content p {
    color: var(--white);
    margin: 0;
	font: 500 15px/1.5 var(--font4);
}
.table_content .readmore-btn {
    display: inline-block;
    background-color: var(--color3);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
.table_content .service-btn{
	position: relative;
	opacity: 0;
	visibility: hidden;
	height: 0;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.table_content .service-item:hover .service-btn{
	opacity: 1;
	visibility: visible;
	margin-top: 20px;
	height: 50px;
} */


/* -----------author-team-area css start------------- */
.author-team-area {
	padding: 40px 0;
}

.author-heading {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 2px solid #666;
	min-height: 1.9375rem;
	position: relative;
}

.author-heading::before {
	content: '';
	position: absolute;
	left: 0;
	width: 31%;
	height: 2px;
	bottom: -2px;
	background: #033e93;
}

.author-heading h2 {
	font-size: 22px;
	font-weight: 700;
	font-family: var(--font3);
	display: inline-block;
	color: var(--color7);
	text-transform: capitalize;
}

.author-heading .back-arrow {
	color: var(--color2);
	font-size: 16px;
	font-weight: 600;
	font-family: var(--font3);
}

.author-box {
	background: #fff;
	border-radius: 4px;
	box-shadow: var(--boxshadow);

	padding: 25px;

	margin-bottom: 30px;
}

.author-img img {
	max-width: 100%;

	width: 170px;

	height: auto;
	object-fit: cover;
	border-radius: 0;
	margin: 0 auto;
	display: block;
	border: 5px solid #e5e5e5;
}

.author-social-icon {
	text-align: center;
	margin: 10px;
}

.author-social-icon a {
	width: 35px;
	height: 35px;
	background: var(--color2);
	line-height: 35px;
	display: inline-block;
	border-radius: 30px;
	margin-right: 3px;
}

.author-social-icon a i {
	color: #fff;
}

.author-description h3 {
	font-size: 20px;
	font-family: var(--font3);
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 25px;
	color: var(--color7);
}

.author-description h4 {
	font-size: 16px;
	font-weight: 600;
	font-family: var(--font2);
	margin: 5px 0 10px;
	color: var(--color2);
}

.author-description p {
	font-size: 16px;
	font-weight: 400;
	font-family: var(--font2);
	color: var(--color7);
	line-height: 28px;

	text-align: justify;
}

.contributing-btn {
	text-align: center;
}

.contributing-btn a {
	background: var(--color2);
	padding: 12px 15px;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	font-family: var(--font2);
	letter-spacing: .4px;
}

.maintance-area {
	padding: 40px 0;
}

.maintenance-test {
	text-align: center;
}

.maintenance-test p {
	font-size: 16px;
	font-family: var(--font2);
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 30px;
}

.maintenance-test a {
	background: var(--color2);
	padding: 10px 20px;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .4px;
}

.ai_listing_section .sectore_info p {
	font-size: 12px;
	font-family: var(--font2);
	line-height: 30px;
	display: inline;
}

.ai_listing_section .sectore_info ul {
	margin-bottom: 0;
}

.ai_listing_section .sectore_info ul li {
	margin: 2px 0;
	font-size: 12.5px;
	font-weight: 500;
	font-family: var(--font2);
	line-height: 23px;
	margin-left: 30px;
	color: #000;
}

.tablive_logo {
	max-width: 100%;
	width: 215px;
	height: 40px;
	margin-bottom: 10px;
}


/* ---------------directories page css---------------------------- */

.direc-page-area {
	padding: 40px 0;
	background-color: var(--color3);
}

.direc-page-area .directories-heading {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 2px solid #666;
	min-height: 1.9375rem;
	position: relative;
}

.direc-page-area .directories-heading h2 {
	font-size: 22px;
	font-weight: 700;
	font-family: var(--font3);
	display: inline-block;
	color: var(--color7);
	text-transform: capitalize;
}

.direc-page-area .directories-heading::before {
	content: '';
	position: absolute;
	left: 0;
	width: 10%;
	height: 2px;
	bottom: -2px;
	background: #033e93;
}

.direc-page-area .direct-box {
	border: 0px solid #fff;
	padding: 15px;
	border-radius: 0px;
	background-color: var(--white);

	position: relative;
	margin-bottom: 25px;
	border: 1px solid #cac8c8;
}

.direc-page-area .direct-box:hover .direct-text h4 {
	color: var(--color2);
}

.direct-box .direct-img {
	overflow: hidden;
}

.direct-box .direct-img img {
	margin-top: 0px;
	overflow: hidden;
	/* max-height: 180px; */
	height: auto;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width: 100%;
	padding: 1px;
	border: 1px solid #ddd;
}

.direct-box:hover {
	-webkit-box-shadow: var(--boxshadow);
	box-shadow: var(--boxshadow);
}

.direc-page-area .direct-text {
	padding: 15px 10px;
}

.direc-page-area .direct-text h4 {
	font-size: 17px;
	font-family: var(--font3);
	font-weight: 700;
	margin: 5px 0 0px;
	min-height: 50px;
	text-align: center;
	line-height: 25px;
}

.direc-page-area .direct-text p {
	font-size: 14px;
	color: #000;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-wrap: break-word;
	line-height: 27px;
	font-family: var(--font2);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 5px;
}


/* --------------create password css start------------- */
.restpassword {
	padding: 40px 0px;
}

.restpassword-card .card {
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
	border-radius: 8px;
}

.restpassword-card .card-header {
	padding: 18px 16px 18px 18px;
	font-size: 17px;
	line-height: 24px;
	font-weight: 700;
	border: 0px;
	border-radius: 8px !important;
	text-align: left;
	background: var(--white);
}

.restpassword-card .card-header h2 {
	font-family: var(--font3);
	font-weight: 700;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 0;
}

.restpassword-card .card-body {
	border-top: 1px solid #ccc;
	padding: 15px;
	border-bottom: 1px solid #ccc;
}

.restpassword-card .card-body p {
	color: var(--black);
	font-size: 14px;
	font-family: var(--font2);
	font-weight: 500;
	line-height: 24px;
}

.restpasswordinput .form-control {
	box-shadow: none;
	height: 45px !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.63;
	border-radius: 4px;
	border: 1px solid #e0e1e2;
	color: #242c42;
	box-shadow: none;
	margin-bottom: 05px;
	font-family: var(--font2);
	letter-spacing: 0;
}

.restpasswordinput {
	position: relative;
}

#toggle_pwd {
	position: absolute;
	right: 10px;
	top: 17px;
	font-size: 13px;
	cursor: pointer;
}

#toggles_pwd {
	position: absolute;
	right: 10px;
	top: 17px;
	font-size: 13px;
	cursor: pointer;
}

.restpassword-card .card-footer {
	background: var(--color3);
	border-radius: 8px;
	border: 0;
}

.restpassword-card .float-right {
	float: right;
}

.restpassword-card .btn-cancel {
	background-color: #e4e6eb;
	border-color: #e4e6eb;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	line-height: 32px;
	margin-left: 8px;
	font-family: var(--font2);
	padding: 3px 15px;
	color: #4B4F56;
	box-shadow: none;
}

.restpassword-card .btn_restpasswordbtn {
	background-color: #0f6fec;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	line-height: 32px;
	margin-left: 8px;
	font-family: var(--font2);
	padding: 3px 15px;
	color: #fff;
	margin-bottom: 0px;
}

/* --------------create password css end------------- */

/* --------------Site Map css start------------- */
.sitemap_section {
	padding: 50px 0px;
	clear: both;
}

.sitemap_section .sitemap_title h3 {
	font: 700 20px/1.5 var(--font3);
}

.sitemap_section .site_map .collapse_links {
	width: 100%;
	background-color: #eeeeee !important;
	color: var(--color7);
	font-family: var(--font2);
	text-align: left;
	padding: 15px 20px !important;
	font-size: 14px !important;
	font-weight: 500;
	border: 1px solid #eeeeee !important;
	border-radius: 0.5rem !important;
}

.sitemap_section .site_map .collapse_links span {
	font: 700 17px/1.5 var(--font3);
}

.sitemap_section .sitemap_list {
	padding: 0px;
	margin: 0px;
}

.sitemap_section .sitemap_list li {
	list-style: none;
	position: relative;
	padding-left: 35px;
	border-bottom: 1px dashed #eeeeee;
	margin-bottom: 10px;
}

.sitemap_section .sitemap_list li:last-child {
	border-bottom: 0px;
}

.sitemap_section .sitemap_list li::before {
	position: absolute;
	content: '\eb43';
	font-family: "unicons-line";
	top: -17px;
	left: 0px;
	color: var(--color10);
	font-size: 30px;
}

.sitemap_section .sitemap_list li a,
.program_links a {
	font: 600 13px/1.5 var(--font2);
	color: var(--color7);
	display: block;
	margin-bottom: 10px;
	transition: 0.5s ease-in-out;
}

.sitemap_section .sitemap_list li a:hover,
.program_links a:hover {
	color: var(--color1);
	padding-left: 5px;
	transition: 0.5s ease-in-out;
}

.joblink a {
	font: 700 17px/1.5 var(--font3);
	color: var(--color10);
	padding-left: 25px;
}

.site_map .title {
	font: 600 14px / 1.5 var(--font2);
	background-color: var(--color7);
	padding: 5px 20px;
	color: var(--color3);
	border-radius: 3px;
	margin-bottom: 20px;
}

.site_map .title a {
	color: var(--color3);
}

article.articel-content div {
	color: var(--color7);
	font-family: var(--font2);
	font-size: 15px;
	line-height: 33px;
	text-align: left;
	margin-bottom: 0.5rem;
}

.reports_forms {
	padding: 50px 0px;
}

.reports_forms .modal-content {
	border-radius: 30px;
	overflow: hidden;
}

.reports_forms .boder-cover {
	border: 3px solid #cbcbcb;
	border-radius: 30px;
	overflow: hidden;
}

.bg-popup-banner {
	background-image: url('https://www.theasianbanker.com/public/images/bg-rent.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	border-radius: 0px 0px 0px 0px;
}

#fis-slider img {
	width: 280px;
	margin: 0 auto;
	border-radius: 10px !important;
	object-fit: contain;
	overflow: hidden;

}

.intro-title h2 {
	font: 700 25px / 1.5 var(--fontnew);
	color: var(--color9);
}

.intro-content p {
	font: 400 16px/27px var(--fontnew);
	color: var(--color9);
}

.intro-content-list ul {
	padding: 0px;
	margin: 0px;
}

.intro-content-list ul li {
	list-style: none;
	position: relative;
	font: 400 15px/27px var(--fontnew);
	padding-left: 30px;
	margin-bottom: 10px;
}

.intro-content-list ul li span {
	font-weight: 600;
}

.intro-content-list ul li::before {
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	background: #0F1729;
	width: 7px;
	height: 7px;
	border-radius: 5px;
}

.banner-details h3 {
	color: #0F1729;
	font: 700 24px/1.1 var(--fontnew);
}

.banner-details p {
	color: #0F1729;
	font: 400 16px/1.5 var(--fontnew);
}

.form-section h3 {
	color: #0F1729;
	font: 700 24px/1.1 var(--fontnew);
	margin: 20px 0px 30px 0px;
}

.form-section label {
	color: #0F1729;
	font: 500 14px/1.1 var(--fontnew);
	margin-bottom: 10px;
}

.form-section .form-control,
.form-section .form-select {
	color: #0F1729;
	font: 500 15px/1.1 var(--fontnew);
	height: 45px;
	box-shadow: none;
	outline: none;
	border: 1px solid #e0e1e2;
	border-radius: 0.375rem;
}

.form-section .form-control:focus,
.form-section .form-select:focus {
	border-color: #0F1729;
}

.form-section .form-btn .btn-primary {
	background-color: #0F1729;
	color: #fff;
	font: 500 15px/1.1 var(--fontnew);
	border-radius: 5px;
	box-shadow: none;
	border-color: #0F1729;
	padding: 13px 30px;
}

.form-section .form-check label {
	color: #0F1729;
	font: 500 14px/1.3 var(--fontnew);
	margin-bottom: 10px;
}

.form-section .form-check label a {
	color: #1f63a7;
}

.alert-form-sucess {
	font-weight: 600;
	font-size: 14px;
	font-family: var(--fontnew);
	border: 1px solid #d1fae5;
	padding: 5px 15px;
	border-radius: 0.25rem;
	background-color: #d1fae5;
}

.alert-form-sucess a {
	color: #10b981;
}

.reports_forms .form-group .error,
.reports_forms .form-check .error {
	font: 500 12px/1.3 var(--fontnew);
	color: #ee0101;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.reports_forms .form-group input.error,
.reports_forms .form-group select.error {
	border-color: #ee0101;
}

.reports_forms .btn-close {
	background-color: #D9D9D9;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	right: 11px;
	z-index: 9;
	box-shadow: none;
	outline: none;
	opacity: 1;
	top: 10px;
}

/* --------------Site Map css end------------- */

/* -----------accept cookies policy css--------------------  */
.cookies .cookies-text {
	font: 500 13px/1.5 var(--font4)
}

.cookies .btn-primary {
	font: 500 14px/1.5 var(--font4);
	letter-spacing: 1px;
}

@keyframes slideUp {
	from {
		transform: translateY(100%);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.slide-up {
	animation: slideUp 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

/* -------------news letter -------------- */
.news-letter-area {
	padding: 15px;
	--bgcolornew: #fff7f1;
	background: var(--bgcolornew);
	/* box-shadow: 0 1px 3px 0 rgba(0,0,0,.26); */
	border-radius: 10px;
}

.news-letter-box {
	padding: 20px;
	border: 0.5px dashed #cd8f92;
	border-radius: 0px;
}

.news-icon img {
	max-width: 100%;
	width: 100px;
	height: 100px;
	margin: 0 auto 20px;
	display: block;
}

.submitted-message p {
	font-size: 13px;
	text-align: center;
	font-family: 'Roboto';
}

.hs-form-f2d88b15-0e2d-4012-a6be-7bc628004b93_27e8881f-e67e-427b-8678-ea26753ad0a1 .hs-button {
	display: block !important;
	width: 100% !important;
	background-color: #b0162f !important;
	border-color: #b0162f !important;
	font-size: 15px !important;
	font-family: 'Roboto' !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
}

.news-letter-box h4 {
	text-align: center;
	font-family: var(--font4);
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 20px;
}

.tabpayment_conference {
	padding: 50px 0px;
}

.tabpayment_title a i {
	font-size: 20px;
}

.tabpayment_title .title h3 {
	font: bold 20px/1.5 var(--font3)
}

.tabpayment {
	box-shadow: var(--boxshadow);
}

.tabpayment_conference .img-thumbnail-video {
	width: 200px;
	height: auto;
	border-radius: 8px;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	object-fit: contain;
}

.tabpayment_conference .img-thumbnail-video img {
	border-radius: 0.5rem;
}

.video_details h3 {
	font-size: 18px;
	font-family: var(--font3);
	font-weight: bold;
	line-height: 26px;
	margin: 0px 10px 0px 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.payment_video_wigiet:hover h3 a {
	color: var(--color2);
}

.payment_video_wigiet {
	padding: 15px;
	border-radius: 0px;
	margin-bottom: 10px;
}

.tabpayment .price {
	font-family: var(--font3);
}

.payment_video_wigiet:hover {
	background-color: #f5f5f5;
	border-radius: 20px;
}

.payment_form .form-lable {
	font: bold 15px / 1.5 var(--font3);
	margin-bottom: 10px !important;
}

.payment-save-btn button {
	background-color: var(--color6);
	color: var(--color5);
	border-radius: 8px;
	font: 600 18px/1.5 var(--font3);
	padding: 10px 20px;
}

.payment-save-btn button:hover {
	background-color: var(--color10);
	color: var(--color5);
}

.payment_form .form-label {
	font-family: var(--font3);
	font-weight: 600;
	margin-bottom: 10px !important;
}

.payment_form .form-control {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.63;
	border-radius: 10px;
	border: 1px solid #e0e1e2;
	color: var(--color7);
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: 0;
	font-family: var(--font3);
	padding: 10px 20px;
	box-shadow: var(--boxshadow);
}

.conferences_status {
	padding: 50px 0px;
	clear: both;
}

.conferences_status .status-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
}

.conferences_status .status-icon .success,
.conferences_status .status-icon .failed {
	color: #21c55e;
	width: 200px;
	height: 200px;
}

.conferences_status .status-icon .failed {
	color: #ef4444;
}

.conferences_status .card {
	box-shadow: var(--boxshadow);
	padding: 20px;
	border-radius: 25px;
}

.conferences_status .status-title {
	text-align: center;
	font: 800 25px / 1.5 var(--font2);
	margin-bottom: 10px;
	color: #1f2937;
}

.conferences_status .status-message {
	text-align: center;
	margin-bottom: 16px;
	font: 500 15px/24px var(--font2);
}

.conferences_status .detail-label {
	font: 600 15px/28px var(--font2);
	margin-bottom: 10px;
	display: block;
	color: #6b7280;
}

.conferences_status .detail-value {
	font: 600 15px/28px var(--font2);
	margin-bottom: 10px;
	display: block;
	color: #1f2937;
}

.timecounter {
	right: 30px;
	width: 30px;
	height: 30px;
	background: #ddd;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 30px;
	font-family: var(--font2);
	font-weight: 700;
}

@keyframes scaleIn {
	from {
		transform: scale(0);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}


/* quick read AI  css Start */

.quick-read-card {
	position: relative;
	padding: 15px 20px 10px 20px;
	border-radius: 15px;
	margin: 0 auto;
	background: #fff;
	z-index: 1;
	overflow: hidden;
}

.quick-read-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 2px;
	border-radius: 15px;
	background: linear-gradient(90deg, #c938e3, #4a41fb, #b46fff);
	background-size: 300% 100%;
	animation: borderAnim 4s linear infinite;
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	z-index: -1;
}

@keyframes borderAnim {
	0% {
		background-position: 0% 50%;
	}

	100% {
		background-position: 100% 50%;
	}
}

.quick-read-title {
	font: 600 15px/1.1 var(--fontnew);
	background: linear-gradient(90deg, #c938e3, #4a41fb, #b46fff);
	background-size: 300% 100%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textGradientAnim 4s linear infinite;
	display: inline-block;
}

@keyframes textGradientAnim {
	0% {
		background-position: 0% 50%;
	}

	100% {
		background-position: 100% 50%;
	}
}

.quick-read-list li {
	list-style: none;
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
	font: 500 15px/1.5 var(--fontnew);
	color: #101010;
	opacity: 0;
}

.quick-read-list li:last-child {
	margin-bottom: 0;
}

.quick-read-list li::before {
	background: #a45fff;
	border-radius: 50%;
	content: '';
	height: 5px;
	left: 5px;
	position: absolute;
	top: 8px;
	width: 6px;
}

.quick-read-card .chevron-up {
	cursor: pointer;
	transition: transform 0.3s ease;
	margin-top: 10px
}

.quick-read-card .chevron-up.rotate {
	transform: rotate(180deg);
}

.quick-read-card .slide-toggle {
	overflow: hidden;
	transition: max-height 0.4s ease;
	max-height: 1000px;
}

.quick-read-card .slide-toggle.hidden {
	max-height: 0;
}

.quick-read-card .subtitle {
	margin: 0;
	padding: 0;
	font-size: 14px !important;
	font-family: var(--fontnew);
	font-weight: 500 !important;
}

.quick-read-card .summary-list li {
	opacity: 0;
}

.feedback_form .form-control {
	color: #101010;
	font: 600 13px / 1.1 var(--fontnew);
	height: 45px;
	box-shadow: none;
	outline: none;
	border: 1px solid #e0e1e2;
	border-radius: 0.375rem;
	padding: 11px 15px;

}

.feedback_form .form-control:focus {
	border: 1px solid #101010;
	box-shadow: 0 0 0 3px white, 0 0 0 5px #a1a1aa;
}

.feedback_form textarea {
	min-height: 100px !important;
	resize: vertical;
}

.feedback_form .form-group .error-label {
	font: 500 12px / 1.5 var(--fontnew);
	margin-top: 0px;
	color: #ee0101;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.feedback_form .form-group input.error-label {
	border-color: #ee0101;
}

.feedback_form .file-name-span {
	font-size: 13px;
	color: #101010;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: var(--fontnew);
	font-weight: 600;
	width: 240px;
}

.feedback_form .upload-label {
	display: flex;
	align-items: center;
	border: 1px solid #cdd8e6;
	border-radius: 5px;
	padding: 10px;
	justify-content: space-between;
	cursor: pointer;
	position: relative;
	height: 45px;
	margin: 0;
}

.feedback_form .upload-label input[type="file"] {
	display: none;
}

.feedback-form .modal-header {
	padding: 1rem 1rem;
}

.feedback-form .modal-title {
	font: 700 20px / 1.5 var(--fontnew);
	letter-spacing: 1px;
}

#chooseFile {
	background-color: #101010;
	color: #fff;
	border: none;
	padding: 5px 12px;
	cursor: pointer;
	width: auto;
	border-radius: 5px;
	font: 500 13px/ 1.5 var(--fontnew);
}

.feedback_form .file-accept,
.feedback_form .char-counter {
	color: #4c4c4c;
	font: 500 12px/1.5 var(--fontnew);
}

.submit-feedback button {
	font: 500 14px/1.5 var(--fontnew);
	background-color: #101010 !important;
	color: #ffffff !important;
	border: 1px solid #101010 !important;
	padding: 10px 40px;
	border-radius: .25rem;
}

.feedback-text {
	font: 500 0.8rem/.15 var(--fontnew)
}

.feedback-text a {
	color: #4c4c4c;
	text-decoration: none;
	font: 600 13px / 1.5 var(--fontnew);
}

.feedback-text a:hover {
	color: var(--color2);
}


/* quick read AI  css End */


.search-result-blog {
	border-bottom: 1px dashed #dbdada;
}

.search-result-blog:last-child {
	border-bottom: 0;
}

.article-img img {
	width: 250px;
	height: auto;
	object-fit: contain;
	border-radius: 1rem;
}

.articel_result_text h4 a {
	font: 700 20px/1.5 var(--fontnew);
	color: #343a40;
	margin-bottom: 0;
	text-decoration: none;
}

.articel_result_text h4:hover a {
	color: #033e93;
}

.articel_result_text p {
	word-wrap: break-word;
	min-height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	font: 400 14px/22px var(--fontnew);
	text-align: justify;
	color: #5f6368;

}

.author-details::after {
	content: '';
	width: 2px;
	height: 18px;
	position: absolute;
	right: -12px;
	top: 7px;
	background: #7c7c7c;
}

.author_name a {
	text-decoration: none;
	color: #7c7c7c;
	font: 500 13px/1.5 var(--fontnew);
}

.search-date .artice_x_date {
	font: 500 13px/1.5 var(--fontnew);
	color: #7c7c7c;
}


.advance-search .pagination {
	justify-content: center;
	align-items: center;
}

.advance-search .pagination a {
	width: 35px;
	height: 35px;
	font: 600 15px/30px var(--fontnew);
	text-align: center;
	border-radius: 5px;
	margin: 5px;
}

.advance-search .pagination:last-child a {
	width: 54px;
}

.advance-search .pagination li a {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 5px;
	margin: 5px 0px 5px 0px;
	padding: 7px 0px;
	border: 1px solid #ddd;

	font: 600 15px/20px var(--fontnew);
	text-align: center;
}

.advance-search .pagination li.active a {
	border-color: #033e93;
}


.become-a-contributor .progress-container {
	margin-bottom: 40px;
}

.become-a-contributor .card {
	/* background-image: url('https://www.theasianbanker.com/public/images/bg-rent.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat; */
	width: 100%;
	height: 100%;
	border-radius: 20px;
	border: 2px solid #cbcbcb;
	overflow: hidden;
}

.become-a-contributor .progress-line {
	position: absolute;
	top: 20px;
	left: 0;
	height: 2px;
	background: #0F1729;
	transition: width 0.3s ease;
	z-index: 1;
}

.become-a-contributor .step.completed .step-circle {
	background: #0F1729;
	border-color: #0F1729;
	color: white;
}

.become-a-contributor .progress-steps {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 30px;
	margin-top: 15px;
}

.become-a-contributor .progress-steps::before {
	content: '';
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	height: 2px;
	background: #e0e0e0;
	z-index: 0;
}

.become-a-contributor .step {
	position: relative;
	z-index: 2;
	text-align: center;
	flex: 1;
}

.become-a-contributor .step-circle {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: white;
	border: 2px solid #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
	font-weight: 600;
	color: #999;
	transition: all 0.3s ease;
	font: 600 16px/1.5 var(--fontnew);
}

.become-a-contributor .step.active .step-circle {
	border-color: #0F1729;
	background: #0F1729;
	color: white;
	box-shadow: 0 0 0 4px #0f1729bd;
}

.become-a-contributor .step-label {
	font: 700 13px/1.5 var(--fontnew);
	color: #999;

}

.become-a-contributor .step.active.step-label {
	color: #0F1729;
}

.become-a-contributor .completed .step-label {
	color: #0F1729;
}

.become-a-contributor .form-titles{
	font: 700 24px/1.5 var(--fontnew);
	margin-top: 10px;
	margin-bottom: 20px;
}
.become-a-contributor .form-step .form-titles {
	font: 700 20px/1.5 var(--fontnew);
	margin-bottom: 20px;
}

.become-a-contributor .option-card {
	border: 2px solid #e0e0e0;
	border-radius: 12px;
	padding: 20px;
	background: var(--color3);
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	height: 100%;
	min-height: 200px;
}

.become-a-contributor .option-card.active {
	border-color: #0f1729;
	background: #f8f9fa;
	/* box-shadow: 0 3px 10px rgb(255 228 132 / 83%); */
}

.become-a-contributor .option-card input[type="radio"] {
	top: 18px;
	left: 15px;
	width: 15px;
	height: 15px;
	cursor: pointer;
	content: "";
	position: absolute;
	border-radius: 100%;
	-webkit-box-shadow: 0px 0px 0px 2px #0f1729;
	box-shadow: 0px 0px 0px 2px #0f1729;
}

.become-a-contributor .option-card input[type="radio"]:checked {
	background: #0f1729;
	border: 3px solid #fff;
}

.become-a-contributor .option-card:hover {
	border-color: #0f1729;
	background: #f8f9fa;
	transform: translateY(-3px);

}


.become-a-contributor .option-card h5 {
	font: 700 14px / 1.5 var(--fontnew);
	padding-left: 25px;
	cursor: pointer;
}

.become-a-contributor .option-card ul li {
	font: 500 14px/1.5 var(--fontnew);
	margin-bottom: 10px;
	list-style: disc;
}

.become-a-contributor .option-card ul li:last-child {
	margin-bottom: 0;
}

.become-a-contributor .form-step {
	display: none;
	margin-bottom: 20px;
	animation: fadeIn 0.5s;
}

.become-a-contributor .form-step.active {
	display: block;
}

.btn-container .btn-prev {
	background-color: transparent;
	color: rgb(15, 23, 41);
	font: 500 15px / 1.1 var(--fontnew);
	border-radius: 5px;
	box-shadow: none;
	border-color: rgb(15, 23, 41);
	padding: 13px 30px;
}

.btn-container .btn-next , .btn-container  .btn-submit {
	background-color: rgb(15, 23, 41);
	color: rgb(255, 255, 255);
	font: 500 15px / 1.1 var(--fontnew);
	border-radius: 5px;
	box-shadow: none;
	border-color: rgb(15, 23, 41);
	padding: 13px 30px;
	float: right;
}

.become-a-contributor .form-step p {
	font: 500 15px / 1.3 var(--fontnew);
	color: #0F1729;
}

.become-a-contributor .form-step p a {
	color: #1f63a7;
	font-weight: 600;
}
.formdata  .form-group .form-label{
	color: #0F1729;
    font: 600 14px / 1.1 var(--fontnew);
    margin-bottom: 10px;
}
.formdata .form-control, .formdata .form-select{
	color: #0F1729;
    font: 600 15px / 1.1 var(--fontnew);
    height: 45px;
    box-shadow: none;
    outline: none;
    border: 1px solid #e0e1e2;
    border-radius: 0.375rem;
}
.formdata .form-control.is-invalid{
border-color: #dc3545 !important;
box-shadow: none !important;
}
.formdata  textarea{
	height: 100px !important;
	resize: vertical;
}
.formdata .form-control:focus, .formdata .form-select:focus {
    border-color: #0F1729;
}
.formdata .form-check-inline .form-check-label{
	font:600 14px/1.5 var(--fontnew);
	color: #0F1729;
}
.formdata .form-check-inline .form-check-label a{
	color:#1f63a7;
}
.formdata .form-check-inline .form-check-input{
	border-color: #1d1d1d;
}
.formdata .invalid-feedback {
   font: 600 14px / 1.1 var(--fontnew);
}
.formdata .date_time{
	 font:600 14px/1.5 var(--fontnew);
	 color:#0F1729;
}
.summary-bullets .bullet-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 15px;
}
.summary-bullets .bullet-input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    padding: 8px 0;
    transition: border-color 0.3s ease;
}

.summary-bullets .bullet-dot {
	line-height: 1;
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    border: 1px solid #333;
    background: #333;
    border-radius: 30px;
}
.disclosure-section h5{
	font:600 15px/1.5 var(--fontnew);
	color:#0F1729;
}
.prv-details{
	background: #f8f9fa;
    padding: 20px 25px 10px 25px;
    margin-top: 20px;
    border-radius: 5px;
}
.prv-details h3{
	font: 600 17px / 1.5 var(--fontnew);
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #0f1729;
}
.prv-details  .preview-item{
	padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}
.prv-details  .preview-item:last-child {
    border-bottom: none;
}
.prv-details .preview-item  .title_prv{
    color: #666;  
	font: 600 15px / 1.5 var(--fontnew);
}
.prv-details .preview-item  span{
	font:500 14px/1.5 var(--fontnew);
	color:#0F1729;
}
.prv-details .preview-content {
    background: white;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    max-height: 300px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.form-step .alert-warning{
	background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 8px;
    padding: 15px;
    color: #856404;
    font: 500 14px / 1.5 var(--fontnew);
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateX(20px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}





.user-mention {
	display: inline-block;
	background-color: #e1f3ff;
	color: #0366d6;
	border-radius: 3px;
	padding: 0 3px;
	font-weight: 500;
	transition: background-color 0.2s;
}

/* Mention dropdown styling */
.mention-dropdown {
	position: absolute;
	background-color: white;
	border: 1px solid #e1e4e8;
	border-radius: 6px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
	width: 330px;
	max-height: 350px;
	overflow-y: auto;
	z-index: 1000;
	display: none;
}


.dropdown-header {
	
	background-color: #f6f8fa !important;
	/* border-bottom: 1px solid #e1e4e8; */
	font-weight: 600;
	font-size: 13px;
	color: #586069;
	font-family: var(--fontnew);
}

.mention-list {
	max-height: 280px;
	overflow-y: auto;
}

.mention-item {
	padding: 8px 12px;
	    font-family: var(--fontnew);
    font-weight: 500;
	display: flex;
	align-items: center;
	cursor: pointer;
	border-bottom: 1px solid #f1f1f1;
	transition: background-color 0.2s;
}

.user-avatar {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-right: 10px;
	object-fit: cover;
}

.mention-item:hover {
	background-color: #cce7ff;
	text-decoration: none;
}
.cmt-user-avatar{
	    width: 50px;
    height: 50px;

    object-fit: cover;
}
.comment-item:hover {
    border-left-color: #d4d4d8;
}
.no_data_found {

	font:500 14px/1.5 var(--fontnew);
	text-align: center;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.mention-dropdown.show {
	display: block;
	animation: fadeIn 0.2s ease forwards;
}
.nice-filter{
	    border-top: .25rem solid #000;
}
.nice-filter .niceselect_dropdown {
	max-width: 180px;
    width: 180px;
    background: #fff;
}