.reviews-section{color: #000; padding-bottom: 9.2rem;padding-top: 11rem;position: relative; background: #FBFBFB;

    @media(min-width:1200px){
        .page-width{max-width: 1100px;padding-right: 0;padding-left: 0;}
        .content-wrap{padding-right: 10%;padding-left: 10%;}
    }

    @media(max-width:500px){padding-bottom: 60px; padding-top: 60px;}

    .leaf-2{position: absolute; top: 0; transform: translateY(-50%); right: 12%;
        
        @media(max-width:1500px){right: 3%; width: 120px;}

        @media(max-width:991px){right: initial; left: 0; width: 80px;}

        @media(max-width:767px){width: 60px;}

    }

    .section-title{text-align: center; font-size: 45px; font-weight: 700;margin-top: 0; margin-bottom: 18px;
    
        @media(max-width:991px){font-size: 25px;}
    
    }

    
    ul.slick-dots {position: absolute;top: calc(100% + 10px);left: 0;right: 0;text-align: center;

        li {display: inline-block;margin: 0 10px 0 0;

            &:last-child{margin: 0;}

            button{width: 15px;height: 15px;background: #D9D9D9;border-radius: 50%;border: none;box-shadow: none;position: relative;outline: none;font-size: 0;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}

            &.slick-active button {background: #FB7F76;}
        }


        @media(max-width:991px){top: initial; bottom: -15px; padding: 15px;}
        
    }


    .content-wrap{

        .txt-wrap{font-size: 20px; font-weight: 500; text-align: center; line-height: 1.5; margin-top: 18px; margin-bottom: 50px;

            @media(max-width:991px){text-align: left;font-size: 16px;margin-bottom: 35px;
                br{display: none;}
            }

        }

    }

    .single-review{padding: 25px 15px;
        .inner{display: flex;}
        
        .img-wrap{max-width: 25%; flex: 0 0 25%; position: relative;padding-left: 10%;}
        .reviewer-img{position: relative;z-index: 2;}
        .leaf-img{position: absolute; left: 0; top: 24%; width: 70%; z-index: 1; transform: translate(0, -50%);}

        .txt-wrap{max-width: 75%; flex: 0 0 75%;font-size: 18px; padding-left: 10%; line-height: 1.5;}
        .the-name{font-weight: 700; margin-top: 30px;}

        @media(max-width:991px){
            .inner{display: block;}
            .txt-wrap{max-width: 100%; width: 100%; padding-left: 15px;padding-right: 15px; font-size: 16px;}
            .the-name{text-align: center; margin-top: 20px;font-size: 16px;}
            .img-wrap{margin-right: auto;margin-left: auto;max-width: 80%;}
            .reviewer-img{width: 80%;margin-right: auto;margin-left: auto;}
            .leaf-img{top: 34%; width: 70%;left: initial; right: 48%;}
        }
    }

}