/*!
Theme Name: Outgrid Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: outgrid
Version: 1.0.0
Text Domain: outgrid
*/

.elementor-widget-highlighted-text.ui-e-a-animate .uicore-svg-wrapper path {
	animation-play-state: unset !important;
}

.related-posts-wrapper a.elementor-post__title {
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 25px;
}
.elementor-card-shadow-yes .elementor-post__card {
	width: 100%;
}


.related-posts-wrapper .content-post {
	background-color: #fff;
	border: 0 solid #69727d;
	border-radius: 10px;
	display: flex
		;
	flex-direction: column;
	min-height: 100%;
	overflow: hidden;
	position: relative;
	transition: all .25s;
	width: 100%;
	justify-content: space-between;
}
p.related-post-excerpt {
	margin-top: 25px;
	font-size:14px;
}
.related-posts-wrapper .elementor-post__text {
	padding: 0 30px;
}
p.related-post-date {
	border-top: 1px solid #eaeaea;
	margin-bottom: 0;
	padding: 15px 30px;
}

.bdt-timeline {
	counter-reset: timeline-counter;
}

.bdt-timeline .bdt-timeline-icon span::before {
	counter-increment: timeline-counter;
	content: counter(timeline-counter);
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	width: 45px;
	height: auto;
	text-align: center;
	border-radius: 50%;
}

.bdt-timeline-right .bdt-timeline-item {
	margin-left: 0;
	width: 100%;
}
.bdt-timeline-icon span {
	display: flex;
	justify-content: center;
	align-items: center;
}

.bdt-timeline-line span {
	border-right: 1px dashed #c4c4c4;
}
.bdt-timeline-line span {
	border-right: 1px dashed #c4c4c4;
}

.filter-wrapper {
	position: relative;
	display: inline-block;
}

.filter-box {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: white;
	padding: 10px;
	border: 1px solid #ccc;
	width: 500px;
	z-index: 999;
}
.filter-wrapper-search:hover .input-search-cus {
	display: block;
}

.filter-container {
	display: flex;
	gap:10px;
}
.filter-wrapper:hover .filter-box {
	display: block;
}

.input-search-cus {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: white;
	padding: 10px;
	border: 1px solid #ccc;
	width: 500px;
	z-index: 999;
}

.filter-select {
	margin-right: 10px;
	padding: 5px;
}
form#filter-form {
	display: flex;
	padding: 10px;
}

select.filter-select {
	padding: 10px;
}
#filter-button {
	padding: 5px 15px;
	background-color: #010ED0;
	color: white;
	border: none;
	cursor: pointer;
	line-height: 29px;
}

#filter-button:hover {
	background-color: #005177;
}


/*line-1*/
.lines {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	opacity: 1;
	transition: 1.5s;
}
.category-startup-stories header.page-header {
	display: none;
}

.related-posts-wrapper {
	display: flex;
	gap: 30px;
}

.related-posts-wrapper  a.link-img img {
	height: 228px;
	width: 100%;
	object-fit: cover;
}

a.related-post-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	display: inline-block;
}
a.link-img {
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}

a.btn-read-more {
	font-size: 12px;
	font-weight: 600;
	font-family: "Inter Tight";
}
.related-post {
	width: 33%;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-radius: 10px;
	display: flex;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
	border-color: #00000026;
	flex-direction: column;
	justify-content: space-between;
}
.related-post:hover {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
}
.post-col {
	display: flex
		;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17);
	border-radius: 10px;
	margin-bottom: 10px;
	align-items: center;
}
a.title-post {
	padding:0 10px;
	width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-size: 14px;
	font-weight: 700;
}
.featured.categories .post-col img {
	width: 45%;
	border-radius: 10px;
	height: 100px;
	object-fit: cover;
}

.tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode .tribe-events-widget-header__top-bar {
	width: 100%;
	margin-bottom: 30px;
}
.tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-month .tribe-events-calendar-month__day, .tribe-common.tribe-events.tribe-events-widget.tribe-events-view--shortcode.tribe-events-widget-events-shortcode-month .tribe-events-calendar-month__day {
	padding-top: 0% !important;
}



p.title-info {
	font-size: 20px;
	color: #000000;
	font-weight: 700;
	font-family: "Inter Tight";
}
.line-container {
	position: relative;
	width: 100%;
	height: 1px;
	background-color: rgb(21 21 21);
	margin-bottom: 0px;
}
button.filter-search {
	padding: 15px 30px;
	border-radius: 10px;
	width: 150px;
}
button.filter-toggle {
	padding: 15px 30px;
	border-radius: 10px;
	width: 150px;
}

.line-container:nth-child(2) {
	position: absolute;
	top: 12.9vw;
	left: 0px;
}

@keyframes moveLine{
	0% {
		left: 0px;
	}
	100% {
		left: 100%;
	}
}



.animated-line {
	position: absolute;
	top: 50%;
	left: -1%;
	width: 4px;
	height: 4px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: rgb(106, 111, 128);
	animation: 10s linear 0s infinite normal none running moveLine;
}

.line-container:nth-child(2) .animated-line {
	animation-delay: 5s;
}

.line-container:nth-child(3) .animated-line {
	animation-delay: 8s;
}

.line-container:nth-child(4) .animated-line {
	animation-delay: 14s;
}
.line-container:nth-child(5) .animated-line {
	animation-delay: 18s;
}

.line-container:nth-child(6) .animated-line {
	animation-delay:24s;
}


.line-container:nth-child(3) {
	position: absolute;
	top: 20.2vw;
	right: 0px;
}

.line-container:nth-child(6) {
	position: absolute;
	top: 42.3vw;
	left: 0px;
}


.line-container:nth-child(5) {
	position: absolute;
	top: 34.9vw;
	right: 0px;
}
.line-container:nth-child(4) {
	position: absolute;
	top: 27.55vw;
	left: 0px;
}

