.google_reviews_section {
    width: 100%;
    background: var(--dark-green);

    & .container {
        position: relative;
        z-index: 1;

        & .section_top {
            display: flex;
            flex-direction: row;
            justify-content: space-between;

            & .left_side {
                & h3 {
                    color: var(--white);
                    margin: 0;

                    @media (max-width: 991px) {
                        text-align: center;
                    }
                }
            }

            & .right_side {
                @media (max-width: 991px) {
                    display: none;
                }
            }
        }
    
        & .section_inner {
            margin-top: 5rem;

            @media (min-width: 992px) {
                display: flex;
                flex-direction: row;
                align-items: center;
                margin-left: -5rem;
                width: calc(100% + 10rem);
            }

            & button.slick-arrow {
                @media (min-width: 992px) {
                    background: none;
                    border: none;
                    cursor: pointer;
                }
            }
    
            & .slick-list {
                width: 100%;
				
				& .slick-track {
					display: flex;
					
					@media (min-width: 992px) {
						align-items: stretch;
					}
				}
    
                & .review {
                    position: relative;
                    display: flex;
                    flex-direction: row;
					
					@media (min-width: 992px) {
						height: auto !important;
					}

                    @media (max-width: 991px) {
                        flex-direction: column;
                    }
    
                    & .right_side {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        background: var(--white);

                        @media (min-width: 992px) {
                            width: 100%;
                            border-radius: 3rem;
                            padding: 5rem;
                        }

                        @media (max-width: 991px) {
                            width: 100%;
                            align-items: center;
                            padding: 3rem;
                            border-radius: 2rem;
                        }
                        
                        & .star_rating {
                            margin: 0 0 3rem;

                            & span {
                                font-size: 2.4rem;
                                color: var(--teal);
                            }
                        }
    
                        & h3 {
                            font-size: 2.4rem;
                            font-weight: 700;
                            margin: 0 0 3rem;
							
							@media (max-width: 991px) {
								text-align: center;
							}
                        }
    
                        & div.text {
                            margin: 0 0 3rem;
    
                            & p {
                                margin: 0 0 1rem;

                                @media (max-width: 991px) {
                                    text-align: center;
                                }
    
                                &:last-child {
                                    margin-bottom: 0;
                                }
                            }
                        }
    
                        & p.name {
                            font-size: 1.8rem;
                            font-weight: 700;
                            color: var(--teal);
                            margin: 0;
                        }
    
                        & p.position {
                            font-size: 1.6rem;
                            font-weight: 300;
                            color: #959595;
                            margin: 0;
                        }
                    }
                }
            }

            & .slick-dots {
                margin-top: 3rem;

                & li {
                    margin: 0 1rem !important;

                    &.slick-active {
                        & button {
                            background: var(--white) !important;
                        }
                    }

                    & button {
                        background: none;
                        border: 1px solid var(--white);
                        width: 2rem;
                        height: 2rem;
                    }
                }
            }
        }

        & .call_to_action_buttons_mobile {
            margin-top: 3rem;

            @media (min-width: 992px) {
                display: none;
            }
        }
    }

    & img.reviews_slider_mask_group {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .3;
    }
}