.pureway-modal-cmp {
    padding: 0 !important;

    .modal-dialog {
        padding: 0 8px;
    }

    .modal-body {
        display: flex;
        flex-flow: column;
        justify-content: center;
        padding: 40px 16px;

        > div {
            > .genericText:first-child {
                padding: 0 35px;
            }
        }

        .dynamic-content p {
            color: #001965;
            font-family: 'Apis-Regular', Arial, Helvetica, sans-serif;
            font-size: 18px;
            letter-spacing: 0;
            margin: 0;
            padding: 0;
        }

        .ctas {
            .primary-cta {
                height: 48px;
                border-radius: 24px;
                background-color: #005ad2;
                border-color: transparent;
                margin: 2.5rem 0;
                width: 251px;

                > span {
                    color: #ffffff;
                    font-family: 'Apis-Regular', Arial, Helvetica, sans-serif;
                    font-size: 20px;
                    letter-spacing: 0;
                    line-height: 24px;
                    text-align: center;
                }
            }

            .secondary-cta {
                border-style: none;
                background-color: #ffffff;
                height: 32px;
                width: 260px;
                margin-left: -8px;

                > span {
                    color: #005ad2;
                    font-family: 'Apis-Bold', Arial, Helvetica, sans-serif;
                    font-size: 16px;
                    letter-spacing: 0;
                    line-height: 24px;

                    > em {
                        background-color: #005ad2;
                        border-radius: 100%;
                        color: white;
                        margin-left: 1em;
                        padding: 0.3em 0.3em 0.2em 0.45em;
                    }
                }
            }
        }
    }
  }

  @media screen and (min-width: 768px) {
    .pureway-modal-cmp {
        .modal-dialog {
            max-height: 480px;
            max-width: 744px;
        }

        .modal-content {
            padding: 45px 75px 20px 75px;

            .modal-body {
                /*padding-bottom: 1em;*/
                > div {
                    > .genericText:first-child {
                        padding: 0 0 1em 0;
                        > div {
                           > p {
                                text-align: left !important;
                                padding: 0 !important;
                                font-size: 40px !important;
                                
                                > span {
                                    font-size: 40px !important;
                                }
                            }
                        }
                    }
                }
            }

            .ctas {
                display: flex;
                flex-flow: row;
                justify-content: flex-start;
                align-items: center;

                .primary-cta {
                    margin-right: 2rem;
                }
            }
        }
    }
    
  }