:root {
--text-muted: #727382;
--star-active: #a8b5dd;
--star-inactive: #a8b5dd;
--grad-1: linear-gradient(135deg, #0d1336 0%, #51587b 45%, #717b9f 100%);
--grad-2: linear-gradient(135deg, #717b9f 0%, #99add7 45%, #87b0c3 100%);
--grad-3: linear-gradient(135deg, #87b0c3 0%, #76b3b1 45%, #38b888 100%);
}
.text-muted {
color: var(--text-muted) !important;
font-weight: 400;
font-size: 18px;
line-height: 150%;
}
.text-content {
font-weight: 500;
font-size: 18px;
line-height: 150%;
color: #4c4c57;
}
.list-item {
display: inline-flex !important;
flex-direction: column;
gap: 5px;
}
@media (min-width: 992px) {
.wrapper-block {
position: relative;
}
.disclaimer-wrapper {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
}
.main-title {
position: absolute;
text-align: start;
}
.partner-card-col.partner-card-1 {
margin-top: 252px;
}
.partner-card-col.partner-card-2 {
margin-top: 150px;
}
.partner-card-col.partner-card-3 {
margin-top: 0;
}
}
.partner-card .text-volume {
line-height: 1.5;
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.partner-card {
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
}
.title-content {
font-weight: 600;
font-size: 22px;
line-height: 120%;
}
.benefits ul li {
display: flex;
align-items: center;
}
.check-icon {
display: flex;
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: 0;
}
.check-icon svg {
width: 100%;
height: 100%;
}
@media (max-width: 767.98px), (min-width: 992px) {
.benefits ul {
display: inline-block;
text-align: left;
}
}
.level-badge {
width: 250px;
height: 90px;
border-radius: 50px;
background: #fff;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0 !important;
z-index: 1;
border: none;
}
.level-badge::before {
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border-radius: 60px;
padding: 10px;
background: var(--grad-1);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
z-index: -1;
pointer-events: none;
}
.gradient-border-1::before {
background: var(--grad-1);
}
.gradient-border-2::before {
background: var(--grad-2);
}
.gradient-border-3::before {
background: var(--grad-3);
}
.level-num {
font-weight: 600;
font-size: 36px;
line-height: 120%;
}
.level-label {
font-weight: 400;
font-size: 18px;
line-height: 150%;
}
.stars {
font-size: 1.8rem;
display: flex;
gap: 4px;
}
.stars i.bi-star {
color: var(--star-inactive);
}
.stars i.bi-star-fill.active {
color: var(--star-active);
}
.disclaimer-box {
border: 1px solid #abdfc7 !important;
border-radius: 4px;
padding: 8px 16px;
box-shadow: 0 0 2px 0 rgba(168, 181, 221, 0.7);
background: #f5fbf8;
}
.disclamer-text {
font-weight: 700;
font-size: 16px;
line-height: 150%;
}