/*  *Theme Name: ECHH
 *  *Version: 1.1
 *  *Text Domain: wpmix
 *  *Author: hope.agency*/
@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");
/* Base style */  
html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  font-family: "Google Sans Flex", sans-serif;
  overflow-x: hidden;
  font-size: 2rem;
  padding: 0;
  font-weight: 400;
  color: #000;
  background-color: #fff;
  position: relative;
  line-height: 1.6;
}

b, strong {
  font-weight: 700;
}

.btn {
  cursor: pointer;
  font-size: 3rem;
  font-weight: 700;
  padding: 1rem 4rem;
  border-radius: 0;
  border: 0.1rem solid transparent;
  letter-spacing: 0.05rem;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: none;
}
.btn.btn-primary {
  background: #0681a0;
  color: #fff;
}
.btn.btn-primary:hover {
  background: #04596f;
}

h1, h2, h3, h4 {
  font-family: "Google Sans Flex", sans-serif;
  font-weight: 700;
  margin-bottom: 3rem;
  line-height: 1.2;
  color: #0681a0;
}

h1, h2 {
  font-size: 3.6rem;
}

h3 {
  font-size: 2.4rem;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a, a:hover {
  text-decoration: none;
  color: inherit;
}

p {
  margin-bottom: 3rem;
}
p a {
  text-decoration: underline;
}

.transition {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.radius {
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  border-radius: 1.6rem;
}

.transformCenter {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.row {
  margin: 0 -1.5rem;
}
.row div[class^=col-] {
  padding: 0 1.5rem;
}

.container, .container-fluid {
  padding: 0 1.5rem;
}

.sec-pad-sm {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.sec-pad-md {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.sec-pad-lg {
  padding-top: 15rem;
  padding-bottom: 15rem;
}

.text-white {
  color: #fff;
}
.text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white p, .text-white li {
  color: #fff;
}

/* End Base style */
main {
  min-height: 75vh;
}
main ul {
  list-style: disc;
  padding-left: 2rem;
  margin-bottom: 3rem;
}
main ul li {
  margin-bottom: 1rem;
}

.skip-link {
  position: absolute;
  top: -10rem;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px;
  z-index: 1000;
  text-decoration: none;
}

.skip-link:focus {
  top: 0;
}

#mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item > a.mega-menu-link:focus {
  font-weight: 500;
}

.standard-block:nth-last-of-type(1) .inner {
  border-bottom: none !important;
}
.standard-block .section-title {
  border-bottom: 0.1rem solid #0681a0;
  margin-bottom: 5rem;
  padding-bottom: 5rem;
}
.standard-block .section-title h1, .standard-block .section-title h2, .standard-block .section-title h3, .standard-block .section-title h4, .standard-block .section-title h5 {
  margin-bottom: 0;
}
.standard-block .inner {
  width: 100%;
  max-width: 73rem;
  border-bottom: 0.1rem solid #0681a0;
}
.standard-block .text-wrapper {
  position: relative;
}
.standard-block .more-info {
  position: absolute;
  left: 100%;
  top: -5rem;
  color: #fff;
  margin-left: 3rem;
  z-index: 9;
}
.standard-block .more-info .more-info-content {
  width: 38.5rem;
  background: #0681a0;
  padding: 3rem 2rem;
  display: block;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  margin-top: -2.5rem;
  position: relative;
  z-index: -1;
}
.standard-block .more-info .more-info-trigger {
  display: inline-block;
  cursor: pointer;
  z-index: 10;
  position: relative;
  left: 2rem;
}
.standard-block .more-info:hover .more-info-trigger + .more-info-content {
  display: block;
  z-index: 9;
}

.standard-text p:nth-last-of-type(1) {
  margin-bottom: 1rem;
}
.standard-text p a {
  text-decoration: underline;
  color: #0681a0;
}
.standard-text ul, .standard-text ol {
  margin-bottom: 3rem;
}
.standard-text ul li, .standard-text ol li {
  margin-bottom: 1.5rem;
}
.standard-text table {
  background-color: #0681a0;
  color: #fff;
  width: 100%;
}
.standard-text table tr td {
  padding: 1.5rem 2rem;
  font-size: 2.4rem;
  vertical-align: top;
  line-height: 1.4;
}
.standard-text table tr td:last-child {
  text-align: right;
  font-size: 3.6rem;
  font-weight: 500;
}

#main-content {
  padding-top: 4rem;
}

.standard-block {
  position: relative;
}
.standard-block .container {
  position: relative;
  z-index: 9;
}

#section-1:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 41.2rem;
  height: 40rem;
  background-image: url(img/bg-1.svg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  z-index: 0;
}

#section-2:before {
  content: "";
  position: absolute;
  bottom: -8rem;
  right: -5rem;
  width: 46rem;
  height: 43rem;
  background-image: url(img/SVG/bg-2.svg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  z-index: 0;
}

#section-3:before {
  content: "";
  position: absolute;
  bottom: -6rem;
  right: -5rem;
  width: 40rem;
  height: 40rem;
  background-image: url(img/SVG/bg-3.svg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  z-index: 0;
}

#section-4:before {
  content: "";
  position: absolute;
  bottom: -15rem;
  right: -3rem;
  width: 40rem;
  height: 40rem;
  background-image: url(img/SVG/bg-4.svg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  z-index: 0;
}

#site-footer {
  background-color: #e6f2f5;
  padding-top: 6rem;
  padding-bottom: 8rem;
}
#site-footer h2 {
  font-size: 2.4rem;
}
#site-footer .copyright {
  padding-top: 5rem;
}
#site-footer .copyright p {
  font-size: 1.3rem;
}

