:root {
  --color-cta-default: #E06730;
  --color-cta-hover: #D04F14;
  --shadow-primary-large-default: -6.88px 7.76px 19.53px 0 rgba(224, 103, 48, 0.2);
  --shadow-primary-large-hover: -6.88px 7.76px 19.53px 0px rgba(149, 57, 14, 0.23);
  --color-white: #ffffff;
  --button-padding-large: 16px 32px;
  --button-radius-md: 8px;
}
.hero-section-module-outer{
 position:relative;
}
.hero-section-module-outer .page-center{
  max-width:1100px;
  margin:0 auto;
}
.hero-section-module-outer .heroOverlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; /* behind content */
  pointer-events: none;
}
.hero-section-module-inner {
  display: grid;
  justify-content: space-between;
  grid-template-columns: 46% 48%;
  gap:58px;
      align-items: center;
}
.hero-section-module-inner.left .hero-right-content {
  order: -1;
}
/* font-size */
.hero-left-content h1.light{
  color: var(--Equinet-Context-Deap-Purple, #242630);
  font-size: 40px;
  font-weight: 300;
  line-height: 54%;
  margin:0;
  padding-bottom:2px;
}
.hero-left-content h1.heavy{
  color: var(--Equinet-Context-Deap-Purple, #242630);
  text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);
  font-family: "Open Sans" !important;
  text-wrap: pretty;
  font-size: 60px;
  font-weight: 800;
  line-height: 91% !important;
  letter-spacing: -4.2px;
  margin:0;
}
.hero-section-module-outer .lead-description p{
  color: var(--Equinet-Context-Deap-Purple, #242630);
  font-size: clamp(18px, 5vw, 22px);
  text-wrap: pretty;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
  margin:0;
  padding: clamp(16px, 5vw, 40px) 0 24px;
}
/* Add this to force the pointer cursor on all button variations inside .l-btn */
.l-btn a {
  cursor: pointer !important;
}

.l-btn a.Primary-Large {
  background-color: var(--color-cta-default); 
  border-radius: var(--button-radius-md);
  box-shadow: var(--shadow-primary-large-default);
  color: var(--color-white);
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.35;
  padding: var(--button-padding-large);
  text-align: center;
  padding-right: 60px;
  text-decoration: none;
  transition: background-color .5s, box-shadow .5s, transform .5s; 
  transform: scale(1);
}

.l-btn a.Primary-Large::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 24px; /* ~16px from text */
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  {#background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M28.5 18V26C28.5 26.3978 28.342 26.7794 28.0607 27.0607C27.7794 27.342 27.3978 27.5 27 27.5H5C4.60218 27.5 4.22064 27.342 3.93934 27.0607C3.65804 26.7794 3.5 26.3978 3.5 26V18C3.5 17.6022 3.65804 17.2206 3.93934 16.9393C4.22064 16.658 4.60218 16.5 5 16.5C5.39782 16.5 5.77936 16.658 6.06066 16.9393C6.34196 17.2206 6.5 17.6022 6.5 18V24.5H25.5V18C25.5 17.6022 25.658 17.2206 25.9393 16.9393C26.2206 16.658 26.6022 16.5 27 16.5C27.3978 16.5 27.7794 16.658 28.0607 16.9393C28.342 17.2206 28.5 17.6022 28.5 18ZM14.9388 19.0613C15.0781 19.2011 15.2437 19.312 15.426 19.3878C15.6083 19.4635 15.8038 19.5024 16.0012 19.5024C16.1987 19.5024 16.3941 19.4635 16.5765 19.3878C16.7588 19.312 16.9244 19.2011 17.0637 19.0613L22.0637 14.0612C22.3455 13.7795 22.5039 13.3973 22.5039 12.9987C22.5039 12.6002 22.3455 12.218 22.0637 11.9362C21.782 11.6545 21.3998 11.4961 21.0012 11.4961C20.6027 11.4961 20.2205 11.6545 19.9387 11.9362L17.5 14.375V4C17.5 3.60218 17.342 3.22064 17.0607 2.93934C16.7794 2.65804 16.3978 2.5 16 2.5C15.6022 2.5 15.2206 2.65804 14.9393 2.93934C14.658 3.22064 14.5 3.60218 14.5 4V14.375L12.0612 11.9388C11.9217 11.7992 11.7561 11.6885 11.5738 11.613C11.3915 11.5375 11.1961 11.4986 10.9987 11.4986C10.6002 11.4986 10.218 11.657 9.93625 11.9388C9.79672 12.0783 9.68604 12.2439 9.61053 12.4262C9.53501 12.6085 9.49615 12.8039 9.49615 13.0013C9.49615 13.3998 9.65446 13.782 9.93625 14.0638L14.9388 19.0613Z' fill='%23ffffff'/%3E%3C/svg%3E");#}
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16602 10.0001H15.8327M15.8327 10.0001L9.99935 4.16675M15.8327 10.0001L9.99935 15.8334' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.l-btn a.Primary-Large:hover {
  background-color: var(--color-cta-hover);
  box-shadow: var(--shadow-primary-large-hover);
  color: var(--color-white);
  transform: scale(1.05);
}



@media(max-width:767px){
  .hero-section-module-inner {
    grid-template-columns: 100%;
    gap:10px;
  }
  .hero-right-content {
    order: -1;
  }
  .hero-right-content img{
    width:100%;
  }
  /* font-size */
  .hero-left-content h1.light{
    font-size: 32px;
    line-height:67.5%;
  }
  .hero-left-content h1.heavy{
    font-size: 42px;
    letter-spacing: -2.94px;
  }
  .hero-section-module-outer .lead-description p{
    font-size: 18px;
  }
  .l-btn a.Primary-Large{
    width:100%;
  }
}