@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");
@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=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;0,800;0,900;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('font/headingfont.css');
@import url('font/bodyfont.css');
/* @import url('https://fonts.googleapis.com/css2?family=Faustina:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); */
@import url("../plugin/chart.css");
@import url("../plugin/login-popup.css");
@import url("../plugin/profile.css");
@import url("../plugin/subscribe.css");
@import url("../plugin/contact.css");
@import url("../plugin/error.css");
@import url('../plugin/contributors.css');
@import url("../plugin/privacy-policy.css");
@import url("../plugin/member.css");
@import url("../plugin/workshop.css");
@import url("../plugin/thankyou.css");
@import url('../plugin/payment.css');
@import url("../plugin/tablelock.css");
@import url('../plugin/share-button.css');

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
	-moz-box-sizing: border-box; /* Firefox 1 - 28 */
	box-sizing: border-box;

}

html {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}

:root {
	/* --font1: 'Copyright Klim Type Foundry'; */
	/* --font2: 'Merriweather', serif; */
	--font1: 'Publico Text';
	--font2: 'NeueHaasGroteskText Pro';	
	--font3: "Roboto", sans-serif;
	--font4: 'Lora', serif;
	--font5: 'Montserrat', sans-serif;
	--font6: 'Faustina', serif;
	--font7: 'Copyright Klim Type Foundry';
	--font8: 'Merriweather', serif;
	/* --color1: #2B3990; old color code*/
	--color1: #033E93;
	--color2: #111111;
	--color3: #ffffff;
	--color4: #959393;
	--color5: #F5F5F5;
	--color6: #033E93;
	--color7: #000000;
}

body {
	font-family: var(--font8);

}

/* .home_slider, .most_widget3{
    margin-top:25px;
} */
 .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: 200px;
    height: auto;
    display: block;
}
.pre-loader {
    width: 45px;
    height: 45px;
    border: 5px solid var(--color3);
    border-top-color: var(--color1);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}
#tabpreloader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999999;
	background-image: url('../banner/tabpre.gif');
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: center;
 }
 .attend-session-btn {
    padding: 9px 12px 7px 12px;
    border: var(--color1);
    border-radius: 3px;
    background: var(--color1) !important;
    color: var(--color3) !important;
    font-family: var(--font3);
    font-size: 15px !important;
    font-weight: 500;
    margin-top: 0px;
	cursor: pointer;
}
.addeventatc{
	visibility: visible;
    background: rgb(43 57 144) !important;
    box-shadow: none !important;
    color: rgb(255, 255, 255) !important;
    z-index: 99999 !important
}
.addeventatc .addeventatc_icon{
	filter: brightness(0) invert(1) !important;
}


.awe-body-loading {
	overflow: hidden;
}

.awe-page-loading {
	position: fixed;
	z-index: 9999999;
	background: #fff;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.awe-loading-wrapper {
	text-align: center;
	width: 250px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -80px;

}

.awe-loading-wrapper .awe-loading-icon {
	line-height: 1;
	margin-bottom: 10px;
	-webkit-animation-name: aweIcon;
	animation-name: aweIcon;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

.awe-loading-wrapper .awe-loading-icon img {
	width: 100%;
}

.awe-loading-wrapper .awe-loading-icon .icon {
	cursor: default;
}

.awe-loading-wrapper .progress {
	background: #eee;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	position: relative !important;
	height: 3px;

}

.awe-loading-wrapper .progress .progress-bar {
	background: var(--color1);
	box-shadow: none;
	width: 100%;
	-webkit-animation-name: aweProgress;
	animation-name: aweProgress;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}


.lsm-icon {
	position: fixed;
	top: 20%;
	left: 0px;
	width: auto;
	transition: all linear 0.2s;
	z-index: 99999;

}

.lsm-icon ul li {
	list-style: none;
}

.lsm-icon .lsm-facebook {
	border: 1px solid #3c5a98;
	padding: 8px 19px;
	background: #3c5a98;
	color: #fff;
	transition: .15s ease-in;
	position: relative;
}

.lsm-icon .lsm-facebook:hover {
	color: #fff;
	padding: 8px 25px;
}

.lsm-wechat {
	border: 1px solid #2dc100;
	padding: 8px 14px;
	background: #2dc100;
	color: #fff;
	transition: .15s ease-in;
	position: relative;
}

.lsm-wechat:hover {
	color: #fff;
	padding: 8px 25px;
}

.lsm-twitter {
	border: 1px solid #1da1f2;
	padding: 8px 15px;
	background: #1da1f2;
	color: #fff;
	transition: .5s ease-in;
	position: relative;
}

.lsm-twitter:hover {
	color: #fff;
	padding: 8px 25px;
}

.lsm-linkedin {
	border: 1px solid #0077b5;
	padding: 8px 16px;
	background: #0077b5;
	color: #fff;
	transition: .5s ease-in;
	position: relative;
}

.lsm-linkedin:hover {
	color: #fff;
	padding: 8px 25px;
}

.lsm-whatsapp {
	border: 1px solid #4dc247;
	padding: 8px 15px;
	background: #4dc247;
	color: #fff;
	transition: .5s ease-in;
	position: relative;
	font-size: 18px;
}

.lsm-whatsapp:hover {
	color: #fff;
	padding: 8px 25px;
}

.lsm-email {
	border: 1px solid #848484;
	padding: 8px 14px;
	background: #848484;
	color: #fff;
	transition: .5s ease-in;
	position: relative;
	font-size: 18px;
}

.lsm-email:hover {
	color: #fff;
	padding: 8px 25px;
}

.lsm-plus {
	border: 1px solid #ff6651;
	padding: 8px 15px;
	background: #ff6651;
	color: #fff;
	transition: .5s ease-in;
	position: relative;
	font-size: 18px;
}

.lsm-plus:hover {
	color: #fff;
	padding: 8px 25px;
}

.lsm-left {
	color: #ccc;
	margin-left: 42px;
}

.lsm-left:hover {
	color: #ccc;
}

.lsm-right {
	color: #ccc;
}

.lsm-right:hover {
	color: #ccc;
}

#so-open {
	position: fixed;
	top: 20%;
	left: -90px;
	border-radius: 0 30px 30px 0;
	transition: all linear 0.2s;
}

.so-collapse {
	left: -60px;
	transition: all linear 0.2s;
}

.s-item {
	padding: 0px 40px;
	cursor: pointer;
}

.border-radious5 img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.so-collapse .s-item {
	padding: 0px 05px;
}

@-webkit-keyframes aweIcon {
	0% {
		color: #333;
	}

	50% {
		color: #666;
	}

	100% {
		color: #000;
	}
}

@-moz-keyframes aweIcon {
	0% {
		color: #333;
	}

	50% {
		color: #666;
	}

	100% {
		color: #000;
	}
}

@keyframes aweIcon {
	0% {
		color: #333;
	}

	50% {
		color: #666;
	}

	100% {
		color: #000;
	}
}

@-webkit-keyframes aweProgress {
	0% {
		width: 0%;
	}

	15% {
		width: 15%;
	}

	25% {
		width: 35%;
	}

	35% {
		width: 50%;
	}

	50% {
		width: 75%;
	}

	65% {
		width: 85%;
	}

	100% {
		width: 100%;
	}
}

@-moz-keyframes aweProgress {
	0% {
		width: 0%;
	}

	15% {
		width: 15%;
	}

	25% {
		width: 35%;
	}

	35% {
		width: 50%;
	}

	50% {
		width: 75%;
	}

	65% {
		width: 85%;
	}

	100% {
		width: 100%;
	}
}

@keyframes aweProgress {
	0% {
		width: 0%;
	}

	15% {
		width: 15%;
	}

	25% {
		width: 35%;
	}

	35% {
		width: 50%;
	}

	50% {
		width: 75%;
	}

	65% {
		width: 85%;
	}

	100% {
		width: 100%;
	}
}
.mfixed{
    position:fixed;
    z-index: 9999;
    width:100%;
}
/* #home_slider,
.sm-mt30 {
	margin-top: 25px;
} */

#home_slider .owl-prev {
	/* display: block !important; */
	position: absolute;
	left: 0;
	top: 45%;
	width: 45px;
	height: 45px;
	background: #0d4d9f;
	/* display: flex !important; */
	align-items: center;
	padding: 18px 12px;
	color: var(--color3);
	font-size: 50px;
	display: none !important;
	border-radius: 0 30px 30px 0;
	line-height: 0px;
	margin: 0;
}

#home_slider .owl-next {
	/* display: block !important; */
	position: absolute;
	right: 0;
	top: 45%;
	width: 45px;
	height: 45px;
	background: #0d4d9f;
	/* display: flex !important; */
	align-items: center;
	padding: 18px 12px;
	color: var(--color3);
	font-size: 50px;
	line-height: 0px;
	display: none !important;
	border-radius: 87px 10px 10px 87px;
	margin: 0px;
}

#home_slider .owl-prev i,
#home_slider .owl-next i {
	color: var(--color3);
	font-size: 25px;
}

#home_slider .owl-dots {
	/* text-align: center !important; */
	display: block !important;
	margin-bottom: 5px;
	position: absolute;
	bottom: 0;
	right: 20px;
}

#home_slider .owl-dot.active {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	transition-delay: -500ms;
	background: var(--color1) !important;
	text-align: center;
	display: inline-block;
}

#home_slider .owl-dot {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	transition-delay: -500ms;
	background: var(--color3);
	margin-left: 15px !important;
	text-align: center;
	display: inline-block;
}
#sync1 .item {
  margin: 0px;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: left;
}

#sync2 .item {
  background: #c9c9c9;
  /* padding: 10px 0px; */
  margin: 5px;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: none !important;
}

.owl-theme .owl-dots .owl-dot span {
	background: none;
}

.banner-caption {
	position: absolute;
	bottom: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 0;
	left: 0;
	text-transform: capitalize;
	z-index: 20;
}

.banner-caption::before {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	content: "";
	background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.01) 0%, black 100%);
}

.banner-caption span {
	display: block;
	color: #3464E0;
	font-size: 35px;
	text-align: left;
	font-family: var(--font2);
	z-index: 10;
}

.banner-caption h1 {
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	font-family: var(--font2);
	text-align: left;
}

.post-thumb {
	height: auto;
	width: 100%;
	overflow: hidden;
	position: absolute !important;
	color: #fff;
	/* padding: 15px; */
	bottom: 0;
}

.post-thumb::before {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left:0px;
	content: "";
	background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.01) 0%, black 100%);
}
#sync2 .item{
    position: relative
}
/* #sync2 .active.current .item:before {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    content: "";
    right: 0;
    left: 0;
    width: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 2
} */
/* #sync2 .active.current .item:after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, .4)
} */


/* #digital-finance .owl-carousel .owl-item img {
	transform-style: initial;
	height: 100%;
	object-fit: cover;
}

#digital-finance .owl-thumb-item img {
	width: 150px;
	height: auto;
}

#digital-finance .owl-thumbs {
	position: absolute;
	top: 00px;
	left: 0;
	display: table;
	width: 100%;
	text-align: center;
	padding: 5%;
}

#digital-finance .owl-thumb-item {
	display: table-cell;
	border: none;
	background: none;
	padding: 0;
	opacity: .4;
}

#digital-finance .owl-thumb-item.active {
	opacity: 1;
} */
#sync2 .item{
	border: none;
	background: none;
	padding: 0;

	position: relative;
}

#sync2 .synced .item{

	position: relative;
  }
  #sync2 .synced .item::before{
	border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 20px 20px 0;
    content: "";
    right: 0;
    left: 0;
    width: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 2
  }
  #sync2 .synced .item::after{
	content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, .4)
  }
 #digital-finance .label {
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-color: #0a6cff;
	color: white;
	padding: 10px 20px;
	z-index: 5;
	text-align: center;
}

.post-thumb h3 {
    padding: 25px 15px 25px;
    font-size: 40px !important;
    line-height: 50px;
    margin-top: 0px;
    color: #fff;
    font-weight: 700 !important;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.46);
    font-family: var(--font2);
    position: relative;
}
.heading .widget-title {
	font-size: 20px;
	font-family: var(--font1);
	font-weight: 600;
	word-spacing: 1px;
	color: var(--color2);
	margin-bottom: 10px;
}

.padding10 {
	padding: 20px !important;
}

.single_post_text h4 {
	font-family: var(--font1);
	font-weight: 600;
	word-spacing: 1px;
	color: var(--color2);
}

.border_black_bottom {
	border-bottom: 1px dashed #dcdedf;
}

.theme-3 .post_type2_carousel .owl-nav {
	position: absolute;
	right: 0;
	top: -45px
}

.theme-3 .post_type2_carousel .owl-nav div {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	border: 1px solid #c1c4c6;
	color: #c1c4c6;
	transition: all .3s
}

.theme-3 .post_type2_carousel .owl-nav div:last-child {
	margin-left: 14px
}

.theme-3 .post_type2_carousel .owl-nav div:hover {
	background: #0D4D9F;
	border-color: #0D4D9F;
	color: var(--color3);
	transition: all .3s
}

.theme-3 .post_type2_carousel .owl-nav .owl-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	border: 1px solid #c1c4c6;
	color: #c1c4c6;
	transition: all .3s
}

.theme-3 .post_type2_carousel .owl-nav .owl-prev {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	border: 1px solid #c1c4c6;
	color: #c1c4c6;
	transition: all .3s
}

.theme-3 .post_type2_carousel .owl-nav .owl-next {
	margin-left: 14px;
}

.tab-btn {
	border: 1px solid var(--color1);
	float: right;
	color: var(--color3);
	font-family: var(--font1);
	background: var(--color1);
	text-transform: capitalize;
	font-size: 17px;
	font-weight: 500;
	box-shadow: none;
	outline: none;
}

.tab-btn:hover {
	background: transparent;
	color: var(--color2);
	border-color: var(--color2);
}

.tab-btn:focus {
	outline: none;
	box-shadow: none;
}

.heading-main {
	border-bottom: 2px solid var(--color2);
	margin-bottom: 20px;
}

