.a-testimonial {
font-family: "Poppins", sans-serif;
padding-top: 40px;
padding-bottom:30px;
}
.a-testimonial h2 {
margin-bottom: 30px;
color: #191A1B;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.a-testimonial .card-testimonial {
border-radius: 16px;
background: var(--soft-gray, #F2F2F2);
border: unset;
margin-top: 32px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.a-testimonial .card-testimonial .card-body {
padding-top: unset;
padding-bottom: unset;
padding-left: 60px;
padding-right: 60px; }
.a-testimonial .card-testimonial .card-body .quote {
width: 64px;
height: 64px;
margin-bottom: 32px; }
.a-testimonial .card-testimonial .card-body p {
color: #000;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 155%;
letter-spacing: 0.18px;
margin-bottom: 32px; }
.a-testimonial .card-testimonial .card-body h4 {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: 0.2px; }
.a-testimonial .card-testimonial .card-body span {
color: var(--black, #191A1B);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 155%;
letter-spacing: 0.18px; }
.a-testimonial .card-testimonial .card-body .profile {
border-radius: 100%;
width: 80px;
height: 80px; }
.a-testimonial .testimonial-carousel .active .card-testimonial {
margin-top: unset; }
.a-testimonial .testimonial-carousel .active .card-testimonial .card-body {
padding-top: 32px;
padding-bottom: 32px; }
.a-testimonial .owl-nav {
position: absolute;
top: 45%;
width: 100%; }
.a-testimonial .owl-nav .owl-next {
float: right;
position: absolute; }
.a-testimonial .owl-nav .owl-prev {
float: left;
position: absolute; }
.a-testimonial .owl-nav button {
width: 64px;
height: 64px;
color: white;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.1px;
text-transform: uppercase;
background: var(--black, #191A1B) !important;
border-radius: 16px; }
.a-testimonial .owl-nav button i {
color: white; }
.a-testimonial .container-testimonial .owl-nav .owl-next {
right: 9%; }
.a-testimonial .container-testimonial .owl-nav .owl-prev {
left: 9%; }
@media (min-width: 320px) and (max-width: 480px) {
.a-testimonial {
padding-top: unset; }
.a-testimonial .card-testimonial .card-body {
padding-left: 30px;
padding-right: 30px; }
.a-testimonial .card-testimonial .card-body .quote {
width: 48px;
height: 48px;
margin-bottom: 32px; }
.a-testimonial .card-testimonial .card-body p {
font-size: 15px;
text-align: center; }
.a-testimonial .card-testimonial .card-body h4 {
text-align: center;
margin-top: 15px;
font-size: 18px; }
.a-testimonial .card-testimonial .card-body span {
font-size: 15px; }
.a-testimonial .card-testimonial .card-body .profile {
width: 64px;
height: 64px; }
.a-testimonial .testimonial-carousel .active .card-testimonial {
margin-top: unset; }
.a-testimonial .testimonial-carousel .active .card-testimonial .card-body {
padding-top: 32px;
padding-bottom: 32px; }
.a-testimonial .owl-nav .owl-next {
right: 10px; }
.a-testimonial .owl-nav .owl-prev {
left: 10px; }
.a-testimonial .container-testimonial .owl-nav .owl-next {
right: 10px; }
.a-testimonial .container-testimonial .owl-nav .owl-prev {
left: 10px; } }
@media (max-width: 640px) {
.a-testimonial .owl-nav button {
width: 32px;
height: 32px;
}
}.a-trainer-bg {
background-image: url(https://cdn.web.amorefitness.com/wp-content/themes/amore/assets/images/class/bg-t.png);
background-repeat: no-repeat;
background-position: bottom center;
background-position-y: 200px;
background-size: 100% auto; }
.trainer-hidden {
display: none;
}
.a-trainer {
font-family: "Poppins", sans-serif;
padding-top: 40px;
padding-bottom: 10px !important; }
.a-trainer a {
text-decoration: unset; }
.a-trainer .card-videos .card-body h2 {
color: var(--black, #191A1B);
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.a-trainer .card-videos .card-body .tag {
color: var(--black, #191A1B);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: 0.18px; }
.a-trainer .card-videos .card-body p {
margin-top: 15px;
color: var(--black, #191A1B);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 155%;
letter-spacing: 0.18px; }
.a-trainer .row-faq {
margin-top: 100px; }
.a-trainer .row-faq .card-faq {
border: unset;
border-radius: 16px;
background: var(--soft-gray, #F2F2F2); }
.a-trainer .row-faq .card-faq .card-body {
padding: 60px; }
.a-trainer .row-faq .card-faq .card-body .nav-tabs {
border: unset; }
.a-trainer .row-faq .btn-main {
color: var(--black, #191A1B);
background-color: transparent;
border: 1px solid var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.6px;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
border-radius: 16px;
margin-right: 24px; }
.a-trainer .row-faq .btn-main:hover, .a-trainer .row-faq .btn-main.active {
background: var(--black, #191A1B);
border: 1px solid var(--black, #191A1B);
color: var(--white, #FFF); }
.a-trainer .row-faq .accordion .accordion-item {
border-radius: 16px;
background: var(--black, #191A1B);
margin-bottom: 48px;
padding: 20px; }
.a-trainer .row-faq .accordion .accordion-header .accordion-button.collapsed::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.a-trainer .row-faq .accordion .accordion-header .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.a-trainer .row-faq .accordion .accordion-header button {
border-radius: 16px;
background: var(--black, #191A1B);
border: unset;
-webkit-box-shadow: unset;
box-shadow: unset;
color: var(--white, #FFF);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: 0.48px; }
.a-trainer .row-faq .accordion .accordion-body {
color: var(--white, #FFF);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 155%;
letter-spacing: 0.18px; }
@media (min-width: 320px) and (max-width: 480px) {
.a-trainer-bg {
background-image: url(https://cdn.web.amorefitness.com/wp-content/themes/amore/assets/images/class/bg-t-m.png);
background-position: center; }
.a-trainer .card-videos .card-body {
text-align: center; }
.a-trainer .card-videos .card-body h2 {
font-size: 28px; }
.a-trainer .card-videos .card-body .tag {
font-size: 15px; }
.a-trainer .card-videos .card-body p {
font-size: 15px; }
.a-trainer .row-faq .card-faq .card-body {
padding: 32px; }
.a-trainer .row-faq .accordion .accordion-item {
margin-bottom: 32px;
padding: 10px; }
.a-trainer .row-faq .accordion .accordion-header button {
font-size: 20px; }
.a-trainer .row-faq .accordion .accordion-body {
font-size: 15px; }
.a-trainer .row-faq .form-select {
border-radius: 16px;
border: 1px solid var(--hard-grey, #BFBFBF);
background-color: var(--white, #FFF);
min-height: 62px;
padding: 20px; }
.a-trainer .row-faq .form-select::-webkit-input-placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-trainer .row-faq .form-select::-moz-placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-trainer .row-faq .form-select::-ms-input-placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-trainer .row-faq .form-select::placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-trainer .btn-more {
border-radius: 16px;
background: var(--soft-gray, #F2F2F2);
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 32px;
padding-right: 32px; } }.a-classes {
font-family: "Poppins", sans-serif;
padding-top: 40px;
padding-bottom: 30px; }
.a-classes .row-title h2 {
color: #191A1B;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.a-classes .row-title .fa-rotate {
rotate: -45deg; }
.a-classes .row-title .btn-main {
border-radius: 16px;
background: var(--black, #191A1B);
color: var(--white, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.6px;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 1px solid var(--black, #191A1B); }
.a-classes .row-title .btn-main:hover {
color: var(--black, #191A1B);
background-color: transparent;
border: 1px solid var(--black, #191A1B); }
.a-classes .row-title .nav-tabs {
border: unset; }
.a-classes .row-title .btn-secondary {
color: var(--black, #191A1B);
background-color: transparent;
border: 1px solid var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.6px;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
border-radius: 16px; }
.a-classes .row-title .btn-secondary:hover, .a-classes .row-title .btn-secondary.active {
background: var(--black, #191A1B);
border: 1px solid var(--black, #191A1B);
color: var(--white, #FFF); }
.a-classes .card-desc {
border-radius: 16px;
background: var(--soft-gray, #F2F2F2);
border: unset; }
.a-classes .card-desc .card-body {
padding: 32px; }
.a-classes .card-desc .card-body img {
border-radius: 16px; }
.a-classes .card-desc .card-body .content-wrapper {
margin-top: 16px;
max-height: 150px;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.a-classes .card-desc .card-body .content-full {
max-height: unset !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.a-classes .card-desc .card-body h4 {
color: var(--black, #191A1B);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: 0.48px; }
.a-classes .card-desc .card-body p {
color: var(--black, #191A1B);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 155%;
letter-spacing: 0.18px; }
.a-classes .card-desc .card-body .btn-collapse {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.6px;
text-transform: uppercase; }
.a-classes .card-desc .card-body a {
text-decoration: unset; }
.a-classes .card-desc .card-body .row-profile .profile {
width: 73px;
height: 73px; }
.a-classes .card-desc .card-body .row-profile h4 {
color: var(--black, #191A1B);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: 0.48px; }
.a-classes .card-desc .card-body .row-profile span {
color: var(--black, #191A1B);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 155%;
letter-spacing: 0.18px; }
.a-classes .classes_wrapper, .class_wrapper_nmasonry {
max-height: 970px;
overflow-y: scroll; }
.a-classes .classes_wrapper .item, .a-classes .classes_wrapper .grid-sizer {
width: 50%; }
.a-classes .classes_wrapper .item {
padding-right: 15px;
margin-bottom: 15px; }
.a-classes-bg {
background-repeat: no-repeat;
background-size: initial;
background-position: top left;
background-position-x: -100px;
background-position-y: 40px; }
.class_wrapper_nmasonry_desktop .col-left, .class_wrapper_nmasonry_desktop .col-right {
display: inline-block;
width: 49.6%;
vertical-align: top;
}
.class_wrapper_nmasonry_desktop .col-left {
padding-right: 10px;
}
.class_wrapper_nmasonry_desktop .col-right {
padding-left: 10px;
}
.class_wrapper_nmasonry .item {
margin-bottom: 20px;
}
@media (min-width: 1600px) {
.a-classes-bg {
background-position-x: 0px; } }
@media (min-width: 320px) and (max-width: 480px) {
.a-classes {
padding-bottom: unset; }
.a-classes .row-title {
margin-bottom: 30px; }
.a-classes .row-title h2 {
font-size: 28px;
text-align: center; }
.a-classes .row-title .form-select {
border-radius: 16px;
border: 1px solid var(--hard-grey, #BFBFBF);
background-color: var(--white, #FFF);
min-height: 62px;
padding: 20px; }
.a-classes .row-title .form-select::-webkit-input-placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-classes .row-title .form-select::-moz-placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-classes .row-title .form-select::-ms-input-placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-classes .row-title .form-select::placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-classes .classes_wrapper {
max-height: unset;
overflow-y: unset; }
.a-classes .classes_wrapper .item, .a-classes .classes_wrapper .grid-sizer {
width: 100%; }
.a-classes .classes_wrapper .item {
padding-right: unset;
margin-bottom: 15px; }
.a-classes .card-desc .card-body {
padding: 32px; }
.a-classes .card-desc .card-body img {
border-radius: 16px; }
.a-classes .card-desc .card-body .content-wrapper {
margin-top: 16px; }
.a-classes .card-desc .card-body h4 {
font-size: 24px; }
.a-classes .card-desc .card-body p {
font-size: 15px; }
.a-classes .card-desc .card-body .btn-collapse {
font-size: 15px; }
.a-classes .card-desc .card-body .row-profile .profile {
width: 73px;
height: 73px; }
.a-classes .card-desc .card-body .row-profile h4 {
font-size: 20px; }
.a-classes .card-desc .card-body .row-profile span {
font-size: 15px; }
.a-classes-bg {
background-image: unset; } }.a-treatments {
font-family: "Poppins", sans-serif;
padding-top: 40px;
padding-bottom: 30px; }
.a-treatments .row-title h2 {
color: #191A1B;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.a-treatments .row-title .fa-rotate {
rotate: -45deg; }
.a-treatments .row-title .btn-main {
border-radius: 16px;
background: var(--black, #191A1B);
color: var(--white, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.6px;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 1px solid var(--black, #191A1B); }
.a-treatments .row-title .btn-main:hover {
color: var(--black, #191A1B);
background-color: transparent;
border: 1px solid var(--black, #191A1B); }
.a-treatments .row-title .nav-tabs {
border: unset; }
.a-treatments .row-title .btn-secondary {
color: var(--black, #191A1B);
background-color: transparent;
border: 1px solid var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.6px;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
border-radius: 16px; }
.a-treatments .row-title .btn-secondary:hover, .a-treatments .row-title .btn-secondary.active {
background: var(--black, #191A1B);
border: 1px solid var(--black, #191A1B);
color: var(--white, #FFF); }
.a-treatments .card-desc {
border-radius: 16px;
background: var(--soft-gray, #F2F2F2);
border: unset; }
.a-treatments .card-desc .card-body {
padding: 32px; }
.a-treatments .card-desc .card-body img {
border-radius: 16px; }
.a-treatments .card-desc .card-body .content-wrapper {
margin-top: 16px;
max-height: 150px;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.a-treatments .card-desc .card-body .content-full {
max-height: unset !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.a-treatments .card-desc .card-body h4 {
color: var(--black, #191A1B);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: 0.48px; }
.a-treatments .card-desc .card-body p {
color: var(--black, #191A1B);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 155%;
letter-spacing: 0.18px; }
.a-treatments .card-desc .card-body .btn-collapse {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.6px;
text-transform: uppercase; }
.a-treatments .card-desc .card-body a {
text-decoration: unset; }
.a-treatments .card-desc .card-body .row-profile .profile {
width: 73px;
height: 73px; }
.a-treatments .card-desc .card-body .row-profile h4 {
color: var(--black, #191A1B);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: 0.48px; }
.a-treatments .card-desc .card-body .row-profile span {
color: var(--black, #191A1B);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 155%;
letter-spacing: 0.18px; }
.a-treatments .treatments_wrapper {
max-height: 970px;
overflow-y: scroll; }
.a-treatments .treatments_wrapper .item, .a-treatments .treatments_wrapper .grid-sizer {
width: 50%; }
.a-treatments .treatments_wrapper .item {
padding-right: 15px;
margin-bottom: 15px; }
.a-treatments-bg {
background-repeat: no-repeat;
background-size: initial;
background-position: top left;
background-position-x: -100px;
background-position-y: 40px; }
@media (min-width: 1600px) {
.a-treatments-bg {
background-position-x: 0px; } }
@media (min-width: 320px) and (max-width: 480px) {
.a-treatments {
padding-bottom: unset; }
.a-treatments .row-title {
margin-bottom: 30px; }
.a-treatments .row-title h2 {
font-size: 28px;
text-align: center; }
.a-treatments .row-title .form-select {
border-radius: 16px;
border: 1px solid var(--hard-grey, #BFBFBF);
background-color: var(--white, #FFF);
min-height: 62px;
padding: 20px; }
.a-treatments .row-title .form-select::-webkit-input-placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-treatments .row-title .form-select::-moz-placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-treatments .row-title .form-select::-ms-input-placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-treatments .row-title .form-select::placeholder {
color: var(--black, #191A1B);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%; letter-spacing: 0.6px;
text-transform: uppercase; }
.a-treatments .treatments_wrapper {
max-height: unset;
overflow-y: unset; }
.a-treatments .treatments_wrapper .item, .a-treatments .treatments_wrapper .grid-sizer {
width: 100%; }
.a-treatments .treatments_wrapper .item {
padding-right: unset;
margin-bottom: 15px; }
.a-treatments .card-desc .card-body {
padding: 32px; }
.a-treatments .card-desc .card-body img {
border-radius: 16px; }
.a-treatments .card-desc .card-body .content-wrapper {
margin-top: 16px; }
.a-treatments .card-desc .card-body h4 {
font-size: 24px; }
.a-treatments .card-desc .card-body p {
font-size: 15px; }
.a-treatments .card-desc .card-body .btn-collapse {
font-size: 15px; }
.a-treatments .card-desc .card-body .row-profile .profile {
width: 73px;
height: 73px; }
.a-treatments .card-desc .card-body .row-profile h4 {
font-size: 20px; }
.a-treatments .card-desc .card-body .row-profile span {
font-size: 15px; }
.a-treatments-bg {
background-image: unset; } }.a-join {
font-family: "Poppins", sans-serif;
padding-top: 40px;
padding-bottom: 30px;
background-image: url(https://cdn.web.amorefitness.com/wp-content/themes/amore/assets/images/about/join.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: bottom center; }
.a-join .card-body .fa-rotate {
transition: all .5s;
-webkit-transition: all .5s;
}
.a-join a {
text-decoration: unset; }
.a-join .img-wrapper {
position: absolute;
width: 100%; }
.a-join .img-wrapper img {
position: relative;
padding-left: 200px; }
.a-join .card-join {
margin-top: 89px;
border-radius: 16px;
border: 1px solid var(--mid-grey, #E6E6E6);
background: var(--white, #FFF); }
.a-join .card-join .card-body {
padding: 64px; }
.a-join .card-join .card-body h2 {
color: var(--black, #191A1B);
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin-bottom: 10px; }
.a-join .card-join .card-body p {
color: #191A1B;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.18px;
margin-bottom: 48px; }
.a-join .card-role p {
margin-bottom: 0 !important;
}
.a-join .card-join .card-body p a {
color: #5BC0C8;
text-decoration: underline; }
.a-join .card-role {
border: unset;
border-radius: 16px;
background: var(--mid-grey, #E6E6E6); }
.a-join .card-role .card-body {
padding: 32px; }
.a-join .card-role .card-body h4 {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: 0.2px; }
.a-join .card-role .card-body p {
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 155%;
letter-spacing: 0.18px; }
.a-join .card-role .card-body .fa-rotate {
rotate: -45deg; }
@media (min-width: 320px) and (max-width: 480px) {
.a-join {
padding-top: 50px;
padding-bottom: 100px;
background-image: unset; }
.a-join .img-wrapper {
padding-left: 10px;
padding-right: 10px; }
.a-join .img-wrapper img {
padding-left: unset; }
.a-join .card-join {
margin-top: 180px; }
.a-join .card-join .card-body {
padding: 32px; }
.a-join .card-join .card-body h2 {
font-size: 28px;
text-align: center; }
.a-join .card-join .card-body p {
font-size: 15px;
text-align: center; }
.a-join .card-role .card-body {
padding: 24px; }
.a-join .card-role .card-body h4 {
font-size: 18px; }
.a-join .card-role .card-body p {
font-size: 15px; } }