.sf-accordion-wrap .sf-accordion-item {
padding: 0;
height: 582px;
border-radius: 110px;
border: 1px solid #fff;
overflow: hidden;
transition: width 100ms linear;
}
.sf-accordion-wrap .sf-accordion-item > .e-con-inner {
padding: 0;
} .sf-accordion-wrap
.sf-accordion-item
.item-overlay-title
.elementor-widget-container {
margin-bottom: 0;
color: #5f79f1;
font-size: 20px;
font-weight: 700;
line-height: normal;
padding: 56px 50px 0 38px;
cursor: pointer;
}
.sf-accordion-item:nth-child(2)
.item-overlay-title
.elementor-widget-container {
color: #262d6f;
}
.sf-accordion-item:nth-child(3)
.item-overlay-title
.elementor-widget-container {
color: #f75d1d;
}
.sf-accordion-wrap
.sf-accordion-item
.item-overlay-title
.elementor-widget-container::after {
content: "";
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/icon-plus-lightblue.svg);
width: 28px;
height: 28px;
display: block;
background-size: cover;
position: absolute;
right: 33px;
top: 72px;
}
.sf-accordion-wrap
.sf-accordion-item:nth-child(2)
.item-overlay-title
.elementor-widget-container::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/icon-plus-darkblue.svg);
}
.sf-accordion-wrap
.sf-accordion-item:nth-child(3)
.item-overlay-title
.elementor-widget-container::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/icon-plus-orange.svg);
} .sf-accordion-wrap .sf-accordion-item.closed .item-block {
display: none;
} .sf-accordion-wrap.el-open
.sf-accordion-item
.item-overlay-title
.elementor-widget-container
p {
opacity: 0;
}
.sf-accordion-wrap .sf-accordion-item.open::before,
.sf-accordion-wrap
.sf-accordion-item.open
.elementor-background-video-container::before {
opacity: 0;
}
.sf-accordion-wrap .sf-accordion-item.open .item-overlay-title {
display: none;
}
.sf-accordion-wrap .sf-accordion-item.open {
background-color: #5f79f1;
color: #fff;
flex-shrink: 0;
padding: 60px 20px;
}
.sf-accordion-wrap .sf-accordion-item.open:nth-child(2) {
background-color: #262d6f;
}
.sf-accordion-wrap .sf-accordion-item.open:nth-child(3) {
background-color: #f75d1d;
}
.sf-accordion-wrap .sf-accordion-item .item-block,
.sf-accordion-wrap .sf-accordion-item .item-block > .e-con-inner,
.sf-accordion-wrap .sf-accordion-item .item-block .item-text {
padding: 0;
height: 100%;
}
.sf-accordion-wrap .sf-accordion-item .item-title {
font-size: 28px;
font-weight: 700;
line-height: normal;
cursor: pointer;
padding-right: 35px;
}
.sf-accordion-wrap .sf-accordion-item .item-title::after {
content: "";
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/icon-cross-darkblue.svg);
width: 28px;
height: 28px;
display: block;
background-size: cover;
position: absolute;
right: 0;
top: 12px;
}
.sf-accordion-wrap .sf-accordion-item:nth-child(2) .item-title::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/icon-cross-white.svg);
}
.sf-accordion-wrap .sf-accordion-item .item-testimony {
border-radius: 20px;
border: 1px solid var(--grey-white-50, rgba(255, 255, 255, 0.5));
background: var(--grey-white-5, rgba(255, 255, 255, 0.05));
padding: 6px 16px;
}
.sf-accordion-wrap .sf-accordion-item .item-testimony .item-quote p {
padding-left: 45px;
background-image: url(//www.steerfox.com/wp-content/uploads/2024/03/picto-guillemet-blue.svg);
background-repeat: no-repeat;
margin-bottom: 0;
}
.sf-accordion-wrap
.sf-accordion-item:nth-child(2)
.item-testimony
.item-quote
p {
background-image: url(//www.steerfox.com/wp-content/uploads/2024/03/picto-guillemet-orange.svg);
}
.sf-accordion-wrap .sf-accordion-item .item-testimony .item-customer p {
color: var(--Text-text, #262d6f);
font-size: 14px;
font-weight: 700;
line-height: 21px;
margin-bottom: 0;
display: flex;
gap: 10px;
}
.sf-accordion-wrap
.sf-accordion-item:nth-child(2)
.item-testimony
.item-customer
p,
.sf-accordion-wrap
.sf-accordion-item:nth-child(3)
.item-testimony
.item-customer
p {
color: #fff;
}
.sf-accordion-wrap .sf-accordion-item .item-testimony .item-customer img {
width: 42px;
height: 42px;
border-radius: 100px;
}
@media (max-width: 767px) {
.sf-accordion-wrap .sf-accordion-item .item-block > .e-con-inner {
flex-wrap: nowrap;
}
.sf-accordion-wrap .sf-accordion-item .item-testimony {
display: none;
}
}
@media (min-width: 768px) {
.sf-accordion-wrap .sf-accordion-item {
width: 256px;
}
.sf-accordion-wrap .sf-accordion-item.open {
padding: 60px;
width: 424px;
}
}