.o-accordion-item {}
.o-accordion-item:not(:last-child) {
border-bottom: 1px solid #959595;
}
.o-accordion-item .o-accordion-button {
position: relative;
width: 100%;
display: flex;
align-items: center;
padding: 20px 0;
background: transparent;
border: 0;
box-shadow: none !important;
color: #0B0C0C;
text-align: left;
text-transform: none;
letter-spacing: 0;
text-decoration: none !important;
white-space: normal;
}
.o-accordion-button-icon {
position: relative;
margin-right: 16px;
line-height: 0;
}
.o-accordion-button-icon svg {
width: 65px;
height: 65px;
}
body:not(:has(.home-steps)) .o-accordion-button-icon svg circle {
fill: #F3F2F1;
}
@media (max-width: 767px) {
.o-accordion-button-icon {
margin-right: 12px;
}
.o-accordion-button-icon svg {
width: 58px;
height: 58px;
}
}
.o-accordion-button-number {
position: absolute;
top: -10px;
display: flex;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
border: 1px solid #0B0C0C;
border-radius: 100%;
color: #0B0C0C;
font-size: 16px;
font-weight: 700;
line-height: normal;
}
@media (max-width: 767px) {
.o-accordion-button-number {
top: -8px;
width: 22px;
height: 22px;
font-size: 13px;
}
}
.o-accordion-title {
margin: 0;
color: #0B0C0C;
font-size: 23px !important;
font-weight: 700;
line-height: normal;
}
@media (max-width: 767px) {
.o-accordion-title {
font-size: 16px !important;
}
}
.o-accordion-subtitle {
margin-top: 8px;
color: #0B0C0C;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
@media (max-width: 767px) {
.o-accordion-subtitle {
font-size: 14px;
}
}
.o-accordion-content {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.4s ease-out;
}
.o-accordion-item.active .o-accordion-content {
opacity: 1;
}
.o-accordion-body {
padding: 0 23px 23px;
}
.o-accordion-icon {
margin-left: auto;
padding-left: 18px;
font-size: 24px;
color: #0B0C0C;
}
@media (max-width: 767px) {
.o-accordion-icon {
font-size: 18px;
}
}
.o-accordion-icon-opened,
.o-accordion-item.active .o-accordion-icon-closed {
display: none;
}
.o-accordion-icon-closed,
.o-accordion-item.active .o-accordion-icon-opened {
display: block;
}
@media (max-width: 767px) {
}.o-slider {
}
.o-slider img {
width: 100%;
}
.o-slider .swiper-slide-content {
position: absolute;
inset: 0;
max-width: 1072px;
display: flex;
align-items: center;
margin: 0 auto;
padding: 0 16px;
}
@media (max-width: 767px) {
.o-slider .swiper-slide-content {
align-items: unset;
padding-top: 50px;
}
}
.o-slider .swiper-slide-body {
max-width: 500px;
}
.o-slider .swiper-slide-content h2 {
margin-bottom: 20px;
color: #fff;
font-size: 43px;
font-weight: 700;
line-height: 49px;
}
@media (max-width: 1199px) {
.o-slider .swiper-slide-content h2 {
font-size: 32px;
line-height: 38px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.o-slider .swiper-slide-content h2 {
font-size: 28px;
line-height: 32px;
}
}
.o-slider .swiper-slide-content p {
margin-bottom: 0;
color: #fff;
font-size: 21px;
font-weight: 400;
line-height: 25px;
}
@media (max-width: 1199px) {
.o-slider .swiper-slide-content p {
font-size: 18px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.o-slider .swiper-slide-content p {
font-size: 16px;
line-height: 20px;
}
}
.o-slider .swiper-slide-content a {
display: inline-block;
margin-top: 20px;
padding: 10.5px 23px;
background-color: #508410;
border-radius: 6px;
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
line-height: 19px;
letter-spacing: 1.6px;
text-transform: uppercase;
text-decoration: none;
}
.o-slider .swiper-slide-content a:hover,
.o-slider .swiper-slide-content a:focus {
background-color: #fff;
color: #508410;
}
.o-slider .swiper-pagination-bullets {
bottom: 20px !important;
}
@media (max-width: 767px) {
.o-slider .swiper-pagination-bullets {
bottom: 12px !important;
}
}
.o-slider .swiper-pagination-bullet {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin: 0 5px;
background: rgba(255, 255, 255, .3);
border: 2px solid transparent;
opacity: 1;
color: #fff;
font-weight: 700;
font-size: 14px;
}
.o-slider .swiper-pagination-bullet-active {
background: transparent;
border-color: #fff;
}
.o-slider .swiper-button-play-stop {
position: absolute;
left: calc(50% - 519px);
bottom: 20px;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
background: transparent;
border: 2px solid #fff;
border-radius: 100%;
z-index: 11;
color: #fff;
}
@media (max-width: 1072px) {
.o-slider .swiper-button-play-stop {
left: 16px;
}
}
@media (max-width: 767px) {
.o-slider .swiper-button-play-stop {
bottom: 12px;
}
}
.o-slider .swiper-button-play-stop::before {
width: 16px;
height: 16px;
content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 512 512"%3E%3Cpath fill="%23fff" d="M208 432h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16Zm144 0h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16Z"%2F%3E%3C%2Fsvg%3E');
}
.o-slider .swiper-button-play-stop[data-action='start']::before {
margin-right: -2px;
content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 512 512"%3E%3Cpath fill="%23fff" d="M133 440a35.37 35.37 0 0 1-17.5-4.67c-12-6.8-19.46-20-19.46-34.33V111c0-14.37 7.46-27.53 19.46-34.33a35.13 35.13 0 0 1 35.77.45l247.85 148.36a36 36 0 0 1 0 61l-247.89 148.4A35.5 35.5 0 0 1 133 440Z"%2F%3E%3C%2Fsvg%3E');
}