body {
    background-color: #f2f2f2;
}

.after-section:after, .before-section:before {
    background-image: url(images/white-pattern.svg);
}

.after-section.after-section-black:after, .before-section.before-section-black:before {
    background-image: url(images/black-pattern.svg)
}

.after-section.after-section-color:after, .before-section.before-section-color:before {
    background-image: url(images/color-pattern.svg)
}

.homeheader {
    min-height: 300px;
}

.cd-main-content {
    padding: 0px;
    background-color: #fff;
    box-shadow: 0px 0px 8px 0px #7d7d7d;
}

.bgc1 {
    background-color: rgba(12, 184, 182, 0.1);
}

.bgc2 {
    background-color: rgba(230, 73, 45, 0.1);
}

.bgc3 {
    background-color: rgba(55, 175, 71, 0.1);
}

.bgc4 {
    background-color: RGB(215,238,255);
}

.bgc5 {
    background-color: RGB(250,255,199);
}

.box-layout.bgc1 h3 span {
    background-color: #0cb8b6;
    color: #fff;
    padding: 2px 10px;
}

.box-layout.bgc2 h3 span {
    background-color: #e6492d;
    color: #fff;
    padding: 2px 10px;
}

.box-layout.bgc3 h3 span {
    background-color: #37af47;
    color: #fff;
    padding: 2px 10px;
}

.box-layout.bgc1:after {
    background-color: #0cb8b6;
}

.box-layout.bgc2:after {
    background-color: #e6492d;
}

.box-layout.bgc3:after {
    background-color: #37af47;
}

.box-layout {
    padding: 20px 40px;
    border: 1px solid #dfdfdf;
}

.plan-feature li {
    font-size: 14px;
}

.plan-feature {
    min-height: auto !important;
}

.box-layout section {
    min-height: 200px;
}

.no-mobile .box-layout:hover:after {
    width: 100%;
}