.heading-main .list-title {
	/* border-bottom: 3px solid #e5e5e5; */
	margin-bottom: 0;
	padding-bottom: 7px;
	font-family: var(--font2);
	position: relative;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 10px;
	color: var(--color3);
	/* margin-bottom: -3px; */
	display: inline-block;
	font-size: 14px;
	background: var(--color2);
	position: relative;
}

h2.list-title:before {
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	bottom: 0;
	right: -16px;
	border: 0;
	border-top: 27px solid transparent;
	border-left: 16px solid var(--color2);
	margin: 0;
}

.title h4 a {
    font-size: 15px;
    color: var(--color2);
    font-family: var(--font2);
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
	min-height: 43px !important;
}
.title h4 a:hover{
	color: var(--color1) !important
}
.pt-15 {
	padding: 15px;
}

.social_cm {
	padding-left: 0px;
	margin: 0;
}
.report_icon  i{
	font-size: 18px;
}
.social-media-link {
	float: right;
}

.social_cm li {
    display: inline-block;
    margin-right: 0px;
    position: relative;
    z-index: 2;
    margin-left: 0px;
    font-size: 12px;
    font-family: var(--font2);
    font-weight: bold;
}
span.social-media-link ul li a svg {
    fill: #1091FF;
}
.social-media-link .bookmarked .bi-bookmark-fill , .social-media-link   .bi-bookmark{
	font-size:12px !important;
	cursor:pointer;
}


.social_cm li:nth-child(2) {
	/* margin-left: 24px; */
	float: right;
}

.social_cm a {
	color: #b9bcbf;
	font-size: 10px;
	font-weight: 500;
	font-family: var(--font2);
}

.post_artical {
	min-height: 350px !important;
}

.padding_x10 {
	padding: 20px 20px 10px;
}
.working_group a{
	display:block;
}
.working_group img{
	width:100%;
	margin:20px auto;
	display:block;
	text-align:center;
 }
/* .social_cm li:after {
	position: absolute;
	content: "";
	height: 12px;
	width: 2px;
	background: #b9bcbf;
	right: -12px;
	top: 50%;
	margin-top: -6px;
} */
.comment-counter {
	font-weight: 600;
	font-family: var(--font2);
	color: #262a33;
}

.social-media-link ul li a:hover {
	color: var(--color1);
}

.social_cm li a:hover {
	color: var(--color2);
}

.post_img img {
	transition: all .3s;
}

.post_img img {
	transition: all .3s;
}

.post_artical:hover .post_img img {
	transform: scale(1.1);
	transition: all .3s;
}

.para p {
	font-size: 13px;
    color: var(--color2);
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 23px;
    font-family: var(--font2);
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
	min-height: 90px;
}

.img_wrap {
	overflow: hidden;
    max-height: 150px;
    width: 100%;
}

.social-media-link .fa-facebook-f {
	color: #3b5999;
	;
}

.social-media-link .fa-twitter {
	color: #55acee;
}

.social-media-link .fa-linkedin-in {
	color: #0077B5;
}

.padd-25 {
	padding: 25px 0px;
}

.talktous ul li {

	margin-bottom: 10px;
	padding-left: 05px;
	list-style: none;
}

.talktous ul li:not(:last-child) {
	border-bottom: 1px dashed #DCDEDF;
}

.talktous ul li a {
	color: var(--color2);
	font-family: var(--font2);
	font-size: 14px;
}

/* .talktous ul li::before{
    content: '\f101';
    font-family:'Font Awesome 5 Pro';
    float: left;
    margin-left: -1.2em;
    color: var(--colro2);
} */
.talktous ul li a:hover {
	color: var(--color1);
	padding-left: 5px;
	transition: 1s;
}

.settings {
	direction: ltr;

}
.author-article ul li {
    margin-left: 20px;
    font-family: var(--font1);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    /* list-style: none; */
    margin-bottom: 8px;
}
.author-article table td {
    padding: 10px 15px;
}


@media(min-width:1200px) {
	.settings {
		display: block
	}
}

.settings-toggle {
	background: var(--color3);
	border-bottom-left-radius: .2rem;
	border-top-left-radius: .2rem;
	box-shadow: -5px 0 10px 0 rgba(0, 0, 0, .1);
	color: #000;
	cursor: pointer;
	height: 150px;
	padding: .5rem;
	position: fixed;
	right: 0;
	top: 200px;
	transition: all .1s ease-in-out;
	width: 54px;
	z-index: 10
}

.settings-toggle-option {
	background: #edf2f5;
	border-radius: .2rem;
	color: #000;
	display: block;
	font-size: .875rem;
	font-weight: 500;
	height: 34px;
	padding: .5rem;
	text-align: center;
	text-transform: uppercase;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl
}

.settings-toggle-option:hover {
	background: #e4ebf0;
	color: #000
}

.settings-panel {
	background: var(--color3);
	border-left: 0 solid transparent;
	bottom: 0;
	display: block;
	height: 100%;
	position: fixed;
	right: -475px;
	top: 0;
	transition: right .5s ease-in-out;
	width: 470px;
	z-index: 1000000;
	box-shadow: 0px 10px 15px 0px rgb(0 0 0 / 15%);
}

.settings-panel.open {
	right: 0;
}

.settings-panel.open:before {
	background: rgba(0, 0, 0, .325);
	content: "";
	height: 100%;
	left: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1
}

.settings-content {
	background: var(--color3);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: auto;
	position: relative
}

.settings-title {
	background: var(--color3);
	border-bottom: 1px solid #e2e8ee;
	color: #000;
	font-size: .875rem;
	padding: 1.35rem 1.5rem
}

.settings-title .close,
.settings-title .h4,
.settings-title h4 {
	color: #000
}

.settings-body {
	flex: 1
}

.settings-body,
.settings-footer {
	padding: 1rem 1.5rem 0px;

}

.settings-scheme:after {
	background: #3f80ea;
	border-radius: 50%;
	color: var(--color3);
	content: "✓";
	font-size: 10px;
	font-weight: 900;
	height: 16px;
	line-height: 17px;
	opacity: 0;
	position: absolute;
	right: 8px;
	top: 8px;
	width: 16px;
	z-index: 1
}

.settings-scheme-label {
	height: 0;
	opacity: 0;
	position: absolute;
	width: 0
}

.settings-scheme-label+.settings-scheme {
	border: 1px solid #dee6ed
}

.settings-scheme-label:checked+.settings-scheme {
	border: 1px solid #3f80ea;
	color: #3f80ea
}

.settings-scheme-label:checked+.settings-scheme:after {
	opacity: 1
}


.settings-button-label+.settings-button {
	background: #e2e8ee;
	border-radius: 5px;
	border-radius: .3rem;
	color: #293042;
	cursor: pointer;
	font-size: .825rem;
	padding: .35rem 1rem
}

.settings-button-label:checked+.settings-button {
	background: #3f80ea;
	color: #fff
}

.settings-button-label:checked+.settings-button:after {
	opacity: 1
}

/* .sidebar {
    background: #293042;
    direction: ltr;
    max-width: 260px;
    min-width: 260px;
    transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out
} */

.sidebar-nav {
	list-style: none;
	padding-left: 0
}

.sidebar-link,
a.sidebar-link {
	color: rgba(233, 236, 239, .5);
	cursor: pointer;
	display: block;
	font-weight: 400;
	padding: .625rem 1.625rem;
	position: relative;
	text-decoration: none;
	transition: color 75ms ease-in-out
}

.settings-title .comment-heading {
	font-family: var(--font2);
	font-weight: 700;
	margin: 0;
}

.settings-title .js-settings-toggle {
	border: 0px;
	box-shadow: none;
	cursor:pointer;
	background: transparent;
}

.settings-title p {
	font-size: 12px;
	font-family: var(--font2);
	color: var(--color4);
}

.settings-footer {
	background: var(--color5);
}

.commnet-grid {
	/* padding: 0.8125rem 1.25rem; */
	background: rgb(245, 245, 245);
	margin-bottom: 0.625rem;
}

.commnet-box {
	height: 40px;
	resize: none;
	transition: 1s;
	border-radius: 0.1875rem;
}

.commnet-box:focus {
	border-color: var(--color2);
}

.cancel_btn {
	color: var(--color1);
}

.guidline a {
	color: var(--color1);
}

.commnet-box:focus {
	height: 90px !important;
	outline: none;
	border-color: var(--color2);
	transition: 1s;
}

.btncomment {
	background: var(--color1);
	border-color: var(--color1);
	padding: 5px 14px !important;
	margin-left: 5px;
}

.btncomment:focus,
.btncomment:active {
	background: var(--color1);
	border-color: var(--color1);
}

.btncomment:hover {
	background: var(--color2);
	border-color: var(--color2);
	padding: 5px 14px !important;
	margin-left: 5px;
}

#overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(0,0,0,.5);
}

.nav-tabs {
	border-bottom: 1px solid #ccced2
}

.nav-tabs .nav-item {
	margin-bottom: -1px
}

.nav-tabs .nav-link {
	border: 2px solid transparent;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: var(--color2);
	font-weight: bold;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: #e9ecef #e9ecef #ccced2
}

