.plan-feautres i.fa.fa-check {
    color: green;
    font-size: 16px;
}
.plan-feautres i.fa.fa-close {
    color: red;
    font-size: 16px;
}


.all_plans_price button#order {
    width: 100%;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    font-weight: 600;
}
.price-col1:hover #order {
    background: #29EEFA;
    border: 1px solid #29EEFA;
    color: #000;
}
.price-col2:hover #order {
    background: #29EEFA;
    border: 1px solid #29EEFA;
    color: #000;
}
.price-col3:hover #order {
    background: #29EEFA;
    border: 1px solid #29EEFA;
    color: #000;
}
.price-col4:hover #order {
    background: #29EEFA;
    border: 1px solid #29EEFA;
    color: #000;
}
.price-col5:hover #order {
    background: #29EEFA;
    border: 1px solid #29EEFA;
    color: #000;
}



.price-col1.active #order {
    background: #29EEFA;
    border: 1px solid #29EEFA;
    color: #000;
}
.price-col2.active #order {
    background: #29EEFA;
    border: 1px solid #29EEFA;
    color: #000;
}
.price-col3.active #order {
    background: #29EEFA;
    border: 1px solid #29EEFA;
    color: #000;
}
.price-col4.active #order {
    background: #29EEFA;
    border: 1px solid #29EEFA;
    color: #000;
}
.price-col5.active #order {
    background: #29EEFA;
    border: 1px solid #29EEFA;
    color: #000;
}





.plan-feautres span {
    color: red;
    font-weight: 500;
}
.price-head h1 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}
.plans {
    position: relative;
    background-color: #efefef;
    padding: 20px;
    color: white;
    text-align: center;
    margin-bottom: 85px;
    height: 145px;
}
.plans:before {
    content: '';
    position: absolute;
    left: 0%;
    width: 100%;
    height: 49%;
    border-left: 160px solid transparent;
    border-right: 160px solid transparent;
    border-bottom: 58px solid #efefef;
    bottom: -69px;
    rotate: 180deg;
}
.premiumplans::before {
    border-left: 146px solid transparent;
    border-right: 130px solid transparent;
}
.plans h2 {
    font-weight: bold;
    font-size: 24px;
    color: #000;
}
.plans h3 {
    font-weight: bold;
    font-size: 24px;
    color: #000;
}
.select-btn a {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #29EEFA;
    color: #29EEFA;
    padding: 5px;
    border-radius: 4px;
}
.price-col1 {
    border: 1px solid #00000026;
    padding: 0px !important;
    width: 22% !important;
    margin-right: 3.5%;
    margin-bottom: 30px;
    overflow: hidden;
}
.price-col2 {
    border: 1px solid #00000026;
    padding: 0px !important;
    width: 22% !important;
    margin-right: 3.5%;
    margin-bottom: 30px;
     overflow: hidden;
}
.price-col3 {
    border: 1px solid #00000026;
    padding: 0px !important;
    width: 22% !important;
    margin-bottom: 30px;
    overflow: hidden;
    margin-right: 3.5%;
}
.price-col4 {
   border: 1px solid #00000026;
    padding: 0px !important;
    width: 22% !important;
    margin-right: 0px;
    margin-bottom: 30px;
     overflow: hidden;
}
.price-col5 {
    border: 1px solid #00000026;
    padding: 0px !important;
    width: 22% !important;
    margin-right: 2.5%;
    margin-bottom: 30px;
     overflow: hidden;
}
.plan-feautres {
    padding: 20px;
    height: 810px;
}
.plan-feautres li {
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
}
.select-btn {
    padding: 15px 20px;
}



.price-col1:hover .plans {
    background: #29EEFA;
}
.price-col1:hover .plans:before {
   border-bottom: 58px solid #29EEFA;
}
.price-col1:hover {
    border: 1px solid #29EEFA;
}
.price-col1:hover .select-btn a {
    background: #29EEFA;
    color: #000;
}
.price-col2:hover .plans {
    background: #29EEFA;
}
.price-col2:hover .plans:before {
   border-bottom: 58px solid #29EEFA;
}
.price-col2:hover {
    border: 1px solid #29EEFA;
}
.price-col2:hover .select-btn a {
    background: #29EEFA;
    color: #000;
}
.price-col3:hover .plans {
    background: #29EEFA;
}
.price-col3:hover .plans:before {
    border-bottom: 58px solid #29EEFA;
}
.col-sm-3.price-col3:hover {
    border: 1px solid #29EEFA;
}
.price-col3:hover .select-btn a {
    background: #29EEFA;
    color: #000;
}
.price-col4:hover .plans {
    background: #29EEFA;
}
.price-col4:hover .plans:before {
    border-bottom: 58px solid #29EEFA;
}
.price-col4:hover {
    border: 1px solid #29EEFA;
}
.price-col4:hover .select-btn a {
    background: #29EEFA;
    color: #000;
}
.price-col5:hover .plans {
    background: #29EEFA;
}
.price-col5:hover .plans:before {
    border-bottom: 58px solid #29EEFA;
}
.price-col5:hover {
    border: 1px solid #29EEFA;
}
.price-col5:hover .select-btn a {
    background: #29EEFA;
    color: #000;
}


