/* HOME CSS */


/* HERO */


#home-hero {
  padding-bottom: 55px;
}
#dashed_lottie {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 1;
}

@media(min-width: 992px) {
  #hero-socials {
    right: 30px;
  }
  #home-hero .container {
    padding-right: 80px;
  } 
  #home-hero .bg-img-container {
    padding-top: 38.7%;
  }
  #dashed_lottie {
    min-width: 3600px;
  }
}
@media(max-width: 991px) {
  #hero-socials {
    display: none;
  } 
  #dashed_lottie {
    min-width: 2600px;
  }
}
@media(max-width: 991px) and (min-width: 768px) {
  #home-hero .bg-img-container {
    padding-top: 58.7%;
  }
}
@media(max-width: 767px) {
  #home-hero .bg-img-container {
    padding-top: 78.7%;
  }
}

/* POWER ONLY */

#power-only {
  padding-top: 55px;
}
.power-only-content {
  max-width: 801px;
  padding-top: 15px;
}
.power-only-content-text {
  max-width: 502px;
}
.power-only-image,
.power-only-image-col {
  padding-top: 36.4%;
}
.power-only-image {
  mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/power-only-video-mask.svg');
  -webkit-mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/power-only-video-mask.svg');
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  right: 30px;
  top: 0;
  width: 67%;
}
.power-only-image-col .overlay {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 28.88%, #000000 96.8%);
}

.video-controls {
  position: absolute;
  top: 50%;
  left: calc(50% + 10%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.video-control-btn {
  background: transparent;
  border: none;
	transition: all 0.2s ease;
  cursor: pointer;
}
.video-control-btn i {
  font-size: 72px;
  margin-bottom: 5px;
}
.video-control-btn:hover {
	transform: scale(1.05);
}

@media(max-width: 1199px) {
  #power-only .row > div {
    min-width: 100%;
  }
  .power-only-image {
    position: relative;
    width: 100%;
    padding-top: 53%;
    margin-top: 50px;
    right: 0;
  }
  .power-only-image-col {
    padding: 0;
  }
}
@media(max-width: 767px) {
  .video-control-btn i {
    font-size: 52px;
  }
  #power-only {
    padding-top: 20px;
  }
}


/* SERVICES */

#services {
  padding: 145px 0 265px;
}
#services h2 {
  max-width: 699px;
}

#services-listed {
  margin-top: -159px;
}
.services-row:not(:last-child) {
  margin-bottom: 90px;
}
.service-content-col {
  max-width: 425px;
}

.service-image-container {
  padding-top: 26%;
  mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/service-image-mask.svg');
  -webkit-mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/service-image-mask.svg');
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: left center;
  -webkit-mask-position: left center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

#services-listed {
  padding-bottom: 50px;
  overflow: visible;
}
#services-listed .container {
  max-width: 1480px;
}

.service-header svg {
  height: 75px;
  min-width: 75px;
  width: 75px;
	transition: all 0.2s ease;
}

.service-header *,
.service-header svg path {
	transition: all 0.2s ease;
}

.service-header {
	transition: all 0.2s ease;
}

/* .service-row-2 .service-header {
  background-color: var(--ylw-color);
  padding-left: 15px;
}
.service-row-2 .service-header h3 {
  color: var(--blk-color);
}
.service-row-2 .service-header svg path {
  fill: var(--blk-color);
} */
.service-row-2:hover .service-header h3::after {
  content: url('/wp-content/uploads/2025/07/blk-X-1.png');
}
.service-row-2 .service-header h3::after {
  content: url('/wp-content/uploads/2025/07/white-x.png');
	transition: all 0.2s ease;
  line-height: 0;
  display: inline-block;
  position: relative;
  transform: translateY(5px);
  margin-left: 5px;
  margin-right: 15px;
}
.services-row .overlay {
  width: calc(100% - 30px);
  left: 15px;
}
.services-row {
  transition: all 0.2s ease;
  cursor: pointer;
	transition-delay: 0 !important;
}
.services-row:hover {
  transform: scale(1.05) !important;
}
.services-row:hover .service-header {
  background-color: var(--ylw-color);
	padding-left: 15px;
}
.services-row:hover .service-header h3 {
	color: var(--blk-color);
}
.services-row:hover .service-header svg path {
    fill: #000000;
}
.service-content-col h3 {
      font-size: 36px;
    line-height: 1.1 !important;
	    padding: 3px 0;
}


.services-row.aos-animate {
    transition-delay: 0s !important;
	transition-duration: .2s !important;
}

