@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd, ul, ol {
  margin: 0;
  padding: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
*::before,
*::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.pricing {
  display: flex;
  background-color: white;
  margin-top: 2.5em;
  justify-content: center;
  box-shadow: 0px 1px 2px 0px rgba(45, 54, 66, 0.0705882353), 0px 2px 4px 0px rgba(45, 54, 66, 0.0705882353);
  flex-flow: row column;
}
.pricing__item {
  padding: 1.5em;
  border: 0.03125em solid #E4E4E4;
  border-width: 0 0.03125rem;
  flex: 1;
}
.pricing__msg > * + * {
  margin-top: 0.5em;
}
.pricing__msg--title {
  font-family: Merriweather serif;
  font-size: 1.75rem;
  font-weight: 700;
}
.pricing__msg--details {
  color: #61666D;
  font-size: 0.875rem;
}
.pricing__details {
  font-size: 0.875rem;
  margin-top: 2.5em;
  margin-bottom: 1.625em;
}
.pricing__value {
  margin-top: 1.5em;
  font-weight: 700;
  font-family: Merriweather;
  align-items: flex-end;
  display: flex;
  gap: 0.25em;
}
.pricing__value .price {
  font-size: 2.6875rem;
}
.pricing .cta {
  text-decoration: none;
  background-color: #F4364C;
  width: 100%;
  display: block;
  text-align: center;
  padding-block: 0.75em;
  border-radius: 0.25em;
  color: white;
  margin-top: 2.5em;
}
.pricing .cta2 {
  text-decoration: none;
  background-color: #F4364C;
  width: 100%;
  display: block;
  text-align: center;
  padding-block: 0.75em;
  border-radius: 0.25em;
  color: white;
}
.pricing .features {
  margin-top: 2em;
  position: relative;
}

.con {
  margin-top: 1.25em;
  margin-bottom: 0.5em;
}
.con select {
  width: 100%;
  padding: 0.625em 1em;
  background-color: white;
}
.con select::marker {
  color: green;
  position: absolute;
}

.try {
  display: flex;
  gap: 2em;
  justify-content: center;
  margin-block: 1.5em;
  padding-block: 2.5em;
  padding-inline: 8.25em;
  background-color: white;
  box-shadow: 0px 1px 2px 0px rgba(45, 54, 66, 0.0705882353), 0px 0px 4px 0px rgba(45, 54, 66, 0.0705882353), 0px 0px 8px 0px rgba(45, 54, 66, 0.0705882353), 0px 8px 12px 0px rgba(45, 54, 66, 0.0392156863);
  flex-wrap: wrap;
}
.try span {
  font-weight: 600;
  color: rgb(10, 10, 10);
}
.try p {
  color: #5e5e5e;
}
.try a {
  text-decoration: none;
  padding: 0.5em 1em;
  border: 2px solid #c9c9c9;
  color: #5e5e5e;
  border-radius: 4px;
}

body {
  font-family: "Open Sans", sans-serif;
}

main {
  max-width: 57.9375rem;
  margin-inline: auto;
  translate: 0 8.75em;
  margin-bottom: 1.25em;
}
main h1 {
  font-family: "Merriweather", serif;
  font-size: 2.625rem;
  color: white;
  font-weight: 700;
  text-align: center;
}
main h2 {
  font-weight: 400;
  color: white;
  font-size: 1rem;
  text-align: center;
  margin-top: 1.5em;
}

.container-d {
  background: radial-gradient(100% 100% at 100% 100%, #ffb140 0%, #fd3a5c 100%);
  height: 43.375rem;
  padding-inline: 1rem;
}

@media (max-width: 991.98px) {
  :root {
    font-size: 12px;
  }
}
@media (max-width: 750.98px) {
  .pricing {
    flex-flow: column wrap;
    gap: 1rem;
  }
  .pricing__item {
    border-width: 0.5px;
  }
  .pricing__details {
    text-align: center;
  }
  .container-d {
    min-height: 100%;
  }
  .pricing__msg--title {
    text-align: center;
  }
  .pricing__msg--details {
    text-align: center;
  }
  .pricing__value {
    justify-content: center;
  }
}
.hi {
  list-style: circle;
  position: relative;
  display: flex;
  gap: 0.75em;
  align-items: flex-start;
  font-size: 0.875rem;
}
.hi ::marker {
  content: "ddd";
}
.hi img {
  padding-top: 0.5em;
}

.uu p {
  font-weight: 700;
}

/*# sourceMappingURL=style.css.map */