/*
 Theme Name:   Blocksy Child
 Theme URI:    https://creativethemes.com/blocksy/
 Description:  Child theme for Blocksy
 Author:       TNT Growth
 Author URI:   https://tntgrowth.com
 Template:     blocksy
 Version:      1.0.0
*/


.hero {
  background-color: var(--theme-palette-color-10);
  padding: 40px 0;
}
.hero .hero-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 330px;
}
.hero-content .hero-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px 20px;
}
.hero .hero-content button {
  background-color: var(--theme-palette-color-9);
  color: var(--theme-palette-color-8);
  padding: 5px 22px;
  border-radius: 300px;
}
.hero .hero-right {
  position: relative;
}
.hero .hero-right .bg-featured-img {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}

.hero .bg-featured-img {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.hero .bg-featured-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: bottom;
}

.hero .featured-img {
  z-index: 10;
  position: absolute;
  right: 20px;
  height: 100%;
}
.hero .featured-img img {
  height: 100%;
  object-fit: contain;
}

.form-section {
  background-color: var(--theme-palette-color-10);
  padding: 110px 0;
}
.form-section h2 {
  font-size: 41px;
}
.contact-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
.grayscale-100 {
  filter: grayscale(1);
}
.header-image-bg {
  height: 100%;
}