a {
    text-decoration: none;
    color: inherit;
}
i {
    font-size: 26px;
    padding-left: 2%;
    padding-right: 2%;
    color: var(--text-color-light);
}
i:hover {
    font-size: 28px;
}
.button-primary {
    background-color: #4db487;
    font-size: 18px;
    font-weight: 600;
    color: white;
    padding: 8px 4px;
    border: none;
    border-radius: 12px;
    width: 36%;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    transform-style: preserve-3d;
}
.button-primary:hover {
    background-color: #83d8ad;
    color: #41725d;
    transform: translateZ(-6px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.1);
}
.button-primary i {
    margin-right: 5px;
}

.feature-img {

}
.feature-img img {
    max-width: 45%;
    padding: 8%;
  }
.header-dark, .header-light {
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}
.header-dark {
    background-color: #41725d;
}
.header-light {
    background-color: #f9f9f9;
}
.logo-img {
    max-width: 180px;
    padding: 10px;
}
.slide {
    padding-left: 8%;
    padding-right: 8%;
}

#features-container{
    width: 100%;
    padding-top: 7%;
    padding-bottom: 7%;
}
#features-col{
    text-align: center;
}

#header-container {
    background-repeat: repeat;
    background-image: url('../img/doodle-tech.png');
    background-position: center;
}
#header-image-container {
    padding: 10%;
}
#header-text-container {
    padding-left: 10%;
    padding-top: 6%;
}
#header-text {
    color: #007fff
}