.text-background {
    border-radius: 25px;
    border: 2px white solid;
    background: rgba(198, 206, 197, 0.79);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 25px 20px;
}

.text-orange {
    color: #f44e0c;
}

.box-shadow-orange {
    border-radius: 15px;
    background-color: rgb(218, 227, 216);
    box-shadow: 10px 10px 32px 0px rgba(255, 232, 206, 0.75);
    -webkit-box-shadow: 10px 10px 32px 0px rgba(255, 232, 206, 0.75);
    border: white 2px solid;
    padding: 20px;
}

.box-shadow-red {
    box-shadow: 10px 10px 32px 0px rgba(226, 185, 199, 0.75);
    -webkit-box-shadow: 10px 10px 32px 0px rgba(226, 185, 199, 0.75);
}

.box-shadow-light-orange {
    box-shadow: 10px 10px 32px 0px rgba(255, 232, 206, 0.75);
    -webkit-box-shadow: 10px 10px 32px 0px rgba(255, 232, 206, 0.75);
}

.bg-orange {
    background-color: #ffa238;
}

.btn-text {
    font-size: 16px;
}

.bg-gradient-gray {
    background: -webkit-linear-gradient(right, rgba(170, 170, 170, 1.0), rgba(255, 255, 255, 1.0));
    background: linear-gradient(to right, rgba(170, 170, 170, 1.0) 10%, rgba(255, 255, 255, 1.0) 95%);
}

.btn-gradient-orange-shadow-red {
    background-image: linear-gradient(to right, #ffa238, #f38e45, #e87b50);
    background-size: 200% auto;
    color: var(--white);
    border: white solid 2px;
    box-shadow: 10px 10px 32px 0px rgba(226, 185, 199, 0.75);
    -webkit-box-shadow: 10px 10px 32px 0px rgba(226, 185, 199, 0.75);
}

.cta-background {
    border-radius: 25px;
    border: 1px rgb(255, 255, 255, 0.5) solid;
    background: rgba(198, 206, 197, 0.38);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5.6px);
    -webkit-backdrop-filter: blur(5.6px);
    padding: 40px 40px;
}

.inner-text-background {
    border-radius: 25px;
    border: 1px rgb(255, 255, 255, 0.5) solid;
    background: rgba(234, 238, 233, 0.38);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5.6px);
    -webkit-backdrop-filter: blur(5.6px);
    padding: 40px 40px;
}

.form-control, .form-control:focus {
    background: transparent;
}

.pt-270px {
    padding-top: 270px !important;
}

.bg-gradient-orange-shadow-red {
    background-image: linear-gradient(to right, #ffa238, #f38e45, #e87b50);
    background-size: 200% auto;
    color: var(--white);
    box-shadow: 10px 10px 32px 0px rgba(226, 185, 199, 0.75);
    -webkit-box-shadow: 10px 10px 32px 0px rgba(226, 185, 199, 0.75);
    padding: 20px;
    border-radius: 15px;
}

.btn-gradient-green {
    background-image: linear-gradient(to bottom, #00a88e, #21b39c, #7dcfc7);
    background-size: 200% auto;
    color: var(--white);
    border: white solid 2px;
    box-shadow: 10px 10px 32px 0px rgba(181, 239, 240, 1);
    -webkit-box-shadow: 10px 10px 32px 0px rgba(181, 239, 240, 1);
}

@media (max-width: 575px) {
    .feature-box.feature-box-left-icon, .feature-box.feature-box-left-icon-middle{
        flex-flow:column;
    }

    .hero-text-container {
        padding-top: 6rem;
    }
}

@media (max-width: 1199px) {
    .free-trial-btn {
      display: none;
    }

    .hero-text-container {
        padding-top: 5rem;
    }

    .feature-box.feature-box-left-icon, .feature-box.feature-box-left-icon-middle{
        flex-flow:column;
    }
    
  }


.navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner{
    background-image: linear-gradient(to right, #ffa238, #f38e45, #e87b50) !important; 
    background-size: 200% auto;
}

.grid.gutter-extra-large-product li {
  padding: 30px;
}