@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
body {
  font-family: 'Poppins', sans-serif; }

img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

h1 {
  font-size: 4.5rem;
  font-weight: 700; }

h2 {
  font-size: 3rem;
  font-weight: 700; }

h3 {
  font-size: 2rem; }

p {
  color: #757575; }
  p:not(:last-of-type) {
    margin-bottom: 1rem; }
  p:last-of-type {
    margin-bottom: 0; }

a {
  color: inherit; }
  a:hover {
    color: inherit; }

input:not([type=checkbox]),
textarea,
select {
  display: block;
  width: 100%;
  min-height: 47px;
  background-color: #fff;
  border-radius: 4px;
  border-width: 2px !important;
  border: solid #F0F2F5;
  padding: 10px 15px 9px;
  outline: 0 !important; }

textarea {
  height: 160px;
  resize: none; }

.button {
  background-color: #00C2FF;
  color: #fff;
  border-radius: 50px;
  border: none;
  padding: 15px 32px 14px;
  cursor: pointer;
  outline: 0 !important;
  transition: background-color .25s ease; }
  .button:hover {
    background-color: #02256A; }

.content-600 {
  max-width: 600px;
  margin: 0 auto; }

.content-910 {
  max-width: 910px;
  margin: 0 auto; }

.section-title-block {
  background-size: cover;
  background-position: center center;
  padding: 100px 0; }
  .section-title-block .section-title {
    background-color: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(35px);
    text-align: center;
    padding: 50px 0; }
    .section-title-block .section-title h1 {
      color: #fff; }
    .section-title-block .section-title p {
      color: #fff;
      font-size: 1.25rem; }

.home-page .section-title-block {
  background-image: url("../img/img-1.jpg"); }

.subscription-page .section-title-block {
  background-image: url("../img/img-3.jpg"); }

.faq-page .section-title-block {
  background-image: url("../img/img-4.jpg"); }

.header {
  background-color: #fff; }
  .header .content {
    position: relative;
    height: 80px; }
  .header ul {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
    .header ul li:not(:last-of-type) {
      margin-right: 50px; }
    .header ul li a {
      text-transform: uppercase; }
    .header ul li.active a {
      color: #00C2FF; }
  .header .phone {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }

.footer {
  padding-bottom: 15px; }
  .footer .content {
    text-align: center; }

.home-page .section-content-1 {
  background-color: #FAFAFB;
  padding: 100px 0; }
  .home-page .section-content-1 .text-wrapper {
    text-align: center;
    margin-bottom: 60px; }
    .home-page .section-content-1 .text-wrapper h2 {
      margin-bottom: 1rem; }
    .home-page .section-content-1 .text-wrapper p {
      margin-bottom: 0; }
      .home-page .section-content-1 .text-wrapper p:first-of-type {
        margin-bottom: .5rem; }
  .home-page .section-content-1 .item-box {
    height: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 30px; }
    .home-page .section-content-1 .item-box .img {
      margin-bottom: 20px; }
.home-page .section-content-2 {
  padding: 100px 0; }
  .home-page .section-content-2 a {
    color: #000; }
  .home-page .section-content-2 p {
    margin-bottom: 8px; }
    .home-page .section-content-2 p:last-of-type {
      margin-bottom: 50px; }
  .home-page .section-content-2 h3 {
    margin-bottom: 15px; }
  .home-page .section-content-2 .input-wrapper {
    margin-bottom: 18px; }

.subscription-page .form-wrapper {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
  padding: 45px;
  margin-top: -50px;
  margin-bottom: 100px; }
  .subscription-page .form-wrapper p {
    margin-bottom: 25px; }
  .subscription-page .form-wrapper h3 {
    margin-bottom: 25px; }
  .subscription-page .form-wrapper input[type=text] {
    margin-bottom: 25px; }
  .subscription-page .form-wrapper .unsubscribe-check-wrapper {
    width: calc(100% - 1.25rem);
    margin: 0 0 25px auto; }
  .subscription-page .form-wrapper .button {
    display: table;
    margin-left: auto; }

.faq-page h3 {
  max-width: calc(100% - 60px);
  margin-bottom: 25px; }
.faq-page .content-list {
  margin-top: -50px;
  margin-bottom: 100px; }
.faq-page .content-item {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);
  padding: 40px 50px 45px;
  cursor: pointer; }
  .faq-page .content-item:not(:last-of-type) {
    margin-bottom: 30px; }
  .faq-page .content-item::before {
    content: "";
    position: absolute;
    bottom: 40px;
    left: 50px;
    width: calc(100% - 100px);
    height: 5px;
    background-color: #8EEFFF; }
  .faq-page .content-item span {
    position: absolute;
    top: 45px;
    right: 50px;
    display: block;
    width: 28px;
    height: 28px; }
    .faq-page .content-item span::before, .faq-page .content-item span::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 2px;
      background-color: #000;
      transition: opacity .2s ease; }
    .faq-page .content-item span::before {
      transform: translate(-50%, -50%); }
    .faq-page .content-item span::after {
      transform: translate(-50%, -50%) rotate(90deg); }
  .faq-page .content-item .desc {
    display: none;
    margin-bottom: 30px; }
  .faq-page .content-item.show span::after {
    opacity: 0; }
  .faq-page .content-item.show .desc {
    display: block; }

@media (max-width: 1199px) {
  section .content .bg {
    height: 350px; }

  .content-910 {
    max-width: none; }

  h2 {
    font-size: 3rem; } }
@media (max-width: 991px) {
  .home-page .section-content-1 .item-box {
    height: auto; }
  .home-page .section-content-1 .col-lg-4:not(:last-of-type) .item-box {
    margin-bottom: 30px; }
  .home-page .section-content-2 .col-lg-6:nth-of-type(2) {
    display: none; } }
@media (max-width: 767px) {
  h1 {
    font-size: 4rem; }

  .header .content {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .header ul {
    height: auto;
    margin-bottom: 5px; }
  .header .phone {
    position: relative;
    top: 0;
    font-weight: 700;
    text-align: center;
    transform: translateY(0); }

  .home-page .form-wrapper .input-wrapper:nth-of-type(1),
  .home-page .form-wrapper .input-wrapper:nth-of-type(2),
  .home-page .form-wrapper .input-wrapper:nth-of-type(3),
  .home-page .form-wrapper .input-wrapper:nth-of-type(4) {
    width: 100%;
    margin-right: 0; } }
@media (max-width: 575px) {
  h1 {
    font-size: 3rem; }

  h2 {
    font-size: 2.5rem; }

  h3 {
    font-size: 1.75rem; }

  .subscription-page .form-wrapper {
    padding: 45px 15px; }

  .faq-page .content-item {
    padding: 45px 15px; }
    .faq-page .content-item::before {
      left: 15px;
      width: calc(100% - 30px); }
    .faq-page .content-item span {
      right: 15px; } }

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