:root{
    --primary-color:#533060;
}
.content {
     /* display: flex; */
    /* flex-direction: column; */
    background-color: #fff;
    padding-bottom: 20px !important;
    border-radius: 20px !important;
}

 .content a {
    width: 100% !important;
    height: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin: 20px !important; */
    box-shadow: 0px 1px 5px rgb(226, 222, 222);
    border-radius: 20px !important;
    padding: 10px !important;
    color: white;
    font-weight: bold;
}

.policy-type {
    height: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px !important;
}

.policy-type img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 20px !important;
}

.policy-type .policy{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.policy-type .policy .circle{
    width: 40px !important;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    align-self:self-start;
    background-color: white;
}

.circle img{
    width: 30px !important;
    height: 30px !important;
}

/* #circle_1{
    border: 3px solid #ef6f5d;
}

#circle_2{
    border: 3px solid #92e3a9;
}

#circle_3{
    border: 3px solid #f4b4ac;
}

#circle_4{
    border: 3px solid #b16bbc;
} */

#div_1{
    /* background-color: #ecb9f5 !important; */
}

#div_2{
    /* background-color: #ecd592 !important; */
}

#div_3{
    /* background-color: #ef795e !important; */
}

#div_4{
    /* background-color: #a2f4e9; */
}

.policy-type .policy span{
    margin-top: 60px !important;
}
