#carouselMilestone{
        background-color: #fff;
    }

    #carouselMilestone .carousel-item .row{
        padding: 0 3vw;
    }
    
    .milestones-container{
        margin: 1vw 7vw;
    }

    #carouselMilestone .carousel-inner{
        padding-bottom: 2vw;
    }

    #carouselMilestone .carousel-item p{
        font-size: 1.8rem;
    }

    .milestones-line{
        width: 88vw;
        height: 2px;
        border-radius: 25px;
        background-color: #ff9900;
        position: relative;
    }
        .milestones-line li{
            list-style: none;
            margin-left: -32px;
        }

        .milestones-line .milestones-round{
            border-radius: 50%;
            width: 14px;
            height: 14px;
            background-color: #ff9900;
            position: absolute;
            top: -6px;
            cursor: pointer;
            /* transition: .1s; */
        }

        .milestones-line .round-2025:hover,
        .milestones-line .round-2018:hover,
        .milestones-line .round-2015:hover,
        .milestones-line .round-2012:hover,
        .milestones-line .round-2006:hover,
        .milestones-line .round-2000:hover,
        .milestones-line .round-1995:hover,
        .milestones-line .round-1992:hover,
        .milestones-line .round-1985:hover{
            background-color: #fff;
            border: #ff9900 3px solid;
            border-radius: 50%;
        }

        .milestones-round-active{
            z-index: 998;
        }

        .milestones-line .milestones-round.active,
        .milestones-round-active{
            background-color: #ff9900;
            background-color: transparent!important;
            cursor: pointer;
            background-size: contain;
            background: url('/frontend/img/milestones/icon-gold.png') no-repeat;
            width: 100px !important;
            height: 64px !important;
            top: -33px !important;
            margin-left: -41px;
        }

        /* .milestones-line .milestones-round.active:hover{
            width: 15px;
            height: 15px;
            top: -6px;
            left: -2px;
        } */

        .milestones-line p {
            position: absolute;
            top: 3vw;
            margin-left: -1vw;
        }

        .milestones-line .round-2025,
        .milestones-line li:nth-child(2) p{
            left: 0vw;
        }
        .milestones-line .round-2018,
        .milestones-line li:nth-child(3) p{
            left: 10vw;
        }
        .milestones-line .round-2015,
        .milestones-line li:nth-child(4) p{
            left: 18vw;
        }
        .milestones-line .round-2012,
        .milestones-line li:nth-child(5) p{
            left: 25vw;
        }
        .milestones-line .round-2006,
        .milestones-line li:nth-child(6) p{
            left: 38vw;
        }
        .milestones-line .round-2000,
        .milestones-line li:nth-child(7) p{
            left: 50vw;
        }
        .milestones-line .round-1995,
        .milestones-line li:nth-child(8) p{
            left: 60vw;
        }
        .milestones-line .round-1992,
        .milestones-line li:nth-child(9) p{
            left: 68vw;
        }
        .milestones-line .round-1985,
        .milestones-line li:nth-child(10) p{
            right: 3vw;
        }

        .milestones-line li:nth-child(10) p{
            right: 2vw;
        }


     .memory-slick{
        position: relative;
    }
    
    .memory-slick img {
        padding: 20px;
        text-align: center;
    }

        .memory-slick .slick-prev:before, .slick-next:before{
            color: #000;
        }
        
        .slick-page{
            position: absolute;
            left: 50vw;
            top: 75%;
            transform: translate(-50%, -50%);
        }

        .memory-slick .slick-prev,
        .memory-slick .slick-next{
            z-index: 998;
            position: absolute;
            margin: 0 auto;
            text-align: center;
            bottom: 0;
            left: 50vw;
            top: 75%;
            transform: translate(-50%, -50%);
        }

        .memory-slick .slick-next{
            right: 20vw;
        }
        .memory-slick .slick-track {
            margin: auto;
            align-items: center;
            display: flex;
        }

        .memory-slick .slick-slide.slick-cloned{
            filter: blur(5px);
        }

        .memory-slick .slick-slide.slick-active{
            filter: blur(5px);
        }

        .memory-slick .slick-track .slick-current{
            /* width: 55vw!important; */
            filter: blur(0px);
        } 
        .memory-slick h3 {
            opacity: 0.8;
            transition: all 300ms ease;
        }

        .memory-slick .slick-slide .text-content{
            padding: 1vw 6vw;
            height: 500px;
            text-align:center;
            color: #d29c43;
            font-size: 20px;
        }

        .memory-slick .slick-dots{
            display: none;
        }


    .slick-prev::before{
        content: '\f053';
    }
    .slick-next::before {
        content: '\f054';
    }

    .slick-prev::before,
    .slick-next::before {
            font-family: "Font Awesome 5 Free";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            font-weight: 900;
    }

    @media(min-width: 1200px){
        .memory-slick .slick-track .slick-current{
            width: 50vw!important;
        }
        .memory-slick{
            margin: 0px -15vw 0;
        }
    }

    @media (max-width: 1400px){
        
        #carouselMilestone .carousel-item .row{
            padding: 0 0vw;
        }
    }

    @media (max-width: 1200px){
        
        #carouselMilestone .carousel-item .row{
            padding: 0 4vw;
        }

        .slick-page{
            bottom: 10%;
        }
    }


     @media (max-width: 991.98px){


        .memory-slick .slick-prev{
            left: 92vw;
        }
        .memory-slick .slick-next{
            right: -10vw;
        }


        .memory-slick .slick-slide.slick-cloned{
            filter: blur(0px);
        }

        .memory-slick .slick-slide.slick-active{
            filter: blur(0px);
        }


        #carouselMilestone .carousel-item .story_content{
            min-height: 240px;
        }

        #carouselMilestone .carousel-item .row{
            padding: 0 0vw;
        }

    
        #carouselMilestone .carousel-item p{
            font-size: 20px;
        }
    }

    @media(max-width: 375px){
        .slick-page{
            bottom: -3%;
        }
    }