/*
Theme Name: Tekever - Child Theme
Template: divide-by-two-starter-theme
Version: 1.0
*/


/* menu */



/* PRELOADER */

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #345e7a, #e8e8e8, #5f5d67, #ad9090);
	background-size: 800% 800%;
	animation: Gradient 31s ease infinite;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	transition: opacity 0.5s ease;
}

.preloader.hidden {
	opacity: 0;
}

@keyframes Gradient {
	0% {
		background-position: 35% 0%;
	}
	50% {
		background-position: 66% 100%;
	}
	100% {
		background-position: 35% 0%;
	}
}

.preloader.loaded {
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(0px);
}

.preloader.hidden {
	opacity: 0;
}


#preloaderSvg {
	width: 400px;
	height: auto;
}

#preloaderSvg image {
	width: 100%;
	height: 100%;
}

.logo-base {
	opacity: 0.3;
	filter: grayscale(1);
}

.logo-fill {
	clip-path: inset(0 100% 0 0);
}




@keyframes fillCircle {
	0% {
		stroke-dashoffset: 283;
	}
	50% {
		stroke-dashoffset: 0;
	}
	100% {
		stroke-dashoffset: 283;
	}
}



/*cursor */


	
*{
	font-family: 'Roboto', sans-serif;
}

.custom-cursor {
	position: fixed;
	width: 10px;
	height: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	z-index: 99999999;
	transform: translate(-50%, -50%);
}

.custom-cursor .cursor-text {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-radius: 50%;
	
	width: 10px;
	height: 10px;
	
	color: white;
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	
	opacity: 0;
	background: transparent;
	z-index: 1;
	
	transition: all 0.3s ease;
}

.custom-cursor .cursor-bullet {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #d42718;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #d42718;
	flex-shrink: 0;
}



.custom-cursor .cursor-label {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.custom-cursor.active .cursor-label {
	opacity: 1;
}

.custom-cursor.active .cursor-text {
	width: 90px;
	height: 90px;
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	opacity: 1;
	margin-top: 70px;
	margin-left: 70px;
}

.custom-cursor.cursor_comingsoon .cursor-text {
	padding-left: 15px;
}

.custom-cursor .cursor-dot {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #d42718;
	z-index: 9999999;
}
	
.custom-cursor.active .cursor-dot{
	display: none;
}

	.flickity-enabled.is-draggable .flickity-viewport{
	
	}

#masthead{
	position: fixed;
	display: none;
}

p{
	font-size: 16px;
}



// COLOUR SCHEMES - ISTO TEM QUE SER FEITO COMO DEVE SER INCLUINDO O HEADER MUDAR DE COR EM CIMA DOS FUNDOS CLAROS/ESCUROS

.background-white .content_block{
	color: black;
}

.bg-scheme-dark .entry-content p{
	color: white;
}

.bg-scheme-dark .content_block h2{
	color: white;
}


.bg-scheme-default .content_block  p{
	color: white !important;
}


.background-white .content_block h2{
	color: black;
}

.background-default .content_block{
	color: white;
}

.background-default .content_block h2{
	color: white;
}

.red_logo{
	display: none;
}


#header_short{
	
}

.menu-light .menu_container a{
	color: white;
}


.menu-dark .menu_container a{
	color: black;
}

.menu-dark .hamburger_container h2{
	color: rgba(250, 250, 250, 0.3);
}

.menu-dark .toggle span{
	background: black;
} 

body.menu-dark .toggle.active span {
	background: black !important;
}


body.open-menu.menu-dark .menu_container{
	background: rgba(0, 0, 0, 0.7);
}


.menu-dark  .red_logo{
	display: block;
}

.menu-dark .custom-logo{
	opacity: 0;
}





.entry-header{
	display: none;
}

.header {
	height: 130px;
}

.logo img{
	width: 180px;
	left: 4vw;
	top:50px;
	position: absolute;
}

.menu_container{
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.15); 
	backdrop-filter: blur(30px); 
	-webkit-backdrop-filter: blur(30px);
	border-radius: 50px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	color: #fff; 
	position: absolute;
	right: 7vw;
	top: 40px;
	
	height: 50px;
	padding: 0 40px;
	
	
	overflow: hidden;
	
	
	transition: height 0.6s ease;
	will-change: height;
	
	
	width: 470px;
}

#menu-menu-1{
	margin-left: -12px;
}


body:not(.open-menu) .menu_container {
	height: 50px; 
}

.hamburger_container {
	box-sizing: border-box;
	background: none !important;
	position: absolute;
	right: 6vw;
	top: 40px;
	
	padding: 40px 50px 0 50px;
	transition: transform 0.4s ease;
	overflow-y: auto;
	
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	
	
	
	transform: translateY(-20%);
	opacity: 0;
	
	transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55),
	opacity 0.4s ease 0.1s,
	visibility 0s linear 0.6s;
	
	overflow: hidden;

}

/*ALTURAS*/
.hamburger_container{
	width: 470px;
	height: 80vh;
	min-height: 750px;
}

.menu_container{

}

#menu-menu-2{
	margin-top: -20px;
}



.hamburger_overlay.active .hamburger_container {
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
	transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
	opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
	visibility 0s linear 0s;
}

.hamburger_container .small_line {
	width: 30px;
	height: 1px;
	min-height: 1px;
	background: rgba(255, 255, 255, 0.3);
	border: none;
	margin: 0;
	align-self: center;
	margin-top: -15px;
	margin-bottom: 15px;
}

.hamburger_container hr {
	width: 100%;
	height: 1px;
	min-height: 1px;
	background: rgba(255, 255, 255, 0.3);
	border: none;
	margin: 0;
	align-self: center;
}
.hamburger_container ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	align-self: center;
}

.hamburger_container ul li {
	margin: 0;
}

.hamburger_container ul li a {
	  font-family: 'Roboto', sans-serif;
	  font-weight: 300;
	  font-size: 18px;
	  position: relative;
	  display: inline-block;
	  transition: color 0.2s ease-in-out;
	  color: white;
	  
	  text-decoration: none;
	  margin-bottom: 10px;
}

.hamburger_container h2 {
	font-size: 30px;
	  line-height: 1.1em;
	  font-weight: 400;
	  font-family: 'Pilcrow', sans-serif;
	  color: rgba(0, 0, 0, 0.3);
	margin: 0 0 20px 0;
}

.hamburger_container h5 {
	font-family: 'Roboto', sans-serif;
	  font-size: 14px;
	  font-weight: 300;
	  position: relative;
	  display: inline-block;
	  color: white;
	  transition: color 0.2s ease-in-out;
}

.hamburger_container a{
	font-family: 'Roboto', sans-serif;
	  font-size: 13px;
	  position: relative;
	  display: inline-block;
	  transition: color 0.2s ease-in-out;
	  color: white;
	  
	  text-decoration: none;
	  padding-bottom: 10px;
}

a.mail_link_menu{
	margin-top: -20px;
	font-size: 18px;
}




.menu_container ul {
	opacity: 1;
	transition: opacity 0.2s ease;
}

body.open-menu .menu_container ul {
	opacity: 0;
}

body.open-menu  .toggle.active span {
	background: white;
}


.menu_container a {
	color: rgba(255, 255, 255, 1); 
	margin: 15px 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 300;
	position: relative; 
	display: inline-block;
	transition: color 0.2s ease-in-out;
}

.menu_container a:hover {
	color: rgba(255, 255, 255, 0.7);
}


.menu_container a::before {
	content: '';
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 6px; /* Circle size */
	height: 6px;
	background-color: #d42718;
	border-radius: 50%;
	opacity: 0; /* Hidden by default */
	transition: opacity 0.3s ease-in-out; /* Smooth fade in */
}

.menu_container a:hover::before {
	opacity: 1; 
}


.menu_container .current-menu-item  a::before {
	opacity: 1; 
}


