@charset "UTF-8";
.title34 {
font-size: 2.125rem;
line-height: 2.625rem;
font-weight: bold;
color: #00871D;
letter-spacing: -0.7px;
}
@media (max-width: 768px) {
.title34 {
font-size: 1.6rem;
line-height: 2rem;
}
}
.title24 {
font-size: 1.5rem;
line-height: 2.125rem;
font-weight: 500;
color: #5B5A5B;
}
.green-marker li::marker, .green-bullets li::marker {
color: #00871D;
}
.green-bullets li {
font-size: 1.063rem;
line-height: 1.438rem;
}
.cta-type2 a {
background-color: #ffffff !important;
color: #00871D !important;
}
.gred1 {
background: linear-gradient(90deg, #00501D, #43B02A);
}
.gre-blue {
background: linear-gradient(90deg, #136EB3, #002C77);
}
.gre-yello {
background: linear-gradient(90deg, #E2E71F, #FFB81C);
}
.mob {
display: none !important;
}
@media (max-width: 768px) {
.mob {
display: block !important;
}
}
.desk {
display: block;
}
@media (max-width: 768px) {
.desk {
display: none;
}
}
@media (max-width: 768px) {
.mob-br-none br {
display: none;
}
}
@media (max-width: 781px) {
.col-mob-row.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: auto !important;
width: 50% !important;
flex-grow: 0 !important;
}
.col-mob-row.wp-block-columns {
flex-wrap: nowrap !important;
overflow-x: auto;
}
}
p a {
text-decoration: underline;
}
@media (max-width: 768px) {
.mob-mar-0 {
margin: 0 !important;
}
}
@media (max-width: 768px) {
.mob-mar-bot-0 {
margin-bottom: 0 !important;
}
}
.cta-type1 a, .cta-type2 a {
background-color: #00871D;
position: relative;
display: inline-flex;
align-items: center;
height: 3.063rem;
justify-content: center;
padding: 0 5rem 0 2rem;
color: #fff;
font-size: 1.063rem;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
transition: filter 150ms ease, transform 150ms ease;
}
@media (max-width: 768px) {
.cta-type1 a, .cta-type2 a {
font-size: 0.875rem;
height: 2.875rem;
}
}
.cta-type1 a::after, .cta-type2 a::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 3.063rem;
background: #e7e42a;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: 24px 25px;
transition: background-position 150ms ease, filter 150ms ease;
pointer-events: none;
}
.cta-type1 a:hover, .cta-type2 a:hover {
filter: brightness(1.02);
}
.cta-type1 a:hover::after, .cta-type2 a:hover::after {
background-position: calc(50% + 1px) center;
}
.cta-type1 a:active, .cta-type2 a:active {
transform: translateY(0.5px);
}
.cta-type1 a:focus-visible, .cta-type2 a:focus-visible {
outline: 2px solid #0a5;
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.cta-type1 a, .cta-type2 a {
transition: none;
}
.cta-type1 a::after, .cta-type2 a::after {
transition: none;
}
}
.home-banner {
background-image: linear-gradient(45deg, #00501D, #43B02A);
margin-bottom: 8rem;
}
@media (max-width: 768px) {
.home-banner {
padding: 1.875rem 0 0;
margin-bottom: 1.875rem;
background-image: linear-gradient(145deg, #00501D, #43B02A);
}
}
.home-banner .container {
width: 92.25rem;
}
.home-banner .wp-block-columns-is-layout-flex {
justify-content: center;
}
@media (max-width: 768px) {
.home-banner .wp-block-columns-is-layout-flex {
padding: 0 !important;
}
}
.home-banner .left-banner {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
flex-basis: unset !important;
flex-grow: unset !important;
}
.home-banner .left-banner p.heading1 {
font-size: 1.75rem;
color: #fff;
font-weight: 600;
margin-bottom: 1.625rem;
}
@media (max-width: 768px) {
.home-banner .left-banner p.heading1 {
font-size: 1.5625rem;
}
}
.home-banner .left-banner h1.heading2 {
color: #e2e71f;
font-family: "Chantal_Light_Italic";
font-size: 6.25rem;
line-height: 4.625rem;
font-style: italic;
font-weight: 500;
text-align: center;
}
@media (max-width: 768px) {
.home-banner .left-banner h1.heading2 {
font-size: 5rem;
line-height: 3.75rem;
margin-left: -1.5rem;
}
}
@media (max-width: 365px) {
.home-banner .left-banner h1.heading2 {
margin-left: -2rem;
}
}
.home-banner .right-banner {
position: relative;
}
.home-banner .right-banner img {
position: relative;
margin-top: 5rem;
margin-bottom: -4.5rem;
width: 66.938rem !important;
}
@media (max-width: 768px) {
.home-banner .right-banner img {
margin-top: 0;
margin-bottom: 1.875rem;
width: 100% !important;
}
}
.home-banner .right-banner .portrals {
font-size: 0.75rem;
color: #fff;
position: absolute;
bottom: 0.3rem;
right: -1.5rem;
}
@media (max-width: 768px) {
.home-banner .right-banner .portrals {
font-size: 0.6875rem;
right: 0.75rem;
}
}
.home-sec1 {
width: 83.125rem;
max-width: 100% !important;
}
.home-sec1-row {
align-items: center !important;
justify-content: space-between;
margin-bottom: 6rem;
gap: 6.25rem;
}
@media screen and (max-width: 1025px) {
.home-sec1-row {
justify-content: space-around;
gap: 0;
}
}
@media screen and (max-width: 991px) {
.home-sec1-row {
flex-direction: column-reverse;
gap: 0;
text-align: center;
}
}
@media (max-width: 768px) {
.home-sec1-row {
margin-bottom: 1.75rem;
}
}
.home-sec1-row p {
font-size: 1.5rem;
line-height: 1.813rem;
}
@media (max-width: 768px) {
.home-sec1-row p {
font-size: 1.25rem;
line-height: 1.625rem;
}
.home-sec1-row p br {
display: none;
}
}
.home-sec1-row .cta-type1 {
margin-top: 2.75rem;
}
.sec1-left .wp-block-image img {
width: 40.875rem !important;
height: auto;
}
@media (max-width: 768px) {
.sec1-left .wp-block-image img {
width: 20.62rem !important;
}
}
.card-bg {
background: -moz-linear-gradient(top, rgba(244, 243, 243, 0.0784313725), #F4F3F3 100%);
background: -webkit-linear-gradient(top, rgba(244, 243, 243, 0.0784313725), #F4F3F3 100%);
background: linear-gradient(to bottom, rgba(244, 243, 243, 0.0784313725), #F4F3F3 100%);
padding-bottom: 6.125rem;
}
@media (max-width: 768px) {
.card-bg {
background: #F4F3F3 !important;
padding: 1.5rem 1.25rem;
}
}
.card-bg .card-sec {
width: 90rem;
max-width: 100% !important;
}
@media (max-width: 768px) {
.card-bg .card-sec {
padding: 0 !important;
}
}
.card-bg .card-sec .wp-block-group-is-layout-constrained {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 1025px) {
.card-bg .card-sec .wp-block-group-is-layout-constrained {
justify-content: space-around;
gap: 0;
}
}
@media screen and (max-width: 991px) {
.card-bg .card-sec .wp-block-group-is-layout-constrained {
flex-direction: column;
gap: 2rem;
align-items: center;
}
}
@media (max-width: 768px) {
.card-bg .card-sec .wp-block-group-is-layout-constrained {
padding: 0 !important;
gap: 0;
}
}
.card-bg .card-sec .wp-block-group-is-layout-constrained p {
font-size: 1.25rem;
line-height: 1.625rem;
}
@media (max-width: 768px) {
.card-bg .card-sec .wp-block-group-is-layout-constrained p {
margin-bottom: 1.875rem;
}
}
.card-bg .card-sec .wp-block-group-is-layout-constrained a,
.card-bg .card-sec .wp-block-group-is-layout-constrained .wp-block-post-navigation-link {
color: #E2E71F;
font-size: 1.25rem;
text-decoration: underline;
}
.card-bg .card-sec .wp-block-group-is-layout-constrained .is-arrow-arrow {
font-weight: 900;
}
.card-bg .card-sec .wp-block-group-is-layout-constrained .explore-link {
margin-bottom: 0;
}
.card-bg .card-sec .wp-block-group-is-layout-constrained .explore-link a {
position: relative;
font-size: 1.25rem;
padding-right: 1.2rem;
}
.card-bg .card-sec .wp-block-group-is-layout-constrained .explore-link a::after {
content: "→";
margin-left: 0.5rem;
text-decoration: none;
color: inherit;
position: absolute;
font-size: 1.35rem;
font-weight: 900;
}
.card-bg .card-sec .wp-block-group-is-layout-constrained h2 {
font-size: 1.75rem;
font-weight: bold;
}
.card-bg .card-sec .wp-block-columns {
align-items: center !important;
}
.card-bg .card-sec .wp-block-column-is-layout-flow:nth-of-type(1) {
width: 18.375rem;
}
@media screen and (max-width: 991px) {
.card-bg .card-sec .wp-block-column-is-layout-flow {
flex-basis: unset;
flex-grow: unset;
}
}
.card-bg .card-sec .left-box {
background: linear-gradient(145deg, #00501D 0%, #43B02A 100%);
padding: 3rem 0 3rem 0;
width: 40.313rem;
gap: 0;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.24);
}
@media screen and (max-width: 767px) {
.card-bg .card-sec .left-box {
width: auto;
text-align: left;
gap: 0;
padding: 1.75rem 2.125rem 3rem;
max-width: 100%;
margin-bottom: 1.375rem;
}
}
.card-bg .card-sec .left-box h3 {
color: #E2E71F;
font-size: 1.75rem;
font-weight: bold;
line-height: 2.125rem;
}
@media (max-width: 768px) {
.card-bg .card-sec .left-box h3 {
margin-bottom: 1.5rem;
}
}
.card-bg .card-sec .left-box p {
font-size: 1.25rem;
line-height: 1.625rem;
font-weight: 400;
color: #fff;
}
@media (max-width: 768px) and (max-width: 768px) {
.card-bg .card-sec .left-box p {
margin-bottom: 3.125rem;
}
}
@media (max-width: 768px) {
.card-bg .card-sec .left-box p br {
display: none;
}
}
.card-bg .card-sec .left-box .explore-link {
margin-bottom: 0;
}
.card-bg .card-sec .left-box img {
position: relative;
left: -1.5rem;
width: 18.375rem;
}
@media (max-width: 768px) {
.card-bg .card-sec .left-box img {
left: auto;
margin: 0 auto 2.813rem auto;
display: block;
}
}
.card-bg .card-sec .right-box {
background: #ABA5A5;
padding: 3rem 2rem 3rem 0;
gap: 0;
width: 40.313rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.24);
background: -moz-linear-gradient(45deg, #e6e4e4 100%, #f8f8f8 100%);
background: -webkit-linear-gradient(45deg, #e6e4e4 100%, #f8f8f8 100%);
background: linear-gradient(45deg, #e6e4e4 100%, #f8f8f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e4e4', endColorstr='#f8f8f8', GradientType=1);
}
@media screen and (max-width: 767px) {
.card-bg .card-sec .right-box {
width: auto;
text-align: left;
gap: 0;
padding: 0.5rem 2.125rem 2.813rem;
max-width: 100%;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
}
}
.card-bg .card-sec .right-box h3 {
font-size: 1.75rem;
font-weight: bold;
line-height: 2.125rem;
}
@media (max-width: 768px) {
.card-bg .card-sec .right-box h3 {
margin-bottom: 1.125rem;
}
}
.card-bg .card-sec .right-box .wp-block-column-is-layout-flow:nth-of-type(2) {
width: 17rem;
}
.card-bg .card-sec .right-box img {
position: relative;
left: -2rem;
width: 18.375rem;
}
@media (max-width: 768px) {
.card-bg .card-sec .right-box img {
left: auto;
margin: 0 auto;
display: block;
margin-bottom: 1rem;
}
}
.card-bg .card-sec .right-box a,
.card-bg .card-sec .right-box .wp-block-post-navigation-link {
color: #00871D;
}
.cta-type1 a {
background-color: #00871D;
position: relative;
display: inline-flex;
align-items: center;
height: 3.063rem;
justify-content: center;
padding: 0 5rem 0 2rem;
color: #fff;
font-size: 1.063rem;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
transition: filter 150ms ease, transform 150ms ease;
}
.cta-type1 a::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 3.063rem;
background: #e7e42a;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: 18px 25px;
transition: background-position 150ms ease, filter 150ms ease;
pointer-events: none;
}
.cta-type1 a:hover {
filter: brightness(1.02);
}
.cta-type1 a:hover::after {
background-position: calc(50% + 1px) center;
}
.cta-type1 a:active {
transform: translateY(0.5px);
}
.cta-type1 a:focus-visible {
outline: 2px solid #0a5;
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.cta-type1 a {
transition: none;
}
.cta-type1 a::after {
transition: none;
}
}
h2.home-h2 {
color: #00871D;
font-size: 2.125rem;
line-height: 2.625rem;
font-weight: bold;
}
@media (max-width: 768px) {
h2.home-h2 {
font-size: 1.75rem;
line-height: 2.125rem;
}
}
p small {
font-size: 0.8125rem;
line-height: 0.938rem;
display: inline-block;
}
@media (max-width: 768px) {
p small {
font-size: 0.75rem;
line-height: 0.875rem;
display: inline-block;
}
}
.banner-diagonal {
position: relative;
width: 100%;
}
@media (max-width: 768px) {
.banner-diagonal {
padding: 2rem 0 0 0;
}
}
.banner-diagonal figure {
margin: 0;
}
.banner-diagonal img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.banner-diagonal img {
z-index: 1;
position: relative;
}
}
.banner-diagonal .is-layout-flex {
gap: 0;
position: static;
}
@media (max-width: 768px) {
.banner-diagonal .is-layout-flex {
flex-direction: column;
}
}
.banner-diagonal .banner-text {
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.banner-diagonal .banner-text::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 59%;
height: 100%;
background: linear-gradient(90deg, #00501D, #43B02A);
clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
z-index: 1;
}
@media (max-width: 768px) {
.banner-diagonal .banner-text::before {
width: 100%;
clip-path: none;
z-index: 0;
padding: 0 1.5rem;
}
}
.banner-diagonal .banner-text .banner-left-txt {
color: #fff;
position: relative;
z-index: 2;
}
.banner-diagonal .banner-text h1 {
color: #e2e71f;
font-family: "Chantal_Light_Italic";
font-size: 1.625rem;
font-style: italic;
font-weight: 400;
}
.banner-diagonal .banner-text h1 sup {
font-family: "Fira Sans", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 300 !important;
}
@media (max-width: 768px) {
.banner-diagonal .banner-text h1 {
text-align: center;
font-size: 1.375rem;
}
}
.banner-diagonal .banner-text p {
color: #fff;
font-size: 2.625rem;
line-height: 3.25rem;
font-weight: bold;
position: relative;
z-index: 2;
}
.banner-diagonal .banner-text p sup {
font-weight: 400;
}
@media (max-width: 768px) {
.banner-diagonal .banner-text p {
text-align: center;
font-size: 1.75rem;
line-height: 2.125rem;
padding: 0 1rem;
margin-bottom: 1rem;
}
.banner-diagonal .banner-text p br {
display: none;
}
}
.banner-diagonal .portrals {
font-size: 0.8125rem;
color: #fff;
position: absolute;
right: 10.163rem;
bottom: 1rem;
}
@media (max-width: 768px) {
.banner-diagonal .portrals {
display: none;
}
}
@media (max-width: 768px) {
.aboutude-banner {
padding: 2.75rem 0 0 0;
}
.aboutude-banner .portrals {
display: block;
z-index: 9;
right: 2rem;
bottom: 0.7rem;
}
}
.about-chemotherapy {
text-align: center;
padding: 4.375rem 0 3.125rem;
width: 58.313rem;
}
@media screen and (min-width: 992px) and (max-width: 1399.99px) {
.about-chemotherapy {
width: 64.313rem;
}
}
@media (max-width: 768px) {
.about-chemotherapy {
width: 100%;
padding: 2.813rem 0;
}
}
.about-chemotherapy h2 {
margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
.about-chemotherapy h2 {
margin-bottom: 1.875rem;
}
}
@media screen and (min-width: 992px) and (max-width: 1399.99px) {
.about-chemotherapy p {
font-size: 1.215rem;
}
}
@media (max-width: 768px) {
.about-chemotherapy p br {
display: none;
}
}
.about-img-sec1bg {
background-image: url("../../images/patient/about-bg.png");
position: relative;
background-size: cover;
background-repeat: no-repeat;
width: 88.75rem;
max-width: 100%;
margin: 0 auto;
padding: 3.125rem 0;
margin-bottom: 4.375rem;
}
@media (max-width: 768px) {
.about-img-sec1bg {
padding: 0 0 2.5rem 0;
margin-bottom: 0;
background-image: none;
}
}
.about-img-sec1bg .about-imgsec1 {
width: 69.063rem;
}
@media (max-width: 768px) {
.about-img-sec1bg .about-imgsec1 {
padding: 0 2.625rem !important;
}
}
.about-img-sec1bg .about-imgsec1 p {
font-size: 1.5rem;
line-height: 1.875rem;
font-weight: 700;
}
@media (max-width: 768px) {
.about-img-sec1bg .about-imgsec1 p {
font-size: 1.375rem;
line-height: 1.75rem;
}
.about-img-sec1bg .about-imgsec1 p br {
display: none;
}
}
.about-img-sec1bg .about-imgsec1 .aboutimg-col-3 {
margin-left: 1rem;
}
@media (max-width: 768px) {
.about-img-sec1bg .about-imgsec1 .aboutimg-col-3 {
margin-left: 0;
}
}
.about-img-sec1bg .about-imgsec1 .about-img-box {
text-align: center;
}
@media (max-width: 768px) {
.about-img-sec1bg .about-imgsec1 .about-img-box {
margin: 2.813rem 0;
}
}
@media (max-width: 768px) {
.about-img-sec1bg .about-imgsec1 .about-img-box img {
height: auto;
width: 11.875rem;
}
}
.about-img-sec1bg .about-sec1gardiant-bg {
align-items: center !important;
}
@media (max-width: 768px) {
.about-img-sec1bg .about-sec1gardiant-bg {
text-align: center;
padding: 0 1.375rem;
gap: 0;
background-image: url("../../images/patient/about-bg-mob.png");
background-size: cover;
background-position: center;
}
}
.about-graybg {
background-color: #F4F3F3;
padding: 4.375rem 0;
}
@media (max-width: 768px) {
.about-graybg {
padding: 3.125rem 0;
}
}
.about-graybg .container {
width: 47.375rem;
}
.about-graybg ul {
padding-left: 1.2rem;
}
.about-graybg ul li {
font-size: 1.063rem;
}
.about-graybg p {
margin-bottom: 0.5rem;
}
.about-how-do {
padding: 4.375rem 0;
}
@media (max-width: 768px) {
.about-how-do {
padding: 3.125rem 0 0.625rem 0;
}
}
.about-how-do .container {
width: 72.625rem;
}
.about-how-do .container .about-2box {
width: 71.75rem;
max-width: 100%;
justify-content: space-between;
gap: 7.125rem;
}
@media (max-width: 768px) {
.about-how-do .container .about-2box {
gap: 0;
}
}
.about-how-do .container .about-2box .icon-about-how {
width: 4.375rem;
flex-basis: unset;
flex-grow: unset;
}
@media (max-width: 768px) {
.about-how-do .container .about-2box .icon-about-how {
gap: 0;
margin-right: 1.25rem;
}
}
.about-how-do h3 {
text-align: center;
margin-bottom: 2.5rem;
}
.about-how-do h4 {
color: #5B5A5B;
font-size: 1.5rem;
line-height: 1.875rem;
text-align: left;
font-weight: bold;
}
@media (max-width: 768px) {
.about-how-do h4 {
margin-bottom: 1.25rem;
}
}
.about-how-do .green-bullets {
font-size: 1.063rem;
line-height: 1.438rem;
padding-left: 1.2rem;
margin-left: 4.375rem;
}
@media (max-width: 768px) {
.about-how-do .green-bullets {
margin-left: -0.2rem;
}
}
.about-how-do .green-bullets li {
margin-bottom: 1rem;
}
.about-how-do .about-how-left .wp-block-columns {
align-items: flex-start !important;
gap: 2.25rem;
}
@media (max-width: 768px) {
.about-how-do .about-how-left .wp-block-columns {
gap: 0;
}
}
@media (max-width: 768px) {
.about-how-do .about-how-left .wp-block-columns ul {
margin-bottom: 2rem;
}
}
.about-how-do .about-how-left .wp-block-columns img {
width: 4.375rem;
height: 4.375rem;
}
.about-how-do .about-how-right .wp-block-columns {
align-items: flex-start !important;
gap: 2.25rem;
}
@media (max-width: 768px) {
.about-how-do .about-how-right .wp-block-columns {
gap: 0;
margin-bottom: 1.125rem;
align-items: center !important;
}
}
.about-how-do .about-how-right .wp-block-columns ul {
margin-top: -1rem;
}
@media (max-width: 768px) {
.about-how-do .about-how-right .wp-block-columns ul {
margin-top: 1rem;
}
}
.about-how-do .about-how-right .wp-block-columns ul li {
margin-bottom: 0.625rem;
}
.about-how-do .about-how-right .wp-block-columns img {
width: 4.375rem;
height: 4.375rem;
}
@media (max-width: 768px) {
.about-how-do .about-how-right .wp-block-columns h4 {
margin-bottom: 0;
}
}
.about-prev {
padding: 4.375rem 0;
}
@media (max-width: 768px) {
.about-prev {
padding: 3.125rem 0;
}
}
.about-prev .container {
width: 73.6rem;
}
.about-prev .container .wp-block-columns {
gap: 7.75rem;
}
@media (max-width: 768px) {
.about-prev .container .wp-block-columns {
gap: 0;
}
.about-prev .container .wp-block-columns .wp-block-column {
margin-bottom: 2.125rem;
}
.about-prev .container .wp-block-columns .wp-block-column:last-child {
margin-bottom: 0;
}
}
.about-prev h3 {
margin-bottom: 2.813rem;
color: #E2E71F;
}
@media (max-width: 768px) {
.about-prev h3 {
font-size: 1.75rem;
margin-bottom: 2.188rem;
}
}
.about-prev h4 {
font-size: 1.5rem;
color: #E2E71F;
margin-bottom: 1.125rem;
}
@media (max-width: 768px) {
.about-prev h4 {
font-size: 1.5rem;
}
}
.about-prev .mar-bot22 {
margin-bottom: 1.375rem;
}
@media (max-width: 768px) {
.about-prev .mar-bot22 {
margin-bottom: 0.875rem;
}
}
.about-prev ul {
padding-left: 1rem;
}
@media (max-width: 768px) {
.about-prev ul {
margin-bottom: 0;
}
}
.about-prev ul li {
font-size: 1.063rem;
line-height: 1.438rem;
margin-bottom: 0.875rem;
}
.about-prev ul li::marker {
color: #E2E71F;
}
.about-side {
padding: 4.375rem 0;
}
@media (max-width: 768px) {
.about-side {
padding: 3.125rem 0;
}
}
.about-side .container {
width: 47.375rem;
}
.about-side .container h3 {
margin-bottom: 1.125rem;
color: #00871d;
font-weight: bold;
}
.about-side .container .green-bullets {
padding-left: 1rem;
}
.about-side .container .green-bullets li {
margin-bottom: 0.75rem;
}
.full-section {
background-image: url("../../images/hcp/bg-why-full.jpg");
position: relative;
background-size: cover;
background-repeat: no-repeat;
padding: 1.5rem 0 1rem 0;
height: 22.125rem;
}
@media (max-width: 768px) {
.full-section {
height: auto;
text-align: center;
padding: 2.5rem 0 3rem 0;
background-image: unset;
background: linear-gradient(134deg, #00501D, #43B02A);
}
}
.full-section .wp-block-columns-is-layout-flex {
display: flex;
align-items: center !important;
gap: 5.5rem;
}
@media (max-width: 768px) {
.full-section .wp-block-columns-is-layout-flex {
gap: 0;
}
}
.full-section .img-box {
text-align: right !important;
}
.full-section .img-box img {
width: 30.25rem;
}
@media (max-width: 768px) {
.full-section .img-box img {
left: -3rem;
position: relative;
}
}
.full-section h3 {
color: #fff;
font-size: 2.625rem;
line-height: 3.25rem;
margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
.full-section h3 {
font-size: 2.063rem;
line-height: 2.563rem;
margin-bottom: 1.5625rem;
}
.full-section h3 br {
display: none;
}
}
.full-section h3 span {
color: #e0e326;
}
.about-last {
background-image: url("../../images/patient/about-last.jpg");
background-repeat: no-repeat;
padding: 2.5rem 0;
height: auto;
}
@media (max-width: 768px) {
.about-last {
background: linear-gradient(149deg, #00501D, #43B02A);
padding: 2.25rem 0 3.4375rem 0;
}
}
.about-last .container {
width: 63.5rem;
}
@media (max-width: 768px) {
.about-last .container {
padding: 0 2.063rem;
}
}
.about-last .container .about-last-img {
text-align: center;
}
@media (max-width: 768px) {
.about-last .container .about-last-img {
margin-bottom: 2.813rem;
}
}
.about-last .wp-block-columns-is-layout-flex {
gap: 4rem;
align-items: center !important;
}
@media (max-width: 781px) {
.about-last .wp-block-columns-is-layout-flex {
gap: 0;
}
}
.about-last h3 {
font-size: 2.625rem;
line-height: 3.25rem;
color: #fff;
z-index: 9;
font-weight: bold;
}
.about-last h3 span {
color: #E2E71F;
}
@media (max-width: 768px) {
.about-last h3 {
font-size: 2.063rem;
line-height: 2.563rem;
margin-bottom: 3.375rem;
}
}
.about-last h3 span {
color: #e0e326;
}
.about-last img {
width: 21.813rem;
}
.overview-banner {
background: linear-gradient(135deg, #E5E3E4, #F8F8F8);
position: relative;
padding: 2rem 0;
}
@media (max-width: 768px) {
.overview-banner {
background-image: unset;
background: linear-gradient(120deg, #E5E3E4, #F8F8F8);
padding: 2.25rem 0 3.125rem 0;
}
}
.overview-banner .container {
width: 79.625rem;
}
.overview-banner .wp-block-columns {
align-items: center !important;
}
@media (max-width: 768px) {
.overview-banner .wp-block-columns {
gap: 0;
}
.overview-banner .wp-block-columns .wp-block-column {
margin-bottom: 1.5625rem;
}
.overview-banner .wp-block-columns .wp-block-column:last-child {
margin-bottom: 0;
}
}
.overview-banner .wp-block-columns figure {
text-align: right;
}
.overview-banner .wp-block-columns figure img {
width: 35.75rem;
height: auto;
}
@media (max-width: 768px) {
.overview-banner .wp-block-columns figure img {
width: auto;
height: auto;
margin: 0 auto;
display: block;
}
}
.overview-banner h1 {
text-align: left;
font-weight: 400;
font-size: 1.625rem;
line-height: 1rem;
margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
.overview-banner h1 {
text-align: center;
font-size: 1.375rem;
margin-bottom: 0.7rem;
}
}
.overview-banner h2 {
font-size: 2.625rem;
line-height: 3.25rem;
margin-bottom: 0.625rem;
color: #fff;
font-weight: bold;
}
@media (max-width: 768px) {
.overview-banner h2 {
text-align: center;
font-size: 1.75rem;
line-height: 2rem;
}
}
.overview-banner p {
font-size: 4.25rem;
line-height: 4.375rem;
}
@media (max-width: 768px) {
.overview-banner p {
font-size: 2.75rem;
line-height: 2.625rem;
text-align: center;
}
}
.overiew-sec1 {
padding: 4.375rem 0 0 0;
}
@media (max-width: 768px) {
.overiew-sec1 {
padding: 2.188rem 0 0 0;
}
}
.overiew-sec1 .container {
width: 79.625rem;
}
.overiew-sec1 h3 {
margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
.overiew-sec1 h3 {
font-size: 1.75rem;
}
}
.overiew-sec1 p.overview-sec1-p1 {
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 500;
margin-bottom: 3.125rem;
}
@media (max-width: 768px) {
.overiew-sec1 p.overview-sec1-p1 {
margin-bottom: 1.875rem;
}
}
.admistration-3box {
padding: 0 0 4.375rem 0;
text-align: center;
gap: 3.438rem;
width: 80rem;
max-width: 100%;
}
@media (max-width: 991px) {
.admistration-3box {
gap: 0.5rem;
}
}
@media (max-width: 768px) {
.admistration-3box {
padding: 0 0 1.25rem 0;
gap: 0;
max-width: 35rem !important;
}
.admistration-3box .wp-block-column {
margin-bottom: 1.625rem;
text-align: center;
}
.admistration-3box .wp-block-column:last-child {
margin-bottom: 0;
}
}
@media (max-width: 480px) {
.admistration-3box {
max-width: 100% !important;
}
}
.admistration-3box > .wp-block-column {
background: #F4F3F3;
}
.admistration-3box .eq-height {
min-height: 4.375rem;
}
@media (max-width: 768px) {
.admistration-3box .eq-height {
min-height: auto;
margin-bottom: 3.75rem;
}
}
.admistration-3box .gray-bg {
background: #F4F3F3;
padding: 2.25rem 3.375rem;
}
@media (max-width: 768px) {
.admistration-3box .gray-bg {
padding: 2.813rem 1.375rem;
}
}
.admistration-3box .gray-bg h5 {
font-size: 1.75rem;
line-height: 2.125rem;
color: #00871D;
font-weight: bold;
margin-bottom: 1.475rem;
}
@media (max-width: 768px) {
.admistration-3box .gray-bg h5 {
font-size: 1.25rem;
line-height: 1.75rem;
margin-bottom: 0.8rem;
}
.admistration-3box .gray-bg h5 br {
display: none;
}
}
.admistration-3box .gray-bg p {
font-size: 1.063rem;
color: #5B5A5B;
margin-bottom: 2.25rem;
padding: 0;
min-height: 4.375rem;
}
.admistration-3box .gray-bg p:last-child {
border-bottom: 0;
}
@media (max-width: 768px) {
.admistration-3box .gray-bg p:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.admistration-3box .gray-bg p br {
display: none;
}
}
.admistration-3box .gray-bg p small {
display: block;
font-size: 0.8125rem;
line-height: 1rem;
}
@media (max-width: 768px) {
.admistration-3box .gray-bg p small {
margin-top: 1.25rem;
}
}
.admistration-3box .gray-bg img {
width: 4.375rem;
height: 4.375rem;
margin-bottom: 0.938rem;
}
@media (max-width: 768px) {
.admistration-3box h3 {
font-size: 1.25rem;
line-height: 1.5625rem;
margin-bottom: 0;
}
}
.admistration-3box h3.text-styler {
margin-bottom: 0.5rem;
font-size: 1.5rem;
}
.admistration-3box h4 {
font-size: 2rem;
line-height: 3.25rem;
color: #fff;
margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
.admistration-3box h4 {
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 1.5rem;
}
}
.admistration-3box p {
font-size: 1.25rem;
line-height: 1.438rem;
color: #fff;
margin-bottom: 1.625rem;
}
@media (max-width: 768px) {
.admistration-3box p {
font-size: 1.25rem !important;
line-height: 1.438rem;
}
}
.admistration-3box .wp-block-image.box3-img {
display: flex;
align-items: center;
justify-content: center;
height: 15rem;
}
@media (max-width: 768px) {
.admistration-3box .wp-block-image.box3-img {
height: auto;
}
}
.admistration-3box .gre-blue {
padding: 0 1.8rem 2.75rem 1.8rem;
}
@media (max-width: 768px) {
.admistration-3box .gre-blue {
padding: 0 2.375rem 2.063rem 2.375rem;
}
}
.admistration-3box .gre-blue img {
height: 10rem;
width: auto;
}
.admistration-3box .gre-blue .wp-block-image {
padding: 1.5625rem 0 1.25rem 0;
}
@media (max-width: 768px) {
.admistration-3box .gre-blue .wp-block-image {
padding: 2.25rem 0 0.938rem 0;
}
}
.admistration-3box .gred1 {
background: linear-gradient(90deg, #43B02A, #00501D);
padding: 0 2.5rem 2.75rem 2.5rem;
}
@media (max-width: 768px) {
.admistration-3box .gred1 {
padding: 0 2.375rem 2.063rem 2.375rem;
background: linear-gradient(138deg, #43B02A, #00501D);
}
}
.admistration-3box .gred1 img {
height: auto;
width: 100%;
}
.admistration-3box .gred1 .wp-block-image {
padding: 3.125rem 0 2.813rem 0;
}
.admistration-3box .gre-yello {
padding: 0 2rem 2.75rem 2rem;
}
@media (max-width: 768px) {
.admistration-3box .gre-yello {
padding: 0 2.375rem 2.063rem 2.375rem;
}
}
.admistration-3box .gre-yello img {
height: auto;
width: 19rem;
}
.admistration-3box .gre-yello h4,
.admistration-3box .gre-yello p {
color: #5B5A5B;
}
.admistration-3box .gre-yello h3 {
color: #00871D;
}
@media (max-width: 768px) {
.admistration-3box .gre-yello .wp-block-image {
padding: 3.188rem 0 2.8rem 0;
}
}
.overviewLast {
padding: 3.75rem 0;
}
@media (max-width: 768px) {
.overviewLast {
padding: 3.125rem 0;
text-align: center;
}
}
.overviewLast .container {
width: 57.5rem;
}
.overviewLast .container .wp-block-columns {
align-items: center !important;
justify-content: space-between;
gap: 0;
}
.overviewLast .container .wp-block-columns img {
width: auto;
height: 13.5rem;
}
@media (max-width: 768px) {
.overviewLast .container .wp-block-columns img {
margin-bottom: 2.5rem;
}
}
.overviewLast .container .wp-block-columns h3 {
font-size: 2.625rem;
line-height: 3.25rem;
color: #fff;
margin-bottom: 2.5rem;
font-weight: bold;
}
@media (max-width: 768px) {
.overviewLast .container .wp-block-columns h3 {
font-size: 2.125rem;
line-height: 2.5rem;
color: #fff;
margin-bottom: 2.5rem;
}
.overviewLast .container .wp-block-columns h3 br {
display: none;
}
}
.overviewLast .container .wp-block-columns p {
margin-bottom: 1rem;
}
@media (max-width: 768px) {
.overviewLast .container .wp-block-columns p {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.on-body-ban .is-layout-flex {
display: block;
}
.on-body-ban .portrals {
display: block;
z-index: 9;
right: 27px;
}
}
@media (max-width: 768px) {
.on-body-ban {
padding: 2rem 0 0 0;
}
}
.on-body-ban figure {
margin: 0;
}
.on-body-ban img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.on-body-ban img {
z-index: 1;
position: relative;
}
}
.on-body-ban .ban-icon {
width: 1.9375rem;
height: 3.75rem;
}
.on-body-ban .banner-text {
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.on-body-ban .banner-text::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 59%;
height: 100%;
background: linear-gradient(90deg, #136EB3, #002C77);
clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
z-index: 1;
}
@media (max-width: 768px) {
.on-body-ban .banner-text::before {
width: 100%;
height: 70%;
clip-path: none;
z-index: 0;
padding: 0 1.5rem;
}
}
.on-body-ban .banner-text .banner-left-txt {
color: #fff;
position: relative;
z-index: 2;
width: 23.063rem;
}
.on-body-ban .banner-text .banner-left-txt h2 sup {
font-weight: 300;
}
@media (max-width: 768px) {
.on-body-ban .banner-text .banner-left-txt {
width: auto;
padding: 0 2.625rem;
text-align: center;
}
}
.on-body-ban .banner-text .banner-left-txt p sup {
font-weight: 400;
font-size: 0.6em;
}
@media (max-width: 768px) {
.on-body-ban .banner-text .banner-left-txt p sup {
font-size: 0.5em;
}
}
.on-body-ban .banner-text .ban-icon-txt {
align-items: center !important;
justify-content: flex-start;
gap: 1.375rem;
}
@media (max-width: 768px) {
.on-body-ban .banner-text .ban-icon-txt {
display: flex;
justify-content: center;
flex-wrap: nowrap !important;
flex-direction: row;
width: 16rem;
margin: 0 auto;
gap: 0;
}
}
.on-body-ban .banner-text .ban-icon-txt .wp-block-column {
flex-basis: unset;
flex-grow: unset;
}
@media (max-width: 768px) {
.on-body-ban .banner-text .ban-icon-txt .wp-block-column {
flex-basis: auto !important;
width: auto !important;
}
}
@media (max-width: 768px) {
.on-body-ban .banner-text .ban-icon-txt img {
height: 3.125rem;
width: auto;
}
}
.on-body-ban .banner-text .ban-icon-txt p {
color: #fff;
font-size: 1.25rem;
line-height: 1.438rem;
font-weight: 400;
font-style: italic;
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.on-body-ban .banner-text .ban-icon-txt p {
text-align: left;
font-size: 0.938rem;
line-height: 1.1875rem;
}
.on-body-ban .banner-text .ban-icon-txt p br {
display: none;
}
}
@media (max-width: 768px) {
.internal-page-link, .admin-links {
display: none;
}
}
.admin-links ul {
padding: 0;
margin: 1.25rem auto 0 auto;
width: fit-content;
}
.admin-links ul li {
display: inline-block;
margin-right: 8px;
border-right: 1px solid rgba(172, 172, 172, 0.5058823529);
}
.admin-links ul li.active a {
text-decoration: none;
font-weight: bold;
color: #5B5A5B;
}
@media (max-width: 768px) {
.admin-links ul li {
margin-right: 0.11rem;
}
}
.admin-links ul li:last-child {
border-right: none;
}
.admin-links ul li a {
color: #00871D;
margin-right: 0;
padding-right: 8px;
font-size: 0.813rem;
font-weight: 400;
line-height: 0.813rem;
text-decoration: underline;
display: block;
}
@media (max-width: 768px) {
.admin-links ul li a {
font-size: 0.6875rem;
line-height: 0.6875rem;
}
}
.admin-links ul li a:hover {
text-decoration: none;
color: #5B5A5B;
}
.wp-block-list.pointers {
display: none;
list-style: none;
counter-reset: step;
margin: 0;
padding: 0 1.5rem;
}
@media (max-width: 768px) {
.wp-block-list.pointers {
display: block;
}
}
.wp-block-list.pointers li {
position: relative;
margin: 1rem 0;
padding-left: 2.5rem;
font-size: 0.875rem;
line-height: 1.1875rem;
color: #333;
text-align: left;
letter-spacing: -0.2px;
}
@media (max-width: 768px) {
.wp-block-list.pointers li {
font-size: 1.0625rem;
line-height: 1.3;
padding-left: 3.1rem;
border-bottom: 1px solid #5B5A5B;
padding-bottom: 1.1rem;
margin: 0 0 0.9rem 0;
}
.wp-block-list.pointers li:last-child {
margin-bottom: 2rem;
}
}
.wp-block-list.pointers li:first-child {
margin-top: 0;
}
.wp-block-list.pointers li::before {
counter-increment: step;
content: counter(step, upper-alpha);
position: absolute;
left: 0;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-color: #2e7d32;
color: #fff;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
}
@media (max-width: 768px) {
.wp-block-list.pointers li::before {
font-size: 1.125rem;
line-height: 1;
width: 1.75rem;
height: 1.75rem;
top: 30%;
transform: translateY(-36%);
}
}
.wp-block-list.pointers li strong {
color: #2e7d32;
font-weight: 600;
}
.onbody-sec {
padding: 2.5rem 0;
}
.onbody-sec .container {
width: 63.5rem;
align-items: center !important;
gap: 0;
justify-content: space-between;
}
.onbody-sec .container .onbody-left {
width: 42.75rem;
}
.onbody-sec .container .onbody-left img {
width: 42.75rem;
}
.onbody-sec .container .onbody-right {
width: 17.5rem;
height: 16.438rem;
background-color: #00871d;
border-radius: 1.25rem;
padding: 2.5rem;
}
.onbody-sec .container .onbody-right .green-timer-box img {
width: 4.375rem;
height: 4.375rem;
margin-bottom: 1.5rem;
}
.onbody-sec .container .onbody-right .green-timer-box p {
color: #fff;
font-size: 1.25rem;
line-height: 1.438rem;
}
.onbody-sec .container .onbody-right .green-timer-box p sup {
top: -0.2rem;
}
@media (max-width: 768px) {
.onbody-right-mob {
width: 100%;
height: auto;
background-color: #00871d;
border-radius: 1.25rem;
padding: 1.75rem 1.25rem;
margin: 0 auto 1.125rem auto;
}
.onbody-right-mob .green-timer-box {
display: flex;
flex-direction: row;
}
.onbody-right-mob .green-timer-box img {
width: 4.25rem;
height: 4.25rem;
margin-bottom: 0;
}
.onbody-right-mob .green-timer-box p {
color: #fff;
font-size: 1.25rem;
line-height: 1.438rem;
width: 16.25rem;
margin-left: 1rem;
}
}
.status-guide-sec {
padding: 0 0 5rem 0;
}
@media (max-width: 768px) {
.status-guide-sec {
padding: 0 0 1.5rem 0;
}
}
.status-guide-sec .container {
width: 63.5rem;
gap: 0;
}
.status-guide-sec .container .status-light-heading {
background-color: #5B5A5B;
color: #fff;
font-weight: bold;
border-radius: 1.25rem 1.25rem 0 0;
height: 3.125rem;
line-height: 3.125rem;
width: 15rem;
text-align: center;
}
.status-guide-sec .container .status-indicate-row {
background-color: #F4F3F3;
margin-bottom: 1.875rem;
border-radius: 0 1.25rem 1.25rem 1.25rem;
padding: 2.813rem 3rem 3rem;
}
@media (max-width: 768px) {
.status-guide-sec .container .status-indicate-row {
padding: 1.5625rem 1rem;
}
}
.status-guide-sec .container .status-indicate-row img {
margin-top: -0.8rem;
}
@media (max-width: 768px) {
.status-guide-sec .container .status-indicate-row img {
margin-top: -0.4rem;
width: 2rem;
}
}
.status-guide-sec .container .status-indicate-row h4 {
font-size: 1.063rem;
font-weight: bold;
color: #00871D;
}
.status-guide-sec .container .status-indicate-row .wp-block-media-text > .wp-block-media-text__content {
padding: 0 0.375rem;
}
@media (max-width: 768px) {
.status-guide-sec .container .status-indicate-row .wp-block-media-text > .wp-block-media-text__content {
padding: 0;
margin-left: 0.3125rem;
}
.status-guide-sec .container .status-indicate-row .wp-block-media-text {
grid-template-columns: 10% auto !important;
}
}
.status-guide-sec .container p a {
color: #00871D;
}
.box2-sec {
background-color: #f2f2f2;
padding: 4rem 0;
text-align: center;
}
@media (max-width: 768px) {
.box2-sec {
padding: 3.125rem 0;
}
}
.box2-sec .flex-unset {
gap: 8.125rem;
}
@media (max-width: 768px) {
.box2-sec .flex-unset {
gap: 0;
}
.box2-sec .flex-unset .wp-block-column {
margin-bottom: 2.063rem;
}
.box2-sec .flex-unset .wp-block-column:last-child {
margin-bottom: 0;
}
}
.box2-sec .flex-unset h3 {
margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
.box2-sec {
gap: 1.625rem;
}
}
.box2-sec .eq-height {
min-height: 5.375rem;
margin-bottom: 0;
}
@media (max-width: 768px) {
.box2-sec .eq-height {
min-height: auto;
margin-bottom: 1.75rem;
max-width: 16rem;
margin-left: auto;
margin-right: auto;
}
.box2-sec .eq-height br {
display: none;
}
}
.box2-sec .title34 {
margin-bottom: 2.188rem;
}
@media (max-width: 768px) {
.box2-sec .title34 {
margin-bottom: 2.063rem;
}
}
@media (max-width: 768px) {
.box2-sec .flex-unset h3 {
font-size: 1.25rem;
line-height: 1.5625rem;
margin-bottom: 0;
}
}
.box2-sec h4 {
font-size: 2rem;
line-height: 2.25rem;
color: #fff;
margin-bottom: 1rem;
font-weight: bold;
}
@media (max-width: 768px) {
.box2-sec h4 {
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 1.125rem;
}
}
.box2-sec p {
font-size: 1.063rem;
line-height: 1.438rem;
color: #fff;
letter-spacing: -0.05rem;
}
@media (max-width: 768px) {
.box2-sec p {
font-size: 0.938rem;
line-height: 1.25rem;
}
}
.box2-sec .wp-block-image {
display: flex;
align-items: center;
justify-content: center;
height: 15rem;
}
@media (max-width: 768px) {
.box2-sec .wp-block-image {
height: auto;
}
}
.box2-sec .gre-blue {
padding: 0 2.375rem 2.75rem 2.375rem;
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.24);
}
@media (max-width: 768px) {
.box2-sec .gre-blue {
padding: 0 1rem 2.063rem 1rem;
}
}
.box2-sec .gre-blue img {
height: 10rem;
width: auto;
}
.box2-sec .gre-blue .wp-block-image {
padding: 1.5625rem 0 1.25rem 0;
}
@media (max-width: 768px) {
.box2-sec .gre-blue .eq-height {
max-width: 14rem;
}
.box2-sec .gre-blue .cta-type2 a {
padding: 0 4rem 0 1rem;
}
}
.box2-sec .gred1 {
padding: 0 2rem 2.75rem 2rem;
background: linear-gradient(90deg, #43B02A, #00501D);
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.24);
}
@media (max-width: 768px) {
.box2-sec .gred1 {
padding: 0 1.2rem 2.063rem 1.2rem;
}
}
.box2-sec .gred1 img {
height: 3.813rem;
width: auto;
}
.box2-sec .gred1 .wp-block-image {
padding: 3.125rem 0 2.813rem 0;
}
.box2-sec .gred1 h3 {
color: #e2e71f;
}
@media (max-width: 768px) {
.box2-sec .gred1 .cta-type2 a {
padding: 0 4.5rem 0 1.5rem;
}
}
.box2-sec .gre-yello {
padding: 0 2rem 2.75rem 2rem;
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.24);
}
@media (max-width: 768px) {
.box2-sec .gre-yello {
padding: 0 0.6rem 2.063rem 0.6rem;
}
}
@media (max-width: 768px) {
.box2-sec .gre-yello .cta-type2 a {
padding: 0 4rem 0 1rem;
}
}
.box2-sec .gre-yello img {
height: 6.75rem;
width: auto;
}
.box2-sec .gre-yello h4,
.box2-sec .gre-yello p {
color: #5B5A5B;
}
.box2-sec .gre-yello h3 {
color: #00871D;
}
@media (max-width: 768px) {
.box2-sec .gre-yello .wp-block-image {
padding: 3.188rem 0 2.8rem 0;
}
}
.icon-text-sec {
background-color: #F4F3F3;
padding: 3.125rem 0;
}
@media (max-width: 768px) {
.icon-text-sec {
padding: 3.125rem 0 1.375rem 0;
}
}
.icon-text-sec .container {
text-align: center;
}
@media (max-width: 768px) {
.icon-text-sec .container p br {
display: none;
}
}
.icon-text-sec .container img {
width: 4.375rem;
height: 4.375rem;
margin-bottom: 1.375rem;
}
@media (max-width: 768px) {
.icon-text-sec .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.icon-text-sec .wp-block-columns {
flex-wrap: wrap !important;
gap: 0;
}
.icon-text-sec .wp-block-columns .wp-block-column:nth-child(odd) {
margin-right: 10%;
}
.icon-text-sec .wp-block-columns .wp-block-column {
margin-bottom: 1.875rem;
}
.icon-text-sec .wp-block-columns .auto-icon-3,
.icon-text-sec .wp-block-columns .auto-icon-4 {
margin-bottom: 0 !important;
}
}
.onbody-q-guide-sec {
background-color: rgba(171, 165, 165, 0.75);
padding: 3.125rem 0;
display: none;
}
@media (max-width: 768px) {
.onbody-q-guide-sec {
padding: 3.125rem 1.125rem;
}
}
.onbody-q-guide-sec .container {
width: 79.625rem;
background: #fff;
border-radius: 1.5rem;
padding: 3.125rem 0;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container {
padding: 3.125rem 1.5625rem 3.125rem 0.5rem !important;
}
}
.onbody-q-guide-sec .container .quick-guide-sec1 {
width: 56.438rem;
margin: 0 auto;
max-width: 100%;
}
.onbody-q-guide-sec .container .quick-guide-sec1 a {
color: #00871D;
}
.onbody-q-guide-sec .container h3 {
margin-bottom: 1.5625rem;
}
.onbody-q-guide-sec .container h4 {
font-size: 1.5rem;
line-height: 1.8125rem;
font-weight: bold;
color: #00871D;
text-align: right;
margin-top: 2rem;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container h4 {
text-align: center;
margin-top: 0;
padding-bottom: 0.625rem;
margin-bottom: 0;
background: #fff;
position: relative;
font-size: 1.4rem;
}
}
.onbody-q-guide-sec .container .complete-h4 {
margin-top: 1rem;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .complete-h4 {
margin-top: 0;
font-size: 1.3rem;
}
}
.onbody-q-guide-sec .container .onbody-inj-monitor {
padding: 3.125rem 5.625rem;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .onbody-inj-monitor {
padding: 1.5625rem 0 0 0;
}
}
.onbody-q-guide-sec .container .onbody-inj-row {
margin-bottom: 3.125rem;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .onbody-inj-row {
margin-bottom: 2.813rem;
}
.onbody-q-guide-sec .container .onbody-inj-row:last-child {
margin-bottom: 0 !important;
}
}
.onbody-q-guide-sec .container .onbody-inj-row .wp-block-columns {
gap: 0;
max-width: 100%;
}
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col1 {
width: 8.813rem;
display: flex;
justify-content: right;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col1 {
display: none;
}
}
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col2 {
width: 6.25rem;
margin: 0 2.5rem;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col2 {
margin: 0;
margin-right: 0.5rem;
text-align: center;
width: 7rem;
flex: unset !important;
}
}
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col2 img {
height: 6.25rem;
width: 6.25rem;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col2 img {
width: 4.25rem;
height: 4.25rem;
}
}
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col2 figure.wp-block-image {
position: relative;
display: block;
}
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col2 figure.wp-block-image::after {
content: "";
position: absolute;
left: 50%;
top: 100%;
transform: translateX(-50%);
width: 1px;
height: 6.25rem;
background-color: #ABA5A5;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col2 figure.wp-block-image::after {
width: 2px;
height: 19.25rem;
}
}
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col2 .no-vbor::after {
display: none;
}
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col3 {
width: 48.25rem;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col3 {
width: 16rem !important;
flex: 1 1 42% !important;
}
}
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col3 h5 {
color: #00871d;
font-size: 1.063rem;
font-style: normal;
font-weight: 700;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col3 h5 {
margin-top: 5px;
}
}
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col3 .q-guide-txt-img .wp-block-column:nth-child(1) {
width: 27.5rem;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col3 .q-guide-txt-img .wp-block-column:nth-child(1) {
width: 13.25rem;
}
}
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col3 .q-guide-txt-img .wp-block-column:nth-child(2) {
width: 17.5rem;
margin-left: 2.5rem;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col3 .q-guide-txt-img .wp-block-column:nth-child(2) {
width: 13.25rem;
margin-left: 0;
}
.onbody-q-guide-sec .container .onbody-inj-row .q-guide-col3 .q-guide-txt-img .wp-block-column:nth-child(2) img {
width: 13.25rem;
margin-top: 1.25rem;
}
}
.onbody-q-guide-sec .container .onbody-inj-row:last-child figure.wp-block-image::after {
display: none;
}
.onbody-q-guide-sec .container .q-guide-last-p .wp-block-column {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .q-guide-last-p .wp-block-column {
align-items: flex-start !important;
padding: 0 0.3rem;
}
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .q-guide-last-p .wp-block-column figure {
flex: 0 0 3.125rem;
}
}
.onbody-q-guide-sec .container .q-guide-last-p .wp-block-column img {
height: 1.8125rem;
width: 1.8125rem;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .q-guide-last-p .wp-block-column img {
width: 3.125rem;
height: auto;
margin-top: -0.3rem;
}
}
.onbody-q-guide-sec .container .q-guide-last-p .wp-block-column p {
font-size: 1.25rem;
line-height: 1.438rem;
margin-left: 1rem;
font-weight: 500;
}
@media (max-width: 768px) {
.onbody-q-guide-sec .container .q-guide-last-p .wp-block-column p {
flex: 1;
font-size: 1.063rem;
line-height: 1.438rem;
margin-left: 0.6875rem;
}
}
@media (max-width: 768px) {
.onbody-q-guide-sec .wp-block-columns.is-layout-flex {
flex-direction: row !important;
flex-wrap: wrap !important;
}
.onbody-q-guide-sec .wp-block-column {
flex: 1 1 50%;
min-width: 0;
flex-basis: min-content !important;
}
.onbody-q-guide-sec .q-guide-col3 .wp-block-columns.is-layout-flex {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
}
.quick-guide-sec .acc-head {
background: #5B5A5B;
}
.quick-guide-sec .acc-head .acc-head-container {
width: 50.5rem;
height: 4.375rem;
display: flex;
gap: 0;
align-items: center !important;
justify-content: space-between;
}
@media (max-width: 768px) {
.quick-guide-sec .acc-head .acc-head-container {
flex-direction: column;
padding: 2rem 0;
height: auto;
}
}
.quick-guide-sec .acc-head .acc-head-container h3 {
font-size: 1.25rem;
line-height: 1.625rem;
color: #fff;
margin-bottom: 0;
}
@media (max-width: 768px) {
.quick-guide-sec .acc-head .acc-head-container h3 {
text-align: center;
margin-bottom: 1.25rem;
width: 20rem;
}
}
.quick-guide-sec .cta-expand a {
background-color: #fff;
position: relative;
display: inline-flex;
align-items: center;
height: 3.063rem;
justify-content: center;
padding: 0 5rem 0 2rem;
color: #00871D;
font-size: 1.063rem;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
transition: filter 150ms ease, transform 150ms ease;
}
.quick-guide-sec .cta-expand a::after {
content: "+";
position: absolute;
font-family: auto;
top: 0;
right: 0;
bottom: 0;
width: 3.063rem;
background: #e7e42a;
display: flex;
align-items: center;
justify-content: center;
font-size: 3.25rem;
font-weight: lighter;
transition: content 150ms ease;
pointer-events: none;
}
.quick-guide-sec .cta-expand a:hover {
filter: brightness(1.02);
}
.quick-guide-sec .cta-expand a:active {
transform: translateY(0.5px);
}
.quick-guide-sec .cta-expand a:focus-visible {
outline: 2px solid #0a5;
outline-offset: 2px;
}
.quick-guide-sec .cta-expand a.expanded::after {
content: "×";
}
@media (prefers-reduced-motion: reduce) {
.quick-guide-sec .cta-expand a {
transition: none;
}
.quick-guide-sec .cta-expand a::after {
transition: none;
}
}
.sec-dispose-injector {
padding: 3.125rem 0 0.625rem 0;
}
@media (max-width: 768px) {
.sec-dispose-injector {
padding: 3rem 0;
}
}
.sec-dispose-injector .container {
width: 51.875rem;
}
@media (max-width: 768px) {
.sec-dispose-injector .container {
text-align: center;
}
}
.sec-dispose-injector .container img {
width: 15.125rem;
height: auto;
}
.sec-dispose-injector .container h4 {
font-size: 1.75rem;
line-height: 2.125rem;
font-weight: 500;
margin-bottom: 1.875rem;
}
.sec-dispose-injector .wp-block-media-text > .wp-block-media-text__content {
padding: 0 0 0 1rem;
}
.blue-sec {
background: linear-gradient(90deg, #136EB3, #002C77);
padding: 4.5rem 0;
text-align: center;
}
@media (max-width: 768px) {
.blue-sec {
padding: 2.813rem 0;
}
}
.blue-sec h3 {
color: #E2E71F;
margin-bottom: 1.875rem;
}
.blue-sec p {
color: #fff;
margin-bottom: 3.125rem;
}
@media (max-width: 768px) {
.blue-sec p {
margin-bottom: 1.875rem;
}
}
.vedio-sec {
width: 100%;
position: relative;
}
@media screen and (max-width: 991px) {
.vedio-sec .vdMobile {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media screen and (max-width: 991px) {
.vedio-sec .vdMobile .vdMobileCl {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media screen and (max-width: 991px) {
.vedio-sec .vdMobile .vdMobileCl .customRatio {
--bs-aspect-ratio: 56.257143%;
}
}
.vedio-sec iframe {
width: 100%;
}
.customRatio {
--bs-aspect-ratio: 48.257143%;
flex-basis: unset;
flex-grow: unset;
}
.ratio {
width: 100%;
position: relative;
}
.ratio:before {
padding-top: var(--bs-aspect-ratio);
content: "";
display: block;
}
.ratio > * {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.ratio-1x1 {
--bs-aspect-ratio: 100% ;
}
.ratio-4x3 {
--bs-aspect-ratio: 75% ;
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25% ;
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571% ;
}
@media (max-width: 768px) {
.ratio-21x9 {
--bs-aspect-ratio: 58% !important;
}
}
@media (max-width: 768px) {
.auto-ban .is-layout-flex {
display: block;
}
}
@media (max-width: 768px) {
.auto-ban {
padding: 2rem 0 0 0;
}
}
.auto-ban figure {
margin: 0;
}
.auto-ban img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.auto-ban img {
z-index: 1;
position: relative;
}
}
.auto-ban .ban-icon {
width: 1.9375rem;
height: 3.75rem;
}
.auto-ban .banner-text {
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.auto-ban .banner-text::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 59%;
height: 100%;
background: linear-gradient(90deg, #43B02A, #00871D);
clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
z-index: 1;
}
@media (max-width: 768px) {
.auto-ban .banner-text::before {
width: 100%;
height: 70%;
clip-path: none;
z-index: 0;
padding: 0 1.5rem;
}
}
.auto-ban .banner-text .banner-left-txt {
color: #fff;
position: relative;
z-index: 2;
width: 33.813rem;
}
.auto-ban .banner-text .banner-left-txt h1 {
text-align: left;
font-weight: 400;
font-size: 1.625rem;
line-height: 1rem;
}
@media (max-width: 768px) {
.auto-ban .banner-text .banner-left-txt h1 {
text-align: center;
font-size: 1.375rem;
line-height: 1.625rem;
}
}
.auto-ban .banner-text .banner-left-txt h2 {
font-size: 2.625rem;
line-height: 3.25rem;
color: #fff;
font-weight: bold;
}
@media (max-width: 768px) {
.auto-ban .banner-text .banner-left-txt h2 {
text-align: center;
font-size: 1.75rem;
line-height: 2rem;
}
}
@media (max-width: 768px) {
.auto-ban .banner-text .banner-left-txt {
width: auto;
padding: 0 2.25rem;
text-align: center;
}
}
.auto-ban .banner-text .banner-left-txt p sup {
font-weight: 400;
font-size: 0.6em;
}
@media (max-width: 768px) {
.auto-ban .banner-text .banner-left-txt p sup {
font-size: 0.5em;
}
}
.auto-sec1.pat-auto-sec1 {
padding: 3.9375rem 0 4.375rem 0;
text-align: center;
}
@media (max-width: 768px) {
.auto-sec1.pat-auto-sec1 {
padding: 1.5rem 0 3.125rem 0;
}
.auto-sec1.pat-auto-sec1 .instruction-guide {
font-size: 0.8125rem;
line-height: 1.16;
padding: 0 0.8rem;
}
}
.auto-sec1.pat-auto-sec1 .container {
width: 40.313rem;
text-align: left;
}
.auto-sec1.pat-auto-sec1 .desk-auto-image img {
width: 40.313rem;
margin-bottom: 2.0625rem;
}
@media (max-width: 768px) {
.auto-sec1.pat-auto-sec1 .desk-auto-image img {
margin-bottom: 0;
width: 6rem;
}
}
@media (max-width: 768px) {
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers {
padding: 0;
margin-bottom: 1.875rem;
}
}
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers {
display: none;
list-style: none;
counter-reset: step;
margin: 0;
padding: 0 1.5rem;
}
@media (max-width: 768px) {
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers {
display: block;
}
}
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers li {
position: relative;
margin: 1rem 0;
padding-left: 2.5rem;
font-size: 0.875rem;
line-height: 1.1875rem;
color: #333;
text-align: left;
letter-spacing: -0.2px;
}
@media (max-width: 768px) {
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers li {
font-size: 1.0625rem;
line-height: 1.3;
padding-left: 3.1rem;
border-bottom: 1px solid #5B5A5B;
padding-bottom: 1.1rem;
margin: 0 0 0.9rem 0;
}
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers li:last-child {
margin-bottom: 2rem;
}
}
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers li:first-child {
margin-top: 0;
}
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers li::before {
counter-increment: step;
content: counter(step, upper-alpha);
position: absolute;
left: 0;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-color: #2e7d32;
color: #fff;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
}
@media (max-width: 768px) {
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers li::before {
font-size: 1.063rem;
line-height: 0.75rem;
width: 1.75rem;
height: 1.75rem;
top: 30%;
transform: translateY(-36%);
}
}
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers li strong {
color: #2e7d32;
font-weight: 600;
}
.row-auto {
position: relative;
width: 100%;
max-width: 47.375rem;
margin-left: auto !important;
margin-right: auto !important;
}
@media (max-width: 768px) {
.row-auto {
gap: 0;
}
}
.row-auto .auto-injector {
flex-basis: 100%;
}
.row-auto .auto-right {
width: 15rem;
height: 15rem;
background-color: #00871d;
border-radius: 1.25rem;
padding: 2.5rem 2.25rem 2.5rem 2.5rem;
text-align: left;
}
.row-auto .auto-right.green-box-preset {
position: absolute;
top: 10.375rem;
left: 0;
}
@media (max-width: 768px) {
.row-auto .auto-right.green-box-preset {
position: static;
margin-top: 2.813rem;
padding: 1.5rem 1.375rem 1.5rem 2rem;
height: auto;
width: auto;
display: flex;
align-items: center;
margin-bottom: 1.5rem;
}
}
.row-auto .auto-right img {
width: 4.375rem;
height: 4.375rem;
margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
.row-auto .auto-right img {
margin-bottom: 0;
margin-right: 1.68rem;
}
}
.row-auto .auto-right p {
color: #fff;
font-size: 1.25rem;
line-height: 1.438rem;
}
@media (max-width: 768px) {
.row-auto .auto-right p {
max-width: 12rem;
}
}
.auto-sec2-right {
max-width: 20.688rem;
}
@media (max-width: 768px) {
.auto-sec2-right {
margin-top: 2.18rem;
padding: 0 1.625rem;
text-align: center;
max-width: 100%;
}
.auto-sec2-right:last-child {
margin-top: 0;
}
.auto-sec2-right figure {
margin-bottom: 0.75rem;
}
}
.auto-sec2-right:not(:last-child) {
margin-bottom: 3.4375rem;
}
@media (max-width: 768px) {
.auto-sec2-right:not(:last-child) {
margin-bottom: 1.125rem;
justify-content: center;
}
}
.auto-sec2-right .wp-block-columns {
gap: 0;
align-items: center !important;
}
.auto-sec2-right .wp-block-columns img {
width: 4.375rem;
height: 4.375rem;
}
.auto-sec2-right .auto-sec2-icon {
flex: 0 0 5rem !important;
margin-right: 1rem;
}
@media (max-width: 768px) {
.auto-sec2-right .auto-sec2-icon {
margin-right: 0;
}
}
.auto-sec2-full .auto-sec2-img {
width: 67.563rem;
}
.auto-sec2-full .auto-sec2-img img {
width: 67.563rem;
height: auto;
}
@media screen and (min-width: 1921px) {
.auto-sec2-full .auto-sec2-img {
width: 55%;
}
}
@media screen and (min-width: 1921px) {
.auto-sec2-full .auto-sec2-img figure {
position: relative;
padding-top: 33.33%;
}
}
@media screen and (min-width: 1921px) {
.auto-sec2-full .auto-sec2-img figure img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
}
@media (max-width: 768px) {
.auto-sec2-full {
background-color: #F4F3F3 !important;
padding-bottom: 3.125rem;
}
}
@media (max-width: 768px) {
.auto-sec2-full .wp-block-columns {
gap: 0;
}
}
.auto-sec2-full .wp-block-column {
position: relative;
}
.auto-sec2-full .portrals {
position: absolute;
color: #ffffff;
font-size: 12px;
bottom: 1.25rem;
left: 12.125rem;
}
@media (max-width: 768px) {
.auto-sec2-full .portrals {
bottom: 0.5rem;
right: 1.625rem;
left: auto;
}
}
.onbody-sec {
padding: 2.5rem 0;
}
.onbody-sec .container {
width: 63.5rem;
align-items: center !important;
gap: 0;
justify-content: space-between;
}
.onbody-sec .container .onbody-left {
width: 42.75rem;
}
.onbody-sec .container .onbody-left img {
width: 42.75rem;
}
.onbody-sec .container .onbody-right {
width: 17.5rem;
height: 16.438rem;
background-color: #00871d;
border-radius: 1.25rem;
padding: 2.5rem;
}
.onbody-sec .container .onbody-right .green-timer-box img {
width: 4.375rem;
height: 4.375rem;
margin-bottom: 1.5rem;
}
.onbody-sec .container .onbody-right .green-timer-box p {
color: #fff;
font-size: 1.25rem;
line-height: 1.438rem;
}
@media (max-width: 768px) {
.onbody-right-mob {
width: 100%;
height: auto;
background-color: #00871d;
border-radius: 1.25rem;
padding: 1.75rem 1.25rem;
margin: 0 auto 1.125rem auto;
}
.onbody-right-mob .green-timer-box {
display: flex;
flex-direction: row;
}
.onbody-right-mob .green-timer-box img {
width: 4.25rem;
height: 4.25rem;
margin-bottom: 0;
}
.onbody-right-mob .green-timer-box p {
color: #fff;
font-size: 1.25rem;
line-height: 1.438rem;
width: 16.25rem;
margin-left: 1rem;
}
}
.status-guide-sec-auto {
padding: 0 0 2.5rem 0;
}
@media (max-width: 768px) {
.status-guide-sec-auto {
padding: 2.188rem 0 1.875rem 0;
}
}
.status-guide-sec-auto .status-light-heading {
background-color: #5B5A5B;
color: #fff;
font-weight: bold;
border-radius: 1.25rem 1.25rem 0 0;
height: 3.125rem;
line-height: 3.125rem;
width: 15rem;
text-align: center;
}
.status-guide-sec-auto .status-indicate-row {
background-color: #F4F3F3;
margin-bottom: 4rem;
border-radius: 0 1.25rem 1.25rem 1.25rem;
padding: 2.813rem 3rem 3rem;
}
@media (max-width: 768px) {
.status-guide-sec-auto .status-indicate-row {
padding: 1.5625rem;
margin-bottom: 2.625rem;
}
}
.status-guide-sec-auto .status-indicate-row img {
margin-top: -0.8rem;
}
@media (max-width: 768px) {
.status-guide-sec-auto .status-indicate-row img {
margin-top: -0.2rem;
width: 1.5rem;
}
}
.status-guide-sec-auto .status-indicate-row h4 {
font-size: 1.063rem;
font-weight: bold;
color: #00871D;
}
@media (max-width: 768px) {
.status-guide-sec-auto .status-indicate-row .wp-block-media-text > .wp-block-media-text__content {
padding: 0;
}
.status-guide-sec-auto .status-indicate-row .wp-block-media-text {
grid-template-columns: 10% auto !important;
}
}
.auto-q-guide-sec {
background-color: rgba(171, 165, 165, 0.75);
padding: 3.125rem 0;
display: none;
}
@media (max-width: 768px) {
.auto-q-guide-sec {
padding: 3.125rem 1.125rem;
}
}
.auto-q-guide-sec .container {
width: 79.625rem;
background: #fff;
border-radius: 1.5rem;
padding: 3.125rem 8.125rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container {
padding: 3.125rem 2rem !important;
}
}
.auto-q-guide-sec .container .quick-guide-sec1 {
width: 56.438rem;
margin: 0 auto 3.125rem auto;
max-width: 100%;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .quick-guide-sec1 {
margin-bottom: 0;
}
}
.auto-q-guide-sec .container .quick-guide-sec1 a {
color: #00871D;
}
.auto-q-guide-sec .container h3 {
margin-bottom: 1.5625rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container h3 {
margin-bottom: 1.125rem;
}
}
.auto-q-guide-sec .container h4 {
font-size: 1.063rem;
line-height: 1.438rem;
font-weight: bold;
color: #00871D;
text-align: left;
margin-bottom: 0.8125rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container h4 {
margin-top: 0;
padding-bottom: 0.625rem;
margin-bottom: 0;
position: relative;
font-size: 1.063rem;
line-height: 1.438rem;
}
}
.auto-q-guide-sec .container .green-bullets {
padding-left: 1.2rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .green-bullets {
padding-left: 1rem;
}
}
.auto-q-guide-sec .container .green-bullets li {
margin-bottom: 0.6rem;
}
.auto-q-guide-sec .container .green-bullets li a {
color: #00871D;
text-decoration: underline;
}
.auto-q-guide-sec .container .complete-h4 {
margin-top: 1rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .complete-h4 {
margin-top: 0;
font-size: 1.3rem;
}
}
.auto-q-guide-sec .container .auto-guide-4box {
padding: 0;
}
.auto-q-guide-sec .container .auto-guide-4box .wp-block-image {
margin-bottom: 1.25rem;
}
.auto-q-guide-sec .container .auto-guide-4box .wp-block-image figure {
margin: 0;
}
.auto-q-guide-sec .container .auto-guide-4box .wp-block-image img {
width: 13.688rem;
height: auto;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .auto-guide-4box .wp-block-image img {
width: 20.375rem;
}
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .auto-guide-4box {
padding: 1.5625rem 0 0 0;
}
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .auto-guide-4box .wp-block-column {
margin-bottom: 1.5625rem;
}
.auto-q-guide-sec .container .auto-guide-4box .wp-block-column:last-child {
margin-bottom: 0;
}
}
.auto-q-guide-sec .container .icon-injection {
display: flex;
align-items: center;
justify-content: center;
}
.auto-q-guide-sec .container .icon-injection .title24 {
color: #00871D;
font-weight: bold;
margin-left: 1.875rem;
}
.auto-q-guide-sec .container .icon-injection img {
width: 4.25rem;
height: auto;
}
.auto-q-guide-sec .container .onbody-inj-row {
margin-bottom: 3.125rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .onbody-inj-row {
margin-bottom: 2.813rem;
}
.auto-q-guide-sec .container .onbody-inj-row:last-child {
margin-bottom: 0 !important;
}
}
.auto-q-guide-sec .container .onbody-inj-row .wp-block-columns {
gap: 0;
max-width: 100%;
}
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col1 {
width: 8.813rem;
display: flex;
justify-content: right;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col1 {
display: none;
}
}
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col2 {
width: 6.25rem;
margin: 0 2.5rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col2 {
margin: 0;
margin-right: 0.5rem;
text-align: center;
}
}
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col2 img {
height: 6.25rem;
width: 6.25rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col2 img {
width: 4.25rem;
height: 4.25rem;
}
}
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col2 figure.wp-block-image {
position: relative;
display: block;
}
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col2 figure.wp-block-image::after {
content: "";
position: absolute;
left: 50%;
top: 100%;
transform: translateX(-50%);
width: 1px;
height: 6.25rem;
background-color: #ABA5A5;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col2 figure.wp-block-image::after {
width: 2px;
height: 19.25rem;
}
}
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col2 .no-vbor::after {
display: none;
}
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col3 {
width: 48.25rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col3 {
width: 16rem !important;
flex: 1 1 42% !important;
}
}
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col3 h5 {
color: #00871d;
font-size: 1.063rem;
font-style: normal;
font-weight: 700;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col3 h5 {
margin-top: 5px;
}
}
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col3 .q-guide-txt-img .wp-block-column:nth-child(1) {
width: 27.5rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col3 .q-guide-txt-img .wp-block-column:nth-child(1) {
width: 14.25rem;
}
}
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col3 .q-guide-txt-img .wp-block-column:nth-child(2) {
width: 17.5rem;
margin-left: 2.5rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col3 .q-guide-txt-img .wp-block-column:nth-child(2) {
width: 14.25rem;
margin-left: 0;
}
.auto-q-guide-sec .container .onbody-inj-row .q-guide-col3 .q-guide-txt-img .wp-block-column:nth-child(2) img {
width: 14.25rem;
margin-top: 1.25rem;
}
}
.auto-q-guide-sec .container .onbody-inj-row:last-child figure.wp-block-image::after {
display: none;
}
.auto-q-guide-sec .container .q-guide-last-p .wp-block-column {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .q-guide-last-p .wp-block-column {
align-items: flex-start !important;
padding: 0 0.3rem;
}
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .q-guide-last-p .wp-block-column figure {
flex: 0 0 3.125rem;
}
}
.auto-q-guide-sec .container .q-guide-last-p .wp-block-column img {
height: 1.8125rem;
width: 1.8125rem;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .q-guide-last-p .wp-block-column img {
width: 3.125rem;
height: auto;
margin-top: -0.3rem;
}
}
.auto-q-guide-sec .container .q-guide-last-p .wp-block-column p {
font-size: 1.25rem;
line-height: 1.438rem;
margin-left: 1rem;
font-weight: 500;
}
@media (max-width: 768px) {
.auto-q-guide-sec .container .q-guide-last-p .wp-block-column p {
flex: 1;
font-size: 1.063rem;
line-height: 1.438rem;
margin-left: 0.6875rem;
}
}
@media (max-width: 768px) {
.auto-q-guide-sec .wp-block-columns.is-layout-flex {
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 0;
}
.auto-q-guide-sec .wp-block-column {
flex: 1 1 50%;
min-width: 0;
flex-basis: min-content !important;
}
.auto-q-guide-sec .q-guide-col3 .wp-block-columns.is-layout-flex {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
}
.quick-guide-sec .acc-head {
background: #5B5A5B;
}
.quick-guide-sec .acc-head .acc-head-container {
width: 50.5rem;
height: 4.375rem;
display: flex;
gap: 0;
align-items: center !important;
justify-content: space-between;
}
@media (max-width: 768px) {
.quick-guide-sec .acc-head .acc-head-container {
flex-direction: column;
padding: 2rem 0;
height: auto;
}
}
.quick-guide-sec .acc-head .acc-head-container h3 {
font-size: 1.25rem;
line-height: 1.625rem;
color: #fff;
margin-bottom: 0;
}
@media (max-width: 768px) {
.quick-guide-sec .acc-head .acc-head-container h3 {
text-align: center;
margin-bottom: 1.25rem;
width: 20rem;
}
}
.quick-guide-sec .cta-expand .expanded .open-qg {
display: none;
}
.quick-guide-sec .cta-expand .expanded .close-qg {
display: block;
}
.quick-guide-sec .cta-expand a {
background-color: #fff;
position: relative;
display: inline-flex;
align-items: center;
height: 3.063rem;
justify-content: center;
padding: 0 5rem 0 2rem;
color: #00871D;
font-size: 1.063rem;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
transition: filter 150ms ease, transform 150ms ease;
}
.quick-guide-sec .cta-expand a::after {
content: "+";
position: absolute;
font-family: auto;
top: 0;
right: 0;
bottom: 0;
width: 3.063rem;
background: #e7e42a;
display: flex;
align-items: center;
justify-content: center;
font-size: 3.25rem;
font-weight: lighter;
transition: content 150ms ease;
pointer-events: none;
}
.quick-guide-sec .cta-expand a:hover {
filter: brightness(1.02);
}
.quick-guide-sec .cta-expand a:active {
transform: translateY(0.5px);
}
.quick-guide-sec .cta-expand a:focus-visible {
outline: 2px solid #0a5;
outline-offset: 2px;
}
.quick-guide-sec .cta-expand a.expanded::after {
content: "×";
}
@media (prefers-reduced-motion: reduce) {
.quick-guide-sec .cta-expand a {
transition: none;
}
.quick-guide-sec .cta-expand a::after {
transition: none;
}
}
.ai-quick-guide-sec .acc-head .cta-expand .expanded:after {
content: "";
background-image: url("../../images/patient/close.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 28px;
}
.ai-quick-guide-sec .acc-head .cta-expand a:after {
content: "";
background-image: url("/wp-content/uploads/2026/05/plus.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
display: inline-block;
}
.sec-dispose-injector {
padding: 3.125rem 0 0.625rem 0;
}
@media (max-width: 768px) {
.sec-dispose-injector {
padding: 3rem 0;
}
}
.sec-dispose-injector .container {
width: 51.875rem;
}
@media (max-width: 768px) {
.sec-dispose-injector .container {
text-align: center;
}
}
.sec-dispose-injector .container img {
width: 15.125rem;
height: auto;
}
.sec-dispose-injector .container h4 {
font-size: 1.75rem;
line-height: 2.125rem;
font-weight: 500;
margin-bottom: 1.875rem;
}
.sec-dispose-injector .wp-block-media-text > .wp-block-media-text__content {
padding: 0 0 0 1rem;
}
.green-rev-sec.auto-in {
background: linear-gradient(90deg, #43B02A, #00871D);
padding: 4.5rem 0;
text-align: center;
}
@media (max-width: 768px) {
.green-rev-sec.auto-in {
padding: 2.813rem 0;
}
}
.green-rev-sec.auto-in h3 {
color: #E2E71F;
margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
.green-rev-sec.auto-in h3 {
max-width: 20.375rem;
margin: 0 auto 1.25rem auto;
font-size: 1.75rem;
line-height: 2.125rem;
}
}
.green-rev-sec.auto-in p {
color: #fff;
margin-bottom: 3.125rem;
}
@media (max-width: 768px) {
.green-rev-sec.auto-in p {
max-width: 20.375rem;
margin: 0 auto 2.5rem auto;
}
}
.vedio-sec {
width: 100%;
position: relative;
}
@media screen and (max-width: 991px) {
.vedio-sec .vdMobile {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media screen and (max-width: 991px) {
.vedio-sec .vdMobile .vdMobileCl {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media screen and (max-width: 991px) {
.vedio-sec .vdMobile .vdMobileCl .customRatio {
--bs-aspect-ratio: 56.257143%;
}
}
.vedio-sec iframe {
width: 100%;
}
.customRatio {
--bs-aspect-ratio: 48.257143%;
flex-basis: unset;
flex-grow: unset;
}
.ratio {
width: 100%;
position: relative;
}
.ratio:before {
padding-top: var(--bs-aspect-ratio);
content: "";
display: block;
}
.ratio > * {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.ratio-1x1 {
--bs-aspect-ratio: 100% ;
}
.ratio-4x3 {
--bs-aspect-ratio: 75% ;
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25% ;
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571% ;
}
@media (max-width: 768px) {
.ratio-21x9 {
--bs-aspect-ratio: 58% !important;
}
}
@media (max-width: 768px) {
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers.ai-pointers li {
padding-bottom: 1rem;
padding-top: 1rem;
}
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers.ai-pointers li:not(:last-child) {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.auto-sec1.pat-auto-sec1 .wp-block-list.pointers.ai-pointers li::before {
transform: translateY(-50%);
top: 50%;
}
}
.ai-auto-guide-4box .wp-block-heading, .ai-auto-guide-4box p {
font-size: 1.0625rem;
}
@media (max-width: 768px) {
.ai-box2-sec.box2-sec .flex-unset .wp-block-column {
margin-bottom: 13px;
}
}
@media (max-width: 768px) {
.auto-ban.banner-diagonal .portrals {
display: block;
right: 27px;
bottom: 15px;
z-index: 1;
}
}
.disposal-page {
background-color: #F4F3F3;
padding: 6.25rem 0 4rem 0;
min-height: calc(100vh - 415px);
}
@media (max-width: 768px) {
.disposal-page {
padding: 3rem 0 2.5rem 0;
min-height: unset;
}
}
.disposal-page .container {
width: 65.5rem;
}
.disposal-page .container h1 {
font-size: 2.625rem;
line-height: 3.25rem;
font-weight: bold;
margin-bottom: 2.25rem;
text-align: center;
}
.disposal-page .container h1 span {
font-weight: 400;
}
@media (max-width: 768px) {
.disposal-page .container h1 {
font-size: 1.75rem;
line-height: 2.125rem;
margin: 0 auto 1.625rem auto;
width: 20.375rem;
}
}
.disposal-page .container h2 {
font-size: 1.75rem;
line-height: 2.125rem;
font-weight: 500;
margin-bottom: 1.5625rem;
color: #5B5A5B;
}
@media (max-width: 768px) {
.disposal-page .container h2 {
font-size: 1.25rem;
line-height: 1.5rem;
margin-bottom: 1.25rem;
}
}
.disposal-page .container img {
width: 23.188rem;
}
@media (max-width: 768px) {
.disposal-page .container img {
width: 16.188rem;
margin: 0 auto;
display: block;
}
}
.disposal-page .container .dispose-txt-sec {
width: 40.313rem;
padding-top: 3rem;
}
@media (max-width: 768px) {
.disposal-page .container .dispose-txt-sec {
padding-top: 0;
}
}
.disposal-page .container .dispose-txt-sec p {
font-weight: bold;
margin-bottom: 0.625rem;
}
.disposal-page .container .dispose-txt-sec ul {
padding-left: 1rem;
}
.disposal-page .container .dispose-txt-sec ul li {
margin-bottom: 0.3125rem;
}
.disposal-page .container .dispose-lastp {
text-align: center;
}
@media (max-width: 768px) {
.disposal-page .container .wp-block-columns {
gap: 0;
}
}
.full-section-dispose {
padding: 4rem 0;
background: linear-gradient(134deg, #00501D, #43B02A);
}
@media (max-width: 768px) {
.full-section-dispose {
padding: 2.813rem 0 2.813rem 0;
}
}
.full-section-dispose .container {
width: 56.25rem;
}
@media (max-width: 768px) {
.full-section-dispose .container {
text-align: center;
}
.full-section-dispose .container br {
display: none;
}
}
.full-section-dispose .container p {
color: #fff;
font-size: 1.25rem;
font-weight: 500;
}
.full-section-dispose .container p a {
color: #E2E71F;
}
.full-section-dispose .container .img-col {
width: 5.625rem;
}
.full-section-dispose .container .wp-block-image {
width: 5.625rem;
height: 5.625rem;
}
@media (max-width: 768px) {
.full-section-dispose .container .wp-block-image {
margin: 0 auto;
width: unset;
height: unset;
}
}
.full-section-dispose .container .wp-block-image img {
width: 5.625rem;
height: 5.625rem;
}
@media (max-width: 768px) {
.full-section-dispose .container .wp-block-image img {
width: 4.25rem;
height: 4.25rem;
}
}
.full-section-dispose .container .wp-block-columns {
gap: 0;
justify-content: space-between;
align-items: center !important;
}
@media (max-width: 768px) {
.full-section-dispose .container .wp-block-columns {
gap: 0;
}
.full-section-dispose .container .wp-block-columns .wp-block-column {
margin-bottom: 0.875rem;
text-align: center;
}
.full-section-dispose .container .wp-block-columns .wp-block-column:last-child {
margin-bottom: 0;
}
}
/* ------------- Variables ------------- */
.patient-resources-main {
padding-bottom: 6.25rem;
}
@media (max-width: 768px) {
.patient-resources-main {
padding-bottom: 2.9375rem;
}
}
.patient-resources-main {
/* ------------- Filters ------------- */
}
.patient-resources-main .filters {
position: sticky;
top: 12px;
align-self: start;
background: #fff;
border-top: 1px solid #F4F3F3;
}
@media (max-width: 960px) {
.patient-resources-main .filters {
position: static;
}
}
@media screen and (max-width: 767px) {
.patient-resources-main .filters {
display: flex;
overflow-x: auto;
max-width: 100%;
width: 100%;
padding-bottom: 10px;
margin-bottom: 25px;
}
}
.patient-resources-main .filters__top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
border-bottom: 1px solid #F4F3F3;
}
.patient-resources-main .filters__title {
margin: 0;
font-size: 18px;
font-weight: 700;
}
.patient-resources-main .filters__clear {
background: transparent;
border: 0;
color: #11843a;
font-weight: 600;
cursor: pointer;
padding: 6px 8px;
border-radius: 6px;
}
.patient-resources-main .filters__clear:hover {
background: #daf2e3;
}
.patient-resources-main .filter-group {
border-bottom: 1px solid #e9e9e9;
}
@media screen and (max-width: 767px) {
.patient-resources-main .filter-group {
border: none;
margin-right: 9px;
}
}
.patient-resources-main .filter-group:last-child {
border-bottom: 0;
}
.patient-resources-main .filter-group .filter-group__label {
font-size: 1.0625rem;
letter-spacing: -0.1px;
color: #5B5A5B;
}
@media screen and (max-width: 767px) {
.patient-resources-main .filter-group .filter-group__label {
font-size: 13px;
white-space: nowrap;
font-weight: normal;
}
}
.patient-resources-main .filter-group__header {
width: 100%;
background: transparent;
border: 0;
padding: 1.25rem 0;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 700;
cursor: pointer;
}
.patient-resources-main .filter-group__header:focus-visible {
outline: none;
}
@media screen and (max-width: 767px) {
.patient-resources-main .filter-group__header {
padding: 10px 9px;
background-color: #F4F3F3;
border: 1px solid #5B5A5B;
border-radius: 3px;
}
}
.patient-resources-main .filter-group__header .chev {
display: inline-flex;
color: #5c5c5c;
transition: transform 0.2s ease;
}
.patient-resources-main .filter-group .filter-group__header .chev {
transform: rotate(180deg);
}
.patient-resources-main .filter-group.is-open .filter-group__header .chev {
transform: rotate(0deg);
}
.patient-resources-main .filter-group__body {
padding: 0 0 1.875rem 0;
display: grid;
gap: 12px;
}
@media screen and (max-width: 767px) {
.patient-resources-main .filter-group__body {
display: none;
position: absolute;
z-index: 1;
background-color: #fff;
border: 1px solid #328721;
border-radius: 3px;
padding: 12px 11px;
-webkit-box-shadow: 4px 7px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 4px 7px 15px 0 rgba(0, 0, 0, 0.15);
gap: 0;
width: 87.2% !important;
left: 24px !important;
}
}
@media screen and (max-width: 767px) {
.patient-resources-main .layout .filter-group.is-open .filter-group__header[aria-expanded=true] {
border-color: #43B02A;
}
}
@media screen and (max-width: 767px) {
.patient-resources-main .layout .filter-group.is-open .filter-group__header[aria-expanded=true] .chev {
color: #43B02A;
}
}
.patient-resources-main .check {
display: flex;
gap: 8px;
align-items: center;
font-size: 14px;
position: relative;
}
@media screen and (max-width: 767px) {
.patient-resources-main .check {
border-bottom: 1px solid #F4F3F3;
padding-bottom: 10px;
margin-bottom: 10px;
}
.patient-resources-main .check:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
}
.patient-resources-main .check input[type=checkbox] {
width: 1.0625rem;
height: 1.0625rem;
accent-color: #11843a;
appearance: none;
-webkit-appearance: none;
visibility: hidden;
position: absolute;
}
.patient-resources-main .check input[type=checkbox]:checked ~ span::after {
content: "";
position: absolute;
top: 0.25rem;
left: 0.3rem;
background-image: url(../../images/hcp/check-mark-white.svg);
background-size: cover;
width: 0.625rem;
height: 0.5625rem;
background-repeat: no-repeat;
}
.patient-resources-main .check input[type=checkbox]:checked ~ span:before {
background: #5B5A5B;
}
.patient-resources-main .check span {
font-size: 0.9375rem;
line-height: 1.2;
letter-spacing: -0.1px;
color: #5B5A5B;
position: relative;
padding-left: 1.625rem;
}
@media screen and (max-width: 767px) {
.patient-resources-main .check span {
font-size: 0.8375rem;
}
}
.patient-resources-main .check span:before {
content: "";
position: absolute;
left: 0;
top: 0;
border: 1px solid #5B5A5B;
width: 1.0625rem;
height: 1.0625rem;
border-radius: 3px;
}
.patient-resources-main {
/* ------------- Header bar ------------- */
}
.patient-resources-main .collection-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 30px;
color: #fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00501d+0,00871d+100 */
background: linear-gradient(to right, #00501d 0%, #00871d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media screen and (max-width: 767px) {
.patient-resources-main .collection-header {
padding: 12px 15px;
}
}
.patient-resources-main .collection-header__title {
margin: 0;
font-size: 1.25rem;
line-height: 1.3;
font-weight: 500;
color: #ffffff !important;
}
@media screen and (max-width: 767px) {
.patient-resources-main .collection-header__title {
font-size: 1.0625rem;
}
.patient-resources-main .collection-header__title .small-txt {
display: none;
}
}
.patient-resources-main .collection-header__title img {
position: absolute;
right: 0;
margin-right: 0;
}
@media screen and (max-width: 767px) {
.patient-resources-main .collection-header__title img {
width: 20px;
height: 20px;
}
}
.patient-resources-main .collection-header__title.collapsed img {
-moz-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.patient-resources-main .results {
background: rgba(255, 255, 255, 0.15);
padding: 6px 10px;
border-radius: 999px;
font-weight: 600;
}
.patient-resources-main .section-toggle {
background: transparent;
border: 0;
color: #fff;
cursor: pointer;
}
.patient-resources-main .section-toggle:focus-visible {
outline: none;
border: none;
}
.patient-resources-main {
/* ------------- Cards ------------- */
}
.patient-resources-main .card-grid-wrap[data-collapsible][data-collapsed=true] .card-grid {
display: none;
}
.patient-resources-main .card-grid-wrap {
max-width: 72.6875rem;
margin: 0 auto;
}
.patient-resources-main .card-grid {
list-style: none;
padding: 0;
margin: 2.5rem 0 0 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-column-gap: 6.3125rem;
grid-row-gap: 3.125rem;
}
@media (max-width: 960px) {
.patient-resources-main .card-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.patient-resources-main .card-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.patient-resources-main .card-grid {
margin-top: 1.5625rem;
display: block;
}
}
.patient-resources-main .doc-card {
position: relative;
padding: 1.125rem 0 4.0625rem 0;
display: flex;
flex-direction: column;
height: 100%;
grid-template-rows: auto auto auto 1fr auto auto;
transition: transform 0.18s ease, box-shadow 0.18s ease;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e4e4+0,f9f9f9+100 */
background: linear-gradient(to bottom, #e6e4e4 0%, #f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
}
.patient-resources-main .doc-card:hover {
transform: translateY(-3px);
}
@media screen and (max-width: 767px) {
.patient-resources-main .doc-card {
text-align: center;
justify-content: center;
margin-bottom: 2.1875rem;
padding-bottom: 3.6875rem;
padding-top: 0;
}
.patient-resources-main .doc-card:last-child {
margin-bottom: 0;
}
}
.patient-resources-main .doc-card__thumb {
position: relative;
width: 100%;
padding-top: 50%;
}
@media screen and (max-width: 767px) {
.patient-resources-main .doc-card__thumb {
padding-top: 46%;
}
}
.patient-resources-main .doc-card__thumb-img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: contain;
}
.patient-resources-main .doc-card-wrapper {
padding: 0 2.5rem;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.patient-resources-main .doc-card-wrapper {
padding: 0 1.575rem;
}
}
.patient-resources-main .doc-card__pdf {
position: absolute;
top: 0;
right: 0;
background: #00871D;
color: #fff;
padding: 5px 13px;
font-size: 10px;
font-weight: 500;
line-height: 1;
}
@media screen and (max-width: 767px) {
.patient-resources-main .doc-card__pdf {
padding: 6px 15px;
font-size: 13px;
}
}
.patient-resources-main .doc-card__video {
color: #5B5A5B;
background-color: #E2E71F;
}
.patient-resources-main .doc-card__form {
background-color: #002C77;
}
.patient-resources-main .doc-card__title {
margin: 6px 0 5px 0;
font-size: 1.0625rem;
font-weight: 700;
color: #5B5A5B;
text-align: center;
line-height: 1.2;
width: 100%;
}
.patient-resources-main .doc-card__desc {
margin: 0;
color: #3d3d3d;
font-size: 0.875rem;
text-align: center;
line-height: 1.42;
}
.patient-resources-main .doc-card__desc a {
color: #00871D !important;
}
.patient-resources-main .doc-card__desc p {
margin-bottom: 0.625rem !important;
font-size: 0.9375rem;
padding-bottom: 21px;
}
.patient-resources-main .doc-card__desc p:last-child {
margin-bottom: 0;
}
.patient-resources-main .doc-card__actions {
display: flex;
place-items: center;
margin: 1.25rem auto 0 auto;
align-items: flex-end;
justify-content: space-around;
position: absolute;
right: 0;
left: 0;
bottom: 39px;
}
.patient-resources-main .doc-card__actions.cta-type1 a {
padding: 0 4rem 0 1rem;
height: 2.663rem;
}
@media screen and (min-width: 1400px) and (max-width: 1679.99px) {
.patient-resources-main .doc-card__actions.cta-type1 a {
font-size: 13px;
}
}
.patient-resources-main .btn {
--btn-h: 44px;
display: inline-flex;
align-items: center;
gap: 12px;
height: var(--btn-h);
padding: 0 14px 0 16px;
border-radius: 6px;
border: 0;
cursor: pointer;
text-decoration: none;
font-weight: 800;
letter-spacing: 0.2px;
}
.patient-resources-main .btn--download {
color: #fff;
background: #11843a;
position: relative;
overflow: hidden;
}
.patient-resources-main .btn--download .btn__icon {
display: inline-grid;
place-items: center;
width: 40px;
height: calc(var(--btn-h));
margin-right: -14px; /* pulls icon box to the right edge */
background: #29b35b;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
transition: transform 0.18s ease;
}
.patient-resources-main .btn--download:hover .btn__icon {
transform: translateX(2px);
}
.patient-resources-main .btn--download:hover {
background: #0b6b25;
}
.patient-resources-main .doc-card__chips {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
position: absolute;
left: 0;
bottom: 0;
}
.patient-resources-main .doc-card__chips .chip {
font-size: 10px;
letter-spacing: -0.1px;
background-color: #5B5A5B;
border-radius: 0;
color: #fff;
padding: 5px 9px;
}
.patient-resources-main .chip {
display: inline-flex;
align-items: center;
padding: 11px 20px;
font-size: 15px;
border-radius: 0;
line-height: 1;
border: 0;
font-weight: 500;
border-radius: 50px;
background-color: #F4F3F3;
color: #5B5A5B;
}
@media screen and (max-width: 767px) {
.patient-resources-main .chip {
padding: 15px 10px;
margin-right: 8px;
}
}
.patient-resources-main .chip.chip--action {
padding: 11px 17px;
background-color: #5B5A5B;
color: #ffffff;
}
@media screen and (max-width: 767px) {
.patient-resources-main .chip.chip--action {
padding: 15px 9px;
}
}
.patient-resources-main .chip.chip--action .chip__label {
font-size: 15px;
}
@media screen and (max-width: 767px) {
.patient-resources-main .chip.chip--action .chip__label {
font-size: 11px;
}
}
.patient-resources-main .no-results {
margin: 24px 0;
color: #3d3d3d;
background: #f6f7f8;
border: 1px dashed #d8d8d8;
border-radius: 6px;
padding: 12px 14px;
}
.prd-text-area.pt-prd-text-area {
padding: 4.375rem 0 1.925rem 0;
}
@media screen and (max-width: 768px) {
.prd-text-area.pt-prd-text-area {
padding-top: 3.125rem;
padding-bottom: 1.5625rem;
}
}
.prd-text-area.pt-prd-text-area p {
font-size: 1.0625rem;
line-height: 1.35;
text-align: center;
max-width: 56.43rem;
margin: 0 auto;
}
.full-section.patient-full {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00501d+0,43b02a+100 */
background: linear-gradient(to right, #00501d 0%, #43b02a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
position: relative;
background-size: cover;
background-repeat: no-repeat;
padding: 1.5rem 0 1rem 0;
height: 22.125rem;
}
@media (max-width: 768px) {
.full-section.patient-full {
height: auto;
text-align: center;
padding: 2.5rem 0 3rem 0;
background-image: unset;
background: linear-gradient(134deg, #00501D, #43B02A);
}
}
.full-section.patient-full .wp-block-columns-is-layout-flex {
display: flex;
align-items: center !important;
gap: 5.5rem;
}
@media (max-width: 768px) {
.full-section.patient-full .wp-block-columns-is-layout-flex {
gap: 0;
}
}
.full-section.patient-full .img-box {
text-align: right !important;
}
.full-section.patient-full .img-box img {
width: 30.55rem;
}
@media (max-width: 768px) {
.full-section.patient-full .img-box img {
left: -3rem;
position: relative;
}
}
.full-section.patient-full h3 {
color: #fff;
font-size: 2.625rem;
line-height: 3.25rem;
margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
.full-section.patient-full h3 {
font-size: 2.25rem;
line-height: 1.11;
margin-bottom: 2.4375rem;
margin-top: 2.1875rem;
}
.full-section.patient-full h3 br {
display: none;
}
}
.full-section.patient-full h3 span {
color: #e0e326;
}
.page-template-template_resouce .patient-full .cta-type1 a {
text-transform: none;
}
@media (max-width: 768px) {
.patient-resources-bnr .portrals {
display: block;
right: 27px;
bottom: 15px;
z-index: 1;
}
}
/* ------------- Variables ------------- */
/* ------------- Variables ------------- */
.patient-faq-bnr.banner-diagonal .banner-text {
justify-content: flex-end;
}
@media (max-width: 768px) {
.patient-faq-bnr.banner-diagonal .banner-text p {
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.patient-faq-bnr.banner-diagonal .banner-text .banner-left-txt {
margin-bottom: 0;
}
}
.faq-text-intro {
padding-top: 4.375rem;
padding-bottom: 2.5rem;
}
@media (max-width: 768px) {
.faq-text-intro {
padding-top: 3.125rem;
padding-bottom: 1.875rem;
}
}
.faq-text-intro h2 {
font-size: 2.125rem;
line-height: 1.23;
letter-spacing: -0.1px;
font-weight: 600;
margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
.faq-text-intro h2 {
font-size: 1.75rem;
line-height: 1.5;
margin-bottom: 0.9375rem;
}
}
.faq-text-intro p {
font-size: 1.0625rem;
line-height: 1.35;
letter-spacing: -0.1px;
}
.faq-wrapper {
max-width: 53.8125rem;
margin: 0 auto !important;
padding-bottom: 6.25rem;
}
@media screen and (max-width: 767px) {
.faq-wrapper {
padding-bottom: 2rem;
}
}
.faq-wrapper h3 {
font-size: 1.25rem;
line-height: 1.3;
letter-spacing: -0.1px;
}
.faq-wrapper .wp-block-accordion-heading__toggle {
padding: 0;
outline: none;
}
@media screen and (max-width: 767px) {
.faq-wrapper .wp-block-accordion-heading__toggle-title {
margin-right: 1rem;
}
}
.faq-wrapper .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
text-decoration: none;
}
.faq-wrapper .wp-block-accordion {
border-top: 1px solid rgba(171, 165, 165, 0.35);
}
.faq-wrapper .wp-block-accordion:last-child {
border-bottom: 1px solid rgba(171, 165, 165, 0.35);
}
.faq-wrapper .wp-block-accordion-item {
padding: 2.25rem 1.25rem 2.25rem 2.4375rem;
}
@media screen and (max-width: 767px) {
.faq-wrapper .wp-block-accordion-item {
padding-left: 1.8125rem;
padding-right: 1.8125rem;
}
}
.faq-wrapper .wp-block-accordion-panel {
margin-top: 10px;
}
.faq-wrapper .wp-block-accordion-panel p {
font-size: 1.0625rem;
line-height: 1.47;
}
.faq-wrapper .wp-block-accordion-heading__toggle-icon {
font-size: 0;
background-image: url("../../images/patient/plus-icon.svg");
background-size: 17px;
height: 17px;
width: 17px;
background-repeat: no-repeat;
}
.wp-block-accordion-item.is-open {
background-color: #F4F3F3;
}
.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
transform: none;
background-image: url("../../images/patient/dash-icon.svg");
height: 2px;
}
.green-link {
color: #00871D;
}
.banner-diagonal.patient-faq-bnr .portrals {
color: #5B5A5B;
}
@media screen and (max-width: 767px) {
.banner-diagonal.patient-faq-bnr .portrals {
display: block;
z-index: 1;
right: 27px;
}
}
@media screen and (max-width: 767px) {
.faq-full-sec.banner-diagonal {
padding-top: 0;
}
}
.faq-full-sec.banner-diagonal h3 {
font-size: 2.625rem;
line-height: 3.25rem;
color: #fff;
z-index: 4;
font-weight: 600;
margin-bottom: 1.5625rem;
}
@media screen and (max-width: 767px) {
.faq-full-sec.banner-diagonal h3 br {
display: none;
}
.faq-full-sec.banner-diagonal h3 {
font-size: 2.25rem;
line-height: 1.11;
margin-bottom: 1.375rem;
}
}
.faq-full-sec.banner-diagonal .banner-text {
flex-direction: column;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.faq-full-sec.banner-diagonal .banner-text {
background: linear-gradient(90deg, #00501D, #43B02A);
text-align: center;
padding: 3.31rem 1.68rem 3.87rem 1.68rem;
}
}
.faq-full-sec.banner-diagonal .banner-text::before {
content: "";
position: absolute;
top: 0;
width: 59%;
height: 100%;
background: linear-gradient(90deg, #00501D, #43B02A);
clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
z-index: 1;
left: auto;
right: 0;
}
@media screen and (max-width: 767px) {
.faq-full-sec.banner-diagonal .banner-text::before {
position: static;
}
}
@media screen and (max-width: 767px) {
.faq-full-sec.banner-diagonal .banner-text p {
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.faq-full-sec.banner-diagonal .banner-text .cta-type2 a {
height: 3.075rem;
}
}
.faq-full-sec.banner-diagonal .portrals {
right: auto;
left: 12.125rem;
}
@media screen and (max-width: 767px) {
.faq-full-sec.banner-diagonal .portrals {
display: block;
bottom: 13px;
right: 27px;
left: auto;
z-index: 9;
}
}
.full-sec-image-col {
position: relative;
}
@media (max-width: 768px) {
.banner-diagonal.financial-banner .portrals {
bottom: 0.9375rem;
right: 1.6875rem;
display: block;
z-index: 1;
}
}
.banner-diagonal.financial-banner .banner-text:before {
background-image: url(../../images/patient/shape-image.png);
background-repeat: no-repeat;
background-size: cover;
}
.banner-diagonal.financial-banner .banner-text h1 {
font-size: 2.625rem;
line-height: 1.23;
letter-spacing: -0.1px;
color: #5B5A5B;
font-style: normal;
font-weight: 600;
font-family: "Fira Sans", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 767px) {
.banner-diagonal.financial-banner .banner-text h1 {
font-size: 1.75rem;
line-height: 1.21;
margin-bottom: 1.375rem;
}
}
.fn-accord-cares-info {
padding: 4.375rem 0 3.125rem 0;
text-align: center;
}
.fn-accord-cares-info img {
width: 11.313rem;
height: auto;
}
@media (max-width: 768px) {
.fn-accord-cares-info {
padding: 3.125rem 0 7.15rem 0;
}
}
.fn-info-copay .container {
width: 63.5rem;
background-color: #5B5A5B;
align-items: center !important;
padding: 3.125rem 0;
margin-bottom: 4.375rem;
gap: 3.75rem;
}
@media (max-width: 768px) {
.fn-info-copay .container {
margin: 1.875rem 1.3125rem 3.125rem 1.3125rem;
padding-top: 0;
gap: 0;
width: auto;
padding: 0 1.5rem 1.388rem 1.5rem;
}
.fn-info-copay .container .wp-block-column {
margin-bottom: 10px;
}
.fn-info-copay .container .wp-block-column:last-child {
margin-bottom: 0;
}
}
.fn-info-copay figure {
margin-left: -4rem;
width: 19.375rem;
}
@media (max-width: 768px) {
.fn-info-copay figure {
margin-left: auto;
margin-right: auto;
margin-top: -6.25rem;
position: relative;
}
}
@media (max-width: 768px) {
.fn-info-copay ul li {
font-size: 0.938rem;
}
.fn-info-copay ul li br {
display: none;
}
}
@media (max-width: 768px) {
.fn-info-copay ul li strong {
font-size: 1.063rem;
}
}
.fn-info-copay h4 {
color: #F8971D;
font-size: 2.125rem;
line-height: 1.23;
font-weight: 600;
margin-bottom: 0.9375rem;
}
@media (max-width: 768px) {
.fn-info-copay h4 {
font-size: 1.75rem;
line-height: 1.5;
}
}
.fn-info-copay .txt-med {
font-weight: 600;
margin-bottom: 0.9375rem;
}
@media (max-width: 768px) {
.fn-info-copay .txt-med {
font-size: 1.063rem;
}
.fn-info-copay .txt-med br {
display: none;
}
}
.fn-info-copay .txt-med, .fn-info-copay .green-marker li {
color: #ffffff;
font-size: 1.0625rem;
line-height: 1.35;
letter-spacing: -0.1px;
}
.fn-info-copay .green-marker li:not(:last-child) {
margin-bottom: 5px;
}
.fn-info-copay .green-marker {
padding-left: 1.2rem;
}
.fn-info-copay .green-marker li::marker {
color: #F8971D;
}
.fn-info-copay .fn-info-text {
padding-left: 4.75rem;
padding-right: 3.75rem;
}
@media (max-width: 768px) {
.fn-info-copay .fn-info-text {
padding-left: 0;
padding-right: 0;
}
}
.fn-foundation-support {
margin-bottom: 4.375rem;
}
@media (max-width: 768px) {
.fn-foundation-support {
margin-bottom: 3.125rem;
}
}
.fn-foundation-support h4 {
color: #5B5A5B;
font-size: 1.75rem;
line-height: 2.125rem;
text-align: center;
margin: 1.875rem 0 0 0;
}
@media (max-width: 768px) {
.fn-foundation-support h4 {
margin-top: 1.375rem;
font-size: 1.5rem;
margin-bottom: 5px;
}
}
@media (max-width: 768px) {
.fn-foundation-support p br {
display: none;
}
}
.fn-info-full {
background-image: url(../../images/patient/fn-info-last.jpg);
background-position: right center;
background-repeat: no-repeat;
background-size: cover;
padding: 6.25rem 0;
position: relative;
}
@media (max-width: 768px) {
.fn-info-full {
padding-top: 0;
padding-bottom: 1.375rem;
}
}
@media (max-width: 768px) {
.fn-info-full .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.fn-info-full p:not(.portrals) {
font-size: 1.25rem;
line-height: 1.4;
}
@media (max-width: 768px) {
.fn-info-full p:not(.portrals) br {
display: none;
}
}
.fn-info-full .fn-ask-doc {
flex-direction: column-reverse;
}
@media (max-width: 768px) {
.fn-info-full .fn-ask-doc {
gap: 0;
}
}
@media (max-width: 768px) {
.fn-info-full .portrayal-col {
position: relative;
}
}
.fn-info-full .portrals {
font-size: 0.8125rem;
color: #fff;
position: absolute;
right: 20.1875rem;
bottom: 1rem;
}
@media (max-width: 768px) {
.fn-info-full .portrals {
right: 1.6875rem;
bottom: 11px;
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.fn-info-full .fn-doc-col {
margin-top: 3.125rem;
text-align: center;
padding-left: 1.6875rem;
padding-right: 1.6875rem;
}
}
.fn-info-heading {
font-size: 1.75rem;
line-height: 1.21;
color: #5B5A5B;
margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
.fn-info-heading {
margin-bottom: 1.25rem;
font-size: 1.5rem;
}
}
.fn-full.full-section {
height: auto;
padding: 2rem 0 1.5rem 0;
}
@media (max-width: 768px) {
.fn-full.full-section {
padding: 3rem 0 4.3125rem 0;
}
}
.fn-full.full-section .image-col {
margin-left: -8rem;
}
@media (max-width: 768px) {
.fn-full.full-section .image-col {
margin-left: auto;
}
}
.fn-full.full-section h3 {
letter-spacing: -0.1rem;
}
@media (max-width: 768px) {
.fn-full.full-section h3 {
padding: 0 2rem;
margin-top: 1.5rem;
margin-bottom: 3.1375rem;
}
}
@media (max-width: 768px) {
.fn-full.full-section .img-box {
text-align: center !important;
}
}
@media (max-width: 768px) {
.fn-full.full-section .img-box img {
left: auto;
width: auto;
}
}
@media (max-width: 768px) {
.prefiled-banner {
padding: 2rem 0 0 0;
}
}
.prefiled-banner figure {
margin: 0;
}
@media (max-width: 768px) {
.prefiled-banner .is-layout-flex {
display: block;
}
}
.prefiled-banner img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.prefiled-banner img {
z-index: 1;
position: relative;
}
}
.prefiled-banner .ban-icon {
width: 3.75rem;
height: 3.75rem;
}
@media (max-width: 768px) {
.prefiled-banner .ban-icon {
width: 4.375rem;
height: 3.125rem;
}
}
.prefiled-banner .banner-text {
color: #5B5A5B;
display: flex;
align-items: center;
justify-content: center;
}
.prefiled-banner .banner-text::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 59%;
height: 100%;
background: linear-gradient(90deg, #E2E71F, #FFB81C);
clip-path: polygon(0 0, 100% 0, 87% 100%, 0 100%);
z-index: 1;
}
@media (max-width: 768px) {
.prefiled-banner .banner-text::before {
width: 100%;
height: 70%;
clip-path: none;
z-index: 0;
padding: 0 1.5rem;
background: linear-gradient(126deg, #E2E71F 0%, #FFB81C 55%);
}
}
.prefiled-banner .banner-text h1 {
color: #00871D;
}
.prefiled-banner .banner-text p {
color: #5B5A5B;
}
@media (max-width: 768px) {
.prefiled-banner .banner-text p {
padding: 0 1rem;
}
}
.prefiled-banner .banner-text .banner-left-txt {
color: #fff;
position: relative;
z-index: 2;
}
.prefiled-banner .banner-text .ban-icon-txt {
align-items: center !important;
justify-content: flex-start;
gap: 1.375rem;
}
@media (max-width: 768px) {
.prefiled-banner .banner-text .ban-icon-txt {
justify-content: center;
flex-wrap: nowrap !important;
flex-direction: row;
width: 17.938rem;
margin: 0 auto;
gap: 0;
display: flex;
}
}
.prefiled-banner .banner-text .ban-icon-txt .wp-block-column {
flex-basis: unset;
flex-grow: unset;
}
@media (max-width: 768px) {
.prefiled-banner .banner-text .ban-icon-txt .wp-block-column {
flex-basis: auto !important;
width: fit-content !important;
}
}
.prefiled-banner .banner-text .ban-icon-txt .wp-block-column figure {
width: 2.813rem;
}
.prefiled-banner .banner-text .ban-icon-txt img {
height: auto;
width: auto;
}
@media (max-width: 768px) {
.prefiled-banner .banner-text .ban-icon-txt img {
height: 3.125rem;
width: 2.125rem;
}
}
.prefiled-banner .banner-text .ban-icon-txt p {
color: #5B5A5B;
font-size: 1.25rem;
line-height: 1.438rem;
font-weight: 400;
font-style: italic;
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.prefiled-banner .banner-text .ban-icon-txt p {
text-align: left;
font-size: 0.938rem;
line-height: 1.1875rem;
padding: 0 0 0 1rem;
}
.prefiled-banner .banner-text .ban-icon-txt p br {
display: none;
}
}
@media screen and (min-width: 768px) {
.prefiled-banner .portrals {
right: 3.9rem;
color: #5B5A5B;
}
}
@media (max-width: 768px) {
.prefiled-banner .portrals {
display: block;
z-index: 1;
right: 17px;
bottom: 16px;
}
}
.prefiled-sec1.pat-prefiled-sec1 {
padding: 3.9375rem 0 4.375rem 0;
text-align: center;
}
@media (max-width: 768px) {
.prefiled-sec1.pat-prefiled-sec1 {
padding: 1.5rem 0 2.375rem 0;
}
.prefiled-sec1.pat-prefiled-sec1 .instruction-guide {
font-size: 0.8125rem;
line-height: 1.16;
}
}
.prefiled-sec1.pat-prefiled-sec1 .container {
width: 63rem;
text-align: left;
}
.prefiled-sec1.pat-prefiled-sec1 .desk-prf-image img {
width: 47.37rem;
margin-bottom: 2.0625rem;
}
@media (max-width: 768px) {
.prefiled-sec1.pat-prefiled-sec1 .desk-prf-image img {
margin-bottom: 0.938rem;
width: 7.3125rem;
}
}
@media (max-width: 768px) {
.prefiled-sec1.pat-prefiled-sec1 .wp-block-list.pointers {
padding: 0;
margin-bottom: 1.875rem;
}
}
.prefiled-sec1.pat-prefiled-sec1 .wp-block-list.pointers {
display: none;
list-style: none;
counter-reset: step;
margin: 0;
padding: 0 1.5rem;
}
@media (max-width: 768px) {
.prefiled-sec1.pat-prefiled-sec1 .wp-block-list.pointers {
display: block;
}
}
.prefiled-sec1.pat-prefiled-sec1 .wp-block-list.pointers li {
position: relative;
margin: 1rem 0;
padding-left: 2.5rem;
font-size: 0.875rem;
line-height: 1.1875rem;
color: #333;
text-align: left;
letter-spacing: -0.2px;
}
@media (max-width: 768px) {
.prefiled-sec1.pat-prefiled-sec1 .wp-block-list.pointers li {
font-size: 1.0625rem;
line-height: 1.3;
padding-left: 3.1rem;
border-bottom: 1px solid #5B5A5B;
padding-bottom: 1.1rem;
margin: 0 0 0.9rem 0;
}
.prefiled-sec1.pat-prefiled-sec1 .wp-block-list.pointers li:last-child {
margin-bottom: 2rem;
}
}
.prefiled-sec1.pat-prefiled-sec1 .wp-block-list.pointers li:first-child {
margin-top: 0;
}
.prefiled-sec1.pat-prefiled-sec1 .wp-block-list.pointers li::before {
counter-increment: step;
content: counter(step, upper-alpha);
position: absolute;
left: 0;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-color: #2e7d32;
color: #fff;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
}
@media (max-width: 768px) {
.prefiled-sec1.pat-prefiled-sec1 .wp-block-list.pointers li::before {
font-size: 1.125rem;
line-height: 1;
width: 1.75rem;
height: 1.75rem;
top: 30%;
transform: translateY(-36%);
}
}
.prefiled-sec1.pat-prefiled-sec1 .wp-block-list.pointers li strong {
color: #2e7d32;
font-weight: 600;
}
.row-prfs {
position: relative;
width: 100%;
max-width: 47.375rem;
margin-left: auto !important;
margin-right: auto !important;
}
@media (max-width: 768px) {
.row-prfs {
gap: 0;
}
}
.row-prfs .prf-injector {
flex-basis: 100%;
}
.row-prfs .onbody-right {
width: 15rem;
height: 15rem;
background-color: #00871d;
border-radius: 1.25rem;
padding: 2.5rem 1.25rem 2.5rem 2.5rem;
text-align: left;
}
.row-prfs .onbody-right.green-box-preset {
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 768px) {
.row-prfs .onbody-right.green-box-preset {
position: static;
margin-top: 2rem;
padding: 1.5rem 1.375rem 1.5rem 2rem;
height: auto;
width: auto;
display: flex;
align-items: center;
margin-bottom: 1.3125rem;
}
}
.row-prfs .onbody-right img {
width: 4.375rem;
height: 4.375rem;
margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
.row-prfs .onbody-right img {
margin-bottom: 0;
margin-right: 1.68rem;
}
}
.row-prfs .onbody-right p {
color: #fff;
font-size: 1.25rem;
line-height: 1.438rem;
}
@media (max-width: 768px) {
.row-prfs .onbody-right p {
max-width: 176px;
}
}
.assistance-right {
max-width: 23.625rem;
}
@media (max-width: 768px) {
.assistance-right {
margin-top: 2.18rem;
padding: 0 27px;
text-align: center;
max-width: 100%;
}
.assistance-right figure {
margin-bottom: 12px;
}
}
.assistance-right:not(:last-child) {
margin-bottom: 3.4375rem;
}
@media (max-width: 768px) {
.assistance-right:not(:last-child) {
margin-bottom: 1.875rem;
}
}
.assistance-right .wp-block-columns {
gap: 0;
align-items: center !important;
}
@media (max-width: 768px) {
.assistance-lt {
background-color: #ffffff !important;
padding-bottom: 3.125rem;
}
}
@media (max-width: 768px) {
.assistance-lt .wp-block-columns {
gap: 0;
}
}
.assistance-lt .wp-block-column {
position: relative;
}
.assistance-lt .portrals {
font-size: 12px;
color: #fff;
position: absolute;
right: 15.363rem;
bottom: 15px;
}
@media (max-width: 768px) {
.assistance-lt .portrals {
bottom: 18px;
right: 27px;
}
}
@media screen and (min-width: 1921px) {
.assistance-lt .large-container {
max-width: 1920px;
margin: 0 auto;
}
}
@media screen and (min-width: 1921px) {
.assistance-lt .left-col-diagonal-img:before {
content: "";
position: absolute;
left: -100%;
top: 0;
background-image: url(../../images/patient/gradiant-image.jpg);
background-repeat: repeat;
width: 100%;
height: 100%;
}
}
/*# sourceMappingURL=styles.css.map */