.bg-auto .section-bg {
    overflow: unset;
}

.bg-auto .section-bg img {
    height: auto;
}

.bg-linear {
    background: linear-gradient(180deg, #FFF1EF, #fff);
}

.bg-linear-2 {
    background: linear-gradient(90deg, #AC1F1F 50%, #6B31DF 100%);
}

.bg-linear-3 {
    background: linear-gradient(90deg, #1F2BAC 50%, #DF31B4 100%);
}

.user-none {
    user-select: none;
    pointer-events: none;
}

.title h1,
.title h2 {
    font-size: 50px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}


.title h1 strong,
.title h2 strong {
    color: var(--color-red);
}



.title h3 {
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #E63D40;
}

.title p {
    font-weight: 500;
    font-size: 18px;
}

.title-p p {
    font-weight: normal;
}

.title-2 h2 {
    font-size: 36px;
}

.title-3 h2 {
    font-size: 30px;
}

.text-svg {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1.5px rgba(0, 0, 0, 0.3);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 200px;
    line-height: 1;
    font-weight: normal;
    font-weight: 900;
}

.title-wrap .text-svg {
    margin-block: -60px
}

.banner-main-desc h1,
.text-gradient {
    background: linear-gradient(180deg, #8F0000 17.07%, #DC0000 55.75%, #F60000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.font-2 {
    font-family: var(--font-2);
}

.banner-main-desc {
    font-size: 20px;
    color: #9E9E9E;
    text-transform: uppercase;
}

.banner-main-desc h1 {
    font-size: 70px;
    font-weight: 800;
    margin: 0;
}

.banner-main-desc h3 {
    font-size: 36px;
    margin: 0 0 10px;
}

.banner-main-desc h2 {
    font-size: 50px;
    margin: 0 0 10px;
}

.banner-main-icon {
    font-weight: bold;
    font-size: 36px;
}

.banner-main-icon .icon-box-img {
    margin-bottom: 0;
}

.banner-main-img {
    padding: 10px;
    border-radius: 20px;
    background-color: #fff;
}

.banner-main-img img {
    border-radius: 20px;
}

.banner-main-img .overlay {
    opacity: 0;
}

.play-icon .overlay-icon {
    display: inline-block;
    width: 77px;
    height: 54px;
    background: url(../icons/play.png) center / contain no-repeat;
    border-radius: 0;
    font-size: 0;
    border: 0;
    opacity: 1;
}

.button.primary.btn-main {
    font-size: 16px;
    background: linear-gradient(to right, var(--fs-color-secondary), var(--primary-color));
    line-height: 54px;
    border-radius: 99px;
    border: 3px solid #fff;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%);
    font-weight: 500;
    transition: all 0.3s ease;
    padding: 0 30px;
}

.button.primary.btn-main:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgb(0 0 0 / 30%);
    background: linear-gradient(to right, var(--primary-color), var(--fs-color-secondary));
}

.btn-main .icon-dribbble::before {
    content: url(../icons/fluent.svg);
    position: relative;
    top: 1px;
}

.btn-main .icon-angle-right::before {
    content: url(../icons/right.svg);
    position: relative;
    top: 1px;
}

.box-ser {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.box-ser .icon-box-img {
    width: 100px !important;
    height: 100px;
    background-color: #FFF0EF;
    border-radius: 100px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-red-2);
    line-height: 1;
    margin: 0 auto;
}

.box-ser .icon-box-img img,
.box-ser .icon-box-img svg {
    padding: 0;
    transition: all 0.3s ease;
    height: 57px;
    width: 57px;
}

.box-ser .icon-box-text {
    flex: 1;
    box-shadow: 0 4px 50px 0 rgb(0 0 0 / 10%);
    background-color: #fff;
    padding: 80px 45px 60px;
    transition: all 0.3s ease;
    border-radius: 20px;
    border: 3px solid transparent;
    margin-top: -50px;
    justify-content: space-between;
    display: flex;
    min-height: 477px;
    flex-direction: column;
    font-size: 20px;
    line-height: 34px;
    width: 100%;
    align-items: center;
}

.box-ser .icon-box-text p {
    margin: 0;
}

.box-ser .icon-box-text h3+p,
.box-ser .icon-box-text p+h3 {
    margin-top: auto;
}

.box-ser .icon-box-text h3 {
    font-size: 24px;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0;
}

.box-ser-p .icon-box-text {
    font-size: 16px;
    min-height: 433px;
}

.box-ser-x .icon-box-text {
    font-size: 16px;
    min-height: 510px;
}

.box-ser .icon-box-text a.button.primary {
    margin: 30px auto 0;
    white-space: nowrap;
    width: max-content;
    max-width: unset;
}

.box-ser:hover .icon-box-img {
    background-color: var(--color-red-2);
    color: #fff;
}

.box-ser:hover .icon-box-img svg,
.box-ser:hover .icon-box-img img {
    filter: brightness(0) invert(1);
}

.box-ser:hover .icon-box-text {
    border-color: var(--color-red-2);
}

.ss-benefit {
    max-width: 1504px;
    border-radius: 20px;
    padding: 60px 100px !important;
    counter-reset: section;
    margin: 0 auto;
}


.icon-ver {
    border-radius: 20px;
    background-color: var(--color-red-3);
    border-left: 5px solid var(--color-red-3);
    min-height: 305px;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
    padding: 32px;
    padding-left: 20px;
    height: 100%;
}

.icon-ver::before {
    top: 0;
    right: 0;
    width: calc(100% - 5px);
    height: 100%;
    position: absolute;
    background-color: #fff;
    transition: all 0.3s ease;
    border-radius: 17px;
    content: "";
}

.icon-ver .icon-box-text {
    z-index: 2;
    position: relative;
    font-size: 14px;
    padding-left: 30px !important;
}

.icon-ver .icon-box-text h3 {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 28px;
}

.icon-ver:hover::before {
    width: calc(100% - 105px);
}

.icon-ver:hover .icon-box-img img {
    filter: brightness(0) invert(1);
}

.icon-ver::after {
    counter-increment: section;
    content: "0" counter(section);
    position: absolute;
    bottom: 30px;
    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.5px #DEDEDE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: bold;
    z-index: 9;
    left: 35px;
}

.icon-ver:hover::after {
    -webkit-text-fill-color: unset;
    -webkit-text-stroke: unset;
}

.gallery-slider .col-inner {
    height: 180px;
    border: 1px solid #D4D4D4;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    padding: 20px;
    background-color: #fff;
}

.gallery-slider .col-inner * {
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    text-align: center;
}

.ab-desc>.col-inner {
    padding-left: 40px;
    position: relative;
    counter-reset: section;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ab-desc>.col-inner::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 15px;
    border-radius: 100px;
    background: var(--color-red-5);
}

.ab-desc>.col-inner::after {
    content: "";
    position: absolute;
    width: 4px;
    height: calc(100% - 45px);
    left: 5px;
    bottom: 0;
    background: var(--color-red-5);
}

.ab-desc-title {
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: normal;
}

.ab-desc-text::before {
    counter-increment: section;
    content: "0" counter(section);
    width: 66px;
    height: 66px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: var(--color-red-5);
    text-align: center;
    line-height: 66px;
    font-weight: bold;
    color: #fff;
    font-size: 24px;
    border-radius: 100px;
    transition: all 0.5s;
}

.ab-desc-text:hover::before {
    background: #000;
}

.ab-desc-text {
    position: relative;
    padding-left: 86px;
    min-height: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ab-desc-text * {
    margin: 0 0 10px;
    line-height: normal;
    font-size: 15px;
}

.ab-desc-text *:last-child {
    margin: 0
}

.ab-desc-text strong {
    font-size: 18px;
}

.ab-desc-img img {
    border-radius: 20px;
}

.ss-reviews {
    max-width: 1490px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}

.reviews-slider .flickity-slider>.row:not(.is-selected) {
    opacity: 1;
}

.reviews-slider {
    max-width: 1208px;
    margin: 0 auto;
}

span.testimonial-name-divider {
    display: none;
}

.testimonial-meta {
    flex-direction: column;
    display: flex;
    font-size: 14px;
    gap: 4px;
    position: relative;
}

.testimonial-meta::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 23px;
    right: 0;
    top: 0;
    background: url(../icons/qoute.svg) center / contain no-repeat;
}

.testimonial-text {
    font-style: unset !important;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 28px;
}

.testimonial-box {
    background: rgb(255 255 255 / 30%);
    padding: 30px 28px;
    border-radius: 20px;
    border: 3px solid transparent;
    transition: all 0.5s;
}

.testimonial-box:hover {
    border-color: #fff;
    background: rgb(0 0 0 / 30%);
}

.testimonial-box .star-rating {
    letter-spacing: 6px;
    width: 175px;
    font-size: 30px;
}

strong.testimonial-name.test_name {
    font-size: 16px;
}

.tab-main ul.nav {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}

.tab-main ul.nav li {
    margin: 10px;
    list-style: none;
}

.tab-main ul.nav li a {
    font-size: 16px;
    color: #000;
    border: 1px solid rgb(0 0 0 / 20%);
    line-height: 50px;
    padding: 0 32px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 30px;
}

.tab-main ul.nav li.active a {
    color: #fff;
    border-color: transparent;
    background-color: var(--color-red-2);
}

.tab-main .tab-panels {
    padding-top: 50px;
}

.tab-main .col>.col-inner {
    height: 100%;
}

.theme-box {
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    height: 100%;
    padding: 8px 8px 0;
}

.theme-box-img {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.theme-box-img .image-cover {
    padding-top: 110%;
}

.theme-box-link {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgb(0 0 0 / 70%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}

.theme-box-link a {
    background: linear-gradient(180deg, #989898, #4A4A4A);
    width: 148px;
    height: 50px;
    text-align: center;
    display: block;
    line-height: 50px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.theme-box-link a.link_demo {
    background: linear-gradient(101deg, #E20000, #7C0000);
}

.theme-box-desc {
    padding: 30px;
}

.theme-box-desc h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.theme-box:hover .theme-box-link {
    opacity: 1;
    visibility: visible;
}

.theme-box:hover .theme-box-desc h3 {
    color: var(--color-red-6)
}

.price-box>.col-inner {
    background-color: #fff;
    box-shadow: 0 4px 25px 0 rgba(94, 94, 94, 0.15);
    padding: 30px 13px 20px;
    border-radius: 30px;
    transition: all 0.5s;
    display: flex;
    flex-direction: column;
}

.price-box-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 36px;
}

.price-box .icon-box-img {
    width: 80px !important;
    height: 80px !important;
    background: linear-gradient(180deg, #E94040, #940101);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 100px;
    margin-bottom: -40px;
}

.price-box .icon-box-img img {
    width: 50px;
    height: 50px;
    padding: 0;
    object-fit: contain;
}

.price-box .icon-box-text {
    background: url(../images/bg-price.png) center / cover no-repeat;
    padding: 76px 20px 20px;
    border-radius: 30px;
}

.price-box .icon-box-text p {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.price-box .icon-box-text li {
    list-style: none;
    margin: 0 !important;
}

.price-box .icon-box-text li+li {
    margin: 10px 0 0 !important;
    padding-top: 10px;
    border-top: 1px dashed #BDBDBD;
}

.price-box .icon-box {
    margin-bottom: 10px
}

.price-box a.button.primary {
    background: linear-gradient(180deg, #BF0000, #F60101);
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    line-height: 60px;
    margin-top: 20px;
    margin-bottom: 0;
    border-radius: 100px;
    border: 2px solid transparent;
    margin-top: auto;
}

.price-box:hover>.col-inner {
    background-color: #C70000;
}

.price-box:hover .price-box-title {
    color: #fff;
}

.price-box:hover a.button.primary {
    border-color: #fff;
}

.price-box-top {
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    width: 100%;
}

.price-box-top a.button.primary {
    width: auto;
    line-height: 44px;
    font-size: 19px;
    border: 0;
}


.price-list-main {
    margin-top: 30px;
}

.col-contact>.col-inner {
    padding: 45px 45px 75px;
    border-radius: 20px;
}

.col-contact .title {
    margin-bottom: 10px;
}

.col-contact .wpcf7-form-control {
    width: 100%;
    box-shadow: unset;
    border-radius: 30px;
    height: 55px;
    padding-left: 28px;
    margin-bottom: 10px;
}

.col-contact .wpcf7-form-control::placeholder {
    color: #000;
}

.col-contact textarea {
    min-height: 145px;
}

.col-contact .button.primary.btn-main {
    min-width: 183px;
    max-width: 183px;
    height: auto;
    margin: 0 !important;
}

form.wpcf7-form {
    margin: 0;
}

.blog-cus .box-text {
    padding: 30px;
}

.box-blog-post .is-divider {
    display: none;
}

.blog-cus .box-blog-post {
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
}

.blog-cus .box-text * {
    margin: 0;
}

.blog-cus .box-text .post-title a {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-cus .from_the_blog_excerpt {
    font-size: 18px;
    color: #6C6C6C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.box-icon-cus>.col-inner {
    background: linear-gradient(180deg, #BF0000, #F60101);
    padding: 40px;
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
    height: 100%;
    transition: all 0.5s;
}

.box-icon-cus>.col-inner:hover {
    transform: translateY(-10px);
}

.box-icon-cus .icon-box {
    align-items: center;
    margin-bottom: 20px;
}

.box-ser-2 {
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 4px 50px rgb(0 0 0 / 10%);
}

.box-ser-2 .box-text {
    padding: 25px;
}

.acc-custom .accordion-item {
    padding: 20px 35px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    position: relative;
}


.acc-custom .accordion-title {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    border: 0;
    background: transparent;
    padding: 0;
    position: static;
    padding-right: 20px;
}

.acc-custom .accordion-title::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-left: 5px solid transparent;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.acc-custom .accordion-title.active::before,
.acc-custom .accordion-item:hover .accordion-title::before {
    border-color: #E70101;
}

.acc-custom .accordion-title button.toggle {
    position: absolute;
    left: auto;
    right: 10px;
    top: 20px;
    transform: none;
    min-height: unset;
    opacity: 1;
    line-height: 1;
}

.acc-custom .accordion-title button.toggle::before,
.acc-custom .accordion-title button.toggle::after {
    content: "";
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 2px;
    width: 14px;
    transition: all 0.5s;
}

.acc-custom .accordion-title button.toggle::before {
    width: 2px;
    height: 14px;
}

.acc-custom .accordion-title.active button.toggle::before {
    opacity: 0;
}

.acc-custom .accordion-title button.toggle i {
    display: none;
}

.acc-custom .accordion-inner {
    padding: 0;
    padding-top: 30px;
}

.icon-box-3.icon-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.5s;
}

.icon-box-3.icon-box:hover {
    transform: translateY(-10px);
}

.icon-box-3 .icon-box-img {
    background-color: #FFF3F3;
    border-radius: 100px;
    width: 115px !important;
    height: 115px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border: 15px solid #fff;
    margin-bottom: -57px;
}

.icon-box-3 .icon-box-img img {
    width: 54px;
    height: 54px;
}

.icon-box-3 .icon-box-text {
    background-color: #F9312D;
    padding: 75px 40px 40px;
    flex: 1;
    border-radius: 10px;
    font-size: 15px;
}

.icon-box-32 .icon-box-text {
    background-color: #CC0000;
}

.icon-box-3 .icon-box-text * {
    color: #fff;
}

.icon-box-3 .icon-box-text h3 {
    font-size: 24px;
    margin-bottom: 20px;
}

.list-box-sh {
    box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
    border-radius: 20px;
    overflow: hidden;
}

.list-box-sh .box {
    display: flex;
    align-items: stretch;
    background: #fff;
}

.list-box-sh .box:nth-child(even) {
    flex-direction: row-reverse;
}

.list-box-sh .box-image * {
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.list-box-sh .box-image {
    width: 50%;
    min-height: 300px;
    height: 100%;
}

.list-box-sh .box-text {
    width: 50%;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.col-list-mum>.col-inner {
    border: 1px solid #DF0101;
    padding: 50px 30px 20px;
    border-radius: 20px;
}

.list-count-af,
.list-mum {
    counter-reset: section;
}

.list-mum li {
    margin: 0 !important;
    padding-left: 70px;
    position: relative;
    font-weight: 500;
    list-style: none;
}

.list-mum li+li {
    margin-top: 30px !important;
}

.box-count-num h3::before,
.list-mum li::before {
    counter-increment: section;
    content: counter(section);
    font-size: 24px;
    font-weight: 500;
    width: 50px;
    height: 50px;
    background-color: #DF0101;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-radius: 100px;
}

.box-count-num h3::before {
    top: 50%;
    transform: translateY(-50%);
}

.box-count-num {
    background: #fff;
    box-shadow: 0 4px 50px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 30px;
    height: 100%;
    transition: all 0.5s;
}


.box-count-num::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    height: 4px;
    background: #E20000;
    border-radius: 10px;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
}

.box-count-num:hover::after {
    transform: scaleX(1);
}

.box-desc-2 h3,
.box-count-num h3 {
    padding-left: 70px;
    position: relative;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px;
}

.box-desc-2 {
    border: 2px solid #CA0000;
    padding: 30px;
    height: 100%;
    border-radius: 10px;
    text-align: left;
    transition: all 0.5s;
}

.box-desc-2:hover {
    background-color: #CA0000;
    color: #fff;
}

.box-desc-2:hover * {
    color: #fff;
}

.box-desc-2 h3 {
    margin-bottom: 16px;
    padding: 0;
}

.box-desc-2 *:last-child {
    margin: 0;
}

.step-item {
    text-align: center;
    z-index: 999;
}

.step-item-desc {
    background-color: #fff;
    box-shadow: 0px 0px 13px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 40px;
    position: relative;
    height: 276px;
}

.step-item-desc::after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.step-item-num::before {
    width: 20px;
    height: 20px;
    border: 5px solid #fff;
    border-radius: 100px;
    background-color: #E20000;
    display: block;
    margin: 40px auto;
    content: "";
    z-index: 99999;
    position: relative;
}

.step-item-num {
    font-size: 70px;
    margin: 0;
    font-weight: 900;
    color: #E10000;
}

.step-list {
    position: relative;
}

.step-list .flickity-viewport {
    overflow: unset;
    overflow-x: clip;
}

.step-line-active {
    padding: 0;
}

.step-list-wrap {
    position: relative;
    margin: 0 auto;
}



.step-line-active {
    position: absolute;
    left: 0;
    bottom: 191px;
    height: 2px;
    width: 0;
    background: #E20000;
    z-index: 2;
    pointer-events: none;
    transition: width .3s ease;
}

.step-list::after {
    content: "";
    position: absolute;
    bottom: 191px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    z-index: -1;
    display: block !important;
}

.list_img-desc-item {
    padding: 40px 30px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 1px 4px 20px rgb(0 0 0 / 15%);
    position: relative;
    border-top: 3px solid #F60101;
    transition: all 0.5s;
}

.list_img-desc-item:hover * {
    color: #fff;
}

.list_img-desc-item:hover {
    background-color: #F60101;
    color: #fff;
}

.list_img-desc-item+.list_img-desc-item {
    margin-top: 70px;
}

.list_img-desc-item pre {
    display: block;
    width: 100%;
    background: transparent;
    font-size: 24px;
    font-weight: 500;
    width: 50px;
    height: 50px;
    background-color: #DF0101;
    position: absolute;
    left: 25px;
    top: -25px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-radius: 100px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
}

.bg-author {
    position: absolute;
    bottom: 0;
}



.timeline_widget {
    position: relative;
    padding: 170px 0px
}

.timeline_widget .timeline_line {
    position: absolute;
    left: 50%;
    top: 0;
    width: 19px;
    height: 100%;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.1);
    transform: translateX(-50%)
}

.timeline_widget .timeline_list {
    display: flex;
    flex-direction: column;
    row-gap: 100px
}

.timeline_widget .timeline_item {
    display: flex;
    position: relative;
    align-items: center;
    --bs-gutter-x: 40px
}

.timeline_widget .timeline_item .timeline_year_text {
    font-size: 44px;
    font-weight: 700;
    background: #EF8B3D;
    color: #fff;
    padding: 12px 21px 12px 21px;
    border-radius: 10px 10px 0px 10px;
    line-height: 32px;
    display: inline-flex;
    position: relative;
    z-index: 10
}

.timeline_widget .timeline_item .timeline_year_inner {
    position: relative;
    z-index: 10
}

.timeline_widget .timeline_item:nth-child(odd) .timeline_year {
    position: absolute;
    left: calc(50% + 39px);
    z-index: 10 !important;
    top: 50%;
    transform: translate(-100%, -50%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}

.timeline_widget .timeline_item:nth-child(odd) .timeline_year::before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='208' viewBox='0 0 19 208' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='19' height='143' transform='matrix(-1 0 0 1 19.0002 32)' fill='%23FFC395'/%3E%3Crect x='-19.1147' y='180' width='56' height='8' transform='rotate(21.1399 -19.1147 180)' fill='%23FFC395'/%3E%3Crect x='-22.0151' y='20.071' width='56' height='8' transform='rotate(-21.0028 -22.0151 20.071)' fill='%23FFC395'/%3E%3C/svg%3E%0A");
    left: calc(100% - 39px);
    width: 18px;
    height: 200px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1 !important
}

.timeline_widget .timeline_item:nth-child(odd) .timeline_year::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='17' viewBox='0 0 30 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 -1.31134e-06L30 0L15 8.5L-7.43094e-07 17L0 -1.31134e-06Z' fill='%23E48032'/%3E%3C/svg%3E%0A");
    bottom: -17px;
    right: 0px;
    width: 30px;
    height: 17px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1 !important
}

.timeline_widget .timeline_item:nth-child(even) .timeline_year_text {
    border-radius: 10px 10px 10px 0px
}

.timeline_widget .timeline_item:nth-child(even) .timeline_year {
    position: absolute;
    right: calc(50% + 39px);
    z-index: 10 !important;
    top: 50%;
    transform: translate(100%, -50%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}

.timeline_widget .timeline_item:nth-child(even) .timeline_year::before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='208' viewBox='0 0 19 208' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='19' height='143' transform='matrix(-1 0 0 1 19.0002 32)' fill='%23FFC395'/%3E%3Crect x='-19.1147' y='180' width='56' height='8' transform='rotate(21.1399 -19.1147 180)' fill='%23FFC395'/%3E%3Crect x='-22.0151' y='20.071' width='56' height='8' transform='rotate(-21.0028 -22.0151 20.071)' fill='%23FFC395'/%3E%3C/svg%3E%0A");
    right: calc(100% - 39px);
    width: 18px;
    height: 200px;
    top: 50%;
    transform: translate(50%, -50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1 !important
}

.timeline_widget .timeline_item:nth-child(even) .timeline_year::after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='17' viewBox='0 0 31 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 -1.35505e-06L0 0L15.5 8.5L31 17L31 -1.35505e-06Z' fill='%23EF8B3D'/%3E%3C/svg%3E%0A");
    bottom: -17px;
    left: 0px;
    width: 30px;
    height: 17px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1 !important
}

.timeline_widget .timeline_item .timeline_content {
    background: #fff;
    padding: 20px 42px 28px 28px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 20px
}

.timeline_widget .timeline_item ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 13px
}

.timeline_widget .timeline_item ul li {
    position: relative;
    padding-left: 35px;
    margin: 0 !important;
    font-size: 14px;
    color: #000000;
    font-size: 15px;
    line-height: 25px;
    font-weight: 600
}

.timeline_widget .timeline_item ul li:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 22px;
    height: 22px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_768_150)"><path d="M10.9999 20.1666C16.0627 20.1666 20.1666 16.0627 20.1666 10.9999C20.1666 5.93717 16.0627 1.83325 10.9999 1.83325C5.93717 1.83325 1.83325 5.93717 1.83325 10.9999C1.83325 16.0627 5.93717 20.1666 10.9999 20.1666Z" stroke="%23BE310C" stroke-width="2" stroke-linejoin="round"/><path d="M9.625 15.125L13.75 11L9.625 6.875" stroke="%23BE310C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_768_150"><rect width="22" height="22" fill="white"/></clipPath></defs></svg>') no-repeat center center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.timeline_widget .timeline_item .timeline_image img {
    max-width: 100%
}

.timeline_widget .timeline_content_block {
    position: relative
}

.timeline_widget .timeline_content_block.order-lg-2 .timeline_content {
    position: relative;
    margin-left: 62px
}

.timeline_widget .timeline_content_block.order-lg-2 .timeline_content::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='32' viewBox='0 0 48 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='16' r='6.5' stroke='white' stroke-width='3'/%3E%3Cpath d='M48 32V0.761905V0L32 16L48 32Z' fill='%23F6F5FA'/%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 48px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(-100%, -50%)
}

.timeline_widget .timeline_content_block.order-lg-2 .timeline_content * {
    color: #000;
}

.timeline_widget .timeline_content_block.order-lg-1 .timeline_content {
    position: relative;
    margin-right: 62px
}

.timeline_widget .timeline_content_block.order-lg-1 .timeline_content::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='32' viewBox='0 0 48 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='6.5' transform='matrix(-1 0 0 1 48 7)' stroke='white' stroke-width='3'/%3E%3Cpath d='M0 32V0.761905V0L16 16L0 32Z' fill='%23F6F5FA'/%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 48px;
    height: 32px;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(100%, -50%)
}

.timeline_widget .timeline_image_block.order-lg-1 .timeline_image {
    margin-right: 184px;
    position: relative
}

.timeline_widget .timeline_image_block.order-lg-1 .timeline_image::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='158' height='16' viewBox='0 0 158 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='150' cy='8' r='6.5' stroke='%23EF8B3D' stroke-width='3'/%3E%3Crect opacity='0.2' y='7' width='142' height='2' fill='white'/%3E%3C/svg%3E%0A");
    background-position: calc(100% + 5px) center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 120px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(100%, -50%)
}

.timeline_widget .timeline_image_block.order-lg-2 .timeline_image {
    margin-left: 184px;
    position: relative
}

.timeline_widget .timeline_image_block.order-lg-2 .timeline_image::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='158' height='16' viewBox='0 0 158 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='6.5' transform='matrix(-1 0 0 1 16 0)' stroke='%23EF8B3D' stroke-width='3'/%3E%3Crect opacity='0.2' width='142' height='2' transform='matrix(-1 0 0 1 158 7)' fill='white'/%3E%3C/svg%3E%0A");
    background-position: -5px center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 120px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(-100%, -50%)
}

.step-circle-wrap-title.hide-for-medium {
    font-size: 36px;
    text-align: center;
    padding: 0 15px 20px;
    color: #E63D40;
    font-weight: bold;
}

.step-circle-total-wrap {
    margin: 0 auto;
    width: 34%;
    position: relative;
}

.step-circle-total {
    width: 100%;
    padding-top: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.step-circle-total-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #D52429;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 1;
    font-size: 24px;
    font-weight: bold;
    color: #D52429;
}

.step-circle-total span {
    font-size: 200px;
    font-family: var(--font-3);
}

.step-circle-wrap {
    position: relative;
    margin: 40px auto;
}

.step-circle-item {
    position: absolute;
    width: 480px;
    font-size: 15px;
    display: flex;
    gap: 30px;
    align-items: center;
    height: 145px;
}

.step-circle-item-desc div {
    max-width: 300px;
    height: 76px
}

.step-circle-item b {
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}

.step-circle-item-num {
    width: 100px;
    height: 100px;
    background: #FFF3F3;
    color: #000;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    border: 10px solid #fff;
}

.step-circle-item-num:hover {
    background-color: #E63D40;
    color: #fff;
}

.step-circle-item-desc {
    flex: 1
}

.step-circle-1,
.step-circle-2,
.step-circle-3 {
    flex-direction: row-reverse;
    text-align: right;
}

.step-circle-1 .step-circle-item-desc div,
.step-circle-2 .step-circle-item-desc div,
.step-circle-3 .step-circle-item-desc div {
    margin-left: auto
}

.step-circle-item.step-circle-1 {
    top: -30px;
    left: 0;
}

.step-circle-item.step-circle-2 {
    left: -10px;
    top: 50%;
    transform: translateY(-50%)
}

.step-circle-item.step-circle-3 {
    left: 0;
    bottom: -30px;
}

.step-circle-item.step-circle-4 {
    right: 0;
    top: -30px;

}

.step-circle-item.step-circle-5 {
    right: -10px;
    top: 50%;
    transform: translateY(-50%)
}

.step-circle-item.step-circle-6 {
    right: 0;
    bottom: -30px;
}

.step-circle-item.step-circle-1,
.step-circle-item.step-circle-3 {
    left: 80px
}

.step-circle-item.step-circle-4,
.step-circle-item.step-circle-6 {
    right: 80px
}

.uxb-wrapper--step-circle-item .step-circle-item {
    position: unset;
    transform: unset !important;
    flex-direction: row;
    text-align: left;
}

.uxb-wrapper--step-circle-item .step-circle-item .step-circle-item-desc div {
    margin-left: 0
}


.image-avata {
    max-width: 674px;
    position: relative;
    margin: 59px auto 0;
}

.image-avata-main {
    position: relative;
    z-index: 2;
}

.image-avata-main img {
    width: auto;
    object-fit: contain;
    padding: 0 105px 0 72px;
    display: block;
}

.image-avata-wrap {
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    padding-top: 100%;
}

.image-avata-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 60px;
    opacity: 50%;
    border-radius: 50%;
    background: linear-gradient(226deg, #ffffff 0%, #a00708 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}


.image-avata-item {
    position: absolute;
    background: #fff;
    color: #000;
    font-size: 17px;
    border-radius: 30px;
    padding: 14px 30px;
    line-height: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 2;
    transition: all 0.5s;
}

.image-avata-item::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #CA1D1E;
    transition: all 0.2s;
    border-radius: 50%;
    cursor: pointer;
}

.image-avata-1 {
    top: 12%;
    left: 0;
}

.image-avata-2 {
    top: 50%;
    transform: translateY(-100%);
    left: -81px;
}

.image-avata-3 {
    bottom: 150px;
    left: -50px;
}

.image-avata-4 {
    top: 12%;
    right: 70px;
}

.image-avata-5 {
    top: 50%;
    transform: translateY(-100%);
    right: -10px;
}

.image-avata-6 {
    bottom: 150px;
    right: 0;
}

.image-avata-item:hover {
    color: #fff;
    background-color: #68AC43;
}

.image-avata-item:hover::before {
    background-color: #fff;
}

.uxb-wrapper.uxb-wrapper--image-avata-item.uxb-draggable {
    position: unset;
}

.image-avatar-4 .image-avata-wrap,
.image-avatar-2 .image-avata-wrap {
    top: 0;
}

.image-avatar-4 .image-avata-main img,
.image-avatar-2 .image-avata-main img {
    max-width: 372px;
    padding: 0;
    margin: 0 auto;
    left: -55px;
    position: relative;
}

.image-avatar-4 .image-avata-wrap::before,
.image-avatar-2 .image-avata-wrap::before {
    background: linear-gradient(230deg, #4C29B5 23.67%, rgba(33, 18, 78, 0) 82.35%);
    opacity: 1;
    padding: 50px;
}

.image-avatar-4 .image-avata-wrap::before {
    background: linear-gradient(227deg, #AE6840 15.85%, rgba(72, 43, 27, 0.01) 67.96%);
    opacity: 1;
}

.image-avatar-4,
.image-avatar-2 {
    margin-top: 0 !important;
}

.image-avatar-3 .image-avata-wrap::before {
    background: linear-gradient(107.02deg, #A3583B 2.38%, rgba(61, 33, 22, 0) 88.24%);
    opacity: 1;
    padding: 50px;
}

@media screen and (min-width: 850px) {
    .step-list-wrap::before {
        content: "";
        background: url(../images/map-2.png) center / contain no-repeat;
        position: absolute;
        width: 1188px;
        height: 650px;
        left: 50%;
        top: 10%;
        transform: translateX(-50%)
    }

    .step-list::before {
        content: url(../icons/arr-right.svg);
        position: absolute;
        bottom: 171.1px;
        right: -2px;
    }

    .price-box:hover>.col-inner {
        margin-top: -24px;
    }

    .title-br-hide-pc h1 br,
    .title-br-hide-pc h2 br {
        display: none;
    }

    .row-icon-main {
        margin-top: 75px;
    }

    .icon-main {
        border: 1px solid #D0D0D0;
        background-color: #fff;
        height: 100%;
        border-radius: 10px;
        box-shadow: 0 5px 0 0 var(--color-red-2);
        transition: all 0.5s;
    }

    .icon-main:hover {
        transform: translateY(-10px);
    }

    .icon-main .icon-box-img {
        margin-top: -75px;
        margin-bottom: 8px;
    }

    .icon-main .icon-box-text {
        padding: 0 39px 18px;
        font-size: 20px;
        font-weight: 500;
    }

    .icon-main .icon-box-text * {
        margin: 0;
    }

    .tab-theme .col {
        max-width: 33.33%;
        flex-basis: 33.33%;
    }

    .price-box-2>.col-inner {
        border: 2px solid transparent;
    }

    .price-box-2:hover>.col-inner {
        background-color: #fff;
        border-color: #DC0000;
        margin: 0 !important;
    }
}

@media (min-width: 1024px) {
    .timeline_widget .timeline_item>* {
        --bs-gutter-x: 80px;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }

}

@media screen and (min-width: 1200px) {

    .step-circle-item.step-circle-1,
    .step-circle-item.step-circle-4,
    .step-circle-item.step-circle-3,
    .step-circle-item.step-circle-6 {
        gap: 70px
    }

    .tab-main ul.nav::before {
        content: url(../icons/Vector.svg);
        position: absolute;
        left: 100%;
        top: 50px;
    }

    .list_img-desc .col {
        max-width: 433px;
        flex-basis: 433px;
    }

    .list_img-desc .medium-col-first {
        max-width: calc(100% - 866px);
        flex-basis: calc(100% - 866px);
    }

    .list_img-desc-item {

        min-height: 339px;
    }

    .step-circle-wrap {
        background: url(../images/map-3.png) center / contain no-repeat;
    }

    .title-line h2 {
        text-decoration: underline;
        text-underline-offset: 16px;
        text-decoration-color: var(--color-red);
        text-decoration-thickness: 3px;
    }

    .col-banner-img-top>.col-inner {
        margin-top: -150px !important;
    }

    .mx-576px {
        max-width: 576px;
        margin: 0 auto;
    }

    .desc-banner {
        max-width: 480px;
    }

    .banner-main-img::before {
        content: "";
        width: 742px;
        height: 772px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: url(../images/bg-img.png) center / contain no-repeat;
        z-index: -1;
    }

    .row-banner-main>.large-5 {
        flex-basis: 44.7%;
        max-width: 44.7%;
    }

    .row-banner-main>.large-7 {
        flex-basis: 55.3%;
        max-width: 55.3%;
    }

    .row-content {
        justify-content: space-between;
        max-width: 1530px !important;
    }

    .ab-desc {
        max-width: calc(100% - 600px);
        flex-basis: calc(100% - 600px);
    }

    .ab-desc-img {
        max-width: 480px;
        flex-basis: 480px;
    }
}

@media screen and (min-width: 1500px) {
    .ss-contact-img .image-avata {
        width: 674px;
        left: -80px;
    }

    .step-list.row-full-width {
        margin-left: 120px;
        max-width: calc(100% - 120px) !important;
    }

    .step-list.row-full-width+.step-line-active {
        left: 120px;
    }

    .step-list.row-full-width .col {
        max-width: 530px;
        padding: 0 40px 30px;
    }

    .col-qa-img .img {
        width: 120% !important;
    }

    .col-qa-img:first-child .img {
        left: -25%;
    }

    .services-list {
        gap: 10px
    }

    .services-list>.col {
        max-width: 330px;
        flex-basis: 330px;
    }

    .services-list::before {
        content: "";
        width: 160px;
    }

    .ss-contact-img .img {
        width: 731px !important;
        left: -150px;
    }

    .col-contact>.col-inner {
        margin-bottom: 85px;
    }
}

@media screen and (max-width: 1500px) {
    .ss-benefit {
        padding: 60px !important;
    }

    .ss-contact-img>.col-inner {
        padding: 0 15px;
    }
}

@media screen and (max-width: 1300px) {

    .step-circle-item-desc div,
    .step-circle-item {
        position: unset;
        height: auto;
        width: 100%;
        max-width: unset;
        transform: unset !important;
        display: flex;
        text-align: left;
        flex-direction: row;
        align-items: start;
        gap: 22px;
        margin-bottom: 20px;
    }

    .step-circle-item .step-circle-item-num {
        /* opacity: 0; */
        position: unset;
        border: 0;
        background: #F9312D;
        color: #fff;
        font-size: 24px;
        width: 53px;
        height: 53px;
    }

    .step-circle-item-num {
        position: absolute;
    }

    .step-circle-1.step-circle-item-num {
        top: -30px;
        left: 0;
    }

    .step-circle-2.step-circle-item-num {
        left: -40px;
        top: 50%;
        transform: translateY(-50%)
    }

    .step-circle-3.step-circle-item-num {
        left: 0;
        bottom: -30px;
    }

    .step-circle-4.step-circle-item-num {
        right: 0;
        top: -30px;

    }

    .step-circle-5.step-circle-item-num {
        right: -40px;
        top: 50%;
        transform: translateY(-50%)
    }

    .step-circle-6.step-circle-item-num {
        right: 0;
        bottom: -30px;
    }

    .step-circle-1.step-circle-item-num,
    .step-circle-3.step-circle-item-num {
        left: 40px
    }

    .step-circle-4.step-circle-item-num,
    .step-circle-6.step-circle-item-num {
        right: 40px
    }

    .step-circle-total-wrap {
        margin-bottom: 50px
    }

    .step-circle-wrap {
        position: relative;
        margin: 0 auto;
    }

    .step-circle-wrap-child {
        position: relative;
        padding-left: 30px;
    }

    .step-circle-wrap-child::before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        left: 0;
        top: 10px;
        border-radius: 100px;
        background: var(--color-red-5);
    }

    .step-circle-wrap-child::after {
        content: "";
        position: absolute;
        width: 4px;
        height: calc(100% - 40px);
        left: 5px;
        bottom: 0;
        background: var(--color-red-5);
    }

    .step-circle-wrap-title.show-for-medium {
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .col-contact,
    .ss-contact-img {
        max-width: 100%;
        flex-basis: 100%
    }

    .col-contact>.col-inner {
        background-color: transparent !important;
        padding: 0 15px;
        margin-bottom: 70px;
    }

    .col-contact .title.hide-for-medium {
        display: none
    }
}

@media screen and (max-width: 1200px) {
    .banner-main-desc {
        font-size: 16px;
    }

    .banner-main-desc h1 {
        font-size: 40px;
    }

    .banner-main-desc h3 {
        font-size: 16px;
    }

    .banner-main-desc h2 {
        font-size: 30px;
    }

    .banner-main-icon .icon-box-img {
        max-width: 155px;
    }

    .ss-benefit {
        padding: 60px 15px 0 !important;
    }

    .price-box-top a.button.primary {
        font-size: 14px;
        line-height: 30px;
        min-height: unset
    }


    .price-box-top {
        font-size: 14px;
    }

}


@media screen and (max-width: 1024px) {
    .step-circle-total span {
        font-size: 150px
    }

    .step-circle-total-wrap {
        width: auto;
        max-width: 278px
    }

    .step-circle-item-num {
        width: 66px;
        height: 66px;
        font-size: 14px;
        border: 6px solid #fff;
    }

    .step-circle-1.step-circle-item-num {
        top: -10px;
    }

    .step-circle-2.step-circle-item-num {
        left: -25px;
    }

    .step-circle-3.step-circle-item-num {
        bottom: -10px;
    }

    .step-circle-4.step-circle-item-num {
        right: 0;
        top: -10px;

    }

    .step-circle-5.step-circle-item-num {
        right: -25px;
    }

    .step-circle-6.step-circle-item-num {
        bottom: -10px;
    }

    .step-circle-1.step-circle-item-num,
    .step-circle-3.step-circle-item-num {
        left: 40px
    }

    .step-circle-4.step-circle-item-num,
    .step-circle-6.step-circle-item-num {
        right: 40px
    }

    .ab-desc>.col-inner::before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        left: 0;
        top: 6px;
        border-radius: 100px;
        background: var(--color-red-5);
    }

    .ab-desc>.col-inner::after {
        content: "";
        position: absolute;
        width: 4px;
        height: calc(100% - 40px);
        left: 5px;
        bottom: 0;
        background: var(--color-red-5);
    }

    .timeline_widget .timeline_item {
        padding-top: 100px;

    }

    .timeline_widget .timeline_item>* {
        --bs-gutter-y: 24px;
        margin-top: var(--bs-gutter-y) !important;
    }

    .timeline_widget .timeline_item:nth-child(odd) .timeline_year {
        top: 0px;
        transform: translate(-100%, 0px)
    }

    .timeline_widget .timeline_item:nth-child(even) .timeline_year {
        top: 0px;
        transform: translate(100%, 0px)
    }

    .timeline_widget .timeline_item .timeline_image {
        text-align: center
    }

    .timeline_widget .timeline_content_block.order-lg-2 .timeline_content {
        margin-left: 0px
    }

    .timeline_widget .timeline_content_block.order-lg-2 .timeline_content::before {
        display: none
    }

    .timeline_widget .timeline_content_block.order-lg-1 .timeline_content {
        margin-right: 0px
    }

    .timeline_widget .timeline_content_block.order-lg-1 .timeline_content::before {
        display: none
    }

    .timeline_widget .timeline_image_block.order-lg-1 .timeline_image {
        margin-right: 0px
    }

    .timeline_widget .timeline_image_block.order-lg-1 .timeline_image::before {
        display: none
    }

    .timeline_widget .timeline_image_block.order-lg-2 .timeline_image {
        margin-left: 0px
    }

    .timeline_widget .timeline_image_block.order-lg-2 .timeline_image::before {
        display: none
    }
}

@media screen and (max-width: 850px) {

    .image-avata {
        max-width: 80%;
        min-width: 312px;
    }

    .image-avata-main img {
        padding: 0 40px;
    }

    .button.primary.btn-main {
        line-height: 44px;
        font-size: 14px;
        min-width: 165px;
        padding: 0 16px;
    }

    .banner-main .section-bg img {
        display: none;
    }

    .banner-main .section-bg::after {
        content: "";
        background: url(../images/head_bg.png) center / cover no-repeat;
        width: 100%;
        position: absolute;
        height: 1106px;
    }

    .title h1,
    .title h2 {
        font-size: 30px;
    }

    .text-svg {
        font-size: 130px
    }

    .title-wrap .text-svg {
        margin-block: -40px;
    }

    .ab-desc-img img {
        height: 270px;
        object-fit: cover;
    }

    .icon-main {
        display: flex;
        align-items: center;
    }

    .icon-main .icon-box-img {
        width: 77px !important;
        margin: 0;
    }

    .icon-main .icon-box-text {
        width: calc(100% - 77px);
        padding-left: 20px;
        font-size: 16px;
        font-weight: 500;
    }

    .row-icon-main>.col {
        padding: 0 15px 30px;
    }

    .box-ser .icon-box-img {
        height: 74px;
        width: 74px !important;
    }

    .box-ser .icon-box-img img,
    .box-ser .icon-box-img svg {
        height: 40px;
        width: 40px;
    }

    .box-ser .icon-box-text {
        padding: 60px 60px 30px;
        font-size: 16px;
        margin-top: -37px;
        min-height: 379px;
        box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
    }

    .box-ser .icon-box-text h3 {
        font-size: 20px;
    }

    .tab-theme .row,
    .gallery-slider {
        padding: 0 7.5px;
    }

    .tab-theme .col,
    .gallery-slider .col {
        padding: 0 7.5px 12px;
    }


    .gallery-slider .flickity-button {
        margin-top: 30px 0;
    }

    .ss-benefit {
        padding: 60px 0 0 !important;
        border-radius: 0;
    }

    .icon-ver {
        border: 0;
    }

    .icon-ver::before {
        width: 100%;
    }

    .map-bg-mb {
        position: relative;
    }

    .map-bg-mb::before {
        content: "";
        background: url(../images/map.png) center / contain no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
    }

    .tab-theme .col {
        max-width: 50%;
        flex-basis: 50%;
    }

    .price-box>.col-inner {
        padding: 30px 10px 15px;
    }

    .price-box a.button.primary {
        margin-top: 15px;
        line-height: 50px;
    }


    .price-box:hover .price-box-top * {
        color: #fff
    }

    .price-list-main {
        margin: 0;
    }

    .list_img-desc-item+.list_img-desc-item {
        margin-top: 45px;
    }

    .step-line-active {
        display: none;
    }

    .box-count-num {
        box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    }
}


@media screen and (max-width: 550px) {
    .col-title {
        padding: 0 8px 30px;
    }

    .gallery-slider .col-inner {
        height: 82px;
        border-radius: 10px;
    }

    .ab-desc>.col-inner {
        padding-left: 34px;
    }

    .ab-desc-text {
        padding-left: 74px;
    }

    .ab-desc-text::before {
        width: 53px;
        height: 53px;
        line-height: 52px;
        top: 0;
        transform: unset;
    }

    .ab-desc-title {
        font-size: 24px
    }

    .testimonial-box .star-rating {
        font-size: 20px;
    }

    .ss-reviews {
        border-radius: 0;
    }

    .tab-main ul.nav {
        margin: 0 15px;
    }

    .theme-box {
        padding: 0;
    }

    .theme-box-desc {
        padding: 14px 20px;
    }

    .theme-box-desc h3 {
        font-size: 16px;
    }

    .theme-box-link a {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .bg-linear-2 {
        background: linear-gradient(160deg, #AC1F1F 50%, #6B31DF 100%);
    }

    .acc-custom .accordion-item {
        padding: 16px 26px;
    }

    .list-box-sh {
        box-shadow: unset;
        border-radius: unset;
        overflow: unset;
    }

    .list-box-sh .box>* {
        width: 100%
    }

    .list-box-sh .box {
        margin-bottom: 30px;
        flex-direction: column !important;
        box-shadow: 0 4px 15px rgb(0 0 0 / 10%);
        border-radius: 20px;
        overflow: hidden;
    }

    .col-list-mum>.col-inner {
        padding: 30px 15px;
    }

    .step-list {
        padding-left: 10px
    }

    .step-list::after {
        left: 10px;
        height: 100%;
        width: 2px;
        background: #E10000;
        transform: none;
        bottom: 0;
    }

    .step-item-num::before {
        margin: 0;
        left: -24px;
        top: 61px;
    }

    .title-br-hide-mb h1 br,
    .title-br-hide-mb h2 br {
        display: none;
    }

    .banner-main-img {
        padding: 4px;
    }

    .tab-main .tab-panels {
        padding-top: 30px;
    }

    .row+.tab-main {
        margin-top: -20px;
    }

    .col-qa-main .title h2 {
        margin: 0 -10px 20px;
        width: calc(100% + 20px);
    }

    .col-qa-main {
        padding-bottom: 0;
    }

    .image-avata-item {
        font-size: 10px;
        padding: 6px 9px;
        gap: 5px;
    }

    .image-avata-wrap::before {
        padding: 50px;
        background: linear-gradient(226deg, #E24142 0%, #8F090A 100%);
        opacity: 1;
    }

    .image-avata-1 {
        top: 33px;
        left: 20px;
    }

    .image-avata-2 {
        top: 132px;
        transform: none;
        left: -15px;
    }

    .image-avata-3 {
        bottom: auto;
        left: -23px;
        top: 237px;
    }

    .image-avata-4 {
        top: 33px;
        right: 32px;
    }

    .image-avata-5 {
        top: 127px;
        transform: none;
        right: -5px;
    }

    .image-avata-6 {
        bottom: auto;
        right: -15px;
        top: 232px;
    }

    .image-avata {
        max-width: 312px;
        margin: 80px auto 0;
    }

    .image-avata-main img {
        padding: 0;
        max-width: 230px;
        display: block;
        margin: 0 auto;
        left: 8px;
        position: relative;
    }

    .image-avatar-4 .image-avata-main,
    .image-avatar-2 .image-avata-main {
        margin-bottom: -13px
    }

    .image-avatar-4 .image-avata-main img,
    .image-avatar-2 .image-avata-main img {
        max-width: 189px;
        margin: 0 auto;
        left: -10px;
        position: relative;
        top: -13px;
    }

    .image-avatar-2 .image-avata-wrap::before {
        background: linear-gradient(242.76deg, #4C29B4 -57.87%, rgba(33, 18, 78, 0) 86.4%);
    }

    .image-avatar-3 .image-avata-wrap::before {
        background: linear-gradient(242.42deg, #A84724 -15.1%, rgba(66, 28, 14, 0) 90.24%);
    }

    .image-avatar-4 .image-avata-wrap::before {
        background: linear-gradient(233.22deg, #AE6840 18.58%, rgba(72, 43, 27, 0) 91.05%);
    }

    .image-avata-item::before {
        width: 5px;
        height: 5px;
    }

    .icon-box-3.icon-box.icon-box-3-mb-white .icon-box-text {
        background: #fff;
        color: #000;
        box-shadow: 0 4px 10px rgb(0 0 0 / 20%);
    }

    .icon-box-3.icon-box.icon-box-3-mb-white .icon-box-text * {
        color: #000;
    }

    .ss-qa .section-bg :is(img, picture, video) {
        display: none;
    }

    .ss-qa {
        background: url(../images/bg-qa-2.png) center bottom/ cover no-repeat;
    }
}