.hamburger_container .submenu-arrow {
	margin-left: 8px;
	width: 25px;
	height: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
	cursor: pointer;
	
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 50px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.hamburger_container .submenu-arrow img {
	width: 10px;
	height: 10px;
	transform: rotate(-90deg); /* Points down when closed */
	transition: transform 0.3s ease;
}

.hamburger_container .menu-item-has-children.submenu-open .submenu-arrow img {
	transform: rotate(90deg); /* Points up when open */
}

.hamburger_container .sub-menu {
	max-height: 0;
	opacity: 0;
	margin-top: 0;
	overflow: hidden;
	transition: max-height 0.4s ease, opacity 0.4s ease, margin-top 0.3s ease;
}

.hamburger_container .submenu-open .sub-menu {
	opacity: 1;
	margin-top: -10px;
	/* max-height will be set by JS */
}



.hamburger_container .sub-menu li a {
	font-size: 15px;
	color: rgba(255, 255, 255, 1); 
	padding-bottom: 0;
	margin-left: 20px;
}

.hamburger_container .sub-menu li a::before {
	margin-top:0px;	
}

.submenu-open .sub-menu a{
	padding-bottom: 0;
	margin-bottom: 0;
}

/*
.submenu-open .sub-menu{
	margin-top: -10px !important;
	transition: margin-top 0.3s ease;
}

.sub-menu{
	transition: margin-top 0.3s ease;
}
*/

.hamburger_container .sub-menu .menu-item:last-child{
	padding-bottom: 15px;
}


/* Hamburger menu link styles */

.hamburger_container a{
	position: relative;
}

.hamburger_container a::before {
	content: '';
	position: absolute;
	left: -15px; /* Adjust distance from text */
	top: 50%;
	margin-top: -5px;
	transform: translateY(-50%);
	width: 6px; /* Circle size */
	height: 6px;
	background-color: #d42718;
	border-radius: 50%;
	opacity: 0; /* Hidden by default */
	transition: opacity 0.3s ease-in-out; /* Smooth fade in */
}

.hamburger_container a:hover::before {
	opacity: 1;
}

.hamburger_container .current-menu-item a::before {
	opacity: 1;
}

.hamburger_container .current-menu-parent .current-menu-item a::before {
	opacity: 1;
}




.toggle{
	top: 55px;
	cursor: pointer;
	z-index: 999999999999999;
}


.hamburger_overlay {
	background: none !important;
	z-index: 10;
	cursor: pointer;
}

.menu_cta{
	position: absolute;
	bottom: 0;
	padding-bottom: 50px;
	padding-top: 30px;
}

.menu_cta hr{
	margin-bottom: 30px;
}


/*----- cta button ------*/

.cta-button {
	
	position: relative;
	padding: 16px 40px;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	
	background: transparent;
	border-radius: 50px;
	overflow: hidden;
	z-index: 1;
	margin: 0 auto;    
	display: block;  
	width: fit-content;
	
	box-shadow: 0 0 0.5px rgba(255, 255, 255, 0.4);
}

.cta-button .cta-button-text{
	font-family: "Roboto" !important;
	font-weight: 300;
	letter-spacing: 1px;
}

.cta-button::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200%;
	height: 200%;
	background: conic-gradient(
		from 0deg,
		transparent 0deg,
		transparent 270deg,    /* Start the red earlier */
		#ff0000 270deg,
		#ff0000 330deg,        /* End the red later */
		transparent 330deg
	);
	border-radius: 50%;
	z-index: -2;
	animation: rotate 4s linear infinite;
	transform-origin: center center;
	filter: blur(8px);
}

@keyframes rotate {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

.cta-button::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	background: rgba(156, 165, 180, 0.7); 
	backdrop-filter: blur(20px); 
	-webkit-backdrop-filter: blur(20px);
	border-radius: 50px;
	z-index: -1;
	transition: background 0.2s ease-in-out;
}

.cta-button:hover::after {
	background: rgba(212, 39, 24, 0.7);
	transform: scale(1.05);
	transition: background 0.2s ease-in-out;
}

.coming-soon{
	pointer-events: none;
}

.coming-soon::before{
	display: none;
}

.cta-button-text {
	position: relative;
	z-index: 1;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
	pointer-events: none;
}


.reg-button{
	position: relative;
	padding: 16px 40px;
	text-decoration: none;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
	background: rgba(212, 39, 24, 1);
	border-radius: 50px;
	overflow: hidden;
	z-index: 1;
	margin: 0 auto;    
	display: block;  
	width: fit-content;
	transition: background 0.2s ease-in-out;
}

.reg-button:hover {
	background: rgba(212, 39, 24, 0.7);
	transition: background 0.2s ease-in-out;
}

/*------- news -------------*/

#news .dbt-slide {
	width: 20%;
	margin-left: 40px;
}

#news .dbt-slide:first-of-type {
	padding-left: 10vw;
	box-sizing: content-box; 
}

#news .dbt-slide:last-of-type {
	padding-right: 10vw;
	box-sizing: content-box; 
}

#news .dbt-slide-inner {
	position: relative;
	background-size: cover;
	background-position: center;
	border-radius: 40px;
	overflow: hidden;
	min-height: 600px;
	text-align: left;
}


.numbers{
	height: auto !important;
}

.dbt-parallax-header-wrapper.small-header .dbt-parallax-header{
	border-radius: 0 0 40px 40px;
}


#news .dbt-slide-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	
	filter: none;
}

#news .dbt-slide-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
}

.menu-slider{
	height: 60vw;
	overflow: hidden;
}

.news_title h2{
	font-size: 8vw;
	margin: 0;
	padding-left: 10vw;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 100;
	font-family: 'Pilcrow', sans-serif;
}

#specs .news_title h3{
	padding-left: 10vw;
	color: #d42718;
	  font-size: 18px;
	  font-family: 'Pilcrow', sans-serif;
	  font-weight: 300;
	  margin: 0;
}

#specs .news_title h3{
	//margin-bottom: -1.8vw;
}

#news .flickity-prev-next-button.previous {
	right: calc(10vw + 80px);
	left: auto;
}

#news .flickity-prev-next-button.next {
	right: 10vw;
	left: auto;
}

#news .flickity-prev-next-button.previous, #news .flickity-prev-next-button.next{
	top: -5vw;
}

#news .dbt-slide-caption {
	text-align: left;
	bottom: 0;
	top: auto;
	padding-left: 2vw;
	padding-right: 5vw;
	padding-bottom: 3vw;
	padding-top: 10vw;
	z-index: 1;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
}
#news .dbt-slide-caption .dbt-slide-arrow{
	text-align: center;
}

#news .dbt-slide-date{
	color: white;
	font-family: 'Pilcrow', sans-serif;
}

#news .dbt-slide-caption h3{
	font-weight: 400;
	margin: 0;
	padding-bottom: 20px;
	padding-top: 10px;
	
}

#news .dbt-slide-caption a{
	text-decoration: none;
	color: white;
}

#news .dbt-slide-caption p{
	display: none;
}


/* Slider Global */

.dbt-slide-image {
filter: blur(8px);
}

.is-selected .dbt-slide-image {
	filter: none;
}
	

.flickity-button {
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 50px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	width: 60px;
	height: 60px;
	transition: background 0.15s ease-in-out;
}

.flickity-button:hover {
	background: rgba(255, 255, 255, 0.4); 
}


.flickity-button-icon {
	display: none;
}

/* Hide the default SVG icon */
.flickity-button-icon {
	display: none;
}



.flickity-prev-next-button::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 4px;
	margin-top: -2px;
	background-image: url('./images/seta.svg'); 
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: scaleX(-1); /* Flip horizontally */
}



.dbt-slide-arrow{
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 50px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	width: 60px;
	height: 60px;
	transition: background 0.15s ease-in-out;
	display: block;
}

.dbt-slide-arrow:hover {
	background: rgba(255, 255, 255, 0.4); 
}


.flickity-button-icon {
	display: none;
}

/* Hide the default SVG icon */
.flickity-button-icon {
	display: none;
}



.dbt-slide-arrow svg{
	width: 20px;
	height: 20px;
	margin-top: 20px;
	transform: scaleX(-1); /* Flip horizontally */
}

/* Flip the previous arrow */
.flickity-prev-next-button.previous::before {
	transform: scaleX(1); /* Flip horizontally */
}


.dbt-slide-image img{
	border-radius: 1em;
}



/* CENA */

.homepage-video {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
}




/*--- Model slider -----*/

#model_slider .dbt-slide{
	width: 60%;
}

#model_slider .dbt-slide-inner{
	height: 40vw;
	max-width: 100vw;
	overflow: visible;
}

#model_slider h1{
	font-size: 45vw;
	position: fixed;
	z-index: -10;
	color: rgba(255, 255, 255, 0.1);
	
	left: 0;
	right: 0;
	top:0;
	margin: 0;
	margin-top: -16vw;
	
	
	font-family: 'Pilcrow', sans-serif;
	font-weight: 300;
	
}

#model_slider h3{
	color: #d42718;
	font-size: 18px;
	position: relative;
	z-index: 10;
	
	font-family: 'Pilcrow', sans-serif;
	font-weight: 300;
	margin: 0;
}

#model_slider h2{
	color: white;
	font-size: 40px;
	position: relative;
	z-index: 10;
	
	font-family: 'Pilcrow', sans-serif;
	font-weight: 300;
	margin: 0;
}

#model_slider .dbt-slide-image{
	position: absolute;
	z-index: 10;
	margin-top: -5vw;
}

#model_slider .dbt-slide-caption{
	padding-top: 27vw;
	top: 0;
	overflow: visible;
	z-index: 0;
	position: fixed;
}

#model_slider_cta{
	margin-top: -7vw;
	padding-bottom: 3%;
}

#model_slider .flickity-prev-next-button.previous {
	left: 10vw;
}

#model_slider .flickity-prev-next-button.next {
	right: 10vw;
}

#model_slider{
	position: relative;
}

.image-clone-container {
	position: absolute;
	top: 5vw;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	overflow: visible; 
}

/* Image Clones */
.image-clone {
	position: absolute;
	top: -5vw;
	left: 50%;
	width: 35vw;
	height: auto;
	transform-origin: center center;
	transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
				filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	will-change: transform, filter, opacity;
	margin-left: -15vw;
}

.image-clone img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

/* Keep original slide images hidden */
#model_slider .dbt-slide-image {
	opacity: 0 !important;
	pointer-events: none;
}




/* H1 - fade in place */
#model_slider h1 {
	transition: opacity 0.6s ease;
}

/* H3, H2, Button - fade + move */
#model_slider h3 {
	transition: opacity 0.5s ease, transform 0.5s ease;
}

#model_slider h2 {
	transition: opacity 0.5s ease, transform 0.5s ease;
}

#model_slider .cta-button {
	transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Initial state for non-active slides */
