<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="12dp"
    style="@style/PaddingForAllSide">

    <ImageView
        android:id="@+id/horizontal_cell_crown_ranking_image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:elevation="3dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:src="@drawable/crown" />

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/first_ranker_image_view"
        android:layout_width="95dp"
        android:layout_height="95dp"
        android:layout_marginStart="40dp"
        android:layout_marginEnd="40dp"
        android:elevation="3dp"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/horizontal_cell_crown_ranking_image_view"
        tools:src="@color/colorShadow"
        android:visibility="visible"
        tools:targetApi="lollipop" />

    <TextView
        android:id="@+id/first_ranking_number_text_view"
        android:layout_width="28dp"
        android:layout_height="28dp"
        android:textSize="13sp"
        android:elevation="3dp"
        android:textColor="@color/colorBlack"
        android:fontFamily="@font/rubik_black"
        android:gravity="center"
        android:background="@drawable/horizontal_cell_custom_rounder_ranking_number"
        android:layout_alignBottom="@id/first_ranker_image_view"
        android:layout_alignEnd="@id/first_ranker_image_view"
        tools:text="1"
        android:visibility="visible"
        tools:targetApi="lollipop" />

    <TextView
        android:id="@+id/first_ranker_name_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:textSize="14sp"
        android:paddingStart="24dp"
        android:paddingEnd="24dp"
        android:textColor="@color/colorRankedName"
        android:fontFamily="@font/rubik_medium"
        android:textAlignment="center"
        android:layout_below="@id/first_ranker_image_view"
        android:layout_toEndOf="@+id/second_ranker_image_view"
        android:layout_toStartOf="@+id/third_ranker_image_view"
        tools:text="Shiddhart khan bahadur"
        android:visibility="visible"/>

    <TextView
        android:id="@+id/first_ranker_point_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="12sp"
        android:alpha="0.8"
        android:fontFamily="@font/rubik_light"
        android:gravity="center_horizontal"
        android:textColor="@color/colorRankedName"
        android:layout_below="@id/first_ranker_name_text_view"
        android:layout_centerHorizontal="true"
        tools:text="Point : 400"
        android:visibility="visible"/>

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/second_ranker_image_view"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_marginTop="48dp"
        android:elevation="3dp"
        android:layout_alignTop="@id/first_ranker_image_view"
        android:layout_toStartOf="@id/first_ranker_image_view"
        tools:src="@color/colorShadow"
        android:visibility="visible"
        tools:targetApi="lollipop" />

    <TextView
        android:id="@+id/second_ranking_number_text_view"
        android:layout_width="28dp"
        android:layout_height="28dp"
        android:textSize="13sp"
        android:textColor="@color/colorBlack"
        android:fontFamily="@font/rubik_black"
        android:elevation="3dp"
        android:gravity="center"
        android:background="@drawable/horizontal_cell_custom_rounder_ranking_number"
        android:layout_alignBottom="@id/second_ranker_image_view"
        android:layout_alignEnd="@id/second_ranker_image_view"
        tools:text="2"
        android:visibility="visible"
        tools:targetApi="lollipop" />

    <TextView
        android:id="@+id/second_ranker_name_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:textSize="14sp"
        android:paddingEnd="28dp"
        android:paddingStart="0dp"
        android:textColor="@color/colorRankedName"
        android:fontFamily="@font/rubik_medium"
        android:textAlignment="center"
        android:layout_below="@id/second_ranker_image_view"
        android:layout_alignParentStart="true"
        android:layout_toStartOf="@id/first_ranker_point_text_view"
        tools:text="Shiddhart khan bahadur"
        android:visibility="visible"/>

    <TextView
        android:id="@+id/second_ranker_point_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="12sp"
        android:alpha="0.8"
        android:paddingEnd="28dp"
        android:paddingStart="0dp"
        android:textColor="@color/colorRankedName"
        android:fontFamily="@font/rubik_light"
        android:gravity="center_horizontal"
        android:layout_below="@id/second_ranker_name_text_view"
        android:layout_alignStart="@id/second_ranker_name_text_view"
        android:layout_alignEnd="@id/second_ranker_name_text_view"
        tools:text="Point : 299"
        android:visibility="visible"/>

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/third_ranker_image_view"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_marginTop="48dp"
        android:elevation="3dp"
        android:layout_alignTop="@id/first_ranker_image_view"
        android:layout_toEndOf="@id/first_ranker_image_view"
        tools:src="@color/colorShadow"
        android:visibility="visible"
        tools:targetApi="lollipop" />

    <TextView
        android:id="@+id/third_ranking_number_text_view"
        android:layout_width="28dp"
        android:layout_height="28dp"
        android:textSize="13sp"
        android:elevation="3dp"
        android:textColor="@color/colorBlack"
        android:fontFamily="@font/rubik_black"
        android:gravity="center"
        android:background="@drawable/horizontal_cell_custom_rounder_ranking_number"
        android:layout_alignBottom="@id/third_ranker_image_view"
        android:layout_alignEnd="@id/third_ranker_image_view"
        tools:text="3"
        android:visibility="visible"
        tools:targetApi="lollipop" />

    <TextView
        android:id="@+id/third_ranker_name_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/rubik_medium"
        android:textSize="14sp"
        android:layout_marginTop="5dp"
        android:paddingStart="32dp"
        android:paddingEnd="0dp"
        android:textAlignment="center"
        android:textColor="@color/colorRankedName"
        android:layout_below="@id/third_ranker_image_view"
        android:layout_toEndOf="@id/first_ranker_point_text_view"
        android:layout_alignParentEnd="true"
        tools:text="Shiddhart khan bahadur"
        android:visibility="visible"/>

    <TextView
        android:id="@+id/third_ranker_point_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="12sp"
        android:alpha="0.8"
        android:paddingStart="32dp"
        android:paddingEnd="0dp"
        android:textColor="@color/colorRankedName"
        android:fontFamily="@font/rubik_light"
        android:gravity="center_horizontal"
        android:layout_below="@id/third_ranker_name_text_view"
        android:layout_alignStart="@id/third_ranker_name_text_view"
        android:layout_alignEnd="@id/third_ranker_name_text_view"
        tools:text="Point : 280"
        android:visibility="visible" />

</RelativeLayout>