.membershipUpdateModal .modal-body{
    margin-top:10px;
}
.membershipUpdateModal .btn-block{
  width:200px;margin:0 auto;text-align:center;
}
.membershipUpdateModal .membership-features-text{
    margin-top:-3px; margin-left:30px;
}
.membershipUpdateModal .green-circle {
    font-size: 10px;
    background: #48d23e;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: left;
    border-radius: 100%;
    color: #fff;
    margin: 0 auto;
    font-weight: 300;
}
.membershipUpdateModal .modal-title, .membershipUpdateModal .text-center, .membershipUpdateModal .membership-features{
  color:#fff;
}

.membershipUpdateModal .text-center{text-align:left !important;}

.membershipUpdateModal .modal-header .modal-title{
  margin-left:0px;
}

.membershipUpdateModal .modal-header{
  padding-left:0px !important;
}

.membershipUpdateModal .close{
  margin-top:-25px !important;
  color:#fff !important;
}

.membershipUpdateModal .modal-title{
  font-size:20px !important;
}
.membershipUpdateModal .membership-features {
    list-style: none;
    font-weight:300;
    padding: 0;
    margin: 0;
}
.membershipUpdateModal .membership-features li {
    padding: 10px 0;
}
.membershipUpdateModal .membership-features li:last-child {
    border-bottom: none;
}
.membershipUpdateModal .membership-features i {
    color: #fff;
    margin-top:5px;
}
.membershipUpdateModal .modal-content {
    border:1px solid #fff;
    border-radius: 24px;
    background-image: url('../../webroot/img/membership-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width:430px;
    padding-top:20px !important;
    padding-bottom:20px !important;
    padding-left:30px !important;
    padding-right:30px !important;
}

.membershipUpdateModal .modal-footer {
    margin-top:20px;
    border-radius: 0 0 8px 8px;
}