.slider-container {
    padding: 1rem;
}

.slider-circle {
    width: 28rem;
    height: 28rem;
    border-radius: 50%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    box-shadow: 1px 3px 11px 0px rgba(0,0,0,10%);
-webkit-box-shadow: 1px 3px 11px 0px rgba(0,0,0,10%);
-moz-box-shadow: 1px 3px 11px 0px rgba(0,0,0,10%);
}

.slider-wrapper {
    width: 14rem;
    height: 23rem;
    border: 1px solid #D3D3D3;
    border-radius: 12rem;
    padding: 0.5rem;
    position: relative;
}

.slide {
    width: 94%;
    height: 94%;
    border-radius: 12rem;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    z-index: 1;
    position: absolute;
    left: 3%;
    top: 3%;
    right: 3%;
    bottom: 0%;
    background-size: cover;
    background-position: center;
    background-clip: content-box;
    background-origin: content-box;
    background-repeat: no-repeat;
}

.slide-content,
.slide-wrapper-link {
    height: 100%;
    width: 100%;
    border-radius: 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    /* padding-bottom: 4rem; */
    text-decoration: none;
}

.slide-content-heading {
    color: #fff;
    font-family: Libre Baskerville;
    font-weight: bolder;
    font-size: 2rem;
    position: relative;
    top: -50px;
}

.slide-content-link {
    text-decoration: none;
    color: #fff;
    font-size: 1.1rem;
    position: relative;
    top: -50px;
}

.slide-content-link:after{ 
   content: '\2192';
   text-decoration:none;
   padding-left: 8px;

} 

.slide-1-content {
    background: linear-gradient(180deg, rgba(190,170,73,0.44611347957151615) 40%, rgba(190,170,73,0.9727241238292192) 92%);
}

.slide-2-content {
    background: linear-gradient(180deg, rgba(123,178,77,0.4489146000196954) 40%, rgba(123,178,77,0.9783263647255778) 92%);
}

.slide-3-content {
    background: linear-gradient(180deg, rgba(110,201,183,0.4433123591233369) 40%, rgba(110,201,183,0.9783263647255778) 92%);
}

.slide-4-content {
    background: linear-gradient(180deg, rgba(236,172,99,0.4477661406359419) 40%, rgba(236,172,99,0.9755252442773985) 92%);
}

.slide-5-content {
    background: linear-gradient(180deg, rgba(137,145,242,0.44611347957151615) 40%, rgba(137,145,242,0.9755252442773985) 92%);
}

.d-none {
    opacity: 0;
    z-index: -1;
    transition: all 0.5s ease-in-out;
}

.slider-controls-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 28rem;
    margin: auto;
    margin-top: 2rem;
}

.slider-control {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 2rem;
    font-family: Libre Baskerville;
    cursor: pointer;
    background-color: #ffffff;
    box-shadow: 1px 3px 11px 0px rgba(0,0,0,10%);
-webkit-box-shadow: 1px 3px 11px 0px rgba(0,0,0,10%);
-moz-box-shadow: 1px 3px 11px 0px rgba(0,0,0,10%);
}

.slider-control-1, .slider-control-5 {
    margin-top: -8rem;
}

.slider-control-2, .slider-control-4 {
    margin-top: -3rem;
}

.slider-control:nth-child(3){
    width: 5rem;
    height: 5rem;
}



@media only screen and (max-width: 550px){
    .slider-circle {
        width: 16rem;
        height: 16rem;
    }
    .slider-wrapper {
        width: 7rem;
        height: 13rem;
    }
    .slide-content-heading , .slider-control {
        font-size: 1.1rem;        
    }
    .slide-content-link {
        font-size: 0.9rem;
    }
    .slider-controls-row {
        width: 16rem;
         margin-top: 1rem;
    }

    .slider-control {
        width: 2.5rem;
        height: 2.5rem;
    }

    .slider-control-1, .slider-control-5 {
        margin-top: -5rem;
    }

    .slider-control-2, .slider-control-4 {
        margin-top: -2rem;
    }

    .slider-control:nth-child(3){
        width: 4rem;
        height: 4rem;
    }
}