/*
Theme Name: (VamTam) Tecnologia Child
Theme URI: https://tecnologia.vamtam.com
Template: tecnologia
Author: VamTam
Author URI: https://vamtam.com
Description: Welcome to Tecnologia, a modern IT Services and App Development Theme. This lovely niche theme is built and suitable for any business operating in the IT and Saftawre industry. The theme features carefully designed layouts ideal for every contemporary IT company, app landing page, IT services agency, tech startup, as well as for tech support, and every modern software company showcase. It is suitable for users with zero programming skills and advanced developers.
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,full-width-template,post-formats,theme-options,threaded-comments,translation-ready
Version: 5.8.4
Updated: 2025-09-09 13:45:31

*/
/*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: 168px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
}

a.related-post-title {
	font-size: 20px;
	font-weight: 600;
	font-family: "Inter Tight";
	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;
	padding: 18px 20px 30px 20px;
	display: flex
		;
	border-color: #00000026;
	flex-direction: column;
	justify-content: space-between;
}

.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;
}
.post-col img {
	width: 150px;
	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;
}

select.filter-select {
	width: 43%;
}

.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%;
	}

	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;
	}
}