/* You can add global styles to this file, and also import other style files */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
@import url("http://allfont.net/allfont.css?fonts=franklin-gothic-demi-cond");
.clear{
    clear: both !important;
}
.rating_review_box{
    ngx-slick-carousel{
        .slick-prev{
            left: -40px;
            height: auto;
            width: auto;
            &:before{
                background-color: #000;
                border: 1px solid #000;
                border-radius: 50%;
                font-size: 30px;
            }
        }
        .slick-next{
            right: -40px;
            height: auto;
            width: auto;
            &:before{
                background-color: #000;
                border: 1px solid #000;
                border-radius: 50%;
                font-size: 30px;
            }
        }
        .slick-list{
            .slick-track{
                .rating_slide{
                    outline: none;
                }
            }
        }
    }
}
//scss for slick_main 
.backgnd_grey{
    .map_overlay{
        .map_contents{
            ngx-slick-carousel{
                .slick-dots{
                    li{
                        margin: 0px 0px ;
                        button{
                            &::before{
                                font-size: 10px;
                            }
                        }
                    }
                }
            }
        }
    }
}