.main-screen__text {
color: #fff;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 120%;
max-width: 1026px;
width: 100%;
margin-bottom: 60px;
}
.main-screen__text span {
color: #ecb355;
}
.main-screen__title--no-mrg,
.main-screen.type-2 .main-screen__title.main-screen__title--no-mrg {
margin-bottom: 20px;
}
.rd-faq {
padding: 130px 0;
}
.rd-faq__m-title {
color: #111110;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -2px;
max-width: 1121px;
width: 100%;
margin: 0 auto 40px auto;
position: relative;
}
.rd-faq__bg {
padding: 35px 0;
position: relative;
overflow: hidden;
}
.rd-faq__bg::before {
content: "";
position: absolute;
z-index: -1;
width: 60%;
height: 100%;
top: 0;
right: 0; }
.rd-faq__item {
overflow: hidden;
border-radius: 5px;
background-color: #111110;
padding: 35px;
}
.rd-faq__item:not(:last-child) {
margin-bottom: 20px;
}
.rd-faq__button {
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
cursor: pointer;
}
.rd-faq__title {
text-align: left;
font-weight: bold;
color: #fff;
font-size: 22px;
line-height: 120%;
}
.rd-faq__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 20px;
width: 30px;
height: 30px;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.rd-faq__button.active .rd-faq__icon {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.rd-faq__content {
padding-right: 50px;
color: #fff;
}
@media (max-width: 991px) {
.rd-faq__item {
padding: 25px;
}
}
@media (max-width: 768px) {
.main-screen__text {
font-size: 18px;
font-style: normal;
font-weight: 300;
text-align: center;
}
}
.room__suptitle {
display: block;
}
.room__title {
display: block;
}