.nav-tabs .nav-link.disabled {
	color: #6c757d;
	background-color: transparent;
	border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #495057;
	background-color: #fafbfe;
	border-color: #ccced2 #ccced2 #fafbfe
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.nav-tabs .nav-link {
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;

}

.nav-tabs .nav-link.active {
	border-bottom: 2px solid var(--color1);
	color: var(--color2);
	background: none;
}

.tabs_menu .dropdown {
	padding: 0;
	list-style: none;
	background: #f2f2f2;
}

.tabs_menu .dropdown li {
	display: inline-block;
	position: relative;
	line-height: 21px;
	text-align: left;
}

.tabs_menu .dropdown li a {
	display: block;
	padding: 5px 9px 2px;
	color: #959393;
	text-decoration: none;
	font-size: 14px;
	font-family: var(--font2);
}

.dropdown_menu .nav-link {
	padding: 0px;
}

.tabs_menu .dropdown {
	position: absolute;
	background: white;
	transition: all 0.15s ease-in-out 0s;
	transform-origin: left top;
	z-index: 1;
	border: 1px solid rgb(147, 147, 147);
	border-radius: 0.25rem;
	/* padding: 1.0625rem 0.875rem 1.1875rem; */

	opacity: 1;
	transform: translateY(0px) scale(1);
	/* visibility: visible; */
	display: none;

	transform: scale(0);
	transition: ease-out 0.3s;
	pointer-events: auto;
}

.dropdown_menu:hover ul.dropdown {
	display: block;
	/* Display the dropdown */
	transform: scale(1);
}

.dropdown_menu ul.dropdown li {
	display: block;
}

.dropdown_menu ul.dropdown li a:hover {
	color: var(--color2);
}

.tab-content {
	padding: 15px 0;
	position: relative;
}

.word-text .remaining-word {
	font-size: 0.75rem;
	line-height: 0.875rem;
}

.word-text .remaining {
	font-weight: bold;
	margin-left: 0.25rem;
	font-size: 12px
}

.guidline p {
	font-size: 0.75rem;
	line-height: 0.875rem;
	color: rgb(119, 119, 119);
	margin: 0.625rem 5px;
}

.commnet_box_grid {
	padding: 0px 0px 0px 50px;
	margin: 0 0px 5px 0px;
	/* overflow: hidden; */
	position: relative;
}

.commnet_box_grid .user-pic {
	display: inline-block;
	width: 80px;
	height: 80px;

	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}

.commnet_box_grid .user-pic img {
	height: auto;
}

.comment-text {
	font-size: 13px;
	color: var(--color2);
	text-overflow: ellipsis;
	word-wrap: break-word;
	line-height: 25 px;
	font-family: var(--font2);
}

.user_x_name {
	color: var(--color1);
}

.reply-text a {
	font-size: 0.80rem;
	font-family: var(--font2);
	color: var(--color1);
}

.reply-text a:not(:last-child) {
	margin: 10px 15px 10px 0px;
}

.boder_b1 {
	border-bottom: 1px solid #ccced2;
}

.commnettime .time {
	font-size: 0.75rem;
	font-family: var(--font2);
	font-weight: bold;
	color: rgb(119, 119, 119);
	margin-left: 8px;
}

/* read-more-css */

.tool-multiwrapbox {
	position: relative;
	overflow: hidden;
}

.tool-multiwrapbox .multi-text {
	float: right;
	margin-left: -5px;
	width: 100%;
	word-break: break-all;
}

.tool-multiwrapbox::before {
	float: left;
	width: 5px;
	content: '';
	height: 40px;
}

.tool-multiwrapbox .multi-text_after {
	float: right;
	text-align: right;
	width: 6em;
	margin-left: -6em;
	position: absolute;
	left: 100%;
	padding-right: 5px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

.tool-multiwrapbox .op-btn {
	color: #4585FF;
	cursor: pointer;
}

.tool-multiwrapbox .op-btn.op-collapse {
	display: inline-block;
	margin: 0 0 0 03px;
}

.tool-multiwrapbox.reset-style {
	height: auto !important;
}

.tool-multiwrapbox .multi-text_after.reset-style {
	top: auto !important;
	bottom: 0 !important;
}

/* read-more-End */


/* footer Css*/
.dark_bg {
	background-color: var(--color2);
	padding: 50px 0 0px !important;
}

.copyright_dark {
	background: var(--color2);
	margin-top: 10px;
	padding: 10px 0;
	border-top: 1px solid var(--color3);
}

.copyright_dark p {
    color: var(--color3);
    font-size: 13px;
    font-family: var(--font8);
    font-weight: 600;
}

.under_line {
    position: relative;
    color: var(--color3);
    margin-right: 5px;
    font-size: 13px;
    font-family: var(--font8);
    font-weight: 600;
}


.under_line:hover {
	color: var(--color3);
}

.under_line:before {
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	bottom: -5px;
	left: 0;
	background-color: var(--color3);
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}

.under_line:hover:before {
	visibility: visible;
	width: 100%;
}

.marquee .marquee-text {
	font-size: 13px;
	font-family: var(--font8);
}

.single_footer3 span {
	color: var(--color3);
}

.social-footer a {
	margin-right: 15px;
	color: var(--color2);
	color: var(--color3);
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
	text-align: center;
	margin-bottom: 10px;
}

.facebook-media {
	background: #3b5999;
	color: var(--color3);
}

.twitter-media {
	background: #55acee;
	color: var(--color3);
}

.linkedin-media {
	background: #0077B5;
	color: var(--color3);
}

.youtube-media {
	background: #cd201f;
	color: var(--color3);
}

.instagram-media {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
	color: var(--color3);
}

.reddit-alien-media {
	background: #ff5700;
	color: var(--color3);
}

.lang-3 a {
	padding: 7px 7px;
	background: #0d4d9f;
	color: #fff !important;
	font-weight: bold;
}

.socialmedia ul {
	padding-left: 0px;
}

.socialmedia ul li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}

.socialmedia ul li:nth-child(1) {
	background-color: #0D4D9F;
	background: #3b5999;
	height: 40px;
	width: 40px;
	margin-right: 8px;
	line-height: 42px;
	text-align: center;
	border-radius: 30px;
	position: relative;
	font-size: 16px;
}

.socialmedia ul li:nth-child(2) {
	background-color: #3b5999;
	height: 40px;
	width: 40px;
	margin-right: 8px;
	line-height: 42px;
	text-align: center;
	border-radius: 30px;
	position: relative;
	font-size: 16px;
}

.socialmedia ul li:nth-child(3) {
	background-color: #55acee;
	height: 40px;
	width: 40px;
	margin-right: 8px;
	line-height: 42px;
	text-align: center;
	border-radius: 30px;
	position: relative;
	font-size: 16px;
}

.socialmedia ul li:nth-child(4) {
	background-color: #0077B5;
	height: 40px;
	width: 40px;
	margin-right: 8px;
	line-height: 42px;
	text-align: center;
	border-radius: 30px;
	position: relative;
	font-size: 16px;
}

.socialmedia ul li:nth-child(5) {
	background-color: #cd201f;
	height: 40px;
	width: 40px;
	margin-right: 8px;
	line-height: 42px;
	text-align: center;
	border-radius: 30px;
	position: relative;
	font-size: 16px;
}

.socialmedia ul li:nth-child(6) {
	background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
	height: 40px;
	width: 40px;
	margin-right: 8px;
	line-height: 42px;
	text-align: center;
	border-radius: 30px;
	position: relative;
	font-size: 16px;
}

.socialmedia ul li:nth-child(7) {
	background-color: #ff5700;
	height: 40px;
	width: 40px;
	margin-right: 8px;
	line-height: 42px;
	text-align: center;
	border-radius: 30px;
	position: relative;
	font-size: 16px;
}

.socialmedia ul li .facebook {
	background: #3b5999;
	color: var(--color3);
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: -25px;
	right: -25px;
	visibility: hidden;
	border-radius: 5px;
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.socialmedia ul li .facebook:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #3b5999;
	position: absolute;
	bottom: -5px;
	left: 40px;
}

.socialmedia ul li a:hover .facebook {
	bottom: 50px;
	visibility: visible;
	opacity: 1;
}

.socialmedia ul li .twitter {
	background: #55acee;
	color: var(--color3);
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: -25px;
	right: -25px;
	visibility: hidden;
	border-radius: 5px;
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.socialmedia ul li .twitter:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #55acee;
	position: absolute;
	bottom: -5px;
	left: 40px;
}

.socialmedia ul li a:hover .twitter {
	bottom: 50px;
	visibility: visible;
	opacity: 1;
}

.socialmedia ul li .linkedin {
	background: #0077B5;
	color: var(--color3);
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: -25px;
	right: -25px;
	visibility: hidden;
	border-radius: 5px;
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.socialmedia ul li .linkedin:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #0077B5;
	position: absolute;
	bottom: -5px;
	left: 40px;
}

.socialmedia ul li a:hover .linkedin {
	bottom: 50px;
	visibility: visible;
	opacity: 1;
}

.socialmedia ul li .youtube {
	background: #cd201f;
	color: var(--color3);
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: -25px;
	right: -25px;
	visibility: hidden;
	border-radius: 5px;
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.socialmedia ul li .youtube:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #cd201f;
	position: absolute;
	bottom: -5px;
	left: 40px;
}

.socialmedia ul li a:hover .youtube {
	bottom: 50px;
	visibility: visible;
	opacity: 1;
}

.socialmedia ul li .instagram {
	background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
	color: var(--color3);
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: -25px;
	right: -25px;
	visibility: hidden;
	border-radius: 5px;
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.socialmedia ul li .instagram:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #833ab4;
	position: absolute;
	bottom: -5px;
	left: 40px;
}

.socialmedia ul li a:hover .instagram {
	bottom: 50px;
	visibility: visible;
	opacity: 1;
}

.socialmedia ul li .reddit {
	background: #ff5700;
	color: var(--color3);
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: -25px;
	right: -25px;
	visibility: hidden;
	border-radius: 5px;
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.socialmedia ul li .reddit:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ff5700;
	position: absolute;
	bottom: -5px;
	left: 40px;
}

.socialmedia ul li a:hover .reddit {
	bottom: 50px;
	visibility: visible;
	opacity: 1;
}

.footer-copy-right {
	color: var(--color3);
	font-size: 14px;
}

.footer-copy-right img {
	width: 40px;
}

.gap-slider {
    margin-bottom: 20px;
}

/* article page Css */
.artcile-page {
	padding: 20px 0px 70px;
}

.single_post_heading h1 {
    font-family: var(--font2) !important;
    font-weight: 600 !important;
    line-height: 50px !important;
    margin-bottom: 15px !important;
    font-size: 40px;
}
.post-meta ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.post-meta ul li {
	margin-right: 20px;
	list-style: none;
}

.post-meta span {
	color: #73797F;
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: capitalize;
	letter-spacing: 0.05rem;

	font-family: var(--font3);
	font-weight: 600;
}

.post-meta .icon {
	margin-right: 2px;
	font-size: 0.875rem;
}

.social-share-box {
	float: right;
}

.social-share-box .share-text {
	/* margin-right: 13px; */
	border: 1px solid #73797F;
	border-radius: 3px;
	padding: 7px 20px;
}

.social-share-box .share-text a {
	color: #73797F;
}

.author_social ul li:not(:last-child) {
	padding: 0 08px;
}

.author_social ul li span i {
	font-size: 20px;
}

.share-social-icons .share-li a {
	background: #E2E2EC!important;
}

.share-social-icons .share-li a:hover {
	background: transparent;
	color: #233340;
}

.author_name {
	font-size: 14px;
	font-family: var(--font3);
}

.author_name a {
	font-weight: bold;
}

.follow-us {
	border: 1px solid var(--color2);
	font-size: 13px;
	padding: 0px 10px;
	font-family: var(--font3);
	font-weight: bold;
	color: var(--color2) !important;
	margin-right: 10px;
	border-radius: 2px;
}

.subpara p {
	font-style: italic;
	margin-bottom: 10px;
}

.author-article p {
	margin-bottom: 10px;
	font-family: var(--font1);
	font-weight: inherit;
	text-align: justify;
	font-size: 20px;
	color: var(--color2);
	line-height: 30px;	
    vertical-align: baseline;
    letter-spacing: normal;
    word-spacing: 0px;
    margin: 0px 0px 24px;
    padding: 0px;
    font-weight: 400;
}
.author-article .short_content p {
	font-style:italic;
	margin: 20px 5px 20px 0;
}

.main-content img[style*="float: right"] {
	margin-left: 15px;
}

.main-content img[style*="float: left"] {
	margin-right: 15px;
}

.main-content {
    max-height: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 0 180px 0;
    /* margin: 0 0 20px 0; */
    height: 220px;
}
.main-content img{
	width:auto;
	max-width:auto;
	height:auto;
	max-height:auto;
}
.bg-fade {
    background: linear-gradient(to bottom, rgb(255 253 253 / 77%) 0%,rgba(255,255,255,1) 50%, rgb(247 247 247) 60%);
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    height: 245px;

    padding: 70px 15px 0px 15px;
}
.text_fade h3 {
    font-family: var(--font2);
    font-weight: 600;
    font-size: 23px;
    color: var(--color2);
    margin-top: 15px;
    margin-bottom: 5px;
}
.text_fade h5 {
    margin-top: 10px;
    font-family: var(--font2);
    font-weight: 600;
    font-size: 18px;
    color: var(--color2);
	line-height:35px;
}
.text_fade a{
	color: var(--color1);
}

.bg-fade .divisionor {
    float: none;
    margin: 15px auto 18px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.bg-fade .divisionor .line.l {
    left: 0;
}

.bg-fade  .divisionor .line.r {
    right: 0;
}

.bg-fade  .divisionor .line {
    border-top: 1px solid #dfdfdf;
    position: absolute;
    top: 15px;
    width: 45%;
}
/* .article-read-more .prompt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	padding-top: 60px;
	padding-bottom: 9px;


	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
} */

/* .article-read-more .prompt .button {
	padding: 5px 30px;
	border-radius: 99px;
	box-shadow: 0 0 15px 5px white;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
} */

.read-more {
	max-height: 120px;
	position: relative;
	overflow: hidden;
}

.read-more .prompt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	padding-top: 60px;
	padding-bottom: 9px;

	/* Fade to white */
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}

.read-more .prompt .button {
	padding: 5px 30px;
	border-radius: 99px;
	box-shadow: 0 0 15px 5px white;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.read-more.big-preview {
	max-height: 240px;
}

.read-more.big-preview .prompt {
	padding-top: 140px;
}

/* Bigger prompt */
.article-read-more.big-preview {
	max-height: 240px;
}

.article-read-more.big-preview .prompt {
	padding-top: 140px;
}

.rt-blockquote-area .rt-blockquote {
	background-color: #f7f7f7;
	padding: 30px 40px;
	position: relative;
}

.rt-blockquote i {
	display: block;
	margin-bottom: 20px;
	font-size: 36px;
	color: #e4e4e4;
}

.rt-blockquote-area .rt-blockquote .name {
	font-size: 1rem;
	font-weight: 700;
	color: var(--color2);
	display: block;
	position: relative;
	padding-left: 40px;
}

.rt-blockquote-area .rt-blockquote .name::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 31px;
	height: 2px;
	background-color: #c1c1c1;
}

.rt-blockquote-area .rt-blockquote::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - 180px);
	height: 3px;
	right: 0;
	margin: 0 auto;
	background-color: var(--color1);
}

.middlecontent h3 {
	margin-top: 20px;
	font-family: var(--font2);
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

/* .block-tile {
	font-family: var(--font2);
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

.tag-list ul {
	padding: 0px;
	margin: 0px;
}

.tag-list li {
	list-style: none;
	display: inline-block;
	margin-top: 5px;
}

.tag-list li:not(:last-child) {
	padding: 0 2px 0 0px;
} */
.taglisting ul li{
	display:inline-block;
}

.taglisting .tag-list{
	font-size: 16px;
    font-family: var(--font2);
    color: var(--color2);
    margin-right:05px;
    font-weight: 700;
    list-style: none;
}
.taglisting ul.comma-list > li:not(:last-child)::after {
	content: ",";
}
.institution li:not(:last-child)::after{
	content: ",";
}



.taglisting ul li a {
    padding: 0px 0px 0px;
    /* border: 1px solid var(--color2); */
    font-size: 15px;
    color: #0f6fec !important;
    font-family: var(--font8);
    /* display: block; */
    border-radius: 3px;
    transition: 0.1s ease-in;
}
/* .taglisting ul li a:hover{
	background:var(--color2);
	color:var(--color3);
	transition: 0.1s ease-in;
} */

/* .taglisting  ~ .taglisting::after {
	content: ", ";
} */
.taglisting ul{
	margin: 0;
	padding:0;
}

.tag-list li a {
	font-size: 15px;
	text-align: center;
	/* padding: 9px 15px; */
	/* border: 1px solid #E4E5E6; */
	color: var(--color1);
	font-weight: 500;
}

.tag-list li a:hover {
	color: var(--color1);
	text-decoration: underline;
}




.postdate ul li:not(:first-child) {
	margin-left: 10px;

}

.postdate ul li {
	position: relative;
}

.postdate ul li:not(:last-child)::after {
	position: absolute;
	content: "";
	height: 12px;
	width: 2px;
	background: #b9bcbf;
	right: -7px;
	top: 50%;
	margin-top: -6px;
}

.postdate ul li span {
	font-family: var(--font3);
	font-weight: bold;
	font-size: 14px;
}

#notif {
	width: 300px;
	/* height: 55px; */
	background: #262A33;
	color: var(--color3);
	border-radius: 5px;
	font-size: 18px;
	position: fixed;
	bottom: 50px;
	z-index: 999;
	visibility: hidden;
}

.padd-notif {
	padding: 08px;
}

.notifaction-text {
	/* font-weight: bold; */
	font-size: 14px;
}

.viewall {
	float: right;
}

.viewall a {
	color: var(--color3);
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}

#notif.show {
	visibility: visible;
	animation: movein 0.5s ease forwards, moveout 0.5s 3s ease forwards;

}

/*#notif {
    left: 10px;
    opacity: 0;
  }*/

@keyframes movein {
	from {
		left: -400px;
	}

	to {
		left: 10px;
	}
}

@keyframes moveout {
	from {
		left: 10px;
	}

	to {
		left: -400px;
	}
}

.indicator-wrapper {
	position: fixed;
	top: 0;
	width: 100%;
	height: 2px;
	background: #eee;
	z-index: 999;
}

.progress {
	position: fixed;
	top: 0;
	left: 0;
	height: 2px;
	background-color: var(--color1);
	transition: all linear 0.1s;
	min-width: 0%;
	border-radius: 0;
	z-index: 999;

}

.authorlink {
	color: var(--color2);
}

