:root {
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --anim-speed: 0.8s;
}

.home {
  /* Animation for hero section*/
  /* Staggered delays */
  /* 3. Target the images */
  /*Hero and See Work*/
  /*Hero and See Work*/
  /*Hero and See Work*/
  /*Hero and See Work*/
  /*Hero and See Work*/
  /*Hero and See Work*/
}


.home h3
{

    font-family: var(--heading-font);
font-size: clamp(1.4rem, 1.268rem + 0.66vw, 1.9rem);



}



@keyframes textsubtleEntrance {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.home .animate-subtle {
  opacity: 0; /* Start hidden */
  animation: textsubtleEntrance 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.home .delay-1 {
  animation-delay: 0.1s;
}
.home .delay-2 {
  animation-delay: 0.3s;
}
.home .delay-3 {
  animation-delay: 0.5s;
}
.home .delay-4 {
  animation-delay: 0.7s;
}

.home .delay-5 {
  animation-delay: 0.9s;
}
@keyframes subtleEntrance {
  0% {
    opacity: 0;
    filter: blur(2px);
    margin-top: 20px;
  }
  100% {
    opacity: 1;
    filter: blur(0);
    margin-top: 0;
  }
}
@keyframes imageReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hexshapeReveal {
  0% {
    opacity: 0;
    filter: blur(2px);
    margin-bottom: 20px;
  }
  100% {
    opacity: inherit;
    filter: blur(0);
    margin-bottom: 0;
  }
}
.home .hero .imagehexagons .hex-container {
  opacity: 0;
  animation: subtleEntrance 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  will-change: opacity, margin-top;
}
.home .hero .imagehexagons .hex-container.hex1 {
  animation-delay: 0.5s;
}
.home .hero .imagehexagons .hex-container.hex2 {
  animation-delay: 0.4s;
}
.home .hero .imagehexagons .hex-container.hex3 {
  animation-delay: 0.3s;
}
.home .hero .imagehexagons .hex-container.hex4 {
  animation-delay: 0.2s;
}
.home .hero .imagehexagons .hex-container.hex5 {
  animation-delay: 0.3s;
}
.home .hero .imagehexagons .hex-container.hex6 {
  animation-delay: 0.6s;
}
.home .hero .imagehexagons .hex-container.hex7 {
  animation-delay: 0.1s;
}
.home .hero .hexagonshapes .hex-container {
  opacity: 0;
  animation: hexshapeReveal 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  will-change: opacity;
}
.home .hero .hexagonshapes .hex-container.dotted1 {
  animation-delay: 0.8s;
}
.home .hero .hexagonshapes .hex-container.dotted2 {
  animation-delay: 1s;
}
.home .hero .hexagonshapes .hex-container.filled1 {
  animation-delay: 0.7s;
}
.home .hero .hexagonshapes .hex-container.filled2 {
  animation-delay: 1.1s;
}
.home .hero .hexagonshapes .hex-container.outline1 {
  animation-delay: 0.9s;
}
.home .hero .hexagonshapes .hex-container.outline2 {
  animation-delay: 0.6s;
}
.home .hero .hexagonshapes .hex-container.outline3 {
  animation-delay: 1.3s;
}
.home .hero .hexagonshapes .hex-container.outline4 {
  animation-delay: 0.4s;
}
.home .hero .hexagonshapes .hex-container.outline5 {
  animation-delay: 1.2s;
}
.home .hero img {
  opacity: 0;
  animation: imageReveal 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards;
}
.home .hexagonshapes .filled1 svg {
  opacity: 1;
}
.home .hexagonshapes .filled2 svg {
  opacity: 1;
}
.home .hexagonshapes .outline1 svg {
  opacity: 0.5;
}
.home .hexagonshapes .outline2 svg {
  opacity: 0.3;
}
.home .hexagonshapes .outline3 svg {
  opacity: 0.8;
}
.home .hexagonshapes .outline4 svg {
  opacity: 0.4;
}
.home .hexagonshapes .outline5 svg {
  opacity: 0.7;
}
.home .hexagonshapes .dotted1 svg {
  opacity: 0.2;
}
.home .hexagonshapes .dotted2 svg {
  opacity: 0.4;
}
.home .hero {
	overflow:hidden;
  position: relative;
  min-height: 675px;
	background: var(--col-midblue2);
  background-image: url("data:image/svg+xml,%3Csvg width='3000' height='876' viewBox='0 0 3000 876' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_657_690' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='3000' height='876'%3E%3Cpath d='M3000 0H0V875.241H3000V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_657_690)'%3E%3Cg opacity='0.3'%3E%3Cpath d='M2257.75 -127.988L1034.25 243.551L5.125 1045.75L-7.475 1055.58L-38.5 1079.76L-38.525 1079.78L-39 -127.988H2257.75Z' fill='%232C90DE'/%3E%3Cpath d='M1029.12 255.899L-0.000396729 1058.1L-12.6004 1067.93L-43.6254 1092.1L-43.6504 1092.13V-115.641H358.65L1029.12 255.899Z' fill='%23327DB7'/%3E%3Cpath d='M3039.9 -115.641L3038.1 279.837L3000 239.685L2706.7 -69.4936L1029.12 255.899L1259.3 -115.641H3039.9' fill='%23106DB6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), linear-gradient(47deg, rgb(16, 109, 182) 41%, rgb(69, 157, 227) 74%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
 
}

.home .whynowinner, .home .seeworkinner, .home .getstartedinner, .home .heroinner{
	max-width: 1920px !important;
}

.home .hero .heroinner {
  display: flex;
  flex-direction: column;
  outline: 0 solid;
  padding-top: 50px;
	
}
.home .hero h1 {
  color: var(--col-orange);
  text-transform: uppercase;
  margin: 0;
  position: relative;
  z-index: 100;
}
.home .hero h2 {
  color: var(--col-white);
  position: relative;
  z-index: 100;
}
.home .hero button {
  font-family: var(--content-font);
  background: var(--col-orange);
  padding: 15px 25px;
  font-size: 1.6rem;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
	font-weight: 600;
	border:0;
}
@media only screen and (min-width: 1751px) {
  .home .hero h1 {
    font-size: 4.9rem;
    line-height: 5.2rem;
  }
  .home .hero h2 {
    font-size: 2.1rem;
    line-height: 2.7rem;
  }
	.home .hero
	{
		 padding: 70px 0;
	}
}


.home .seework {
  position: relative;
  z-index: 100;
}





.home .seework .quotes .slick-track
{
display: flex !important;
	gap: 40px;
}

.home .seework .quotesbutton {
  text-align: center;
}
.home .seework .quotesbutton button {
  background-color: var(--col-green);
  border: 0px solid var(--col-darkblue);
  color: var(--col-white);
    font-size: 1.2rem;
    font-weight: 600;
    padding: 10px 20px;
}
.home .seework .quotes {
  margin: 3rem 0;
	
}
.home .seework .quotes .quote {
 display: grid;
	gap:20px;
	
	    justify-content: center;
	   
}
.home .seework .quotes .name {
  font-family: var(--heading-font);
  color: var(--col-orange);
	    font-size: 1.5rem;
	margin: 1rem 0 0 0;
	  text-align: center;
}
.home .seework .quotes .quotetext {
  text-align: center;
}

.home .seework .quotes .image
{
    justify-items: center;
	text-align: center;
}

.home .seework .quotes .image img
{
    object-fit: cover;
    aspect-ratio: 1;
    border-radius: 100vw;
	max-width: 55%;
	-webkit-box-shadow: 4px 4px 15px 0px #ADADAD;
    box-shadow: 4px 4px 15px 0px #ADADAD;
}


.home .seework h3 {
  color: var(--col-orange);
  position: relative;
  display: inline-block;
 
	
}
.home .seework h3:after {
  content: "";
  position: absolute;
  bottom: -4px; /* Adjust vertical gap */
  right: 0; /* Ends exactly at the end of the text */
  width: 100vw;
  height: 1px;
  background-color: var(--col-darkblue);
  transform: translateX(calc(-100vw + 100%));
  z-index: 1;
}




/* MEDIA QUERIES HERO SECTION ONLY */


@media only screen and (min-width: 1551px) and (max-width: 1750px) {
  .home .hero h1 {
    font-size: 4.1rem;
    line-height: 4.5rem;
  }
  .home .hero h2 {
    font-size: 1.9rem;
    line-height: 2.5rem;
  }
		.home .hero
	{
		 padding: 70px 0;
	}
}
@media only screen and (max-width: 1550px) {
  .home .hero h1 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
  .home .hero h2 {
    font-size: 1.7rem;
    line-height: 2.3rem;
  }
		.home .hero
	{
		 padding: 70px 0;
	}
}
@media only screen and (min-width: 1461px) {
		.home .hero
	{
		 padding: 70px 0;
	}
  .home foreignObject img {
    transform: rotate(-90deg);
  }
  .home .hexagonshapes .filled1 {
    --size: 166px;
    left: 300px;
    --y: 85%;
    z-index: 1;
  }
  .home .hexagonshapes .filled1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .filled2 {
    --size: 166px;
    right: 331px;
    --y: 12%;
    z-index: 2;
  }
  .home .hexagonshapes .filled2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 {
    --size: 158px;
    left: 126px;
    --y: 73%;
    z-index: 0;
  }
  .home .hexagonshapes .outline1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline2 {
    --size: 466px;
    left: 395px;
    --y: 102%;
    z-index: 1;
  }
  .home .hexagonshapes .outline2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline2 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline3 {
    --size: 166px;
    right: 401px;
    --y: 84%;
    z-index: 1;
  }
  .home .hexagonshapes .outline3 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline3 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline4 {
    --size: 350px;
    right: -61px;
    --y: 75%;
    z-index: 1;
  }
  .home .hexagonshapes .outline4 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline4 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline5 {
    --size: 240px;
    right: 327px;
    --y: 2%;
    z-index: 0;
  }
  .home .hexagonshapes .outline5 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline5 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .dotted1 {
    --size: 425px;
    left: 0;
    --y: 88%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .dotted1 svg path {
    stroke-width: 0px;
  }
  .home .hexagonshapes .dotted2 {
    --size: 359px;
    right: -17px;
    --y: 18%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted2 svg {
    width: 20rem;
  }
  .home .hex-container {
    position: absolute;
    width: var(--size);
    height: var(--size);
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
  }
  .home .hex-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: rotate(90deg);
  }
  .home .hex-svg path {
    stroke-width: 11;
  }
  .home .imagehexagons .hex1 {
    --size: 225px;
    right: -55px;
    --y: 22%;
  }
  .home .imagehexagons .hex2 {
    --size: 248px;
    right: -63px;
    --y: 54%;
  }
  .home .imagehexagons .hex3 {
    --size: 171px;
    right: 233px;
    --y: 63%;
  }
  .home .imagehexagons .hex4 {
    --size: 205px;
    right: 184px;
    --y: 36%;
  }
  .home .imagehexagons .hex5 {
    --size: 130px;
    right: 440px;
    --y: 69%;
  }
  .home .imagehexagons .hex6 {
    --size: 125px;
    right: 555px;
    --y: 77%;
  }
  .home .imagehexagons .hex7 {
    --size: 124px;
    right: 663px;
    --y: 69%;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1460px) {
		.home .hero
	{
		 padding: 70px 0;
	}
  .home .seework .quotesbutton {
    margin: 5rem 0 0 0;
  }
  .home .seework .quotesbutton button {
    font-size: 1.2rem;
    padding: 6px 20px;
  }
  .home .seework .quotes {
    gap: 0 80px;
  }
  .home .seework .quotes .name {
    font-size: 1.1rem;
    margin: 1rem 0;
  }
  .home .seework .quotes img {
    max-width: 200px;
  }
  .home .hero h1 {
    font-size: 3.3rem;
    line-height: 3.8rem;
  }
  .home .hero h2 {
    font-size: 1.5rem;
    line-height: 2.1rem;
  }
  .home foreignObject img {
    transform: rotate(-90deg);
  }
  .home .hexagonshapes .filled1 {
    --size: 166px;
    left: 300px;
    --y: 85%;
    z-index: 1;
  }
  .home .hexagonshapes .filled1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .filled2 {
    --size: 166px;
    right: 331px;
    --y: 12%;
    z-index: 2;
  }
  .home .hexagonshapes .filled2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 {
    --size: 158px;
    left: 126px;
    --y: 73%;
    z-index: 0;
  }
  .home .hexagonshapes .outline1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline2 {
    --size: 466px;
    left: 395px;
    --y: 102%;
    z-index: 1;
  }
  .home .hexagonshapes .outline2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline2 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline3 {
    --size: 166px;
    right: 401px;
    --y: 84%;
    z-index: 1;
  }
  .home .hexagonshapes .outline3 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline3 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline4 {
    --size: 350px;
    right: -61px;
    --y: 75%;
    z-index: 1;
  }
  .home .hexagonshapes .outline4 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline4 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline5 {
    --size: 240px;
    right: 327px;
    --y: 2%;
    z-index: 0;
  }
  .home .hexagonshapes .outline5 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline5 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .dotted1 {
    --size: 425px;
    left: 0;
    --y: 88%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .dotted1 svg path {
    stroke-width: 0px;
  }
  .home .hexagonshapes .dotted2 {
    --size: 359px;
    right: -17px;
    --y: 18%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted2 svg {
    width: 20rem;
  }
  .home .hex-container {
    position: absolute;
    width: var(--size);
    height: var(--size);
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
  }
  .home .hex-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: rotate(90deg);
  }
  .home .hex-svg path {
    stroke-width: 11;
  }
  .home .imagehexagons .hex1 {
    --size: 192px;
    right: -80px;
    --y: 22%;
  }
  .home .imagehexagons .hex2 {
    --size: 193px;
    right: -78px;
    --y: 50%;
  }
  .home .imagehexagons .hex3 {
    --size: 159px;
    right: 193px;
    --y: 61%;
  }
  .home .imagehexagons .hex4 {
    --size: 167px;
    right: 93px;
    --y: 36%;
  }
  .home .imagehexagons .hex5 {
    --size: 120px;
    right: 393px;
    --y: 69%;
  }
  .home .imagehexagons .hex6 {
    --size: 114px;
    right: 501px;
    --y: 77%;
  }
  .home .imagehexagons .hex7 {
    --size: 110px;
    right: 611px;
    --y: 70%;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
		.home .hero
	{
		 padding: 50px 0;
	}
  .home .seework .quotesbutton {
    margin: 5rem 0 0 0;
  }
  .home .seework .quotesbutton button {
    font-size: 1.2rem;
    padding: 6px 20px;
  }
  .home .seework .quotes {
    gap: 0 80px;
  }
  .home .seework .quotes .name {
    font-size: 1.1rem;
    margin: 1rem 0;
  }
  .home .seework .quotes img {
    max-width: 200px;
  }
  .home .inner {
    padding: 0 2rem;
	  max-width: 1920px;
  }
  .home .hero {
    min-height: 575px;
  }
  .home .hero h1 {
    font-size: 3rem;
    line-height: 3.3rem;
  }
  .home .hero h2 {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .home .hero button {
    font-size: 1.3rem;
  }
  .home foreignObject img {
    transform: rotate(-90deg);
  }
  .home .hexagonshapes .filled1 {
    --size: 166px;
    left: 300px;
    --y: 85%;
    z-index: 1;
  }
  .home .hexagonshapes .filled1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .filled2 {
    --size: 140px;
    right: 331px;
    --y: 12%;
    z-index: 2;
  }
  .home .hexagonshapes .filled2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 {
    --size: 149px;
    left: 115px;
    --y: 71%;
    z-index: 0;
  }
  .home .hexagonshapes .outline1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline2 {
    --size: 366px;
    left: 278px;
    --y: 103%;
    z-index: 1;
  }
  .home .hexagonshapes .outline2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline2 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline3 {
    --size: 323px;
    right: -44px;
    --y: 72%;
    z-index: 0;
  }
  .home .hexagonshapes .outline3 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline3 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline4 {
    --size: 323px;
    right: -44px;
    --y: 72%;
    z-index: 0;
  }
  .home .hexagonshapes .outline4 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline4 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline5 {
    --size: 240px;
    right: 327px;
    --y: 2%;
    z-index: 0;
  }
  .home .hexagonshapes .outline5 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline5 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .dotted1 {
    --size: 308px;
    left: 0;
    --y: 90%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .dotted1 svg path {
    stroke-width: 0px;
  }
  .home .hexagonshapes .dotted2 {
    --size: 259px;
    right: 136px;
    --y: 4%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted2 svg {
    width: 20rem;
  }
  .home .hex-container {
    position: absolute;
    width: var(--size);
    height: var(--size);
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
  }
  .home .hex-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: rotate(90deg);
  }
  .home .hex-svg path {
    stroke-width: 11;
  }
  .home .imagehexagons .hex1 {
    --size: 163px;
    right: -9px;
    --y: 20%;
  }
  .home .imagehexagons .hex2 {
    --size: 159px;
    right: -28px;
    --y: 46%;
  }
  .home .imagehexagons .hex3 {
    --size: 142px;
    right: -11px;
    --y: 71%;
  }
  .home .imagehexagons .hex4 {
    --size: 139px;
    right: 120px;
    --y: 59%;
  }
  .home .imagehexagons .hex5 {
    --size: 120px;
    right: 292px;
    --y: 71%;
  }
  .home .imagehexagons .hex6 {
    --size: 114px;
    right: 400px;
    --y: 80%;
  }
  .home .imagehexagons .hex7 {
    --size: 110px;
    right: 505px;
    --y: 72%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
		.home .hero
	{
		 padding: 30px 0;
	}
  .home .seework .quotesbutton {
    margin: 5rem 0 0 0;
  }
  .home .seework .quotesbutton button {
    font-size: 1.2rem;
    padding: 6px 20px;
  }
  .home .seework .quotes {
    gap: 0 30px;
  }
  .home .seework .quotes .name {
    font-size: 1.1rem;
    margin: 1rem 0;
  }
  .home .seework .quotes img {
    max-width: 160px;
  }
  .home .inner {
    padding: 0 2rem;
  }
  .home .hero {
    min-height: 575px;
  }
  .home .hero h1 {
    font-size: 2.6rem;
    line-height: 3rem;
  }
  .home .hero h2 {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .home .hero button {
    font-size: 1.2rem;
    padding: 12px 20px;
  }
  .home foreignObject img {
    transform: rotate(-90deg);
  }
  .home .hexagonshapes .filled1 {
    --size: 166px;
    left: 300px;
    --y: 85%;
    z-index: 1;
  }
  .home .hexagonshapes .filled1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .filled2 {
    --size: 140px;
    right: 331px;
    --y: 12%;
    z-index: 2;
  }
  .home .hexagonshapes .filled2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 {
    --size: 149px;
    left: 115px;
    --y: 71%;
    z-index: 0;
  }
  .home .hexagonshapes .outline1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline2 {
    --size: 236px;
    left: 229px;
    --y: 101%;
    z-index: 1;
  }
  .home .hexagonshapes .outline2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline2 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline3 {
    display: none;
  }
  .home .hexagonshapes .outline3 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline3 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline4 {
    --size: 223px;
    right: -44px;
    --y: 73%;
    z-index: 0;
  }
  .home .hexagonshapes .outline4 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline4 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline5 {
    --size: 240px;
    right: 327px;
    --y: 2%;
    z-index: 0;
  }
  .home .hexagonshapes .outline5 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline5 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .dotted1 {
    --size: 208px;
    left: 0;
    --y: 74%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .dotted1 svg path {
    stroke-width: 0px;
  }
  .home .hexagonshapes .dotted2 {
    --size: 259px;
    right: 136px;
    --y: 4%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted2 svg {
    width: 20rem;
  }
  .home .hex-container {
    position: absolute;
    width: var(--size);
    height: var(--size);
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
  }
  .home .hex-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: rotate(90deg);
  }
  .home .hex-svg path {
    stroke-width: 11;
  }
  .home .imagehexagons .hex1 {
    display: none;
  }
  .home .imagehexagons .hex2 {
    --size: 139px;
    right: -52px;
    --y: 58%;
  }
  .home .imagehexagons .hex3 {
    --size: 126px;
    right: 82px;
    --y: 67%;
  }
  .home .imagehexagons .hex4 {
    --size: 121px;
    right: -28px;
    --y: 78%;
  }
  .home .imagehexagons .hex5 {
    --size: 109px;
    right: 243px;
    --y: 76%;
  }
  .home .imagehexagons .hex6 {
    --size: 106px;
    right: 338px;
    --y: 84%;
  }
  .home .imagehexagons .hex7 {
    --size: 104px;
    right: 431px;
    --y: 76%;
  }
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
	
		.home .hero
	{
		 padding: 30px 0;
	}
  .home .seework .quotesbutton {
    margin: 5rem 0 0 0;
  }
  .home .seework .quotesbutton button {
    font-size: 1.2rem;
    padding: 6px 20px;
  }
  .home .seework .quotes {
    gap: 0 30px;
    grid-template-columns: 1fr;
  }
  .home .seework .quotes .quote {
    margin: 0 0 4rem 0;
  }
  .home .seework .quotes .name {
    font-size: 1.1rem;
    margin: 1rem 0;
  }
  .home .seework .quotes img {
    max-width: 160px;
  }
  .home .inner {
    padding: 0 1rem;
  }
  .home .hero {
    min-height: 500px;
  }
  .home .hero h1 {
    font-size: 1.9rem;
    line-height: 2.2rem;
  }
  .home .hero h2 {
    font-size: 1.2rem;
    line-height: 1.7rem;
  }
  .home .hero button {
    font-size: 1.2rem;
    padding: 10px 15px;
  }
  .home foreignObject img {
    transform: rotate(-90deg);
  }
  .home .hexagonshapes .filled1 {
    --size: 166px;
    left: 300px;
    --y: 85%;
    z-index: 1;
  }
  .home .hexagonshapes .filled1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .filled2 {
    --size: 140px;
    right: 331px;
    --y: 12%;
    z-index: 2;
  }
  .home .hexagonshapes .filled2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 {
    --size: 109px;
    left: 115px;
    --y: 71%;
    z-index: 0;
  }
  .home .hexagonshapes .outline1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline2 {
    --size: 236px;
    left: 229px;
    --y: 101%;
    z-index: 1;
  }
  .home .hexagonshapes .outline2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline2 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline3 {
    display: none;
  }
  .home .hexagonshapes .outline3 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline3 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline4 {
    --size: 183px;
    right: -61px;
    --y: 73%;
    z-index: 0;
  }
  .home .hexagonshapes .outline4 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline4 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline5 {
    --size: 240px;
    right: 327px;
    --y: 2%;
    z-index: 0;
  }
  .home .hexagonshapes .outline5 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline5 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .dotted1 {
    --size: 208px;
    left: 0;
    --y: 74%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .dotted1 svg path {
    stroke-width: 0px;
  }
  .home .hexagonshapes .dotted2 {
    --size: 259px;
    right: 136px;
    --y: 4%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted2 svg {
    width: 20rem;
  }
  .home .hex-container {
    position: absolute;
    width: var(--size);
    height: var(--size);
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
  }
  .home .hex-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: rotate(90deg);
  }
  .home .hex-svg path {
    stroke-width: 11;
  }
  .home .imagehexagons .hex1 {
    display: none;
  }
  .home .imagehexagons .hex2 {
    --size: 122px;
    right: -40px;
    --y: 65%;
  }
  .home .imagehexagons .hex3 {
    --size: 111px;
    right: 67px;
    --y: 77%;
  }
  .home .imagehexagons .hex4 {
    --size: 111px;
    right: -42px;
    --y: 85%;
  }
  .home .imagehexagons .hex5 {
    --size: 95px;
    right: 200px;
    --y: 83%;
  }
  .home .imagehexagons .hex6 {
    --size: 88px;
    right: 287px;
    --y: 90%;
  }
  .home .imagehexagons .hex7 {
    --size: 88px;
    right: 363px;
    --y: 82%;
  }
}
@media only screen and (min-width: 400px) and (max-width: 499px) 
{
	.home .seework h3 {
font-size: 1.3rem;
 
	
}
		.home .hero
	{
		 padding: 30px 0;
	}
	
  .home .seework .quotesbutton {
    margin: 5rem 0 0 0;
  }
  .home .seework .quotesbutton button {
    font-size: 1.2rem;
    padding: 6px 20px;
  }
  .home .seework .quotes {
    gap: 0 30px;
    
  }
  .home .seework .quotes .quote {
    margin: 0 0 4rem 0;
  }
  .home .seework .quotes .name {
    font-size: 1.1rem;
    margin: 0.3rem 0;
  }
  .home .seework .quotes img {
    max-width: 160px;
  }
  .home .inner {
    padding: 0 0.5rem;
  }
  .home .hero {
    min-height: 400px;
  }
  .home .hero .heroinner {
    padding-top: 0px;
  }
  .home .hero h1 {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  .home .hero h2 {
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
  .home .hero button {
    font-size: 1rem;
    padding: 7px 10px;
  }
  .home foreignObject img {
    transform: rotate(-90deg);
  }
  .home .hexagonshapes .filled1 {
    --size: 166px;
    left: 300px;
    --y: 85%;
    z-index: 1;
  }
  .home .hexagonshapes .filled1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .filled2 {
    --size: 140px;
    right: 331px;
    --y: 12%;
    z-index: 2;
  }
  .home .hexagonshapes .filled2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 {
    --size: 109px;
    left: 115px;
    --y: 71%;
    z-index: 0;
  }
  .home .hexagonshapes .outline1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline2 {
    --size: 236px;
    left: 229px;
    --y: 101%;
    z-index: 1;
  }
  .home .hexagonshapes .outline2 svg {
    width: 100%;
    height: 100%;
    opacity: 0.8;
  }
  .home .hexagonshapes .outline2 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline3 {
    display: none;
  }
  .home .hexagonshapes .outline3 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline3 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline4 {
    --size: 183px;
    right: -61px;
    --y: 73%;
    z-index: 0;
  }
  .home .hexagonshapes .outline4 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline4 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline5 {
    --size: 240px;
    right: 327px;
    --y: 2%;
    z-index: 0;
    opacity: 0;
  }
  .home .hexagonshapes .outline5 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline5 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .dotted1 {
    --size: 208px;
    left: 0;
    --y: 74%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .dotted1 svg path {
    stroke-width: 0px;
  }
  .home .hexagonshapes .dotted2 {
    --size: 259px;
    right: 136px;
    --y: 4%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted2 svg {
    width: 20rem;
  }
  .home .hex-container {
    position: absolute;
    width: var(--size);
    height: var(--size);
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
  }
  .home .hex-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: rotate(90deg);
  }
  .home .hex-svg path {
    stroke-width: 11;
  }
  .home .imagehexagons .hex1 {
    display: none;
  }
  .home .imagehexagons .hex2 {
    --size: 100px;
    right: -40px;
    --y: 59%;
  }
  .home .imagehexagons .hex3 {
    --size: 105px;
    right: 55px;
    --y: 69%;
  }
  .home .imagehexagons .hex4 {
    --size: 100px;
    right: -37px;
    --y: 79%;
  }
  .home .imagehexagons .hex5 {
    --size: 90px;
    right: 153px;
    --y: 81%;
  }
  .home .imagehexagons .hex6 {
    --size: 81px;
    right: 237px;
    --y: 90%;
  }
  .home .imagehexagons .hex7 {
    --size: 79px;
    right: 245px;
    --y: 74%;
  }
}
@media only screen and (max-width: 399px) {
	
	
	.home .seework h3 {
font-size: 1.1rem;
 
	
}
	
		.home .hero
	{
		 padding: 30px 0;
	}
  .home .seework .quotesbutton {
    margin: 5rem 0 0 0;
  }
  .home .seework .quotesbutton button {
    font-size: 1.2rem;
    padding: 6px 20px;
  }
  .home .seework .quotes {
    gap: 0 30px;
   
  }
  .home .seework .quotes .quote {
    margin: 0 0 4rem 0;
  }
  .home .seework .quotes .name {
    font-size: 1.1rem;
    margin: 0.3rem 0;
  }
  .home .seework .quotes img {
    max-width: 160px;
  }
  .home .inner {
    padding: 0 0.5rem;
  }

  .home .hero {
    min-height: 250px;
  }
  .home .hero .heroinner {
    padding-top: 0px;
  }
  .home .hero h1 {
    font-size: 1.1rem;
    line-height: 1.3rem;
  }
  .home .hero h2 {
    font-size: 0.9rem;
    line-height: 1.1rem;
  }
  .home .hero button {
    font-size: 0.9rem;
    padding: 5px 8px;
  }
  .home foreignObject img {
    transform: rotate(-90deg);
  }
  .home .hexagonshapes .filled1 {
    display: none;
  }
  .home .hexagonshapes .filled1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .filled2 {
    display: none;
  }
  .home .hexagonshapes .filled2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 {
    display: none;
  }
  .home .hexagonshapes .outline1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline1 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline2 {
    display: none;
  }
  .home .hexagonshapes .outline2 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline2 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline3 {
    display: none;
  }
  .home .hexagonshapes .outline3 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline3 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline4 {
--size: 128px;
        right: -97px;
        --y: 94%;
    z-index: 0;
    opacity: 0.2;
  }
  .home .hexagonshapes .outline4 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline4 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .outline5 {
    --size: 240px;
    right: 327px;
    --y: 2%;
    z-index: 0;
  }
  .home .hexagonshapes .outline5 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .outline5 svg path {
    stroke-width: 4px;
  }
  .home .hexagonshapes .dotted1 {
    --size: 208px;
    left: 0;
    --y: 74%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted1 svg {
    width: 100%;
    height: 100%;
  }
  .home .hexagonshapes .dotted1 svg path {
    stroke-width: 0px;
  }
  .home .hexagonshapes .dotted2 {
    --size: 259px;
    right: 136px;
    --y: 4%;
    z-index: 0;
  }
  .home .hexagonshapes .dotted2 svg {
    width: 20rem;
  }
  .home .hex-container {
    position: absolute;
    width: var(--size);
    height: var(--size);
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
  }
  .home .hex-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: rotate(90deg);
  }
  .home .hex-svg path {
    stroke-width: 11;
  }
  .home .imagehexagons .hex1 {
    display: none;
  }
  .home .imagehexagons .hex2 {
         --size: 72px;
        right: -11px;
        --y: 75%;
  }
  .home .imagehexagons .hex3 {
    --size: 70px;
    right: 55px;
    --y: 86%;
  }
  .home .imagehexagons .hex4 {
  display:none;
  }
  .home .imagehexagons .hex5 {
 display:none;
  }
  .home .imagehexagons .hex6 {
         --size: 58px;
        right: 138px;
        --y: 89%;
  }
  .home .imagehexagons .hex7 {
   display:none;
  }
}






.home .whynow {
  background-image:
    url("data:image/svg+xml,%3Csvg width='3000' height='1402' viewBox='0 0 3000 1402' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath d='M-51 1401.08L-49.2 942L-11.1001 988.609L282.2 1347.51L1959.77 969.788L1729.6 1401.08H-51Z' fill='url(%23paint0_linear_669_480)'/%3E%3Cpath d='M1669 1402L1948.82 978.707L2988.43 64.7644L3001.15 53.5713L3032.49 26.0249L3032.52 26L3033 1402H1669Z' fill='url(%23paint1_linear_669_480)'/%3E%3Cpath d='M1958 970.712L2987.12 39.4971L2999.72 28.0924L3030.75 0.0255127L3030.77 0.00012207V1402H2628.47L1958 970.712Z' fill='%23F0D293'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_669_480' x1='954.387' y1='942' x2='954.387' y2='1401.08' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFBB2D'/%3E%3Cstop offset='1' stop-color='%2399701B'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_669_480' x1='1872.93' y1='26' x2='1872.93' y2='1402' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0721154' stop-color='%2377591A' stop-opacity='0.8'/%3E%3Cstop offset='0.432692' stop-color='%2399701B' stop-opacity='0.8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"),
    linear-gradient(162deg, rgb(253, 195, 75) 41%, rgb(255, 187, 45) 74%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
 
background-attachment: fixed;
}
.home .whynow ul.points button
{
    background-color: var(--col-midblue);
    border: 0px solid var(--col-darkblue);
    color: var(--col-white);
    font-size: 1.2rem;
    font-weight: 600;
    padding: 6px 20px;
	font-size: 1.1rem; 
  font-size: clamp(1rem, 0.555rem + 0.716vw, 1.2rem);
}


/* END MEDIA QUERIES HERO SECTION ONLY */


.home section.whynow .items
{
display: grid;
	    margin: 0 auto;
}
.home section.whynow .item
{
	display:grid;
grid-template-rows: subgrid;
    grid-row: span 3;
	background: var(--col-real-white);
	border-radius: 10px;
	box-shadow: 0 2px 4px 0 rgba(139, 92, 5, 0.1), 0 12px 24px -6px rgba(139, 92, 5, 0.2), 0 25px 50px -12px rgba(139, 92, 5, 0.15);
	-webkit-box-shadow: 0 2px 4px 0 rgba(139, 92, 5, 0.1), 0 12px 24px -6px rgba(139, 92, 5, 0.2), 0 25px 50px -12px rgba(139, 92, 5, 0.15);
}

.home section.whynow .item .image img
{
	width: 100%;
	max-width: 100%;
	border-radius: 8px 8px 0 0;
}

.home section.whynow .item .image
{
	line-height:0;
}

.home section.whynow .item h4
{
background: var(--col-midblue);
    color: var(--col-real-white);
text-transform: uppercase;
    font-weight: 600;
	    display: flex;
    align-items: center;

}

.home .whynow h3 {
    color: var(--col-darkblue);
    position: relative;
    display: inline-block;
}

.home .whynow h3:after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 100vw;
    height: 1px;
    background-color: var(--col-real-white);
    transform: translateX(calc(-100vw + 100%));
    z-index: 1;
}



.home section.whynow .item .content ul
{
    display: flex;
    flex-direction: column;
  
}


.home section.whynow .item .content ul li {
font-size: clamp(0.9rem, 0.9648rem + 1.1268vw, 1rem);
}



.home .getstarted .getstartedhexagons svg
{    position: absolute;
   
}

.home .getstarted {
	overflow:hidden;
  background-image: linear-gradient(162deg, rgb(58, 159, 239) 41%, rgb(44, 144, 222) 74%);
  position: relative;
  background-color: var(--col-midblue);
  background-attachment: inherit;
  background-size: cover;
  position: relative;
}
.home .getstarted .svg-pattern-overlay {
  position: absolute;
  z-index: 20; /* Highest */
  pointer-events: none; /* Allows clicking "through" the pattern to the div below */
  background-image: url("data:image/svg+xml,%3Csvg width='2996' height='1471' viewBox='0 0 2996 1471' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_657_810' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='2998' height='1471'%3E%3Cpath d='M2998 0H0V1471H2998V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_657_810)'%3E%3Cpath d='M-368.579 1199.85L-368.107 1199.26L-660 1056.06C-643.461 1035.25 -245.163 546.726 574.418 580.561C912.645 594.517 1161.53 661.031 1361.52 714.476C1627.06 785.436 1751.62 813.938 1921.24 745.734C2038.69 698.513 2107.07 616.89 2193.65 513.552C2362.55 311.948 2572.76 61.0454 3232.05 -46L3301.7 218.752C2781.91 303.149 2635.8 477.545 2481.11 662.182C2380.4 782.391 2276.26 906.691 2078.03 986.393C1771.55 1109.61 1518.55 1042 1250.69 970.421C1061.45 919.848 846.969 862.527 556.371 850.537C300.653 839.971 68.8454 894.292 -132.974 1011.92C-288.437 1102.53 -367.799 1198.89 -368.579 1199.85Z' fill='white'/%3E%3Cpath d='M-390.187 1189.02L-638.261 1066.72C-634.092 1061.48 -533.901 936.93 -335.929 818.742C-73.9621 662.346 240.348 586.915 573.075 600.663C907.754 614.476 1154.78 680.49 1353.27 733.533C1618.83 804.505 1754.41 835.428 1932.92 763.653C2056.38 714.01 2126.41 630.434 2215.06 524.619C2381.37 326.116 2588.33 79.0721 3237.24 -26.2852L3296.51 199.034C2766.34 285.115 2610.45 471.179 2459.7 651.114C2360.82 769.141 2258.57 891.185 2066.36 968.469C1769.55 1087.81 1521.53 1021.53 1258.94 951.357C1068.13 900.364 851.86 842.567 557.715 830.431C295.282 819.601 57.2185 875.546 -149.885 996.71C-308.559 1089.54 -389.386 1188.03 -390.187 1189.02Z' fill='%23052A48' fill-opacity='0.2'/%3E%3Cpath d='M-437.551 1055.48C-439.261 1055.48 -440.976 1055.02 -442.363 1054.07C-445.41 1051.98 -445.723 1048.34 -443.064 1045.95C-426.969 1031.46 -409.936 1017.03 -392.433 1003.04C-389.608 1000.78 -384.969 1000.75 -382.078 1002.98C-379.196 1005.2 -379.154 1008.84 -381.993 1011.11C-399.29 1024.93 -416.129 1039.2 -432.039 1053.52C-433.482 1054.82 -435.513 1055.48 -437.551 1055.48ZM-322.794 964.79C-324.811 964.79 -326.827 964.136 -328.272 962.852C-330.953 960.476 -330.674 956.839 -327.65 954.732C-309.153 941.851 -289.946 929.226 -270.576 917.211C-267.394 915.239 -262.79 915.67 -260.287 918.16C-257.784 920.652 -258.328 924.269 -261.495 926.237C-280.65 938.121 -299.642 950.604 -317.939 963.342C-319.333 964.313 -321.064 964.79 -322.794 964.79ZM1728.52 925.253C1713.21 925.253 1697.38 924.784 1681.49 923.855C1677.46 923.621 1674.43 920.861 1674.73 917.693C1675.03 914.528 1678.4 912.135 1682.58 912.384C1698.11 913.288 1713.57 913.749 1728.52 913.749C1728.56 913.749 1728.6 913.749 1728.65 913.749C1737.65 913.749 1746.71 913.584 1755.58 913.258C1759.75 913.168 1763.04 915.563 1763.23 918.734C1763.42 921.908 1760.3 924.601 1756.26 924.75C1747.17 925.084 1737.87 925.253 1728.65 925.253C1728.6 925.253 1728.56 925.253 1728.52 925.253ZM1843.89 915.991C1840.5 915.991 1837.45 914.129 1836.73 911.418C1835.9 908.309 1838.43 905.258 1842.39 904.61C1865.78 900.759 1889.44 895.58 1912.7 889.216C1916.54 888.168 1920.7 889.754 1922.03 892.757C1923.36 895.757 1921.34 899.034 1917.52 900.08C1893.66 906.607 1869.39 911.919 1845.4 915.867C1844.89 915.951 1844.39 915.991 1843.89 915.991ZM1594.1 914.531C1593.65 914.531 1593.19 914.496 1592.72 914.429C1569.64 910.963 1545.91 906.716 1520.16 901.445C1516.24 900.641 1513.9 897.501 1514.92 894.425C1515.94 891.35 1519.98 889.513 1523.85 890.311C1549.29 895.521 1572.71 899.711 1595.47 903.126C1599.45 903.724 1602.05 906.736 1601.29 909.855C1600.62 912.615 1597.55 914.531 1594.1 914.531ZM-194.459 886.177C-196.798 886.177 -199.1 885.3 -200.516 883.665C-202.796 881.043 -201.932 877.464 -198.592 875.672C-178.15 864.713 -157.063 854.108 -135.912 844.151C-132.465 842.519 -127.953 843.404 -125.873 846.129C-123.792 848.853 -124.922 852.387 -128.39 854.021C-149.284 863.859 -170.127 874.341 -190.34 885.177C-191.599 885.854 -193.037 886.177 -194.459 886.177ZM1436.76 882.234C1436.04 882.234 1435.3 882.146 1434.57 881.967C1413.99 876.906 1391.6 871.179 1364.1 863.941C1360.27 862.933 1358.19 859.672 1359.48 856.661C1360.77 853.648 1364.92 852.035 1368.75 853.033C1396.16 860.245 1418.46 865.952 1438.95 870.991C1442.81 871.94 1444.95 875.167 1443.75 878.198C1442.77 880.658 1439.88 882.234 1436.76 882.234ZM1996.68 872.999C1994 872.999 1991.42 871.842 1990.13 869.833C1988.32 866.997 1989.77 863.539 1993.38 862.109L1996.29 860.949C2016.95 852.641 2037.12 843.323 2056.25 833.248C2059.61 831.47 2064.16 832.18 2066.41 834.823C2068.66 837.461 2067.77 841.033 2064.41 842.802C2044.8 853.127 2024.14 862.676 2002.98 871.184L1999.97 872.383C1998.92 872.802 1997.79 872.999 1996.68 872.999ZM1282.34 841.859C1281.56 841.859 1280.77 841.758 1279.99 841.551C1257.16 835.461 1233.82 829.277 1209.92 823.087C1206.08 822.093 1203.99 818.84 1205.25 815.823C1206.52 812.804 1210.64 811.166 1214.51 812.161C1238.45 818.363 1261.82 824.559 1284.69 830.659C1288.53 831.678 1290.57 834.945 1289.28 837.953C1288.24 840.348 1285.39 841.859 1282.34 841.859ZM-54.3911 821.174C-57.0659 821.174 -59.6469 820.019 -60.9338 818.015C-62.7563 815.178 -61.3051 811.72 -57.6941 810.287C-35.5993 801.522 -12.9117 793.2 9.73337 785.549C13.4442 784.294 17.7565 785.639 19.3575 788.56C20.9524 791.478 19.2357 794.86 15.5249 796.115C-6.84866 803.676 -29.2648 811.9 -51.1027 820.556C-52.1533 820.978 -53.2832 821.174 -54.3911 821.174ZM1127.64 802.199C1126.94 802.199 1126.21 802.118 1125.5 801.943C1100.9 796.031 1077.74 790.695 1054.69 785.628C1050.79 784.775 1048.52 781.597 1049.61 778.539C1050.7 775.48 1054.8 773.693 1058.64 774.55C1081.8 779.642 1105.08 785.004 1129.79 790.945C1133.65 791.874 1135.83 795.09 1134.64 798.126C1133.68 800.604 1130.78 802.199 1127.64 802.199ZM2130.1 800.957C2128.1 800.957 2126.11 800.318 2124.66 799.056C2121.96 796.697 2122.19 793.059 2125.21 790.934C2142.82 778.46 2159.73 765.172 2176.88 750.31C2179.61 747.957 2184.23 747.777 2187.23 749.914C2190.22 752.049 2190.44 755.686 2187.73 758.04C2170.24 773.193 2152.99 786.747 2135 799.479C2133.61 800.469 2131.86 800.957 2130.1 800.957ZM95.4229 771.442C92.3841 771.442 89.5462 769.942 88.5016 767.561C87.1855 764.555 89.2162 761.284 93.0416 760.25C116.388 753.932 140.298 748.111 164.117 742.94C167.992 742.119 172.053 743.89 173.126 746.954C174.206 750.016 171.918 753.183 168.02 754.029C144.488 759.135 120.871 764.887 97.8031 771.125C97.0178 771.338 96.2094 771.442 95.4229 771.442ZM970.793 768.195C970.22 768.195 969.635 768.144 969.055 768.032C945.094 763.459 920.898 759.159 897.151 755.255C893.197 754.604 890.658 751.554 891.489 748.444C892.318 745.332 896.215 743.361 900.155 743.993C924.051 747.925 948.397 752.251 972.516 756.854C976.442 757.604 978.858 760.714 977.9 763.8C977.084 766.431 974.088 768.195 970.793 768.195ZM811.447 742.453C811.046 742.453 810.64 742.428 810.232 742.375C786.049 739.19 761.531 736.297 737.34 733.774C733.336 733.357 730.512 730.466 731.049 727.318C731.578 724.166 735.282 721.967 739.271 722.371C763.619 724.91 788.309 727.823 812.649 731.028C816.638 731.553 819.327 734.519 818.662 737.654C818.06 740.462 814.957 742.453 811.447 742.453ZM252.438 738.193C249.013 738.193 245.953 736.298 245.26 733.556C244.48 730.438 247.062 727.414 251.031 726.799C275.177 723.049 299.867 719.828 324.422 717.221C328.44 716.789 332.109 719.008 332.659 722.153C333.195 725.301 330.392 728.198 326.382 728.624C302.12 731.197 277.723 734.379 253.863 738.084C253.389 738.16 252.911 738.193 252.438 738.193ZM650.12 726.08C649.899 726.08 649.677 726.071 649.448 726.058C625.216 724.319 600.49 722.878 575.943 721.768C571.91 721.586 568.821 718.867 569.057 715.693C569.286 712.522 572.79 710.093 576.787 710.281C601.491 711.399 626.39 712.851 650.779 714.598C654.805 714.887 657.771 717.687 657.407 720.85C657.057 723.835 653.867 726.08 650.12 726.08ZM413.7 721.83C409.868 721.83 406.643 719.487 406.399 716.44C406.148 713.269 409.209 710.536 413.249 710.337C437.775 709.124 462.786 708.459 487.577 708.351C487.59 708.351 487.605 708.351 487.619 708.351C491.645 708.351 494.919 710.908 494.941 714.073C494.963 717.249 491.701 719.839 487.662 719.855C463.143 719.96 438.417 720.62 414.163 721.819C414.007 721.827 413.857 721.83 413.7 721.83ZM2238.66 706.147C2237.12 706.147 2235.57 705.768 2234.25 704.981C2231.02 703.065 2230.39 699.459 2232.83 696.923C2246.31 682.917 2260.36 667.556 2275.79 649.96C2278.07 647.35 2282.63 646.685 2285.97 648.482C2289.29 650.282 2290.14 653.867 2287.84 656.481C2272.3 674.22 2258.12 689.719 2244.51 703.863C2243.07 705.36 2240.88 706.147 2238.66 706.147ZM2331.16 601.028C2329.78 601.028 2328.38 600.722 2327.14 600.079C2323.76 598.333 2322.83 594.765 2325.05 592.114L2331.24 584.724C2342.63 571.135 2354.12 557.413 2365.88 543.608C2368.12 540.971 2372.67 540.263 2376.03 542.027C2379.39 543.794 2380.3 547.366 2378.05 550.007C2366.32 563.786 2354.84 577.483 2343.47 591.049L2337.28 598.439C2335.87 600.118 2333.54 601.028 2331.16 601.028ZM2422.37 495.173C2420.89 495.173 2419.4 494.822 2418.11 494.094C2414.82 492.241 2414.07 488.648 2416.43 486.067C2431.73 469.322 2446.3 454.057 2460.98 439.401C2463.48 436.91 2468.09 436.469 2471.26 438.441C2474.44 440.405 2474.99 444.022 2472.49 446.518C2457.94 461.039 2443.5 476.169 2428.32 492.773C2426.89 494.339 2424.65 495.173 2422.37 495.173ZM2523.86 395.42C2522.11 395.42 2520.35 394.928 2518.95 393.934C2515.95 391.802 2515.72 388.165 2518.43 385.809C2535.24 371.21 2552.6 357.064 2570.04 343.763C2572.94 341.553 2577.57 341.604 2580.4 343.887C2583.21 346.165 2583.14 349.807 2580.24 352.02C2563.03 365.142 2545.89 379.11 2529.29 393.526C2527.84 394.782 2525.85 395.42 2523.86 395.42ZM2641.23 307.257C2639.11 307.257 2637.01 306.541 2635.56 305.156C2632.99 302.702 2633.45 299.076 2636.57 297.059C2655.58 284.799 2675.45 272.863 2695.63 261.58C2698.93 259.743 2703.5 260.347 2705.84 262.934C2708.18 265.52 2707.41 269.113 2704.12 270.956C2684.21 282.081 2664.61 293.857 2645.87 305.952C2644.5 306.83 2642.86 307.257 2641.23 307.257ZM2774.09 233.987C2771.59 233.987 2769.17 232.987 2767.79 231.187C2765.72 228.46 2766.85 224.927 2770.33 223.298C2791.19 213.501 2813.03 203.961 2835.25 194.945C2838.84 193.473 2843.27 194.594 2845.12 197.413C2846.97 200.236 2845.56 203.705 2841.97 205.164C2820.02 214.073 2798.45 223.496 2777.83 233.173C2776.66 233.727 2775.37 233.987 2774.09 233.987ZM2918.69 176.015C2915.86 176.015 2913.16 174.717 2911.97 172.549C2910.36 169.634 2912.06 166.246 2915.77 164.982C2938.04 157.393 2961.2 150.054 2984.61 143.168C2988.38 142.054 2992.61 143.558 2994.03 146.538C2995.45 149.513 2993.53 152.827 2989.74 153.942C2966.57 160.762 2943.63 168.028 2921.59 175.538C2920.65 175.86 2919.65 176.015 2918.69 176.015ZM3070.99 131.689C3067.87 131.689 3064.99 130.116 3064.01 127.658C3062.8 124.626 3064.94 121.398 3068.8 120.446C3091.89 114.747 3115.86 109.257 3140.04 104.12C3143.9 103.3 3147.96 105.103 3149.01 108.169C3150.07 111.236 3147.76 114.396 3143.85 115.225C3119.87 120.32 3096.1 125.771 3073.19 131.422C3072.46 131.602 3071.71 131.689 3070.99 131.689Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: cover;
}
.home .getstarted .steps {
  display: flex;
  position: relative;
  z-index: 100;
}
.home .getstarted .steps .title {
 color: var(--col-midblue2);
    font-weight: 600;
     color: var(--col-midblue2);
}
.home .getstarted .steps button {
background-color: transparent;
    border: 2px solid var(--col-darkblue);
    color: var(--col-darkblue);
    /* background: var(--col-midblue2); */
    font-weight: 600;
    border-radius: 10px;
    width: fit-content;
}
.home .getstarted .steps .content {
  color: var(--col-white);
  font-weight: 400;
  display: none;
}

.home .getstarted .steps .step1,.home .getstarted .steps .step2,
.home .getstarted .steps .step3, .home .getstarted .steps .step4  {
  display: flex;
	gap:10px;
	    border: 2px solid var(--col-orange);
    background: var(--col-white);
    border-radius: 10px;
	padding: 10px;

}

.home .getstarted h3 {
  color: var(--col-orange);
  position: relative;
  display: inline-block;
	
}
.home .getstarted h3:after {
  content: "";
  position: absolute;
  bottom: -4px; /* Adjust vertical gap */
  right: 0; /* Ends exactly at the end of the text */
  width: 100vw;
  height: 1px;
  background-color: var(--col-darkblue);
  transform: translateX(calc(-100vw + 100%));
  z-index: 1;
}




  .home .getstarted .steps {
  justify-content: space-evenly;
  }



  }
  .home .getstarted .steps .stepcont1 {
	     
    position: relative;
    
  }
  .home .getstarted .steps .stepcont2 {
	      position: relative;
  
   
  }
  .home .getstarted .steps .stepcont3 {
    position: relative;
	     
  }
  .home .getstarted .steps .stepcont4 {

	  position: relative;
 
  }

@media only screen and (min-width: 2151px) {
	
	
	

.home section.whynow .items
{

    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 40px;
	max-width: 75%;
	  
}


.home section.whynow .item h4
{

    padding: 8px 25px;
    margin: 0 0 1rem 0;
   

}



.home section.whynow .item .content
{
padding: 0 25px 30px;
}
.home section.whynow .item .content ul
{
  
    gap: 20px;
}



	
	
	
	
.home_stories-slider {
    display: none;
}
.home_stories-slider.slick-initialized {
    display: block;
}



	
	.home .getstarted .getstartedhexagons .hex1cont
{
width: 16rem;
    right: 22rem;
    top: 88%;
   position: absolute;
}

.home .getstarted .getstartedhexagons .hex1cont svg
{
	opacity: 0.4;
}


.home .getstarted .getstartedhexagons .hex2cont svg
{
	opacity: 0.5;
}


.home .getstarted .getstartedhexagons .hex3cont svg
{
	opacity: 0.3;
}
.home .getstarted .getstartedhexagons .hex2cont
{ 
    width: 30rem;
    right: 0;
    top: 77%;
	  position: absolute;
}
.home .getstarted .getstartedhexagons .hex3cont
{    
width: 37rem;
    right: -16rem;
    top: 27%;
	  position: absolute;


}
	
	.home section.getstarted
	{
		min-height:650px;
	}
.home .pointer1, .home .pointer2, .home .pointer3, .home .pointer4 {
    display: none;
}
	
	.home svg.pointersvg {
    width: 17rem;
}
	.home .steps .stepcont1
	{
	    position: relative;
    top: 110px;
	}
	
.home .pointer1mob .arrow svg
	{
 position: absolute;
        top: 102px;
        width: 13rem;
        right: -203px;
        transform: rotate(322deg);
	}
	
	
	
	
	.home .steps .stepcont2
	{
	    position: relative;
    top: 40px;
	}
	
.home .pointer2mob .arrow svg
	{
position: absolute;
        top: 63px;
        right: -166px;
        transform: rotate(347deg);
        width: 11rem;
	}
	
	.home .steps .stepcont3
	{
	    position: relative;
   top: 161px;
        right: 24px;
	}
	
.home .pointer3mob .arrow svg
	{
position: absolute;
      top: 56px;
        right: -164px;
        transform: rotate(9deg);
        width: 11rem;
	}
	
		.home .steps .stepcont4
	{
	    position: relative;
        top: 43px;
        right: 54px;
	}
	.home .getstarted .steps .step1, .home .getstarted .steps .step2, .home .getstarted .steps .step3, .home .getstarted .steps .step4 {

    width: fit-content;
		gap:5px;
		        justify-self: center;
}
	
	.home .getstarted .steps button {
    
    border: 0px;
  
    font-size: 1rem;
}
	
	/* Slick Clones often fail to display because of 
   CSS selectors that only target 'original' items.
*/

/* 1. Ensure clones are visible and sized correctly */
.home_stories-slider .slick-slide {
    
    height: auto;
}

/* 2. Fix the layout of items inside the clones */
.home_stories-slider .quote {
    float: left;
    min-height: 1px;
}

/* 3. If you use "reveal-item" animations, ensure clones aren't stuck at opacity 0 */
.home_stories-slider .slick-slide.slick-cloned {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* 4. Fix for image rendering inside the slide */
.home_stories-slider .quote .image img {
    display: block;
    width: 100%;
    height: auto;
}

	
}

@media only screen and (min-width: 1920px) and  (max-width: 2150px) {
	


.home section.whynow .items
{

    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 40px;
	max-width: 75%;
	  
}


.home section.whynow .item h4
{

    padding: 8px 25px;
    margin: 0 0 1rem 0;
   

}



.home section.whynow .item .content
{
padding: 0 25px 30px;
}
.home section.whynow .item .content ul
{
  
    gap: 20px;
}



/* 1. Ensure clones are visible and sized correctly */
.home_stories-slider .slick-slide {
  
    height: auto;
}

/* 2. Fix the layout of items inside the clones */
.home_stories-slider .quote {
    float: left;
    min-height: 1px;
}

/* 3. If you use "reveal-item" animations, ensure clones aren't stuck at opacity 0 */
.home_stories-slider .slick-slide.slick-cloned {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* 4. Fix for image rendering inside the slide */
.home_stories-slider .quote .image img {
    display: block;
    width: 100%;
    height: auto;
}

	
	.home_stories-slider {
    display: none;
}
.home_stories-slider.slick-initialized {
    display: block;
}
	
	.home .seework .quotes .image img {
   
    max-width: 56% !important;
	}


	
	.home .getstarted .getstartedhexagons .hex1cont
{
width: 16rem;
    right: 22rem;
    top: 88%;
   position: absolute;
}

.home .getstarted .getstartedhexagons .hex1cont svg
{
	opacity: 0.4;
}


.home .getstarted .getstartedhexagons .hex2cont svg
{
	opacity: 0.5;
}


.home .getstarted .getstartedhexagons .hex3cont svg
{
	opacity: 0.3;
}
.home .getstarted .getstartedhexagons .hex2cont
{ 
    width: 30rem;
    right: 0;
    top: 77%;
	  position: absolute;
}
.home .getstarted .getstartedhexagons .hex3cont
{    
        width: 31rem;
        right: -13rem;
        top: 49%;
	  position: absolute;


}
	
.home .getstarted .steps .stepcont2,
.home .getstarted .steps .stepcont4 {
	display: flex;
	flex-direction: column-reverse;
	position:relative;

}
	
	.home .getstarted .step1, .home .getstarted .step3
	{
	top: -15px;
    position: relative;
	}
	
		.home .getstarted .step2, .home .getstarted .step4
	{
	top: 15px;
    position: relative;
	}
	
.home .getstarted .steps .stepcont1,
.home .getstarted .steps .stepcont3 {
display: flex;
	flex-direction: column;
	position: relative;
}
	
  .home .getstarted .pointer1mob,
  .home .getstarted .pointer2mob,
  .home .getstarted .pointer3mob,
  .home .getstarted .pointer4mob {
    display: none;
  }
  .home .getstarted {
    min-height: 800px;
  }
  .home .getstarted .svg-pattern-overlay {
    top: -60px;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .home .getstarted .steps .title {
    font-size: 1rem;
	  position: relative;
	  top:3px;
   
  }
  .home .getstarted .steps button {
    font-size: 1rem;
    padding: 3px 10px;
  
  }
  .home .getstarted .steps .stepcont1 {
	      top: 302px;
  
    
  }
  .home .getstarted .steps .stepcont2 {
    top: 21px;
   
  }
  .home .getstarted .steps .stepcont3 {
	      top: 420px;
  }
  .home .getstarted .steps .stepcont4 {

 top: 20px;
    left: -50px;
  }
  .home .getstarted .steps .pointer1 svg {
    width: 9rem;
	  
  }
  .home .getstarted .steps .pointer2 svg {
    width: 9rem;
  }
  .home .getstarted .steps .pointer3 svg {
    width: 9rem;
  }
  .home .getstarted .steps .pointer4 svg {
    width: 9rem;
  }


	
	
}

/* MEDIA QUERIES GENERAL HOME */
@media only screen and (min-width: 1920px) {

.home .seework .quotes .image img
{
  

}
	
}


@media only screen and (min-width: 1440px)  and (max-width: 1919px){
	

.home section.whynow .items
{

    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 40px;
	max-width: 85%;
	  
}


.home section.whynow .item h4
{

    padding: 8px 25px;
    margin: 0 0 1rem 0;
   

}



.home section.whynow .item .content
{
padding: 0 25px 30px;
}
.home section.whynow .item .content ul
{
  
    gap: 20px;
}


	/* Slick Clones often fail to display because of 
   CSS selectors that only target 'original' items.
*/

/* 1. Ensure clones are visible and sized correctly */
.home_stories-slider .slick-slide {
    
    height: auto;
}

/* 2. Fix the layout of items inside the clones */
.home_stories-slider .quote {
    float: left;
    min-height: 1px;
}

/* 3. If you use "reveal-item" animations, ensure clones aren't stuck at opacity 0 */
.home_stories-slider .slick-slide.slick-cloned {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* 4. Fix for image rendering inside the slide */
.home_stories-slider .quote .image img {
    display: block;
    width: 100%;
    height: auto;
}

	
	
.home_stories-slider {
    display: none;
}
.home_stories-slider.slick-initialized {
    display: block;
}


		
	.home .getstarted .getstartedhexagons .hex1cont
{
top: 91%;
        position: absolute;
        width: 10rem;
        right: 17rem;
}

.home .getstarted .getstartedhexagons .hex1cont svg
{
	opacity: 0.4;
}


.home .getstarted .getstartedhexagons .hex2cont svg
{
	opacity: 0.5;
}


.home .getstarted .getstartedhexagons .hex3cont svg
{
	opacity: 0.3;
}
.home .getstarted .getstartedhexagons .hex2cont
{ 
   width: 24rem;
        right: 0;
        top: 86%;
	  position: absolute;
}
.home .getstarted .getstartedhexagons .hex3cont
{    
 width: 21rem;
        right: -9rem;
        top: 70%;
	  position: absolute;


}
		
.home .getstarted .steps .stepcont2,
.home .getstarted .steps .stepcont4 {
	display: flex;
	flex-direction: column-reverse;
	position:relative;

}
	
	.home .getstarted .step1, .home .getstarted .step3
	{
	top: -15px;
    position: relative;
	}
	
		.home .getstarted .step2, .home .getstarted .step4
	{
	top: 15px;
    position: relative;
	}
	
.home .getstarted .steps .stepcont1,
.home .getstarted .steps .stepcont3 {
display: flex;
	flex-direction: column;
	position: relative;
}
	
  .home .getstarted .pointer1mob,
  .home .getstarted .pointer2mob,
  .home .getstarted .pointer3mob,
  .home .getstarted .pointer4mob {
    display: none;
  }
  .home .getstarted {
    min-height: 800px;
  }
  .home .getstarted .svg-pattern-overlay {
    top: -60px;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .home .getstarted .steps .title {
    font-size: 1rem;
	  position: relative;
	  top:3px;
   
  }
  .home .getstarted .steps button {
    font-size: 1rem;
    padding: 3px 10px;
  
  }
  .home .getstarted .steps .stepcont1 {
	      top: 302px;
  
    
  }
  .home .getstarted .steps .stepcont2 {
    top: -21px;
   
  }
  .home .getstarted .steps .stepcont3 {
	      top: 395px;
  }
  .home .getstarted .steps .stepcont4 {

 top:clamp(-6px, 440px - 20.25vw, 96px);
    left: -50px;
  }
  .home .getstarted .steps .pointer1 svg {
    width: 9rem;
	  
  }
  .home .getstarted .steps .pointer2 svg {
    width: 9rem;
  }
  .home .getstarted .steps .pointer3 svg {
    width: 9rem;
  }
  .home .getstarted .steps .pointer4 svg {
    width: 9rem;
  }


	
	
	

.home .seework .quotes .image img
{
   

}
	
}




@media only screen and (min-width: 1200px)  and (max-width: 1439px){
	

.home section.whynow .items
{

    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 40px;
	max-width: 90%;
	  
}


.home section.whynow .item h4
{

    padding: 8px 25px;
    margin: 0 0 1rem 0;
   

}



.home section.whynow .item .content
{
padding: 0 25px 30px;
}
.home section.whynow .item .content ul
{
  
    gap: 20px;
}


/* 1. Ensure clones are visible and sized correctly */
.home_stories-slider .slick-slide {
    
    height: auto;
}

/* 2. Fix the layout of items inside the clones */
.home_stories-slider .quote {
    float: left;
    min-height: 1px;
}

/* 3. If you use "reveal-item" animations, ensure clones aren't stuck at opacity 0 */
.home_stories-slider .slick-slide.slick-cloned {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* 4. Fix for image rendering inside the slide */
.home_stories-slider .quote .image img {
    display: block;
    width: 100%;
    height: auto;
}

	
	.home_stories-slider {
    display: none;
}
.home_stories-slider.slick-initialized {
    display: block;
}
	
	.home .getstarted .getstartedhexagons .hex1cont
{
top: 91%;
        position: absolute;
        width: 10rem;
        right: 17rem;
}

.home .getstarted .getstartedhexagons .hex1cont svg
{
	opacity: 0.4;
}


.home .getstarted .getstartedhexagons .hex2cont svg
{
	opacity: 0.5;
}


.home .getstarted .getstartedhexagons .hex3cont svg
{
	opacity: 0.3;
}
.home .getstarted .getstartedhexagons .hex2cont
{ 
   width: 24rem;
        right: 0;
        top: 86%;
	  position: absolute;
}
.home .getstarted .getstartedhexagons .hex3cont
{    
width: 19rem;
        right: -9rem;
        top: 76%;
	  position: absolute;


}
	
	
	
		
.home .getstarted .steps .stepcont2,
.home .getstarted .steps .stepcont4 {
	display: flex;
	flex-direction: column-reverse;
	position:relative;

}
	
	.home .getstarted .step1, .home .getstarted .step3
	{
	top: -15px;
    position: relative;
	}
	
		.home .getstarted .step2, .home .getstarted .step4
	{
	top: 15px;
    position: relative;
	}
	
.home .getstarted .steps .stepcont1,
.home .getstarted .steps .stepcont3 {
display: flex;
	flex-direction: column;
	position: relative;
}
	
  .home .getstarted .pointer1mob,
  .home .getstarted .pointer2mob,
  .home .getstarted .pointer3mob,
  .home .getstarted .pointer4mob {
    display: none;
  }
  .home .getstarted {
    min-height: 800px;
  }
  .home .getstarted .svg-pattern-overlay {
    top: -60px;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .home .getstarted .steps .title {
    font-size: 1rem;
	  position: relative;
	  top:3px;
   
  }
  .home .getstarted .steps button {
    font-size: 1rem;
    padding: 3px 10px;
  
  }
  .home .getstarted .steps .stepcont1 {
	      top: 302px;
  
    
  }
  .home .getstarted .steps .stepcont2 {
    top: -21px;
   
  }
  .home .getstarted .steps .stepcont3 {
	      top: 345px;
  }
  .home .getstarted .steps .stepcont4 {

 top:clamp(-95px, -81vw + 1460.2px, 87px);
    left: -50px;
  }
  .home .getstarted .steps .pointer1 svg {
    width: 9rem;
	  
  }
  .home .getstarted .steps .pointer2 svg {
    width: 9rem;
  }
  .home .getstarted .steps .pointer3 svg {
    width: 9rem;
  }
  .home .getstarted .steps .pointer4 svg {
    width: 9rem;
  }


	
	

.home .seework .quotes .image img
{
   
	

}
	
}



@media only screen and (min-width: 993px)  and (max-width: 1199px){
	

.home section.whynow .items
{

    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 25px;
	max-width: 97%;
	  
}


.home section.whynow .item h4
{

    padding: 8px 25px;
    margin: 0 0 1rem 0;
   

}



.home section.whynow .item .content
{
padding: 0 25px 30px;
}
.home section.whynow .item .content ul
{
  
    gap: 20px;
}

/* 1. Ensure clones are visible and sized correctly */
.home_stories-slider .slick-slide {
   
    height: auto;
}

/* 2. Fix the layout of items inside the clones */
.home_stories-slider .quote {
    float: left;
    min-height: 1px;
}

/* 3. If you use "reveal-item" animations, ensure clones aren't stuck at opacity 0 */
.home_stories-slider .slick-slide.slick-cloned {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* 4. Fix for image rendering inside the slide */
.home_stories-slider .quote .image img {
    display: block;
    width: 100%;
    height: auto;
}

	
	.home_stories-slider {
    display: none;
}
.home_stories-slider.slick-initialized {
    display: block;
}
	
	
		
	.home .getstarted .getstartedhexagons .hex1cont
{
top: 91%;
        position: absolute;
        width: 10rem;
        right: 17rem;
}

.home .getstarted .getstartedhexagons .hex1cont svg
{
	opacity: 0.4;
}


.home .getstarted .getstartedhexagons .hex2cont svg
{
	opacity: 0.5;
}


.home .getstarted .getstartedhexagons .hex3cont svg
{
	opacity: 0.3;
}
.home .getstarted .getstartedhexagons .hex2cont
{ 
   width: 24rem;
        right: 0;
        top: 86%;
	  position: absolute;
}
.home .getstarted .getstartedhexagons .hex3cont
{    
width: 19rem;
        right: -9rem;
        top: 76%;
	  position: absolute;


}
		
	
		
.home .getstarted .steps .stepcont2,
.home .getstarted .steps .stepcont4 {
	display: flex;
	flex-direction: column-reverse;
	position:relative;

}
	
	.home .getstarted .step1, .home .getstarted .step3
	{
	top: -15px;
    position: relative;
	}
	
		.home .getstarted .step2, .home .getstarted .step4
	{
	top: 15px;
    position: relative;
	}
	
.home .getstarted .steps .stepcont1,
.home .getstarted .steps .stepcont3 {
display: flex;
	flex-direction: column;
	position: relative;
}
	
  .home .getstarted .pointer1mob,
  .home .getstarted .pointer2mob,
  .home .getstarted .pointer3mob,
  .home .getstarted .pointer4mob {
    display: none;
  }
  .home .getstarted {
    min-height: 800px;
  }
  .home .getstarted .svg-pattern-overlay {
    top: -120px;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .home .getstarted .steps .title {
    font-size: 1rem;
	  position: relative;
	  top:3px;
   
  }
  .home .getstarted .steps button {
    font-size: 1rem;
    padding: 3px 10px;
  
  }
  .home .getstarted .steps .stepcont1 {
	      top: 344px;
  
    
  }
  .home .getstarted .steps .stepcont2 {
    top: -28px;
   
  }
  .home .getstarted .steps .stepcont3 {
	      top: 325px;
  }
  .home .getstarted .steps .stepcont4 {

 top:20px;
    left: -50px;
  }
  .home .getstarted .steps .pointer1 svg {
    width: 8rem;
	  
  }
  .home .getstarted .steps .pointer2 svg {
    width: 8rem;
  }
  .home .getstarted .steps .pointer3 svg {
    width: 8rem;
  }
  .home .getstarted .steps .pointer4 svg {
    width: 8rem;
  }


	
	

.home .seework .quotes .image img
{


}
	
}



@media only screen and (min-width: 769px)  and (max-width: 992px){
	
	
.home section.whynow .items
{

    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 15px;
	max-width: 100%;
	  
}


.home section.whynow .item h4
{

    padding: 8px 15px;
    margin: 0 0 1rem 0;
   

}



.home section.whynow .item .content
{
padding: 0 15px 30px;
}
.home section.whynow .item .content ul
{
  
    gap: 20px;
}
	
	/* Slick Clones often fail to display because of 
   CSS selectors that only target 'original' items.
*/

/* 1. Ensure clones are visible and sized correctly */
.home_stories-slider .slick-slide {
    
    height: auto;
}

/* 2. Fix the layout of items inside the clones */
.home_stories-slider .quote {
    float: left;
    min-height: 1px;
}

/* 3. If you use "reveal-item" animations, ensure clones aren't stuck at opacity 0 */
.home_stories-slider .slick-slide.slick-cloned {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* 4. Fix for image rendering inside the slide */
.home_stories-slider .quote .image img {
    display: block;
    width: 100%;
    height: auto;
}

	.home_stories-slider {
    display: none;
}
.home_stories-slider.slick-initialized {
    display: block;
}
		
	

	
	
	
	.home .getstarted .getstartedhexagons .hex1cont
{
top: 91%;
        position: absolute;
        width: 10rem;
        right: 17rem;
}

.home .getstarted .getstartedhexagons .hex1cont svg
{
	opacity: 0.4;
}


.home .getstarted .getstartedhexagons .hex2cont svg
{
	opacity: 0.5;
}


.home .getstarted .getstartedhexagons .hex3cont svg
{
	opacity: 0.3;
}
.home .getstarted .getstartedhexagons .hex2cont
{ 
   width: 24rem;
        right: 0;
        top: 86%;
	  position: absolute;
}
.home .getstarted .getstartedhexagons .hex3cont
{    
width: 19rem;
        right: -9rem;
        top: 76%;
	  position: absolute;


}
	
	
		
.home .getstarted .steps .stepcont2,
.home .getstarted .steps .stepcont4 {
	display: flex;
	flex-direction: column-reverse;
	position:relative;

}
	
	.home .getstarted .step1, .home .getstarted .step3
	{
	top: 100px;
    position: relative;
	}
	
		.home .getstarted .step2, .home .getstarted .step4
	{
	top: 15px;
    position: relative;
	}
	
.home .getstarted .steps .stepcont1,
.home .getstarted .steps .stepcont3 {
display: flex;
	flex-direction: column;
	position: relative;
}
	
  .home .getstarted .pointer1mob,
  .home .getstarted .pointer2mob,
  .home .getstarted .pointer3mob,
  .home .getstarted .pointer4mob {
    display: none;
  }
  .home .getstarted {
    min-height: 650px;
  }
  .home .getstarted .svg-pattern-overlay {
    top: -60px;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .home .getstarted .steps .title {
    font-size: 0.9rem;
	  position: relative;
	  top:3px;
	  color: var(--col-white);
	          white-space: nowrap;
   
  }
  .home .getstarted .steps button {
    font-size: 0.9rem;
 
	          border: 2px solid var(--col-white);
        padding: 5px;
        border-radius: 8px;
	   color: var(--col-white);
  
  }
  .home .getstarted .steps .stepcont1 {
	      top: 253px;
	  flex-direction: row;
  right: -40px;
    
  }
  .home .getstarted .steps .stepcont2 {
           top: -10px;
        flex-direction: row;
       right: clamp(28px, -52.02vw + 500px, 100px);
   
  }
  .home .getstarted .steps .stepcont3 {
	 top: 288px;
        flex-direction: row;
       right: clamp(11px, -70.4vw + 709.4px, 168px);
  }
  .home .getstarted .steps .stepcont4 {

 top:1px;
right: clamp(80px, -94.62vw + 1063.62px, 300px);
	   flex-direction: column-reverse;
  }
  .home .getstarted .steps .pointer1 svg {
    width: 8rem;
	  
  }
  .home .getstarted .steps .pointer2 svg {
    width: 8rem;
  }
  .home .getstarted .steps .pointer3 svg {
    width: 8rem;
  }
  .home .getstarted .steps .pointer4 svg {
    width: 8rem;
  }
.home .getstarted .steps .step1, .home .getstarted .steps .step2, .home .getstarted .steps .step3, .home .getstarted .steps .step4 {
    
    gap: 7px;
    border: 0;
flex-direction:column;
    border-radius: 10px;
    padding: 5px;
	background: transparent;
}
	
	
.home .seework .quotes
	{
	max-width: 100%;
	}
	
.home .seework .quotes .image img
{
   


}
	
}



@media only screen and (min-width: 500px)  and (max-width: 600px){
	
	    .home .getstarted .steps .stepcont4 {
			top: -61px !important;}
	    .home .getstarted .steps .stepcont2 {
			top: -58px !important;}
}



@media only screen and (min-width: 500px)  and (max-width: 768px){
	
	
	
.home section.whynow .items
{

    grid-template-columns: 1fr;
    gap: 0 15px;
	max-width: 100%;
	  
}

.home section.whynow .item
	{
		margin: 0 0 3rem 0;
	}
.home section.whynow .item h4
{

    padding: 8px 15px;
    margin: 0 0 1rem 0;
   

}



.home section.whynow .item .content
{
padding: 0 15px 30px;
}
.home section.whynow .item .content ul
{
  
    gap: 20px;
}
	
	
.home_stories-slider {
    display: block;
}

		
	.home .getstarted .getstartedhexagons .hex1cont
{

    top: 95%;
        position: absolute;
        width: 8rem;
        right: 17rem;
}

.home .getstarted .getstartedhexagons .hex1cont svg
{
	opacity: 0.4;
}


.home .getstarted .getstartedhexagons .hex2cont svg
{
	opacity: 0.5;
}


.home .getstarted .getstartedhexagons .hex3cont svg
{
	opacity: 0.3;
}
.home .getstarted .getstartedhexagons .hex2cont
{ 
 width: 16rem;
        right: 19rem;
        top: 90%;
	  position: absolute;
}
.home .getstarted .getstartedhexagons .hex3cont
{    
        right: -6rem;
        top: 81%;
        position: absolute;
        width: 13rem;
	  position: absolute;


}
	
	
	    .home .getstarted .svg-pattern-overlay {
        top: 0px !important;
	}
	.home .getstarted .steps
	{
	    margin: 30px 0 0 0;
	}
	
.home .getstarted .steps .stepcont2,
.home .getstarted .steps .stepcont4 {
	display: flex;
	flex-direction: column-reverse;
	position:relative;

}
	
 .home .getstarted .step3
	{
	top: 68px;
    position: relative;
	}
	
	.home .getstarted .step1
	{
	top: 0px;
    position: relative;
	}
	
	
	
		.home .getstarted .step2, .home .getstarted .step4
	{
	top: 15px;
    position: relative;
	}
	
.home .getstarted .steps .stepcont1,
.home .getstarted .steps .stepcont3 {
display: flex;
	flex-direction: column;
	position: relative;
}
	
  .home .getstarted .pointer1mob,
  .home .getstarted .pointer2mob,
  .home .getstarted .pointer3mob,
  .home .getstarted .pointer4mob {
    display: none;
  }
  .home .getstarted {
    min-height: 630px;
  }
  .home .getstarted .svg-pattern-overlay {
    top: -60px;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .home .getstarted .steps .title {
    font-size: 0.9rem;
	  position: relative;
	  top:3px;
	  color: var(--col-white);
	          white-space: nowrap;
   
  }
	
	  .home .getstarted .steps .stepcont4 .title {

	          white-space: normal;
   
  }
	
	
  .home .getstarted .steps button {
    font-size: 0.9rem;
 
	          border: 2px solid var(--col-white);
        padding: 5px;
        border-radius: 8px;
	   color: var(--col-white);
	  background: var(--col-midblue);
  
  }
  .home .getstarted .steps .stepcont1 {
	top: 260px;
        flex-direction: column;
        left: 20px;
  
    
  }
  .home .getstarted .steps .stepcont2 {
                 top: -29px;
        flex-direction: column-reverse;
        left: -36px; 
  }
  .home .getstarted .steps .stepcont3 {
	top: 258px;
        flex-direction: column;
       left: clamp(-10px, calc(0.287 * 100vw - 153.42px), 67px);
  }
  .home .getstarted .steps .stepcont4 {

top: -25px;
      left: clamp(-84px, calc(0.332 * 100vw - 249.98px), 5px);
        flex-direction: column-reverse;
  }
  .home .getstarted .steps .pointer1 svg {
    width: 6rem;
	  
  }
  .home .getstarted .steps .pointer2 svg {
    width: 6rem;
  }
  .home .getstarted .steps .pointer3 svg {
    width: 6rem;
  }
  .home .getstarted .steps .pointer4 svg {
    width: 6rem;
  }
.home .getstarted .steps .step1, .home .getstarted .steps .step2, .home .getstarted .steps .step3, .home .getstarted .steps .step4 {
    
    gap: 7px;
    border: 0;
flex-direction:column;
    border-radius: 10px;
    padding: 5px;
	background: transparent;
}
	 .home .getstarted .steps .step3
	{
	    top: -20px;
	}
	
	
.home .seework .quotes .image img
{
   

        box-shadow: rgb(173, 173, 173) 3px 3px 8px 0px;
    max-width: 40%;

}
	

}




@media only screen and (min-width: 400px)  and (max-width: 499px){
	
	
	
	
.home section.whynow .items
{

    grid-template-columns: 1fr;
    gap: 0 15px;
	max-width: 100%;
	  
}

.home section.whynow .item
	{
		margin: 0 0 3rem 0;
	}
.home section.whynow .item h4
{

    padding: 8px 15px;
    margin: 0 0 1rem 0;
   

}



.home section.whynow .item .content
{
padding: 0 15px 30px;
}
.home section.whynow .item .content ul
{
  
    gap: 20px;
}
	
	
	.home_stories-slider {
    display: block;
}

		
	.home .getstarted .getstartedhexagons .hex1cont
{

    top: 95%;
        position: absolute;
        width: 8rem;
        right: 17rem;
}

.home .getstarted .getstartedhexagons .hex1cont svg
{
	opacity: 0.4;
}


.home .getstarted .getstartedhexagons .hex2cont svg
{
	opacity: 0.5;
}


.home .getstarted .getstartedhexagons .hex3cont svg
{
	opacity: 0.3;
}
.home .getstarted .getstartedhexagons .hex2cont
{ 
 width: 16rem;
        right: 19rem;
        top: 90%;
	  position: absolute;
}
.home .getstarted .getstartedhexagons .hex3cont
{    
        right: -6rem;
        top: 81%;
        position: absolute;
        width: 13rem;
	  position: absolute;


}
	
	
	
	
	section, header, footer
	{
	/*	display:none; */
	}
	
	.home .getstarted .steps {
    display: grid;
  grid-template-columns: 1fr 1fr;
}
	
	.home .getstarted .steps .step1, .home .getstarted .steps .step2, .home .getstarted .steps .step3, .home .getstarted .steps .step4 {
  
    border: 0px;
    background: transparent;
		
    gap: 2px;
  
    padding: 10px;
    flex-direction: column;
		font-size: 0.9rem;
		color: var(--col-white) !important;
		position: relative;
		top: -25px;
 
}
	

	
	.home section.getstarted
	{
		display:block !important;
		min-height:400px;
	}
.home .pointer1, .home .pointer2, .home .pointer3, .home .pointer4 {
    display: none;
}
	.home .getstarted .steps .step
	{
		text-align: center;
	}
	

	.home .getstarted .steps button
	{
		font-size: 0.9rem;
		color: var(--col-white) !important;
		border:0;
	}
	
	.home .getstarted .steps .title {
		color: var(--col-white)}
.home .steps svg.pointersvg {
    width: 8rem;
}
	
.home .steps .arrow {
    display: none;
}
	
	
	

.home .seework .quotes .image img
{
    max-width: 37%;

        box-shadow: rgb(173, 173, 173) 3px 3px 8px 0px;

}
	
	

	
}




@media only screen and (max-width: 399px){
	
	
	
	
.home section.whynow .items
{

    grid-template-columns: 1fr;
    gap: 0 15px;
	max-width: 100%;
	  
}

.home section.whynow .item
	{
		margin: 0 0 2rem 0;
	}
.home section.whynow .item h4
{

    padding: 8px 15px;
    margin: 0 0 1rem 0;
   

}



.home section.whynow .item .content
{
padding: 0 15px 30px;
}
.home section.whynow .item .content ul
{
  
    gap: 20px;
}
	
	.home_stories-slider {
    display: block;
}



	
		
	.home .getstarted .getstartedhexagons .hex1cont
{

    top: 95%;
        position: absolute;
        width: 8rem;
        right: 17rem;
}

.home .getstarted .getstartedhexagons .hex1cont svg
{
	opacity: 0.4;
}


.home .getstarted .getstartedhexagons .hex2cont svg
{
	opacity: 0.5;
}


.home .getstarted .getstartedhexagons .hex3cont svg
{
	opacity: 0.3;
}
.home .getstarted .getstartedhexagons .hex2cont
{ 
 width: 16rem;
        right: 19rem;
        top: 90%;
	  position: absolute;
}
.home .getstarted .getstartedhexagons .hex3cont
{    
        right: -6rem;
        top: 81%;
        position: absolute;
        width: 13rem;
	  position: absolute;


}
	
	.home .getstarted .steps {
    display: grid;
  grid-template-columns: 1fr 1fr;
}
	
	.home .getstarted .steps .step1, .home .getstarted .steps .step2, .home .getstarted .steps .step3, .home .getstarted .steps .step4 {
  
    border: 0px;
    background: transparent;
		
    gap: 2px;
  
    padding: 10px;
    flex-direction: column;
		font-size: 0.9rem;
		color: var(--col-white) !important;
		position: relative;
		top: -25px;
 
}
	

	
	.home section.getstarted
	{
		display:block !important;
		min-height:400px;
	}
.home .pointer1, .home .pointer2, .home .pointer3, .home .pointer4 {
    display: none;
}
	.home .getstarted .steps .step
	{
		text-align: center;
	}
	

	.home .getstarted .steps button
	{
		font-size: 0.9rem;
		color: var(--col-white) !important;
		border:0;
	}
	
	.home .getstarted .steps .title {
		color: var(--col-white)}
.home .steps svg.pointersvg {
    width: 8rem;
}
	
.home .steps .arrow {
    display: none;
}
	
	
	

.home .seework .quotes .image img
{
   
        box-shadow: rgb(173, 173, 173) 3px 3px 8px 0px;
    
 max-width: 37%;
}
	
}