@import url('https://fonts.googleapis.com/css?family=Poppins:300i,400,500,600&display=swap');

    .main-container{
        max-width: 1170px;
        margin: 0 auto;
        text-align: center;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        flex-direction: column;
    }
        .inner-content{
        margin: 25px 0;
        }
        .inner-content  input[type="radio"]{
            display: none;
        }
        .inner-content i{
            color: #dddddd;
            font-size: 36px;
            cursor: pointer;
        }
        .inner-content  input[type="radio"]:checked ~ label  i{
            color: #FFD700;
        }
        .inner-content {
            direction: rtl;
            width: 100%;
        }
        .inner-content h3 {
            margin: 0 0 15px 0;
            font-size: 24px;
        }