.social-media-sharing {
	position: fixed;
	top: 50%;
	z-index: 99;
	left: 1%;
	-webkit-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	transform: translateY(-30%);

	/* display: none; */
}

.social-media-sharing ul li {
	list-style: none;
	margin-bottom: 10px;
	display: none;
}

.social-media-sharing .sidebarsocial li a {
	color: var(--color3);
	border: 1px solid var(--color2);
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border-radius: 30px;
	background-color: var(--color2);
	font-size: 16px;
}

.social-media-sharing .pagecount {
	font-weight: bold;
	font-family: var(--font3);
}

.social-media-sharing .commnet-bar {
	margin-top: 35px;
}

.commnet-bar i {
	font-size: 27px;
	color: #222;
}

.commnetcounter {
	position: relative;
	right: 10px;
	top: -20px;
	padding: 6px 10px;
	font-size: 12px;
	font-weight: 700;
	/* font-family: work-Sans, sans-serif; */
	background: #0d4d9f;
	color: #fff;
	border-radius: 30px;
	font-weight: bold;
}

.manage-tab {
	box-shadow: 0px 4px 30px rgb(95 94 231 / 7%);
	background-color: var(--color3);
}

.profile-page {
	padding: 20px 0px;
	clear: both;
}

.manage-tab .card {
	background: var(--color3);
	border: 0;
	/* box-shadow: 0px 1px 3px rgb(0 0 0 / 30%); */
}

.manage-tab .card-body {
	padding: 0px 0;
}

.manage-tab .tab-content {
	padding: 10px 10px;
}

.manage-tab .nav-tabs .nav-item {
	border-top: 1px solid #ccc;
	margin-bottom: 5px;
}

.manage-tab .nav-tabs .nav-link {
	position: relative;
}

.manage-tab .nav-tabs .nav-link {
	border: 0px;
}

/* .manage-tab .nav-tabs .nav-link .active{
    color: var(--color1) !important;
} */
.manage-tab .nav-tabs .nav-link.active {
	color: var(--color1) !important;
}

/* .manage-tab  .nav-tabs .nav-link::before {
    content: '';
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid var(--color1);
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
} */

.manage-tab .nav-tabs .nav-link.active::before {
	opacity: 1;
}

.personal-detail-form .form-control {
	box-shadow: none;
	border-radius: 3px;
	height: 30px;
}

.personal-detail-form .form-control:focus {
	border-color: var(--color2);
}

.manage-tab .profile-img {
	background: #fff;
	padding: 10px 10px 10px 10px;
}

.manage-tab .user-heading a {
	display: block;
}

.manage-tab .user-heading img {
	width: 120px;
	height: auto;
	margin: 10px auto 20px;
	display: block;
	text-align: center;
	border-radius: 50%;
}

.manage-tab .user-heading h1 {
	font-size: 18px;
	text-align: center;
	margin: 10px 0px 10px 10px;
	font-family: var(--font2);
}

/* .profile-page  .col-md-3 , .profile-page .col-md-9 {
    padding:0px;
} */
.modal.fade .modal-dialog.modal-dialog-zoom {
	-webkit-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);
	transform: translate(0, 0) scale(1);
}

.modal-open .modal {
	padding-right: 0px !important;
}

.subscribe {
	text-align: center;
}

/* #subscribeform .modal-content{
    position: fixed;
    top: auto;
    right: auto;
    left: auto;
    bottom: 0;
} */
#subscribeform .modal-body {
	padding: 14px 10px;
}

#subscribeform .close {
	position: absolute;
	right: 5px;
	top: 5px;
	background: #0d4d9f;
	opacity: 1;
	border-radius: 30px;
	font-size: 20px;
	box-shadow: none;
	width: 23px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	text-shadow: none;
}

#subscribeform .close i {
	color: #ffffff;
	opacity: 1;
	font-size: 20px;
	box-shadow: none;
	/* opacity: 0; */
	text-shadow: none;
}

.subscribe img {
	width: 60px;
	height: auto;
	margin: 0px auto 20px;
	display: block;
	text-align: center;
}

.subscribe h3 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 15px;

}

.text-subscribe {
	font-size: 15px;
	color: var(--color2);
	font-weight: 400;
	margin-top: 5px;
	font-family: var(--font2);
	line-height: 25px;
}

.subscribe .w-60 {
	width: 60%;
	box-shadow: none;
	float: left;
}

.subscribe .w-60:focus {
	border-color: var(--color1);
}

.subscribe .w-60::-webkit-input-placeholder {
	/* Edge */
	font-size: 14px;
}

.subscribe .w-60:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	font-size: 14px;
}

.subscribe .w-60::placeholder {
	font-size: 14px;
}

.topic-text {
	font-family: var(--font2);
	font-size: 16px;
	padding: 0px 0px 10px;
	color: var(--color2);
	font-weight: 500;
}

.twitter-post {
	display: flex;
	justify-content: center;
	align-items: center;
}

.subscribe_form {
	position: relative;
}

.subscribe #email-error {
	position: absolute;
	left: 8px;
	bottom: -15px;
	font-size: 12px;
	color: #EB2027;
	margin-bottom: 0;
}

.subscribe_btn {
	padding: 0.375rem 0.75rem;
	background: var(--color1);
	border-radius: 5px;
	color: #fff;
	width: 35%
}

.newsletter_section {
	margin: 25px 0 25px 0px;
}

.newsletter_section .newsletter-box {
	background-color: #F6F6F6;
	padding: 20px 0px;
	border: 1px solid #e6e6e6;
}

.newsletter_section .newsletter-box img {
	width: 60px;
	height: auto;
	margin: 0px auto 20px;
	display: block;
	text-align: center;
}

.newsletter_heading,
.text-subscribe {
	text-align: center !important;
}

.newsletter_heading .text-subscribe {
	font-size: 15px;
	color: var(--color2);
	font-weight: 400;
	margin-top: 5px;
	font-family: var(--font2);
	line-height: 25px;
	font-weight: normal;
}

.newsletter_heading .w-60 {
	width: 60%;
	box-shadow: none;
	float: left;
}

.newsletter_heading #email-error {
	position: absolute;
	left: 100px;
	bottom: -15px;
	font-size: 12px;
	color: #EB2027;
	margin-bottom: 0;
}

.newsletter_heading form {
	padding: 0px 100px;
}

.newsletter_heading .w-60:focus {
	border-color: var(--color1);
}

.newsletter_heading .w-60::-webkit-input-placeholder {
	/* Edge */
	font-size: 14px;
}

.newsletter_heading .w-60:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	font-size: 14px;
}

.newsletter_heading .w-60::placeholder {
	font-size: 14px;
}

.textarea-height {
	height: 150px;
}

.profile-btn a {
	border: 1px solid var(--color2);
	padding: 5px 20px;
	border-radius: 5px;
	color: #fff;
	background: var(--color2);
	font-size: 20px;
	font-family: var(--font1);
	font-weight: 500;
	margin: 20px 0;
}

.profile-btn a:hover {
	background: #fff;
	border: 1px solid var(--color2);
	color: var(--color2);
}

.facebook-side {
	background-color: #4267B2 !important;
	border-color: #4267B2 !important;
}

.twitter-side {
	background-color: #1DA1F2 !important;
	border-color: #1DA1F2 !important;
}

.linkedin-side {
	background-color: #0e76a8 !important;
	border-color: #0e76a8 !important;
}

.instagran-side {
	background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d) !important;
	border-color: #c13584 !important;
}

.youtube-side {
	background-color: #E62117 !important;
	border-color: #E62117 !important;
}

.rss-side {
	background-color: #ee802f !important;
	border-color: #ee802f !important;
}

.reddit-side {
	background-color: #FF4500 !important;
	border-color: #FF4500 !important;
}

.whatsapp-side {
	background-color: rgb(45, 178, 64) !important;
	border-color: rgb(45, 178, 64) !important;
}

.weixin-side {
	background-color: #25D366 !important;
	border-color: #25D366 !important;
}

.recent-article-area {
	position: fixed;
	top: 30%;
	right: 0px;
	z-index: 999;
	transition: all 1s;

}

.recent-post {
	border: 1px solid rgb(95 94 231 / 7%);
	padding: 20px;
	width: 450px;
	background-color: var(--color3);
	border-radius: 0px;
	box-shadow: 0px 4px 30px rgb(95 94 231 / 7%);
}

.recent-hide {
	opacity: 0;
	right: -100%;
}

.recent-show {
	opacity: 1;
	right: 0;
}

/* .twitter-post{
    background-image: url('../img/slider/twitter.png');
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
} */
.conversation-btn a {
	border: 1px solid var(--color1);
	padding: 5px 20px;
	background-color: var(--color1);
	color: var(--color3);
	border-radius: 3px;
}

.textarea-height {
	height: 100px !important;
}

.cart_section {
	padding: 40px 0px;
}

.cart-heading {
	margin-bottom: 20px;
}

.cart-heading h2 {
	font-family: var(--font2);
	border-bottom: 1px solid #262a33;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    width: 100%;
}
.blank_cart img{
	width:200px;
}
.blank_cart h3{
	font-size: 22px;
    font-family: var(--font2);
    margin-top: 10px;
    margin-bottom: 10px;
}
.blank_cart h4{
	font-size: 15px;
    font-family: var(--font2);
    margin-top: 10px;
    margin-bottom: 10px;
}
.products-details-cart .card .card-body {
	/* box-shadow: 0 0.125rem 0.3125rem rgb(17 17 17 / 20%) !important; */
	border-radius: 0px;
	position: relative;
}

.products-details-cart .card {
	margin: 0px;
	border-bottom: 1px solid #ccc;
	border-radius: 0px;
}

.products-details-cart {
	margin-bottom: 0px;
}

.pd-name {
	width: 70%;
	float: left;
}

.pd-name h5 a {
	font-family: var(--font2);
	font-size: 18px;
	margin-bottom: 10px;
	color: var(--color2);
}

.pd-name h5 a:hover {
	color: var(--color1);
}

.pd-price {
	width: 30%;
	float: left;
	text-align: right;
	font-size: 18px;
}

.pd-type .f-type,
.f-name {
	font-size: 14px;
}

.pd-edit {
	position: absolute;
	bottom: 0px;
}

.pd-edit a {
	color: var(--color2);
	font-size: 15px;

}

.O-Summary {
	box-shadow: 0 -1px 0 rgb(0 0 0 / 4%), 0 1px 1px rgb(0 0 0 / 25%);
	/* margin-top:42px; */
}

.my-pd .card {
	box-shadow: 20px 20px 60px #d5d5d53b, -20px -20px 60px #ebebeb61;
}

.pd-details p {
	color: #000;
	font-size: 14px;
	font-family: var(--font2);
	line-height: 24px;
}

.divider {
	margin: 0.5rem 0 1.2rem;
	border: 0;
	border-top: 1px solid #eee;
}

.paynow_btn {
	/* margin-top:0px; */
	text-align: center;
}

.paynow_btn button {
	border: 1px solid var(--color1);
	background-color: var(--color1);
	padding: 08px 30px;
	border-radius: 3px;
	color: var(--color3);
	display: block;
	cursor: pointer;
}

.banner-text p {
	color: var(--color3);
	line-height: 26px;
	font-size: 15px;
	font-family: var(--font2);
}

/* new logo End  */
/* Pre-loader css start */
.loader-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	z-index: 1035;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.loader-bg .loader-track {
	position: relative;
	height: 3px;
	display: block;
	width: 100%;
	overflow: hidden;
}

.loader-bg .loader-track .loader-fill:after,
.loader-bg .loader-track .loader-fill:before {
	content: '';
	background: var(--color1);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
}

.loader-bg .loader-track .loader-fill:before {
	-webkit-animation: mbar 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
	animation: mbar 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.loader-bg .loader-track .loader-fill:after {
	-webkit-animation: m_s 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation: m_s 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s;
}

.tab_card_body {
	padding-left: 0;
	padding-right: 0px;
	padding-top: 10px;
}

.content-list ul {
	padding: 0px;
	margin: 0px;
}

.content-list ul li {
	list-style: none;
	font-weight: 500;
	font-family: var(--font2);
	margin-bottom: 20px;
	font-size: 15px;
	padding-left: 22px;
	position: relative;
}

.content-list ul li::before,
.tab_list li::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 7px;
	height: 7px;
	/* border: 1px solid #2D4A8A; */
	background: #262a33;
	border-radius: 50% !important;
	/* box-shadow: 0px 0px 0px 3px #fff inset; */
}

.price_tag {
	text-align: center;
	padding: 10px;
}

.price_tag .Report-price {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
}

.price_tag .jsAddToCart {
	border: 1px solid #1fb7eb;
	background: #1fb7eb;
	color: #262a33;
	font-family: var(--font2);
	font-weight: 600;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.08em;
	padding: 10px 20px;
	border-radius: 4px;
	/* width: 100%; */
	transition: all 0.3s ease-out 0s;
	margin-bottom: 0;
	cursor: pointer;
}

.buy_report {
	/* background-color: rgb(50 236 173 / 15%); */
	box-shadow: 5px 5px 6px rgb(0 0 0 / 6%);
	padding: 15px 15px 15px 120px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	position: relative;
	/* text-align: center; */
	border-radius: 3px;
	min-height: 105px;
}

.buy_report .icon {
	width: 60px;
	height: 60px;
	transform: translateX(0%) rotateZ(313deg) scale(.95);
	box-shadow: 0px 0px 40px rgb(0 179 186 / 17%) !important;
	border-radius: 10px;
	background: #fff;
	position: absolute;
	top: 25px;
	display: inline-block;
	left: 30px;
	border: 3px solid rgb(31 183 235 / 76%);
}

.buy_report .icon img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	padding: 8px;
	transform: translateX(0%) rotateZ(50deg) scale(.95);
}

.buy_report .description {
	font-size: 15px;
	color: var(--color2);
	line-height: 25px;
	margin-bottom: 0px;
}

.bg-1 {
	background-color: #00b3ba2e;
}

.bg-2 {
	background-color: #fea22926;
}

.bg-3 {
	background-color: #53c2032b;
}

