/* CSS HEX
    --cultured: #f3f3f3;
    --old-lace: #f5f1e3;
    --light-sky-blue: #83d3ff;
    --blue-green: #4291b4;
    --lapis-lazuli: #366489;
    --ruby: #d81159;
    --spanish-orange: #ec6a00;

     CSS HSL
    --cultured: hsla(0, 0%, 95%, 1);
    --old-lace: hsla(47, 47%, 93%, 1);
    --light-sky-blue: hsla(201, 100%, 76%, 1);
    --blue-green: hsla(198, 46%, 48%, 1);
    --lapis-lazuli: hsla(207, 43%, 37%, 1);
    --ruby: hsla(338, 85%, 46%, 1);
    --spanish-orange: hsla(27, 100%, 46%, 1);

    SCSS RGB
    $cultured: rgba(243, 243, 243, 1);
    $old-lace: rgba(245, 241, 227, 1);
    $light-sky-blue: rgba(131, 211, 255, 1);
    $blue-green: rgba(66, 145, 180, 1);
    $lapis-lazuli: rgba(54, 100, 137, 1);
    $ruby: rgba(216, 17, 89, 1);
    $spanish-orange: rgba(236, 106, 0, 1);

    */
    .timeline {
        z-index: 2;
        min-height: 20vh;
        background-color: rgba(243, 243, 243, 1);
        padding-top: 4.5rem;
    }
    .timeline .row-citazione {
        justify-content: center;
        padding-bottom: 1.5rem;
    }
    .timeline .row-timeline {
        text-align: center;
        padding-top: 1.5rem;
    }
    .timeline .row-timeline .btn-scopri-CV {
        margin-bottom: 0.5rem;
        cursor: pointer;
        border-radius: 50px;
        text-transform: uppercase;
        color: #f5f1e3;
        background-color: #ec6a00;
        border: 1px solid #4291b4;
        padding: 0.5rem 1rem;
        font-weight: 600;
        transition: .5s ease;
    }
    .timeline .row-timeline .btn-scopri-CV:hover {
        transform: scale(1.075);
    }
    .timeline .scopri-CV-content .percorso-fellowship-selection ul {
        margin-bottom: 3rem;
        justify-content: center;
    }
    .timeline .scopri-CV-content .percorso-fellowship-selection ul .nav-item {
        margin-left: 3rem;
        margin-right: 3rem;
    }
    .timeline .scopri-CV-content .percorso-fellowship-selection ul .nav-item:nth-child(2) {
        margin-right: -2rem;
    }

    .timeline .scopri-CV-content .percorso-fellowship-selection ul .nav-link-CV {
        display: block;
        padding: 0.5rem 1rem;
        color: #366489;
        text-decoration: none;
        border-radius: 50px;
        font-weight: 600;
        text-transform: uppercase;
        border: 1px solid #366489;
        transition: color .15s;
    }
    .timeline .scopri-CV-content .percorso-fellowship-selection ul .nav-link-CV.active {
        color:#f5f1e3;
        background-color: #366489;
    }
    .timeline .scopri-CV-content .tab-content {
        min-height: 250px;
    }
    .timeline .scopri-CV-content .tab-content .row-pills-inside {
        justify-content: center;
    }

    .timeline .scopri-CV-content .citazione {
        font-weight: 300;
        font-size: 18px;
    }
    .timeline .scopri-CV-content .citazione b {
        font-weight: 600;
    }
    .timeline .scopri-CV-content .firma {
        border-bottom: none;
    }
    .timeline .scopri-CV-content .box-description {
        position: relative;
    }
    .timeline .scopri-CV-content .box-description .row-description{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding-bottom: 0;
    }

    .timeline .scopri-CV-content .img-box {
        height: 27rem;
        background-position:  center;
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 250px;
       }
       .timeline .scopri-CV-content .row-real-timeline {
            position: relative;
            margin-top: 1rem;
        }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-slide {
         display: flex;
         background: #f3f3f3;
         min-height: 50px;
         align-items: center;
         justify-content: center;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-slide .container {
         padding: 0;
         width: 100%;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-slide .title {
         font-size: 18px;
         opacity: 0;
         transition: 0.5s ease 0.5s;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-slide-active .title {
         opacity: 1;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-progressbar {
         position: relative;
         margin-bottom: 70px;
         background-color: transparent;
         height: 4px;
         border-bottom: 1px solid #4291b4;
         width: 90%;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-progressbar-fill {
         background-color: #366489;
         height: 3px;
         top: 2px;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-progressbar:before {
         position: absolute;
         top: 2px;
         left: -100%;
         width: 100%;
         height: 3px;
         background-color: #366489;
         content: "";
       }
       .swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
         position: absolute;
         top: 3px;
         right: -100%;
         width: 100%;
         height: 1px;
         background-color: #4291b4;
         content: "";
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom {
         position: relative;
         list-style: none;
         margin: 3rem 0 1rem;
         padding: 0;
         display: flex;
         line-height: 1.66;
         bottom: 0;
         z-index: 11;
         width: 90%;
         display: flex;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch {
         position: relative;
         width: 100%;
         height: 30px;
         line-height: 30px;
         display: block;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
         position: absolute;
         font-weight: 400;
         right: 0;
         transform: translateX(50%);
         transition: 0.2s all ease-in-out;
         transition-delay: 0s;
         cursor: pointer;
         z-index: 1;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
         position: absolute;
         top: calc(100% + 19px);
         right: 50%;
         transform: translateX(50%) translateY(-50%);
         width: 12px;
         height: 12px;
         background: #366489;
         border-radius: 2rem;
         content: "";
         transition: 0.2s all ease-in-out;
         transition-delay: 0s;
         z-index: 1;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title {
         font-weight: 400;
         transition-delay: 0.4s;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active .switch-title:after {
         background: #366489;
         width: 25px;
         height: 25px;
         transition-delay: 0.4s;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title {
         color: #4291b4;
         font-weight: 16px;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title:after {
         background: #4291b4;
       }




        .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom-fellowship {
         position: relative;
         list-style: none;
         margin: 3rem 0 1rem;
         padding: 0;
         display: flex;
         line-height: 1.66;
         bottom: 0;
         z-index: 11;
         width: 90%;
         display: flex;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom-fellowship .swiper-pagination-switch {
         position: relative;
         width: 100%;
         height: 30px;
         line-height: 30px;
         display: block;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom-fellowship .swiper-pagination-switch .switch-title {
         position: absolute;
         font-weight: 400;
         right: 0;
         transform: translateX(50%);
         transition: 0.2s all ease-in-out;
         transition-delay: 0s;
         cursor: pointer;
         z-index: 1;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom-fellowship .swiper-pagination-switch .switch-title:after {
         position: absolute;
         top: calc(100% + 19px);
         right: 50%;
         transform: translateX(50%) translateY(-50%);
         width: 12px;
         height: 12px;
         background: #366489;
         border-radius: 2rem;
         content: "";
         transition: 0.2s all ease-in-out;
         transition-delay: 0s;
         z-index: 1;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom-fellowship .swiper-pagination-switch.active .switch-title {
         font-weight: 400;
         transition-delay: 0.4s;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom-fellowship .swiper-pagination-switch.active .switch-title:after {
         background: #366489;
         width: 25px;
         height: 25px;
         transition-delay: 0.4s;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom-fellowship .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title {
         color: #4291b4;
         font-weight: 16px;
       }
       .timeline .row-real-timeline .swiper-container-wrapper--timeline .swiper-pagination-custom-fellowship .swiper-pagination-switch.active ~ .swiper-pagination-switch .switch-title:after {
         background: #4291b4;
       }