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

* {
  margin: 0;
  padding: 0;
}

.wave-shape {
  position: relative;
  background: #2d1948;
  height: 65vh;
}
@media (max-width: 991px) {
  .wave-shape {
    height: auto;
    background: transparent;
    position: unset;
  }
}

.custom-shape-divider-top-1679654659 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}
@media (max-width: 991px) {
  .custom-shape-divider-top-1679654659 {
    display: none;
  }
}

.custom-shape-divider-top-1679654659 svg {
  position: relative;
  display: block;
  width: calc(185% + 1.3px);
  height: 65vh;
}
@media (min-width: 768px) and (max-width: 991px) {
  .custom-shape-divider-top-1679654659 svg {
    height: 140vh;
  }
}

.custom-shape-divider-top-1679654659 .shape-fill {
  fill: #ffffff;
}

.navbar-expand-lg {
  background-color: #ebd3c3;
}

.text-bold {
  font-weight: bold !important;
}

.navbar .navbar-brand img {
  max-width: 200px;
}
.navbar a.mobile-top-phone {
  text-decoration: none;
  color: inherit;
  margin-top: 2rem;
}
@media (min-width: 992px) {
  .navbar a.mobile-top-phone {
    display: none;
  }
}
.navbar a.mobile-top-phone i {
  color: #58d190;
  font-size: 1.5rem;
}
.navbar .navbar-text i {
  color: #58d190;
  font-size: 1.5rem;
}
.navbar .navbar-text a {
  text-decoration: none;
  margin-right: 1rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .navbar .navbar-text {
    position: absolute;
    bottom: 0;
  }
  .navbar .navbar-text a {
    margin-bottom: 1rem;
    display: block;
  }
}

@media (max-width: 767px) {
  .navbar-nav {
    margin-bottom: 1rem;
  }
}

.btn.btn-pcc {
  border-radius: 0.375rem;
  color: #ffffff;
  border: none;
  background: #e18442;
}
.btn.btn-pcc:hover, .btn.btn-pcc:active, .btn.btn-pcc:focus {
  color: #ffffff;
  box-shadow: 0 17px 10px -10px rgba(0, 0, 0, 0.4);
}
.btn.btn-pcc.btn-lg {
  padding: 1rem 3rem;
}
.btn.btn-primary {
  background-color: #e18442;
  border-color: #e18442;
  border-radius: 30px;
  padding: 10px 3rem;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
  background-color: #cc6b25;
  border-color: #e18442;
}
.btn.btn-white {
  background-color: #ffffff;
  color: #2d1948;
  border-radius: 30px;
  padding: 15px;
}
.btn.btn-white:hover {
  background-color: rgba(255, 255, 255, 0.5725490196);
}

.offcanvas-title .mobile-logo {
  max-width: 150px;
}