.bg-4 {
	background-color: #c444fb12;
}

.bg-5 {
	background-color: #32ecad26;
}

.right-side-btn .right_login li {
	list-style: none;
	display: inline-block;

}

.right-side-btn .right_login li a i {
	font-size: 24px;
	color: var(--color2);

}
.top8 {
    position: relative;
    top: 5px;
    right: 10px;
}
.dropdown-item span{
	font-size: 13px;
	font-family: var(--font8);
}

.right-side-btn .right_login li:not(:last-child) {
	margin-right: 05px;
}

.nav_dropdown a {
	font-size: 14px;
	padding: 05px 25px 05px 10px;
	text-decoration: none;
	color: var(--color2);
	font-family: var(--font2);
	font-weight: 600;
	transition: all 0.2s ease-out;
}

.Subscriber-pana img {
	height: 300px;
}

.logo_area em.roundpoint {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 17px;
	height: 17px;
	background-color: #DA4B38;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 9px;
	text-align: center;
	font-style: normal;
	line-height: 16px;
	color: #fff;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.nav_dropdown .nav-item .dropdown-menu {
		display: none;
	}

	/* .nav_dropdown .nav-item:hover .nav-link{   } */
	.nav_dropdown .nav-item:hover .dropdown-menu {
		display: block;
	}

	.nav_dropdown .nav-item .dropdown-menu {
		margin-top: 0;
	}
}

/* ============ desktop view .end// ============ */
.payment_section .form-control {
	box-shadow: none;
	outline: none;
}

.payment_section .form-control:focus {
	border-color: var(--color1);
	box-shadow: none;
}

.cart-subtotal {
	font-weight: 600;
}

.btn_login_custome,
.afterlogin {
	/* background: #27282D; */
	padding: 4px 13px;
	font-size: 15px;
	font-weight: 400;
	border: 0;
	color: var(--color2);
	font-family: var(--font2);
	background: transparent;

	border: 0px solid #b0b7ba !important;
	/* box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%); */
}

.btn_login_custome:focus,
.afterlogin:focus {
	outline: none;
	box-shadow: none !important;
	background: transparent;
	color: var(--color2);
}
.btn_login_custome i {
    font-size: 26px !important;
    position: relative;
    top: 1px !important;
}

.afterlogin .login_name,
.dropdown-arrow {
	color: var(--color2) !important;
}

.icon-logout {
	font-size: 15px !important;
	margin-right: 5px !important;
}

.btn_login_custome:hover,
.afterlogin:hover {
	background: transparent !important;
	color: var(--color2) !important;
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
	background: transparent !important;
}

.afterlogin {
	padding: 6px 15px;
}
.btn_login_custome img{
	width:32px;
}
.login_after {
	will-change: transform !important;
	position: absolute !important;
	z-index: 1000 !important;
	float: left;
	min-width: 150px !important;
	/* padding: 0.5rem 0px !important; */
	margin: 0.125rem 0px 0px;
	font-size: 1rem;
	color: rgb(33, 37, 41);
	text-align: left !important;
	list-style: none;
	background-color: rgb(255, 255, 255) !important;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem !important;
	right: 0px !important;
	top: 0px !important;
	left: 0px !important;
	font-size: 15px;
	transform: translate3d(0px, 50px, 0px) !important;
}

.afterlogin .dropdown-item.active,
.dropdown-item:active {
	background-color: transparent !important;
	color: var(--color2) !important;
}

.afterlogin .login_name, .dropdown-arrow {
    position: relative;
    top: 1px !important;
    text-transform: capitalize;
}

.right_login .dropdown:last-child .dropdown-menu {
	padding: 0px !important;
}

.right_login .dropdown-item {
	padding-left: 10px !important;
}

.right_login {
	margin-bottom: 0px;
}

.down_load_btn {
	background: #2b3990;
	color: #fff;
	border-radius: 3px;
}

/* .down_load_btn:focus{

} */

.about_us {
	padding: 40px 0px;
	clear: both;
}
.about_details .card-body .content-card{
	font-size: 14px;
	}
.about_us .heading_about h2 {
	font-size: 25px;
	font-family: var(--font2);
	font-weight: 600;
	margin-bottom: 15px;
}

.about_section p {
	margin-bottom: 10px;
	font-family: var(--font8);
	font-weight: inherit;
	text-align: left;
	font-size: 16px;
	color: var(--color2);
	line-height: 28px;
}

.about_list li {
	font-weight: 400;
	margin-bottom: 5px;
	position: relative;
	z-index: 2;
	font-size: 15px;
	list-style: none !important;
	padding-left: 30px;
}

.about_list li:last-child {
	margin-bottom: 0;
}

.about_list li:before {
	position: absolute;
	content: "";
	height: 6px;
	width: 6px;
	background: #17222B;
	left: 10px;
	top: 14px;
	margin-top: -5px;
	border-radius: 30px;
}

.about_list li:hover {
	color: var(--color1);
	cursor: pointer;
}

.about_details .card {
	border: 0px;
}

.about_details .card-body {
    display: block;
    /* background-image: linear-gradient(127deg, #fff 0%, #fff 91%); */
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    font-weight: 400;
    font-size: 15px;
    color: var(--color2);
    line-height: 26px;
    letter-spacing: 1.9px;
    padding: 20px;
    text-align: center;
    border-radius: 40px;
    margin-bottom: 20px;
    border-bottom-right-radius: 4px;
    position: relative;
	font-family: var(--font8);
}
.about_details .card1{
	background-color:rgba(235,107,61,.3);
}
.about_details .card2{
	background-color:rgb(239 223 247);
}
.about_details .card3{
	background-color:rgb(198 230 253);
}
.about_details .card4{
	background-color:rgb(83 194 3 / 17%)
}

.about_details .card .icon {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}

.ctasection {
	background-color: #0F293D;
	padding: 40px 0px 40px 0;
	background-image: url('https://tabinsights.com/assets/img/slider/cta-bg.png');
}

.cta-btn a {
	border: 1px solid var(--color3);
	padding: 8px 35px;
	background-color: var(--color3);
	font-size: 18px;
	color: var(--color2);
	border-radius: 2px;
}

.ctasection .cta-heading h2 {
	color: var(--color3);
	font-size: 40px;
	font-family: var(--font1);
	font-weight: 600;
}

.recent-reports {
	padding: 0px 0px 20px 100px;
	margin: 10px 15px 10px -5px;
	overflow: hidden;
	position: relative;
}

.recent-reports .recent_img {
	display: inline-block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	top: 8px;
	left: 8px;
}

.recent-reports .recent_img img {
	width: 100%;
	height: auto;
	border-radius: 3px;
}

.recent-reports .description a {
	font-size: 15px;
	/* font-style: italic; */
	color: var(--color2);
	line-height: 25px;
	font-family: var(--font2);
	margin-bottom: 0px;
	font-weight: 600;
}

.recent-reports .description p {
	font-size: 14px;
	color: var(--color2);
	line-height: 23px;
}

.padding_x15 {
	padding: 15px;
}


.search-popup {
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    background: rgba(15,23,42,.25);
    -webkit-transform: translateY(101%);
    -ms-transform: translateY(101%);
    transform: translateY(101%);
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    backdrop-filter: blur(8px);
}
.search-popup.popup-visible {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	visibility: visible;
	opacity: 1;
}

.search-popup .overlay-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
}

.search-popup .close-search {
	position: absolute;
	right: 50px;
	top: 25px;
	font-size: 22px;
	color: var(--color2);
	cursor: pointer;
	z-index: 5;
}

.search-popup .close-search:hover {
	opacity: 0.70;
}

.search-popup .search-form {
    position: relative;
    padding: 0px 15px 0px;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 100px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.search-popup .search-form fieldset {
	position: relative;
	border: 0px solid rgba(255, 255, 255, 0.50);
	border-radius: 12px;
}

.search-popup .search-form fieldset input[type="search"] {
    position: relative;
    height: 55px;
    padding: 20px 60px 20px 20px;
    background: #ffffff;
    line-height: 25px;
    font-size: 15px;
    color: #233145;
    border-radius: 5px;
    margin-bottom: 0px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%);
}
.search-popup .search-form fieldset .search_button {
    position: absolute;
    display: block;
    right: 0px;
    top: 0px;
    text-align: center;
    width: 60px;
    height: 60px;
    border: 0px;
    padding: 15px 10px 15px 10px;
    /* color: #ffffff !important; */
    line-height: 30px;
    font-size: 17px;
    cursor: pointer;
    text-transform: capitalize;
    border-radius: 0px 7px 7px 0px;
    background: transparent;
}

.search-popup h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
}

.search-popup .recent-searches {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}

.search-popup .recent-searches li {
	display: inline-block;
	margin: 0px 10px 10px 0px;
}

.search-popup .recent-searches li a {
	display: block;
	line-height: 24px;
	border: 1px solid #ffffff;
	padding: 7px 15px;
	color: #ffffff;
	border-radius: 3px;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.search-popup .search-form fieldset input[type="search"]:focus {
	border-color: #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.reports-listing {
	padding: 40px 0px;
	clear: both;
}

.reports-listing .post_artical {
	min-height: 420px !important;
}

.search_results {
	padding: 40px 0px 20px;
	clear: both;

}

.search_results .search__result_form {
	border: 3px solid #262a3300;
	padding: 15px 20px 10px;
	padding-left: 20px;
	background-color: var(--color3);
	box-shadow: 0 0 15px 0 rgb(174 174 174 / 12%);
	border-radius: 10px !important;
}

.search_results .search__result_form .form-control {
	margin-bottom: 0;
	height: 50px;
	border-radius: 0px;
	border: 0;
	box-shadow: none;
    text-indent: 30px;
	outline: none;
	border-right: 2px solid #e6e6e6;
}

.search_results .search__result_form .b-0 {
	border-right: 0px !important;
}

.search_results .search__result_form .btn-primary {
	width: 100%;
	min-width: auto;
	text-align: center;
	white-space: nowrap;
	color: #ffffff;
	background-color: #1967D2;
	font-size: 15px;
	line-height: 20px;
	border-radius: 8px;
	font-weight: 400;
	padding: 18px 35px 15px 35px;
	margin-left: 10px;

}
.search_results .search__result_form .btn-primary:focus{
        box-shadow:none !important;
        outline: none;
}
.search__result_form .bnc-ico{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    color: #5c6770;
    background: #ffffff;
    z-index: 9;
}

.search__result_form .bnc_ico{
left:10px !important;
}

.filter_user_search{
	padding:40px 0px;
}
.filter_search{
	background-color: rgb(209 236 253 / 54%) !important;
    padding: 25px 25px 0px 25px;
    margin-top: 0px;
}

.filter_search  .bi-funnel{
    font-size:20px;
}

.filter_search .filters-heading span{
    font-size: 25px;
    font-weight: 700;
    font-family: var(--font1);
}
.filter_search .filters-btn{
    float: right;
}
.filter_search .filters-btn .filters_btn{
    border:1px solid var(--color2);
    color: var(--color2);
    padding:05px 15px;
    font-family: var(--font1);
    font-weight:600;
    font-size:18px;
}
.filter_search .filters-btn .filters_btn:hover{
    background-color: var(--color2);
    color: var(--color3);
}
.filter_search .slide_up_down{
	background:transparent;
	border:0px;
	cursor: pointer;
  }
  .filter_search   .searchFilters{
    border-top: 1px solid var(--color2);
    display: block;
    margin-top:1rem;
    margin-bottom:1rem;
}
  .filter_search .slidedown-d-none{
	display: none;
  }

.search_result_box{
	padding:15px 0px 20px;
	clear: both;
}
.box_result{
	background-color:var(--color3);
	padding:10px 0;
}
.result_box{
	padding: 15px 0px 40px 180px;
    margin: 10px 15px 20px 10px;
    overflow: hidden;
    position: relative;
	border-radius:0px;
	/* box-shadow: 0 0 15px 0 rgb(174 174 174 / 12%); */
	/* background-color: var(--color3); */
}
.result_box .result_img {
	display: inline-block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
	top: 8px;
	left: 8px;
}
.result_box .result_img {
	overflow: hidden;
}
.result_box .result_img img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	object-fit: cover;
	transition: all .3s;
}
.result_box:hover .result_img img{
	transform: scale(1.1);
    transition: all .3s;
}

.result_box .result_title{
    font-size: 15px;
    /* font-style: italic; */
    color: var(--color2);
    line-height: 25px;
    font-family: var(--font2);
    margin-bottom: 0px;
    font-weight: 600;
}

.result_box .result_title a , .result_box .result_title p{
	color:var(--color2);
}
.result_box .result_title a:hover{
	color: var(--color1);
}