.price-col1.active .plans {
    background: #29EEFA;
}
.price-col1.active .plans:before {
   border-bottom: 58px solid #29EEFA;
}
.price-col1.active {
    border: 1px solid #29EEFA;
}
.price-col1.active .select-btn a {
    background: #29EEFA;
    color: #000;
}

.price-col2.active .plans {
    background: #29EEFA;
}
.price-col2.active .plans:before {
   border-bottom: 58px solid #29EEFA;
}
.price-col2.active {
    border: 1px solid #29EEFA;
}
.price-col2.active .select-btn a {
    background: #29EEFA;
    color: #000;
}
.price-col3.active .plans {
    background: #29EEFA;
}
.price-col3.active .plans:before {
    border-bottom: 58px solid #29EEFA;
}
.col-sm-3.price-col3.active {
    border: 1px solid #29EEFA;
}
.price-col3.active .select-btn a {
    background: #29EEFA;
    color: #000;
}
.price-col4.active .plans {
    background: #29EEFA;
}
.price-col4.active .plans:before {
    border-bottom: 58px solid #29EEFA;
}
.price-col4.active {
    border: 1px solid #29EEFA;
}
.price-col4.active .select-btn a {
    background: #29EEFA;
    color: #000;
}
.price-col5.active .plans {
    background: #29EEFA;
}
.price-col5.active .plans:before {
    border-bottom: 58px solid #29EEFA;
}
.price-col5.active {
    border: 1px solid #29EEFA;
}
.price-col5.active .select-btn a {
    background: #29EEFA;
    color: #000;
}

.plan-feautres ul {
    padding: 0px !important;
}



@media(min-width: 280px) and (max-width: 319px) {
.plans:before {
    border-left: 95px solid transparent !important;
    border-right: 95px solid transparent !important;
}
.premiumplans::before {
    border-left: 115px solid transparent !important;
    border-right: 122px solid transparent !important;
}

.plans h3 {
    font-size: 16px;
}
}




@media(min-width: 320px) and (max-width: 374px) {
.plans:before {
    border-left: 115px solid transparent !important;
    border-right: 115px solid transparent !important;
}
.premiumplans::before {
    border-left: 136px solid transparent !important;
    border-right: 136px solid transparent !important;
}
}



@media(min-width: 375px) and (max-width: 424px) {
.plans:before {
    border-left: 145px solid transparent !important;
    border-right: 145px solid transparent !important;
}
.premiumplans::before {
    border-left: 168px solid transparent !important;
    border-right: 162px solid transparent !important;
}
}


@media(min-width: 240px) and (max-width: 479px) {

.col-sm-3.price-col1 {
    width: 100% !important;
}
.price-col2 {
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 20px;
}
.price-col3 {
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 20px;
}
.price-col4 {
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 20px;
}
.price-col5 {
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 20px;
}
.plans:before {
    border-left: 170px solid transparent;
    border-right: 170px solid transparent;
}
.plan-feautres {
    padding: 20px;
    height: auto;
}
.premiumplans::before {
    border-left: 197px solid transparent;
    border-right: 188px solid transparent;
}
}

@media(min-width: 480px) and (max-width: 767px) {

.col-sm-3.price-col1 {
    width: 100% !important;
}
.price-col2 {
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 20px;
}
.price-col3 {
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 20px;
}
.price-col4 {
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 20px;
}
.price-col5 {
    width: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 20px;
}
.plans:before {
    border-left: 197px solid transparent;
    border-right: 197px solid transparent;
}
.premiumplans::before {
    border-left: 228px solid transparent;
    border-right: 210px solid transparent;
}
.plan-feautres {
    padding: 20px;
    height: auto;
}
}



@media(min-width: 575px) and (max-width: 767px) {

.plans:before {
    border-left: 245px solid transparent;
    border-right: 245px solid transparent;
    bottom: -71px;
}
.price-col3:hover .plans:before {
    border-bottom: 69px solid #29EEFA;
}
}



@media(min-width: 768px) and (max-width: 999px) {

.plans {
    height: 145px;
}
.price-col1 {
    width: 48% !important;
    margin-right: 2% !important;
    margin-bottom: 20px;
}
.price-col2 {
    width: 48% !important;
    margin-right: 2% !important;
    margin-bottom: 20px;
}
.price-col3 {
    width: 48% !important;
    margin-right: 2% !important;
    margin-bottom: 20px;
}
.price-col4 {
   width: 48% !important;
    margin-right: 2% !important;
}
.price-col5 {
    width: 48% !important;
    margin-right: 2% !important;
}
.plans:before {
    border-left: 176px solid transparent;
    border-right: 170px solid transparent;
}
.premiumplans::before {
    border-left: 176px solid transparent;
    border-right: 170px solid transparent;
}
.plan-feautres {
    height: 600px;
}
}



