.list-of-services {
    overflow-x: hidden;

    .container {
        &.heading-above {
            .right-col {
                .services-image {
                    .human-iq-mark {
                        bottom: 35px;
                        right: -145px;
                        width: 227px;
                        height: 228px;

                        @media screen and (max-width: 1460px) {
                            bottom: 2.397vw;
                            right: -9.932vw;
                            width: 15.548vw;
                            height: 15.616vw;
                        }
                    }
                }
            }
        }
        &.heading-left {
            .left-col {
                padding-left: 100px;

                @media screen and (max-width: 1200px) {
                    padding-left: 80px;
                }
                @media screen and (max-width: 991px) {
                    padding-left: calc(var(--bs-gutter-x) * .5);
                }
            }
        }
    }
    .heading-outer {
        margin-bottom: var(--spacing-sm);
        
        h2 {
            font-family: var(--font-secondary);
            font-weight: normal;
            font-style: italic;

            @media screen and (max-width: 991px) {
                font-size: var(--font-size-md);
            }
        }
    }
    .left-col {
        .heading-inner {
            margin-bottom: var(--spacing-sm);

            h2 {
                font-family: var(--font-secondary);
                font-weight: normal;
                font-style: italic;

                @media screen and (max-width: 991px) {
                    font-size: var(--font-size-md);
                }
            }
        }
        .service-links {
            .service-link {
                display: block;
                border-bottom: 2px solid #707070;

                &:last-of-type {
                    border-bottom: none;
                }
                a {
                    display: inline-block;
                    padding: 1.8rem 0;
                    font-size: 2rem;
                    font-weight: 800;
                    line-height: 1.2;
                    text-transform: uppercase;
                    letter-spacing: 2px;
                    color: #B4B4B4;

                    @media screen and (max-width: 768px) {
                        font-size: 1.8rem;
                        letter-spacing: 1.8px;
                    }
                    &:hover, &:focus-visible {
                        color: var(--color-white);

                        .link-arrow {
                            right: -5px;
                            color: var(--color-primary);
                            transform: rotate(45deg);
                        }
                    }
                    .link-arrow {
                        display: inline-block;
                        position: relative;
                        top: -2px;
                        right: 0;
                        transition: .2s ease-in-out;
                    }
                }
            }
        }
    }
    .right-col {
        @media screen and (max-width: 991px) {
            display: none;
        }
        .services-image {
            position: relative;

            img {
                border-radius: 34px;
            }
            .human-iq-mark {
                position: absolute;
                background-image: url('../../../assets/svg/human-iq-mark.svg');
                background-size: cover;
                background-repeat: no-repeat;
            }
        }
    }
}