.stripe-pay{
	display: block;
    width: 100%;
    padding: 10px;
    border: 0;
    background: #2b3990;
    border-radius: 5px;
    color: #fff;
    margin-top: 20px;
    cursor: pointer;
}
/* #card-element{
	margin-top:10px;
} */
.client_img {
    border: 1px solid #eee;
    padding: 0px 0 0;
    box-shadow: 0 0 6px #eee;
    margin-bottom: 20px;
}
.client-name {
    margin-top: 10px;
    text-align: center;
    padding: 0px 10px 10px 10px;
    min-height: 114px;
}
.client-name p {
    text-align: center !important;
    margin-bottom: 0 !important;
    font-size: 15px !important;
}
.client_img img {
    width: 100%;
    height: auto;
}
.blog-heading{
	border-bottom: 2px solid var(--color2);
    margin-bottom: 20px;
}
.blog-heading .blog-title{
    margin-bottom: 0;   
    font-family: var(--font2);
    font-weight: bold;
    padding: 5px 10px;
    color: var(--color3);
    /* margin-bottom: -3px; */
    display: inline-block;
    font-size: 14px;
    background: var(--color2);
    position: relative;
}
.blog-heading .blog-title:before {
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: -16px;
    border: 0;
    border-top: 27px solid transparent;
    border-left: 16px solid var(--color2);
    margin: 0;
}
.blog-sidebar{
	padding:20px;
	border-radius:5px;
}
.recent-blog{
	padding: 0px 0px 20px 120px;
    margin: 10px 15px 10px -5px;
    overflow: hidden;
    position: relative;
}
.recent-blog::before{
	position: absolute;
    content: '';
    left: 0;
    bottom: 0px;
    border-bottom: 1px dashed #DADCDD;
    width: 100%;
}
.recent-blog-body {
	margin-bottom: 10px;
}
.recent-blog .recent-blog-img {
	display: inline-block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 4px;
    left: 8px;	
	border-radius:5px;
}
.recent-blog .recent-blog-img  img {
    width: 100%;
    height: auto;
    border-radius:3px;
    transition: all .3s;
}
.recent-blog:hover .recent-blog-img img{
	transform: scale(1.1);
    transition: all .3s;
}
.recent-blog  .recent-blog-body a{
	font-size: 16px;
    font-family: var(--font2);
    font-weight: 600;
    line-height: 23px;
    text-decoration: none;
	margin-top:0px;
    color: var(--color2);
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.recent-blog  .recent-blog-body a:hover{
	color:var(--color6);
}
  @supports (-webkit-appearance: none) or (-moz-appearance: none) {
	.searchFilters_check input[type=checkbox]{
		 --active: var(--color2);
		 --active-inner: #fff;
		 /* --focus: 2px rgb(68 70 74 / 30%); */
		 --border: #BBC1E1;
		 --border-hover: var(--color2);
		 --background: #fff;
		 --disabled: #F6F8FF;
		 --disabled-inner: #E1E6F9;
		 -webkit-appearance: none;
		 -moz-appearance: none;
		 height: 20px;
		 outline: none;
		 display: inline-block;
		 vertical-align: top;
		 position: relative;
		 margin: 0;
		 cursor: pointer;
		 border: 1px solid var(--bc, var(--border));
		 background: var(--b, var(--background));
		 transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
	   }
	 .searchFilters_check  input[type=checkbox]:after{
		 content: "";
		 display: block;
		 left: 0;
		 top: 0;
		 position: absolute;
		 transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
	   }
	   .searchFilters_check input[type=checkbox]:checked {
		 --b: var(--active);
		 --bc: var(--active);
		 --d-o: .3s;
		 --d-t: .6s;
		 --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
	   }
	   .searchFilters_check input[type=checkbox]:disabled{
		 --b: var(--disabled);
		 cursor: not-allowed;
		 opacity: 0.9;
	   }
	   .searchFilters_check input[type=checkbox]:disabled:checked {
		 --b: var(--disabled-inner);
		 --bc: var(--border);
	   }
	   .searchFilters_check input[type=checkbox]:disabled + label {
		 cursor: not-allowed;
	   }
	   .searchFilters_check input[type=checkbox]:hover:not(:checked):not(:disabled) {
		 --bc: var(--border-hover);
	   }
	   .searchFilters_check input[type=checkbox]:focus{
		 box-shadow: 0 0 0 var(--focus);
	   }
	   .searchFilters_check input[type=checkbox]:not(.switch)
	  {
		 width: 20px;
	   }
	   .searchFilters_check input[type=checkbox]:not(.switch):after {
		 opacity: var(--o, 0);
	   }
	   .searchFilters_check
	   input[type=checkbox]:not(.switch):checked {
		 --o: 1;
	   }
	   .searchFilters_check input[type=checkbox] + label
	  {
		 font-size: 14px;
		 line-height: 21px;
		 display: inline-block;
		 vertical-align: top;
		 cursor: pointer;
		 margin-left: 4px;
		 margin-bottom:18px;
		 font-family: var(--font2);
		 font-weight:600;
	   }

	   .searchFilters_check  input[type=checkbox]:not(.switch) {
		 border-radius: 0px;
	   }
	   .searchFilters_check input[type=checkbox]:not(.switch):after {
		 width: 5px;
		 height: 9px;
		 border: 2px solid var(--active-inner);
		 border-top: 0;
		 border-left: 0;
		 left: 7px;
		 top: 4px;
		 transform: rotate(var(--r, 20deg));
	   }
	   .searchFilters_check input[type=checkbox]:not(.switch):checked {
		 --r: 43deg;
	   }
	   .searchFilters_check input[type=checkbox].switch {
		 width: 38px;
		 border-radius: 11px;
	   }
	   .searchFilters_check input[type=checkbox].switch:after {
		 left: 2px;
		 top: 2px;
		 border-radius: 50%;
		 width: 15px;
		 height: 15px;
		 background: var(--ab, var(--border));
		 transform: translateX(var(--x, 0));
	   }
	   .searchFilters_check input[type=checkbox].switch:checked {
		 --ab: var(--active-inner);
		 --x: 17px;
	   }
	   .searchFilters_check input[type=checkbox].switch:disabled:not(:checked):after {
		 opacity: 0.6;
	   }
 }
  /* .filter_search  .searchFilters_check {
	 padding-left: 20px;
 } */


/* author page css */
.author-details{
	padding:20px 0;
}
.author-details .card-header{
	display: block;
    padding: 10px 30px 10px 70px;
    position: relative !important;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    font-family: var(--font2);
    overflow: hidden;
	/* box-shadow: 0 0 15px 0 rgb(174 174 174 / 12%); */

	border:0px;
	background-color:#DDEAF8;
    position: relative;
}
.author-details .card{
	border-radius:5px !important;
	background-color:#DDEAF8;
}
.author-details .author-avatar{
	display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 25px;
	/* border: 1px solid #e4e7e7; */
}
.author-avatar img {
    width: 100%;
    height: auto;
}
.author-details  span{
	margin:0 !important;
}
.author-details .author-opinions{
	font-family: var(--font2);
	font-weight:800;
	font-size:16px;
	line-height:26px;
	color: var(--color2);
}
.author-details .author-name{
	margin-right:10px;
	font-family: var(--font2);
	font-weight:800;
	font-size:15px;
	line-height:26px;
	color: var(--color2);
}
.author-details  #collapseOne{
	border-top:1px solid  var(--color2);
}
.author-details-content p{
	color: var(--color2);
	font-family: var(--font2);
	font-size:15px;
	font-weight:500;
	margin-bottom:10px;
}
.author-details  .heading_link::before {
	content: '\F235';
	font-family: 'bootstrap-icons';
	font-size: 18px;
	position: absolute;
	color: #151A46;
	right: 15px;
	top: 15px;
	transform: rotate(0deg) !important;
	transition: all 0.5s;
}
.author-details .heading_link:not(.collapsed)::before {
transform: rotate(180deg) !important;
transition: all 0.5s;
}
.author-details .heading_link{
	text-align:left;
	display: block;
}

.authorlisting{
	float: right;
}
.authorlisting a {
    color: var(--color2);
    font-weight: bold;
    text-decoration: none;
    font-family: 'serif';
    font-size: 15px;
    transition: 0.1s ease-in;
    padding: 7px 20px;
    /* background: var(--color2); */
    border-radius: 0px;
    border: 1px solid #111;
	margin-bottom:15px;
}
.authorlisting a:hover{
	background-color:var(--color2);
	color: var(--color3);
}
.global-digital-table{
	padding:20px 0px 40px;
	position: relative;
}
.wrapper-table {
	max-width:1800px;
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.table-basic {
    position: sticky;
    top: -20px;
	width:100%;
	z-index:99;
    background-color:var(--color3);
	/* border-bottom: 2px solid #333; */

}
thead.table-basic:before {
    width: 100%;
    height: 2px;
    background-color: #222;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.table_card .card{
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%);
    border-radius: 8px;
}

.scroll-top {
    position: fixed;
    z-index: 1001;
    bottom: 110px;
    right: -45px;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    background-color: var(--color1);
    -webkit-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    color: var(--color3) !important;
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.scroll-top i{
	font-size:20px;
}
.scroll-top.on {
    right: 0;
    opacity: 1;
    visibility: visible;
}


.stripe-form{
	/* padding: 15px; */
    box-shadow: 6px 11px 24px 0 rgb(23 31 37 / 12%);
    border-radius: 8px;
	position: relative;
	background: var(--color3);
}
.stripe-form .panel-heading{
	position: relative;
	padding: 15px 15px 0 15px;
}
.stripe-form .form_div {
	padding:15px;
}
.stripe-form .bg_pay_grey{
	min-height: 56px;
    /* padding-left: 32px; */
	/* padding:10px; */
    overflow: auto;
    background: #f5f6f7;
    position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
}
.stripe-form .panel-title {
    font-size: 20px;
    font-family: var(--font2);
    font-weight: 800;
    text-transform: capitalize;
     text-align: left;
    color: #0d2366;
	margin-left:0px;
	position: relative;
	margin-bottom:40px;
}
.stripe-form .panel-title:before {
    width: 52px;
    bottom: -15px;
    height: 4px;
    top: auto;
    position: absolute;
    content: '';
    border: 4px solid transparent;
    border-bottom: 0;
    border-top-color: #0d2366 !important;
}
.stripe-form label {
	font-family: var(--font2);
    font-weight: 600;
    font-size: 14px;
    color: var(--color2);
    margin-bottom: 0.3rem;
}
.stripe-form .form-control{
	box-shadow: none;
	/* border:0px; */
	/* border-bottom:1px solid #ccc; */
	border-radius:0px;
	    font-family: var(--font2);
	margin-bottom:15px;
}
.stripe-form .form-control:focus{
	border-color:#0d2366;
}
.CardField--ltr  .InputElement , .CardField--ltr .InputContainer{
	border-bottom: 1px solid #ccc !important;
	width:100%;
}
.StripeElement--empty{
	border: 1px solid #ccc !important;
    padding: 3px !important;
    font-family: var(--font2) !important;
}
.InputElement {
    line-height: 30px !important;
    font-size: 17px !important;
    height: 30px !important;
    font-family: 'Merriweather', serif !important;
}

.stripe-form .pymt-btn {
		box-shadow: none;
		width: 170px;
		height: 55px;
		position: relative;
		width: 200px;
		min-height: 55px;
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		float: right;
		border-radius: 0;
		text-align: center;
		color: #fff;
		background: #3967d6;
		border: 0px;
	}
	.card_accpet_img img {
		/* margin: 0 auto; */
		display: block;
		text-align: center;
		width: 270px;
	}
	.payment_modal .close{
		width: 30px;
		height: 30px;
		line-height: 19px;
		background: #0d2366;
		border-radius: 50%;
		color: #fff;
		opacity: .9;
		font-size: 25px;
		box-shadow: 0 2px 4px 0 rgb(0 0 0 / 18%);
	}
	.payment_modal .close:hover {
		background: #0d2366 !important;
		opacity: .76 !important;
		color: #fff !important;
	}

	.subscribe_mobile_btn{
		display: none !important;
	}

	.subscribe_modal_mobile{
		display: none;
	}
	.subscribe_modal_mobile .modal-backdrop{
		display: none !important;
	}

	.subscribe_modal_mobile .modal-content {
		border-radius:15px 15px 0 0 !important;
		min-height:160px;
		padding-bottom:0px !important;
	}
	.subscribe_modal_mobile p{
		text-align: center;
		margin-top: 20px;
		color: var(--color2);
		font-weight: 500;
		line-height: 25px;
		font-size: 16px;
		font-weight: bold;
	}
	.subscribe_modal_mobile .moblie_subscribe_btns{
		text-align: center;
		margin-top:15px;
	}
	.subscribe_modal_mobile .moblie_subscribe_btns a{
	padding: 5px 25px;
    border-radius: 5px;
    background: #009EDC;
    color: #fff;
	font-family: var(--font2);
	font-size:14px;
	font-weight:bold;
	border-radius:30px;
	}

   .video_iframes iframe {
	max-width: 100%;
	max-height: 100%;
   }

   .video_iframes .stuck {
	position: fixed;
	bottom: 130px;
	right: 20px;
	width: 350px;
	height: 250px;
	transform: translateY(100%);
	animation: fade-in-up 0.75s ease forwards;
	z-index: 1;
   }

   @keyframes fade-in-up {
	0% {
		opacity: 0;
   }
	100% {
		transform: translateY(0);
		opacity: 1;
   }
}
.stickyBand {
    display: block;
    min-height: 60px;
    background: #F5EBE6;
    text-align: center;
    font-size: 18px;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 111;
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%);
}
.stickyBand.short {
   width: 1070px;
    margin: 0 auto;
    right: 0;
    left: 0;
	cursor: pointer;
}
.stickyBand img{
   width:100px;
   height:50px;
   margin:15px auto 0;
  }
.offer-text{
   text-align: left;
   margin-top:10px;
}
.offer-text .banner_hdng{
   color:#000;
   font-family:var(--font3);
   font-weight:800;
   font-size:18px;
}
.offer-text .desc{
   font-family:var(--font3);
   font-weight:500;
   font-size:17px;
   color:#000;
}
.ofr_label {
    padding: 3px 7px 2px 8px;
    border-radius: 2px;
    background-color: var(--color1);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    max-width: 230px;
    margin: 4px auto 3px;
    position: relative;
	top:-5px;
}
.ofr_label:after {
    content: '';
    position: absolute;
    top: 95%;
    left: 50%;
    border-top: solid 5px var(--color1);
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}
.subc_btn {
    padding: 5px 5px 5px 5px;
    border-radius: 2px;
    border: solid 1px black;
    font-size: 11px;
    font-weight: 600;
    box-sizing: border-box;
    width: 155px;
    line-height: 13px;
    margin: 0 auto;
    text-transform: capitalize;
    display: block;
    cursor: pointer;
    color: #000 !important;
    text-decoration: none;
}
.mt_sticky10{
   margin-top:10px;
}
.close_stickyBandbtn a{
   color:#000;
}


.digital-finance-slider{
	padding:20px 0px 20px;
	margin-top:15px;
	background: var(--color3);
	border-radius:5px;
}
#box {
    overflow-y: visible;
    overflow-x: auto;
    white-space: nowrap;
    vertical-align: text-top;
    margin: 0;
    padding: 0;
    clear: both;
    border-spacing: 5px;
}
#box .item {
    display: table-cell;
    min-width: 300px;
    width: 300px;
    font-size: 140px;
    border: 2px solid #d1d1d1;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    white-space: normal;
    line-height: 1.6;
    vertical-align: top;
    text-align: center;
    color: #000;
}

