section.about-section {
    grid-column: 2/8;
    align-self: self-end;
    font-weight: 400;
    font-size: 14pt;
}
section.about-section span {
    font-size: 30pt;
    font-weight: 500;
    margin-bottom: 30px;

    display: block;
}

section.circles-section {
    grid-column: 8/13;
}

section.circles-section .circles-wrapper {
    position: relative;
    width: 354px;
    height: 381px;
}

section.circles-section .absolute-image-block{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
section.circles-section .absolute-image-block.__first{
    top: 0;
    left: 0;
    background: url(../assets/first-circle.svg);
    background-size: cover;

    width: 256px;
    height: 256px;
    font-size: 36pt;
    font-weight: 500;
    flex-direction: column;
}
section.circles-section .absolute-image-block.__first span {
    color: var(--primary-color);
    font-size: 22pt;
    font-weight: 400;
}
section.circles-section .absolute-image-block.__second{
    bottom: 0;
    right: 0;
    background: url(../assets/second-circle.svg);
    background-size: cover;

    width: 192px;
    height: 192px;
    font-size: 14pt;
}
section.circles-section .absolute-image-block.__second span {
    color: var(--primary-color);
}

section.text-section {
    grid-column: 2/13;
    font-size: 14pt;
    z-index: 1;
}
section.text-section span{
    font-weight: 500;
}

section.text-section.__primary {
    margin-top: 60px;
    margin-bottom: 30px;

    font-size: 30pt;
    font-weight: 500;
}

section.image-section {
    grid-column: 2/12;
    position: relative;
}
section.image-section .people-image {
    width: 100%;
    margin-bottom: 15px;
}

.spin-image-element {
    position: absolute;
    top: -110px;
    left: -135px;
    opacity: .8;
}

@media (max-width: 980px) {
    section.offer-section .offer-image-element {
		height: 147px;
		width: 147px;
		transform: rotate(180deg);
		bottom: unset;
		top: -50px;
		right: -40px;
	}

    section.about-section {
        grid-column: 1/-1;
    }
    section.about-section span {
        font-size: 14pt;
        margin-bottom: 24px;
    }

    section.circles-section {
        grid-column: 1/-1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    section.circles-section .circles-wrapper {
        width: 272px;
        height: 183px;
    }
    section.circles-section .absolute-image-block.__first{
        top: 0;
        left: 0;

        width: 167px;
        height: 167px;
        font-size: 24pt;
        font-weight: 500;
    }
    section.circles-section .absolute-image-block.__first span {
        font-size: 15pt;
    }
    section.circles-section .absolute-image-block.__second{
        bottom: 0;
        right: 0;
        width: 125px;
        height: 125px;
        font-size: 9pt;
    }
    
    .spin-image-element {
        top: -45px;
        left: -75px;
    }

    section.text-section {
        grid-column: 1/-1;
        font-size: 8pt;
    }
    section.text-section.__primary {
        font-size: 12pt;
        margin-bottom: 0;
        margin-top: 0;        
    }


    section.image-section {
        grid-column: 1/-1;
    }

    section.about-section {
        font-size: 8pt;
    }
}