.single-eve{
    padding: 2rem 0 4.93rem;
}

.single-eve .row{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    grid-gap: 2rem 0;
}

.single-eve .row>*{
    padding: 0 11.5px;
}

.single-eve .img{
    width: 100%;
    aspect-ratio: 1/.48916;
}

.single-eve .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.single-eve .img img{
    border-radius: 10px;
    margin-bottom: 2rem;
}

.single-eve .text{
    color: #9398A8;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    border-top: 1px solid var(--line);
    padding-top: 20px;
}

.single-eve .datebox{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 10px;
    border: 1px solid var(--line);
    border-radius: 5px;
    margin-top: 4.5rem;
    padding: 19px 1rem;
}

.single-eve .datebox>*{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    grid-gap: 11px;
}

.single-eve .datebox>*::before{
    content: url(../../assets/img/date.svg);
}

.single-eve .datebox>*:not(:last-child){
    border-bottom: 1px solid var(--line);
    padding-bottom: 10px;
}

.single-eve .datebox>* .t{
    color: #9398A8;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.07px;
}

.single-eve .datebox>* .d{
    text-transform: uppercase;
    color: #615E68;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}

.single-nots{
    padding: 3.53rem 0 2.73rem;
}

.single-nots .row{
    grid-gap: 2rem 0;
}

.single-nots .title,
.single-nots .text{
    width: clamp(10px,100%,580px);
}

.single-nots .title{
    color: var(--main);
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.14px;
    margin-bottom: 25px;
}

.single-nots .text{
    color: #5E6F64;
}

.single-nots .text h1,
.single-nots .text h2,
.single-nots .text h3,
.single-nots .text h4,
.single-nots .text h5,
.single-nots .text h6{
    color: var(--main);
    margin-bottom: 22px;
}

.single-nots .img{
    width: clamp(10px,100%,480px);
    aspect-ratio: 1/.76458;
    margin-bottom: 34px;
}

.single-nots .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.single-nots .relbox{
    border: 1px solid var(--line);
    border-radius: 10px;
}

.single-nots .relbox .rtitle{
    color: var(--main);
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.1px;
    border-bottom: 1px solid var(--line);
    padding: 14px 24px 17px;
}

.single-nots .relbox .nots{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 19px;
    padding: 23px 28px 38px;
}

.single-nots .relbox .nots>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 25px;
}

.single-nots .relbox .nots>* .imgg{
    min-width: 125px;
    max-width: 125px;
    aspect-ratio: 1/.968;
}

.single-nots .relbox .nots>* .imgg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 10px;
}

.single-nots .relbox .nots>* .tit{
    display: -webkit-box;
    display: -moz-box;
    color: #5E6F64;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
}

@media(max-width:992px){
    .single-eve,
    .single-nots{
        padding: 2rem 0;
    }
    .single-eve .datebox{
        margin: 0;
    }
    .single-nots .title,
    .single-nots .text,
    .single-nots .img{
        width: 100%;
    }
}

@media(max-width:768px){
    .single-nots .relbox .rtitle,
    .single-nots .relbox .nots{
        padding: 1rem;
    }
}

@media(max-width:575px){
    .single-nots .relbox .nots>*{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
}