/* .digital-finance-slider  .digital-card-slider{

} */
.bottom-slider{	
	position: fixed;
	bottom: 0px;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    background: #fff;
    /* margin: 0px 0% 0; */
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	/* border:1px solid #ccc; */
    cursor: pointer;
	z-index:99; 
	animation: slide-up .6s cubic-bezier(0.4, 0, 0.2, 1) 500ms;
	display: none;
}
.bottom-slider .bottom_swiper {
    padding: 5px 0px 12px 138px;
    margin: 15px 15px 05px 0;
    overflow: hidden;
    position: relative;
    border: 1px solid #C5C5C5;
    height: 100%;
    border-radius: 5px;
    min-height: 73px;
}
.bottom-slider .slider_img {
    display: inline-block;
    width: 130px;
    height: 130px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 0px;
}
.bottom-slider .slider_heading a {
    font-size: 14px;
    font-family: var(--font2);
	color:var(--color2);
    font-weight: 600;
    line-height: 20px;
    padding: 0px 15px 0px 10px;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.bottom-slider .tagging {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    color: #fff;
	background-color:#0f6fec;
    padding: 3px 5px 3px 5px;
    line-height: 12px;
    border-radius: 3px 0;
}
.slider_close button{
	width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px 0 0;
    position: absolute;
    right: 0;
    top: -30px;
    background-color: #fefefe;
    box-shadow: 0 -6px 18px 0 rgb(9 32 76 / 8%);
	outline: none;
	display: none;
}
.slider_close button i{
	font-size: 13px;
}
.slider_close button:focus{
	box-shadow: none;
	outline: none;
}
#bottom_slider  .owl-prev {
    width: 25px;
    height: 30px;
    position: absolute;
    top: 35%;
    left: -35px;
    display: block !important;   
    border-radius: 0 5px 5px 0;
    background: #2a2b2d ;
	transition: all 1s;
}
#bottom_slider .owl-next {
    width: 25px;
    height: 30px;
    position: absolute;
    top: 35%;
    right: -36px;
    display: block !important;   
    border-radius: 5px 0px 0px 5px;
    background: #2a2b2d ;
}
#bottom_slider  .owl-prev i, #bottom_slider  .owl-next i {color: #fff;}



/* ----------------------tab design------------------------------- */
.tabs {
	--outer-padding: 6px;
	--border-radius: 1000px;
	--background-offset: 0;
	position: relative;
	display: flex;
	width: 20em;
	justify-content: space-between;
	background-color: #fff;
	border-radius: var(--border-radius);
	padding: var(--outer-padding);
  }
  .tabs::before {
	z-index: 0;
	content: "";
	position: absolute;
	transform: translateX(var(--background-offset));
	width: calc(50% - var(--outer-padding));
	height: calc(100% - var(--outer-padding) * 2);
	background-color: #2b3990;
	border-radius: var(--border-radius);
	transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .tabs__button {
	text-align: center;
	flex-basis: 50%;
	font-weight: 500;
	padding: 10px;
	position: relative;
	border-radius: var(--border-radius);
	transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
			color: #000;
			font-weight: 600;
			font-size: 18px;
  }
  .tabs__button:hover{
	color: #000;
  }
  
  .tabs__button[aria-selected=true] {
	color: #ffffff;
  }
  
  .tabs__button.active{
	color: #fff;
  }
  .winners-list-new .card-body {
	padding: 0px 0px 0px 0px;
  }
  
  .ranking-table-bg th{
	
	color: #000;
	
  }
  .tab-tr-col{
	background: #F2F2F2;
  }
  .tab-toltal-col{
	background: #BDD7EE;
	
  }

  .footer-nav-area {
	position: fixed !important;
	-webkit-transition-duration: 500ms;
			transition-duration: 500ms;
	background-color: #ffffff;
	width: 100%;
	height: 62px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	border-top: 1px solid #ebebeb;
	display: none;
  }
  
  .footer-nav {
	background-color: #ffffff;
	width: 100%;
	height: 62px;

  }
  .footer-nav ul {
	position: relative;
	z-index: 10;
	width: 100%;
  }
  .footer-nav ul li {
	position: relative;
	z-index: 1;
	list-style: none;
	-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
			flex: 1 1 0;
  }
  .footer-nav ul li a {
	position: relative;
	display: block;
	font-size: 10px;
	text-align: center;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 1;
	color: #1f0757;
	z-index: 1;
  }
  .footer-nav ul li a i {
	font-size: 1.25rem;
	-webkit-transition-duration: 500ms;
			transition-duration: 500ms;
  }
  .footer-nav ul li a span {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    color: var(--color1);
    display: block;
    margin-top: 8px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    font-family: var(--font4);
    font-weight: 700;
    font-size: 13px;
}
  .footer-nav ul li a:hover, .footer-nav ul li a:focus {
	color: var(--color1);
  }
  .footer-nav ul li a:hover span, .footer-nav ul li a:focus span {
	color: var(--color1);
  }
  .footer-nav ul li.active a {
	color: var(--color1);
  }
  .footer-nav ul li.active a span {
	color: var(--color1);
  }
  .footer-nav.footer-style-two li.active a {
	position: relative;
	z-index: 1;
	width: 3.5rem;
	height: 3.5rem;
	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;
	background-color: rgba(1, 52, 212, 0.3);
	margin: -25px auto 0;
	border-radius: 50%;
	color: #ffffff;
	-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
			box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }
  .event_box{
    border: 3px solid var(--color3);
    border-radius: 5px;
    background: var(--color3);
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%);
    margin-bottom:20px;
    text-align: center;
    font-family: var(--font1);
    position: relative;
    min-height:320px;
}
.evets_details{
    padding:10px;
    overflow: hidden;
}
.evets_details .events_date a h6 {
    font-family: var(--font1);
    font-size: 15px;
    color: var(--color2);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
}
.evets_details .events_date a h4 {
    font-size: 15px;
    font-family: var(--font1);
    line-height: 20px;
    word-spacing: 3px;
}
.img_events{
    position: relative;
    overflow: hidden;
}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* background-color: var(--color1); */
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    opacity: 0.7;
}
.event_box:hover .overlay {
    bottom: 0;
    height: 100%;
    width: 100%;
}
.event_box:hover .top-overlay {
    bottom: 0;
}
.img_text {
    color: white;
    font-size: 1.2vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.event_box:hover{
    /* background-color: var(--color1);
    color: var(--color3);
    transform:2s; */
}
.rankingtablelock{
	overflow: hidden !important;
}

.premium_div{
	width:85px;
height: 15px;
padding: 1px 4px 0 7px;
border-radius: 0;
background-color: #ffc200;
position: absolute;
top: 0px;
right: 0px;
font-size: 10px;
color: #000;
font-weight: 700;
line-height: 13px;
box-sizing: border-box;
  }
  .post_artical .title{
	margin-top: 10px;
  }
@-webkit-keyframes mbar {
	0% {
		left: -35%;
		right: 100%;
	}

	60% {
		left: 100%;
		right: -90%;
	}

	100% {
		left: 100%;
		right: -35%;
	}
}

@keyframes mbar {
	0% {
		left: -35%;
		right: 100%;
	}

	60% {
		left: 100%;
		right: -90%;
	}

	100% {
		left: 100%;
		right: -35%;
	}
}

@-webkit-keyframes m_s {
	0% {
		left: -200%;
		right: 100%;
	}

	60% {
		left: 107%;
		right: -8%;
	}

	100% {
		left: 107%;
		right: -8%;
	}
}

@keyframes m_s {
	0% {
		left: -200%;
		right: 100%;
	}

	60% {
		left: 107%;
		right: -8%;
	}

	100% {
		left: 107%;
		right: -8%;
	}
}

@keyframes slide-up {
	0% {
	  transform: translateY(100%);
	}
	100% {
	  transform: translateY(0);
	}
  }
  
  @keyframes slide-up-opacity {
	0% {
	  transform: translateY(100%);
	  opacity: 0;
	}
	100% {
	  transform: translateY(0);
	  opacity: 1;
	}
  }
  

/* Pre-loader css end */
@media (min-width: 320px) and (max-width: 480px) {


}



/* ---------------------------------- */
.blank_dwonload img{
	width: 100px;
    height: auto;
    margin: 100px auto 25px;
    display: block;
}
.blank_dwonload h3 {
    font-size: 22px;
    font-family: var(--font2);
    margin-top: 10px;
    margin-bottom: 10px;
}
.blank_dwonload h4 {
    font-size: 15px;
    font-family: var(--font2);
    margin-top: 10px;
    margin-bottom: 10px;
}

.blank_subscription img{
	width: 130px;
    height: auto;
    margin: 100px auto 25px;
    display: block;
}
.blank_subscription h3 {
    font-size: 22px;
    font-family: var(--font2);
    margin-top: 10px;
    margin-bottom: 10px;
}
.blank_subscription h4 {
    font-size: 15px;
    font-family: var(--font2);
    margin-top: 10px;
    margin-bottom: 10px;
}
.paid_detail_page{
	bottom: 0px;
	top: unset;
}


.finance_events_section{
	padding:40px  0px;
	clear: both;
}
.finance_events_section .title_events {
	position: relative;
	display: inline-block;
}
.finance_events_section .title_events h3{
	font-family: var(--font2);
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 10px;
	position: relative;
	display:inline-block;
}
.finance_events_section .title_events h3:after {
    content: '';
    width: 30%;
    height: 3px;
    background: var(--color1);
    display: block;
    position: absolute;
    left: 0;
    bottom: -13px;
    z-index: 2;
}

.finance_events_section .title_events:after {
    content: '';
    width: 221%;
    height: 2px;
    background: #cacaca;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
}

.all_event_boxs .nav { 
   padding:5px 10px 0px 10px;
}
.finance_events_section .nav-tabs a {
    padding: 12px 20px;
    cursor: pointer;
    border: 0px;
    background-color: transparent;
    color: #111;
    height: 52px;
    box-sizing: border-box;
    border-radius: 4px 4px 0px 0px;
    display: inline-block;
    font-weight: 600;
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-family: var(--font3);
	
}
.finance_events_section .nav-tabs a:hover{
   background-color: #F0F1F2;
}
.finance_events_section .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 {
    position: absolute;
    height: 4px;
    border-radius: 4px 4px 0px 0px;
    background-color: var(--color1);
    bottom: 0;
    content: '';
    left: 0;
    margin-top: -2px;
    width: 100%;
    outline:none;
    color: var(--color1);
}

.finance_events_section .nav-tabs a:focus{
   border:0px;
   box-shadow: none;
   outline:none;
}
.finance_events_section .dropdown-menu{
   transform: translate3d(-46px, 52px, 0px) !important;
   border-radius:0px;
   border:0px;
   padding:0px;
   box-shadow: rgba(31, 38, 46, 0.12) 0px 3px 12px, rgba(31, 38, 46, 0.08) 0px 6px 24px;
}
.all_event_boxs{
   box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%);
}
.event_boxs{
    padding: 5px;
    border-radius: 5px;
	box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%);
	margin-bottom: 20px;
}

