#stretcher {
    .circle {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        -webkit-transform-origin: bottom right;
                transform-origin: bottom right;
        bottom: 15%;
        right: 10%;
    }
}

#hospital-bed {
    .circle {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        -webkit-transform-origin: bottom left;
                transform-origin: bottom left;
        bottom: 15%;
        left: 10%;
    }
}

#services-cta {
    background: url(../images/backgrounds/jet-ambulance-background.webp) no-repeat top center;
    background-size: 100% 100%;
    text-align: right;
    padding: 0 0 30%;
    position: relative;
    overflow: hidden;

    .circle {
        -webkit-transform: scale(0.6) rotate(45deg);
                transform: scale(0.6) rotate(45deg);
        -webkit-transform-origin: top left;
                transform-origin: top left;
        top: 10%;
        left: 30%;
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    section {
        position: relative;
        z-index: 10;
    }

    img {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    p {
        max-width: 768px;
        margin: 20px 0 0 auto;
    }

    .btn {
        margin-top: 20px;
    }
}

#team-reviews {
    padding-bottom: 100px;

    .video {
        position: relative;
        padding-bottom: 56.25%;
        margin-top: 20px;
        height: 0;
        overflow: hidden;
        max-width: 100%;

        iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: var(--border-radius);
        }
    }
    
    #reviews {
        padding-bottom: 40px;

        .item {
            background: var(--white);
            border: 1px solid var(--white);
            padding: 20px;
            margin-top: 20px;
            border-radius: var(--border-radius);
            width: calc(100% - 20px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);

            .reviewee {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-items: center;
                gap: 20px;

                img {
                    width: 60px;
                    height: 60px;
                    border-radius: 50%;
                }

                p {
                    font-weight: 700;
                    color: var(--black);
                    margin-top: 0;
                    line-height: 110%;
                }
            }

            .stars {
                width: 105px;
                height: 20px;
                background: url(../images/icons/star.svg) repeat-x top left;
                background-size: auto 20px;
                margin-top: 20px;
            }
        }
        .item:hover,
        .item:focus {
            box-shadow: 0 0 0 rgba(0,0,0,0);
            border: var(--tile-border);
        }
    }
}

/*MEDIA QUERIES*/
@media (max-width: 1350px) {
    
}

@media (max-width: 1250px) {
    #stretcher {
        .circle {
            bottom: 10%;
            right: 0;
        }
    }

    #hospital-bed {
        .circle {
            bottom: 10%;
            left: 0;
        }
    }
}

@media (max-width: 1024px) {
    #stretcher {
        .circle {
            bottom: 0;
        }
    }

    #hospital-bed {
        .circle {
            bottom: 0;
        }
    }

    #services-cta {
        padding: 50px 0 30%;

        .circle {
            -webkit-transform: scale(0.5) rotate(45deg);
                    transform: scale(0.5) rotate(45deg);
            top: 20%;
            left: 30%;
        }
    }
}

@media (max-width: 960px) {
    #stretcher {
        .circle {
            -webkit-transform: scale(0.7);
                    transform: scale(0.7);
            -webkit-transform-origin: top left;
                    transform-origin: top left;
            top: 5%;
            right: auto;
            left: 0;
        }
    }

    #hospital-bed {
        .circle {
            -webkit-transform: scale(0.7);
                    transform: scale(0.7);
            -webkit-transform-origin: top right;
                    transform-origin: top right;
            top: 5%;
            left: auto;
            right: 0;
        }
    }

    #services-cta {
        .circle {
            -webkit-transform: scale(0.4) rotate(45deg);
                    transform: scale(0.4) rotate(45deg);
            top: 20%;
            left: 30%;
        }
    }
}

@media (max-width: 768px) {
    #stretcher,
    #hospital-bed {
        .circle {
            -webkit-transform: scale(0.5);
                    transform: scale(0.5);
        }
    }

    #services-cta {
        padding: 0 0 30%;
    }
}

@media (max-width: 600px) {
    #services-cta {
        .circle {
            -webkit-transform: scale(0.4) rotate(45deg);
                    transform: scale(0.4) rotate(45deg);
            top: 25%;
            left: 10%;
        }
    }
}

@media (max-width: 532px) {
    #services-cta {
        padding-bottom: 45%;

        img {
            max-width: 150%;
            left: 0;
            right: auto;
        }
    }
}