.mc-wrapper {

    background: #ffffff;

    padding: 40px 45px 40px;

    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);

    max-width: 1330px;

    margin: 20px auto 0;

}



.mc-wrapper h2 {

    font-family: "Josefin Sans", sans-serif;

    font-weight: 700;

    font-size: 34px;

    line-height: 100%;

    letter-spacing: 0;

    color: #181818;

    margin-bottom: 30px;

}



.mc-form {

    margin-top: 20px;

}



.mc-grid {

    display: flex;

    flex-wrap: wrap;

    column-gap: 35px;

}



.mc-field {

    /* width: 48%; */

    width: calc(50% - 18px);

    margin-bottom: 18px;

    position: relative;

}



.mc-field p {

    position: relative;

}



.mc-field label {

    display: block;

    font-family: 'Montserrat', sans-serif;

    font-weight: 400;

    font-size: 18px;

    line-height: 100%;

    letter-spacing: 0%;

    color: #181818;

    margin-bottom: 10px;

}



.mc-field input,

.mc-field select {

    width: 100%;

    background: #ffffff;

    padding: 18px 80px 18px 18px;

    border: 1px solid #dddddd;

    border-radius: 8px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 400;

    font-size: 17px;

    line-height: 100%;

    letter-spacing: 0%;

    color: #181818;

}



.mc-field input:focus,

.mc-field select:focus {

    outline: none;

    border-color: #249DA8;

}



.mc-field input::placeholder {

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    font-size: 17px;

    line-height: 100%;

    letter-spacing: 0%;

    color: #9E9E9E;

}



.mc-field span {

    position: absolute;

    right: 1px;

    bottom: 1px;

    height: calc(100% - 2px);

    display: flex;

    align-items: center;

    padding: 0 14px;

    background: #F5F5F5;

    border-top-right-radius: 7px;

    border-bottom-right-radius: 7px;

    font-family: 'Montserrat', sans-serif;

    font-size: 14px;

    color: #C5C5C5;

    max-width: 80px;

    width: 100%;

    justify-content: center;

}



.mc-btn {

    margin-top: 20px;

    background: #249DA8;

    padding: 8px 8px 8px 25px;

    border-radius: 30px;

    border: none;

    cursor: pointer;

    font-family: 'Montserrat', sans-serif;

    font-weight: 600;

    color: #ffffff;

    line-height: 26px;

    font-size: 19.5px;

    line-height: 100%;

    letter-spacing: 0;

    display: flex;

    align-items: center;

    gap: 20px;

}



.mc-btn:hover {

    background: #1f8a94;

}



.mc-results {

    max-width: 1330px;

    margin: 40px auto 20px;

    padding: 28px;

    border: 2px dashed #249DA8;

    border-radius: 16px;

    background: #F3FEFF;

}



.mc-summary-title {

    font-family: 'Montserrat', sans-serif;

    font-size: 18px;

    font-weight: 600;

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;

}



.mc-summary-amount {

    font-size: 28px;

    font-weight: 700;

}



.mc-results p.summary-title {

    display: inline-block;

    font-family: 'Josefin Sans', sans-serif;

    font-weight: 400;

    font-size: 20px;

    line-height: 100%;

    letter-spacing: 0;

    color: #2C2C2C;

    margin: 0;

}



.mc-results p {

    font-family: 'Montserrat', sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    letter-spacing: 0;

    color: #181818;

}



.mc-results p:last-of-type {

    margin-bottom: 0;

}



.mc-results div:has(.mc-summary-line) {

    width: fit-content;

}



.mc-results .mc-summary-line+hr {

    margin-bottom: 15px;

    margin-top: 30px;

    width: 85%;

    background-color: #E6E6E6 !important;

    color: E6E6E6 !important;

}



.mc-disclaimer {

    max-width: 1330px;

    margin: 0 auto 70px;

    font-size: 13px;

    line-height: 20px;

    color: #555555;

    padding-left: 20px;

}



.mc-summary-input {

    background: transparent;

    font-family: 'Montserrat', sans-serif;

    color: #181818;

    text-align: left;

    pointer-events: none;

    margin: 0;

    max-width: 200px;

    min-width: 135px;

    min-height: 31px;

    width: fit-content !important;

    height: fit-content !important;

    opacity: 1;

    border-radius: 4px !important;

    border-width: 1px;

    font-size: 16px;

    line-height: 26px;

    font-weight: 600;

    border: 1px solid #249DA8 !important;

    background-color: #fff;

    padding: 0 8px !important;

}



.mc-summary-input:focus {

    outline: none;

    box-shadow: none;

}



p#breadcrumbs {

    font-family: 'Josefin Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    line-height: 100%;

    color: #CCCCCC;

    padding: 10px 0;

}



p#breadcrumbs span,

p#breadcrumbs span a {

    color: #181818;

}



p#breadcrumbs span.breadcrumb_last {

    color: #CCCCCC;

}



span.mc-disclaimer-title {

    font-family: 'Montserrat', sans-serif;

    ;

    font-weight: 500;

    font-style: Italic;

    font-size: 16px;

    line-height: 30px;

    letter-spacing: 0;

    color: #181818;

}



span.mc-disclaimer-content {

    font-family: 'Montserrat', sans-serif;

    ;

    font-weight: 400;

    font-style: Italic;

    font-size: 14px;

    line-height: 20px;

    letter-spacing: 0;

    color: #181818;

    display: inline-block;

    max-width: 900px;

}



.mc-field select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;



    background-color: #ffffff;

    background-image: url("data:image/svg+xml;utf8,<svg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.267422 0.27036C0.623985 -0.0901201 1.2021 -0.0901201 1.55866 0.27036L7.00001 5.77144L12.4414 0.27036C12.798 -0.0901201 13.376 -0.0901201 13.7326 0.27036C14.0891 0.63084 14.0891 1.21531 13.7326 1.57575L7.6456 7.7296C7.47443 7.90277 7.24215 8 7.00001 8C6.75787 8 6.52559 7.90277 6.35443 7.7296L0.267422 1.57575C-0.0891406 1.21531 -0.0891406 0.63084 0.267422 0.27036Z' fill='%239E9E9E'/></svg>");

    background-repeat: no-repeat;

    background-position: right 26px center;

    background-size: 14px 8px;



    padding-right: 44px;

    cursor: pointer;

}



.mc-field select::-ms-expand {

    display: none;

}

.mc-btn:focus {
    background-color: #1f8a94;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {

    .mc-field {

        width: 100%;

    }



    .mc-wrapper {

        padding: 24px;

    }



    .mc-wrapper h2 {

        font-size: 28px;

    }



    .mc-btn {

        width: 100%;

        justify-content: space-between;

    }



    .mc-summary-title {

        flex-wrap: wrap;

    }



    .mc-summary-input {

        max-width: unset;

    }
    
    .mc-field input,
    .mc-field select {
        padding: 18px 60px 18px 18px;
    }
    
    .mc-field span {
        max-width: 60px;
    }
    
    .mc-summary-title>* {

        width: 100% !important;

    }

}