.event_boxs  .evnet_img img{
	max-width:100%;
	border-radius:5px;
	margin-bottom:10px;
	transition: all .3s;
 }
 
 .event_boxs .event_title .date_of_event a {
	 text-decoration: none;
	 text-align: center;
	 display: block;
	 font-family: var(--font2);
	 color: #111;
	 font-size: 14px;
	 font-weight: 600;
	 margin-bottom: 5px;
 }
 .event_boxs .event_title .event_name  h4>a {
	 text-align: center;
	 display: block;
	 color: #111;
	 text-decoration: none;
	 font-size: 14px;
	 font-weight: 600;
	 font-family: var(--font2);
	 margin-bottom: 10px;
 }
 
 .event_title .event_bookmark{
	padding:10px 10px 5px 10px;
 }
 .event_bookmark .book_mark_icon {
	width: 35px;
    height: 35px;   
    text-align: center;
    border-radius: 30px;
    font-size: 17px;
    line-height: 33px;    
    color: #111;
	cursor: pointer;
    background: #F3F4F7;
 }

 .event_bookmark .book_mark_icon.active svg path {
    stroke: #111;
    fill: #111;
}
.event_share_social  {
	display: flex;
    justify-content: end;
    align-items: end;
    gap: 10px;
    padding: 2px 10px 5px 10px;
}
.event_share_social a {
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #111;
    cursor: pointer;
    background: #F3F4F7;
}
.event_share_social a:nth-child(1){color: #3B5999;}
.event_share_social a:nth-child(2){color: #55ACEE;}
.event_share_social a:nth-child(3){color: #0077B5;}

.past_event_filter form .form-control{
	height: 45px;
    border-radius: 0;
    font-family: var(--font3);
    font-weight: 500;
    color: #111;
    padding: 5px 15px;
}
.past_event_filter form .form-group{
	position: relative;
}
.past_event_filter .calender_icons{
	position: absolute;
    right: 10px;
    top: 5px;
    background: #F0F1F2;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 30px;
    line-height: 32px;
    cursor: pointer;
}
.past_event_filter .btn_filter{
	display: flex;
	gap: 12px;
}
.past_event_filter .filter_btn{
	padding: 10px 20px;  
    font-family: var(--font3);
    font-weight: 600;
    background: var(--color1);
    color: var(--white);
    box-shadow: 0 1px 3px 0 rgb(43 57 144 / 67%);
    border-radius: 3px;
}
.past_event_filter .reset_btn{
	background-color: #233446;
    border-color: #233446;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(35 52 70 / 13%);
}
.flatpickr-day.today:focus, .flatpickr-day.today:hover{
	background: var(--color1) !important;
	border-color: var(--color1) !important;
}
.flatpickr-day.endRange .flatpickr-day.endRange:hover{
	background: var(--color1) !important;
	border-color: var(--color1) !important;
}
.event_table tr td{
 	white-space:unset !important;
}
.event_table tr td a , .event_table tr td{
	color:var(--color2);
	font-family: var(--font3);
	font-weight:500;
	font-size:14px;
}
.event_table tr td a:hover{
	color: var(--color1);
}
.theoplayer-poster{
	background-position: unset  !important;
}

.transaction_banks{
	padding:30px 0px;
	clear: both;
}
.transaction_banks .bank_details{
	background-color: var(--color3);
	padding:10px;
	border-radius: 5px;
	
}
.transaction_banks .bank_details .bank_logo img{
	max-width:100%;
	width:250px;
	/* margin-bottom:30px; */
	height:auto;
}
.transaction_banks .contact_details_bank {
	border: 2px solid #ddd;
    padding:10px 10px 10px 10px;
    border-radius: 3px;
}
.transaction_banks .contact_details_bank .title_bank {
	font-size: 15px;	
}
.transaction_banks .contact_details_bank  p {
	color: var(--color2);
    font-size: 13px;
    font-family: var(--font5);
    font-weight: normal;
	line-height:23px;  
}
.contact_details_bank .conatct_details li{
	position: relative;
	list-style: none;
}
.contact_details_bank .conatct_details li i{
	padding-right: 0;
    position: absolute;
    left: 0;
    top: 10px;
}
.contact_details_bank .conatct_details li a{
	color: var(--color2);
    padding: 5px 0px 0px 25px;    
    font-weight: 100;
	font-size: 13px;
}
.contact_details_bank .conatct_details li a:hover{
	color: #60598e;
}
.bank_details p{
	color: var(--color2);
    font-size: 13px;
    line-height: 23px;
    font-family: var(--font5);
    font-weight: normal;
}
.transaction_banks_details ul li{
	padding: 0 !important;
    font-size: 13px;
    line-height: 30px;
    font-family: var(--font5);
}
.transaction_banks_details  .line_27{
	line-height: 23px;
    margin: 5px 0px 5px 0px;
}
.transaction_banks_details .badge-secondary{
	color: #000;
    background-color: #edecec;
    float: right;
    height: 30px;
    line-height: 25px;
    width: 30px;
    border-radius: 0;
    font-size: 11px;
    font-family: var(--font5);
}
.transaction_banks_details .badge-secondary i{
	color: #60598e;
}
.transaction_banks_details .w_90{
	width:90%;
	float: left;
	display: block;
}
.transaction_banks_details .w_10{
	width:10%;
	float: left;
	display: block;
}
.transaction_banks_details .border_color{
	border-bottom: 2px solid #939393;
}
.transaction_banks_details .border_bottom_color{
	border-color: #60598e !important;
	background-color:transparent;
}
.transaction_banks_details .border_bottom_color:hover{
	border-color: #60598e !important;
	background-color:transparent;	
}
.filter_search_bank{
	background-color: var(--color3);
	padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.filter_search_bank  h4{
	font-size: 18px;
    font-family: var(--font5);
    font-weight: 600;
}
.filter_search_bank   hr{
	margin-top:0.2rem;
	margin-bottom:0.2rem;
}
.fliter_search label{
	font-family: var(--font5);
    color: var(--color2);
    font-weight: 600;
	font-size:14px;
}
.fliter_search select{
	font-family: var(--font5);
    color: var(--color2);
    font-weight: 600;
	font-size:14px;
}
.fliter_search .form-control{
	border-radius: 0px;
	border-color: #aaa;
}
.select2-search__field{
	background-color: #fff;
}
.select2-container--default .select2-selection--single{
	border-radius: 0px;
    height: 35px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 35px;
    font-family: var(--font5);
    font-weight: normal;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.collapse_btn{
	display: block;
    width: 100%;
    text-align: left;
    padding: 5px;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-family: var(--font5);
    color: var(--color2);
    font-weight: 600;
    font-size: 16px;
	position: relative;
}
.collapse_btn i , .fliter_icon{
	float: right;
	margin-top:5px;
	font-size:13px;
}

/* .collapse_btn:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 0px;
  position: absolute;
  right:0px;
}
.collapse_btn .collapsed:before {
	content: '\f077'; 
}
.collapse_btn:before { 
	content: '\f078'; 
} */
.bank_category ul>li{
	list-style: none;
    padding: 5px 10px 5px 10px;
     color: #000;
    border-bottom: 1px solid #ebe8e8;
	position: relative;
}
.bank_category ul>li:first-child {
	padding-top: 0px;
}

.bank_category ul>li:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
}

.bank_category ul li a{
	font-size: 13px;
    color: #000;
	font-family: var(--font5);
	position: relative;
	display: block;
}
.bank_category ul li a:hover{
	color: #60598e;
}
.bank_category ul>li::before {
    content: "\f077";
	font-family: 'Font Awesome 5 Free';
    float: left;
    margin-left: -1.5em;
    color: var(--color2);
    font-size: 12px;
    line-height: 20px;
}
.filter_search_bank{
	position: sticky;
    top: 60px;
}

.bank_pagination .pagination  .page-item a {
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 20px;
    border-radius: 0;
    color: #000;
    background: var(--color3);
    border: 1px solid #edecec;
    margin-right: 4px;
    -webkit-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 10px 27px -20px rgba(0, 0, 0, 0.33);
    border-radius: 30px;
    font-weight: 600;
    font-size: 13px;
}
.bank_pagination .pagination .page-item a.active{
	color: var(--color3);
    background: var(--color1);
}
/* .grid_view_logo{
	height:80px;
} */
.gird_view_content{
	height:160px;
}
.bank_header{
	padding: 5px;
    text-align: right;
    /* border-bottom: 1px solid #ccc; */
    margin-bottom: 10px;
}
.bank_header a{
    font-size: 23px;  
    color: #a59f9f;
}
.bank_header a:first-child{
	margin-right: 10px;
}

#text p a {
    display: contents;
}

.main-content  img{
	float: left; /* or right, depending on your design */
	/* margin-right: 15px; 
	margin-bottom: 10px;  */
	width: auto; /* adjust size as needed */
}

 .our-faculty{
    display: flex;
    padding: 20px 30px;
    border-radius: 10px;
	border: 1px solid #e2e8f0;
    background: #fff;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
   
    }
  .our-faculty .our-faculty-img {
    width: 250px;
    height: 250px;
    border-radius: 8px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    /* object-fit: contain; */
}
   .our-faculty .our-faculty-img img{
    width: 100%;
    min-width: 250px;
    height: auto;
    object-fit: cover;
    border-radius: .25rem;
    }
    .our-faculty .our-faculty-content {
    flex-grow: 1;
    margin-left: 35px;
}
.our-faculty-content h4{
    font: 800 21px / 1.5 var(--font);
    color: var(--text-color);
    margin-bottom: 5px;
}
.our-faculty-content h5{
    font: 700 16px / 26px var(--font);
    text-align: justify;
    color: var(--text-color);
	margin-bottom: 10px;
}
.our-faculty-content p{
    font: 400 16px / 28px var(--font);
    color: var(--text-color);
    margin-bottom: 5px;
	text-align: justify;
}
.contributors-title h3{
	    font-family: var(--font);
    font-size: 35px;
    font-weight: 700;
    color: #1e293b;
}
.contributors-title p{
	font-family: var(--font);
    font-weight: 400;
    font-size: 18px;
    font-style: italic;
    color: #1e293b;
}
.contributors-section::after{
	background-image: url('https://tabinsights.com/public/img/contributors/pattern-square.svg');
	background-position: top;
    bottom: 0;
    content: "";
   height: 430px;
    left: 0;
    -webkit-mask-image: linear-gradient(0deg, transparent 35%, #000 75%);
    mask-image: linear-gradient(0deg, transparent 35%, #000 75%);
    padding: 40px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.contributors_teams  .teams_wiggets {
	border: 1px solid #e2e8f0;
    overflow: hidden;
    /* background-color: #f1f5f9; */
	margin-bottom:20px;
    border-radius: 1rem !important;
}
.contributors_teams  .teams_wiggets  .teams_details{
	padding: 1rem  9px!important;
    background-color: #fff;
}
.contributors_teams  .teams_wiggets  .teams_details h4{
	text-align: center;
    font: 700 16px / 1.5 var(--font);
    color: #1e293b;
	margin-bottom: 7px;
}
.contributors_teams  .teams_wiggets  .teams_details h5{
	font: 500 14px / 1.5 var(--font);
    color: var(--text-color);
    text-align: center;
	height: 95px;
    margin-bottom: 10px;
}
.contributors_teams  .teams_wiggets  .teams_details button{
	border-radius: 30px;
    padding: 7px 25px;
    font: 600 13px / 1.5 var(--font);
    background-color: #f6f6f6;
    border: 2px solid #c7c3c3;
    box-shadow: none;
    margin-top: 10px;
}
.contributors_teams  .teams_wiggets  .teams_details button:hover{
	border-color: #1e293b;
	background-color: transparent;
}

.contributors-modal .modal-dialog {
    max-width: 1100px;
}
.contributors-modal .modal-content {
    border-radius: 1.25rem;
}
.contributors-modal .modal-dialog .close{
	position: absolute;
    top: .7rem;
    right: .7rem;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 1.8rem;
    border-radius: 100%;
    background: rgb(22 2 2 / 9%);
    font-size: 21px;
    opacity: 1;
    color: #1e293b;
}
.contributors-modal .contributors-profile img {
    border-radius: 15px;
	box-shadow: -1px 1px 11px 2px rgba(0, 0, 0, 0.1);
}
.contributors-details h3 {
    text-align: left;
    font: 700 24px / 1.5 var(--font);
    color: #1e293b;
}
.contributors-details h5{
	font: 500 18px / 1.5 var(--font);
    color: var(--text-color);
    margin-bottom: 10px;
}
.contributors-details p{
	color: var(--text-color);
    font: 400 16px /31px var(--font);
    text-align: justify;
	margin-bottom:10px;
}
.contributors-details p:last-child{
	margin-bottom:0;
}
.sessions-title h4{
	 font: 700 24px / 1.5 var(--font);
	 color: #1e293b;
}
.session-name h5{
	position: relative;
	padding-left:25px;
}
.session-name h5:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    /* border: 1px solid #000; */
    background: #1e293b;
    border-radius: 100%;
    left: 7px;
    top: 10px;
}
.session-name h5 a{
	 font: 600 18px / 1.5 var(--font);
	  color: #003a63;
}
.session-name h5 a:hover{
	 text-decoration: underline !important;
}

.embed-responsive-16by9 iframe{
	height: 480px !important;
}
.remindme .form-group .form-label{
	color: #101010;
    font: 500 14px / 1.1 var(--font);
    margin-bottom: 10px;
}
.remindme .form-group .form-control{
	color: #101010;
    font: 500 15px / 1.1 var(--font);
    height: 45px;
    box-shadow: none;
    outline: none;
    border: 1px solid #e0e1e2;
    border-radius: 0.375rem;
}
.remindme .form-group .form-control:focus{
  border: 2px solid #101010;
  box-shadow: 0 0 0 3px white, 0 0 0 5px #a1a1aa;
}
.remindme  .remindme_button button{
	border-radius: 0.375rem;
    padding: 8px 8px;
    font-family: var(--font);
    font-weight: 500;
    background-color: #101010;
    font-size: 14px;
	text-align: center;
}
.remindme  .remindme_button button:hover , .remindme  .remindme_button button:focus , .remindme  .remindme_button button:active{
	background-color:#2f2f31;
	color: #fff;
	box-shadow:none ;
	outline: none;
}
.remindme .title-heading h3{
	font-size: 22px;
    font-family: var(--font);
    color: #101010;
    font-weight: 700;
    margin-bottom: 5x;
}
.remindme .title-heading p{
	font-family: var(--font);
    font-weight: 500;
    font-size: 14px;
    color: #101010;
}
.remindme .modal-close{
	position: absolute;
    right: 0px;
    top: 10px;
    width: 30px;
    height: 30px;
    border: 1px solid #101010;
    background-color: #101010;
    color: #fff;
    border-radius: 30px;
    line-height: 30px;
    opacity: 1 !important;
    z-index: 9999;
    cursor: pointer;
    font-size: 15px;
}
.remindme .alert-success{
	color: #166534 !important;
    font-family: var(--font);
    font-weight: 500;
    font-size: 14px;
    background-color: #f0fdf4 !important;
}

.membership-content-modal .modal-content {
      border-radius: 16px;
      overflow: hidden;
      border: none !important;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.membership-content-modal .image-header-modal{
	background: url('https://tabinsights.com/public/img/modal-bg-member.webp') center center / cover no-repeat;
	height: 40px;
	filter: blur(40px);
	overflow: hidden;
}
.membership-content-modal .close  {
	right:30px;
	top:-20px;
	z-index:999;
}
.membership-content-modal .premium-membership-icon{
	width: 60px;
    height: 60px;
    /* border: 1px solid #fef3c6; */
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 30px;
    background-color: #fef3c6;
}
.membership-content-modal .premium-membership-icon svg{
	width: 30px;
    height: 30px;
    stroke: #e07100
}
.membership-content-modal .membership-content h3{
    font-size: 22px;
    font-family: var(--font);
    color: #101010;
    font-weight: 700;
    margin-bottom: 10px;
}
.membership-content-modal .membership-content p {
    font-family: var(--font);
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #101010;
    margin-bottom: 9px;
}

@media (min-width: 320px) and (max-width: 1000px) {
   .finance_events_section .all_event_boxs .nav { 
  overflow: auto;
  white-space: nowrap;
  flex-wrap: nowrap; 
} 
   .classic-tabs {
       overflow-x: auto; 
   }
   .filter_search_bank{
	position: unset;
    top: 0px;
}
.grid_view_logo , .gird_view_content{
	height:auto;
}

 
.finance_events_section .tab-content{
   padding:20px;
}
.membership-content-modal .membership-content p {
	font-size: 14px;
	line-height: 22px;
}
}