@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap");
body {
    /* text-wrap: balance; */
    margin: 0;
    font-size: 14px;
}
/* header fix */
@media screen and (min-width: 576px) and (max-width: 768px) {
    .header-subnav__wrapper {
        overflow: scroll;
    }
}
    
/* html reset */
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul,
ol,
br,
blockquote {
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 400;
    color: #1A1A1A;
    font-family: "RB Galano Neue", Helvetica, sans-serif;
    letter-spacing: 0;
}

a,
p, 
.eyebrow, 
.paragraph, 
.paragraph--sm, 
.disclaimer {
 font-family: "Inter", Helvetica, sans-serif;
}

a {
    color: #1a1a1a;
    text-decoration: underline;
    font-size: unset;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0;
    transition: opacity .3s ease-in-out;
}

a:hover {
    opacity: 0.75;
    text-decoration-color: rgba(26, 26, 26, 0.75);
}

.eyebrow {
    font-size: 21px;
    line-height: 31px;
    font-weight: 500;
    margin-bottom: 24px;
    display: inline-block;
}
.headline {
    font-size: 42px;
    line-height: 56px;
    font-weight: 700;
    margin-bottom: 16px;
    display: inline-block;
}
.subhead {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 16px;
    display: inline-block;
}
.subhead--sm {
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 16px;
    display: inline-block;
}
.paragraph {
    font-size: 21px;
    line-height: 31px;
    font-weight: 400;
    display: inline-block;
}
.paragraph--sm {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    display: inline-block;
}
.disclaimer {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 24px;
    display: inline-block;
}
.serif {
    font-family: "RB Galano Neue", serif;
    font-weight: 400;
    font-style: italic;
}
.faq {
    font-size: 28px;
    letter-spacing: 37px;
    font-weight: 600;
    margin-bottom: 24px;
    display: inline-block;
}
@media screen and (max-width: 1543px) {
    .eyebrow {
        font-size: 16px;
        line-height: 24px;
    }
    .headline {
        font-size: 42px;
        line-height: 56px;
    }
    .subhead {
        font-size: 21px;
        line-height: 31px;
    }
    .subhead--sm {
        font-size: 21px;
        line-height: 31px;
    }
    .paragraph {
        font-size: 18px;
        line-height: 26px;
    }
    .paragraph--sm {
        font-size: 14px;
        line-height: 21px;
    }
    .faq {
        font-size: 24px;
        line-height: 35px;
    }
}
@media screen and (max-width: 1152px) {
    .headline {
        font-size: 32px;
        line-height: 42px;
    }
    .paragraph {
        font-size: 16px;
        line-height: 24px;
    }
    .faq {
        font-size: 21px;
        line-height: 31px;
    }
}
@media screen and (max-width: 624px) {
    .eyebrow {
        font-size: 14px;
        line-height: 21px;
    }
    .headline {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 8px;
    }
    .subhead {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 8px;
    }
    .subhead--sm {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 8px;
    }
}

/* colors */
.brandGreen {
    color: #326EEA;
}
.lightGreenTwo {
    color: #c1f1c1;
}
.deepGreenThree {
    color: #0b4a42;
}
.darkBlue {
    color: #1a52ae;
}
.lightBlueTwo {
    color: #ddeaff;
}
.black {
    color: #1A1A1A;
}
.greyOne {
    color: #848a95;
}
.white {
    color: #ffffff;
}

/* rte bullet overrides */
.rte ul,
.rte ol {
    padding-left: 20px;
}
.rte ul li .paragraph,
.rte ul li .paragraph--sm,
.rte ol li .paragraph,
.rte ol li .paragraph--sm {
    display: block;
}

/* Bootstrap overrides */
@media (min-width: 1400px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1712px!important;
    }
}

/* Material Theme overrides */
.mdc-button {
    letter-spacing: normal !important;
    font-family: "Inter", Helvetica, sans-serif !important;
}

/* Comoponent Font-Family overrides */
.cmp-domainsearch__TLDS .dropdownNew .tldNew,
.cmp-domainsearch__TLDS .dropdownNew .dropdown-menu .dropdown-item{
  font-family: 'Inter', 'Helvetica', 'sans-serif';
}

p.pricingCard2__body__titles__packageTitle {
    font-family: 'RB Galano Neue', 'Helvetica', 'sans-serif';
}