@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


.inner-container .first-row,
.inner-container .second-row,
.inner-container .third-row,
.inner-container .fourth-row,
.inner-container .fifth-row,
.inner-container .sixth-row{
    display: flex;
    gap: 30px;
    justify-content: center;
    margin-top: 20px;
}


    
.inner-container .first-row .box-1,
.inner-container .first-row .box-2,
.inner-container .first-row .box-3,
.inner-container .second-row .box-1,
.inner-container .second-row .box-2,
.inner-container .second-row .box-3,
.inner-container .third-row .box-1,
.inner-container .third-row .box-2,
.inner-container .third-row .box-3,
.inner-container .fourth-row .box-1,
.inner-container .fourth-row .box-2,
.inner-container .fourth-row .box-3,
.inner-container .fifth-row .box-1,
.inner-container .fifth-row .box-2,
.inner-container .fifth-row .box-3,
.inner-container .sixth-row .box-1,
.inner-container .sixth-row .box-2,
.inner-container .sixth-row .box-3{
    border-radius: 20px;
    box-shadow: 2px 2px 12px 6px #363535;
}

.inner-container .first-row .box-1 .img-1 {
    width: 500px;
    color: white;
    background-image: url('/static/images/babasaheb.png');
    height: 330px;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-position: center;
}

.inner-container .first-row .box-1 .text-content {
    background-color: #050b3d;
    padding: 18px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 500px;
    color: white;
    height:91px;
}

.inner-container .first-row .box-2 .img-2 {
    width: 500px;
    color: white;
    background-image: url('/static/images/one_nation_one_election.png');
    height: 330px;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-position: center;
}

.inner-container .first-row .box-2 .text-content {
    background-color: #050b3d;
    padding: 32px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 500px;
    color: white;
}

.inner-container .first-row .box-3 .img-3 {
    width: 500px;
    color: white;
    background-image: url('/static/images/voting.png');
    height: 330px;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-position: center;
}

.inner-container .first-row .box-3 .text-content {
    background-color: #050b3d;
    padding: 18px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 500px;
    height:91px;
    color: white;
}

.inner-container .second-row .box-1 .img-1 {
    width: 500px;
    color: white;
    background-image: url('/static/images/fundamental_right.png');
    height: 330px;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-position: center;
}

.inner-container .second-row .box-1 .text-content {
    background-color: #050b3d;
    padding: 18px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 500px;
    color: white;
}

.inner-container .second-row .box-2 .img-2 {
    width: 500px;
    color: white;
    background-image: url('/static/images/competition.png');
    height: 330px;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-position: center;
}

.inner-container .second-row .box-2 .text-content {
    background-color: #050b3d;
    padding: 18px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 500px;
    color: white;
}

.inner-container .second-row .box-3 .img-3 {
    width: 500px;
    color: white;
    background-image: url('/static/images/jan_adalat.png');
    height: 330px;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-position: center;
}

.inner-container .second-row .box-3 .text-content {
    background-color: #050b3d;
    padding: 30px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 500px;
    color: white;
    height: 90px;
}

.inner-container .third-row .box-1 .img-1 {
    width: 500px;
    color: white;
    background-image: url('/static/images/interaction.png');
    height: 330px;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-position: center;
}

.inner-container .third-row .box-1 .text-content {
    background-color: #050b3d;
    padding: 28px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 500px;
    color: white;
    height: 90px;
}

.inner-container .third-row .box-2 .img-2 {
    width: 500px;
    color: white;
    background-image: url('/static/images/preamble.png');
    height: 330px;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-position: center;
}

.inner-container .third-row .box-2 .text-content {
    background-color: #050b3d;
    padding: 28px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 500px;
    color: white;
    height:90px;
}

.inner-container .third-row .box-3 .img-3 {
    width: 500px;
    color: white;
    background-image: url('/static/images/pledge.png');
    height: 330px;
    background-size: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-position: center;
}

.inner-container .third-row .box-3 .text-content {
    background-color: #050b3d;
    padding: 30px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 500px;
    height: 90px;
    color: white;
}

@media(max-width:1570px) {
    .inner-container{
        zoom: 80%;
    }
}

@media(max-width:1270px) {
    .container {
        zoom: 70%;
    }
}

@media(max-width:900px) {
    .container {
        zoom: 50%;
    }
}

@media(max-width:700px) {
    .container{
        zoom:100%;
    }
    .inner-container .first-row {
        display: flex;
        flex-direction:column;
        align-items: center;
        margin-top: 20px;
    }

    .inner-container .first-row .box-1 .img-1 {
        width: 500px;
    }

    .inner-container .first-row .box-2 .img-2 {
        width: 500px;
    }

    .inner-container .first-row .box-3 .img-3 {
        width: 500px;
    }

    .inner-container .first-row .box-1 .text-content,
    .inner-container .first-row .box-2 .text-content,
    .inner-container .first-row .box-3 .text-content {
        width: 500px;
    }


    .inner-container .second-row {
        display: flex;
        flex-direction:column;
        align-items: center;
        margin-top: 20px;
    }


    .inner-container .second-row .box-1 .img-1 {
        width: 500px;
    }

    .inner-container .second-row .box-2 .img-2 {
        width: 500px;
    }

    .inner-container .second-row .box-3 .img-3 {
        width: 500px;
    }

    .inner-container .second-row .box-1 .text-content,
    .inner-container .second-row .box-2 .text-content,
    .inner-container .second-row .box-3 .text-content {
        width: 500px;
    }

    .inner-container .third-row {
        display: flex;
        flex-direction:column;
        align-items: center;
        margin-top: 20px;
    }


    .inner-container .third-row .box-1 .img-1 {
        width: 500px;
    }

    .inner-container .third-row .box-2 .img-2 {
        width: 500px;
    }

    .inner-container .third-row .box-3 .img-3 {
        width: 500px;
    }

    .inner-container .third-row .box-1 .text-content,
    .inner-container .third-row .box-2 .text-content,
    .inner-container .third-row .box-3 .text-content {
        width: 500px;
    }

    .inner-container .fourth-row {
        display: flex;
        flex-direction:column;
        align-items: center;
        margin-top: 20px;
    }

}

@media(max-width:400px) {
    .container {
        zoom: 80%;
    }
}

@media(max-width:350px) {
    .container {
        zoom: 70%;
    }
}