body {
    background-color: #F9F8F2;
    color: #26397E;
    font-family: "League Spartan", sans-serif;
}


h1 {
      font-family: "Chonburi", serif;

}

.btn {
    background-color: #F8971D;
    border: #F15F33;

    
}

.btn:hover {
    background-color: #F15F33;
}

.intro {
    color: #F9F8F2;
    background: linear-gradient(12deg, #6474b8 70%, #f9f8f2 70.3%);
}

.pricing {
    background-color: #6474b8;
    color: #f9f8f2;
}

.pricing-card-body {
    background-color: #26397e;
    color: #F9F8F2;
    margin-bottom: 2em;
}

.pricing-card-title {

    color: #F9F8F2;
    text-align: left;
    padding-left: 0.5em;
}

#starter-price {
    background-color: #f15f33;
}

#standard-price {
    background-color: #f8971d;
}

#power-price {
    background-color: #7a6bb0;
}


.we-card {
   background-color: #F8971D;
    height: auto;
    width: auto;
    max-width: 8em;
    /* clip-path: polygon(73% 0, 88% 23%, 88% 100%, 0 100%, 0 0); */
    clip-path: circle(closest-side);
    margin: 1em auto 1em auto;
}

hr {
    background-color: #26397E;
    height: 3px;
    opacity: 100;
    margin: 0;
}

.tagline {
    height: 20vh;
}

.works-image {
    position: relative;
    height: auto;
}

.works-img img {
    width: 100%;
}

.works-btn {
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.footer {
    background-color: #26397E;
    color: #f9f8f2;
}

.footer-image {
    max-width: 10em;;
}

.footer-logo-image {
    max-width: 20em;;
}