:root { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: 'Inter var', sans-serif; }
}

:root {
    --bs-primary: rgb(35,91,140) !important;
    }

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    scroll-padding-top: 40px;
    font-family: 'Inter', sans-serif;
}

.btn-success {
    background-color: #858C1E !important;
    border-color: #858C1E !important;
}

.btn-success:hover {
    background-color: #a7af39 !important;
}

.navbar {
    box-shadow: 0 0 1px 1px rgb(29 17 51 / 4%), 0 0 3px 2px rgb(9 32 77 / 12%), 0 0 2px -3px rgb(29 17 51 / 12%);
    min-height: 50px;
    box-shadow: 0 0 1px 1px rgba(29,17,51,.04),0 0 3px 2px rgba(9,32,77,.12),0 0 2px -3px rgba(29,17,51,.12);
    background-color: #FFF;
}

.navbar-nav .nav-link {
    padding-left: 1rem !important;
}

.navbar-collapse {
    flex-grow: 0;
}

.nav-link.active {
    font-weight: 600;
}

.navbar-toggler {
    border: none;
}

.lines-background {
    background-color: #f5f5f7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23dcdcdc'/%3E%3Cstop offset='1' stop-color='%23f5f5f7'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23e9e9ea'/%3E%3Cstop offset='1' stop-color='%23f5f5f7'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.46' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
}

.btn-outline-primary {
    color: #235B8C;
    border-color: #235B8C;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #235B8C;
    border-color: #235B8C;
}

.btn-outline-success {
    color: #858C1E;
    border-color: #858C1E;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #858C1E !important;
    border-color: #858C1E;
}

.btn:focus,.btn:active {
    outline: none !important;
    box-shadow: none;
}

button:focus,button:active {
    outline: none !important;
    box-shadow: none !important;
}

a:focus,a:active {
    outline: none !important;
    box-shadow: none !important;
}

.nav-link {
    color: rgb(35,91,140);
}

/* SWITCH STYLES
https://webdesign.tutsplus.com/tutorials/pricing-table-with-monthly-yearly-css-toggle-switch--cms-93335
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.switch-wrapper {
    position: relative;
    display: inline-flex;
    padding: 4px;
    border: 1px solid lightgrey;
    margin-bottom: 20px;
    border-radius: 30px;
    background: white;
  }
  .switch-wrapper [type="radio"] {
    position: absolute;
    left: -9999px;
  }
  .switch-wrapper [type="radio"]:checked#first_option ~ label[for="first_option"],
  .switch-wrapper [type="radio"]:checked#second_option ~ label[for="second_option"] {
    color: white;
  }
  .switch-wrapper [type="radio"]:checked#first_option ~ label[for="first_option"]:hover,
  .switch-wrapper [type="radio"]:checked#second_option ~ label[for="second_option"]:hover {
    background: transparent;
  }
  .switch-wrapper
    [type="radio"]:checked#first_option
    + label[for="second_option"]
    ~ .highlighter {
    transform: none;
  }
  .switch-wrapper
    [type="radio"]:checked#second_option
    + label[for="first_option"]
    ~ .highlighter {
    transform: translateX(100%);
  }
  .switch-wrapper label {
    font-size: 14px;
    z-index: 1;
    min-width: 90px;
    line-height: 28px;
    cursor: pointer;
    border-radius: 30px;
    transition: color 0.25s ease-in-out;
    margin-bottom: 0 !important;
  }
  .switch-wrapper label:hover {
    background: whitesmoke;
  }
  .switch-wrapper .highlighter {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(50% - 4px);
    height: calc(100% - 8px);
    border-radius: 30px;
    background: rgb(35,91,140);
    transition: transform 0.25s ease-in-out;
  }

/* SWITCH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul.no-bullets-plans-list {
    list-style-type: none;
    margin: 1.5em;
    padding: 0;
    text-align:justify;
}

ul.no-bullets-plans-list > li:not(:last-child) {
    margin-bottom: 3px;
}

ul.no-bullets-plans-list > li > .fas {
    margin-right: 1rem;
}

.price {
    font-weight: bolder;
    font-size: 2rem;
}

.plans-card {
    color: rgb(33, 37, 41);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 12px 1px rgb(29 17 51 / 4%), 0 3px 16px 2px rgb(9 32 77 / 12%), 0 5px 10px -3px rgb(29 17 51 / 12%);
    border-collapse: separate;
    margin-left: auto;
    margin-right: auto;
    max-width: 928px;
    width: 100%;
}

.btn-xs, .btn-group-xs > .btn {
padding: 0.25rem 0.5rem !important;
font-size: 0.7rem !important;
line-height: 1 !important;
border-radius: 0.2rem !important;
}

.list-group-item.active.no-active-list {
background-color: inherit;
color: inherit;
border-color: rgba(0, 0, 0, 0.125);
border-top-width: 0 !important;
margin-top: 0 !important;
}