#model_slider .dbt-slide:not(.is-selected) h1,
#model_slider .dbt-slide:not(.is-selected) h3,
#model_slider .dbt-slide:not(.is-selected) h2,
#model_slider .dbt-slide:not(.is-selected) .cta-button {
	opacity: 0;
}




/* HEADER PARALLAX */

.dbt-header-content{
	color: white;
	text-align: center;
}

.dbt-header-content h1{
	font-size: clamp(30px, 20vw, 180px);
	font-family: 'Pilcrow', sans-serif;
	font-weight: 300;
	margin: 0;
	color: white;
}

.small-header .dbt-header-content h1{
	font-size: clamp(30px, 6vw, 180px);
}

.dbt-header-content h2{
	font-size: clamp(30px, 4vw, 180px);
	font-family: 'Pilcrow', sans-serif;
	line-height: 1em;
	font-weight: 300;
	margin: 0;
	color: white;
}

.dbt-header-content p{
	font-size: 20px;
	padding: 0 30% 30px 30%;
	font-weight: 300;  
}

#home_header p{
	
}

#atlas_features h2{
	padding-bottom: 30px;
}


/* Home */

#atlas_home p{
	margin-top: -50px;
	font-size: 20px;
	padding-bottom: 30px;
}





/* MISSIONS HOME */

.missions_cta_home{
	position: relative;
}

.missions_cta_home h2{
	font-weight: 200;
	font-family: 'Pilcrow', sans-serif;
	font-size: clamp(20px, 8vw, 50px);
	
	color: white;
	line-height: 1em;
}

.missions_cta_home{
	padding-bottom: 2%;
}

.missions_cta_home .cta-button{
	margin-top: -10vw;
}

.title_product_home{
	text-align: center;
	padding: 3% 0 3% 0;
}

.title_product_home h2{
	font-size: clamp(20px, 8vw, 50px);
	  line-height: 1em;
	  padding-top: 10px;
	  padding-bottom: 20px;
	  font-family: 'Pilcrow', sans-serif;
	  font-weight: 300;
	  color: white;
	  margin: 0;
}

.title_product_home h3{
	color: white;
	font-size: 16px;
	font-weight: 300;
}
.title_product_home h4{

	  color: #d42718;
	  font-size: 18px;
	  font-family: 'Pilcrow', sans-serif;
	  font-weight: 300;
	  margin: 0;
}

/* Atlas Page */


.content_block h3{
	color: #d42718;
	font-size: 18px;
	font-family: 'Pilcrow', sans-serif;
	font-weight: 300;
	margin: 0;
}


.content_block h2{
	font-size: clamp(20px, 8vw, 50px);
	line-height: 1em;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Pilcrow', sans-serif;
	font-weight: 300;
	color: black;
	margin: 0;
}

.content_block{
	color: black;
}


.atlas_cols {
	padding: 0 10% 5% 10%;
	  display: flex !important;
	  align-items: stretch !important;
}

.atlas_cols h2{
	font-size: clamp(20px, 8vw, 50px);
	  font-weight: 400;
	  font-family: 'Pilcrow', sans-serif;
	  color: rgba(0, 0, 0, 0.1);
	  padding-top: 35px;
	  padding-bottom: 10px;
	  line-height: 1em;
}


.atlas_cols p{
	color: black;
}

.atlas_cols_col{
	padding: 0 5%;
	padding-bottom: 50px;
}

#pgc-316-2-1{
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}



.atlas_video_play h2{
	color: white;
}

.atlas_video_play{
	padding-top: 15vw;
}


.atlas_roladex{
	padding: 0% 10% 0% 10%;
	margin-top: -6vw;
}

.atlas_roladex .dbt-sticky-image{
	border-radius: 1.5em;
}

.atlas_roladex h1{
	font-size: clamp(20px, 2vw, 100px);
	  line-height: 1.1em;
	  font-weight: 400;
	  font-family: 'Pilcrow', sans-serif;
	  color: rgba(255, 255, 255, 0.3);
	  padding-top: 35px;
	  padding-bottom: 10px;
}

.atlas_roladex p{
	font-size: 14px;
	  line-height: 1.6;
	  margin-bottom: 30px;
	  font-weight: 400;
}

.atlas_roladex ul{
	padding: 0;
	margin: 0 0 0 1em;
}

.atlas_roladex ul li{
	font-size: 14px;
	  line-height: 1.6;
	  color: white;
	  font-weight: 400;
}


.dbt-video-menu-item{
	font-family: 'Roboto ', sans-serif;	
}

.dbt-video-menu-item.is-active{
	color: white;
}

.dbt-video-menu-item:hover{
	color: rgba(255, 255, 255, 0.7);
}

.dbt-video-menu-item::before {
	content: '';
	position: relative;
	left: -5px;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #d42718;
	border-radius: 50%;
	opacity: 0;
	display: inline-block;
	transition: opacity 0.3s ease-in-out;
}

.dbt-video-menu-item.is-active::before {
	opacity: 1;
}

.swiper .dbt-slide-caption {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
	padding: 50px 20%;
}

.swiper .dbt-slide-caption h2{
	font-size: clamp(24px, 5vw, 50px);
	padding-bottom: 20px;
	line-height: 1em;
	font-family: 'Pilcrow', sans-serif;
	font-weight: 300;

}

.swiper .dbt-slide-caption p{
	margin-top: -10px;
}

/* PLAY BUTTON */


.playvideo_button {
	  display: inline-block;
	  padding: 12px 30px;
	  background: rgba(255, 255, 255, 0.15);
	  backdrop-filter: blur(10px);
	  -webkit-backdrop-filter: blur(10px);
	  border-radius: 50px;
	  
	  color: white;
	  font-family: 'Roboto ', sans-serif;
	  font-size: 15px;
	  text-decoration: none;
	  font-weight: 200;
	}
	
	.playvideo_button:hover {
	  background: #b01f12;
	}
	
	
	.play_button {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: 100px;
	  height: 100px;
	  border-radius: 50%;
	  cursor: pointer;
	  z-index: 2;
	  transition: all 0.3s ease;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  overflow: hidden;
	  box-shadow: 0 0 0.5px rgba(255, 255, 255, 0.4);
	}
	
	.play_button::before {
	  content: '';
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 200%;
	  height: 200%;
	  background: conic-gradient(
		from 0deg,
		transparent 0deg,
		transparent 270deg,
		#ff0000 270deg,
		#ff0000 330deg,
		transparent 330deg
	  );
	  border-radius: 50%;
	  z-index: -2;
	  animation: rotate 4s linear infinite;
	  transform-origin: center center;
	  filter: blur(8px);
	}
	
	@keyframes rotate {
	  0% {
		transform: translate(-50%, -50%) rotate(0deg);
	  }
	  100% {
		transform: translate(-50%, -50%) rotate(360deg);
	  }
	}
	
	.play_button::after {
	  content: '';
	  position: absolute;
	  top: 2px;
	  left: 2px;
	  right: 2px;
	  bottom: 2px;
	  background: rgba(255, 255, 255, 0.3);
	  backdrop-filter: blur(20px);
	  -webkit-backdrop-filter: blur(20px);
	  border-radius: 50%;
	  z-index: -1;
	  transition: background 0.3s ease;
	}
	
	.play_button:hover::after {
	  background: rgba(212, 39, 24, 0.5);
	}
	
	.play_button:hover {
	  transform: translate(-50%, -50%) scale(1.1);
	}
	
	/* Play icon */
	.play_icon {
	  width: 0;
	  height: 0;
	  border-left: 15px solid white;  /* reduced from 20px */
	  border-top: 9px solid transparent;  /* reduced from 12px */
	  border-bottom: 9px solid transparent;  /* reduced from 12px */
	  margin-left: 4px;  /* reduced from 5px to keep optical centering */
	  position: relative;
	  z-index: 1;
	}


/*Footer */

.footer_row{
	padding: 0 10%;
}

.footer_row img{
	width: 160px;
}

.footer_row h3{
	color: white;
}

.footer_row p{
	color: rgba(255, 255, 255, 0.3);
}

