body{
font-size: 16px;
line-height: 1.2;
}
strong, b {
font-weight: bold;
}
.is-wrapper p,.is-wrapper li,.is-wrapper input,.is-wrapper span {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Work Sans', sans-serif;
}

.is-dark-text p, .is-dark-text li {
color: #6b7177;
font-weight: 400;
line-height: 1.6;
}

.is-wrapper h1,
.is-wrapper h2,
.is-wrapper h3,
.is-wrapper h4,
.is-wrapper h5,
.is-wrapper h6 {
font-family: 'Work Sans', sans-serif;
font-variant-ligatures: common-ligatures;
}

.is-dark-text h1, 
.is-dark-text h2, 
.is-dark-text h3, 
.is-dark-text h4, 
.is-dark-text h5, 
.is-dark-text h6{
color: #212326;
}

.is-dark-text h1.is-subtittle, 
.is-dark-text h2.is-subtittle, 
.is-dark-text h3.is-subtittle, 
.is-dark-text h4.is-subtittle, 
.is-dark-text h5.is-subtittle, 
.is-dark-text h6.is-subtittle{
color: #6b7177;
}

.is-wrapper h1.is-tittle, 
.is-wrapper h2.is-tittle,
.is-wrapper h3.is-tittle,
.is-wrapper h4.is-tittle,
.is-wrapper h5.is-tittle,
.is-wrapper h6.is-tittle{
    font-weight:500;
}

.joinprogram{
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
}

.joinprogram .joinprogram-list{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
}
.joinprogram .joinprogram-list:before {
content: "";
position: absolute;
top: -8%;
left: 35px;
border-left: 1px dotted #015cf2;
height: 100%;
}
.joinprogram .joinprogram-number{
background: #005CF2;
padding: 10px;
border-radius: 5px;
color: #fff;
text-align: center;
width: 45px;
margin-right: 38px;
z-index: 1;
}

.is-wrapper a.is-btn-ghost1, .is-wrapper a.is-btn-ghost2, 
.is-wrapper button.is-btn-ghost1, .is-wrapper button.is-btn-ghost2 {
font-size: 1.4em;
letter-spacing: 0.150em;
line-height: 1.5;
padding: 0.2em 0.75em 0.3em;
text-transform: capitalize;
white-space: normal;
font-family: 'Work Sans', sans-serif;
}
.is-wrapper a.is-btn-ghost1.btn-lg, .is-wrapper a.is-btn-ghost2.btn-lg, 
.is-wrapper button.is-btn-ghost1.btn-lg, .is-wrapper button.is-btn-ghost2.btn-lg {
padding: 0.200em 0.200em;
font-size: 1.25em;
}
.is-wrapper a.is-btn-ghost1.btn-sm, .is-wrapper a.is-btn-ghost2.btn-sm, 
.is-wrapper button.is-btn-ghost1.btn-sm, .is-wrapper button.is-btn-ghost2.btn-sm {
padding: 0.200em 0.200em;
font-size: .75em;
}
@media(min-width:769px){
.is-wrapper .is-btn-group .is-btn + .is-btn{
margin-left: 0.5em; 
}
}
@media(max-width:768px){
.is-wrapper .is-btn-group .is-btn + .is-btn{
margin-top: 0.5em; 
}
}
/* ghost1 dark-text */
.is-dark-text .is-btn-ghost1,
.is-light-text .is-dark-text .is-btn-ghost1 {
color:#2550ff;
border: 2px solid #2550ff;
background: transparent;
}
.is-dark-text .is-btn-ghost1:hover, .is-dark-text .is-btn-ghost1:active, .is-dark-text .is-btn-ghost1:focus,
.is-light-text .is-dark-text .is-btn-ghost1:hover, .is-light-text .is-dark-text .is-btn-ghost1:active, .is-light-text .is-dark-text .is-btn-ghost1:focus {
color: #fff;
background-color: #2550ff;
border: 2px solid #2550ff;
}
/* ghost1 light-text */
.is-light-text .is-btn-ghost1,
.is-dark-text .is-light-text .is-btn-ghost1 {
color: #eeeff0;
background-color: transparent;
border: 2px solid #eeeff0;
}
.is-light-text .is-btn-ghost1:hover, .is-light-text .is-btn-ghost1:active, .is-light-text .is-btn-ghost1:focus,
.is-dark-text .is-light-text .is-btn-ghost1:hover, .is-dark-text .is-light-text .is-btn-ghost1:active, .is-dark-text .is-light-text .is-btn-ghost1:focus {
color: #2550ff;
border: 2px solid #eeeff0;
background-color: #eeeff0;
}
/* ghost2 dark-text */
.is-dark-text .is-btn-ghost2,
.is-light-text .is-dark-text .is-btn-ghost2 {
color: #fff;
border: 2px solid #2550ff;
background-color: #2550ff;
}
.is-dark-text .is-btn-ghost2:hover, .is-dark-text .is-btn-ghost2:active, .is-dark-text .is-btn-ghost2:focus,
.is-light-text .is-dark-text .is-btn-ghost2:hover, .is-light-text .is-dark-text .is-btn-ghost2:active, .is-light-text .is-dark-text .is-btn-ghost2:focus {
color: #2550ff;
border: 2px solid #2550ff;
background: transparent;
}
/* ghost2 light-text */
.is-light-text .is-btn-ghost2,
.is-dark-text .is-light-text .is-btn-ghost2 {
color: #fff;
background-color: #2550ff;
border: 2px solid #2550ff;
}
.is-light-text .is-btn-ghost2:hover, .is-light-text .is-btn-ghost2:active, .is-light-text .is-btn-ghost2:focus,
.is-dark-text .is-light-text .is-btn-ghost2:hover, .is-dark-text .is-light-text .is-btn-ghost2:active, .is-dark-text .is-light-text .is-btn-ghost2:focus {
color: #2550ff;
border: 2px solid #2550ff;
background-color: transparent;
}
@media(max-width:768px){
.joinprogram .joinprogram-list {
flex-wrap: nowrap;
margin-bottom: 25px;
}
.joinprogram .joinprogram-number {
margin-right: 15px;
}
}