.info_section {

    background-color: rgb(255, 255, 255);

    border-radius: 1rem;

    padding-top: 1rem;

    padding-bottom: 1rem;

    margin-bottom: 1rem;

}



.divide_line {

    height: 1px;

    width: 100%;

    background-color: rgb(200, 200, 200);

    margin-top: 2%;

    margin-bottom: 2%;

}



.plan {

    border: 2px solid rgb(240, 240, 240);

    padding: 3%;

    border-radius: 1rem;

    background-color: rgba(255, 255, 255, .85);

    cursor: pointer;

}



.plan {

    margin-bottom: .25rem;

}



.plan:last-child {

    margin-bottom: 0rem;

}



.plan .container-fluid,

.plan .container-fluid>.row {

    height: 100%;

}



.plan:hover {

    background-color: rgb(255, 255, 255);

}



.choose_icon {

    color: rgb(210, 210, 210);

    font-size: 5vmin;

}



.choose_icon:before {

    content: "\f111";

    font: var(--fa-font-regular);

}



input[name="plan"]:checked~.plan .choose_icon:before {

    content: "\f058";

    font: var(--fa-font-solid);

}



input[name="plan"]:checked~.plan {

    background-color: rgb(45, 89, 132);

    color: rgb(255, 255, 255);

}



input[name="plan"]:checked~.plan .choose_icon {

    color: rgb(255, 255, 255);

}



.plan_name {

    font-weight: 500;

}



.plan_price {

    font-size: 4vmin;

    font-weight: 700;

}



.plan_content {

    font-size: .9rem;

}



.clean_btn {

    border-bottom-right-radius: 0px;

    border-top-right-radius: 0px;

}



.save_btn {

    border-bottom-left-radius: 0px;

    border-top-left-radius: 0px;

}

@media(min-width: 576px){

    .choose_icon {

        font-size: 2.5vmin;

    }

    .plan_price {

        font-size: 3vmin;

    }

}



@media(min-width: 768px) {

    .info_section {

        padding-top: .5rem;

        padding-bottom: .5rem;

    }

}