/* ranking section starts */
.global-ranking-section {
    background:#fff;
}

.global-ranking-section .ranking-title{
    font-size:36px;
    font-weight:500;
    color:#222;
}

.global-ranking-section .ranking-title span{
    color:#d93025;
}

.global-ranking-section .carousel-cell{
    width:14.28%; /* 7 items */
    padding:10px;
    text-align:center;
    border-right: 1px solid #ccc;
}

.global-ranking-section .carousel-cell img{
    max-width:100%;
    max-height:90px;
    width:auto;
    margin:auto;
}

.global-ranking-section .flickity-button,
.global-ranking-section .flickity-page-dots{
    display:none;
}

@media(max-width:991px){
    .global-ranking-section .carousel-cell{
        width:25%;
    }
}

@media(max-width:767px){
    .global-ranking-section .carousel-cell{
        width:33.33%;
    }

    .global-ranking-section .ranking-title{
        font-size:24px;
    }
}


/* ranking section ends */



/* placement section starts */

.placements-section{
    background:#fff;
    position:relative;
}

.placements-title{
    font-size:40px;
    font-weight:400;
    color:#111;
    position:relative;
    z-index:2;
    margin-bottom:80px;
}

.placements-title span{
    color:#d61f1f;
}

.placements-bg-text{
    position:absolute;
    top:40px;
    left:50%;
    transform:translateX(-50%);
    font-size:120px;
    font-weight:700;
    color:rgba(0,0,0,0.05);
    line-height:1;
    white-space:nowrap;
    z-index:1;
    pointer-events:none;
}

.placements-stats {
    background: #000;
    border-radius: 20px;
    padding: 40px 20px;
    position: relative;
    z-index: 2;
    box-shadow: 0 15px 160px rgb(0 0 0 / 40%);
}

.stat-item{
    padding:0 30px;
    border-right:1px dashed #d6a500;
}

.stat-item:last-child{
    border-right:none;
}

.stat-item h3{
    color:#fff;
    font-size:52px;
    font-weight:700;
    margin-bottom:10px;
    line-height:1;
}

.stat-item h3 span{
    font-size:32px;
}

.stat-item p{
    color:#a8a8a8;
    font-size:26px;
    line-height:1.3;
    margin-bottom:0;
}

/* Tablet */
@media(max-width:991px){

    .placements-title{
        font-size:34px;
    }

    .placements-bg-text{
        font-size:80px;
    }

    .stat-item{
        padding:20px;
    }

    .stat-item h3{
        font-size:38px;
    }

    .stat-item p{
        font-size:18px;
    }
}

/* Mobile */
@media(max-width:767px){

    .placements-title{
        font-size:24px;
        margin-bottom:50px;
    }

    .placements-bg-text{
        font-size:50px;
        top:50px;
    }

    .placements-stats{
        padding:20px 10px;
    }

    .stat-item{
        border-right:none;
        border-bottom:1px dashed #d6a500;
        text-align:center;
        padding:20px 10px;
    }

    .stat-item:nth-last-child(-n+2){
        border-bottom:none;
    }

    .stat-item h3{
        font-size:32px;
    }

    .stat-item p{
        font-size:15px;
    }
}

/* placement section ends */





/* recruiters section starts */
.recruiters-section{
    background:#fff;
}

.recruiters-title{
    font-size:34px;
    font-weight:400;
    color:#222;
    text-transform:uppercase;
}

.recruiters-title span{
    color:#e1251b;
}

.recruiters-carousel{
    width:100%;
}

.carousel-cell{
    width:14.28%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 20px;
}

.carousel-cell img{
    max-width:100%;
    max-height:40px;
    width:auto;
    filter: grayscale(0);
    transition:.3s;
}

.carousel-cell img:hover{
    transform:scale(1.05);
}

.flickity-button,
.flickity-page-dots{
    display:none;
}

@media(max-width:991px){

    .carousel-cell{
        width:25%;
    }

    .recruiters-title{
        font-size:28px;
    }
}

@media(max-width:767px){

    .carousel-cell{
        width:50%;
    }

    .recruiters-title{
        font-size:20px;
        line-height:1.4;
    }

    .carousel-cell img{
        max-height:30px;
    }
}


/* recruiters section ends */