.performances ul {
display: flex;
flex-direction: column;
justify-content: center;
list-style: none;
gap: 16px;
padding-left: 0;
}
.performances li {
color: var(--secondary-400, #262d6f);
font-size: 14px;
font-weight: 700;
line-height: 21px;
padding: 6px 16px;
border-radius: 30px;
background: var(--Grey-PurpleGrey200, #c6cff8);
display: flex;
align-items: center;
gap: 4px;
}
.performances li::before {
content: "";
width: 18px;
height: 18px;
background-image: url(//www.steerfox.com/wp-content/uploads/2024/04/arrow-up-blue.png);
display: block;
background-size: contain;
margin-right: 3px;
flex-shrink: 0;
background-repeat: no-repeat;
}
.performances li.down::before {
background-image: url(//www.steerfox.com/wp-content/uploads/2024/04/arrow-down-blue.png);
}  .sep {
width: 100%;
height: 6px;
background-color: #eef1fd;
margin: 40px 0;
}  @media (min-width: 768px) {
.performances ul {
flex-direction: row;
} } .success-story-container.e-con {
display: block;
}
.success-story-container.e-con>.e-con-inner {
display: flex;
justify-content: center;
}
@media (max-width: 767px) {
.success-story-container.e-con>.e-con-inner {
flex-direction: column;
}
}
.success-story-container .head {
align-items: flex-end;
}
.success-story-container .head .content-wrapper {
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
@media (min-width: 768px) {
.success-story-container .head .content-wrapper {
width: 592px;
}
}
.success-story-container .head .breadcrumbs {
text-align: center;
}
.success-story-container .head .logo {
width: 418px;
display: flex;
justify-content: center;
}
.success-story-container .head .img-wrapper {
border-radius: 15px;
overflow: hidden;
background: #d9d9d9;
}
.success-story-container .head .img-wrapper img {
width: 472px;
height: 249px;
object-fit: cover;
}
.success-story-container .main.e-con-inner {
margin-top: 72px;
padding-bottom: 0;
gap: 60px;
}
@media (max-width: 767px) {
.success-story-container .main .sidebar {
display: none;
}
}
.success-story-container .main .sidebar {
width: 219px;
position: sticky;
top: 135px;
padding-bottom: 15px;
height: fit-content;
}
.success-story-container .main .sidebar .sidenav .heading {
font-weight: 700;
}
.success-story-container .main .sidebar .sidenav ul {
list-style: none;
margin: 18px 0 33px;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.success-story-container .main .sidebar .sidenav ul li a {
color: #262d6f;
}
.success-story-container .main .content {
border-radius: 80px 80px 0px 0px;
background: #fff;
display: flex;
padding: 50px 40px;
flex-direction: column;
gap: 40px;
}
@media (min-width: 768px) {
.success-story-container .main .content {
width: 876px;
padding: 60px 72px;
}
}
.success-story-container .main .content h1 {
margin-bottom: -30px;
font-size: 32px;
font-weight: 700;
line-height: normal;
color: #f75d1d;
margin-top: 0;
}
.success-story-container .main .content .sep {
margin: 0;
border-radius: 5px;
}
.success-story-container .main .content h2 {
font-size: 28px;
font-weight: 700;
line-height: normal;
}
.success-story-container .main .content .block p,
.success-story-container .main .content .block ul {
margin-bottom: 23px;
}
.success-story-container .main .content .block ul {
padding: 0;
list-style-type: none;
display: flex;
flex-direction: column;
gap: 25px;
}
.success-story-container .main .content .block ul li {
padding-left: 40px;
padding-left: 40px;
position: relative;
}
.success-story-container .main .content .block li::before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
left: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url(//www.steerfox.com/wp-content/uploads/2024/03/arrow-upright.svg);
}
.success-story-container .main .content .block#bloc-3 li::before {
background-image: url(//www.steerfox.com/wp-content/uploads/2024/03/arrow-upright-1.svg);
}
.success-story-container .main .content .perf-wrapper {
display: flex;
justify-content: space-between;
gap: 34px;
margin-top: 28px;
}
@media (max-width: 767px) {
.success-story-container .main .content .perf-wrapper {
flex-direction: column;
align-items: center;
}
}
.success-story-container .main .content .perf-wrapper .perf {
flex-grow: 0;
padding: 20px;
border-radius: 30px;
background: #faf5ee;
display: flex;
flex-direction: column;
gap: 8px;
width: 229px;
}
.success-story-container .main .content .perf-wrapper .perf .heading {
font-size: 28px;
font-weight: 700;
line-height: 24px;
}
.success-story-container .subscribe-form-wrapper {
display: flex;
gap: 34px;
padding: 15px 23px;
margin-top: -40px;
border-radius: 15px;
background: #fff;
box-shadow: 0px 3px 14px 0px rgba(74, 58, 255, 0.03),
0px -2px 4px 0px rgba(20, 20, 43, 0.12),
0px 12px 44px 0px rgba(20, 20, 43, 0.34);
}
.success-story-container .subscribe-form-wrapper>img {
margin-inline: auto;
}
.success-story-container .subscribe-form-wrapper form {
position: relative;
}
.success-story-container .subscribe-form-wrapper input[type="email"] {
border-radius: 15px;
border: 1px solid #eff0f6;
background: #fff;
box-shadow: 0px 2px 6px 0px rgba(19, 18, 66, 0.07);
height: 61px;
}
.success-story-container .subscribe-form-wrapper input[type="submit"] {
border-radius: 15px;
background: #f75d1d;
box-shadow: 0px 3px 12px 0px rgba(74, 58, 255, 0.18);
color: #fff;
font-weight: 700;
border-width: 0;
height: 61px;
}
@media (max-width: 767px) {
.success-story-container .subscribe-form-wrapper {
flex-direction: column;
}
.success-story-container .subscribe-form-wrapper input[type="submit"] {
width: 100%;
margin-top: 10px;
}
}
@media (min-width: 768px) {
.success-story-container .subscribe-form-wrapper input[type="submit"] {
position: absolute;
right: 0;
}
}
@media (max-width: 767px) {
.sidebutton.blue-button.mobile-only .elementor-button {
width: 100%;
}
}