.introtext-item-left {
background-color: #C8230A;
padding-top: 40px;
padding-bottom: 40px;
}
.introtext-item-right {
padding-top: 40px;
padding-bottom: 40px;
background-color: #000;
}
.introtext-inner {
max-width: 1500px;
margin: 0 auto;
display: grid;
grid-template-columns: 100%;
}
.introtext-title {
font-size: 30px;
font-weight: 700;
margin: 0;
line-height: 1.1;
text-transform: uppercase;
font-style: italic;
}
.introtext-title {
color: #fff;
text-align: left;
}
.introtext-list li {
color: #fff;
}
.introtext-list {
width: fit-content; margin-top: 35px;
}
.introtext-list li::before {
width: 18px;
height: 18px;
border: 2px solid #C8230A;
background-color: transparent;
background-image: none;
border-radius: 50%;
left: 0;
top: 5px;
}
.flx_introtext {
margin-bottom: 0 !important;
}
.introtext-text {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: var(--promo-color, #ffffff);
text-align: left;
margin-bottom: 0;
margin-top: 35px;
}
.introtext-text-li {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
@media (min-width: 769px) {
.introtext-text {
font-size: 20px;
text-align: left;
}
.introtext-item-left,
.introtext-item-right {
padding-top: 0;
padding-bottom: 0;
}
.introtext-inner {
grid-template-columns: 1fr 1fr;
}
.flx_introtext {
padding: 100px 0;
background: linear-gradient(to right, #C8230A 0%, #C8230A 50%, #000 50%, #000 100%);
}
.introtext-inner {
padding: 0 47px;
}
.introtext-title {
font-size: 35px;
text-align: left;
}
.introtext-list {
margin-top: 92px;
width: auto;
}
.introtext-text-li {
font-size: 20px;
}
}
@media (min-width: 998px) {
.introtext-item-left {
padding-right: 80px;
}
.introtext-item-right {
padding-left: 80px;
}
}
@media (min-width: 1280px) {
.introtext-title {
font-size: 48px;
line-height: 1;
}
}
@media (min-width: 1500px) {
.introtext-item-left {
padding-right: 120px;
}
.introtext-item-right {
padding-left: 120px;
}
}