.qa-banner .banner-container { padding-top: 20px;
text-align: center;
position: relative;
background-image: none;
}
.qa-banner .banner-container > .container {
max-width: 933px;
}
.final-anwser-banner {
display: flex;
flex-wrap: wrap;
align-content: center;
padding-top: 47px;
align-items: center;
}
.final-anwser-banner-left {
padding-right: 55px;
padding-left: 36px;
width: 52%;
padding-top: 17px;
}
.final-anwser-banner-right {
flex: 1;
display: flex;
flex-wrap: nowrap;
align-content: flex-start;
}
h2.final-anwser-banner-title {
font-family: 'Lora';
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 33px;
color: #145F37;
text-align: left;
margin-bottom: 20px !important;
}
.final-anwser-banner-content {
font-family: 'Quicksand';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 27px;
color: #000000;
text-align: left;
}
.qa-banner svg {
width: 100%;
margin-top: -22px;
background: #fff;
transform: translateY(-100%);
}
.qa-banner .image {
position: relative;   margin: 0 auto; }
.qa-banner h5.submenu {
margin-bottom: 9px;
}
.qa-banner h2 {  margin: 0;
}
[lang="en-US"] .qa-section h4,[lang="en-US"] .qa-banner h2 { }
.qa-section h4 {
margin-top: 0;
margin-bottom: 20px;
}
.qa-section {
margin-top: 63px;
}
.qa-section .qa-list {
max-width: 891px;
margin: 0 auto;
}
.qa-section .qa-item {
padding: 0 37px;
margin-bottom: 20px;
background-image: -webkit-gradient(linear, left top, right top, color-stop(18%, #808080), color-stop(77%, #ffffff));
background-image: linear-gradient(to right, #808080 40%, #ffffff 0%);
background-position: bottom;
background-size: 12px 1px;
background-repeat: repeat-x;
}
[lang="en-US"] .qa-section .qa-item .answer {
font-weight: 500;
}
.qa-section .qa-item .answer {
padding-right: 36px;
padding-bottom: 19px;
}
.qa-section .qa-item svg {
width: calc(100% + 74px);
margin-left: -37px;
max-width: none;
}
.qa-section .qa-item .answer p {
margin-bottom: 25px;
}
.qa-section .qa-item .answer p:last-child {
margin-bottom: 0;
}
.final-anwser .back-to-quiz {
text-align: center;
margin-top: 64px;
}
.qa-banner .banner-container:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
left: 0;
background: #fff;
height: 5vw;
display: none;
}
.final-anwser .btn.btn-secondary {
padding-left: 20px;
padding-right: 20px;
width: 165px;
}
main.final-anwser {
padding-bottom: 115px;
}
.page-template-q-a-final section#shadow-host-companion {
padding: 0;
}
.qa-section .qa-item .answer a:not(:hover) {
color: inherit;
}
@media (min-width: 768px) {
.qa-banner .overlay-mb {
display: none;
}
}
@media (max-width: 767.98px) {
.final-anwser-banner {
display: block;
}
.final-anwser-banner-left,
.final-anwser-banner-right {
width: 100%;
padding: 0;
}
.final-anwser-banner-left {
padding-bottom: 30px;
}
.qa-banner .overlay-pc {
display: none;
}
.final-anwser .btn.btn-secondary {
width: 94%;
}
.qa-banner .banner-container {
padding-top: 17px;
}
.qa-banner h5 {
margin-top: 0;
margin-bottom: 0;
}
.qa-banner h2 {
margin: 10px auto 0;
}
.qa-banner .image {  }
.qa-banner .banner-container:after {
background: #fff;
height: 15vw;
}
.qa-banner svg {
margin-top: -28px;
}
.qa-section {
margin-top: 52px;
}
.qa-section .qa-item {
padding: 0;
}
.qa-section h4 {
font-size: 18px;
line-height: 23px;
margin-bottom: 18px;
padding-right: 5px;
}
.qa-section .qa-item svg {
opacity: 0;
}
.final-anwser .back-to-quiz {
margin-top: 40px;
}
main.final-anwser {
padding-bottom: 78px;
}
.qa-section .qa-item .answer {
padding-right: 0;
padding-bottom: 20px;
}
}