.footer_row a{
	color: rgba(255, 255, 255, 0.3);
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer_row a:hover{
	color: rgba(255, 255, 255, 0.8);
}


.footer_row a, .footer_row h3, .footer_row p{
	font-size: 15px;
	font-weight: 300;
	line-height: 1.7em;
}

.footer_row h5{
	font-size: 12px;
	font-weight: 300;
}

.footer_row .contact{
	padding-top: 30px;
}

.footer_row:first-of-type{
	padding-bottom:50px;
}

.footer_row .footer_col{
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	padding-top:50px;
}

.footer_big_logo{
	width: 105vw;
	margin-left: -2.5vw;
	margin-bottom: -3vw;
	opacity: 0.02;
}


/* ABOUT PAGE */

.numbers{
	padding: 3% 20% 0 20%;
	height: 200px;
}

.bottom_numbers{
	height: 30vw;
	padding-top: 40px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.numbers h3{
	font-size: 16px;
	color: #d42718;
	font-weight: normal;
}

.numbers h2{
	color: rgba(0, 0, 0, 0.1);
	font-size: clamp(20px, 9vw, 100px);
	font-weight: 400;
	font-family: 'Pilcrow', sans-serif;
}

.bg-scheme-dark .numbers h2{
	color: rgba(255, 255, 255, 0.1);
}

.numbers span{
	font-weight: 400;
	font-family: 'Pilcrow', sans-serif;
}




.timeline_about{
	padding: 0 10%;
	margin-top: -10vw;
}
.timeline_about .dbt-ss-scroll-container{
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	padding-left: 5vw;
}
.timeline_about .dbt-ss-section-inner{
	position: relative;
}
.timeline_about .dbt-ss-section-inner h2{
	position: absolute;
	right: calc(100% + 10vw);
	
	text-align: right;
	
	color: rgba(255, 255, 255, 0.3);
	
	font-size: clamp(20px, 9vw, 100px);
	font-weight: 400;
	font-family: 'Pilcrow', sans-serif;
}

.timeline_about .dbt-ss-pinned-content h1{
	font-weight: 200;
	font-family: 'Pilcrow', sans-serif;
	font-size: clamp(20px, 5vw, 100px);
	color: white;
}

.timeline_about .dbt-ss-section-inner h3{
	font-size: clamp(20px, 2vw, 100px);
	line-height: 1.1em;
	font-weight: 400;
	font-family: 'Pilcrow', sans-serif;
	color: rgba(255, 255, 255, 0.3);
	padding-top: 35px;
	padding-bottom: 10px;
}

.timeline_about .dbt-ss-section-inner p{
	font-size: 14px;
	color: white;
	padding-left: 4px;
	line-height: 1.8em;
}

.timeline_about .dbt-sticky-section {
	grid-template-columns: 3fr 2fr !important;
}

.timeline_about .dbt-ss-section-inner h2::before {
	content: '';
	position: absolute;
	left: calc(100% + 5vw - 6px); /* Left side of h2, plus distance to line, minus half dot */
	top: 50%;
	transform: translateY(-50%);
	
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: white;
	
	transition: background-color 0.2s ease;
}

.timeline_about .dbt-ss-scroll-section.active-section .dbt-ss-section-inner h2::before {
	background-color: #d42718;
	transition: background-color 0.5s ease 0.3s;
}

.timeline_about .dbt-ss-pinned-container {
	align-items: flex-start !important;
	padding-top: 7vw;
}




/* WHY UAS */

.why-roladex{
	padding: 0 10%;
}

.why-roladex .dbt-ss-pinned-content{
	padding-right: 10%;
}

.why-roladex .dbt-ss-pinned-content h3{
	color: #d42718;
	  font-size: 18px;
	  font-family: 'Pilcrow', sans-serif;
	  font-weight: 300;
	  margin: 0;
}

.why-roladex .dbt-ss-pinned-content h2{
font-size: clamp(20px, 8vw, 50px);
  line-height: 1em;
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: 'Pilcrow', sans-serif;
  font-weight: 300;
  color: white;
  margin: 0;
}

.why-roladex .dbt-ss-pinned-content p{
	font-size:18px;
	color: white;
	font-weight: 300;
}

.why-roladex .dbt-ss-section-inner h2{
	font-size: clamp(20px, 2vw, 100px);
	  line-height: 1.1em;
	  font-weight: 400;
	  font-family: 'Pilcrow', sans-serif;
	  color: rgba(255, 255, 255, 0.3);
	  padding-top: 35px;
	  padding-bottom: 10px;
}

.why-roladex .dbt-ss-section-inner p{
	font-size: 14px;
	  color: white;
	  padding-left: 4px;
	  line-height: 1.8em;
}






.digital_roladex{
	padding: 0 10%;
}



.digital_roladex h2, .space_roladex_one h2{
	font-size: clamp(26px, 4vw, 100px);
	  line-height:0.9em;
	  font-weight: 400;
	  font-family: 'Pilcrow', sans-serif;
	  color: rgba(0, 0, 0, 0.3);
	  padding-bottom: 10px;
}


.digital_roladex .dbt-text-content{
	padding: 0 10%;
}


.background-dark .flickity-button{
	background: rgba(255, 255, 255, 0.1);
	transition: background ease 0.3s;
}

.background-dark .flickity-button:hover{
	background: rgba(255, 255, 255, 0.2);
}

.space_roladex_one h3{
	color: #d42718;
	  font-size: 18px;
	  font-family: 'Pilcrow', sans-serif;
	  font-weight: 300;
	  margin: 0;
}

.space_roladex_one p{
	font-size: 14px;
	  color: black;
	  padding-left: 4px;
	  line-height: 1.8em;
}


.space_roladex_one .button, #space_accordion .button{
	margin-top: 30px;
	display: inline-block;
	  padding: 12px 30px;
	  background: #d42718;
	  border-radius: 50px;
	  color: white;
	  font-family: 'Roboto', sans-serif;
	  font-size: 15px;
	  text-decoration: none;
	  font-weight: 200;
	  transition: background 0.3s ease;
}

.space_roladex_one .button:hover, #space_accordion .button:hover{
	background: #970b00;
}

.button{
	margin-top: 30px;
	display: inline-block;
	  padding: 12px 30px;
	  background: #d42718;
	  border-radius: 50px;
	  color: white;
	  font-family: 'Roboto', sans-serif;
	  font-size: 15px;
	  text-decoration: none;
	  font-weight: 200;
	  transition: background 0.3s ease;
}

.button:hover{
	background: #970b00;
}


.space_roladex_two h1{
	font-size: clamp(20px, 2vw, 100px);
	  line-height: 1.1em;
	  font-weight: 400;
	  font-family: 'Pilcrow', sans-serif;
	  color: rgba(255, 255, 255, 0.3);
	  padding-bottom: 10px;
}

.space_roladex_one h2{
	color: rgba(255, 255, 255, 0.3) !important;
}

.space_roladex_one img{
	border-radius: 30px;
}

.space_cols p{
	color: rgba(255, 255, 255, 0.7);
	font-weight: 300;
	font-size: 16px;
}



.space_case_study_img {
	position: relative;
	width: 100%;
	height: 90vh; /* Adjust this to your desired height */
	overflow: hidden;
	border-radius: 30px; 
}

.space_case_study_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* SPACE ROLADEX TWO FULLSCREEN FIX */


.they_trust{
	margin-top: -5vw;
}

.they_trust h2{
	color: white;
}

.logos_space{
	padding-bottom: 5vw;
}

.digital_roladex .dbt-text-content {
	color: white;
}

#specs{
	padding-bottom: 3%;
	padding-right: 0 !important;
}

#specs img{
	width: 100%;
}


.specs_intro p{
	color: white;
	line-height: 1.9em;
	padding-bottom: 100px;
}

.specs_cta{
	padding-bottom: 10% !important;
}

.specs_cta .content_block h2, .specs_cta .content_block p{
	color: white;
}

#home_header .cta-button{
	bottom: 60px;
	position: absolute;
}


#systems_header .cta-button{
	bottom: 60px;
	position: absolute;
}


.dbt-slide-counter{
	right: -140px !important;
}

#about_roladex .dbt-slide-counter{
	right: auto !important;
	left: 0 !important;
}

.dbt-3d-product-tour .dbt-slide-counter{
	right: 50% !important;
	margin-right: -100px !important;
}

.goverlay{
	background: rgba(0, 0, 0, 0.8) !important; 
	backdrop-filter: blur(10px); 
	-webkit-backdrop-filter: blur(10px);
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
	background: none !important;
}

.gcontainer .disabled{
	display: none;
}


/* PROJECTS */


.projects_title p{
	  color: rgba(0, 0, 0, 0.3);
	  font-size: clamp(20px, 9vw, 100px);
	  font-weight: 400;
	  font-family: 'Pilcrow', sans-serif;
	  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	  margin-bottom: 30px;
}

.post_preview{
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding-bottom: 35px;
}

.post_preview:last-child{
	border: none;
}

.post_preview h3 a{
	color: white;
	font-weight: 300;
}

.post_preview p{
	color: rgba(255, 255, 255, 0.699);
	margin-top: -10px;
	font-weight: 300;
}

.post_preview_left{
	padding-right: 30%;
}

.post_preview img{
	border-radius: 30px;
}

.post_arrow {
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 50px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	width: 50px;
	height: 50px;
	transition: background 0.15s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
}

.post_arrow img {
	width: 17px;
	height: 17px;
	
	pointer-events: none;
}


#specs a, #specs h3, #specs p{
	font-size: 16px;
	font-weight: 300;
}

#specs h3{
	color: rgba(255, 255, 255, 0.3);
}

#specs p{
	color: white;
}

.intro_block{
	background: rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	padding: 50px;
	margin-bottom: 100px;
	margin-left: -10%;
	width: 120%;
}

.intro_block .panel-grid-cell:first-child{
	padding-right: 3%;
	border-right: rgba(0, 0, 0, 0.1) 1px solid;
	align-self: stretch;
}

.intro_block .panel-grid-cell:first-child p{
	font-size: 14px;
}

.intro_block .panel-grid-cell:last-child{
	padding-left: 3%;
}

.intro_block h3.widget-title{
	color: rgba(0, 0, 0, 0.2);
	  font-size: clamp(20px, 3vw, 100px);
	  line-height: 1em;
	  font-weight: 400;
	  font-family: 'Pilcrow', sans-serif;
	  padding: 0;
	  margin-top: -6px;
}

/*

#home_mission_cta_slider{
	position: relative;
}

#home_mission_cta_slider .dbt-video-slider-menu{
	position: absolute;
	top: 10vw;
	margin-left: 13vw;
}

*/

#home_mission_cta_slider .cta-button {
	  margin-top: -70px;
	  margin-left: auto !important;
	  margin-right: 0 !important;
	}

#home_mission_cta_slider .dbt-slide-caption{
	padding-top: 32vw;
	background: linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(0, 0, 0, 0.9) 100%);
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 5vw;
}

#home_mission_cta_slider .swiper .dbt-slide-caption h2 {
	text-align: left;
	font-size: clamp(20px, 2vw, 50px);
}

#home_mission_cta_slider .swiper .dbt-slide-caption h3{
	text-align: left;
	color: #d42718;
	  font-size: 18px;
	  font-family: 'Pilcrow', sans-serif;
	  font-weight: 300;
	  margin: 0;
}

#home_mission_cta_slider .dbt-video-background{
	background: black;
}

#home_mission_cta_slider .dbt-video-background video{

}

#home_mission_cta_slider  .dbt-video-slider-wrapper .swiper-pagination {
	bottom: 1.8vw;	
	
	  right: auto; /* optional, to override if needed */
	  z-index: 20;
	  text-align: left;
	  padding-left: 5%;
}

.vertical_line_home{
	position: absolute;
	height: 120vh;
	 width: 40vw; /* adjust width as needed */
	 z-index: -1; /* or a low number to place it behind elements */
	right: -3vw; 
	top: 5vw;
	pointer-events: none;
}

#systems_header p{
	
}

.glightbox-clean .gclose {
	background: rgba(255, 255, 255, 0.15) !important;
	  backdrop-filter: blur(10px);
	  -webkit-backdrop-filter: blur(10px);
	  border-radius: 50px !important;
	  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	  padding: 10px !important;
	  width: 50px !important;
	  height: 50px !important;
	  top: 40px !important;
	  right: 50px !important;
}

/*  FORM  */

#form h2{
	font-size: clamp(30px, 4vw, 180px);
    font-family: 'Pilcrow', sans-serif;
    font-weight: 300;
	color: rgba(0, 0, 0, 0.3);
}

#form p{
	color: white;
	font-size: 16px;
	font-weight: 300;
	line-height: 2em;
	margin-bottom: 15px;
}

.form_accordion{
	padding-top: 30px;
}

#form .panel-grid-cell:first-child{
	padding-right: 10vw;
}

.sow-accordion-panel-header{
	padding: 0 !important;
	
	
}

.sow-accordion-title{
	color: rgba(255, 255, 255, 0.5);
	transition: color 0.3s ease;
}

.sow-accordion-title:hover{
	color: rgba(255, 255, 255, 1);
}

.sow-accordion-panel-open .sow-accordion-title{
	color: rgba(255, 255, 255, 1);
	
}

.sow-icon-ionicons{
	color: rgba(255, 255, 255, 0.5);
}

.sow-accordion-panel-border{
	padding: 0 0 25px 0 !important;
	background: none !important;
}

.sow-accordion-panel-border{
	color: rgba(255, 255, 255, 0.5) !important;
}

.sow-accordion-title{
	padding-bottom: 15px;
	padding-top: 7px;
	
	  font-family: 'Roboto ', sans-serif;
	  font-size: 18px;
	  font-weight: 300;
}

.sow-accordion-panel-content{
	
}


.sow-accordion-panel{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
	
}





.sow-accordion-panel-border h5{
	color: rgba(255, 255, 255, 0.5);
	font-weight: 300;
}
  
.wpcf7-form .form_row {
	  display: flex;
	  gap: 40px;
	  margin-bottom: 40px;
	}
	
	.wpcf7-form .form_col1,
	.wpcf7-form .form_col2 {
	  flex: 1;
	}
	
	.wpcf7-form .form_col_full {
	  flex: 1;
	}
	
	.wpcf7-form input[type="text"],
	.wpcf7-form input[type="email"],
	.wpcf7-form textarea,
	.wpcf7-form textarea::placeholder {
	  width: 100%;
	  border: none;
	  border-radius: 0;
	  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	  background: none;
	  font-size: 24px;
	  padding-bottom: 10px;
	  font-weight: 300;
	  color: rgba(255, 255, 255, 1);
	  font-family: inherit;
	  transition: border-color 0.2s;
	}
	
	.wpcf7-form input[type="text"]::placeholder,
	.wpcf7-form input[type="email"]::placeholder,
	.wpcf7-form textarea::placeholder {
	  color: rgba(255, 255, 255, 0.5);
	  opacity: 1; /* Firefox fix */
	}
	
	.wpcf7-not-valid-tip{
		color: rgba(0, 0, 0, 0.3)
	}
	
	.wpcf7-form input:focus,
	.wpcf7-form textarea:focus {
	  outline: none;
	  border-bottom: 1px solid rgba(255, 255, 255, 1);
	}
	
	.wpcf7-form textarea {
	  min-height: 150px;
	  resize: vertical;
	}
	
	.wpcf7-form input[type="submit"] {
	  margin-top: 30px;
		display: inline-block;
		padding: 15px 30px 12px 30px;
		background: #d42718;
		border-radius: 50px;
		color: white;
		font-family: 'Roboto ', sans-serif;
		font-size: 15px;
		text-decoration: none;
		font-weight: 200;
		border:0;
	    transition: background 0.2s;
		cursor: pointer;
		
		float: right;
	}
	
	.wpcf7-form input[type="submit"]:hover {
	  background: #000;
	}
	
	/* Mobile responsive */
	@media (max-width: 768px) {
	  .wpcf7-form .form_row {
		flex-direction: column;
		gap: 15px;
	  }
	}
	
	
	
	/* Hide SiteOrigin's default icons */
	.sow-accordion-panel-header .sow-icon-ionicons,
	.sow-accordion-panel-header .sow-icon-expand {
	  display: none !important;
	}
	
	/* Create your custom arrow container */
	.sow-accordion-panel-header::after {
	  content: '';
	  flex-shrink: 0;
	  width: 40px;
	  height: 40px;
	  margin-top: -7px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  
	  background: rgba(255, 255, 255, 0.15) url('https://dividebytwo.pt/maquetes/tekever_mainsite/wp-content/themes/tekever-theme/images/seta.svg') no-repeat center;
	  background-size: 13px 13px;
	  backdrop-filter: blur(10px);
	  -webkit-backdrop-filter: blur(10px);
	  border-radius: 50px;
	  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	  
	  transform: rotate(-90deg);
	  transition: transform 0.3s ease, background 0.3s ease;
	}
	
	/* Rotate when open */
	.sow-accordion-panel-open .sow-accordion-panel-header::after {
	  transform: rotate(90deg);
	}
	
	.sow-accordion-panel-header:hover::after {
		background: rgba(255, 255, 255, 0.35) url('https://dividebytwo.pt/maquetes/tekever_mainsite/wp-content/themes/tekever-theme/images/seta.svg') no-repeat center;
		background-size: 13px 13px;
	}
	
/* 404 */

#form .news_title h2{
	padding-left: 0;
	color: rgba(255, 255, 255, 0.15);
}

.error-404 {
	min-height: 100vh;
	position: relative;
}

h1.page-title {
	font-size: 45vw;
	position: absolute;
	z-index: -10;
	color: rgba(255, 255, 255, 0.05);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	font-family: 'Pilcrow', sans-serif;
	font-weight: 300;
	text-align: center;
	white-space: nowrap;
}


/* certs */

.cert_grid {
	  display: grid;
	  grid-template-columns: repeat(4, 1fr);
	  gap: 20px;
	  width: 100%;
	}
	
	.cert_item {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  
	  background: rgba(255, 255, 255, 0.15);
	  backdrop-filter: blur(30px);
	  
	  padding: 30px;
	  border-radius: 30px;
	  height: 200px;
	}
	
	.cert_item img {
		  width: 100%;
		  height: 100%;
		  object-fit: contain;
		  display: block;
		}
	
#certs h3{
	font-weight: 300;
	color: white;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	margin-bottom: 30px;
	padding-bottom: 10px;
	margin-top: 30px;
	font-size: 15px;
}

.cert_item a {
	  display: block;
	  width: 100%;
	  height: 100%;
	}
	
.page-id-244 .gslide-media, .specs_popup{
	width: 80vw !important;
	height: 80vh !important;
	max-width: none !important;
	max-height: none !important;
	border-radius: 30px;
}

.page-id-244 .goverlay {
	  background: rgba(0, 0, 0, 0.2) !important;
	  
  }

.page-id-244 .gslide-inline .ginlined-content {
	padding: 0 !important;
}

.specs_wrapper{
	padding: 5% 10% 5% 10%;
}

.specs_popup h2{
	color: black !important;
	padding-bottom: 0 !important;
}

#specs .specs_wrapper .content_block h3{
	font-size: 26px;
}

.specs_popup h3 {
	  color: rgba(0, 0, 0, 0.3) !important;
	}
	
.specs_popup p{
	color: black !important;
}

.specs-container p{
	margin-bottom: 10px;
}

.specs_wrapper .content_block{
	font-size: 16px;
    font-weight: 300;
}

.specs_wrapper .content_block:nth-child(2) {
	padding-top: 50px;
}

.col h2{
	font-size: 16px;
}

.specs-container {
	display: flex;
	gap: 20px;
	margin-top: 50px;
}
	
.col {
	flex: 1;
}


.slide-right {
	opacity: 0;
	transform: translateX(100px);
}

/* Only inside sticky sections */
.dbt-ss-scroll-section .slide-right {
	opacity: 0;
	transform: translateX(100px);
}


.digital_roladex .dbt-mobile-text{
	color: white;
}

#space_accordion img{
	display: none;
}


#ar3_slider .dbt-slide-caption {
	  position: absolute;
	  bottom: 30px;;
	  height: fit-content !important;
	  max-height: none !important;
	  min-height: 0 !important;
	  top: auto !important;
	}

#ar3_slider h1{
	line-height: 1em;
	margin: 0;
	font-size: clamp(26px, 3vw, 60px);
	font-weight: 300;
	font-family: 'Pilcrow', sans-serif;
}

#ar3_slider p{
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5em;
}

#ar3_title h2{
	font-size: clamp(26px, 4vw, 60px);
	line-height: 1em;
	padding-top: 35px;
	padding-bottom: 80px;
}

.page-id-1125 .specs_intro p{
	padding-bottom: 0;
}

#specs .reg-button{
	float: left;
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
}



.text_rotate {
	overflow: hidden;
	width: 100%;
}
	
.text_rotate_inner {
	display: flex;
	width: max-content;
}
	
.text_rotate h2 {
	  margin: 0;
	  white-space: nowrap;
	  flex-shrink: 0;
	}
	
.text_rotate h2::after {
	  content: '────────';
	  margin: 0 50px;
	  color: #c8322a;
	  font-weight: 100;
	  font-size: 0.5em; /* Make it thinner */
	  vertical-align: middle;
	}
	
.text_rotate .divider::after {
	content: '────────';
	color: #c8322a;
	font-size: 0.5em;
	vertical-align: middle;
	margin: 0 50px;
}

:root {
	  --plyr-color-main: #d42718;
	}

@keyframes scroll-left {
	  0% {
		transform: translateX(0);
	  }
	  100% {
		transform: translateX(var(--scroll-distance));
	  }
}


.text_rotate h2 {
	font-size: clamp(20px, 2vw, 50px);
	color: rgba(255, 255, 255, 0.2);
	font-family: 'Pilcrow', sans-serif;
	font-weight: 100 !important;
}


.text_rotate{
	padding: 5% 0 5% 0;
}

.pillars h1{
	font-family: 'Pilcrow', sans-serif;
	font-size: clamp(30px, 2.5vw, 60px);
	font-weight: 300;
	color: white;
}

.pillars h2{
	font-family: 'Pilcrow', sans-serif;
	font-size: clamp(30px, 1.5vw, 60px);
	font-weight: 300;
	color: white;
}

.pillars span{
	background: #c8322a;
	height: 1px;
	width: 45px;
	margin: 20px auto;
	display: block;
}


.pillars p{
	font-weight: 300;
}

#arx h2{
	font-size: clamp(26px, 3vw, 60px) !important;
	padding-top: 20px;
}

#specs .news_title h2{
	font-size: clamp(26px, 3.5vw, 60px) !important;
	padding-top: 0px;
}

.specs_intro p{
	padding-bottom: 0 !important;
}

.bg-scheme-dark .dbt-text-content{
	color: white;
	font-weight: 300;
}

/* COPY THIS CODE AND MAKE AN OPTION FOR FULLSCREEN STICKY */

#ar3-sticky .dbt-sticky-image-container {
	  position: absolute !important;
	  left: calc(-50vw + 50%) !important;
	  top: 0;
	  width: 100vw !important;
	  height: 100vh !important;
	  z-index: 0;
	  margin: 0 !important;
	  padding: 0 !important;
	}
	
	#ar3-sticky .dbt-sticky-image {
	  width: 100% !important;
	  height: 100vh !important;
	  max-height: 100vh !important;
	  object-fit: cover !important;
	}
	
	/* Center the counter */
	#ar3-sticky .dbt-slide-counter {
	  left: 50% !important;
	  right: auto !important;
	  transform: translateX(-50%);
	  bottom: 40px;
	}
	
	#ar3-sticky .dbt-text-container {
		  position: relative;
		  z-index: 1;
		  grid-column: 1 / -1;
		  width: 100%;
		  display: flex;
		  justify-content: flex-end;
		}
		
		#ar3-sticky .dbt-text-section {
		  width: 30%;
		  padding: 4rem 2rem;
		  color: white;
		  background: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.8));
		}
		
		#ar3-sticky .dbt-text-content {
		  max-width: 100%;
		}
		
		/* Make sure headings and paragraphs are white too */
		#ar3-sticky .dbt-text-section h1,
		#ar3-sticky .dbt-text-section h2,
		#ar3-sticky .dbt-text-section h3,
		#ar3-sticky .dbt-text-section p {
		  color: white;
		}
		
/* ------------------- */

.bg-scheme-dark .dbt-description-box{
	background: rgba(255, 255, 255, 0.05) !important;
}

#ar3-sticky h3{
	color: #c8322a !important;
	  font-weight: 300 !important;
	  font-size: 18px;
	  font-family: 'Pilcrow', sans-serif;
}

#ar3-sticky h2{
	line-height: 1em !important;
	  font-weight: 300;
	  font-size: 24px;
	  font-family: 'Pilcrow', sans-serif;
	  padding-bottom: 10px;
	  color: rgba(255, 255, 255, 0.6) !important;
}

#ar3-sticky p{
	font-weight: 300;
	
}

#ar3-sticky .dbt-text-content{
	padding-left: 5vw;
}

#ar3-sticky .dbt-text-content ul li::before,  #ar3-sticky .dbt-mobile-text ul li::before{
	  content: '';
	  position: absolute;
	  left: 0;
	  top: 50%;
	  transform: translateY(-50%);
	  width: 10px;
	  height: 10px;
	  border: 1px solid #c8322a;
	  border-radius: 50%;
	  background: transparent;
	}
	
#ar3-sticky .dbt-text-content ul, #ar3-sticky .dbt-mobile-text ul {
		  list-style: none;
		  padding: 10px 0 0 0px;
		  margin: 0;
		}
		
#ar3-sticky .dbt-text-content ul li, #ar3-sticky .dbt-mobile-text ul li {
	  position: relative;
	  padding-left: 20px;
	  color: white;
	  font-weight: 300;
	}

.digital_roladex .dbt-text-content a{
	color: rgba(0, 0, 0, 0.3);
}

.digital_roladex .dbt-text-content a:hover{
	color: rgba(0, 0, 0, 0.5);
}

.digital_roladex .dbt-mobile-text a{
	color: rgba(0, 0, 0, 0.3);
}

#form a{
	color: rgba(0, 0, 0, 0.3);
	padding-top: 20px;
	display: inline-block;
}

.divider{
	color: rgba(0, 0, 0, 0.3);
}

#form a:hover{
	color: rgba(0, 0, 0, 0.5);

}

.sow-accordion-title{
	color: white !important;
	
}

.form_accordion{

}

.single-projects .news-title{
	display: none;
}

#news .dbt-slide-inner {
	overflow: hidden;
}
#news .dbt-slide-image img {
	transition: transform 0.5s ease-out; /* Fast return */
}
#news .dbt-slide-inner:hover .dbt-slide-image img {
	transform: scale(1.15);
	transition: transform 5s ease-out; /* Slow zoom in */
}

.news-item {
	overflow: hidden;
	position: relative;
}

.news-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: inherit;
	background-size: cover;
	background-position: center;
	transition: transform 0.5s ease-out; /* Fast return */
	z-index: 0;
}

.news-item:hover::before {
	transform: scale(1.15);
	transition: transform 5s ease-out; /* Slow zoom in */
}

.news-item .news_caption {
	position: relative;
	z-index: 1;
}

.menu-item-1158 a{
	pointer-events: none;
}

.single-projects .news-title{
	display: none !important;
}



/* TOUCH FIXES */
	
html {
	overflow-x: hidden;
	max-width: 100vw;
}

body {
	max-width: 100vw;
}

* {

}

/* Exclude the background canvas from width constraints */
#animated_background,
#animated_background canvas {
	max-width: none !important;
}

/* DISABLE STUFF ON TOUCH DEVICES */

@media (hover: none) and (pointer: coarse) {
	#customCursor {
		display: none;
	}
	
	#news .dbt-slide-inner:hover .dbt-slide-image img {
		transform: none;
		transition: none;
	  }
	  
	  .news-item:hover::before {
		transform: none;
		transition: none;
	  }
}



.mobile_only{
	display: none !important;
}

.desktop_only{
	display: flex !important;
}



/* MOBILE GENERAL */

