body {
  /* text-wrap: balance; */
  margin: 0;
  font-size: 15px;
}
/* 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;
}

/* Bold font styling for major classes and tags */
.eyebrow strong,
.eyebrow b,
.headline strong,
.headline b,
.subhead strong,
.subhead b,
.subhead--sm strong,
.subhead--sm b,
.paragraph strong,
.paragraph b,
.paragraph--sm strong,
.paragraph--sm b,
.disclaimer strong,
.disclaimer b,
p strong,
p b,
li strong,
li b,
span strong,
span b,
a strong,
a b {
  font-family: 'InterBold', Helvetica, sans-serif;
  font-weight: 700;
}

a {
  color: #1a1a1a;
  text-decoration: underline;
  font-size: unset;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
  transition: opacity 0.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: 48px;
  line-height: 110%;
  font-weight: 700;
  letter-spacing: -2%;
  margin-bottom: 16px;
  display: inline-block;
}
.subhead {
  font-size: 36px;
  line-height: 115%;
  font-weight: 700;
  letter-spacing: -1.5%;
  margin-bottom: 16px;
  display: inline-block;
}
.subhead--md {
  font-size: 30px;
  line-height: 120%;
  font-weight: 700;
  letter-spacing: -1%;
  margin-bottom: 16px;
  display: inline-block;
}
.subhead--sm {
  font-size: 24px;
  line-height: 125%;
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: -0.5%;
  display: inline-block;
}
.subhead--xs {
  font-size: 20px;
  line-height: 130%;
  font-weight: 700;
  letter-spacing: 0%;
  margin-bottom: 16px;
  display: inline-block;
}
.paragraph {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  letter-spacing: 0%;
  display: inline-block;
}
.paragraph--sm {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: inline-block;
}
.disclaimer {
  font-size: 10px;
  line-height: 12.5px;
  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;
}

/* domain rte overrides */
body p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin: 0 0 15px;
    color: var(--dc-theme-sen);
}

body .rte__80px--900 {
    display: block;
    font-size: 80px;
    line-height: 80px;
    font-weight: 900;
    margin: 0 0 15px;

}

body .rte__70px--600 {
    display: block;
    font-size: 70px;
    line-height: 80px;
    font-weight: 600;
    margin: 0 0 15px;
}

body .rte__75px--900 {
    display: block;
    font-size: 75px;
    line-height: 80px;
    font-weight: 900;
    margin: 0 0 15px;
}

body .rte__48px--900 {
    display: block;
    font-size: 48px;
    line-height: 55px;
    font-weight: 900;
    margin: 0 0 15px;
}

body .rte__48px--700 {
    display: block;
    font-size: 48px;
    line-height: 57px;
    font-weight: 700;
    margin: 0 0 15px;
}

body .rte__40px--600 {
    display: block;
    font-size: 40px;
    line-height: 57px;
    font-weight: 600;
    margin: 0 0 15px;
}

body .rte__40px--900 {
    display: block;
    font-size: 40px;
    line-height: 48px;
    font-weight: 900;
    margin: 0 0 15px;
}

body .rte__26px--700 {
    display: block;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    margin: 0 0 15px;
}

body .rte__26px--300 {
    display: block;
    font-size: 26px;
    line-height: 32px;
    font-weight: 300;
    margin: 0 0 15px;
}

body .rte__22px--700 {
    display: block;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 5px;
}

body .rte__22px--600 {
    display: inline-block;
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
}

body .rte__22px--300 {
    display: inline-block;
    font-size: 22px;
    line-height: 2.70px;
    font-weight: 300;
    margin: 0 0 15px;
}

body .rte__18px--700 {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

body .rte__16px--700 {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

body .rte__16px--400 {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin: 0 0 15px;
}

body .rte__16px--300 {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    margin: 0 0 15px;
}

body .rte__14px--900 {
    display: block;
    text-decoration: uppercase;
    font-size: 14px;
    line-height: 17px;
    font-weight: 900;
    margin: 0;
}

body .rte__14px--700 {
    display: block;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    margin: 0 0 10px;
}

body .rte__14px--400 {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

body p:has(.rte__noBottomMargin) {
    margin-bottom: 0;
}

body .rte__noDropshadow {
    text-shadow: none;
}

body .rte .cta__button.cta__textLink {
    display: inline-block;
}

body .cta__button.cta__textLink:hover.rte__ctaTextBtn--whiteArrow {
    text-decoration: none;
}

body .cta__button.cta__textLink.rte__ctaTextBtn--whiteArrow .mdc-button__label {
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

body .cta__button.cta__textLink.rte__ctaTextBtn--whiteArrow .mdc-button__label i {
    color: #ffffff;
}

body .rte ul {
    font-size: 16px;
    padding-left: 20px;
    text-align: left;
}

body .rte ul li {
    line-height: 22px;
    padding-bottom: 10px;
}
@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;
}

/* Netsol footer component overrides */
@media screen and (min-width: 1400px) {
    .cmp-experiencefragment--site-footer .footer__wrapper .container, 
    .cmp-experiencefragment--site-footer .footer__wrapper .container-sm, 
    .cmp-experiencefragment--site-footer .footer__wrapper .container-md, 
    .cmp-experiencefragment--site-footer .footer__wrapper .container-lg, 
    .cmp-experiencefragment--site-footer .footer__wrapper .container-xl, 
    .cmp-experiencefragment--site-footer .footer__wrapper .container {
        max-width: unset!important;
    }
}

/* Bootstrap overrides */
@media screen and (min-width: 1200px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .cmp-experiencefragment--site-footer .footer__wrapper .container, 
  .cmp-experiencefragment--site-footer .footer__wrapper .container-sm, 
  .cmp-experiencefragment--site-footer .footer__wrapper .container-md, 
  .cmp-experiencefragment--site-footer .footer__wrapper .container-lg, 
  .cmp-experiencefragment--site-footer .footer__wrapper .container-xl,
  .cmp-experiencefragment--site-footer .footer__wrapper .footer__container,
  .new-domain-header__inner {
    max-width: 1400px !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,
.exitModal-textContainer .headline {
  font-family: 'RB Galano Neue', 'Helvetica', 'sans-serif';
}
