@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Work+Sans:wght@500;600;700;800&display=swap");
@import url("header.css");
@import url("pricing_table.css");
@import url("features.css");
@import url("faqs.css");
@import url("success.css");
@import url("failedPayment.css");

* {
  -webkit-font-smoothing: antialiased;
}

*:focus {
  outline: none;
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #333333;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Work Sans", sans-serif;
}

.container-fluid {
  max-width: 980px;
  margin: 0 auto;
}

.container-fluid.table {
  max-width: 1280px;
}

.button {
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  padding: 12px 16px;
}

/* Blue button */
.button.blue {
  background-color: #16a0db;
  color: #fff;
  border: 2px solid #16a0db;
  position: relative;
}

.button.blue:hover {
  background-color: transparent;
  color: #16a0db;
}

.button.clear {
  background-color: transparent;
  color: #16a0db;
}

.button.clear:hover {
  background-color: #16a0db;
  color: #fff;
}
/* Blue button end */

.button.arrow {
  padding: 12px 44px 12px 16px;
}
.button.arrow:after {
  content: "";
  position: absolute;
  top: 13px;
  right: 13px;
  background-image: url("../images/btn-arrow.svg");
  width: 20px;
  height: 20px;
}
.button.arrow:hover:after {
  background-image: url("../images/btn-arrow-blue.svg");
}

/* Red button */
.button.red {
  background-color: #E83C36;
  color: #fff;
  border: 2px solid #E83C36;
  position: relative;
}
.button.red:hover {
  background-color: transparent;
  color: #E83C36;
}
/* Red button end */

a {
  color: #16a0db;
}
a:hover {
  color: #005580;
}


@media screen and (max-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}