.sumry select {
    background-color:  transparent;
    border: none;
    width: 80%;
    color: white;
    padding: 0.5rem 1rem;
}
.sumry select option{
    color: black;
}
.sumry h3{
    color: white;
}
.sumry label{
    color: white;
}
.sumry input{
    background-color: transparent;
    border: none;
    color: white;
}
.sumry input::placeholder{
    color: rgba(255, 255, 255, 0.411);
}
.sumry input:focus{
    outline: none;
}
.plans .caard{
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgb(216, 216, 216);
    padding: 0 1.5rem 1.5rem 1.5rem;
}
.plans .caard button{
    border-radius: 20px;
    background-color: white;
    padding: 0.5rem;
    border: none;
}
.plans .caard div{
    border-radius: 10px;
    box-shadow: 0px 0px 20px 5px rgb(216, 216, 216);
    color: white;
}
.plans .col-sm-6:nth-child(even) .caard div{
    background: linear-gradient(#f9ca5d,#ca7f4e);
}
.plans .col-sm-6:nth-child(even) .caard>h3{
    color: #f9ca5d;
}
.plans .col-sm-6:nth-child(even) .caard button{
    color: #ca7f4e;
}
.plans .col-sm-6:nth-child(odd) .caard div{
    background: linear-gradient(#fa725c,#ca4f6a);
}
.plans .col-sm-6:nth-child(odd) .caard>h3{
    color: #fa725c;
}
.plans .col-sm-6:nth-child(odd) .caard button{
    color: #ca4f6a  ;
}

@media screen and (max-width: 576px) {
    .plans{
        width: 80%;
        margin: auto;
    }
}

.detail {
    background: url('/assets/plans/Group 7.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
}
.app_btns button{
    background: none;
    border: none;
}