#offering-hero {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--secondary) url('../img/offerings/hero-offerings.png') no-repeat bottom center;
  background-size: cover;
}
#package{
  background: url('../img/background-vector.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}
.pack-card h5, .check-box h5, h5{
  color:var(--secondary);
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2.5rem;
}
.pack-card{
  padding: 1rem 1.5rem;
  border-radius: 20px;
  border:1px solid var(--secondary);
  height: 100%;
  margin-top:2rem
}
.pack-icon{
  filter:brightness(0%);
}
.pack-card:hover{
  background:var(--secondary);
  cursor: pointer;
}
.pack-card:hover h5{
  color:var(--white);
}
.pack-card:hover .pack-icon{
  filter:brightness(100%);
}
#howitworks .row{
  background-color: var(--primary);
  padding: 2rem;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#howitworks .row .col-md-4{
  border-right: 2px solid #000;
  padding: 2rem;
}
#howitworks .row .col-md-4:last-child{
  border-right: none;
}
.page-section {
    padding: 7rem 0px !important;
}


#inspired p {
  font-size: 1.625rem;
  line-height: 2.5rem;
}

#inspired {
  padding-top: 18rem;
  padding-bottom: 10rem;
  background-image: url("../img/1StepApp/step-app-back.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.homeapp-desc {
  background-color: var(--secondary);
  padding: 3rem;
  display: flex;
  flex-direction: column;

}
.homeapp-desc h4 {
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 600;
}

.points li {
  font-size: 1.375rem;
  line-height: 2rem;
  font-weight: 500;
  color:var(--white);
  padding-left: 20px;
  margin: 1rem 2rem;
}
.points li span{
  color:var(--primary);
}
.points ul{
 list-style-image: url('../img/Home/right-arrow.svg');
 list-style-position: outside;
}


#goffering-green-slide .owl-dot.active span {
  background-color: var(--primary);
}

/* #offering-green-slide .owl-nav {
  position: absolute;
  bottom: 10%;
  display: flex;
  justify-content: space-between;
  gap: 10rem;
  left: 9%;
  z-index: 2;
} */

#offering-green-slide .owl-dots {
  position: absolute;
  bottom: 8%;
  display: flex;
  justify-content: start;
  align-items: center;
  left: 3%;
  z-index: 1;
}
@media(max-width:1024px) {
  /* #green-slide .owl-nav {
    bottom: 4rem;
    gap: 10rem;
    left: 10rem;
  } */

  #green-slide .owl-dots {
    left: 14rem;
  }

}
@media(max-width:680px) {
  
#howitworks .row .col-md-4{
  border-right: none;
  border-bottom: 2px solid #000;
  padding: 2rem;
}
#howitworks .row .col-md-4:last-child{
  border-bottom: none;
}
 /* #green-slide .owl-nav {
    position: absolute;
    gap: 10rem;
    left: 25%;
    bottom: 4rem;
  } */

  #offering-green-slide .owl-dots {
    position: relative;
    left: 40%;
    bottom: 5.8rem;
  }
  .homeapp-desc{
    padding-bottom: 7rem;
  }
  .homeapp-desc h1{
    font-size: 30px;
  }
  .homeapp-desc h4 {
    font-size: 25px;
    line-height: 33px;
  }
  .points li{
    margin: 1rem;
  }
}