@media (max-width: 960px) {
	
	
	body, .panel-grid{
		overflow-x: hidden !important;
		max-width: 100vw;
	}
	
	#page,
	.smooth_wrapper {
		overflow-x: hidden !important;
	}
	
	.panel-grid::-webkit-scrollbar {
		display: none;
	}
	
	.panel-grid, .panel-grid-cell {

		overflow-x: hidden !important;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	

	
	.mobile_only{
		display: flex !important;
	}
	
	.desktop_only{
		display: none !important;
	}
	
	.menu_container {
		display: none;
	}
	

	
	
	
	.vertical_line_home {
		pointer-events: none;
		overflow-y: visible;
		display: flex;
		position: relative; 
		
		display: none;
	}
	
	.header{
		z-index: 9999 !important;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	
	.hamburger_container{
		width: 90vw;
		height: 90vh;
		top: 50px;
		
		right: 5vw;
		min-height: 0;
		
		height: auto;
		
		
		position: absolute;
		
		
		background: rgba(114, 114, 114, 0.6) !important;
		backdrop-filter: blur(30px);
		-webkit-backdrop-filter: blur(30px);
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
		
		
		border-radius: 30px;
		
		
		padding: 30px 50px 30px 50px;
	}
	
	.header{
		background: rgba(114, 114, 114, 0.3) !important;
		backdrop-filter: blur(30px);
		-webkit-backdrop-filter: blur(30px);
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
		height: 60px;
	}
	
	.hamburger_container .small_line{
		margin-top: 0;
	}
	
	.hamburger_container ul li a{
		margin-bottom: 5px;
		font-size: clamp(20px, 5vw, 30px);
	}
	
	.hamburger_container .sub-menu .menu-item:last-child {
	}
	
	.hamburger_container .sub-menu li a{
		font-size: clamp(18px, 3.5vw, 50px);
	}
	
	.hamburger_container .submenu-arrow{
		margin-top: -1vw;
	}
	
	
	.menu_cta{
		display: none;
	}
	
	.hamburger_overlay{
		z-index: 99999 !important;
	}
	
	.logo img{
		left: 20px;
		top: 20px;
	}
	
	.toggle{
		right: 20px;
		top: 20px;
	}
	
	.dbt-header-content p{
		font-size: 20px;
		padding: 0 10% 30px 10%;
		font-weight: 300;  
	}
	
	#home_header p{
		margin-top: 0px;
	}
	
	#home_header .cta-button{
		bottom: 40px;
	}
	
	.missions_cta_home{
		
	}
	
	#home_mission_cta_slider .swiper {
		height: 550px;
	}
	
	/* 2 - Position text at bottom and center it */
	#home_mission_cta_slider .dbt-slide-caption {
		top: auto; /* Remove top positioning */
		bottom: 0; /* Anchor to bottom */
		padding-top: 40vh; /* Adjust gradient start */
		padding-bottom: 60px; /* More bottom padding */
		text-align: center; /* Center text */
	}
	
	#home_mission_cta_slider .swiper .dbt-slide-caption h2,
	#home_mission_cta_slider .swiper .dbt-slide-caption h3 {
		text-align: center; /* Center headings */
	}
	
	/* 3 - Decrease border radius */
	#home_mission_cta_slider .swiper {
		border-radius: 2em; /* Reduced from 5em */
	}
	
	/* Adjust CTA button position for mobile */
	#home_mission_cta_slider .cta-button {
		margin-top: 0px;
		margin-left: auto !important;
		margin-right: auto !important; /* Center on mobile */
	}
	
	/* Adjust pagination position */
	#home_mission_cta_slider .dbt-video-slider-wrapper .swiper-pagination {
		bottom: 4vw;
		text-align: center; /* Center pagination on mobile */
		padding-left: 0;
	}
	
	.title_product_home{
		padding: 5% 10% 5% 10%;
	}
	
	
	/* MODEL SLIDER HOME / SYSTEMS */
	
	#model_slider_cta{
		margin-top:15px;
	}
	
	.title_product_home br{
		display: none;
	}
	
	.image-clone {
		width: 70vw;
		margin-left: -35vw;
	}
	
	/* Smaller button container */
	#model_slider .flickity-prev-next-button {
		width: 30px;
		height: 30px;
	}
	
	/* Smaller arrow background circle */
	#model_slider .dbt-slide-arrow {
		width: 30px;
		height: 30px;
	}
	
	#model_slider .flickity-prev-next-button::before {
		width: 15px;
		height: 15px;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	/* Flip the NEXT (right) arrow instead */
	#model_slider .flickity-prev-next-button.next::before {
		transform: translate(-50%, -50%) scaleX(-1) !important;
	}
	
	/* Adjust arrow positions */
	#model_slider .flickity-prev-next-button.previous {
		left: 5vw;
	}
	
	#model_slider .flickity-prev-next-button.next {
		right: 5vw;
	}
	
	#model_slider .flickity-prev-next-button::before {

	}
	
	.image-clone-container{
		top: 10vw;
	}
	
	#model_slider h1{
		font-size: 66vw;
	}
	
	#model_slider h2{
		font-size: 8vw;
		line-height: 1em;
	}
	
	#model_slider .dbt-slide-inner{
		height: 80vw;
	}
	
	#model_slider .dbt-slide {
	width: 100%;	
	}
	
	#model_slider .dbt-slide-caption{
		padding-top: 55vw;
	}
	
	
	
	/* ---------- */
	
	#atlas_home p{
		margin-top: -10px;
	}
	
	
	.news_title h2{
		font-size: 18vw;
	}
	
	#news .flickity-button {
		margin-top: calc(-7vw - 20px);
	}
	
	#news .dbt-slide{
		width: 70%;
	}
	
	#news .dbt-slide-inner{
		height: 450px;
		min-height: auto;
	}
	
	#news .dbt-slide-caption{
		padding-left: 7vw;
		  padding-right: 7vw;
		  padding-bottom: 8vw;
		  padding-top: 30vw;
	}
	
	#news .flickity-prev-next-button.previous{
		right: calc(10vw + 70px);
	}
	
	.news_title{
		padding-bottom: 20px;
	}
	
	/*footer */
	
	#footer_cols{
		display: flex !important;
		flex-wrap: wrap !important;
	}
	
	#footer_cols .panel-grid-cell {
		width: 50% !important;
		flex: 0 0 50% !important;
		padding-bottom: 20px !important;
	}
	
	.footer_row .contact{
		padding-top: 20px;
	}
	
	.footer_row img{
		padding-bottom: 20px;
	}
	
	.footer_row:first-of-type{
		padding-bottom: 0;
	}
	
	.footer_row .footer_col{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#footer_address .panel-grid-cell{
		padding-bottom: 20px !important;
	}
	
	.footer_big_logo{
		
	}
	
	.numbers{
		padding: 5% 10% 0 10%;
	}
	
	.numbers .panel-grid-cell{
		padding-top: 20px !important;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	
	.bg-scheme-dark .numbers .panel-grid-cell{
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	
	.bottom_numbers{
		padding-top: 0;
		border: none;
	}
	
	.timeline_about{
		margin-top: 0;
	}
	
	.numbers h2{
		font-size: 17vw;
	}
	
	#about_roladex .dbt-ss-scroll-section{
		border: none;
	}
	
	.small-header .dbt-header-content h1 {
		font-size: 15vw;
	}
	
	.timeline_about .dbt-ss-pinned-content h1 {
		font-size: 10vw;
		text-align: center;
	}

	.timeline_about .dbt-sticky-section {
		grid-template-columns: 1fr !important;
	}
	
	.timeline_about .dbt-ss-scroll-container{
		margin-left: 20vw;
		width: 55vw !important;
	}
	
	
	.timeline_about .dbt-ss-section-inner h3{
		padding-top: 14px;
	}
	
	.swiper .dbt-slide-caption{
		background: none;    
		}
	
	
	/*---- Compliance -------*/
	
	.cert_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.cert_item {
		height: 150px;
		padding: 20px;
	}
	
	#panel-1014-1-0-0 p, #pgc-1014-1-1 p{
		text-align: center !important;
	}
	
	#pgc-1014-1-1 {
		margin-bottom: 10%;
	}
	
	/* WHY */
	
	.why-roladex .dbt-ss-section-inner h2{
		padding-top: 0;
	}
	
	.dbt-ss-scroll-section{
		border-top: 1px solid rgba(255, 255, 255, 0.3);
	}
	
	.dbt-ss-scroll-section:last-child{
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}
	
	/* atlas */
	
	#pgc-316-2-1{
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		border-left: none;
		border-right: none;
	}
	
	.atlas_roladex{
		padding: 0% 10% 0% 10%;
		margin-top: 5vw;
	}
	

	.atlas_roladex .dbt-mobile-image img{
	  border-radius: 1.5em;
	}
	
	.bg-scheme-dark .swiper .dbt-slide-caption h2{
		color: rgba(255, 255, 255, 0.15);
	}
	
	#missionsInfo{
		text-align: center;
	}
	
	
	/* slider arrows */
	
	
	/* Smaller button container */
	.slide_gallery  .flickity-prev-next-button {
		width: 30px;
		height: 30px;
	}
	
	/* Smaller arrow background circle */
	.slide_gallery  .dbt-slide-arrow {
		width: 30px;
		height: 30px;
	}
	
	.slide_gallery  .flickity-prev-next-button::before {
		width: 15px;
		height: 15px;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	
	/* Flip the NEXT (right) arrow instead */
	.slide_gallery  .flickity-prev-next-button.next::before {
		transform: translate(-50%, -50%) scaleX(-1) !important;
	}
	
	/* Adjust arrow positions */
	.slide_gallery  .flickity-prev-next-button.previous {
		left: 5vw;
	}
	
	.slide_gallery  .flickity-prev-next-button.next {
		right: 5vw;
	}
	
	.slide_gallery .dbt-slide{
		width: 80%;
		padding: 0;
	}
	
	.slide_gallery .dbt-slide-image img, .slide_gallery .dbt-slide{
		height: 40vh;
	}
	
	#space_accordion img{
		display: flex;
		width: 100%;
		border-radius: 20px;
		margin: 20px 0 20px 0;
	}
	
	#form .panel-grid-cell:first-child{
		padding: 0;
	}
	
	.post_preview_left{
		padding-right: 0;
	}
	
	.projects .accordion-title{
		font-size: clamp(20px, 12vw, 40px) !important;
	}
	
	.projects .accordion-section{
		margin-bottom: 0 !important;
	}
	.projects .accordion-header{
		margin-bottom: 15px !important;
	}
	
	.intro_block {
		margin-bottom: 30px;
		margin-left: 0;  /* Remove negative margin */
		width: 100%;     /* Reset width to container */
		padding: 40px 20px 30px 20px;   /* Optional: reduce padding on mobile */
		box-sizing: border-box !important;
		border-radius: 30px !important;
	  }
	
	.intro_block .panel-grid-cell:first-child {
	border-right: none;
	border-top: rgba(0, 0, 0, 0.1) 1px solid;
	padding-top: 30px !important;
	margin-top: 20px !important;
	}
	
	.intro_block{
	-webkit-flex-direction: column-reverse !important;
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important;
	}
	
	.intro_block h3.widget-title{
		font-size: clamp(20px, 6vw, 100px);
		padding-bottom: 20px;
	}
	
	.wpcf7-form input[type="submit"]{
		margin-top: 0;
	}
	
	.gslide-media {
		  margin: 0 auto;
		  max-width: 90vw !important;
		}
		
		.gslide-media video,
		.gslide-media iframe {
		  width: 100% !important;
		  height: auto !important;
		  max-width: 90vw !important;
		}
		
	.menu-dark .red_logo{
		display: none;
	}
	
	.menu-dark .custom-logo{
		opacity: 1;
	}
	
	.menu-dark .toggle span, body.menu-dark .toggle.active span{
		background: white !important;
	}
	
	#missionsFilter{
		opacity: 0.75 !important;
	}
	
	.specs-container{
		display: block;
	}
	
	#ar3_slider .dbt-slide-caption{
		position: relative;
	}
	
	.dbt-slider-wrapper.stack-on-mobile .dbt-slide-image{
		filter: none;
	}
	
	#ar3_slider .dbt-slide-caption{
		bottom: auto;
		padding: 20px 0 0 0;
	}
	
	.dbt-slider-wrapper.stack-on-mobile .dbt-slide {
		width: 100% !important;
		transform: none !important;
		opacity: 1 !important;
	  }

	  .dbt-slider-wrapper.stack-on-mobile .dbt-slide{
		  height: auto !important;
	  }
	  
	  
	  #model_drag {
		  margin-left: -17vw;
		  width: 105vw;
	  }
	  
	  #widget-2-1-0 .dbt-comparison-left img, #widget-2-1-0 .dbt-comparison-right img{
		  width: 120vw !important;
	  }
	  
	  #specs{
		  padding-right: 5% !important;
	  }
	  
	  #ar3_slider h1{
		  font-size: clamp(26px, 5vw, 60px);
		  line-height: 1.3em;
	  }
	  
	  #ar3_slider p{
		  font-size: 18px;
		  padding-top: 5px;
	  }
	  
	 #ar3_slider .dbt-slide{
		 margin-top: -30px;
	 }
	 
	 #ar3_slider .dbt-slide:first-child{
		 margin-top: 0;
	 }
	 
	 .pillars .panel-grid-cell{
		 padding-bottom: 30px !important; 
	 }
	 
	 #specs .news_title h2{
		 padding-bottom: 20px;
	 }
	 
	 .pillars h1{
		 font-size: clamp(30px, 2vw, 60px);
	 }
	 
	 .pillars h2{
		 font-size: clamp(20px, 1.3vw, 60px);
	 }
	 
	 #ar3-sticky{
		 padding: 0 10% 0 10%;
	 }
	 
	 #ar3-sticky .dbt-mobile-image img{
		 border-radius: 1em;
	 }
	 
	 .space_roladex_one h2{
		 font-size: clamp(30px, 6vw, 100px) !important;
	 }
	 
	 #customCursor{
		 display: none;
	 }
	 
	 .single-projects .news-title{
		 display: none !important;
	 }
}