.hero-container-2 {
  padding-top: 2rem;
  background-color: #ebd3c3;
}
@media (max-width: 991px) {
  .hero-container-2 {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
}
@media (max-width: 991px) {
  .hero-container-2 {
    padding-bottom: 0;
  }
}
.hero-container-2 .hero-content {
  position: relative;
  z-index: 2;
}
.hero-container-2 .hero-content form {
  background: #2d1948;
  border-radius: 10px;
  padding: 2.5rem;
  box-shadow: 9px 9px 1px -1px rgba(0, 0, 0, 0.4745098039);
}
@media (max-width: 767px) {
  .hero-container-2 .hero-content form {
    padding: 1rem;
  }
}
.hero-container-2 .hero-content form fieldset legend {
  color: #ffffff;
  font-weight: 800;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .hero-container-2 .hero-content form fieldset legend {
    font-size: 1rem;
  }
}
.hero-container-2 .hero-content form fieldset small {
  color: #ffffff;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.hero-container-2 .hero-content form fieldset .form-fields {
  margin-top: 1rem;
}
.hero-container-2 .hero-content form fieldset .address-field {
  height: 50px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.hero-container-2 .hero-content .hero-para {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .hero-container-2 .hero-content .hero-para {
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-container-2 .hero-content .hero-para {
    margin-bottom: 50px;
  }
}
.hero-container-2 .hero-text {
  padding-right: 3rem;
}
@media (max-width: 991px) {
  .hero-container-2 .hero-text {
    padding: 1rem;
  }
}
.hero-container-2 .hero-text p {
  margin-bottom: 3rem;
}
@media (max-width: 767px) {
  .hero-container-2 .hero-text p {
    margin-bottom: 1rem;
  }
}
.hero-container-2 h1 {
  color: #e18442;
  font-weight: 800;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .hero-container-2 h1 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }
}
.hero-container-2 img.hero-bg {
  width: 100%;
  margin-top: -350px;
}
@media (max-width: 767px) {
  .hero-container-2 img.hero-bg {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-container-2 img.hero-bg {
    margin: 0;
  }
}

.hero-container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (max-width: 991px) {
  .hero-container {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
}
.hero-container .hero-text {
  padding-right: 3rem;
}
@media (max-width: 991px) {
  .hero-container .hero-text {
    padding: 1rem;
  }
}
.hero-container .hero-text p {
  margin-bottom: 3rem;
}
@media (max-width: 767px) {
  .hero-container .hero-text p {
    margin-bottom: 1rem;
  }
}
.hero-container h1 {
  color: #e18442;
  font-weight: 800;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .hero-container h1 {
    margin-bottom: 1rem;
  }
}
.hero-container form {
  background: #ebd3c3;
  border: 2px solid #e18442;
  border-radius: 10px;
  padding: 1rem 1rem 2rem;
  box-shadow: 9px 9px 1px -1px rgba(0, 0, 0, 0.4745098039);
}
.hero-container form fieldset legend {
  color: #2d1948;
  font-weight: 800;
  font-size: 1.8rem;
}
.hero-container form fieldset small {
  color: #2d1948;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.hero-container form fieldset .form-fields {
  margin-top: 1rem;
}
.hero-container form fieldset.address-fields {
  position: relative;
}
.hero-container form fieldset.address-fields .disbled-form {
  position: absolute;
  height: -webkit-fill-available;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  cursor: not-allowed;
  transition: 0.5s;
  border-radius: 10px;
}
.hero-container form fieldset.address-fields .disbled-form:hover {
  background-color: rgba(51, 51, 51, 0.1921568627);
}
.hero-container form fieldset.address-fields .form-field {
  position: relative;
  z-index: 0;
}

.page-text {
  color: #2d1948;
}

section {
  min-height: 100px;
}
section.process {
  background: #2d1948;
  padding-bottom: 4rem;
}
section.process .process-heading {
  padding: 2rem;
}
section.process .process-wrap {
  padding: 1.5rem;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e18442;
}
@media (max-width: 767px) {
  section.process .process-wrap {
    padding: 1rem;
  }
}
section.process .process-wrap .wrap {
  padding: 1rem;
}
@media (max-width: 767px) {
  section.process .process-wrap .wrap {
    padding: 1rem;
  }
}
section.process .process-wrap .wrap .icon-box {
  margin-bottom: 1rem;
}
section.process .process-wrap .wrap .icon-box .icon {
  background: #e18442;
  color: #ffffff;
  padding: 11px 13px;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  margin-right: 1rem;
}
section.process .process-wrap .wrap .icon-box .icon i {
  font-size: 1.5rem;
}
section.process .process-wrap .wrap .icon-box .text {
  font-size: 1.4rem;
  font-weight: bold;
  color: #2d1948;
  min-height: 70px;
}
@media (max-width: 767px) {
  section.process .process-wrap .wrap .icon-box .text {
    min-height: 0;
  }
}
section.process-2 {
  padding: 3rem;
}
@media (max-width: 767px) {
  section.process-2 {
    padding: 2rem 1rem;
  }
}
section.process-2 img {
  display: block;
  margin: 0 auto;
  height: 100px;
}
section.process-2 .icon-title {
  margin-top: 2rem;
  text-align: center;
  font-weight: 500;
  font-size: 1.2rem;
  color: #2d1948;
}
@media (max-width: 767px) {
  section.process-2 .icon-title {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
section.convert-your-property {
  background-color: #2d1948;
  padding: 3rem;
}
@media (max-width: 767px) {
  section.convert-your-property {
    padding: 2rem 1rem;
  }
}
section.convert-your-property .wrapper {
  background: #ffffff;
  border: 2px solid #e18442;
  border-radius: 10px;
  padding: 2rem;
}
section.convert-your-property img {
  display: block;
  margin: 0 auto;
  height: 100px;
}
section.convert-your-property .icon-title {
  margin-top: 2rem;
  text-align: center;
  font-weight: 500;
  font-size: 1.2rem;
  color: #2d1948;
}
@media (max-width: 767px) {
  section.convert-your-property .icon-title {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
section.compare-table {
  padding: 4rem 0;
}
@media (max-width: 767px) {
  section.compare-table {
    padding: 2rem 1rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  section.compare-table {
    padding: 2rem 1rem;
  }
}
section.compare-table h5 {
  font-weight: 600;
}
section.compare-table .title {
  height: 55px;
}
section.compare-table .table-container {
  margin-top: 2rem;
}
section.compare-table .table-container ul {
  margin-left: -30px;
  color: #2d1948;
}
section.compare-table .table-container ul li {
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #2d1948;
  padding: 5px 0;
}
@media (max-width: 767px) {
  section.compare-table .table-container ul li {
    font-size: 0.6rem;
  }
}
section.compare-table .table-container ul li:last-child {
  border-bottom: none;
}
section.compare-table .table-container .table-wrap {
  padding: 1rem;
}
@media (max-width: 767px) {
  section.compare-table .table-container .table-wrap {
    padding: 0;
  }
}
@media (max-width: 767px) {
  section.compare-table .table-container .table-wrap h5 {
    padding-top: 40px;
    font-size: 0.6rem;
  }
}
section.compare-table .table-container .table-wrap img {
  max-height: 45px;
}
section.compare-table .table-container .process ul li {
  text-align: left;
}
section.compare-table .table-container .comparison-item.featured {
  background-color: #ebd3c3;
  border-radius: 10px;
  border: 1px solid #e18442;
  box-shadow: 9px 9px 1px -1px rgba(0, 0, 0, 0.4745098039);
}
section.compare-table-v2 span {
  border-bottom: 1px solid #2d1948;
  width: 100%;
  display: block;
}
section.compare-table-v2 span.pcc, section.compare-table-v2 span.estate-agent {
  text-align: center;
}
section.compare-table-v2 .last-record span {
  font-weight: bold;
  border: none;
}
section.section {
  padding-top: 3rem;
}
section.we-more-than {
  background-color: #2d1948;
  padding: 4rem 0;
  color: #ffffff;
}
section.we-more-than.old {
  margin-top: -3rem;
}
section.we-more-than .content {
  padding: 4rem 0 0;
}
@media (max-width: 767px) {
  section.we-more-than .content {
    padding: 1rem 0 0;
  }
}
@media (max-width: 767px) {
  section.we-more-than {
    padding: 2rem 0;
  }
}
section.we-more-than ul {
  margin-left: -30px;
}
section.we-more-than ul li {
  list-style: none;
}
section.explore-option {
  padding: 4rem 3rem 3rem;
}
@media (max-width: 767px) {
  section.explore-option {
    padding: 1rem 0;
  }
}
section.explore-option .options {
  background-color: #ebd3c3;
  padding: 1rem;
  border: 1px solid #e18442;
  border-radius: 10px;
  text-align: center;
  min-height: 230px;
}
@media (max-width: 767px) {
  section.explore-option .options {
    min-height: 50px;
  }
}
section.explore-option .options.pcc {
  background-color: #2d1948;
  color: #ffffff;
  border-width: 2px;
}
@media (max-width: 767px) {
  section.explore-option .options {
    margin-bottom: 1rem;
  }
}
section.popular-service .content {
  padding: 12rem 2rem;
}
@media (max-width: 767px) {
  section.popular-service .content {
    padding: 0;
  }
}
section.get-free-cash .content {
  padding: 4rem 2rem;
  background-color: #2d1948;
  border-radius: 10px;
  color: #ffffff;
}
section.get-free-cash .content .section-heading {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  section.get-free-cash .content {
    padding: 1rem;
    text-align: center;
  }
  section.get-free-cash .content .section-heading {
    margin-bottom: 2rem;
  }
}
section.faqs {
  padding: 2rem 0;
}
section.faqs .accordion-item {
  margin-bottom: 1rem;
  border: 1px solid #e18442 !important;
  border-radius: 10px !important;
}
section.faqs .accordion-button {
  border-radius: 10px !important;
  color: #333333;
}
section.faqs .accordion-button:not(.collapsed) {
  background-color: #ebd3c3;
}
section.faqs .accordion-button:focus {
  box-shadow: none !important;
}
section.footer {
  bottom: 0;
  background-color: #2d1948;
  padding: 5rem 5rem 2rem;
  color: #ffffff;
}
@media (max-width: 767px) {
  section.footer {
    padding: 1rem;
    text-align: center;
  }
}
section.footer img.footer-logo {
  max-width: 250px;
}
@media (max-width: 767px) {
  section.footer img.footer-logo {
    margin-bottom: 1rem;
  }
}
section.footer .call-us {
  color: #ffffff;
}
@media (max-width: 767px) {
  section.footer .call-us {
    margin-bottom: 1rem;
  }
}
section.footer .call-us .fa-phone {
  color: #58d190;
  font-size: 3rem;
  margin-right: 1rem;
}
section.footer .call-us p {
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  section.footer .call-us p {
    font-size: 1rem;
  }
}
section.footer .footer-btn {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  section.footer .footer-btn {
    margin-bottom: 2rem;
  }
}
section.footer .social-media {
  margin-left: -40px;
  text-align: center;
  margin-top: 2rem;
}
section.footer .social-media a {
  text-decoration: none;
}
section.footer .social-media li {
  list-style: none;
  margin-right: 1rem;
  display: inline-flex;
}
section.thank-you-page {
  padding-top: 5rem;
}
section.thank-you-page .h2 {
  padding-top: 3rem;
}
section.thank-you-page a {
  text-decoration: none;
  font-size: 1.2rem;
  color: #2d1948;
  font-weight: bold;
}
section.report-header {
  background: #ebd3c3;
}
@media (max-width: 991px) {
  section.report-header {
    height: auto;
  }
}
section.report-header img.property-image {
  width: 350px;
  margin-top: -75px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.report-header img.property-image {
    width: 300px;
    height: auto;
  }
}
@media (max-width: 991px) {
  section.report-header img.property-image {
    width: 275px;
    height: auto;
  }
}
section.report-header .heading {
  color: #2d1948;
  padding: 3rem 0 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.report-header .heading {
    padding: 2rem 0 0;
  }
}
section.report-header .heading h1 {
  font-size: 2rem;
}
@media (min-width: 992px) and (max-width: 1199px) {
  section.report-header .heading h1 {
    font-size: 1.5rem;
  }
}
section.report-wrap {
  position: relative;
  z-index: inherit;
  background-color: #ffffff;
  padding: 2rem;
}
@media (max-width: 767px) {
  section.report-wrap {
    padding: 1rem;
  }
}
section.report-wrap .offer-value {
  background-color: #2d1948;
  padding: 2rem;
  color: #ebd3c3;
  text-align: center;
  border-radius: 20px;
  box-shadow: 9px 9px 1px -1px rgba(0, 0, 0, 0.4745098039);
}
section.report-wrap .offer-value ul li {
  border-radius: 20px;
}
section.report-wrap .offer-value ul li.offer {
  background-color: #ffffff;
  color: #2d1948;
}
section.report-wrap .offer-value ul li.value {
  background-color: #e18442;
  color: #ffffff;
}
section.report-wrap .confidence-level {
  padding: 1rem;
  border-radius: 20px;
  border: 1px solid #2d1948;
  box-shadow: 9px 9px 1px -1px rgba(0, 0, 0, 0.4745098039);
}
section.report-wrap .confidence-level ul {
  padding: 0;
}
section.report-wrap .confidence-level ul li {
  font-size: 1rem;
}
section.report-wrap .confidence-level ul li.confidence {
  color: #2d1948;
  border-right: 2px solid #2d1948;
  padding-right: 1rem;
}
@media (max-width: 767px) {
  section.report-wrap .confidence-level ul li.confidence {
    border-right: none;
    border-bottom: 2px solid #2d1948;
  }
}
section.report-wrap .confidence-level ul li.level {
  padding-left: 1rem;
  text-align: center;
  text-transform: uppercase;
}
section.report-wrap .confidence-level ul li.level.high {
  color: #0bbc17;
}
section.report-wrap .confidence-level ul li.level.low {
  color: #bc0b0b;
}
section.report-wrap ul {
  display: flex;
  margin-left: -1rem;
  margin-bottom: 0;
  font-weight: bold;
}
@media (max-width: 767px) {
  section.report-wrap ul {
    display: flow;
    padding-left: 1rem !important;
  }
}
section.report-wrap ul li {
  list-style: none;
  width: 50%;
  margin-left: 1rem;
  padding: 1rem;
  text-align: center;
}
@media (max-width: 767px) {
  section.report-wrap ul li {
    width: 100%;
    margin: 0;
    margin-bottom: 1rem;
  }
  section.report-wrap ul li:nth-child(2) {
    margin-bottom: 0;
  }
}
section .other-buying-companies {
  background-color: #ebd3c3;
  padding: 1rem;
  border: 1px solid #e18442;
  border-radius: 10px;
  text-align: center;
  box-shadow: 9px 9px 1px -1px rgba(0, 0, 0, 0.4745098039);
  color: #2d1948;
}
@media (max-width: 767px) {
  section .other-buying-companies {
    box-shadow: 0px 0px 15px 0px #2d1948;
  }
}
section .other-buying-companies .pcc {
  background-color: #2d1948;
  margin: -2rem;
  color: #ffffff;
  border-radius: 10px;
  padding: 1rem;
  border: 1px solid #e18442;
}
@media (max-width: 767px) {
  section .other-buying-companies .pcc {
    margin: 0;
  }
}
section .other-buying-companies .pcc .h5 {
  color: #ffffff;
}
section .other-buying-companies .border-right {
  border-width: 0 2px 0 0;
  border-style: solid;
  border-color: #e18442;
}
@media (max-width: 767px) {
  section .other-buying-companies .border-right {
    padding-bottom: 1rem;
    border-width: 0 0 2px 0;
  }
}
@media (max-width: 767px) {
  section .other-buying-companies .wrap {
    margin-bottom: 1rem;
  }
}

.section-heading {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .section-heading {
    font-size: 1.2rem;
  }
}

.section-heading2 {
  font-size: 3rem;
  font-weight: 800;
}
@media (max-width: 767px) {
  .section-heading2 {
    font-size: 2rem;
  }
}

.text-primary-color {
  color: #e18442 !important;
}

.text-secondary-color {
  color: #e9d6c7;
}

.condition-icons i.fa {
  color: #e18442;
  font-size: 2rem;
  padding-right: 1rem;
}
@media (max-width: 767px) {
  .condition-icons {
    margin-bottom: 1rem;
  }
}

.map-location-icons i.fa {
  color: #e18442;
  font-size: 2rem;
  padding-right: 1rem;
}
@media (max-width: 767px) {
  .map-location-icons {
    margin-bottom: 1rem;
  }
}

.footer-phone {
  text-align: center;
  width: 100%;
  padding-top: 2rem;
}
.footer-phone a {
  text-decoration: none;
  color: inherit;
  margin-top: 2rem;
  color: #ffffff;
}
.footer-phone a i {
  color: #58d190;
  font-size: 1.5rem;
}

.field-title {
  margin-bottom: 0.5rem;
}

.error-alert {
  color: #d10f0f;
}

.radio-button-style label {
  cursor: pointer;
  position: relative;
  margin-bottom: 13px;
}
.radio-button-style label input[type=radio] {
  opacity: 0;
  position: absolute;
}
.radio-button-style label input[type=radio] + img {
  font-family: "Material Icons";
  color: #b3cefb;
  border-radius: 50%;
  padding: 12px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.radio-button-style label input[type=radio]:checked + span {
  color: #e18442;
  border-color: #e18442 !important;
  background-color: #eeeeee;
}
.radio-button-style label input[type=radio]:focus + span {
  color: #e18442;
}
.radio-button-style label span {
  cursor: pointer;
  position: relative;
  background: #ffffff;
  display: block;
  text-align: center;
  padding: 1rem;
  border: 2px solid #ffdec6;
  border-radius: 10px;
  transition: 0.5s;
}
.radio-button-style label span:hover {
  background-color: #eeeeee;
  border-color: #e18442 !important;
}
@media (max-width: 767px) {
  .radio-button-style label span {
    font-size: 15px;
  }
}
.radio-button-style label img {
  max-width: 40px;
}

.form-container form {
  background: #ffdec6;
  border: 2px solid #e18442;
  border-radius: 10px;
  padding: 1rem 1rem 2rem;
  box-shadow: 10px 10px 0px -2px #afafaf;
}

/** Pre-Loading */
.pre-loading {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6588235294);
  position: fixed;
  top: 0;
  display: none;
  z-index: 100;
}
.pre-loading .ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  background: transparent;
  border: 3px solid #3c3c3c;
  border-radius: 50%;
  text-align: center;
  line-height: 2;
  padding-top: 4rem;
  font-family: sans-serif;
  font-size: 20px;
  color: #e18442;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-shadow: 0 0 10px #e18442;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.pre-loading .ring:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-top: 3px solid #e18442;
  border-right: 3px solid #e18442;
  border-radius: 50%;
  animation: animateC 2s linear infinite;
}
.pre-loading .ring span {
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: 50%;
  width: 50%;
  height: 4px;
  background: transparent;
  transform-origin: left;
  animation: animate 2s linear infinite;
}
.pre-loading .ring span:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #e18442;
  top: -6px;
  right: -8px;
  box-shadow: 0 0 20px #e18442;
}
@keyframes animateC {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}

/** Pre loading block */
:root {
  --hue: 223;
  --bg: hsl(var(--hue), 90%, 90%);
  --fg: hsl(var(--hue), 90%, 10%);
  --primary: hsl(var(--hue), 90%, 55%);
  --red: hsl(3, 90%, 50%);
  --orange: hsl(33, 90%, 50%);
  --green: hsl(153, 90%, 30%);
  --purple: hsl(273, 90%, 50%);
  --magenta: hsl(303, 90%, 50%);
  --trans-dur: 0.3s;
}

.pre-loading-block {
  height: 100%;
  width: 100%;
  background: #000000;
  position: fixed;
  top: 0;
  display: none;
  z-index: 100;
  /* Dark theme */
  /* Animations */
}
.pre-loading-block main {
  padding: 1.5em 0;
}
.pre-loading-block .message {
  height: 1.5em;
  position: relative;
  text-align: center;
  color: #ffffff;
}
.pre-loading-block .message__line {
  animation: message-fade-in-out 5s linear;
  opacity: 0;
  position: absolute;
  inset: 0;
  text-align: center;
}
.pre-loading-block .message__line:nth-child(2) {
  animation-delay: 5s;
}
.pre-loading-block .message__line:nth-child(3) {
  animation-delay: 10s;
}
.pre-loading-block .message__line:nth-child(4) {
  animation-delay: 15s;
}
.pre-loading-block .message__line:nth-child(5) {
  animation-delay: 20s;
}
.pre-loading-block .message__line:nth-child(6) {
  animation-delay: 25s;
}
.pre-loading-block .message__line:nth-child(7) {
  animation-delay: 30s;
}
.pre-loading-block .message__line:last-child {
  animation-name: message-fade-in;
  animation-delay: 35s;
  animation-fill-mode: forwards;
}
.pre-loading-block .tower,
.pre-loading-block .tower__brick,
.pre-loading-block .tower__brick-layer,
.pre-loading-block .tower__brick-side,
.pre-loading-block .tower__brick-stud,
.pre-loading-block .tower__group {
  transform-style: preserve-3d;
}
.pre-loading-block .tower {
  margin: 0 auto 1.5em auto;
  position: relative;
  perspective: 800px;
  width: 16em;
  height: 16em;
}
.pre-loading-block .tower__brick,
.pre-loading-block .tower__brick-layer,
.pre-loading-block .tower__brick-side,
.pre-loading-block .tower__brick-stud,
.pre-loading-block .tower__group {
  position: absolute;
}
.pre-loading-block .tower__brick,
.pre-loading-block .tower__brick-side,
.pre-loading-block .tower__group {
  animation-duration: 16s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.pre-loading-block .tower__brick,
.pre-loading-block .tower__brick-side {
  background-color: var(--primary);
}
.pre-loading-block .tower__brick {
  background-image: radial-gradient(100% 100% at center, hsla(0, 0%, 0%, 0.3) 0.3em, hsla(0, 0%, 0%, 0) 0.3em);
  background-size: 1em 1em;
  width: 2em;
  height: 1em;
}
.pre-loading-block .tower__brick-layer--4 {
  transform: translateZ(4.8em);
}
.pre-loading-block .tower__brick-layer--3 {
  transform: translateZ(3.6em);
}
.pre-loading-block .tower__brick-layer--2 {
  transform: translateZ(2.4em);
}
.pre-loading-block .tower__brick-layer--1 {
  transform: translateZ(1.2em);
}
.pre-loading-block .tower__brick-layer---1 {
  transform: translateZ(-1.2em);
}
.pre-loading-block .tower__brick-layer---2 {
  transform: translateZ(-2.4em);
}
.pre-loading-block .tower__brick-layer---3 {
  transform: translateZ(-3.6em);
}
.pre-loading-block .tower__brick-side {
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 1.2em;
  transform: rotateX(90deg);
  transform-origin: 50% 100%;
}
.pre-loading-block .tower__brick-side:nth-child(2) {
  top: 0;
  bottom: auto;
  left: 100%;
  width: 1.2em;
  height: 100%;
  transform: rotateY(90deg);
  transform-origin: 0 50%;
}
.pre-loading-block .tower__brick-side:nth-child(3) {
  top: 100%;
  left: 0;
  width: 100%;
  height: 1.2em;
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
}
.pre-loading-block .tower__brick-side:nth-child(4) {
  top: 0;
  right: 100%;
  bottom: auto;
  left: auto;
  width: 1.2em;
  height: 100%;
  transform: rotateY(-90deg);
  transform-origin: 100% 50%;
}
.pre-loading-block .tower__brick-side:nth-child(even),
.pre-loading-block .tower__brick--90 .tower__brick-side:nth-child(odd),
.pre-loading-block .tower__brick--135 .tower__brick-side:nth-child(odd),
.pre-loading-block .tower__brick--270 .tower__brick-side:nth-child(odd),
.pre-loading-block .tower__brick--315 .tower__brick-side:nth-child(odd) {
  animation-name: brick-side-1;
  filter: brightness(0.5);
}
.pre-loading-block .tower__brick-side:nth-child(odd),
.pre-loading-block .tower__brick--90 .tower__brick-side:nth-child(even),
.pre-loading-block .tower__brick--135 .tower__brick-side:nth-child(even),
.pre-loading-block .tower__brick--270 .tower__brick-side:nth-child(even),
.pre-loading-block .tower__brick--315 .tower__brick-side:nth-child(even) {
  animation-name: brick-side-2;
  filter: brightness(0.75);
}
.pre-loading-block .tower__brick-stud {
  background-color: inherit;
  border-radius: 50%;
  top: 0.2em;
  left: 0.2em;
  width: 0.6em;
  height: 0.6em;
  transform: translateZ(0.2em);
}
.pre-loading-block .tower__brick-stud:nth-child(6) {
  left: 1.2em;
}
.pre-loading-block .tower__brick--0 {
  transform: translate3d(-1.5em, -1.5em, 0);
}
.pre-loading-block .tower__brick--45 {
  transform: translate3d(-0.5em, -1.5em, 0);
}
.pre-loading-block .tower__brick--90 {
  transform: translate3d(0, -1em, 0) rotateZ(90deg);
}
.pre-loading-block .tower__brick--135 {
  transform: translate3d(0, 0, 0) rotateZ(90deg);
}
.pre-loading-block .tower__brick--180 {
  transform: translate3d(-0.5em, 0.5em, 0);
}
.pre-loading-block .tower__brick--225 {
  transform: translate3d(-1.5em, 0.5em, 0);
}
.pre-loading-block .tower__brick--270 {
  transform: translate3d(-2em, 0, 0) rotateZ(-90deg);
}
.pre-loading-block .tower__brick--315 {
  transform: translate3d(-2em, -1em, 0) rotateZ(-90deg);
}
.pre-loading-block .tower__brick--red,
.pre-loading-block .tower__brick--red .tower__brick-side {
  background-color: var(--red);
}
.pre-loading-block .tower__brick--orange,
.pre-loading-block .tower__brick--orange .tower__brick-side {
  background-color: var(--orange);
}
.pre-loading-block .tower__brick--green,
.pre-loading-block .tower__brick--green .tower__brick-side {
  background-color: var(--green);
}
.pre-loading-block .tower__brick--purple,
.pre-loading-block .tower__brick--purple .tower__brick-side {
  background-color: var(--purple);
}
.pre-loading-block .tower__brick--magenta,
.pre-loading-block .tower__brick--magenta .tower__brick-side {
  background-color: var(--magenta);
}
.pre-loading-block .tower__brick--move1 {
  animation-name: brick-move-1;
}
.pre-loading-block .tower__brick--move2 {
  animation-name: brick-move-2;
}
.pre-loading-block .tower__brick--move3 {
  animation-name: brick-move-3;
}
.pre-loading-block .tower__brick--move4 {
  animation-name: brick-move-4;
}
.pre-loading-block .tower__brick--move5 {
  animation-name: brick-move-5;
}
.pre-loading-block .tower__brick--move6 {
  animation-name: brick-move-6;
}
.pre-loading-block .tower__brick--move7 {
  animation-name: brick-move-7;
}
.pre-loading-block .tower__brick--move8 {
  animation-name: brick-move-8;
}
.pre-loading-block .tower__brick--move9 {
  animation-name: brick-move-9;
}
.pre-loading-block .tower__brick--move10 {
  animation-name: brick-move-10;
}
.pre-loading-block .tower__brick--move11 {
  animation-name: brick-move-11;
}
.pre-loading-block .tower__brick--move12 {
  animation-name: brick-move-12;
}
.pre-loading-block .tower__brick--move13 {
  animation-name: brick-move-13;
}
.pre-loading-block .tower__brick--move14 {
  animation-name: brick-move-14;
}
.pre-loading-block .tower__brick--move15 {
  animation-name: brick-move-15;
}
.pre-loading-block .tower__brick--move16 {
  animation-name: brick-move-16;
}
.pre-loading-block .tower__group {
  animation-name: brick-group;
  top: 50%;
  left: 50%;
  transform: rotateX(45deg) rotateZ(45deg);
}
@media (prefers-color-scheme: dark) {
  .pre-loading-block :root {
    --bg: hsl(var(--hue), 90%, 10%);
    --fg: hsl(var(--hue), 90%, 90%);
  }
}
@keyframes brick-group {
  from {
    transform: rotateX(45deg) rotateZ(0.125turn) translateZ(0);
  }
  to {
    transform: rotateX(45deg) rotateZ(2.125turn) translateZ(-4.8em);
  }
}
@keyframes brick-side-1 {
  from, 25%, 50%, 75%, to {
    filter: brightness(0.5);
  }
  12.5%, 37.5%, 62.5%, 87.5% {
    filter: brightness(0.75);
  }
}
@keyframes brick-side-2 {
  from, 25%, 50%, 75%, to {
    filter: brightness(0.75);
  }
  12.5%, 37.5%, 62.5%, 87.5% {
    filter: brightness(0.5);
  }
}
@keyframes brick-move-1 {
  from {
    animation-timing-function: ease-in;
    transform: translate3d(0, 0, 0) rotateZ(90deg);
  }
  1.25% {
    animation-timing-function: linear;
    transform: translate3d(0, 0, -0.4em) rotateZ(90deg);
  }
  2.5% {
    transform: translate3d(2em, 0, -0.4em) rotateZ(90deg);
  }
  3.75% {
    transform: translate3d(2em, 0, 10em) rotateZ(90deg);
  }
  5% {
    animation-timing-function: ease-out;
    transform: translate3d(0, 0, 10em) rotateZ(90deg);
  }
  6.25%, to {
    transform: translate3d(0, 0, 9.6em) rotateZ(90deg);
  }
}
@keyframes brick-move-2 {
  from, 6.25% {
    animation-timing-function: ease-in;
    transform: translate3d(-0.5em, -1.5em, 0);
  }
  7.5% {
    animation-timing-function: linear;
    transform: translate3d(-0.5em, -1.5em, -0.4em);
  }
  8.75% {
    transform: translate3d(-0.5em, -3.5em, -0.4em);
  }
  10% {
    transform: translate3d(-0.5em, -3.5em, 10em);
  }
  11.25% {
    animation-timing-function: ease-out;
    transform: translate3d(-0.5em, -1.5em, 10em);
  }
  12.5%, to {
    transform: translate3d(-0.5em, -1.5em, 9.6em);
  }
}
@keyframes brick-move-3 {
  from, 12.5% {
    animation-timing-function: ease-in;
    transform: translate3d(-2em, -1em, 0) rotateZ(-90deg);
  }
  13.75% {
    animation-timing-function: linear;
    transform: translate3d(-2em, -1em, -0.4em) rotateZ(-90deg);
  }
  15% {
    transform: translate3d(-4em, -1em, -0.4em) rotateZ(-90deg);
  }
  16.25% {
    transform: translate3d(-4em, -1em, 10em) rotateZ(-90deg);
  }
  17.5% {
    animation-timing-function: ease-out;
    transform: translate3d(-2em, -1em, 10em) rotateZ(-90deg);
  }
  18.75%, to {
    transform: translate3d(-2em, -1em, 9.6em) rotateZ(-90deg);
  }
}
@keyframes brick-move-4 {
  from, 18.75% {
    animation-timing-function: ease-in;
    transform: translate3d(-1.5em, 0.5em, 0);
  }
  20% {
    animation-timing-function: linear;
    transform: translate3d(-1.5em, 0.5em, -0.4em);
  }
  21.25% {
    transform: translate3d(-1.5em, 2.5em, -0.4em);
  }
  22.5% {
    transform: translate3d(-1.5em, 2.5em, 10em);
  }
  23.75% {
    animation-timing-function: ease-out;
    transform: translate3d(-1.5em, 0.5em, 10em);
  }
  25%, to {
    transform: translate3d(-1.5em, 0.5em, 9.6em);
  }
}
@keyframes brick-move-5 {
  from, 25% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -1em, 0) rotateZ(90deg);
  }
  26.25% {
    animation-timing-function: linear;
    transform: translate3d(0, -1em, -0.4em) rotateZ(90deg);
  }
  27.5% {
    transform: translate3d(2em, -1em, -0.4em) rotateZ(90deg);
  }
  28.75% {
    transform: translate3d(2em, -1em, 10em) rotateZ(90deg);
  }
  30% {
    animation-timing-function: ease-out;
    transform: translate3d(0, -1em, 10em) rotateZ(90deg);
  }
  31.25%, to {
    transform: translate3d(0, -1em, 9.6em) rotateZ(90deg);
  }
}
@keyframes brick-move-6 {
  from, 31.25% {
    animation-timing-function: ease-in;
    transform: translate3d(-1.5em, -1.5em, 0);
  }
  32.5% {
    animation-timing-function: linear;
    transform: translate3d(-1.5em, -1.5em, -0.4em);
  }
  33.75% {
    transform: translate3d(-1.5em, -3.5em, -0.4em);
  }
  35% {
    transform: translate3d(-1.5em, -3.5em, 10em);
  }
  36.25% {
    animation-timing-function: ease-out;
    transform: translate3d(-1.5em, -1.5em, 10em);
  }
  37.5%, to {
    transform: translate3d(-1.5em, -1.5em, 9.6em);
  }
}
@keyframes brick-move-7 {
  from, 37.5% {
    animation-timing-function: ease-in;
    transform: translate3d(-2em, 0, 0) rotateZ(-90deg);
  }
  38.75% {
    animation-timing-function: linear;
    transform: translate3d(-2em, 0, -0.4em) rotateZ(-90deg);
  }
  40% {
    transform: translate3d(-4em, 0, -0.4em) rotateZ(-90deg);
  }
  41.25% {
    transform: translate3d(-4em, 0, 10em) rotateZ(-90deg);
  }
  42.5% {
    animation-timing-function: ease-out;
    transform: translate3d(-2em, 0, 10em) rotateZ(-90deg);
  }
  43.75%, to {
    transform: translate3d(-2em, 0, 9.6em) rotateZ(-90deg);
  }
}
@keyframes brick-move-8 {
  from, 43.75% {
    animation-timing-function: ease-in;
    transform: translate3d(-0.5em, 0.5em, 0);
  }
  45% {
    animation-timing-function: linear;
    transform: translate3d(-0.5em, 0.5em, -0.4em);
  }
  46.25% {
    transform: translate3d(-0.5em, 2.5em, -0.4em);
  }
  47.5% {
    transform: translate3d(-0.5em, 2.5em, 10em);
  }
  48.75% {
    animation-timing-function: ease-out;
    transform: translate3d(-0.5em, 0.5em, 10em);
  }
  50%, to {
    transform: translate3d(-0.5em, 0.5em, 9.6em);
  }
}
@keyframes brick-move-9 {
  from, 50% {
    animation-timing-function: ease-in;
    transform: translate3d(0, 0, 0) rotateZ(90deg);
  }
  51.25% {
    animation-timing-function: linear;
    transform: translate3d(0, 0, -0.4em) rotateZ(90deg);
  }
  52.5% {
    transform: translate3d(2em, 0, -0.4em) rotateZ(90deg);
  }
  53.75% {
    transform: translate3d(2em, 0, 10em) rotateZ(90deg);
  }
  55% {
    animation-timing-function: ease-out;
    transform: translate3d(0, 0, 10em) rotateZ(90deg);
  }
  56.25%, to {
    transform: translate3d(0, 0, 9.6em) rotateZ(90deg);
  }
}
@keyframes brick-move-10 {
  from, 56.25% {
    animation-timing-function: ease-in;
    transform: translate3d(-0.5em, -1.5em, 0);
  }
  57.5% {
    animation-timing-function: linear;
    transform: translate3d(-0.5em, -1.5em, -0.4em);
  }
  58.75% {
    transform: translate3d(-0.5em, -3.5em, -0.4em);
  }
  60% {
    transform: translate3d(-0.5em, -3.5em, 10em);
  }
  61.25% {
    animation-timing-function: ease-out;
    transform: translate3d(-0.5em, -1.5em, 10em);
  }
  62.5%, to {
    transform: translate3d(-0.5em, -1.5em, 9.6em);
  }
}
@keyframes brick-move-11 {
  from, 62.5% {
    animation-timing-function: ease-in;
    transform: translate3d(-2em, -1em, 0) rotateZ(-90deg);
  }
  63.75% {
    animation-timing-function: linear;
    transform: translate3d(-2em, -1em, -0.4em) rotateZ(-90deg);
  }
  65% {
    transform: translate3d(-4em, -1em, -0.4em) rotateZ(-90deg);
  }
  66.25% {
    transform: translate3d(-4em, -1em, 10em) rotateZ(-90deg);
  }
  67.5% {
    animation-timing-function: ease-out;
    transform: translate3d(-2em, -1em, 10em) rotateZ(-90deg);
  }
  68.75%, to {
    transform: translate3d(-2em, -1em, 9.6em) rotateZ(-90deg);
  }
}
@keyframes brick-move-12 {
  from, 68.75% {
    animation-timing-function: ease-in;
    transform: translate3d(-1.5em, 0.5em, 0);
  }
  70% {
    animation-timing-function: linear;
    transform: translate3d(-1.5em, 0.5em, -0.4em);
  }
  71.25% {
    transform: translate3d(-1.5em, 2.5em, -0.4em);
  }
  72.5% {
    transform: translate3d(-1.5em, 2.5em, 10em);
  }
  73.75% {
    animation-timing-function: ease-out;
    transform: translate3d(-1.5em, 0.5em, 10em);
  }
  75%, to {
    transform: translate3d(-1.5em, 0.5em, 9.6em);
  }
}
@keyframes brick-move-13 {
  from, 75% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -1em, 0) rotateZ(90deg);
  }
  76.25% {
    animation-timing-function: linear;
    transform: translate3d(0, -1em, -0.4em) rotateZ(90deg);
  }
  77.5% {
    transform: translate3d(2em, -1em, -0.4em) rotateZ(90deg);
  }
  78.75% {
    transform: translate3d(2em, -1em, 10em) rotateZ(90deg);
  }
  80% {
    animation-timing-function: ease-out;
    transform: translate3d(0, -1em, 10em) rotateZ(90deg);
  }
  81.25%, to {
    transform: translate3d(0, -1em, 9.6em) rotateZ(90deg);
  }
}
@keyframes brick-move-14 {
  from, 81.25% {
    animation-timing-function: ease-in;
    transform: translate3d(-1.5em, -1.5em, 0);
  }
  82.5% {
    animation-timing-function: linear;
    transform: translate3d(-1.5em, -1.5em, -0.4em);
  }
  83.75% {
    transform: translate3d(-1.5em, -3.5em, -0.4em);
  }
  85% {
    transform: translate3d(-1.5em, -3.5em, 10em);
  }
  86.25% {
    animation-timing-function: ease-out;
    transform: translate3d(-1.5em, -1.5em, 10em);
  }
  87.5%, to {
    transform: translate3d(-1.5em, -1.5em, 9.6em);
  }
}
@keyframes brick-move-15 {
  from, 87.5% {
    animation-timing-function: ease-in;
    transform: translate3d(-2em, 0, 0) rotateZ(-90deg);
  }
  88.75% {
    animation-timing-function: linear;
    transform: translate3d(-2em, 0, -0.4em) rotateZ(-90deg);
  }
  90% {
    transform: translate3d(-4em, 0, -0.4em) rotateZ(-90deg);
  }
  91.25% {
    transform: translate3d(-4em, 0, 10em) rotateZ(-90deg);
  }
  92.5% {
    animation-timing-function: ease-out;
    transform: translate3d(-2em, 0, 10em) rotateZ(-90deg);
  }
  93.75%, to {
    transform: translate3d(-2em, 0, 9.6em) rotateZ(-90deg);
  }
}
@keyframes brick-move-16 {
  from, 93.75% {
    animation-timing-function: ease-in;
    transform: translate3d(-0.5em, 0.5em, 0);
  }
  95% {
    animation-timing-function: linear;
    transform: translate3d(-0.5em, 0.5em, -0.4em);
  }
  96.25% {
    transform: translate3d(-0.5em, 2.5em, -0.4em);
  }
  97.5% {
    transform: translate3d(-0.5em, 2.5em, 10em);
  }
  98.75% {
    animation-timing-function: ease-out;
    transform: translate3d(-0.5em, 0.5em, 10em);
  }
  to {
    transform: translate3d(-0.5em, 0.5em, 9.6em);
  }
}
@keyframes message-fade-in {
  from {
    opacity: 0;
  }
  6%, to {
    opacity: 1;
  }
}
@keyframes message-fade-in-out {
  from, to {
    opacity: 0;
  }
  6%, 94% {
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */