.subsplansallin {
    display: flex;
    width: 99%;
    margin: auto;
    justify-content: space-between;
    color: #cdcdcd;
    flex-wrap: wrap;
}


.upgradebtnindex {
    text-align: center;
    padding: 18px;
    margin-bottom: 10px;
    background-image: linear-gradient(137deg, #02020296, #074f7a6b, #090b0b);
    border: 1px solid #161818;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    color: white;
    letter-spacing: 0px;
}


.upgradebtnindex:hover {
    background-image: linear-gradient(137deg, #074f7a6b, #090b0b, #074f7a6b);
}

.subsplanstitle {
    margin: 20px;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    color: #03a9f4;
}


.subsplansrow {
    padding: 20px;
    border: 1px solid #252525;
    background: #1a1a21;
    border-radius: 5px;
    min-width: 30%;
}

.subsplansrowtitle {
    background: #121216;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    width: 70%;
    margin: auto;
    text-transform: uppercase;
}


.fdsp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 10px;
    border: 1px solid #1c1c1c;
    border-radius: 4px;
    margin-bottom: 5px;
    background: #111117;
}



.subsplansrowdescription {
    /* background: #121216; */
    margin-bottom: 21px;
    margin-top: -22px;
    padding: 5px;
    min-height: 104px;
    border-radius: 4px;
}


.hrrsubb {
    margin: 40px 0px;
    background: #03a9f4;
}


.clgr {
    color: #66bb6a;
}

.clre {
    color: #ef5350;
}


.clblu {
    color: #03a9f4;
}
.subsplansrowusergroupdesigned {
    position: relative;
    background: #18181c00;
    background-image: url(https://static.webgod.ro/goldsparkles.gif),linear-gradient(45deg, #18181c00 10%, #18181c00);
    width: min-content;
    max-width: max-content;
    margin: auto !important;
    top: -5px;
    margin-top: 40px !important;
    padding: 10px 20px;
    border-radius: 100px;
    color: white;
    /* color: #03a9f4; */
    font-size: 15px;
    /* text-transform: uppercase; */
    font-weight: 700;
    /* border: 1px solid #03a9f4; */
}



.timesubplans {
    text-align-last: center;
}

.timesubplanspaybutton {
    text-align: center;
    padding: 20px 0px 0px 0;
}




.onetimebonussubb {
    text-align: center;
    padding: 20px;
    background: #121216;
    margin-bottom: 12px;
    border-radius: 5px;
    box-shadow: inset 0 0 4px #03a9f4;
}





.mrx2s {
    margin-right: 5px;
}




select {
    background: #121216;
    padding: 10px;
    border: 1px solid #121216;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    color: white;
}


















.fllcolapss {
    display: flex;
    justify-content: space-between;
    align-items: center;
   padding: 25px !important;
}


.btnsupport {
    background: #0d6fb5;
    padding: 5px;
    border-radius: 3px;
    color: white;
    font-weight: 600;
    width: 65px;
    float: right;
    margin-top: -39px;
}


.collapsible {
    background-color: #18181c;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
	border-radius: 0 !important;
}

.active, .collapsible:hover {
    background-color: #1d1d23;
}

.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.contentcolap {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #18181c;
    border: 3px solid #1d1d23;
}