/* VERTICAL TABLET */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
		.dbt-header-content h2{
			font-size: clamp(30px, 6vw, 180px);
		}
		
		#panel-827-1-0-0 > .panel-widget-style{
			margin-top: 10vw !important;
			margin-bottom: 3vw !important;
		}
		
		.missions_cta_home h2{
			font-size: clamp(20px, 5vw, 50px);
		}
		
		#home_mission_cta_slider .swiper .dbt-slide-caption h2 {
			font-size: clamp(20px, 3vw, 50px);
		}
		
		#model_slider .dbt-slide-caption{
			padding-top: 65vw;
		}
		
		#model_slider h2{
			font-size: clamp(20px, 6vw, 50px);
		}
		
		#news .dbt-slide{
			width: 38%;
		}
		
		.numbers h2{
			font-size: clamp(20px, 12vw, 100px);
		}
		
		#about_roladex{
			padding-bottom: 40px;
		}
		
		#why-roladex{
			padding-top: 20px;
		}
		
		#pg-654-0 > .panel-row-style{
			padding: 8% 0% 0% 0% !important;
		}
		
		.page-id-654 #model_slider{
			margin-top: -8vw;
		}
		
		.page-id-654 #model_slider_cta{
			margin-top: -3vw;
		}
		
		#specs .news_title h2{
			font-size: clamp(26px, 5vw, 60px) !important;
			padding-bottom: 0;
		}
		
		.text_rotate h2{
			font-size: clamp(20px, 4vw, 50px);
		}
		
		#ar3-sticky h2{
			font-size: clamp(26px, 5vw, 60px);
		}
		
		#pg-1125-4 > .panel-row-style{
			padding-top: 0 !important;
		}
		
		.atlas_roladex h1 {
			font-size: clamp(20px, 5vw, 100px);  
		 }
		 
		 .digital_roladex img {
			max-width: 70%;
			max-height: 70vh; /* or whatever height limit you want */
			object-fit: contain; /* keeps proportions */
		}
		
		#pg-244-3{
			margin-bottom: 0 !important;
		}
		
		#form .news_title h2{
			font-size: clamp(40px, 6vw, 180px);
		}
		
		#space_accordion img {
			display: flex;
			width: 100%;
			border-radius: 20px;
			margin: 20px 0 60px 0;
			max-height: 60vh;
			object-fit: cover;
		}
		
		#form h2 {
			font-size: clamp(40px, 6vw, 180px);
		}
}

@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
	
	
	body, .panel-grid{
		overflow-x: hidden !important;
		max-width: 100vw;
	}
	
	#page,
	.smooth_wrapper {
		overflow-x: hidden !important;
	}
	
	.panel-grid::-webkit-scrollbar {
		display: none;
	}
	
	.panel-grid, .panel-grid-cell {

		overflow-x: hidden !important;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	
	
	.header{
		z-index: 9999 !important;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	
	.hamburger_overlay{
		z-index: 99999 !important;
	}
	
	.hamburger_container{
		position: absolute;
		right: 6vw;
		top: 40px;
		width: 470px;
		height: 80vh;
		min-height: 600px;
	}
	
	
	.open-menu .menu_container{
		width: 470px !important;
		height: 80vh !important;
		min-height: 600px !important;
	}
	
		
	
	#panel-827-1-0-0 > .panel-widget-style{
		margin-bottom: 7vw !important;
	}
	
	#home_mission_cta_slider .dbt-slide-caption{
		padding-top: 30vw;
		  background: linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(0, 0, 0, 0.9) 100%);
		  padding-left: 5%;
		  padding-right: 5%;
		  padding-bottom: 5vw;
	}
	
	#model_slider_cta{
		margin-top: 0;
	}
	
	#pg-827-3 > .panel-row-style{
		min-height: 0 !important;
	}
	
	#news .dbt-slide{
		width: 35%;
	}
	
	.numbers{
		padding: 3% 10% 0 10%;
	}
	
	.numbers h2{
		font-size: clamp(20px, 8vw, 100px);
	}
	
	#pg-334-2 > .panel-row-style{
		height: auto !important;
	}
	
	.page-id-334 .dbt-video-slider-wrapper .swiper{
		height: 55vw !important;
	}
	
	#pg-654-0 > .panel-row-style{
		padding: 10% 0% 0% 0% !important;
	}
	
	.text_rotate h2 {
		font-size: clamp(20px, 3vw, 50px);
	}
	
		#pg-1125-5 > .panel-row-style {
			flex-wrap: wrap !important;
		}
		
		#pg-1125-5 > .panel-row-style > .panel-grid-cell {
			width: 100% !important;
			flex: 0 0 100% !important;
			display: block !important;
			float: none !important;
		}
		
	#panel-1125-5-1-0{
		padding-top: 30px;
	}
	
	.digital_roladex{
		padding: 0 5% 0 5%;
	}
	.digital_roladex .dbt-text-content{
		padding-right: 0;
		padding-left: 0;
	}
	
	.news-grid{
		padding: 5% 10% 10% 10% !important;
	}
	
	.news-title.mobile_only{
		display: flex !important;
		padding: 4% 20% 0% 20% !important;
	}
	
	.news-title.desktop_only{
		display: none !important;
	}
	
	.dbt-mobile-section{
		padding: 0 10%;
	}
	
}