body{
    overflow: unset!important;
    background-color:#e5e5e7;
}
.sectionPlanes{
    padding-top: 3%;
    background: #28252c !important;
    padding-bottom: 10%;
}
.sectionComparativeTable{
    padding: 5% 15%;
}
.img-planLogo{
    width: 0%;
    padding: 12% 5%;
}

.planNameLabel{
    margin: 0;
    font-family: var(--lighter);
    background-color: #7f78b9;
    text-align: center;
    padding: 5% 10%;
    font-size: 1.5vw;
    color: #fff;
    width: 100%!important;
    border-radius: 15px;
    margin-bottom: 55%;

}

.labelPlan p{
    color: #6a6a6a;
    font-family: var(--regular);
    margin: 2% auto;
}
.labelPlan {
    margin: 8% auto;
    border-radius: 11px;
    border: unset;
    padding: 3% 20%;
    font-size: 1.5vw;
    background: #4e58a7;
    
    color: #fff;
    font-family: var(--bold);
}
.linkStyles{
  text-decoration: none;
  color: #fff;
}
.linkStyles:hover{
  text-decoration: none;
  color: #fff;
}
.labelCaracteristica{
    font-family: var(--regular);
    text-align: left;
    padding: 2% 5%;
    background-color: #fff;
}
.checkIcon{
    margin: 8px;
    width: 15%;
}
.bg-label{
    background-color: transparent;
}
.bg-transparency{
   /* position: absolute; */
    width: 62%;
    height: 100%;
    text-align: center;

}
/* .bg-Color{
    background-color: #dcdeec91;
} */
.containerPosition{
    position: relative;
}
.gridTable {
display: grid;grid-template-columns: 1fr repeat(3, .5fr);
grid-template-rows: repeat(26, 2fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
    z-index: 1;
}
.bg-White{
    background-color: #fff;
}
/* .div1 { grid-area: 1 / 1 / 2 / 5; position: sticky;top: 25px; display: grid;grid-template-columns: 1fr repeat(3, .5fr); background-color: transparent; z-index: 3;} */
/*.div1 div{*/
/*    position: absolute;*/
/*}*/
/*.div2 { grid-area: 1 / 2 / 2 / 3; }*/
/*.div3 { grid-area: 1 / 3 / 2 / 4; }*/
/*.div4 { grid-area: 1 / 4 / 2 / 5; }*/
/*.div5 { grid-area: 2 / 1 / 3 / 2; }*/
/*.div6 { grid-area: 2 / 2 / 3 / 3; }*/
/*.div7 { grid-area: 2 / 3 / 3 / 4; }*/


.textLeft{
    text-align: left;
}
.fontBold{
    font-family: var(--bold);
}
.colorGray{
    color: #6a6a6a;
}
.fontRegular{
    font-family: var(--regular);
}
.iptChbx {
    position: absolute;
    right: 10%;
    top: 7%;
    width: 22px;
    height: 22px;



}
.cardPlan{
    height: 380px!important;
}
/*input[id="cb1"] + label {*/
/*  display: inline-block;*/
/*  width: 14px;*/
/*  height: 14px;*/
/*  border: 2px solid #bcbcbc;*/
/*  border-radius: 2px;*/
/*  cursor: pointer;*/
/*}*/
u{
    font-size: 11px;
}
ol {
  list-style: none;
    padding: 0;
}
ol li{
    font-size: 14px;
    display: flex;
}
.containerCheck {
  content: url("../img/check.png");
    margin-right: 8px
}
button:hover{
    background-color: #805d9c;
    color: #fff;
}


/* .parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    } */
    
    .parent{
        display: flex;
        justify-content: space-evenly;
    }
    .div1 { grid-area: 1 / 1 / 2 / 2; width: 17%; }
    .div2 { grid-area: 1 / 2 / 2 / 3; width: 10%; }
    .div3 { grid-area: 1 / 3 / 2 / 4; width: 10%; }
    .div4 { grid-area: 1 / 4 / 2 / 5; width: 10%; }
    
    .parent h3{
        text-align: center;
        width: 60%;
    }

    .paddingName{
        padding: 3% 20%;
        color: #4e58a7;
        font-size: 1vw;
    }

    .div46 div{
        width: 86%;
        border-radius: 20px;
        height: 3px;
        background: gray;
        margin: 2% 0;
    }

.containerResponsiveTable{
    display: none;
}
    @media (max-width:949px) and (min-width: 605px){
        .planNameLabel{
            border-radius: 8px;
        }
    }
    @media (max-width:604px) {
        .planNameLabel{
            border-radius: 4px;
            font-size: 9px;
        }
        .sectionComparativeTable{
            padding: 5% 5%;
        }
        .containerResponsiveTable{
            display: block;
        }
        .containerWebTable{
            display: none;
        }
        .parent{
            display: none;
        }

    }

    @media (min-width:1560px){
        .cardPlanMax{
            max-width: 60%!important;
        }
    }