.section_plate {
    padding: 150px 0 30px 0;
    background-color: $primaryColor;
    position: relative;
    z-index: 1;

    &::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: url(../images/shape.png);
        background-repeat: repeat;
        z-index: -1;
        opacity: .4;
    }

    .section_plate_wrapper {
        .plate_text {
            h2 {
                font-size: 46px;
                font-weight: 900;
                color: $whiteColor;
                line-height: 56px;
                text-transform: uppercase;
            }

            p {
                font-size: 16px;
                line-height: 24px;
                font-weight: 400;
                color: #f6f6f6e4;
                padding-right: 20px;
            }
        }

        .plate_img {
            img {
                max-height: 350px;
                width: 100%;
                object-fit: contain;
            }
        }
    }
}


.rank{
    padding: 60px 0 40px 0;
    .rank_wrapper{
       .rank_top_position{
          .rank_position_wrap{
            text-align: center;
              .rank_img{
                display: flex;
                justify-content: center;
                img{
                  height: 240px;
                  width: 100%;
                  object-fit: contain;
                }
            }
            h4{
                font-size: 25px;
                font-weight: 700;
                color: $blackColor;
                margin-top: 25px;
                font-family: 'Inter', sans-serif;
                span{
                    font-size: 18px;
                    font-weight: 600;
                    font-family: 'Roboto', sans-serif;
                }
            }
          }
          .position_2nd{
            margin-top: 50px;
          }
          .position_3rd{
            margin-top: 50px;
          }
       }

       .rank_position_list{
        background-color: #f1f1f6;
        border-radius: 20px;
        width: 700px;
        margin: 40px auto;
        padding: 30px 20px 20px 20px;
        .rank_list_heading{
            display: flex;
            margin-bottom: 20px;
            .heading_item{
                width: 50%;
                text-align: center;
                font-size: 17px;
                text-transform: uppercase;
                font-weight: 500;
                color: $blackColor;
            }
        }
        .rank_list_item{
            display: flex;
            padding: 12px 0;
            &:nth-child(even){
                background-color: #fff;
            }
            .list_item{
                width: 50%;
                text-align: center;
                font-size: 18px;
                font-weight: 500;
                color: #444444;
                span{
                    font-size: 14px;
                }
            }
        }
       }
    }
}