@media(min-width: 1000px) and (max-width: 1100px) {

.plans:before {
    border-left: 140px solid transparent;
    border-right: 140px solid transparent;
    bottom: -71px !important;
}
.premiumplans::before {
    border-left: 75px solid transparent;
    border-right: 92px solid transparent;
    bottom: -69px;
}
.plan-feautres {
    height: 1050px;
}
.featureplans {
    height: 980px;
}
}



@media(min-width: 1020px) and (max-width: 1099px) {

.mini-sidebar .plans:before {
    border-left: 145px solid transparent;
    border-right: 145px solid transparent;
}
.mini-sidebar .price-col3 .plans::before {
    border-left: 155px solid transparent;
    border-right: 155px solid transparent;
}
}


@media(min-width: 1100px) and (max-width: 1200px) {

.mini-sidebar .plans:before {
    border-left: 148px solid transparent;
    border-right: 148px solid transparent;
    bottom: -71px !important;
}
.mini-sidebar .price-col3 .plans::before {
    border-left: 159px solid transparent;
    border-right: 159px solid transparent;
}


.plan-feautres {
    padding: 20px;
    height: 1070px;
}
}



@media(min-width: 1120px) and (max-width: 1199px) {

.mini-sidebar .plans:before {
    border-left: 160px solid transparent;
    border-right: 160px solid transparent;
}
.mini-sidebar .price-col3 .plans::before {
    border-left: 170px solid transparent;
    border-right: 170px solid transparent;
}
}


@media(min-width: 1200px) and (max-width: 1300px) {

.mini-sidebar .plans:before {
    border-left: 115px solid transparent;
    border-right: 115px solid transparent;
}
.mini-sidebar .price-col3 .plans::before {
    border-left: 115px solid transparent;
    border-right: 115px solid transparent;
}
.plans:before {
    bottom: -57px !important;
}
.plans:before {
    height: 0% !important;
    border-left: 96px solid transparent;
    border-right: 96px solid transparent;
}

.mini-sidebar .plan-feautres {
    height: 820px;
}



.plan-feautres {
    padding: 20px;
    height: 875px;
}
.plans h3 {
    font-size: 16px !important;
}
}

@media(min-width: 1220px) and (max-width: 1299px) {

.mini-sidebar .price-col3 .plans::before {
    border-left: 115px solid transparent;
    border-right: 115px solid transparent;
}
.mini-sidebar .price-col3 .plans::before {
    border-left: 115px solid transparent;
    border-right: 115px solid transparent;
}
}


@media(min-width: 1300px) and (max-width: 1400px) {

.plans:before {
    border-left: 109px solid transparent;
    border-right: 109px solid transparent;
    bottom: -71px !important;
}
.price-col3 .plans::before {
    border-left: 109px solid transparent;
    border-right: 109px solid transparent;
}
.mini-sidebar .plans:before {
    border-left: 130px solid transparent;
    border-right: 130px solid transparent;
}
.mini-sidebar .price-col3 .plans::before {
    border-left: 185px solid transparent;
    border-right: 185px solid transparent;
}
.plan-feautres {
    padding: 20px;
    height: 890px;
}
}



@media(min-width: 1400px) and (max-width: 1500px) {

.plans:before {
    border-left: 117px solid transparent;
    border-right: 117px solid transparent;
     bottom: -71px !important;
}
.price-col3 .plans::before {
    border-left: 117px solid transparent;
    border-right: 117px solid transparent;
}
.plan-feautres {
    padding: 20px;
    height: 840px;
}
}



@media(min-width: 1500px) and (max-width: 1600px) {

.plans:before {
    border-left: 127px solid transparent;
    border-right: 127px solid transparent;
    bottom: -71px !important;
}
.price-col3 .plans::before {
    border-left: 127px solid transparent;
    border-right: 127px solid transparent;
}
.mini-sidebar .plans:before {
    border-left: 146px solid transparent;
    border-right: 146px solid transparent;
}
.mini-sidebar .price-col3 .plans::before {
    border-left: 146px solid transparent;
    border-right: 146px solid transparent;
}
.plan-feautres {
    padding: 20px;
    height: 775px;
}
}


@media(min-width: 1600px) and (max-width: 2100px) {

.plans:before {
    border-left: 180px solid transparent;
    border-right: 180px solid transparent;
     bottom: -71px !important;
}
.price-col3 .plans::before {
    border-left: 185px solid transparent;
    border-right: 185px solid transparent;
}
}


@media(min-width: 1700px) and (max-width: 1800px) {

.plan-feautres {
    padding: 20px;
    height: 730px;
}
}


@media(min-width: 1900px) and (max-width: 2000px) {

.plan-feautres {
    padding: 20px;
    height: 620px;
}
}



@media(min-width: 1800px) and (max-width: 1900px) {

.plan-feautres {
    padding: 20px;
    height: 660px;
}
}


@media(min-width: 2000px) and (max-width: 6000px) {

.plan-feautres {
    padding: 20px;
    height: 600px;
}
}



@media(min-width: 2100px) and (max-width: 2900px) {

.plans:before {
    border-left: 180px solid transparent;
    border-right: 180px solid transparent;
     bottom: -71px !important;
}
.price-col3 .plans::before {
    border-left: 185px solid transparent;
    border-right: 185px solid transparent;
}
}