.blank {
  background-color: white;
  height: 100px;
}

.general-pricing {
  margin-top: 150px;
  height: 700px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  margin-bottom: 100px;
}

.window-pricing-div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 90%;
  height:auto; 
  margin-bottom: 100px;
  background-color: whitesmoke;
  padding: 30px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  box-shadow: 2 2 10 5 black;
}

.window-pricing-img {
  border-radius: 50px;
  width: 40%;
  height: 700px;
  object-fit: cover;
  animation: slide-in-from-right 1s ease-out forwards;
}

.window-inner-pricing-div {
  width: 60%;
  display: inline;
}

.window-pricing-title {
  font-family: Georgia, sans-serif;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 50px;

}


.window-pricing-bp {
  border-radius: 50px;
  background-color: white;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: 15%;
  margin-bottom: 100px;
  margin-top: 50px;
  max-height: 100%;
  box-shadow: 3px 3px 3px 3px grey;
  animation: rotate-in 1s ease-out forwards;
  display: flex;
  justify-content: center;
}

.window-bp-content {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  max-width: 90%;
  padding-top: 10px;
  font-family: Georgia, sans-serif;

}

@media (max-width: 768px) {
.window-pricing-div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 90%;
  height:auto; 
  margin-bottom: 100px;
  background-color: whitesmoke;
  padding: 30px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  box-shadow: 2 2 10 5 black;
  }
  .window-pricing-img {
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  width: 100%;
  height: auto;
  animation: slide-in-from-right 1s ease-out forwards;
  }

  .window-inner-pricing-div {
  width: 100%;
  display: inline;
  }

  .window-pricing-title {
  font-family: Georgia, sans-serif;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 50px;

  }
  .window-pricing-bp {
  padding-bottom: 5px;
  border-radius: 50px;
  background-color: white;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: 15%;
  margin-bottom: 100px;
  margin-top: 50px;
  max-height: 100%;
  box-shadow: 3px 3px 3px 3px grey;
  animation: rotate-in 1s ease-out forwards;
  }

  .general-pricing-div {
    display: flex;
    justify-content: center;
  }

  .window-pricing-img-2 {
    scale: 0.7;
    margin-left: auto;
    margin-right: auto;
  }
}



@keyframes rotate-in {
  from {transform: rotate(-30deg);
  opacity: 0;}

  to{transform: rotate(0deg);
    opacity:1;}
}

@keyframes slide-in-from-right {
  from{transform: translateX(-100px)}
  to{transform:translateX(0px)}
}

.break-line {
  border-bottom: solid black 1px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  animation: progress-bar;
  animation-timeline: view();
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes progress-bar {
  from {width: 30%}
  to {width: 80%}
  }

.window-pricing-img-2 {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  height: auto;
  margin-bottom: 25px;
}

.general-pricing-div {
  display: flex;
  width: 100%;
  text-align: center;
}