.single-content {
position: relative;
margin-bottom: 32px;
}
@media (min-width: 1024px) {
.single-content {
margin-bottom: 100px;
}
}
.single-content__decor {
position: absolute;
-o-object-fit: contain;
object-fit: contain;
}
.single-content__decor--left {
top: 22%;
left: 0;
display: none;
max-width: 158px;
width: 15vw;
}
@media (min-width: 1024px) {
.single-content__decor--left {
display: block;
}
}
.single-content__decor--right {
right: 0;
top: 28%;
display: none;
max-width: 442px;
width: 24vw;
}
@media (min-width: 1024px) {
.single-content__decor--right {
display: block;
}
}
.single-content__wrap {
max-width: 1080px;
}
.single-content__wrap .single-title {
padding-bottom: 0;
}
.single-content__overview {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
gap: 36px;
position: relative;
padding-top: 72px;
max-width: 712px;
margin: 0 auto 16px;
}
@media (min-width: 1024px) {
.single-content__overview {
max-width: unset;
flex-direction: row;
align-items: unset;
gap: 0;
margin-bottom: 40px;
}
}
.single-content__img {
max-width: 124px;
min-width: 124px;
max-height: 124px;
min-height: 124px;
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%;
z-index: 2;
position: absolute;
right: 16px;
top: 0;
border: 1px solid #939593;
}
@media (min-width: 1024px) {
.single-content__img {
position: static;
max-width: 180px !important;
max-height: 180px;
min-width: 180px;
min-height: 180px;
}
}
.single-content__info {
background-color: black;
color: white;
padding: 40px;
border-radius: 24px;
width: 100%;
max-width: 712px;
position: relative;
}
@media (min-width: 1024px) {
.single-content__info {
min-width: 792px;
max-width: 792px;
}
}
.single-content__info-greet {
position: relative;
z-index: 2;
display: block;
font-size: 24px;
font-weight: 400;
font-family: "Poppins", sans-serif;
}
@media (min-width: 1024px) {
.single-content__info-greet {
font-size: 32px;
}
}
.single-content__info p {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
position: relative;
z-index: 2;
}
@media (min-width: 1024px) {
.single-content__info p {
font-size: 18px;
}
}
.single-content__frame {
position: absolute;
width: calc(100% + 40px);
z-index: 1;
max-width: 826px !important;
top: -20px;
right: 40px;
-o-object-fit: contain;
object-fit: contain;
height: auto !important;
display: none;
}
@media (min-width: 1024px) {
.single-content__frame {
display: block;
}
}
.single-content__frame--mob {
position: absolute;
width: 100%;
z-index: 1;
max-width: 826px !important;
top: -14px;
right: 16px;
-o-object-fit: contain;
object-fit: contain;
border: 2px solid black;
border-radius: 32px;
height: 100%;
}
.single-content__frame--mob::before {
content: "";
position: absolute;
width: 45px;
height: 24px;
background-image: url("data:image/svg+xml,<svg width=\"45\" height=\"24\" viewBox=\"0 0 45 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.57069 17L22.5 1.36137L39.4293 17L5.57069 17Z\" stroke=\"black\" stroke-width=\"2\"/><mask id=\"path-2-inside-1_1760_4579\" fill=\"white\"><path d=\"M21.0002 16L36.8672 16L39 18L6 18L8.12891 16L21.0002 16Z\"/></mask><path d=\"M21.0002 16L21.0002 18L21.0002 16ZM39 18L39 20L44.0567 20L40.3681 16.5411L39 18ZM6 18L4.63061 16.5423L0.950093 20L6 20L6 18ZM8.12891 16L8.12891 14L7.33681 14L6.75951 14.5423L8.12891 16ZM36.8672 16L38.2352 14.5411L37.6582 14L36.8672 14L36.8672 16ZM39 16L6 16L6 20L39 20L39 16ZM7.36939 19.4577L9.4983 17.4577L6.75951 14.5423L4.63061 16.5423L7.36939 19.4577ZM8.12891 18L21.0002 18L21.0002 14L8.12891 14L8.12891 18ZM21.0002 18L36.8672 18L36.8672 14L21.0002 14L21.0002 18ZM35.4991 17.4589L37.6319 19.4589L40.3681 16.5411L38.2352 14.5411L35.4991 17.4589Z\" fill=\"white\" mask=\"url%28%23path-2-inside-1_1760_4579%29\"/></svg>");
background-size: contain;
background-repeat: no-repeat;
top: -18px;
left: 58px;
}
@media (min-width: 1024px) {
.single-content__frame--mob {
display: none;
}
}
.single-content__details {
padding-bottom: 24px;
font-family: "Poppins", sans-serif;
}
.single-content__details-subtitle {
font-size: 24px;
font-weight: 700;
margin-bottom: 16px;
display: inline-block;
}
@media (min-width: 1024px) {
.single-content__details-subtitle {
font-size: 28px;
}
}
.single-content__details p {
margin-bottom: 8px;
font-size: 16px;
}
@media (min-width: 1024px) {
.single-content__details p {
margin-bottom: 16px;
font-size: 18px;
}
}
.single-content__details p:last-child {
margin-bottom: 0;
}
.single-content__short {
padding-top: 24px;
border-top: 1px solid #DBDBDB;
display: flex;
list-style-type: none;
justify-content: space-between;
flex-direction: column;
row-gap: 16px;
position: relative;
}
@media (min-width: 1024px) {
.single-content__short {
flex-direction: row;
}
}
.single-content__short li {
display: flex;
flex-direction: column;
max-width: 290px;
}
.single-content__short li span {
display: inline-block;
color: #88898B;
font-size: 16px;
}
.single-content__short li strong {
color: var(--primary);
font-size: 20px;
font-family: "Poppins", sans-serif;
}
@media (min-width: 1024px) {
.single-content__short li strong {
font-size: 24px;
}
}
.single-title {
font-size: 64px;
font-weight: 800;
font-family: "Poppins", sans-serif;
color: #E6E9F2;
letter-spacing: 1.5px;
line-height: 1.2em;
padding-bottom: 16px;
margin: 0;
text-align: center;
}
@media (min-width: 1024px) {
.single-title {
font-size: 144px;
text-align: left;
padding-bottom: 24px;
}
}