page-pricing.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .pricing-card .card.popular {
  2. border: 1px solid #7367f0; }
  3. .pricing-card .list-group-circle {
  4. font-weight: 500;
  5. color: #5e5873; }
  6. .pricing-card .annual-plan {
  7. margin-bottom: 1.7rem; }
  8. .pricing-card .annual-plan .plan-price sup {
  9. top: -1.5rem;
  10. left: 0.2rem; }
  11. .pricing-card .annual-plan .plan-price span {
  12. font-size: 3.5rem;
  13. line-height: 0.8; }
  14. .pricing-card .annual-plan .plan-price sub {
  15. bottom: 0;
  16. right: 0.14rem; }
  17. .pricing-card .annual-plan .annual-pricing {
  18. position: absolute;
  19. margin: auto;
  20. left: 0;
  21. right: 0; }
  22. .pricing-free-trial {
  23. height: 16.71rem;
  24. background-color: rgba(186, 191, 199, 0.12);
  25. margin-right: -2rem;
  26. margin-left: -2rem;
  27. margin-top: 7.5rem;
  28. margin-bottom: 6.3rem; }
  29. .pricing-free-trial .row {
  30. margin: 0; }
  31. .pricing-free-trial .pricing-trial-content {
  32. padding: 0 1rem; }
  33. .pricing-free-trial .pricing-trial-content img {
  34. position: relative;
  35. top: -3.1rem; }
  36. @media (max-width: 767.98px) {
  37. .pricing-free-trial {
  38. height: auto; }
  39. .pricing-free-trial .pricing-trial-content {
  40. flex-direction: column;
  41. align-items: center; }
  42. .pricing-free-trial .pricing-trial-content .pricing-trial-img {
  43. top: 0;
  44. margin-top: 2rem;
  45. height: 150px; } }
  46. @media (max-width: 575.98px) {
  47. .pricing-free-trial {
  48. margin-right: -1.2rem;
  49. margin-left: -1.2rem; } }