@media(min-width: 1400px) {
  #services-listed .container {
    left: 20px;
  }
}
@media(max-width: 1200px) {
  .service-content-col {
    max-width: 380px;
  }
  .service-image-container {
    padding-top: 36%;
  }
  .service-content-col h3 {
    font-size: 32px !important;
  }
}
/* @media(min-width: 1201px) {
  .service-content-container h3 {
    white-space: nowrap;
  }
} */
@media(min-width: 1099px) {
  .service-description {
    max-width: 370px;
  }
}
@media(max-width: 1100px) {
  #services {
    padding: 105px 0 200px;
  }
  #services-listed {
    margin-top: -100px;
  }
  .services-row:not(:last-child) {
    margin-bottom: 60px;
  }
  .services-row {
    flex-direction: column-reverse;
  }
  .services-row > div {
    min-width: 100%;
  }
  .service-content-col {
    margin-top: 30px;
  }
  .service-header {
    max-width: 430px;
  }
}
@media(max-width: 767px) {
  .service-image-container {
    padding-top: 45%;
  }
}


/* BEST OF BOTH WORLDS */

.best-img-wrap {
  position: relative;
  padding-top: 61%;
}
.best-img-wrap::after {
  content: '';
  background: radial-gradient(50% 50% at 50% 50%, rgba(250, 200, 50, 0.2) 0%, rgba(250, 200, 50, 0) 100%);
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  display: block;
  width: 100%;
  max-width: 665px;
}
.best-img-container {
  padding-top: 36%;
  mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/best-img-mask.svg');
  -webkit-mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/best-img-mask.svg');
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  width: calc(50% + 35px);
}
.best-img-1-container {
  top: 0;
  left: 0;
}
.best-img-2-container {
  bottom: 0;
  right: 0;
}
.best-img-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
@media(min-width: 1200px) {
  #best-both-worlds h2 {
    font-size: 80px;
  }
}
@media(max-width: 1199px) and (min-width: 992px) {
  #best-both-worlds h2 {
    font-size: 60px;
  }
}

/* ALTERNATIVE COLUMNS */
#alt-columns {
  padding: 40px 0;
}
#alt-columns h3 {
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
}

#map-cta {
  padding: 40px 0 200px;
}
#map-cta .overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.73%, #000000 72.2%);
}
.cta-header img {
  max-width: 167px;
  margin-right: 15px;
}
.map-video-container {
  position: relative;
  padding-top: 65%;
}
.map-video-container > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
}

@media(min-width: 992px) {
  #alt-columns h3 {
    font-size: 34px;
  }
}
@media(max-width: 991px) {
  .cta-header {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .cta-header > img {
    margin: 40px auto 20px;
  }
  #map-cta {
    padding: 40px 0 100px;
  }
}
@media(max-width: 991px) and (min-width: 768px) {
  #alt-columns h3 {
    font-size: 30px;
  }
}
@media(max-width: 767px) {
  #alt-columns img {
    margin-top: 40px;
  }
  #alt-columns h3 {
    font-size: 26px;
  }
}


/* MEASURE SUCCESS */

.counter-col h3,
.counter-col h4 {
  font-weight: 300 !important;
}
.count-number {
  line-height: 1 !important;
}
@media(min-width: 1400px) {
  .counter-container {
    padding: 120px 200px 120px 30px;
  }
}
@media(max-width: 1399px) and (min-width: 992px) {
  .counter-container {
    padding: 120px 60px 120px 30px;
  }
}
@media(min-width: 1200px) {
  .counter-col h3 {
    font-size: 100px;
  }
  .counter-col h4 {
    font-size: 26px;
  }
}
@media(max-width: 1199px) {
  .counter-col h3 {
    font-size: 75px;
  }
  .counter-col h4 {
    font-size: 22px;
  }
}
@media(min-width: 992px) { 
  .counter-container > img {
    mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/measure-bg-mask.svg');
    -webkit-mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/measure-bg-mask.svg');
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-position: left center;
    -webkit-mask-position: left center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    z-index: -1;
    max-width: 91%;
    right: 0;
    left: auto;
    transform: translateY(-50%);
  }
}
@media(max-width: 991px) {
  .counter-container {
    overflow: visible;
    padding: 80px 0;
  }
  .counter-container > img {
    z-index: -1;
    opacity: 0.35;
    min-width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
}

/* COMMUNITY */

#community {
  padding: 100px 0;
}
#community .video-container {
  mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/video-col-mask.svg');
  -webkit-mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/video-col-mask.svg');
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  padding-top: 124%;
}
#community .video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
.video-col-inner:hover .community-header {
  background-color: var(--ylw-color) !important;
  color: var(--blk-color) !important;
}

.video-container {
  opacity: 0.7;
}
.video-col-inner,
.video-container {
  transition: all 0.2s ease;
}
.video-col-inner:hover {
  transform: scale(1.05);
}
.video-col-inner:hover .video-container {
  opacity: 1;
}
@media(max-width: 1199px) and (min-width: 768px) {
  .community-header.h2 {
    font-size: 32px;
  }
}
@media(max-width: 767px) {
  #community {
    padding: 50px 0;
  }
}

/* ONE TREE */

