.content-box{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding:30px;
}

.box-card{
    text-align:center;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding:30px;
    transition: 0.4s;
    border-radius:10px;
    margin-top:10px;
}


.box-card-img{
    padding:50px;
    border-radius:10px;
}

.box-outer{
    margin:0 auto;
    width:80%;
}

.box-card-button a{
    color:#323232;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    padding:10px 30px;
    background-color: #fff;
    text-decoration: none;
    transition: 0.4s;
}
.box-card-button a:hover{
    background-color: #323232;
    transition: 0.4s;
    color:#fff;
}

.bg-card-1{
    background-image: radial-gradient( circle 610px at 5.2% 51.6%,  rgba(5,8,114,1) 0%, rgba(7,3,53,1) 97.5% );
}


.success-area{
    width:60%;
    
    margin:0 auto;
}

/* กำหนด grid 2 column */
.success-grid{
    display:grid;
    grid-template-columns:20% 80%;
    grid-gap:10px;
}

/* บล็อคครอบ */
.success-rank-item,.success-text-item{
    border:1px solid rgba(0,0,0,.125);
    padding-top:15px;
    padding-bottom:15px;
    border-radius:10px;
    box-shadow: 4px 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 5%);
    background:#fff;
}

/* ข้อความในบล็อค */
.su-rank,.su-text{
    color:#178D81;
    font-weight: 600;
}
/* SELECT HIDE */
.select_plan{
    width:90%;
    text-align:center;
    background: none;
    border:none;
    color:#178D81;
    font-weight: bold;
    cursor: pointer;
}
.select_plan:focus{
    outline: none;
}

.content-btn{
    padding:8px 20px;
    border:none;
    color:#fff;
    background-color: #f97bbe;
    padding:10px 30px;
    text-decoration: none;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.4s;
}

.img-area{
    width:600px;
    margin:0 auto;
}

.confirm{
    width:50%;
}

@media only screen and (max-width: 600px) {
    .success-area{
        width:100%;
        
        margin:0 auto;
    }
    .confirm{
        width:100%;
    }
  }

