.cg_plans {
margin-bottom: 0px;
overflow: hidden;
clear: both;
}
.pricing_options {
list-style: none;
width: auto;
border-radius: none;
margin: 30px auto;
padding: 10px;
text-align: center;
}
.pricing_options li {
display: inline-table;
text-align: center;
}
.pricing_options li a.activeplan {
background: #CCD5D8;
}
.pricing_item {
display: inline-table;
margin-right: 6% !important;
width: 27% !important;
}
.price_box {
border:1px solid #f0f0f0;
box-shadow: 5px 5px 10px rgba(239, 239, 239, 0.90);
}
.pricing_item.last-col {
margin-right: 0 !important;
}
.p_value {
font-size: 65px;
display: block;
margin: auto;
text-align: center;
color: #4B555D;
}
.p_desc {
font-size: 16px;
font-style: italic;
color: #CBD5D7;
text-align: center;
display: block;
}
.pricing_title {
border-bottom: 1px solid #f0f0f0;
text-align: center;
padding: 20px;
}
.pricing_title h3 {
font-size: 20px;
color: #4B555D;
font-weight: 700;
margin-bottom: 0px;
}
.great_for {
padding: 20px 15px;
margin: 0 auto;
min-height: 140px;
}
.great_for h4 {
color: #00b073;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
}
.great_for p {
color: #737373;
font-size: 18px;
font-weight: 300;
max-width: 75%;
text-align: center;
margin: 10px auto 0px auto;
}
.pricing_features {
text-align: center;
padding-top: 20px;
margin-top: 25px;
margin-bottom: 25px;
border-top: 1px solid #f0f0f0;
}
.pricing_features span {
text-align: center;
display: block;
font-size: 24px;
color: #4B555D;
font-weight: bold;
}
.pricing_button {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.personal_plan {
background: #f9fffd;
box-shadow: 5px 5px 10px rgba(239, 239, 239, 0.90);
overflow: hidden;
text-align: left;
padding: 20px 55px;
margin-bottom: 30px;
max-width: 94%;
}
.personal_plan .pricing_title, .personal_plan .pricing_fee, .personal_plan .pricing_features span {
text-align: left;
padding: 0;
border-bottom:0; 
}
.personal_plan .pricing_fee, .personal_plan .pricing_features,  .personal_plan .great_for {
border-right: 2px solid #f0f0f0;
min-height:105px !important;
}
.personal_plan .pricing_features {
text-align: left;
padding-top: 0;
margin-top: 0px;
margin-bottom: 0;
border-top: none;
}
.personal_plan .great_for {
padding: 0;
margin: 0;
min-height: auto;
}
.personal_plan .great_for p {
color: #737373;
font-size: 18px;
font-weight: 300;
text-align: left;
margin: 0;
}
.personal_plan .p_value, .personal_plan .p_desc {
text-align: left;
}
.plans_include  {
padding-top: 60px;
margin-bottom: 60px;
}
.plans_include .containers_12  {
clear: both;
overflow: hidden;
border-bottom: 2px solid #F0F0F0;
padding-bottom: 60px;
}
.plans_include h1, .plans_include p  {
text-align: center;
}
.plans_include img {
width: auto;
height: auto;
float: none;
}
.plans_include .includes_content {
padding-top: 10px;
text-align: left;
}
.plans_include .includes_content p {
text-align: left;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 300;
color: #737373;
line-height: 1.6;
margin-bottom: 30px;
}
.plans_include .includes_content h2 {
color: #4B555D;
text-align: left;
font-size: 21px;
font-weight: 700;
padding-bottom: 5px;
}
.plans_include .includes_content a {
color: #00b073;
text-decoration: none;
}
.plans_include .outlined-button {
min-width: 234px; 
height: 60px; 
margin-top: 20px;
font-size: 22px;
font-weight: 700;
}
.plans_include .grids_3 {
margin-left: 6%;
}
.planstab {
position: relative;
margin-bottom: 20px;
width: 100%;
color: #5B656D;
overflow: hidden;
}
.planstab input {
position: absolute;
opacity: 0;
z-index: -1;
}
.planstab label {
position: relative;
display: block;
padding: 0 0 0 20px;
border: 1px solid #ccd5db;
font-weight: bold;
line-height: 3;
cursor: pointer;
}
.planstab .ptab-content {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .35s;
transition: max-height .35s;
}
.ptab-content h2 {
font-size: 16px;
padding: 10px 20px;
}
.ptab-content p {
font-size: 16px;
padding: 0px 20px 20px 20px;
line-height: 1.7;
}
.ptab-content ul {
list-style: none !important; 
padding-bottom: 20px;
}
.ptab-content li {
padding-bottom: 5px;
line-height: 1.7;
}
.ptab-content a {
color: #00b073;
text-decoration: none;
} .planstab input:checked ~ .ptab-content {
max-height: 100em;
border-bottom: 1px solid #ccd5db;
border-left: 1px solid #ccd5db;
border-right: 1px solid #ccd5db;
} .planstab label::after, .planstab input[type=checkbox]:checked + label::after {
font-size: 28px;
position: absolute;
right: 0;
top: 0;
display: block;
width: 3em;
height: 3em;
line-height: 1.8;
text-align: center;
-webkit-transition: all .35s;
transition: all .35s;
color: #CCD5DB;
}
.planstab input[type=checkbox] + label::after {
content: "\002B";
color: #CCD5DB;
-webkit-transition: all .35s;
transition: all 0.25s ease-in-out;
transition: all .35s;
}
.planstab input[type=checkbox]:checked + label::after {
content: "\2212";
color: #CCD5DB;
-webkit-transition: all .35s;
transition: all 0.25s ease-in-out;
transition: all .35s;
}
.planstab input[type=checkbox]:checked + label {
border-bottom: none;
} .ui-tabs {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
.ui-tabs-nav {
color: #222;
display: -webkit-box;
display: -ms-flexbox;
display: table;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
.ui-tabs-anchor {
outline: none;
color: inherit;
display: block;
font-weight: 300;
padding: 10px 30px;
position: relative;
text-decoration: none;
}
.ui-tabs-active {
border: 2px solid #00b073 !important;
padding: 0;
}
.ui-tabs-active a {
font-weight: 600;
}
.ui-tab {
border: 2px solid #F0F0F0;
padding: 0;
}
.ui-tabs-panel {
background-color: #fff;
padding: 16px;
padding: 1rem;
margin: 0 auto;
text-align: center;
}
@media only screen and (max-width: 460px) {
.ui-tabs-nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-width: 992px) {
.great_for {
min-height: 165px;
}
.great_for p, .personal_plan .great_for p {
font-size: 14px;
max-width: 100%;
}
.pricing_button {
margin-top: 10px;
}
.personal_plan {
max-width: 100%;
width: 100%;
}
.personal_plan .feature-button {
min-width: 180px !important;
margin-top: 0px !important;
margin-left: 0px !important;
}
.personal_plan .pricing_fee, .personal_plan .pricing_features, .personal_plan .great_for {
border-right: none !important;
min-height: auto !important;
}
.plans_include {
padding-top: 0px;
margin-bottom: 40px;
}
.plansinclude  {
padding-top: 0px;
margin-bottom: 40px;
}
.plans_include .includes_content h2 {
font-size: 16px;
}
.plans_include .outlined-button {
min-width: auto;
height: 44px;
margin-top: 0px;
font-size: 16px;
font-weight: 700;
text-align: center;
}
.personal_plan {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 768px) {
.pricing_item {
display: block;
margin-right: 0% !important;
width: 100% !important;
}
.personal_plan {
padding: 20px;
margin-bottom: 0px;
}
.great_for {
min-height: auto;
}
.plans_include {
padding-top: 0px;
margin-bottom: 30px;
}
.plans_include .containers_12 {
padding-bottom: 20px;
}
.planstab label  {
font-size: 12px;
}
.planstab label::after, .planstab input[type=checkbox]:checked + label::after {
font-size: 20px;
width: 30px;
height: 30px;
line-height: 1.9;
}
.personal_plan, .personal_plan .p_value, .personal_plan .p_desc, .personal_plan .pricing_title h3, .personal_plan .pricing_title, .personal_plan .pricing_fee, .personal_plan .pricing_features span, .personal_plan .great_for h4, .personal_plan .great_for p {
text-align: center;
}
.align-right, .align-left, .align-center {
text-align: center;
}
}