.menu-link {
    text-transform: none;
    letter-spacing: 0;
    font-size: .925rem;
    font-weight: 500
}

.bg-color-2 {
    background-color: #ffcd8c !important
}

.color-2 {
    color: #ffcd8c !important
}

.slider-element {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 40%, rgba(70, 193, 176, .3))
}

@media (min-width:992px) {
    .slider-element {
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(70, 193, 176, .37)), url(images/1.png) no-repeat 90% 100%/auto 50%
    }
}

.feature-box-border .feature-box {
    position: relative
}

.feature-box-border .feature-box:not(.noborder)::after {
    content: "";
    position: absolute;
    top: 4rem;
    left: 3.5rem;
    width: 2px;
    height: calc(100% - 16px);
    background-color: #eee;
    z-index: 0
}

.feature-box-border .fbox-color.feature-box:not(.noborder)::after {
    background-color: #0f6458
}

.feature-box-border .fbox-border.fbox-light .fbox-icon i,
.feature-box-border .fbox-icon i {
    line-height: 4rem;
    font-size: 1.5rem;
    z-index: 1;
    text-align: center
}

.fbox-border.fbox-light .fbox-icon a {
    background-color: #fff
}

.fbox-border.fbox-effect .fbox-icon i::after {
    background-color: #0f6458
}

.bg-color-50 {
    background-color: rgba(15, 100, 88, .4) !important;
    background-color: #0f645852 !important
}

.dark .line {
    border-color: rgb(255, 205, 140, .2) !important
}

.section-mobile {
    width: calc(100vw - 30px);
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:768px) {
    .section-mobile {
        width: calc(100vw - 60px)
    }
}

.grid-border {
    overflow: hidden
}

.grid-border [class^=col-]:after,
.grid-border [class^=col-]:before {
    content: '';
    position: absolute
}

.grid-border [class^=col-]:before {
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px solid #ffcD8C50
}

.grid-border [class^=col-]:after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #ffcD8C50
}

.pricing-price {
    font-size: 5rem
}

.nav-pills .nav-link {
    margin-bottom: 10px;
    border-radius: 3px
}

.nav-pills .nav-link.active {
    background-color: #0f6458;
    margin-bottom: 20px;
    padding: 30px 25px
}

.nav-pills .nav-link h3 {
    display: block;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #0f6458
}

.nav-pills .nav-link.active h3 {
    color: #ffcd8c;
    font-weight: 500
}

.nav-pills .nav-link p {
    display: none;
    visibility: hidden;
    font-size: 14px;
    line-height: 1.6 !important;
    margin-bottom: 0;
    color: #eee
}

.nav-pills .nav-link.active p {
    display: block;
    visibility: visible
}

@media (max-width:767.98px) {
    .nav-pills .nav-link:not(.active) p {
        display: block;
        visibility: visible;
        color: #444
    }

    .nav-pills .nav-link,
    .nav-pills .nav-link.active {
        padding: 15px 20px;
        margin-bottom: 8px
    }
}

.bg-pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.bg-pattern~* {
    position: relative;
    z-index: 1
}