ion-card {
    height: 200px;
    padding-top: 96px;

    ion-card-header {

        ion-card-title {
            font-size: var(--ion-font-size-20);
            margin-bottom: var(--ion-margin-10);
            margin-left: var(--ion-margin-20);
        }
    }
}

h1 {
    font-weight: var(--ion-font-weight-bold);
    margin-top: var(--ion-margin-40);
}

p {
    font-size: var(--ion-font-size-14);

    ion-button {
        height: auto;
        color: var(--ion-color);

        &::part(native) {
            --background: none;
            padding: var(--ion-padding-0);
            line-height: 16px;
        }
    }

    &.agreed-content {
        margin-top: 0;
        color: var(--ion-content-color);

        ion-label {
            padding-left: var(--ion-padding-10);
            width: calc(100% - 18px);
        }

        ion-button {
            &::part(native) {
                line-height: 19px;
            }
        }
    }
}

ion-item {
    font-size: var(--ion-font-size-14);

    &.country-dropdown {
        --min-height: auto;

        &.mobile-no {
            margin-bottom: var(--ion-margin-0);
        }

        ionic-selectable {
            width: 100px;
            margin-right: 10px;
            margin-bottom: var(--ion-margin-0);
            padding-left: 6px;
            padding-right: 15px;
        }
    }

    &.select-dharm {
        margin-top: var(--ion-margin-20);
    }

    ion-select {
        &::part(icon) {
            display: none;
        }
    }

    ion-label {
        font-weight: 600;

        span {
            &.suffix {
                color: var(--ion-content-color);
                font-size: 12px;
            }
        }
    }

}

.error {
    font-size: var(--ion-font-size-12);
    color: var(--ion-color-danger);
}

.sc-ion-input-md-h:not(.legacy-input) {
    min-height: 40px;
}

.sc-ion-input-md-h {
    --padding-start: var(--ion-padding-10)
}