.counter-number {
  font-size: 240px;
  font-weight: 100;
  line-height: 0.85;
}
.one-tree-counter h3 {
  max-width: 644px;
  margin: 0 auto 10px;
}

.one-tree-content {
  max-width: 565px;
}
.one-tree-inner {
  overflow: visible;
}

.one-tree-inner {
  padding: 40px 30px 100px;
  position: relative;
}

.one-tree-counter {
	min-width: 911px;
}

@media(max-width: 1399px) and (min-width: 992px) {
  .one-tree-counter {
    right: -30px;
  }
  .one-tree-counter h3 {
    font-size: 28px;
    max-width: 480px;
  }
  .counter-number {
    font-size: 180px !important;
        margin: auto !important;
        display: inline-flex !important;
  }
}
@media(max-width: 991px) {
  .one-tree-inner {
    padding: 40px 30px 170px;
  }
  .one-tree-counter h3 {
    font-size: 24px;
    max-width: 460px;
  }
  .counter-number {
    font-size: 120px !important;
	  margin: auto !important;
        display: inline-flex !important;
  }
}
@media(min-width: 992px) {
  .one-tree-counter {
    right: -45px;
  }
}
@media(min-width: 768px) {
  .one-tree-inner .bg-img {
    mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/one-tree-bg-mask.svg');
    -webkit-mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/one-tree-bg-mask.svg');
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-position: right center;
    -webkit-mask-position: right center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  .one-tree-logo-2 {
    position: absolute;
    top: 100px;
    right: 0;
  }  
  .one-tree-counter {
    display: inline-block;
    position: absolute;
    right: -30px;
    bottom: -15px;
  }
}
@media(max-width: 767px) {
  .one-tree-inner .bg-img {
    z-index: -1;
    opacity: 0.5;
    min-width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
  .one-tree-logo-2 {
    position: relative;
    margin: 90px auto 0;
    display: block;
  }
  .one-tree-inner {
    padding: 60px 0;
  }
  .one-tree-counter {
    margin: 20px auto;
    display: block;
	  min-width: 100%;
	  max-width: 100%;
  }
  .counter-number {
	  font-size: 95px !important;
        margin: auto !important;
        display: inline-flex !important;
  }
}
@media(max-width: 575px) {
  .counter-number {
    font-size: 90px !important;
  }
}

/* TESTIMONIALS & AWARDS */

#testimonials-slider-container {
  margin-bottom: 90px;
}
.testimonial-slide-inner {
  padding: 40px;
}
.testimonial-author-name {
  font-size: 19px;
}
.author-info {
  font-size: 15px;
  opacity: 0.65;
}
.testimonial-image {
  margin-right: 30px;
}


.award-slide-inner {
  padding: 40px 30px;
}
.award-info h4 {
  font-size: 18px;
}
.award-image > img {
  height: auto;
  width: 100%;
}

.slick-list {
  margin: 0 -10px;
}
.slick-slide {
  margin: 0 10px;
}
.slider-nav {
  width: 93px;
}
.slick-list {
  overflow: visible;
}

@media(min-width: 768px) {
  .testimonial-content > p {
    font-size: 20px;
  }
}

@media(max-width: 767px) {
  .awards-slider-header, .testimonials-slider-header {
    justify-content: flex-start !important;
    flex-direction: column;
  }
  .awards-slider-header .slider-nav, .testimonials-slider-header .slider-nav {
    margin-top: 10px;
  }
  .slider-nav > div svg {
    max-width: 30px;
  }
  .slider-nav {
    width: 80px;
  }
	.testimonial-info {
    flex-direction: column;
    gap: 20px;
}
}

/* ADDITIONAL SERVICES */

.additional-image-container {
  padding-top: 64.25%;
  mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/additional-services-img-mask.svg');
  -webkit-mask-image: url('/wp-content/themes/fyrestarter-theme/assets/img/additional-services-img-mask.svg');
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  margin-left: 30px;
}
#additional-services ul {
  padding-left: 20px;
}
#additional-services ul li {
  margin-bottom: 25px;
}
#additional-services h5.lt-gry-txt {
  max-width: 530px;
}
#dashed_line_up_lottie {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: -1;
}

.additional-image-container .bg-video {
    height: calc(107% + 2px);
}

@media(min-width: 992px) {
  #dashed_line_up_lottie {
    min-width: 3600px;
  }
}
@media(max-width: 991px) {
  #dashed_line_up_lottie {
    min-width: 2600px;
  }
}

@media(min-width: 651px) {
  #additional-services ul {
    columns: 2;
  }
}
@media(max-width: 991px) and (min-width: 768px) {
  .additional-image-container {
    display: none !important;
  }
}
@media(max-width: 767px) {  
  .additional-image-container {
    margin-top: 60px;
  }
}


.counter-number {
    font-size: 240px;
    font-weight: 100;
    line-height: 0.85;
    align-items: center;
    display: flex;
}
.counter-number > span {
    font-size: 50%;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}