.line-container:nth-child(1) {
	position: absolute;
	top: 5.5vw;
	left: 0px;
}
/*line-1*/


/*line-2*/
.lines2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 1;
	transition: 1.5s all ease;
}

.lines2 .line-container:nth-child(1) {
	position: absolute;
	top: 0;
	left: 16.2vw;
}

.lines2 .line-container:nth-child(2) {
	position: absolute;
	top: 0;
	left: 23.6vw;
}


.lines2 .line-container:nth-child(3) {
	position: absolute;
	top: 0;
	left: 31vw;
}

.lines2 .line-container:nth-child(4) {
	position: absolute;
	top: 0;
	left: 38.25vw;
}


.lines2 .line-container:nth-child(5) {
	position: absolute;
	top: 0;
	left: 45.55vw;
}

.lines2 .line-container:nth-child(6) {
	position: absolute;
	top: 0;
	left: 53vw;
}

.lines2 .line-container:nth-child(7) {
	position: absolute;
	top: 0;
	left: 60.3vw;
}


.lines2 .line-container:nth-child(8) {
	position: absolute;
	top: 0;
	left: 67.65vw;
}
.lines2 .line-container:nth-child(9) {
	position: absolute;
	top: 0;
	left: 75vw;
}
.lines2 .line-container:nth-child(10) {
	position: absolute;
	top: 0;
	left: 82.4vw;
}
.lines2 .animated-line {
	position: absolute;
	top: -1%;
	left: 50%;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #6A6F80;
	transform: translate(-50%, -50%);
	animation: moveLineTop 10s linear infinite;
}
.lines2 .line-container {
	position: relative;
	width: 1px;
	height: 90vh;
	background-color:rgb(21 21 21);
	margin-bottom: 0;
}

@keyframes moveLineTop{
	0% {
		top: 0;
	}
	100% {
		top: 100%;
	}
}

.lines2 .line-container:nth-child(1) .animated-line {
	animation-delay: 2s;
}

.lines2 .line-container:nth-child(2) .animated-line {
	animation-delay: 5s;
}

.lines2 .line-container:nth-child(3) .animated-line {
	animation-delay: 10s;
}

.lines2 .line-container:nth-child(4) .animated-line {
	animation-delay: 12s;
}

.lines2 .line-container:nth-child(5) .animated-line {
	animation-delay: 15s;
}

.lines2 .line-container:nth-child(6) .animated-line {
	animation-delay: 20s;
}

.lines2 .line-container:nth-child(7) .animated-line {
	animation-delay: 24s;
}

.lines2 .line-container:nth-child(8) .animated-line {
	animation-delay: 28s;
}

/*line-2*/

.slide-testi .elementor-main-swiper {
	padding-bottom: 100px;
	margin-bottom: -100px;
}

body{
	overflow-x:hidden;
}

button.copy-source {
	border-radius: 0;
	padding: 8px;
	color: #fff;
	border: 0;
	font-size: 12px;
}

button.copy-source svg {
	fill: #fff !important;
}



span.elementor-icon-list-text.elementor-post-info__item.elementor-post-info__item--type-terms {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.slide-testi .elementor-swiper-button.elementor-swiper-button-next , .slide-testi .elementor-swiper-button.elementor-swiper-button-prev {
	bottom: 118px !important;
}

.scroll-vertical {
	animation: 60s linear 0s infinite normal none running scrollDevices
}

.scroll-vertical:hover {
	animation-play-state: paused;
}

.container-scroll {
	overflow: hidden;
}

.marquee p {
	letter-spacing: -0.02em;
	line-height: 1em;
	font-weight: 400;
	margin-right: 88px;
	color: #D9E4EF;
	position: relative;
	width: 550px;
	text-align: center;
}
.marquee p.text-broke {
	-webkit-text-stroke-width: 1px;
	stroke-width: 1px;
	-webkit-text-stroke-color: #FFFFFF;
	stroke: #FFFFFF;
	color: #000;
}

.marquee{ 
	overflow:hidden;
}

.marquee .marquee_text {
	position: relative;
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
	display: flex;
	animation: marquee 60s linear infinite;
	align-items: center;
	z-index: 2;
}

@keyframes marquee {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-100%, 0);
	}
}

@keyframes scrollDevices{
	0% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(-50%);
	}
}


@media (max-width: 767px) {
	.post-col img {
		width: 40%;
	}

	.jet-select {
		max-width: 100% !important;
	}
	.elementor-card-shadow-yes .elementor-post__card {
		flex: none;
		width: 82%;
	}

	a.title-post {
		width: 60%;
	}
	.sc-our-impact {
		overflow: hidden;
		/* height: 350px; */
	}
	.logo1 {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
		padding: 15px 35px 15px 10px;
		justify-content: flex-start;
	}

	.marquee p {
		margin-right: 20px;
	}
	.marquee .marquee_text {
		animation: marquee 8s linear infinite;
	}
	.lines2 .line-container {
		position: relative;
		width: 1px;
		height: 25vh;
		background-color:rgb(21 21 21);
		margin-bottom: 0;
	}

	.logo1 .e-con.e-flex {
		flex: none;
	}

	.logo2 {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
		padding: 15px 35px 15px 10px;
		justify-content: flex-start;
	}

	.logo2 .e-con.e-flex {
		flex: none;
	}

	.logo3 {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
		padding: 15px 35px 15px 10px;
		justify-content: flex-start;
	}

	.logo3 .e-con.e-flex {
		flex: none;
	}

	.related-post {
		flex: none;
		width: 82% ;
	}

	.related-posts-wrapper {
		overflow-x: scroll;
		gap:20px;
		flex-wrap: nowrap;
	}
}