/* page-banner */
.page-banner {
    height: 40.1250rem;
    padding: 0 var(--section);
    background: #EEEEEE;
}

.page-banner .section-content {
    height: 100%;
    display: flex;
    align-items: center;
}

.page-banner .about-nav {
    gap: 1.2500rem;
    position: absolute;
    bottom: 0;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    margin-left: 0;
}

.page-banner .section-bg-overlay {
    background-color: transparent;
    background-image: linear-gradient(60deg, #450903 0%, #000000 100%);
    opacity: 0.79;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.page-banner h1 {
    font-size: 4.1875rem;
    color: var(--theme-color);
    margin: 0;
    position: relative;
    margin-bottom: 1.25rem;
}

.text-typing {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    transition: width 1s ease-in-out;
    position: relative;
}

.page-banner h1:before {
    content: "";
    position: absolute;
    top: 0;
    left: auto;
    right: -4px;
    width: 2px;
    height: 100%;
    background-color: #fff;
    animation: blink-cursor 2.5s step-end infinite;
}

@keyframes blink-cursor {
    50% {
        background-color: transparent;
    }
}

.page-banner .about-nav a {
    display: block;
    color: #2C2C2C;
    background-color: #FFFFFFB3;
    border-radius: 0.6250rem 0.6250rem 0px 0px;
    padding: 1rem 2.3125rem;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    text-align: center
}

.page-banner .about-nav a:hover,
.page-banner .about-nav .active a {
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(180deg, #E05252 0%, #BB3434 100%);
}

.page-banner .about-nav .about-item {
    flex: auto;
}

.page-banner .page-banner__content {
    max-width: 35.7500rem;
}

.page-banner .page-banner__content p:first-child {
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
    line-height: 1;
}

.page-banner .page-banner__content h2 {
    font-size: 50px;
    color: #E12E2D;
    margin-bottom: 1rem;
}

.page-banner .page-banner__content p {
    font-size: 1.0625rem;
    text-align: justify;
}

.page-banner .page-banner__content a {
    font-weight: 700
}

.page-banner .page-banner__content strong {
    color: #E12E2D;
}

@media screen and (max-width: 767.98px) {
    .page-banner .page-banner__content p:first-child {
        font-size: var(--24);
    }

    .page-banner {
        padding-top: var(--50);
        height: 38rem;
    }

    .page-banner h1 {
        font-size: var(--40)
    }

    .page-banner .page-banner__content p {
        font-size: 1rem;
    }

    .page-banner .section-content {
        align-items: flex-start;
    }
}

/* End page-banner */
/* method-concentration */
.method-concentration {
    padding: 8.75rem var(--section) 8.4375rem;
}

.method-concentration .section-title h2,
.method-value .section-title h2 {
    text-align: center;
    color: #fff;
    padding-bottom: 1.7500rem;
    position: relative;
    margin-bottom: 4.3750rem;
}

.method-concentration .section-title h2:before,
.method-value .section-title h2:before {
    content: "";
    width: 12.5000rem;
    height: 0.3750rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
}

.method-concentration .list-advantage {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.8750rem
}

.method-concentration .advantage-item {
    background-color: #fff;
    border-radius: 1.0625rem
}

.method-concentration .advantage-item .box-image {
    max-width: 58%;
    padding-top: 1.6250rem;
}

.method-concentration .advantage-item .box-image:hover {
    transform: scale(1.08);
}

.method-concentration .advantage-item .box-text {
    padding: 1.25rem 2.8125rem 1.4375rem;
}

.method-concentration .advantage-item__title {
    text-align: center;
    font-size: 1.9375rem;
    color: #000;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 0.4375rem;
}

.method-concentration .advantage-item ul {
    margin: 0
}

.method-concentration .advantage-item ul li {
    font-size: 0.9375rem;
    margin: 0;
    line-height: 1.5rem;
}

@media screen and (max-width: 767.98px) {
    .method-concentration {
        padding-top: var(--50);
        padding-bottom: var(--50);
    }

    .method-concentration .section-title h2,
    .method-value .section-title h2 {
        margin-bottom: 2.3rem
    }

    .method-concentration .list-advantage {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* End method-concentration */
/* method-distinctive */
.method-distinctive {
    padding: 6.25rem var(--section) 6.25rem;
    background: #f7f8f9;
}

.method-distinctive .method_concentration__title h2 {
    text-align: center;
    max-width: 54.1875rem;
    margin: 0 auto 2.5rem;
}

.method-distinctive .list-distinctive {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem
}

.method-distinctive .list-distinctive .distinctive-item {
    position: relative;
    padding: 2.5rem 3.75rem;
    border-radius: 0.8125rem;
    overflow: hidden;
    text-align: left;
}

.method-distinctive .list-distinctive .distinctive-item:before {
    background-color: transparent;
    background-image: linear-gradient(200deg, #182554DE 0%, #A43535 100%);
    opacity: 0.97;
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.method-distinctive .list-distinctive .distinctive-item:hover:before {
    opacity: 1
}

.method-distinctive .list-distinctive .distinctive-item:hover .box-image {
    transform: scale(1.08);
}

.method-distinctive .list-distinctive .box-image {
    width: 3.8750rem;
    margin-left: 0;
    margin-bottom: 1rem;
}

.method-distinctive .list-distinctive .box-text {
    padding: 0
}

.method-distinctive .list-distinctive .distinctive-item__title {
    font-size: var(--23);
    color: #fff;
    margin-bottom: var(--15);
    font-weight: 500;
    margin-top: 0;
}

.method-distinctive .list-distinctive .distinctive-item__text p {
    font-size: var(--14);
    color: #fff;
    text-align: justify;
    margin-bottom: var(--18)
}

.method-distinctive .list-distinctive .distinctive-item__text p:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 767.98px) {
    .method-distinctive {
        padding-top: var(--50);
        padding-bottom: var(--50);
    }

    .method-distinctive .list-distinctive {
        grid-template-columns: repeat(1, 1fr);
    }

    .method-distinctive .list-distinctive .distinctive-item {
        padding: 2rem 1.5rem;
    }

    .method-distinctive .list-distinctive .distinctive-item__title {
        font-size: var(--20)
    }
}

/* End method-distinctive */
/* method-procedure */
.method-procedure {
    padding: 6.25rem var(--section) 6.25rem;
}

.method-procedure .method-procedure__title {
    text-align: center;
    margin-bottom: 2.5rem;
}

.method-procedure__content img {
    width: 100%
}

.method-procedure__content .img-mb {
    display: none
}

.method-procedure .method-procedure__title h2 {
    font-weight: 600
}

.method-procedure .method-procedure__title h2 strong {
    color: #2D2727
}

.method-procedure .method-procedure__title p {
    text-align: center;
    width: 100%;
    max-width: 53.7500rem;
    margin: 0 auto;
}

@media screen and (max-width: 767.98px) {
    .method-procedure {
        padding-top: var(--50);
        padding-bottom: var(--50);
    }

    .method-procedure__content .img-pc {
        display: none;
    }

    .method-procedure__content .img-mb {
        display: block
    }
}

/* End method-procedure */
/* method-value */
.method-value {
    padding: 6.25rem var(--section) 6.25rem
}

.method-value .list-value {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

}

.method-value .box-text {
    padding: 0
}

.method-value .box {
    padding: var(--50) var(--35) var(--40);
    text-align: center;
    border-right: 1px solid #C33636;
}

.method-value .box:hover {
    background: #FB4F4F36;
}

.method-value .box-image {
    max-width: var(--80);
    margin-bottom: 1rem;
}

.method-value .box .title {
    font-size: var(--20);
    color: #fff;
    font-weight: 500;
    margin-bottom: var(--12);
}

.method-value .box p {
    margin: 0;
    color: #fff;
    font-size: var(--14);
}

.method-value .box:nth-child(n+4) {
    border-top: 1px solid #C33636;
}

.method-value .box:nth-child(3n) {
    border-right: 0
}

@media screen and (max-width: 767.98px) {
    .method-value .list-value {
        grid-template-columns: 100%;
    }

    .method-value .box {
        border: 0;
        border-bottom: 1px solid #e16666;
        padding: 3rem 1rem;

    }
}

/* End method-value */
/* method-team */
.method-team {
    padding: var(--70) var(--section) var(--60);
    background-size: cover;
}

.method-team .method-team__title {
    margin-bottom: var(--30);
    position: relative;
}

.method-team .method-team__title p {
    text-align: center;
    font-size: var(--28);
    color: #444;
    font-style: italic;
    max-width: 56.6875rem;
    font-weight: 600;
    margin: 0 auto;
}

.method-team .method-team__title p strong {
    color: var(--theme-color);
    font-weight: 600;
}

.method-team .list-team {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--30);
    position: relative;
}

.method-team .list-team .image-cover {
    padding-top: 150%;
}

.method-team .list-team .image-cover img {
    object-position: top;
}

.method-team .list-team .box-text {
    padding: var(--20) 0 0;
    text-align: center;
}

.method-team .list-team .box-text .name {
    font-size: var(--24);
    font-weight: bold;
    margin: 0 0 var(--6);
}

.method-team .list-team .box-text .position {
    font-size: var(--18);
    font-weight: 400;
}

.method-team .button-action {
    text-align: center
}

.method-team .button-action a {
    margin: var(--30) 0 0
}

.elementor-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
    bottom: 0;
    transform: rotate(180deg);
}

.elementor-shape svg {
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: calc(286% + 1.3px);
    height: 38px;
}

.elementor-shape .elementor-shape-fill {
    fill: #F4F5F7;
    transform-origin: center;
    transform: rotateY(0deg)
}

@media screen and (max-width: 767.98px) {
    .method-team {
        padding-top: var(--50)
    }

    .method-team .method-team__title p {
        font-size: var(--20)
    }

    .method-team .list-team {
        flex-direction: row;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        display: flex;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-bottom: 25px;
        margin-bottom: -25px;
    }

    .method-team .list-team .box-text {
        padding-top: var(--15)
    }

    .method-team .list-team .box-text .name {
        font-size: var(--20);
    }

    .method-team .list-team .box-text .position {
        font-size: var(--17)
    }

    .method-team .list-team .item-team {
        width: 77%;
        scroll-snap-align: start;
        flex-shrink: 0;
    }
}

/* End method-team */