app-shravak-other-about {
    background: var(--ion-background-content);

    h3 {
        padding: var(--ion-padding-0) var(--ion-padding-15);
        margin: var(--ion-margin-0) var(--ion-margin-0) 0.25rem var(--ion-margin-0);
        font-weight: 700;
    }

    ion-button {
        margin: var(--ion-margin-15) var(--ion-margin-0) var(--ion-margin-0) var(--ion-margin-0);
        --border-radius: 0.313rem;
    }

    ion-content {
        --background: var(--ion-background-content);

        p {
            font-size: var(--ion-font-size-14);
            padding: var(--ion-padding-0) var(--ion-padding-15);
            margin-top: var(--ion-margin-0);
            color: var(--ion-content-color);
        }

        h5 {
            color: var(--ion-color);
            font-weight: 600;

            span {
                float: right;
            }
        }

        ion-button {
            height: 30px;
            min-width: 49%;
            color: var(--ion-color);

            &:nth-child(3n) {
                margin-left: 2%;
            }

            &::part(native) {
                --background: var(--ion-background-content);
                box-shadow: none;
            }
        }

        .bg {
            background: var(--ion-color-white);
            text-align: var(--ion-text-align-center);
            padding: var(--ion-padding-15);
            margin-bottom: var(--ion-margin-15);

            ion-button {
                width: 47%;
                margin: var(--ion-margin-0);

                &:last-child {
                    margin-left: var(--ion-margin-15);
                }
            }
        }

        .bottom-bg-location {
            padding: var(--ion-padding-0) var(--ion-padding-15) var(--ion-padding-15);

            ion-card {
                margin: var(--ion-margin-0);
                padding: var(--ion-padding-10);
                margin-bottom: var(--ion-margin-15);
                box-shadow: none;
                border-radius: 8px;
                box-shadow: 2px 2px 7px #ebebeb;

                ion-card-header {
                    padding: var(--ion-padding-0);

                    ion-card-title {
                        font-size: var(--ion-font-size-14);
                        display: flex;
                        justify-content: space-between;
                        margin-bottom: var(--ion-margin-10);
                        align-items: center;

                        ion-icon {
                            width: 19px;
                            height: 19px;
                            padding: 10px;
                            background: var(--ion-background-content);
                            border-radius: var(--ion-border-radius-100);
                            color: var(--ion-color);
                            margin-right: var(--ion-margin-10);
                        }

                        &:last-child {
                            margin-bottom: var(--ion-margin-0);
                        }

                        .left-data {
                            display: flex;
                            align-items: center;

                            .icons {
                                width: 39px;
                                height: 39px;
                                padding: 8px;
                                background: var(--ion-background-content);
                                border-radius: var(--ion-border-radius-100);
                                color: var(--ion-color);
                                margin-right: var(--ion-margin-10);
                                display: flex;
                                align-items: center;
                                justify-content: center;

                                &.family-members {
                                    padding: var(--ion-padding-0);
                                    overflow: hidden;
                                }
                            }

                            p {
                                padding: var(--ion-padding-0);
                                margin: var(--ion-margin-0);
                                font-size: var(--ion-font-size-14);
                                color: #000;
                                font-weight: 600;
                                word-break: break-word;

                                span {
                                    color: var(--ion-content-color);
                                    font-size: var(--ion-font-size-14);
                                    display: block;
                                }

                                &.points {
                                    font-size: var(--ion-font-size-12);
                                    color: var(--ion-content-color);
                                    display: flex;
                                    margin-top: 2px;

                                    ion-icon {
                                        background: none;
                                        width: 12px;
                                        height: 12px;
                                        margin: var(--ion-margin-0) 2px var(--ion-margin-0) var(--ion-margin-0);
                                        padding: var(--ion-padding-0);
                                        color: var(--ion-content-color);
                                    }
                                }
                            }

                            &.qualification {
                                align-items: flex-start;
                                margin-bottom: var(--ion-margin-15);

                                .mid-content {
                                    margin: var(--ion-margin-10) var(--ion-margin-0);
                                }
                            }

                            .content {
                                width: calc(100% - 49px);
                            }
                        }

                        .edit-icon {
                            width: 25px;
                            height: 25px;
                            padding: var(--ion-padding-0);
                            background: var(--ion-background-content);
                            border-radius: var(--ion-border-radius-100);
                            color: var(--ion-color);
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                    }
                }

                &.family-card {
                    ion-card-header {
                        margin-bottom: var(--ion-margin-15);
                    }
                }
            }
        }
    }
}