#sign-up .inner .section-title, #contact .inner .section-title {
  border-bottom: none;
  margin-bottom: 0rem;
}

@media only screen and (min-width: 1300px) {
  ul#mega-menu-top-menu {
    width: 100%;
    max-width: 120rem !important;
    margin: auto !important;
  }

  .container {
    max-width: 120rem !important;
    margin: auto !important;
  }
}
@media only screen and (max-width: 1200px) {
  .standard-block .more-info {
    left: auto;
    margin-left: 0;
    right: 0;
    position: relative;
    top: 0;
    margin-top: 5rem;
    width: 100%;
  }

  .standard-block .more-info .more-info-trigger {
    margin-left: 0;
    top: -1rem;
  }

  .standard-block .more-info .more-info-content {
    width: 100%;
  }

  .standard-block .more-info .more-info-trigger {
    display: block;
    width: 3rem;
  }
  .standard-block .more-info .more-info-trigger svg, .standard-block .more-info .more-info-trigger img {
    width: 100%;
    height: auto;
  }

  #section-1:before,
#section-2:before,
#section-3:before,
#section-4:before {
    width: 20rem;
    height: 21rem;
  }

  body {
    font-size: 1.6rem;
  }

  .standard-text table tr td {
    font-size: 2rem;
  }

  .standard-text table tr td:last-child {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-top-menu .mega-menu-toggle.mega-menu-open + #mega-menu-top-menu {
    height: calc(100vh - 7rem);
    padding-top: 4rem;
    overflow-y: auto;
  }

  #mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item {
    border-bottom: 1px solid #c8dce3;
  }
}
@media only screen and (max-width: 992px) {
  #section-1:before, #section-2:before, #section-3:before, #section-4:before {
    width: 16rem;
    height: 18rem;
  }
}
@media only screen and (max-width: 767px) {
  .sec-pad-md {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  h1, h2 {
    font-size: 2.8rem;
  }

  #section-1:before {
    width: 12rem;
    height: 12rem;
    top: -2.8rem;
    right: -3rem;
  }

  #section-2:before, #section-3:before, #section-4:before {
    width: 15rem;
    height: 17rem;
  }

  .standard-text table tr td {
    font-size: 1.8rem;
  }

  .standard-text table tr td:last-child {
    font-size: 2rem;
  }

  .btn {
    cursor: pointer;
    font-size: 2.4rem;
  }
}

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