<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 21 2024 | 14:36:20 */
.padding-global {
  padding: 2rem 2.5rem 4rem 2.5rem;
}
.ix-h1 {
	font-size: 2rem !important;
	color: white;
	line-height: 1.2 !important;
	margin-bottom: 1rem;
	font-weight: 500 !important;
}
.ix-text {
  color: white;
  margin-bottom: 3rem;
  line-height: 1.5;
}
.section-hero-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  opacity: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
  z-index: 5;
}

.section-hero-wrap.is-mobile {
  opacity: 1 !important;
  width: 100%;
}

/* When a specific hero persona is hovered, show the corresponding section */
.hero-persona.hero-one:hover &gt; .section-hero-wrap,
.hero-persona.hero-two:hover &gt; .section-hero-wrap,
.hero-persona.hero-three:hover &gt; .section-hero-wrap {
  opacity: 1;
  transition-delay: 0.5s; /* No delay when showing the content */
}

.block-hero {
  width: 100%;
  max-width: 80rem;
  margin: auto;
}

.hero-wrap_contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-wrap_img-content {
  width: 100%;
  height: 100%;
}
.hero-wrap_img {
  overflow: hidden;
  border-radius: 1rem !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.button-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}

.ix-button {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  background-color: #223843 !important;
  color: white;
  text-align: center;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
  display: flex;
  max-width: 100%;
  text-decoration: none !important;
}

.ix-button:hover {
  background-color: #385969 !important;
  color: white !important;
}

.ix-button.is-secondary {
  background-color: #ffffff00 !important;
  color: rgb(255, 255, 255) !important;
  border-radius: 10rem;
  justify-content: center;
  border-color: white;
  border-width: 1px;
  border-style: solid;
}

.ix-button.is-secondary:hover {
  background-color: #385969 !important;
  border-color: #385969;
}

.ix-arrow-img {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0%;
  left: 0%;
  z-index: 2;
  width: 50px;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.container-large {
  width: 100%;
  max-width: 100rem;
  margin: 0px auto 0px auto;
}

/* Sections */

.section_hero {
  background-image: url("https://www.leanlaw.co/wp-content/uploads/NEW-HP-Cover.png");
  background-color: #f5f5dc;
  background-position: center center;
  background-size: cover;
}

.hero_component {
  width: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  align-items: center;
}

.hero_text {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin-bottom: 1rem;
}

.three-heroes-component {
  display: flex;
  width: 100%;
  justify-content: center;
  /*height: 550px;*/
  height: 100%;
  background-color: #323f5a;
}

.hero-persona {
  position: relative;
  background-color: beige;
  overflow: hidden;
  padding: 0 2rem 0 2rem;
  width: 33.3333%;
  cursor: default;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.hero-one {
  background-color: #ff8000;
}
.hero-two {
  background-color: #323f5a;
}
.hero-three {
  background-color: #69bd24;
}

.hero-one:hover .ix-arrow-img {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.hero-two:hover .ix-arrow-img {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.hero-three:hover .ix-arrow-img {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.persona-one,
.persona-two,
.persona-three {
  opacity: 1;
  transition: opacity 0.2s ease;
}
.persona-one {
  background-image: url("https://www.leanlaw.co/wp-content/uploads/woman-in-green.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.persona-two {
  background-image: url("https://www.leanlaw.co/wp-content/uploads/man-in-blue.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.persona-three {
  background-image: url("https://www.leanlaw.co/wp-content/uploads/woman-in-violet.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-persona-text {
  position: absolute;
  z-index: 2;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  color: white;
  opacity: 1;
  transition: opacity 0.2s ease;
  top: 2rem;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto 0 auto !important;
  width: 20rem;
  line-height: 150%;
}

.persona-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  top: auto;
  margin: 0px auto 0px auto !important;
}
/* SplideJS Configs */
.splide__pagination {
  display: flex !important;
  margin-top: 2rem !important;
  gap: 1rem;
}
.splide__pagination__page {
  background: #6b6b6b;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.splide__pagination__page.is-active {
  background: #ffffff !important;
}
.splide__arrows {
  display: none;
}
/* Responsive */
.block-hero {
  display: none;
}

@media screen and (max-width: 1920px) {
  .section-hero-wrap {
    width: 900px;
  }
}

@media screen and (max-width: 1440px) {
  .section-hero-wrap {
    width: 800px;
  }
}

@media screen and (max-width: 1280px) {
  .section-hero-wrap {
    width: 700px;
  }
	
}

/* 991px */
@media screen and (max-width: 1200px) {
  .block-hero {
    display: block !important;
    gap: 1.875rem;
  }
	.section-hero-wrap {
		grid-column-gap: 3rem;
		grid-row-gap: 3rem;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr;
		grid-auto-columns: 1fr;
		display: grid !important;
	}

  .three-heroes-component {
    display: none !important;
  }
  
  .ix-h1 {
    font-size: 2.5rem !important;
  }
  .ix-text {
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .ix-h1 {
    font-size: 1rem !important;
  }
	.section-hero-wrap {
		display: flex !important;
		flex-direction: column-reverse;
		gap: 1rem;
	}
}

@media screen and (max-width: 479px) {
  .padding-global {
    padding: 2rem 3rem 2rem 3rem !important;
  }
  .ix-h1 {
    font-size: 1.5rem !important;
  }
  .ix-button {
    width: 100%;
	  font-size: 0.84rem !important;
  }
	.hero_text &gt; h1 {
		font-size: 1.75rem !important;
	}
}
</pre></body></html>