.single__blog__heading__text {
    flex-direction: column;
    justify-content: space-between;
    padding-top: 2rem;
    padding-bottom: 4rem;
}


.heading--spacing {
    margin-bottom: 1rem;
}

.single__blog__heading__author {
    margin-bottom: 0.5rem;
}

.blog--author-date {
    gap: 0.5rem;
    align-items: center;
}

.single__blog__heading__social {
    gap: 0.5rem;
}

.text--opacity {
    color: var(--crl-text-paragraph-white);
}

.single__blog__is__disktop {
    display: none;
}

.single__blog__mobile__wrap {
    display: flex;
}

.social__icons a img,
.single__blog__heading__icon img {
    width: 20px;
}

.single__blog__mobile__wrap {
    justify-content: space-between;
}

.section.section--single--headings {
    margin-top: 60px;
}

.single__content__image {
    overflow: hidden;
    border-radius: 20px;
}

section.section.section--single--content {
    margin-top: unset;
}

#portfolio--page section.section.section--single--content .container {
    padding-top: unset;
}

#portfolio--page section.section.section--single--headings .container {
    padding-top: unset;
    padding-bottom: unset;

}

.section.section--single--content {
    transform: translate(0, -2rem);
}

.single__blog__heading__content {
    margin-top: 1rem;
}

.blog__related__heading .secondary__title {
    text-align: center;
}

.single__content__description {
    margin-top: 2rem;
}

.single__content__description .content__description .secondary__description {
    line-height: calc(1.5em + 0.5rem);
    text-transform: math-auto;
}

.single__blog__headings__objects {
    height: 100%;
    width: 100%;
}

.single__blogs__object {
    position: absolute;
}

.single__blogs__object.blogs__object-1 {
    width: 20px;
    bottom: 36px;
    left: -12px;
}

.single__blogs__object.blogs__object-2 {
    width: 15px;
    top: 20px;
    left: 25px;
}

.single__blogs__object.blogs__object-3 {
    width: 25px;
    right: 14px;
    top: 5px;
}

.single__blogs__object.blogs__object-4 {
    width: 25px;
    right: 28px;
    bottom: 64px;

}

.blog__related__heading {
    margin-bottom: 2rem;
}

.blog__related__content {
    flex-wrap: wrap;
    gap: 4rem;
    margin: auto;
    max-width: 90%;
}

.section--related--blogs .blog__content {
    margin-left: unset;
    margin-right: unset;
}

.single__blog__heading__text {
    position: relative;
    z-index: 1;
}

.single--blog--content ul {
    list-style-type: unset;
    margin-left: 3rem;
}


/* 2xs */
@media (min-width: 375px) {
    .single__blog__heading__text {
        padding-top: 3rem;
        padding-bottom: 6rem;
    }

    .section.section--single--content {
        transform: translate(0, -3rem);
    }

    .single__blogs__object.blogs__object-1 {
        bottom: 62px;
        left: 54px;
    }

    .single__blogs__object.blogs__object-4 {
        right: 72px;
        bottom: 106px;
    }

    .single__blogs__object.blogs__object-3 {
        top: 20px;
    }

    .blog__related__content {
        justify-content: center;
    }
}

/* xs */
@media (min-width: 475px) {
    .single__blog__heading__text {
        padding-bottom: 8rem;
    }

    .section.section--single--content {
        transform: translate(0, -5rem);
    }

    .single__content__description {
        margin-top: 3rem;
    }

    .single__blogs__object.blogs__object-1 {
        bottom: 89px;
    }
}

/* sm */
@media (min-width: 640px) {

    .social__icons a img,
    .single__blog__heading__icon img {
        width: 25px;
    }

    .content--align {
        max-width: 546px;
        margin: auto;
    }

    .section.section--single--content {
        padding: unset;
    }

    .single__content__description {
        margin-top: 4rem;
    }
}

/* md */
@media (min-width: 768px) {
    .content--align {
        max-width: 614px;
    }

    .single__blog__mobile__wrap {
        display: none;
    }

    .single__blog__is__disktop {
        display: flex;
    }

    .single__blog__heading__text {
        flex-direction: row;
    }

    .heading--spacing {
        margin-bottom: 2rem;
    }

    .single__blog__heading__social {
        gap: 1.5rem;
    }

    .single__blog__heading__content {
        max-width: 300px;
    }

    .single__blog__heading__text {
        padding-top: 5rem;
    }

    .single__content__description {
        margin-top: 5rem;
    }

    .single__blogs__object.blogs__object-1 {
        width: 35px;
        bottom: 51px;
        left: -21px;
    }

    .single__blogs__object.blogs__object-2 {
        width: 23px;
        top: 40px;
        left: 8px;
    }

    .single__blogs__object.blogs__object-3 {
        width: 30px;
        right: -3px;
        top: 49px;

    }

    .single__blogs__object.blogs__object-4 {
        width: 35px;
        right: 49px;
        bottom: 23px;
    }

    .blog__related__content {
        justify-content: unset;
    }

    .blog__related__content {
        gap: 4rem;
        max-width: 87%;
    }
}

/*lg */
@media (min-width: 1024px) {
    .single__blog__heading__content {
        max-width: 500px;
    }

    .content--align {
        max-width: 714px;
    }

    .single__content__description {
        margin-top: 6rem;
    }

    .single__blogs__object.blogs__object-1 {
        bottom: 51px;
        left: -41px;
    }

    .single__blogs__object.blogs__object-2 {
        top: 61px;
        left: 6px;
    }

    .single__blogs__object.blogs__object-3 {
        right: -19px;
        top: 71px;
    }

    .single__blogs__object.blogs__object-4 {
        right: 11px;
        bottom: 23px;
    }

    .blog__related__content {
        gap: 3rem;
        justify-content: center;
        max-width: unset;
    }
}

/* xl */
@media (min-width: 1200px) {
    .single__blog__heading__content {
        max-width: 460px;
    }

    .single__blogs__object.blogs__object-1 {
        left: -5px;
    }

    .single__blogs__object.blogs__object-2 {
        left: 68px;
    }

    .single__blogs__object.blogs__object-3 {
        right: 43px;
    }

    .single__blogs__object.blogs__object-4 {
        right: 127px;
    }

    .blog__related__content {
        gap: 4rem;
        max-width: 86%;
    }
}

/* 2xl */
@media (min-width: 1280px) {
    .blog__related__content {
        gap: 2rem;
        max-width: 92%;
    }
}

/* 3xl */
/* @media (min-width: 1536px) {} */