@media (min-width: 500px) and (max-width: 1200px) {
	.move-menu {
		justify-content: left;
	}
	
	.center-text {
		text-align: center;
	}
	.center-button {
		margin-right: 35%;
	}
	.text-left-footer {
		text-align: left !important;
	}
	.justify-items-footer {
		justify-content: left !important;
	}
	.buttonmyButton {
    display: block;
    padding: 5px 10px;
    font-weight: bold; 
    float:left; /*For IE*/
    position:relative;/*For the 100% to work on height and width*/
    height:100%;
    width:100%;
    border:none;
    outline:none;
	}
}

@media (max-width: 650px) {
	.move-menu {
		margin-right: 0%;
		font-size: 20px;
	}
	.center-text {
		text-align: center;
	}
	.center-button {
		margin-right: 25%;
	}
	.text-left-footer {
		text-align: left;
	}
	.justify-items-footer {
		justify-content: left;
	}
	.buttonmyButton {
    display: block;
    padding: 5px 10px;
    font-weight: bold; 
    float:left; /*For IE*/
    position:relative;/*For the 100% to work on height and width*/
    height:100%;
    width:100%;
    border:none;
    outline:none;
	}
}

@media (max-width: 750px) {
	.minheightcover {
		height: 110vh;
	}
	.spacercover {
		margin-top: -8vh;
	}
	.headingH1 {
		font-size: 40px !important;
	}
	.headingH2 {
		font-size: 25px !important;
	}
	.headingH3 {
		font-size: 15px !important;
	}
}

.margin-title {
	margin-bottom: 15%;
}

.swipe{
    overflow:auto;
    white-space:nowrap;
}

.service_box figure{
 transform: translateY(80px);
    transition: all 0.30s ease 0s;
}
.service_box h2{
     transform: translateY(80px);
}
.service_box p{
    opacity: 0;
}
.service_box:hover h2 {
    margin-top: 0!important;
    position: relative;
    transform: translateY(-20px);
}
.service_box:hover p {
    opacity: 1;
}
.service_box:hover figure {
     transform: translateY(-50%);
}

.my-column {
	min-height: 500px; /* Or use viewport units like 100vh */
}

.my-column-2 {
	min-height: 600px; /* Or use viewport units like 100vh */
}

@media (max-width: 650px) {
	.my-column-2 {
		min-height: 500px;
	}
}

.my-column-3 {
	min-height: 920px;
}

@media (max-width: 650px) {
	.my-column-3 {
		min-height: 800px;
	}
}

/* Featured In Moving Logos */

.brands_list-wrapper {
  position: relative;
  overflow: hidden;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 2rem 0;
  background-color: #051123;
}

/* Faded edges */
.brands_list-wrapper::before,
.brands_list-wrapper::after {
  content:"";
  position:absolute; top:0;
  width:150px; height:100%;
  pointer-events:none;
  z-index:2;
}
.brands_list-wrapper::before {
  left:0;
  background: linear-gradient(to right, #051123, transparent);
}
.brands_list-wrapper::after {
  right:0;
  background: linear-gradient(to left, #051123, transparent);
}

/* Marquee animation */
.brands_list-marquee {
  display: flex;
}
.brands_list {
  display: flex;
  gap: 3rem;
  animation: marquee 80s linear infinite;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* move by half width, since list is duplicated */
}

/* Brand item */
.brands_item-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  flex: 0 0 auto;
}

/* Logo box 1:1, 20px radius */
.brands_item-logo-wrap {
  background-color: #E4E1D5;
  width: 300px;
  height: 120px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.brands_item-logo-wrap img {
  max-width: 65%;
  max-height: 65%;
}

@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
	/* Faded edges */
	.brands_list-wrapper::before,
	.brands_list-wrapper::after {
  	width:0px;
	}
}

@media (max-width: 650px) {
	.text-left {
		text-align: left;
	}
	/* Faded edges */
	.brands_list-wrapper::before,
	.brands_list-wrapper::after {
  	width:0px;
	}
}

/* Sticky Header on Pages */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #051123;
  transition: background 0.3s ease;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Transparent when scrolled */
.site-header.scrolled {
  background: transparent;
}

/* Sticky Header on Pages */
.sticky-header {
	position: fixed;
  top: 0;
  width: 100%;
	z-index: 90;
  background: transparent;
	background-color: #E4E1D500;
  backdrop-filter: blur(50px);
  transition: background-color 1.0s ease-in-out;
}

/* Fixes the mobile headers */
@media (max-width: 768px) {
  .sticky-header {
    position: static;
    backdrop-filter: none;
    background: #E4E1D5;
    background-color: #E4E1D5;
  }
	.sticky-header-space {
		display: none !important;
	}
	.home-hero-header.sticky-active {
		display: none !important;
	}
	.home-hero-header,
	.home-hero-header.sticky-active{
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    backdrop-filter: none !important;
    background-color: transparent !important;
	}
}

/* Sticky Header on Home */
.home-hero-header {
  position: absolute; /* or relative depending on your builder */
  top: 0 !important;
  width: 100%;
  z-index: 999;
	margin: 0;

  background: transparent;
  backdrop-filter: none;

  transition: background-color 0.4s ease, backdrop-filter 0.4s ease;
	
	padding-top: 15px;
  padding-bottom: 15px;
}

/* AFTER passing the cover */
.home-hero-header.sticky-active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;

  background-color: rgba(12, 21, 36, 0.3);
  backdrop-filter: blur(10px);
}

/* Button on News - Transparent */
.tab-button a {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 50px;
    transition: background-color 0.3s, opacity 0.3s, color 0.3s;
    background-color: #051123 !important;
    opacity: 0.5 !important;
    color: #E4E1D5 !important;
    border: 1px solid transparent !important;
}

.tab-button a.active {
    background-color: #051123 !important;
    color: #E4E1D5 !important;
    opacity: 1 !important;
}