.detail-content {
    font-size: 1.225em;
    line-height: 24px;
    color: #6f7f90;
}

.detail-content p,
.detail-content ul,
.detail-content ol,
.detail-content blockquote {
    margin-bottom: 16px;
}

.detail-content ul,
.detail-content ol {
    padding-left: 16px;
    line-height: 1.6;
}

.detail-content h1,
.detail-content h2,
.detail-content h3,
.detail-content h4,
.detail-content h5,
.detail-content h6 {
    margin-bottom: 10px;
    font-weight: 600;
}

.detail-content h1 b,
.detail-content h1 strong,
.detail-content h2 b,
.detail-content h2 strong,
.detail-content h3 b,
.detail-content h3 strong,
.detail-content h4 b,
.detail-content h4 strong,
.detail-content h5 b,
.detail-content h5 strong,
.detail-content h6 b,
.detail-content h6 strong {
    font-weight: 600;
}

.detail-content h2 {
    font-size: 1.375em;
}

.detail-content h3 {
    font-size: 1.15em;
}

.detail-content h4,
.detail-content h5,
.detail-content h6 {
    font-size: 1em;
}

.detail-content p:last-child,
.detail-content ul:last-child,
.detail-content ol:last-child {
    margin-bottom: 0;
}

.detail-content img {
    max-width: 100%;
    height: auto;
}

.detail-content .table {
    --bs-table-border-color: var(--bs-gray-500)
}

.detail-content .table th,
.detail-content .table td {
    padding: 10px;
    min-width: 150px;
}

.detail-content .table td ul {
    padding-left: 24px;
}

.detail-content blockquote {
    padding: 15px 15px 15px 45px;
    border-left: 3px solid var(--primary-color);
    border-right: 3px solid var(--primary-color);
    background: rgba(var(--primary-rgb), .035);
    position: relative;
    border-radius: 8px;
}

.detail-content blockquote:before {
    position: absolute;
    content: "\f10d";
    font-family: "Font Awesome 5 Pro";
    font-size: 1em;
    color: var(--primary-color);
    top: 10px;
    left: 10px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    font-weight: 700;
    line-height: 1;
}

@media screen and (max-width: 991px) {
    .detail-content {
        font-size: 1.075em;
        line-height: 1.6;
    }
}

.slider-theme {
    position: relative;
}

.slider-theme .slider-navigation .slider-navigation_button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    width: 52px;
    height: 52px;
    border: 2px solid #f2f5ff;
    background: transparent;
    color: var(--secondary-color);
    border-radius: 50%;
    -webkit-transition: var(--transition-default);
    -o-transition: var(--transition-default);
    transition: var(--transition-default);
    cursor: pointer;
    font-size: 1.45em;
}

.slider-theme .slider-navigation .slider-navigation_button:hover {
    color: var(--bs-white);
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
}

.slider-theme .slider-navigation .slider-navigation_button.slider-navigation_prev {
    left: -75px;
}

.slider-theme .slider-navigation .slider-navigation_button.slider-navigation_next {
    right: -75px;
}

.slider-theme .slider-navigation.slider-navigation_center {
    margin-top: 30px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.slider-theme .slider-navigation.slider-navigation_center {
    position: relative;
    bottom: 0;
    margin-top: 30px;
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 15px;
}

.slider-theme .slider-navigation.slider-navigation_center .slider-navigation_button {
    position: static;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}

.slider-theme .slider-theme_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: unset;
}

.slider-theme .slider-theme_pagination:not(.swiper-pagination-lock) {
    margin-top: 16px;
}

.slider-theme .slider-theme_pagination .swiper-pagination-bullet {
    height: 7px;
    width: 22px;
    border-radius: 4px;
    opacity: 1;
    background: var(--secondary-color);
    -webkit-transition: var(--transition-default);
    -moz-transition: var(--transition-default);
    -ms-transition: var(--transition-default);
    -o-transition: var(--transition-default);
    transition: var(--transition-default);
}

.slider-theme .slider-theme_pagination .swiper-pagination-bullet:hover,
.slider-theme .slider-theme_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--primary-color);
}

.button-theme {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    border: 0;
    box-shadow: none;
    outline: none;
    padding: 0.45rem 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    font-size: 1.15em;
    position: relative;
}

.button-theme.button-theme_primary {
    background-color: var(--primary-color);
    color: var(--bs-white);
}

.button-theme.button-theme_primary__outline {
    border: 1px solid var(--primary-color);
    background-color: #F4FCFD;
    color: var(--primary-color);
}

.button-theme.button-theme_secondary {
    background-color: var(--secondary-color);
    color: var(--bs-white);
}

.button-theme.button-theme_light {
    background-color: var(--bs-white);
    color: var(--secondary-color);
}

.button-theme.button-theme_gradient {
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient-2));
    background-image: -moz-linear-gradient(var(--primary-gradient-2));
    background-image: -ms-linear-gradient(var(--primary-gradient-2));
    background-image: -o-linear-gradient(var(--primary-gradient-2));
    background-image: linear-gradient(var(--primary-gradient-2));
    background-size: 180%, 1px;
    background-position: 0;
    color: var(--bs-white);
}

.button-theme .icomoon {
    position: absolute;
    right: 25px;
    top: 50%;
    opacity: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: var(--transition-default);
    color: var(--bs-white);
}

.button-theme:hover {
    padding-left: 25px;
    padding-right: 45px;
}

.button-theme.button-theme_primary:hover {
    background-color: var(--primary-hover);
    color: var(--bs-white);
}

.button-theme.button-theme_primary__outline:hover {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--bs-white);
}

.button-theme.button-theme_secondary:hover {
    background-color: var(--secondary-hover);
    color: var(--bs-white);
}

.button-theme.button-theme_light:hover {
    background-color: var(--primary-color);
    color: var(--bs-white);
}

.button-theme.button-theme_gradient:hover {
    background-position: 100%;
}

.button-theme:hover .icomoon {
    opacity: 1;
    right: 20px;
}

.section-gap {
    padding: 75px 0;
}

.section-heading {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.section-heading .heading-image {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
    user-select: none;
    opacity: 0.4;
}

.section-heading .heading-image img {
    animation: headingImageTranslate 3s ease-out infinite;
    -webkit-animation: headingImageTranslate 3s ease-out infinite;
}

@keyframes headingImageTranslate {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateY(10px);
    }

    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

.section-heading .heading-title {
    font-family: var(--font-heading);
    font-size: 3.4em;
    line-height: 1em;
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: -0.01em;
}

.section-heading .heading-sub {
    font-size: 1.375em;
    font-weight: 500;
    color: var(--secondary-color);
    margin-bottom: 10px;
}

.section-heading .heading-desc {
    font-size: 1.15em;
    line-height: 24px;
    color: #6f7f90;
    margin: 0 auto;
}

.section-heading .heading-desc p:last-child,
.section-heading .heading-desc ul:last-child,
.section-heading .heading-desc ol:last-child {
    margin-left: 0;
}

.section-heading .heading-desc ul,
.section-heading .heading-desc ol {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: var(--secondary-color);
    font-weight: 500;
}

.section-heading .heading-desc ul li:before,
.section-heading .heading-desc ol li:before {
    content: "\f058";
    display: inline-flex;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.15em;
    color: var(--secondary-color);
    margin-right: 6px;
    font-weight: 900;
    margin-top: 1px;
}

.section-heading .heading-buttons {
    margin-top: 24px;
    display: flex;
    gap: 8px;
}

.section-heading.text-start .heading-desc {
    max-width: 100%;
}

.section-heading .heading-blockquote {
    font-size: 1.15em;
    line-height: 24px;
    color: #6f7f90;
    padding: 3px 0px 3px 20px;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    border-color: var(--primary-color);
}

.section-heading .heading-tabs {
    margin-top: 30px;
}

.section-heading .heading-tabs .nav-pills {
    border: 1px solid #eee;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    display: inline-flex;
    margin-bottom: 20px;
}

.section-heading .heading-tabs .nav-pills .nav-link {
    font-size: 1.15em;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    margin: 5px;
    padding: 10px 35px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    color: #6F7F90;
    position: relative;
    z-index: 1;
    background: transparent;
    overflow: hidden;
}

.section-heading .heading-tabs .nav-pills .nav-link.active,
.section-heading .heading-tabs .nav-pills .nav-link:hover {
    color: var(--bs-white);
    -webkit-box-shadow: 0 5px 20px rgba(var(--primary-color), .5);
    -khtml-box-shadow: 0 5px 20px rgba(var(--primary-color), .5);
    -moz-box-shadow: 0 5px 20px rgba(var(--primary-color), .5);
    -ms-box-shadow: 0 5px 20px rgba(var(--primary-color), .5);
    -o-box-shadow: 0 5px 20px rgba(var(--primary-color), .5);
    box-shadow: 0 5px 20px rgba(var(--primary-color), .5);
}

.section-heading .heading-tabs .nav-pills .nav-link:before {
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
}

.section-heading .heading-tabs .nav-pills .nav-link.active:before,
.section-heading .heading-tabs .nav-pills .nav-link:hover:before {
    width: 100%;
    left: 0;
    right: auto;
    transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    -o-transform-origin: right;
}

.section-heading .heading-tabs .heading-tabs_content {
    font-size: 1.15em;
    line-height: 24px;
    color: #6f7f90;
}

.section-heading .heading-tabs .heading-tabs_content ul,
.section-heading .heading-tabs .heading-tabs_content ol {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-weight: 500;
}

.section-heading .heading-tabs .heading-tabs_content ul li,
.section-heading .heading-tabs .heading-tabs_content ol li {
    width: calc(50% - 7.5px);
}

.section-heading .heading-tabs .heading-tabs_content ul li:before,
.section-heading .heading-tabs .heading-tabs_content ol li:before {
    content: "\f058";
    display: inline-flex;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.15em;
    color: var(--primary-color);
    margin-right: 6px;
    font-weight: 900;
    margin-top: 1px;
}

.header {
    background: var(--bs-white);
    position: relative;
    width: 100%;
    z-index: 10;
}

.header .header-top {
    padding: 10px 0;
}

.header .header-top .header-grid {
    display: flex;
    align-items: center;
}

.header .header-logo {
    margin-right: 30px;
}

.header .header-logo img {
    height: 50px;
}

.header .header-top .header-contact {
    margin-left: auto;
    margin-right: 12px;
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    background: transparent;
    padding: 0;
}

.header .header-top .header-contact .header-contact_item {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    position: relative;
}

.header .header-top .header-contact .header-contact_item + .header-contact_item:before {
    height: calc(100% - 45px);
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid #CCCCCC;
}

.header .header-top .header-contact .header-contact_item .header-contact_item__icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    font-size: 1.45em;
    color: var(--bs-black);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 5px 30px rgba(137, 151, 186, .35);
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}

.header .header-top .header-contact .header-contact_item .header-contact_item__icon a {
    color: inherit;
    transition: var(--transition-default);
}

.header .header-top .header-contact .header-contact_item .header-contact_item__content {
    margin-left: 20px;
    flex-grow: 1;
}

.header .header-top .header-contact .header-contact_item .header-contact_item__value {
    color: var(--secondary-color);
    font-size: 1.075em;
    font-weight: 600;
    line-height: 24px;
}

.header .header-top .header-contact .header-contact_item .header-contact_item__title {
    font-size: 0.925em;
    line-height: 24px;
    color: #6f7f90;
}

.header .header-top .header-contact .header-contact_item .header-contact_item__icon:hover a,
.header .header-top .header-contact .header-contact_item a.header-contact_item__value:hover {
    color: var(--primary-color);
}

.header .header-bottom {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: transparent;
}

.header .header-bottom .header-grid {
    display: flex;
    align-items: center;
    background: var(--primary-color);
}

.header .header-social {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-right: 30px;
}

.header .header-social .header-social_item {
    color: var(--bs-white);
    font-size: 1.15em;
    display: inline-block;
    vertical-align: middle;
    margin: 6px 8px;
}

.header .header-social .header-social_item:hover {
    color: var(--secondary-color);
}

.header .header-contact {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 25px 12px 35px;
    margin-left: 20px;
    background-color: #e1f6f9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    -webkit-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
}

.header .header-contact .header-contact_icon {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bs-white);
    position: absolute;
    left: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: var(--primary-color);
    font-size: 1.6em;
}

.header .header-contact:hover .header-contact_icon {
    box-shadow: 0 0 0 7px rgba(var(--primary-rgb), .6);
}

.header .header-contact .header-contact_icon .icomoon {
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-animation: shakeThatBooty 2s ease infinite;
    -khtml-animation: shakeThatBooty 2s ease infinite;
    -moz-animation: shakeThatBooty 2s ease infinite;
    -ms-animation: shakeThatBooty 2s ease infinite;
    -o-animation: shakeThatBooty 2s ease infinite;
    animation: shakeThatBooty 2s ease infinite;
}

.header .header-contact .header-contact_content .header-contact_content__title {
    font-size: 1.075em;
    font-weight: 600;
    color: var(--primary-color);
}

.header .header-contact .header-contact_content .header-contact_content__value {
    color: var(--secondary-color);
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.2;
    font-family: var(--font-heading);
    font-size: 1.6em;
    position: relative;
}

.header .header-contact .header-contact_content .header-contact_content__value:after {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 1px;
    width: 0;
    height: 1px;
    content: "";
    background-color: var(--secondary-color);
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
}

.header .header-contact:hover .header-contact_content .header-contact_content__value:after {
    left: 0;
    right: auto;
    width: 100%;
}

.header .header-navigation {
    margin-left: 30px;
}

.header .header-navigation ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.header .header-navigation > ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}

.header .header-navigation > ul > li > a,
.header .header-navigation > ul > li > button {
    font-size: 1.225em;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-white);
    font-family: var(--font-heading);
    padding: 24px 0;
    border: 0;
    outline: none;
    background: transparent;
    box-shadow: none;
}

.header .header-navigation > ul > li > a > i,
.header .header-navigation > ul > li > button > i {
    display: inline-flex;
    margin-left: 6px;
    line-height: 1;
    color: inherit;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
}

.header .header-navigation > ul > li {
    position: relative;
}

.header .header-navigation > ul > li ul li a,
.header .header-navigation > ul > li ul li button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    color: var(--secondary-color);
    font-size: 1.15em;
    font-family: var(--font-heading);
    position: relative;
    padding: 12px 0;
    white-space: nowrap;
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    box-shadow: none;
}

.header .header-navigation > ul > li ul li a i,
.header .header-navigation > ul > li ul li button i {
    display: inline-flex;
    margin-left: auto;
    line-height: 1;
    color: inherit;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
}

.header .header-navigation > ul > li > ul > li:hover > a,
.header .header-navigation > ul > li > ul > li > ul > li:hover > a {
    color: var(--primary-color);
}

.header .header-navigation > ul > li ul li + li a,
.header .header-navigation > ul > li ul li + li button {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.header .header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .6s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .6s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .6s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .6s cubic-bezier(.24, .74, .58, 1);
    transition: .6s cubic-bezier(.24, .74, .58, 1);
    background: var(--primary-dark);
    visibility: hidden;
    box-shadow: 0 5px 10px rgba(13, 14, 67, 8%);
}

.header.is-scroll .header-sticky {
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible;
}

.header .header-sticky .header-grid {
    display: flex;
    align-items: center;
    max-width: 1720px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.header .header-sticky .header-navigation {
    margin-left: auto;
}

.header .header-sticky .header-social {
    margin-left: 40px;
}

.header .header-sticky .header-contact {
    background: transparent;
    padding-left: 46px;
}

.header .header-sticky .header-contact .header-contact_icon {
    width: 54px;
    height: 54px;
    color: var(--secondary-color);
    font-size: 1.75em;
}

.header .header-sticky .header-contact .header-contact_content .header-contact_content__value {
    color: var(--bs-white);
    font-size: 1.45em;
}

.header .header-sticky .header-contact .header-contact_content .header-contact_content__value:after {
    background: var(--primary-color);
}

.section-banner .slider-navigation .slider-navigation_button.slider-navigation_next {
    right: 30px;
}

.section-banner .slider-navigation .slider-navigation_button.slider-navigation_prev {
    left: 30px;
}

.section-box {
    margin-bottom: -70px;
}

.section-box .box-item {
    border-radius: 10px;
    padding: 40px;
    box-shadow: 0 5px 83px 0 rgba(13, 14, 67, 0.12);
    position: relative;
    background: var(--bs-white);
    height: 100%;
}

.section-box .box-item .box-item_image {
    position: absolute;
    z-index: -1;
    bottom: 30px;
    right: 30px;
    width: 80px;
    height: 80px;
    pointer-events: none;
}

.section-box .box-item .box-item_image img {
    width: 100%;
    height: 100%;
}

.section-box .box-item .box-item_title {
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 18px;
    letter-spacing: -.01em;
    line-height: 1.2;
    font-family: var(--font-heading);
    font-size: 1.45em;
}

.section-box .box-item .box-item_desc {
    margin-top: auto;
    margin-bottom: 18px;
    font-size: 1.15em;
    line-height: 24px;
    color: #6f7f90;
}

.section-introduction {
    overflow: hidden;
    padding: 15px 0 20px;
}

.section-introduction .introduction-featured {
    position: relative;
    width: 100%;
    height: 100%;
}

.section-introduction .introduction-featured .introduction-featured_image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section-introduction .introduction-featured .introduction-featured_image .introduction-featured_image__inner {
    transform: translateX(110px);
    position: absolute;
    z-index: 1;
    filter: url(#cms-rounded-clippath);
}

.section-introduction .introduction-featured .introduction-featured_image .introduction-featured_image__inner .introduction-featured_image__clippath {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #e0f8f4;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    animation: clippath-spin 5s infinite;
}

@keyframes clippath-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.section-introduction .introduction-featured .introduction-featured_image .introduction-featured_image__inner img {
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    height: auto;
}

.section-introduction .introduction-featured .introduction-featured_list {
    position: relative;
    z-index: 2;
    padding: 12px 0;
}

.section-introduction .introduction-featured .introduction-featured_list .introduction-featured_item {
    filter: url(#cms-rounded-clippath) drop-shadow(0px 5px 83px rgba(13, 14, 67, 0.12));
}

.section-introduction .introduction-featured .introduction-featured_list .introduction-featured_item .introduction-featured_item__inner {
    width: 175px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 12px;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    box-shadow: 0 5px 83px 0 rgba(13, 14, 67, 0.12);
    font-family: var(--font-heading);
    color: var(--bs-white);
    font-size: 1.15em;
    font-weight: 600;
    line-height: 1;
}

.section-introduction .introduction-featured .introduction-featured_list .introduction-featured_item .introduction-featured_item__inner img {
    width: 58px;
    height: 58px;
}

.section-introduction .introduction-featured .introduction-featured_list .introduction-featured_item:first-child {
    transform: translate(85px, 50px);
}

.section-introduction .introduction-featured .introduction-featured_list .introduction-featured_item:first-child .introduction-featured_item__inner {
    background: var(--primary-color);
}

.section-introduction .introduction-featured .introduction-featured_list .introduction-featured_item:nth-child(2) .introduction-featured_item__inner {
    background: var(--secondary-color);
}

.section-introduction .introduction-featured .introduction-featured_list .introduction-featured_item:nth-child(3) {
    transform: translate(85px, -50px);
}

.section-introduction .introduction-featured .introduction-featured_list .introduction-featured_item:nth-child(3) .introduction-featured_item__inner {
    background: var(--bs-white);
    color: var(--bs-black);
}

.section-services {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.section-services .service-tabs {
    flex-wrap: nowrap;
    justify-content: center;
    gap: 12px;
}

.section-services .service-tabs .nav-link {
    display: flex;
    flex-direction: column;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 20px 35px 10px;
    font-size: 1.45em;
    font-weight: 600;
    color: #6f7f90;
    font-family: var(--font-heading);
    cursor: pointer;
    line-height: 45px;
    position: relative;
    z-index: 1;
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    background: transparent !important;
}

.section-services .service-tabs .nav-link .icomoon {
    font-size: 2.5em;
    color: inherit;
}

.section-services .service-tabs .nav-link img {
    height: 50px;
    width: auto;
    object-fit: contain;
    transition: var(--transition-default);
}

.section-services .service-tabs .nav-link:before {
    position: absolute;
    content: "";
    border-radius: inherit;
    width: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    transition: var(--transition-default);
    transform-origin: left;
    -webkit-transform-origin: left;
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
}

.section-services .service-tabs .nav-link.active,
.section-services .service-tabs .nav-link:hover {
    color: var(--bs-white);
}

.section-services .service-tabs .nav-link.active:before,
.section-services .service-tabs .nav-link:hover:before {
    left: 0;
    right: unset;
    width: 100%;
    transform-origin: right;
    -webkit-transform-origin: right;
}

.section-services .service-tabs .nav-link:hover img,
.section-services .service-tabs .nav-link.active img {
    filter: brightness(1000%);
}

.section-services .service-tabs .nav-link:after {
    transition: var(--transition-default);
    position: absolute;
    left: 50%;
    bottom: -42px;
    width: 35px;
    height: 25px;
    content: "";
    display: block;
    background-color: var(--bs-white);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}

.section-services .service-tabs .nav-link.active:after {
    opacity: 1;
}

.service-content {
    margin-top: 40px;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: var(--bs-white);
    padding: 24px;
}

.service-card {
    overflow: hidden;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    position: relative;
    background-color: var(--bs-white);
    box-shadow: 0 5px 10px rgba(13, 14, 67, 8%);
    display: flex;
    height: 100%;
}

.service-card .service-main {
    opacity: 1;
    transition: var(--transition-default);
    display: flex;
    flex-direction: column;
}

.service-card:hover .service-main {
    opacity: 0;
}

.service-card .service-main .service-main_body {
    position: relative;
    padding: 30px 24px 30px;
    background-color: var(--bs-white);
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.service-card .service-main .service-main_body .service-main_icon {
    mask-image: url(../images/dich-vu/mask-banner2.png);
    -webkit-mask-image: url(../images/dich-vu/mask-banner2.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: var(--primary-color);
    width: 63px;
    height: 58px;
    position: absolute;
    top: -29px;
    right: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-white);
    font-size: 2em;
}

.service-card .service-main .service-main_body .service-main_title {
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 12px;
    letter-spacing: -.01em;
    line-height: 1.2;
    font-family: var(--font-heading);
    font-size: 1.45em;
}

.service-card .service-main .service-main_body .service-main_desc {
    margin-top: auto;
    margin-bottom: 12px;
    font-size: 1.15em;
    line-height: 24px;
    color: #6f7f90;
}

.service-card .service-main .service-main_body .service-main_desc p:last-of-type {
    margin-bottom: 0;
}

.service-card .service-main .service-main_body .service-main_meta {
    font-size: 1.3em;
    color: var(--secondary-color);
    font-weight: 600;
}

.service-card .service-main .service-main_body .service-main_meta span {
    color: var(--primary-color);
}

.service-card .service-hover {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 30px 24px 30px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    opacity: 0;
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
}

.service-card:hover .service-hover {
    opacity: 1;
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: .12s;
    -moz-transition-delay: .12s;
    transition-delay: .12s;
}

.service-card .service-hover:before,
.service-card .service-hover:after {
    content: "";
    position: absolute;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .3);
    width: 222px;
    height: 222px;
    transition: var(--transition-default);
}

.service-card .service-hover:before {
    top: -71px;
    left: -71px;
    animation: serviceHoverBefore 13s ease-out infinite;
    -webkit-animation: serviceHoverBefore 13s ease-out infinite;
}

.service-card .service-hover:after {
    bottom: -90px;
    right: -90px;
    animation: serviceHoverAfter 22s ease-out infinite;
    -webkit-animation: serviceHoverAfter 22s ease-out infinite;
}

@keyframes serviceHoverBefore {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes serviceHoverAfter {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(40px);
    }
    50% {
        transform: translateX(0);
    }
    75% {
        transform: translateX(-40px);
    }
    100% {
        transform: translateX(0);
    }
}

.service-card .service-hover .service-hover_image {
    position: absolute;
    top: 0;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: -2;
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: var(--transition-default);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.service-card .service-hover .service-hover_image:before {
    background-color: rgba(var(--primary-rgb), .9);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.service-card .service-hover .service-hover_icon {
    color: var(--primary-color);
    background: var(--bs-white);
    width: 63px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 2em;
    mask-image: url(../images/dich-vu/mask-banner2.png);
    -webkit-mask-image: url(../images/dich-vu/mask-banner2.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -ms-transform: scale(.5);
    transform: scale(.5);
    transition: var(--transition-default);
}

.service-card:hover .service-hover .service-hover_icon {
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .26s;
    -moz-transition-delay: .26s;
    transition-delay: .26s;
}

.service-card .service-hover .service-hover_title {
    color: var(--bs-white);
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 12px;
    letter-spacing: -.01em;
    line-height: 1.2;
    font-family: var(--font-heading);
    font-size: 1.45em;
}

.service-card .service-hover .service-hover_desc {
    margin-bottom: 12px;
    font-size: 1.15em;
    line-height: 24px;
    color: var(--bs-white);
}

.service-card .service-hover .service-hover_desc p:last-of-type {
    margin-bottom: 0;
}

.service-card .service-hover .service-hover_info {
    margin-bottom: 16px;
}

.service-card .service-hover .service-hover_info ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.service-card .service-hover .service-hover_info ul li {
    color: var(--bs-white);
}

.service-card .service-hover .service-hover_info ul li:before {
    display: inline;
    margin-right: 4px;
    font-size: 18px;
    color: inherit;
    font-family: icomoon;
    font-weight: 400;
    content: "\e94c";
    position: relative;
    top: 2px;
}

.service-card .service-hover .service-hover_button .btn {
    background-color: var(--bs-white);
    color: var(--primary-color);
    position: relative;
    padding-left: 35px;
    padding-right: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    font-weight: 500;
    line-height: 32px;
}

.service-card .service-hover .service-hover_button .btn .icomoon {
    position: absolute;
    right: 25px;
    top: 50%;
    opacity: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: var(--transition-default);
    color: var(--primary-color);
}

.service-card .service-hover .service-hover_button .btn:hover {
    padding-left: 25px;
    padding-right: 45px;
}

.service-card .service-hover .service-hover_button .btn:hover .icomoon {
    opacity: 1;
    right: 20px;
}

.sliderServices .swiper {
    padding: 10px;
    margin: -10px;
}

.section-progress .progress-list {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.section-progress .progress-item .progress-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--secondary-color);
    font-size: 1.15em;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.section-progress .progress-item .progress {
    height: 12px;
}

.section-progress .progress-item .progress .progress-bar {
    background-color: var(--primary-color);
    transition: width 1s ease-in-out;
    width: 0;
}

.section-case {
    background: #E3F7FA;
}

.section-case .slider-theme {
    padding: 15px;
    background: var(--bs-white);
}

.case-card {
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    z-index: 1;
    overflow: hidden;
}

.case-card .case-image img {
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.case-card .case-image:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    background: linear-gradient(0deg, var(--secondary-color) 14.62%, rgba(4, 98, 112, 0) 95.38%);
}

.case-card .case-info {
    position: absolute;
    bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    z-index: 2;
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
}

.case-card .case-info .case-info_wrapper {
    position: relative;
    text-align: left;
    padding: 30px 35px;
    background: var(--bs-white);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 1;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
}

.case-card .case-info .case-info_wrapper:before,
.case-card .case-info .case-info_wrapper:after {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.case-card .case-info .case-info_wrapper:before {
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    height: 100%;
    width: 100%;
    background-color: var(--primary-color);
    z-index: -2;
}

.case-card .case-info .case-info_wrapper:after {
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    background-color: var(--bs-white);
    z-index: -1;
    top: 0;
    left: 5px;
    right: 5px;
    bottom: 0;
}

.case-card .case-info .case-info_category {
    margin-bottom: 10px;
}

.case-card .case-info .case-info_category > a {
    font-size: 1.15em;
    font-weight: 500;
    color: var(--primary-color);
}

.case-card .case-info .case-info_category > a + a:before {
    content: ", ";
}

.case-card .case-info .case-info_category > a:hover {
    font-size: 1.15em;
    color: var(--primary-hover);
}

.case-card .case-info .case-info_title > a {
    font-size: 1.75em;
    color: var(--secondary-color);
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.2;
}

.case-card .case-info .case-info_title > a:hover {
    color: var(--primary-color);
}

.case-card:hover .case-image:after {
    opacity: 1;
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-delay: .12s;
    -moz-transition-delay: .12s;
    transition-delay: .12s;
}

.case-card:hover .case-image img {
    -ms-transform: scale(1);
    transform: scale(1);
}

.section-quality {
    background: #f9f9f9
}

.section-quality .quality-list {
    display: flex;
    margin-top: 80px;
}

.section-quality .quality-item {
    width: 25%;
    padding: 0 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-quality .quality-item .quality-item_icon {
    width: 134px;
    height: 134px;
    border: 2px dashed #c5c9d8;
    padding: 15px;
    border-radius: 50%;
    position: relative;
    transition: var(--transition-default);
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-quality .quality-item:hover .quality-item_icon {
    border: 2px dashed var(--primary-color);
}

.section-quality .quality-item .quality-item_icon .quality-item_icon__number {
    background: var(--primary-color);
    color: var(--bs-white);
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading);
}

.section-quality .quality-item .quality-item_icon .quality-item_icon__image {
    background: var(--bs-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.09);
}

.section-quality .quality-item .quality-item_icon .quality-item_icon__image img {
    width: 56px;
    height: 56px;
}

.section-quality .quality-item .quality-item_content {
    margin-top: 28px;
    text-align: center;
}

.section-quality .quality-item .quality-item_content .quality-item_content__title {
    color: var(--secondary-color);
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.2;
    font-family: var(--font-heading);
    font-size: 1.45em;
}

.section-quality .quality-item .quality-item_content .quality-item_content__desc {
    padding-top: 12px;
    font-size: 1.15em;
    line-height: 24px;
    color: #6f7f90;
}

.section-quality .quality-item:before {
    content: '';
    top: 70px;
    right: -21%;
    z-index: 99;
    width: 136px;
    height: 39px;
    background: url('../images/quality/quality-line-1.png') no-repeat 0 0;
    display: block;
    position: absolute;
}

.section-quality .quality-item:nth-child(2n+2) {
    margin-top: -30px;
}

.section-quality .quality-item:nth-child(2n+2):before {
    background: url('../images/quality/quality-line-2.png') no-repeat 0 0;
    top: 20px;
}

.section-quality .quality-item:last-child:before {
    display: none;
}

.question-list {
    display: flex;
    flex-direction: column;
    gap: var(--bs-gutter-y);
}

.question-list .accordion-item {
    border-radius: 0;
    border: 0;
}

.question-list .accordion-item .accordion-button {
    cursor: pointer;
    color: var(--secondary-color);
    padding: 28px 60px 28px 20px;
    border: 1px solid #d2dbe8;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: var(--font-heading);
    letter-spacing: -.01em;
    line-height: 1.2;
    font-weight: 600;
    font-size: 1.075em;
    background: transparent;
}

.question-list .accordion-item .accordion-button:before {
    background: var(--primary-color);
    position: absolute;
    content: "";
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 20px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
}

.question-list .accordion-item .accordion-button:after {
    position: absolute;
    content: "\f067";
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 29px;
    transition: var(--transition-default);
    color: var(--bs-white);
    font-family: "Font Awesome 5 Pro";
    font-size: 1.075em;
    font-weight: 500;
    background: transparent;
    width: auto;
    height: auto;
    margin-left: 0;
    background: none;
}

.question-list .accordion-item .accordion-button[aria-expanded=true]:after {
    content: "\f068";
}

.question-list .accordion-item .accordion-body {
    padding: 22px 20px 0;
    font-size: 1em;
    line-height: 1.875;
    color: #6f7f90;
}

.question-list .accordion-item .accordion-body p:last-child {
    margin-bottom: 0;
}

.article-card {
    padding: 20px;
    border: 2px solid #f2f5ff;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    overflow: hidden;
    transition: var(--transition-default);
    height: 100%;
}

.article-card .article-image {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: -2px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.article-card .article-image img {
    width: 100%;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: var(--transition-default);
}

.article-card:hover .article-image img {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.article-card .article-info {
    padding-top: 20px;
}

.article-card .article-info .article-info_tags {
    margin-bottom: 12px;
}

.article-card .article-info .article-info_tags .article-info_tag {
    line-height: 34px;
    display: inline-block;
    padding: 0 15px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    background-color: #e9fcff;
    color: var(--primary-color);
    font-size: 0.925em;
    font-weight: 500;
    margin: 3px 3px 3px 0;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.article-card .article-info .article-info_tags .article-info_tag:hover {
    border-color: var(--primary-color);
}

.article-card .article-info .article-info_title {
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 12px;
    letter-spacing: -.01em;
    line-height: 1.2;
    font-family: var(--font-heading);
    font-size: 1.3em;
}

.article-card .article-info .article-info_title a {
    color: inherit;
}

.article-card .article-info .article-info_title:hover a {
    color: var(--primary-color);
}

.article-card .article-info .article-info_link {
    margin-top: 20px;
    color: var(--primary-color);
    font-size: 1em;
    overflow: hidden;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}

.article-card .article-info .article-info_link i {
    font-size: 0.85em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0;
    cursor: pointer;
    transition: var(--transition-default);
    margin-left: 3px;
}

.article-card .article-info .article-info_link:hover i {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.article-card.article-card_featured {
    padding: 0;
    border: 0;
    position: relative;
}

.article-card.article-card_featured .article-info {
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    z-index: 1;
    background: linear-gradient(0deg, var(--primary-color) 0%, rgba(29, 40, 100, 0) 45.31%);
    padding: 30px;
}

.article-card.article-card_featured .article-info .article-info_title {
    font-size: 1.6em;
    color: var(--bs-white) !important;
}

.article-card.article-card_featured .article-info .article-info_title a {
    color: var(--bs-white) !important;
}

.article-card.article-card_featured .article-info .article-info_link {
    margin-bottom: -55px;
    margin-top: 10px;
    color: var(--bs-white);
    font-size: 1.15em;
}

.article-card.article-card_featured:hover .article-info {
    background: linear-gradient(0deg, var(--primary-color) 0%, rgba(29, 40, 100, 0) 65.31%);
}

.article-card.article-card_featured:hover .article-info .article-info_link {
    margin-bottom: 0;
}

.section-subscribe {
    padding: 30px 0;
    background: var(--primary-color);
}

.section-subscribe .subscribe-heading {
    display: flex;
    align-items: center;
}

.section-subscribe .subscribe-heading .subscribe-heading_icon {
    margin: 10px 20px 10px 0;
    width: 90px;
    height: 90px;
    flex-shrink: 0;
}

.section-subscribe .subscribe-heading .subscribe-heading_title {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.15em;
    color: var(--bs-white);
    letter-spacing: -0.01em;
    font-size: 2.45em;
}

.section-subscribe .subscribe-form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.section-subscribe .subscribe-form .subscribe-form_inner {
    max-width: 380px;
    position: relative;
    width: 100%;
}

.section-subscribe .subscribe-form .subscribe-form_inner .form-control {
    background: #FFFFFF5C;
    color: var(--bs-white);
    border: 1px solid #FFFFFF26;
    height: 64px;
    padding: 6px 180px 6px 30px;
    font-weight: 400;
    font-size: 1.075em;
    border-radius: 35px;
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
}

.section-subscribe .subscribe-form .subscribe-form_inner .form-control::placeholder {
    color: var(--bs-white);
}

.section-subscribe .subscribe-form .subscribe-form_inner .form-button {
    position: absolute;
    top: 5px;
    right: 8px;
    text-align: left;
    overflow: hidden;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    display: inline-block;
    padding: 0 40px;
    font-size: 1.15em;
    line-height: 51px;
    border-radius: 35px;
    height: 54px;
    font-weight: 700;
    white-space: nowrap;
    background-color: var(--bs-white);
    color: var(--primary-color);
    border: 0;
    outline: none;
    box-shadow: none;
}

.section-subscribe .subscribe-form .subscribe-form_inner .form-button:hover {
    right: 5px;
}

.footer {
    padding: 90px 0 50px;
    background: var(--primary-dark);
    position: relative;
    overflow: hidden;
}

.footer .footer-bg {
    position: absolute;
    top: 0;
    right: -40px;
    bottom: -40px;
    left: 0;
    background-image: url(../images/bg-footer.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}

.footer .footer-item .footer-logo {
    margin-bottom: 24px;
}

.footer .footer-item .footer-logo img {
    height: 50px;
}

.footer .footer-item .footer-desc {
    font-size: 1.075em;
    color: var(--bs-white);
    line-height: 26px;
    margin-bottom: 38px;
}

.footer .footer-item .footer-desc p:last-child {
    margin-bottom: 0;
}

.footer .footer-item .footer-social {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer .footer-item .footer-social .footer-social_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: var(--bs-white);
    font-size: 1.15em;
    background-color: rgba(var(--bs-white-rgb), 0.15);
}

.footer .footer-item .footer-social .footer-social_item:hover {
    background-color: var(--primary-color);
}

.footer .footer-item .footer-title {
    display: flex;
    flex-direction: column;
    font-size: 1.6em;
    color: var(--bs-white);
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.2;
    margin-bottom: 20px;
}

.footer .footer-item .footer-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer .footer-item .footer-list .footer-list_item {
    font-size: 1.075em;
    color: var(--bs-white);
    line-height: 26px;
    font-weight: 500;
}

.footer .footer-item .footer-list .footer-list_item:hover {
    color: var(--primary-color);
}

.footer .footer-item .footer-time {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer .footer-item .footer-time .footer-time_item {
    font-size: 1.075em;
    color: var(--bs-white);
    line-height: 26px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.footer .footer-item .footer-time .footer-time_item span {
    color: var(--primary-color);
    min-width: 80px;
    text-align: left;
}

.footer .footer-links {
    margin-bottom: 55px;
}

.footer .footer-contact .footer-contact_inner {
    border-radius: 80px;
    border: 1px solid #ffffff33;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-bottom: 55px;
    background: #ffffff13;
}

.footer .footer-contact .footer-contact_inner > .row > *:not(:first-child) {
    border-left: 1px solid #ffffff33;
}

.footer .footer-contact .footer-contact_item {
    display: flex;
    align-items: center;
    align-content: center;
    padding: 20px 30px 20px 30px;
    height: 100%;
}

.footer .footer-contact .footer-contact_item .footer-contact_link {
    font-size: 1.3em;
    font-weight: 600;
    color: var(--bs-white);
    position: relative;
    display: inline-flex;
    align-items: center;
    line-height: 20px;
}

.footer .footer-contact .footer-contact_item .footer-contact_link > a {
    font-size: 1em;
    color: var(--bs-white);
    display: inline-flex;
    align-items: center;
}

.footer .footer-contact .footer-contact_item .footer-contact_link > a:hover {
    color: var(--primary-color);
}

.footer .footer-contact .footer-contact_item .footer-contact_link i {
    min-width: 15px;
    color: var(--primary-color);
    margin-top: 4px;
    margin-right: 8px;
    font-size: 1.3em;
    flex-shrink: 0;
}

.footer .footer-contact .footer-contact_item .footer-contact_phone {
    display: flex;
    align-items: center;
}

.footer .footer-contact .footer-contact_item .footer-contact_phone .footer-contact_phone__icon {
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
    color: var(--secondary-color);
    flex-shrink: 0;
}

.footer .footer-contact .footer-contact_item .footer-contact_phone .footer-contact_phone__icon svg {
    -webkit-transition: all .5s ease;
    -khtml-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-animation: shakeThatBooty 1s ease infinite;
    -khtml-animation: shakeThatBooty 1s ease infinite;
    -moz-animation: shakeThatBooty 1s ease infinite;
    -ms-animation: shakeThatBooty 1s ease infinite;
    -o-animation: shakeThatBooty 1s ease infinite;
    animation: shakeThatBooty 1s ease infinite;
}

@keyframes shakeThatBooty {
    33% {
        -webkit-transform: rotateZ(20deg);
        -khtml-transform: rotateZ(20deg);
        -moz-transform: rotateZ(20deg);
        -ms-transform: rotateZ(20deg);
        -o-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
    }
    67% {
        -webkit-transform: rotateZ(-20deg);
        -khtml-transform: rotateZ(-20deg);
        -moz-transform: rotateZ(-20deg);
        -ms-transform: rotateZ(-20deg);
        -o-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg);
    }
    100% {
        -webkit-transform: rotateZ(20deg);
        -khtml-transform: rotateZ(20deg);
        -moz-transform: rotateZ(20deg);
        -ms-transform: rotateZ(20deg);
        -o-transform: rotateZ(20deg);
        transform: rotateZ(20deg);
    }
}

.footer .footer-contact .footer-contact_item .footer-contact_phone .footer-contact_phone__content {
    padding-left: 15px;
}

.footer .footer-contact .footer-contact_item .footer-contact_phone .footer-contact_phone__content .footer-contact_phone__title {
    color: var(--bs-white);
    font-size: 1.15em;
    font-weight: 700;
    display: block;
}

.footer .footer-contact .footer-contact_item .footer-contact_phone .footer-contact_phone__content .footer-contact_phone__value {
    position: relative;
    display: inline-block;
    color: var(--primary-color);
    font-family: var(--font-heading);
    font-size: 2.15em;
    font-weight: 700;
    vertical-align: middle;
    line-height: 1.1;
}

.footer .footer-contact .footer-contact_item .footer-contact_phone .footer-contact_phone__content .footer-contact_phone__value:after {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 1px;
    width: 0;
    height: 1px;
    content: "";
    background-color: var(--primary-color);
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
}

.footer .footer-contact .footer-contact_item .footer-contact_phone .footer-contact_phone__content .footer-contact_phone__value:hover:after {
    left: 0;
    right: auto;
    width: 100%;
}

.footer .footer-copyright .footer-text {
    color: var(--bs-white);
    font-size: 1.075em;
}

.footer .footer-copyright .footer-text a {
    color: var(--primary-color);
}

.footer .footer-copyright .footer-text a:hover {
    color: var(--primary-hover);
}

.footer .footer-copyright .footer-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.footer .footer-copyright .footer-list .footer-list_item {
    color: var(--bs-white);
    font-size: 1.075em;
}

.footer .footer-copyright .footer-list .footer-list_item:hover {
    color: var(--primary-hover);
}

.footer .footer-copyright .footer-payment {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: var(--bs-white);
    font-size: 1.075em;
    gap: 5px;
}

.footer .footer-copyright .footer-payment img {
    height: 24px;
    width: auto;
}

.section-breadcrumb {
    overflow: hidden;
    position: relative;
    padding: 150px 0;
    display: flex;
    align-items: center;
}

.section-breadcrumb .breadcrumb .breadcrumb-item {
    color: var(--primary-color);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    font-size: 1.3em;
    padding: 0;
    text-transform: uppercase;
    font-family: var(--font-heading);
}

.section-breadcrumb .breadcrumb .breadcrumb-item > a {
    color: var(--bs-white);
}

.section-breadcrumb .breadcrumb .breadcrumb-item > a i {
    line-height: unset;
}

.section-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    float: none;
    margin-left: 12px;
    padding-right: 12px;
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-size: 1.3em;
    color: var(--bs-white);
    font-weight: 300;
}

.section-breadcrumb .breadcrumb .breadcrumb-item > a:hover {
    color: var(--primary-color);
}

.section-breadcrumb .breadcrumb-background {
    background: url('../images/bg-breadcrumb.png') center center/cover no-repeat;
    top: 0;
    left: 0;
    position: absolute;
    right: -30px;
    bottom: -30px;
}

.section-pagination {
    margin-top: 40px;
}

.section-pagination .pagination {
    margin-bottom: 0;
    justify-content: center;
}

.section-pagination .pagination .page-item {
    margin: 0 4px;
}

.section-pagination .pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15em;
    font-weight: 700;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    color: var(--secondary-color);
    border: 0;
    background: transparent;
    position: relative;
    box-shadow: none;
    overflow: hidden;
    outline: none;
}

.section-pagination .pagination .page-item .page-link:before {
    position: absolute;
    content: "";
    display: block;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    -khtml-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    -moz-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    -ms-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    -o-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.section-pagination .pagination .page-item.active .page-link {
    color: var(--bs-white);
    -webkit-box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
    -khtml-box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
    -moz-box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
    -ms-box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
    -o-box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
    box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
}

.section-pagination .pagination .page-item:hover .page-link {
    color: var(--bs-white);
}

.section-pagination .pagination .page-item.active .page-link:before,
.section-pagination .pagination .page-item:hover .page-link:before {
    background-color: var(--primary-color);
    background-image: none !important;
    transition: transform .3s cubic-bezier(.1, 0, .3, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}

.page-service {
    background: #f6faff;
}

.service-card_2 {
    text-align: left;
    padding: 40px;
    background: var(--bs-white);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    height: 100%;
    box-shadow: 0 5px 83px 0 rgba(13, 14, 67, 0.03);
    display: flex;
    flex-direction: column;
}

.service-card_2 .service-icon {
    margin-bottom: 25px;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
}

.service-card_2 .service-icon a {
    display: inline-block;
}

.service-card_2 .service-icon a .icomoon {
    font-size: 60px;
    color: var(--primary-color);
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
}

.service-card_2 .service-title {
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    font-size: 1.45em;
    margin-bottom: 18px;
    letter-spacing: -.01em;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1.2;
    font-family: var(--font-heading);
}

.service-card_2 .service-title a {
    color: inherit;
}

.service-card_2 .service-desc {
    margin-bottom: 18px;
    font-size: 1.075em;
    line-height: 24px;
    color: #6f7f90;
}

.service-card_2 .service-link {
    margin-top: auto;
    color: var(--secondary-color);
    font-size: 1em;
    overflow: hidden;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}

.service-card_2 .service-link i {
    font-size: 0.85em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0;
    cursor: pointer;
    transition: var(--transition-default);
    margin-left: 3px;
}

.service-card_2:before {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    height: 100%;
    width: 0;
    z-index: -2;
    transform-origin: left;
    -webkit-transform-origin: left;
    background-color: var(--primary-color);
}

.service-card_2:after {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    background-color: var(--bs-white);
    z-index: -1;
    left: 0;
    width: 100%;
}

.service-card_2:hover .service-icon {
    -webkit-animation: cubeGridScaleDelay .7s linear 1;
    -khtml-animation: cubeGridScaleDelay .7s linear 1;
    -moz-animation: cubeGridScaleDelay .7s linear 1;
    -ms-animation: cubeGridScaleDelay .7s linear 1;
    -o-animation: cubeGridScaleDelay .7s linear 1;
    animation: cubeGridScaleDelay .7s linear 1;
}

@keyframes cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(.5, .5, 1);
        transform: scale3D(.5, .5, 1);
    }
}

.service-card_2:hover .service-title,
.service-card_2:hover .service-link {
    color: var(--primary-color);
}

.service-card_2:hover .service-link i {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.service-card_2:hover:before {
    width: 100%;
    left: 0;
    right: auto;
    transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    -o-transform-origin: right;
}

.service-card_2:hover:after {
    top: 5px;
    bottom: 5px;
}

.package-banner {
    padding: 180px 0 230px;
    background: var(--primary-dark);
}

.slider-package {
    margin-top: -230px;
}

.package-banner .section-heading .heading-title,
.package-banner .section-heading .heading-sub,
.package-banner .section-heading .heading-desc {
    color: var(--bs-white);
}

.package-card {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: var(--bs-white);
    padding: 40px;
    z-index: 1;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 6%);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 6%);
    -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 6%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 6%);
}

.package-card .package-image {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: -20px;
    bottom: 0;
    right: 0;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.package-card .package-image:after {
    -webkit-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
    content: "";
    background-color: var(--bs-white);
    position: absolute;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
}

.package-card .package-mask {
    position: absolute;
    bottom: -1px;
    z-index: -1;
    right: -1px;
    width: 145px;
    height: 167px;
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
    mask-image: url(../images/package/vector-svg.png);
    -webkit-mask-image: url(../images/package/vector-svg.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.package-card .package-icon {
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}

.package-card .package-icon:before {
    position: absolute;
    content: "";
    display: block;
    background-color: var(--primary-color);
    z-index: -1;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 10px;
    left: 10px;
    -webkit-box-shadow: 0 20px 35px rgba(var(--primary-rgb), .6);
    -moz-box-shadow: 0 20px 35px rgba(var(--primary-rgb), .6);
    -o-box-shadow: 0 20px 35px rgba(var(--primary-rgb), .6);
    box-shadow: 0 20px 35px rgba(var(--primary-rgb), .6);
}

.package-card .package-icon > a {
    position: relative;
    z-index: 1;
    min-width: 64px;
    max-width: 64px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
    -webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    mask-image: url(../images/package/mask-banner2.png);
    -webkit-mask-image: url(../images/package/mask-banner2.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    color: var(--bs-white);
    font-size: 2em;
}

.package-card .package-title {
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 12px;
    letter-spacing: -.01em;
    line-height: 1.2;
    font-family: var(--font-heading);
    font-size: 1.45em;
}

.package-card .package-title a {
    color: inherit;
    transition: none;
}

.package-card .package-desc {
    margin-top: auto;
    margin-bottom: 12px;
    font-size: 1.15em;
    line-height: 24px;
    color: #6f7f90;
}

.package-card .package-list {
    margin-bottom: 16px;
}

.package-card .package-list ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    font-size: 1.075em;
}

.package-card .package-list ul li {
    color: var(--secondary-color);
}

.package-card .package-list ul li:before {
    display: inline;
    margin-right: 4px;
    font-size: 18px;
    color: inherit;
    font-family: icomoon;
    font-weight: 400;
    content: "\e94c";
    position: relative;
    top: 2px;
}

.package-card .package-button {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    -webkit-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    z-index: 1;
}

.package-card .package-button .btn {
    font-size: 1.15em;
    font-weight: 500;
    color: var(--bs-white);
    padding: 0 30px;
    cursor: pointer;
    border: none;
    overflow: hidden;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    height: 42px;
    line-height: 42px;
    -webkit-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
}

.package-card .package-button .package-button-icon {
    width: 42px;
    padding-left: 0;
    padding-right: 0;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #e1f6f9;
    z-index: -1;
    color: var(--primary-color);
}

.package-card .package-button .package-button-show {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient-2));
    background-image: -moz-linear-gradient(var(--primary-gradient-2));
    background-image: -ms-linear-gradient(var(--primary-gradient-2));
    background-image: -o-linear-gradient(var(--primary-gradient-2));
    background-image: linear-gradient(var(--primary-gradient-2));
    background-size: 180%, 1px;
    background-position: 0;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.package-card:hover .package-image {
    left: 0;
}

.package-card:hover .package-image:after {
    background-color: rgba(var(--secondary-rgb), .85);
}

.package-card:hover .package-icon {
    -webkit-animation: cubeGridScaleDelay .45s linear 1;
    -khtml-animation: cubeGridScaleDelay .45s linear 1;
    -moz-animation: cubeGridScaleDelay .45s linear 1;
    -ms-animation: cubeGridScaleDelay .45s linear 1;
    -o-animation: cubeGridScaleDelay .45s linear 1;
    animation: cubeGridScaleDelay .45s linear 1;
}

.package-card:hover .package-title,
.package-card:hover .package-desc,
.package-card:hover .package-list ul li {
    color: var(--bs-white);
}

.package-card:hover .package-list ul li:before {
    color: var(--primary-color);
}

.package-card:hover .package-button .package-button-icon {
    left: auto;
    right: -100%;
    -webkit-transform: translateX(100%) scale(0);
    -khtml-transform: translateX(100%) scale(0);
    -moz-transform: translateX(100%) scale(0);
    -ms-transform: translateX(100%) scale(0);
    -o-transform: translateX(100%) scale(0);
    transform: translateX(100%) scale(0);
}

.package-card:hover .package-button .package-button-show {
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.package-card .package-button .package-button-show:hover {
    background-position: 100%;
}

.package-cta {
    margin: 45px auto 0;
    width: max-content;
    text-align: center;
    padding: 12px 30px 12px 30px;
    border-radius: 45px 45px 45px 45px;
    border: 1px solid #D2DBE8;
    font-size: 1.15em;
    font-weight: 500;
}

.package-cta a:hover {
    color: var(--primary-color);
}

.package-team {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-image: url(../images/package/package-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    position: relative;
}

.package-team .package-left {
    width: 45%;
}

.package-team .package-right {
    width: 55%;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
}

.package-team .section-heading {
    padding: 70px 30px 70px 40px;
    text-align: left;
    margin-bottom: 0;
}

.package-team .section-heading .heading-title {
    font-size: 2.45em;
    line-height: 1.2;
}

.package-team .package-team_image {
    margin: -80px 0 0 0;
    width: 100%;
}

.service-detail .service-detail_image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: var(--transition-default);
    margin-bottom: 35px;
}

.service-detail .service-detail_image:after {
    width: 55px;
    height: 55px;
    text-align: center;
    color: var(--bs-white);
    font-size: 50px;
    font-weight: 300;
    position: absolute;
    top: 30%;
    left: 50%;
    opacity: 0;
    display: inline-flex;
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    transition: .6s cubic-bezier(.25, 1, .5, 1);
    border: 1px solidvar(--bs-white);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    content: "+";
    pointer-events: none;
}

.service-detail .service-detail_image img {
    max-width: 100%;
    width: 100%;
    height: auto;
    transition: var(--transition-default);
}

.service-detail .service-detail_image:hover {
    background: var(--bs-black);
}

.service-detail .service-detail_image:hover img {
    opacity: 0.6
}

.service-detail .service-detail_image:hover:after {
    top: 50%;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.service-detail .service-detail_title {
    font-family: var(--font-heading);
    font-size: 3.4em;
    line-height: 1em;
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: -0.01em;
}

.service-detail .service-detail_desc {
    font-size: 1.225em;
    line-height: 24px;
    color: #6f7f90;
}

.service-detail .service-detail_list__title {
    display: flex;
    flex-direction: column;
    font-size: 2em;
    color: var(--secondary-color);
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.2;
    margin-bottom: 24px;
    margin-top: 24px;
}

.service-detail .service-detail_list__title svg {
    margin-top: 7px;
}

.service-detail .service-detail_list__desc {
    font-size: 1.225em;
    line-height: 24px;
    color: #6f7f90;
}

.service-detail .service-detail_list__process {
    margin-top: 36px;
}

.service-detail .service-detail_list__process ul {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0 20px;
    gap: 30px;
    display: flex;
    flex-wrap: wrap;
}

.service-detail .service-detail_list__process ul li {
    width: calc(50% - 30px);
    display: flex;
    gap: 15px;
}

.service-detail .service-detail_list__process ul li .service-detail_list__process___number {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--primary-color);
    background: #e1f6f9;
    font-size: 1.45em;
    font-weight: 600;
    font-family: var(--font-heading);
    flex-shrink: 0;
}

.service-detail .service-detail_list__process ul li .service-detail_list__process___title {
    font-family: var(--font-heading);
    margin-bottom: 6px;
    font-weight: 600;
    color: var(--secondary-color);
    font-size: 1.3em;
}

.service-detail .service-detail_list__process ul li .service-detail_list__process___desc {
    color: #6f7f90;
    font-size: 1.15em;
}

.service-faq {
    margin-top: 50px;
}

.service-faq .service-faq_title {
    display: flex;
    flex-direction: column;
    font-size: 2.45em;
    color: var(--secondary-color);
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.2;
    margin-bottom: 24px;
    margin-top: 24px;
}

.service-faq .service-faq_title svg {
    margin-top: 7px;
}

.section-sidebar {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.section-sidebar_box {
    padding: 18px;
    border: 2px solid #f2f5ff;
    border-radius: 8px;
}

.section-sidebar .sidebar-list {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.section-sidebar .sidebar-list .sidebar-list_item {
    box-shadow: 0 0 30px rgba(137, 151, 186, .1);
    overflow: hidden;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: var(--bs-white);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    color: var(--secondary-color);
    font-size: 1.15em;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
}

.section-sidebar .sidebar-list .sidebar-list_item:before {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
}

.section-sidebar .sidebar-list .sidebar-list_item .icomoon {
    margin-right: 10px;
    font-size: 1.75em;
}

.section-sidebar .sidebar-list .sidebar-list_item .fal {
    margin-left: auto;
    font-size: 1.15em;
}

.section-sidebar .sidebar-list .sidebar-list_item:hover {
    -webkit-box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
    -khtml-box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
    -moz-box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
    -ms-box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
    -o-box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
    box-shadow: 0 5px 20px rgba(var(--primary-rgb), .5);
    color: var(--bs-white);
}

.section-sidebar .sidebar-list .sidebar-list_item:hover:before {
    width: 100%;
    left: 0;
    right: auto;
    transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    -o-transform-origin: right;
}

.section-sidebar .sidebar-checkup {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    z-index: 1;
    text-align: center;
    padding: 420px 20px 30px;
}

.section-sidebar .sidebar-checkup .sidebar-checkup_bg {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
}

.section-sidebar .sidebar-checkup .sidebar-checkup_title {
    max-width: 240px;
    margin: 10px auto 15px;
    font-size: 1.45em;
    font-weight: 500;
    color: var(--bs-white);
    font-family: var(--font-heading);
}

.section-sidebar .sidebar-checkup .sidebar-checkup_cta {
    max-width: 320px;
    margin: 0 auto 0 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 15px 25px 15px 35px;
    background-color: var(--bs-white);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 5px 0 var(--primary-color);
    -moz-box-shadow: 5px 0 var(--primary-color);
    -o-box-shadow: 5px 0 var(--primary-color);
    box-shadow: 5px 0 var(--primary-color);
}

.section-sidebar .sidebar-checkup .sidebar-checkup_cta .sidebar-checkup_cta__icon {
    position: absolute;
    left: -20px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: 0 0 0 5px rgba(var(--primary-rgb), .5);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-sidebar .sidebar-checkup .sidebar-checkup_cta .sidebar-checkup_cta__icon img {
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-animation: shakeThatBooty 2s ease infinite;
    -khtml-animation: shakeThatBooty 2s ease infinite;
    -moz-animation: shakeThatBooty 2s ease infinite;
    -ms-animation: shakeThatBooty 2s ease infinite;
    -o-animation: shakeThatBooty 2s ease infinite;
    animation: shakeThatBooty 2s ease infinite;
}

.section-sidebar .sidebar-checkup .sidebar-checkup_cta .sidebar-checkup_cta__content {
    text-align: left;
}

.section-sidebar .sidebar-checkup .sidebar-checkup_cta .sidebar-checkup_cta__title {
    font-size: 1em;
    font-weight: 500;
    color: var(--primary-color);
    text-transform: capitalize;
}

.section-sidebar .sidebar-checkup .sidebar-checkup_cta .sidebar-checkup_cta__value {
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1.2;
    font-family: var(--font-heading);
    font-size: 1.6em;
    position: relative;
    margin-top: 4px;
}

.section-sidebar .sidebar-checkup .sidebar-checkup_cta .sidebar-checkup_cta__value:after {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 1px;
    width: 0;
    height: 1px;
    content: "";
    background-color: var(--primary-color);
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
}

.section-sidebar .sidebar-checkup .sidebar-checkup_cta .sidebar-checkup_cta__value:hover:after {
    left: 0;
    right: auto;
    width: 100%;
}

.section-sidebar .sidebar-title {
    display: flex;
    flex-direction: column;
    font-size: 1.45em;
    color: var(--secondary-color);
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.2;
    margin-bottom: 24px;
}

.section-sidebar .sidebar-title svg {
    margin-top: 7px;
}

.section-sidebar .sidebar-articles .sidebar-articles_list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-sidebar .sidebar-articles .sidebar-articles_list .article-item {
    display: flex;
    align-items: center;
}

.section-sidebar .sidebar-articles .sidebar-articles_list .article-item .article-item_image {
    width: 95px;
    min-width: 95px;
    margin-right: 15px;
    padding-top: 5px;
    overflow: hidden;
    flex-shrink: 0;
}

.section-sidebar .sidebar-articles .sidebar-articles_list .article-item .article-item_image a {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 75px;
    max-height: 75px;
}

.section-sidebar .sidebar-articles .sidebar-articles_list .article-item .article-item_image a img {
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(1.02);
    -khtml-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    width: 100%;
}

.section-sidebar .sidebar-articles .sidebar-articles_list .article-item .article-item_content {
    padding-top: 3px;
}

.section-sidebar .sidebar-articles .sidebar-articles_list .article-item .article-item_title {
    font-size: 1.075em;
    font-family: var(--font-heading);
    font-weight: 600;
    --line: 3;
    line-height: 1.2;
    color: var(--secondary-color);
}

.section-sidebar .sidebar-articles .sidebar-articles_list .article-item .article-item_post {
    font-size: .85em;
    font-weight: 500;
    color: var(--primary-color);
    margin-top: 4px;
}

.section-sidebar .sidebar-articles .sidebar-articles_list .article-item:hover .article-item_title {
    color: var(--primary-color);
}

.section-sidebar .sidebar-articles .sidebar-articles_list .article-item:hover .article-item_image a img {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.section-sidebar .sidebar-intro .sidebar-intro_content .sidebar-intro_content__image {
    border-radius: 12px;
    margin-bottom: 18px;
    overflow: hidden;
}

.section-sidebar .sidebar-intro .sidebar-intro_content .sidebar-intro_content__desc {
    font-size: 1.075em;
    line-height: 20px;
    color: #6f7f90;
}

.section-sidebar .sidebar-intro .sidebar-intro_content .sidebar-intro_content__contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 24px;
}

.section-sidebar .sidebar-intro .sidebar-intro_content .sidebar-intro_content__contact span {
    font-family: var(--font-heading);
    font-size: 1.075em;
    color: var(--secondary-color);
    font-weight: 700;
    margin-right: 5px;
}

.section-sidebar .sidebar-intro .sidebar-intro_content .sidebar-intro_content__contact > ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.section-sidebar .sidebar-intro .sidebar-intro_content .sidebar-intro_content__contact > ul > li > a {
    background-color: #e1f6f9;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    color: var(--primary-color);
    position: relative;
    z-index: 1;
}

.section-sidebar .sidebar-intro .sidebar-intro_content .sidebar-intro_content__contact > ul > li > a:before {
    position: absolute;
    content: "";
    display: block;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    -khtml-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    -moz-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    -ms-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    -o-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
}

.section-sidebar .sidebar-intro .sidebar-intro_content .sidebar-intro_content__contact > ul > li > a:hover {
    color: var(--bs-white);
}

.section-sidebar .sidebar-intro .sidebar-intro_content .sidebar-intro_content__contact > ul > li > a:hover:before {
    transition: transform .4s cubic-bezier(.1, 0, .3, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}

.article-detail .article-detail_image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: var(--transition-default);
    margin-bottom: 24px;
}

.article-detail .article-detail_image img {
    max-width: 100%;
    width: 100%;
    height: auto;
    transition: var(--transition-default);
}

.article-detail .article-detail_title {
    font-family: var(--font-heading);
    font-size: 3.4em;
    line-height: 1em;
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: -0.01em;
}

.article-detail .article-detail_desc:not(:last-of-type) {
    margin-bottom: 24px;
}

.article-detail .article-detail_images,
.article-detail .article-detail_list,
.article-detail .article-detail_video {
    margin-bottom: 24px;
}

.article-detail .article-detail_list ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.article-detail .article-detail_list ul li {
    font-size: 1.3em;
    font-family: var(--font-heading);
    font-weight: 600;
    color: var(--secondary-color);
}

.article-detail .article-detail_list ul li:before {
    display: inline;
    margin-right: 4px;
    font-size: 1.075em;
    color: inherit;
    font-family: icomoon;
    font-weight: 400;
    content: "\e94c";
    position: relative;
    top: 2px;
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.article-detail .article-detail_video {
    position: relative;
}

.article-detail .article-detail_video img {
    max-width: 100%;
    height: auto;
}

.article-detail .article-detail_video .initFancybox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: var(--primary-color);
    border-radius: 50%;
}

.article-detail .article-detail_video .initFancybox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .63);
    border-radius: 50%;
    animation: scaleIcon 1500ms ease-out infinite;
    -webkit-animation: scaleIcon 1500ms ease-out infinite;
    z-index: -2;
}

@keyframes scaleIcon {
    0% {
        transform: scale(1);
        opacity: .67;
    }

    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}

.article-detail .article-detail_share {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.article-detail .article-detail_share:before {
    display: block;
    content: "";
    flex-grow: 1;
    border-top: 1px solid #ececec;
    height: 1px;
    margin-right: 15px;
    position: relative;
    top: 2px;
}

.article-detail .article-detail_share .article-detail_share__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.article-detail .article-detail_share .article-detail_share__list > span {
    margin-right: 10px;
    font-family: var(--font-heading);
    font-size: 1.45em;
    color: var(--secondary-color);
    font-weight: 700;
}

.article-detail .article-detail_share .article-detail_share__list > ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > a {
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    width: 32px;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    display: inline-flex;
    color: var(--bs-white);
    align-items: center;
    justify-content: center;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > a > i {
    -webkit-transform: translate(0, 1px);
    -khtml-transform: translate(0, 1px);
    -moz-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    -o-transform: translate(0, 1px);
    transform: translate(0, 1px);
    -webkit-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -khtml-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -moz-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -ms-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    -o-transition: transform .4s cubic-bezier(.3, 1, .8, 1);
    transition: transform .4s cubic-bezier(.3, 1, .8, 1);
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > a:hover {
    -webkit-box-shadow: 0 5px 15px rgba(23, 23, 23, .5);
    -khtml-box-shadow: 0 5px 15px rgba(23, 23, 23, .5);
    -moz-box-shadow: 0 5px 15px rgba(23, 23, 23, .5);
    -ms-box-shadow: 0 5px 15px rgba(23, 23, 23, .5);
    -o-box-shadow: 0 5px 15px rgba(23, 23, 23, .5);
    box-shadow: 0 5px 15px rgba(23, 23, 23, .5);
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > a:hover > i {
    -webkit-transform: translate(-1px, -1px);
    -khtml-transform: translate(-1px, -1px);
    -moz-transform: translate(-1px, -1px);
    -ms-transform: translate(-1px, -1px);
    -o-transform: translate(-1px, -1px);
    transform: translate(-1px, -1px);
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > .fb-social {
    background-color: #3b5998;
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > .fb-social:hover {
    text-shadow: 40px 40px 0 #1a336f, 39px 39px 0 #1a336f, 38px 38px 0 #1a336f, 37px 37px 0 #1a336f, 36px 36px 0 #1a336f, 35px 35px 0 #1a336f, 34px 34px 0 #1a336f, 33px 33px 0 #1a336f, 32px 32px 0 #1a336f, 31px 31px 0 #1a336f, 30px 30px 0 #1a336f, 29px 29px 0 #1a336f, 28px 28px 0 #1a336f, 27px 27px 0 #1a336f, 26px 26px 0 #1a336f, 25px 25px 0 #1a336f, 24px 24px 0 #1a336f, 23px 23px 0 #1a336f, 22px 22px 0 #1a336f, 21px 21px 0 #1a336f, 20px 20px 0 #1a336f, 19px 19px 0 #1a336f, 18px 18px 0 #1a336f, 17px 17px 0 #1a336f, 16px 16px 0 #1a336f, 15px 15px 0 #1a336f, 14px 14px 0 #1a336f, 13px 13px 0 #1a336f, 12px 12px 0 #1a336f, 11px 11px 0 #1a336f, 10px 10px 0 #1a336f, 9px 9px 0 #1a336f, 8px 8px 0 #1a336f, 7px 7px 0 #1a336f, 6px 6px 0 #1a336f, 5px 5px 0 #1a336f, 4px 4px 0 #1a336f, 3px 3px 0 #1a336f, 2px 2px 0 #1a336f, 1px 1px 0 #1a336f;
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > .tw-social {
    background-color: #29c5f6;
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > .tw-social:hover {
    text-shadow: 40px 40px 0 #28a6e6, 39px 39px 0 #28a6e6, 38px 38px 0 #28a6e6, 37px 37px 0 #28a6e6, 36px 36px 0 #28a6e6, 35px 35px 0 #28a6e6, 34px 34px 0 #28a6e6, 33px 33px 0 #28a6e6, 32px 32px 0 #28a6e6, 31px 31px 0 #28a6e6, 30px 30px 0 #28a6e6, 29px 29px 0 #28a6e6, 28px 28px 0 #28a6e6, 27px 27px 0 #28a6e6, 26px 26px 0 #28a6e6, 25px 25px 0 #28a6e6, 24px 24px 0 #28a6e6, 23px 23px 0 #28a6e6, 22px 22px 0 #28a6e6, 21px 21px 0 #28a6e6, 20px 20px 0 #28a6e6, 19px 19px 0 #28a6e6, 18px 18px 0 #28a6e6, 17px 17px 0 #28a6e6, 16px 16px 0 #28a6e6, 15px 15px 0 #28a6e6, 14px 14px 0 #28a6e6, 13px 13px 0 #28a6e6, 12px 12px 0 #28a6e6, 11px 11px 0 #28a6e6, 10px 10px 0 #28a6e6, 9px 9px 0 #28a6e6, 8px 8px 0 #28a6e6, 7px 7px 0 #28a6e6, 6px 6px 0 #28a6e6, 5px 5px 0 #28a6e6, 4px 4px 0 #28a6e6, 3px 3px 0 #28a6e6, 2px 2px 0 #28a6e6, 1px 1px 0 #28a6e6;
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > .pinterest-social {
    background-color: #bd081c;
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > .pinterest-social:hover {
    text-shadow: 40px 40px 0 #d62d2e, 39px 39px 0 #d62d2e, 38px 38px 0 #d62d2e, 37px 37px 0 #d62d2e, 36px 36px 0 #d62d2e, 35px 35px 0 #d62d2e, 34px 34px 0 #d62d2e, 33px 33px 0 #d62d2e, 32px 32px 0 #d62d2e, 31px 31px 0 #d62d2e, 30px 30px 0 #d62d2e, 29px 29px 0 #d62d2e, 28px 28px 0 #d62d2e, 27px 27px 0 #d62d2e, 26px 26px 0 #d62d2e, 25px 25px 0 #d62d2e, 24px 24px 0 #d62d2e, 23px 23px 0 #d62d2e, 22px 22px 0 #d62d2e, 21px 21px 0 #d62d2e, 20px 20px 0 #d62d2e, 19px 19px 0 #d62d2e, 18px 18px 0 #d62d2e, 17px 17px 0 #d62d2e, 16px 16px 0 #d62d2e, 15px 15px 0 #d62d2e, 14px 14px 0 #d62d2e, 13px 13px 0 #d62d2e, 12px 12px 0 #d62d2e, 11px 11px 0 #d62d2e, 10px 10px 0 #d62d2e, 9px 9px 0 #d62d2e, 8px 8px 0 #d62d2e, 7px 7px 0 #d62d2e, 6px 6px 0 #d62d2e, 5px 5px 0 #d62d2e, 4px 4px 0 #d62d2e, 3px 3px 0 #d62d2e, 2px 2px 0 #d62d2e, 1px 1px 0 #d62d2e;
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > .linkedin-social {
    background-color: #0a66c2;
}

.article-detail .article-detail_share .article-detail_share__list > ul > li > .linkedin-social:hover {
    text-shadow: 40px 40px 0 #1b74c7, 39px 39px 0 #1b74c7, 38px 38px 0 #1b74c7, 37px 37px 0 #1b74c7, 36px 36px 0 #1b74c7, 35px 35px 0 #1b74c7, 34px 34px 0 #1b74c7, 33px 33px 0 #1b74c7, 32px 32px 0 #1b74c7, 31px 31px 0 #1b74c7, 30px 30px 0 #1b74c7, 29px 29px 0 #1b74c7, 28px 28px 0 #1b74c7, 27px 27px 0 #1b74c7, 26px 26px 0 #1b74c7, 25px 25px 0 #1b74c7, 24px 24px 0 #1b74c7, 23px 23px 0 #1b74c7, 22px 22px 0 #1b74c7, 21px 21px 0 #1b74c7, 20px 20px 0 #1b74c7, 19px 19px 0 #1b74c7, 18px 18px 0 #1b74c7, 17px 17px 0 #1b74c7, 16px 16px 0 #1b74c7, 15px 15px 0 #1b74c7, 14px 14px 0 #1b74c7, 13px 13px 0 #1b74c7, 12px 12px 0 #1b74c7, 11px 11px 0 #1b74c7, 10px 10px 0 #1b74c7, 9px 9px 0 #1b74c7, 8px 8px 0 #1b74c7, 7px 7px 0 #1b74c7, 6px 6px 0 #1b74c7, 5px 5px 0 #1b74c7, 4px 4px 0 #1b74c7, 3px 3px 0 #1b74c7, 2px 2px 0 #1b74c7, 1px 1px 0 #1b74c7;
}

.article-detail .article-detail_team {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-image: url(../images/package/package-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    position: relative;
    margin-bottom: 24px;
}

.article-detail .article-detail_team .article-detail_team__content {
    width: 60%;
}

.article-detail .article-detail_team .section-heading {
    padding: 60px 50px 60px 30px;
    text-align: left;
    margin-bottom: 0;
}

.article-detail .article-detail_team .section-heading .heading-title {
    font-size: 2.45em;
    line-height: 1.2;
}

.article-detail .article-detail_team .article-detail_team__image {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: url('../images/article/coats-2.png') bottom right/50% no-repeat;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.section-intro_service {
    padding: 70px 0 10px;
    background-color: #F5F8FD;
    background-image: url(/assets/images/gioi-thieu/bg-sv.png);
    background-position: bottom center;
}

.section-intro_service .section-heading .heading-image {
    opacity: 1;
    z-index: -1;
    top: -30px;
}

.section-intro_service .section-heading .heading-desc {
    max-width: 768px;
    margin: 0 auto;
}

.section-intro_service .section-heading .heading-sub {
    color: var(--primary-color);
}

.section-intro_service .service-item {
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-color: var(--bs-white);
    position: relative;
    overflow: hidden;
    padding: 30px 35px;
    -webkit-box-shadow: 0 2px 11px 0 rgba(13, 14, 67, 8%);
    -khtml-box-shadow: 0 2px 11px 0 rgba(13, 14, 67, 8%);
    -moz-box-shadow: 0 2px 11px 0 rgba(13, 14, 67, 8%);
    -ms-box-shadow: 0 2px 11px 0 rgba(13, 14, 67, 8%);
    -o-box-shadow: 0 2px 11px 0 rgba(13, 14, 67, 8%);
    box-shadow: 0 2px 11px rgba(13, 14, 67, 8%);
    height: 100%;
}

.section-intro_service .service-item .service-item_number {
    color: var(--bs-white);
    position: absolute;
    top: -28px;
    right: -25px;
    padding: 30px 30px 15px 20px;
    border-radius: 50% 0% 50% 50%;
    font-size: 20px;
    font-weight: 600;
    width: 85px;
    height: 85px;
    display: flex;
    align-items: end;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
    font-family: var(--font-heading);
}

.section-intro_service .service-item .service-item_info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-right: 30px;
}

.section-intro_service .service-item .service-item_image {
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    max-width: 50px;
    min-width: 50px;
    margin-right: 20px;
    position: relative;
}

.section-intro_service .service-item .service-item_image:before {
    content: '';
    width: 100%;
    height: 13px;
    background-image: url(/assets/images/gioi-thieu/icon-shadow.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .3s cubic-bezier(.24, .74, .58, 1);
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    opacity: 0;
}

.section-intro_service .service-item .service-item_image img {
    width: auto;
    -webkit-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    -o-transition: all .3s cubic-bezier(.24, .74, .58, 1);
    transition: all .3s cubic-bezier(.24, .74, .58, 1);
}

.section-intro_service .service-item .service-item_title {
    font-size: 1.45em;
    color: var(--secondary-color);
    font-weight: 600;
    font-family: var(--font-heading);
    letter-spacing: -.01em;
    line-height: 1.2;
}

.section-intro_service .service-item .service-item_title a {
    color: var(--secondary-color);
}

.section-intro_service .service-item .service-item_desc {
    font-size: 1.15em;
    line-height: 24px;
    color: #6f7f90;
    --line: 2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--line);
    line-clamp: var(--line);
    -webkit-box-orient: vertical;
}

.section-intro_service .service-item:hover .service-item_number {
    top: -25px;
}

.section-intro_service .service-item:hover .service-item_image:before {
    opacity: 1;
}

.section-intro_service .service-item:hover .service-item_image img {
    -webkit-transform: rotate(10deg) translateY(-10px);
    -khtml-transform: rotate(10deg) translateY(-10px);
    -moz-transform: rotate(10deg) translateY(-10px);
    -ms-transform: rotate(10deg) translateY(-10px);
    -o-transform: rotate(10deg) translateY(-10px);
    transform: rotate(10deg) translateY(-10px);
}

.section-intro_service .service-item .service-item_title:hover a {
    color: var(--primary-color);
}

.section-intro_provider {
    background-color: #F5F8FD;
    background-image: url(/assets/images/gioi-thieu/bg2.png);
    background-position: 0 70px;
    background-repeat: no-repeat;
    padding: 110px 0 60px 0;
    z-index: 1;
}

.section-intro_provider .intro-provider_image {
    animation: headingImageTranslate 3s ease-out infinite;
    -webkit-animation: headingImageTranslate 3s ease-out infinite;
}

.section-intro_provider .section-heading .heading-sub {
    color: var(--primary-color);
}

.section-intro_provider .intro-provider_circle {
    width: auto;
    bottom: 0;
    right: -120px;
    z-index: 1;
    position: absolute;
}

.section-intro_provider .intro-provider_circle img {
    animation: headingImageTranslate 3s ease-out infinite;
    -webkit-animation: headingImageTranslate 3s ease-out infinite;
}

.section-intro_provider .intro-provider_buttons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.section-intro_provider .intro-provider_buttons .provider-buttons_cta {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 25px 10px 35px;
    background-color: var(--bs-white);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 5px 0 var(--secondary-color);
    -moz-box-shadow: 5px 0 var(--secondary-color);
    -o-box-shadow: 5px 0 var(--secondary-color);
    box-shadow: 5px 0 var(--secondary-color);
}

.section-intro_provider .intro-provider_buttons .provider-buttons_cta:hover {
    -webkit-box-shadow: 5px 5px var(--secondary-color);
    -moz-box-shadow: 5px 5px var(--secondary-color);
    -o-box-shadow: 5px 5px var(--secondary-color);
    box-shadow: 5px 5px var(--secondary-color);
}

.section-intro_provider .intro-provider_buttons .provider-buttons_cta .provider-buttons_cta__icon {
    position: absolute;
    left: -20px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: 0 0 0 5px rgba(var(--primary-rgb), .5);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-intro_provider .intro-provider_buttons .provider-buttons_cta .provider-buttons_cta__icon img {
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-animation: shakeThatBooty 2s ease infinite;
    -khtml-animation: shakeThatBooty 2s ease infinite;
    -moz-animation: shakeThatBooty 2s ease infinite;
    -ms-animation: shakeThatBooty 2s ease infinite;
    -o-animation: shakeThatBooty 2s ease infinite;
    animation: shakeThatBooty 2s ease infinite;
}

.section-intro_provider .intro-provider_buttons .provider-buttons_cta .provider-buttons_cta__content {
    text-align: left;
}

.section-intro_provider .intro-provider_buttons .provider-buttons_cta .provider-buttons_cta__title {
    font-size: 1em;
    font-weight: 500;
    color: var(--primary-color);
    text-transform: capitalize;
}

.section-intro_provider .intro-provider_buttons .provider-buttons_cta .provider-buttons_cta__value {
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1.2;
    font-family: var(--font-heading);
    font-size: 1.6em;
    position: relative;
    margin-top: 4px;
}

.section-intro_provider .intro-provider_buttons .provider-buttons_cta .provider-buttons_cta__value:after {
    position: absolute;
    left: auto;
    right: 0;
    bottom: 1px;
    width: 0;
    height: 1px;
    content: "";
    background-color: var(--primary-color);
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
}

.section-intro_provider .intro-provider_buttons .provider-buttons_cta .provider-buttons_cta__value:hover:after {
    left: 0;
    right: auto;
    width: 100%;
}

.section-intro_research {
    position: relative;
    overflow: hidden;
    margin-top: -2px;
}

.section-intro_research .intro-research_bg {
    top: 0;
    right: -50px;
    bottom: -50px;
    left: 0;
    position: absolute;
    background-image: url(/assets/images/gioi-thieu/bg-counter-image.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-intro_research .intro-research_overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #001068ED;
    opacity: 1;
}

.section-intro_research .intro-research_content {
    position: relative;
    padding: 300px 0 75px;
    z-index: 1;
}

.section-intro_research .intro-research_content .intro-research_content__animation {
    width: 100%;
    top: 0;
    z-index: 2;
    left: 0;
    position: absolute;
    pointer-events: none;
}

.section-intro_research .intro-research_content .intro-research_content__animation .intro-research_content__animation___wrapper {
    margin-top: 5px;
}

.section-intro_research .intro-research_content .intro-research_content__animation .intro-research_content__animation___wrapper .intro-research_content__animation___inner {
    padding: 30px 0;
}

.section-intro_research .intro-research_content .intro-research_content__animation svg {
    width: 100vw;
    overflow: unset;
}

.section-intro_research .intro-research_content .intro-research_content__decor {
    position: absolute;
    width: auto;
    top: 0;
    z-index: 1;
    left: 0;
    pointer-events: none;
    max-width: 100%;
}

.section-intro_research .intro-research_content .intro-research_content__decor img {
    height: auto;
    max-width: 100%;
}

.section-intro_research .intro-research_content .intro-research_content__frame1 {
    position: absolute;
    width: auto;
    bottom: 0;
    z-index: 1;
    left: -50px;
    pointer-events: none;
}

.section-intro_research .intro-research_content .intro-research_content__frame1 img {
    animation: LeftRight 12s ease-out infinite;
    -webkit-animation: LeftRight 12s ease-out infinite;
}

@keyframes LeftRight {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-40px);
    }
    50% {
        transform: translateX(0);
    }
    75% {
        transform: translateX(40px);
    }
    100% {
        transform: translateX(0);
    }
}

.section-intro_research .intro-research_content .intro-research_content__frame2 {
    position: absolute;
    width: auto;
    top: 0;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.section-intro_research .intro-research_content .intro-research_content__frame2 img {
    animation: TopBottom 12s ease-out infinite;
    -webkit-animation: TopBottom 12s ease-out infinite;
    max-height: 290px;
}

@keyframes TopBottom {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateY(-40px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(40px);
    }
    100% {
        transform: translateY(0);
    }
}

.section-intro_research .intro-research_content .intro-research_content__frame3 {
    position: absolute;
    width: auto;
    bottom: 0;
    z-index: 1;
    right: 30px;
    pointer-events: none;
}

.section-intro_research .intro-research_content .intro-research_content__frame3 img {
    animation: RightLeft 12s ease-out infinite;
    -webkit-animation: RightLeft 12s ease-out infinite;
    max-height: 320px;
}

@keyframes RightLeft {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(40px);
    }
    50% {
        transform: translateX(0);
    }
    75% {
        transform: translateX(-40px);
    }
    100% {
        transform: translateX(0);
    }
}

.section-intro_research .intro-research_content .intro-research_content__info .research-title {
    font-size: 3.5em;
    color: var(--bs-white);
    font-family: var(--font-heading);
    margin-bottom: 50px;
    padding-left: 15px;
}

.section-intro_research .intro-research_content .research-title span {
    color: var(--primary-color);
}

.section-intro_research .intro-research_content .research-list {
    display: flex;
}

.section-intro_research .intro-research_content .research-list_item {
    width: 25%;
    padding: 15px;
}

.section-intro_research .intro-research_content .research-list_item .research-list_item__inner {
    position: relative;
    width: 100%;
    padding-left: 40px;
    position: relative;
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-left: 2px solid var(--primary-color);
}

.section-intro_research .intro-research_content .research-list_item .research-list_item__inner:before {
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    height: 2 e3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -1px;
    background-color: rgba(255, 255, 255, .2);
}

.section-intro_research .intro-research_content .research-list_item .research-list_item__icon {
    margin-bottom: 25px;
    font-size: 4.25em;
    color: var(--bs-white);
}

.section-intro_research .intro-research_content .research-list_item .research-list_item__number {
    position: relative;
}

.section-intro_research .intro-research_content .research-list_item .research-list_item__number .research-list_item__number__value {
    display: inline-flex;
    line-height: 1;
    margin-bottom: 8px;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    position: relative;
    text-shadow: none;
    font-style: normal;
    z-index: 1;
    font-size: 4.25em;
    font-weight: 400;
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-heading);
}

.section-intro_research .intro-research_content .research-list_item .research-list_item__number .research-list_item__number__type {
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 1.6em;
    position: absolute;
    right: 0;
    color: var(--primary-color);
    bottom: 40px;
}

.section-intro_research .intro-research_content .research-list_item .research-list_item__title {
    font-size: 1.45em;
    color: var(--bs-white);
    font-family: var(--font-heading);
    font-weight: 600;
}

.section-intro_laboratory .intro-laboratory_banner {
    background: var(--primary-color);
    padding: 110px 0 300px;
}

.section-intro_laboratory .intro-laboratory_banner .section-heading .heading-title,
.section-intro_laboratory .intro-laboratory_banner .section-heading .heading-sub,
.section-intro_laboratory .intro-laboratory_banner .section-heading .heading-desc {
    color: var(--bs-white);
}

.section-intro_laboratory .intro-laboratory_banner .section-heading .heading-desc {
    max-width: 600px;
    margin: 0 auto;
}

.section-intro_laboratory .intro-laboratory_content {
    padding-bottom: 80px;
}

.section-intro_laboratory .intro-laboratory_slide {
    margin-top: -270px;
}

.section-intro_laboratory .laboratory-card {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
}

.section-intro_laboratory .laboratory-card .laboratory-card_image {
    -webkit-border-radius: 12px 12px 0 0;
    -khtml-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -ms-border-radius: 12px 12px 0 0;
    -o-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.section-intro_laboratory .laboratory-card .laboratory-card_image:before {
    display: block;
    content: "";
    padding-top: calc(245 / 302 * 100%);
}

.section-intro_laboratory .laboratory-card .laboratory-card_image img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.section-intro_laboratory .laboratory-card .laboratory-card_body {
    padding: 30px 24px;
    box-shadow: 0 4px 20px rgba(13, 14, 67, 8%);
    -webkit-border-radius: 0 0 12px 12px;
    -khtml-border-radius: 0 0 12px 12px;
    -moz-border-radius: 0 0 12px 12px;
    -ms-border-radius: 0 0 12px 12px;
    -o-border-radius: 0 0 12px 12px;
    border-radius: 0 0 12px 12px;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.section-intro_laboratory .laboratory-card .laboratory-card_body:before {
    content: "";
    width: 100%;
    height: 6px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_info {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_info .laboratory-card_icon {
    color: var(--secondary-color);
    min-width: 64px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    margin-right: 12px;
    position: relative;
    z-index: 1;
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_info .laboratory-card_icon:before {
    position: absolute;
    content: "";
    display: block;
    background-color: var(--primary-color);
    z-index: -1;
    width: 40px;
    height: 40px;
    opacity: 0;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    top: 10px;
    left: 10px;
    -webkit-box-shadow: 0 20px 35px rgba(var(--primary-rgb), .6);
    -khtml-box-shadow: 0 20px 35px rgba(var(--primary-rgb), .6);
    -moz-box-shadow: 0 20px 35px rgba(var(--primary-rgb), .6);
    -ms-box-shadow: 0 20px 35px rgba(var(--primary-rgb), .6);
    -o-box-shadow: 0 20px 35px rgba(var(--primary-rgb), .6);
    box-shadow: 0 20px 35px rgba(var(--primary-rgb), .6);
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_info .laboratory-card_icon .laboratory-card_icon__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    mask-image: url(../images/dich-vu/mask-banner2.png);
    -webkit-mask-image: url(../images/dich-vu/mask-banner2.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -ms-mask-position: center center;
    -o-mask-position: center center;
    -webkit-mask-size: contain;
    -ms-mask-size: contain;
    -o-mask-size: contain;
    mask-size: contain;
    background-color: #e1f6f9;
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_info .laboratory-card_icon .laboratory-card_icon__hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    mask-image: url(../images/dich-vu/mask-banner2.png);
    -webkit-mask-image: url(../images/dich-vu/mask-banner2.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -ms-mask-position: center center;
    -o-mask-position: center center;
    -webkit-mask-size: contain;
    -ms-mask-size: contain;
    -o-mask-size: contain;
    mask-size: contain;
    background-color: var(--primary-color);
    background-image: -webkit-linear-gradient(var(--primary-gradient));
    background-image: -moz-linear-gradient(var(--primary-gradient));
    background-image: -ms-linear-gradient(var(--primary-gradient));
    background-image: -o-linear-gradient(var(--primary-gradient));
    background-image: linear-gradient(var(--primary-gradient));
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scaleX(0);
    -khtml-transform: translate(-50%, -50%) scaleX(0);
    -moz-transform: translate(-50%, -50%) scaleX(0);
    -ms-transform: translate(-50%, -50%) scaleX(0);
    -o-transform: translate(-50%, -50%) scaleX(0);
    transform: translate(-50%, -50%) scaleX(0);
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_info .laboratory-card_icon .icomoon {
    font-size: 1.6em;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    color: var(--primary-color);
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_info .laboratory-card_icon img {
    width: 35px;
    height: 35px;
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_info .laboratory-card_title {
    font-size: 1.3em;
    color: var(--secondary-color);
    font-weight: 600;
    font-family: var(--font-heading);
    letter-spacing: -.01em;
    line-height: 1.2;
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_info .laboratory-card_title a {
    color: var(--secondary-color);
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_desc {
    font-size: 1.15em;
    line-height: 24px;
    color: #6f7f90;
    --line: 3;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--line);
    line-clamp: var(--line);
    -webkit-box-orient: vertical;
    margin-bottom: 16px;
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_link {
    margin-top: auto;
    color: var(--secondary-color);
    font-size: 1em;
    overflow: hidden;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_link i {
    font-size: 0.85em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0;
    cursor: pointer;
    transition: var(--transition-default);
    margin-left: 3px;
}

.section-intro_laboratory .laboratory-card .laboratory-card_body .laboratory-card_link:hover i {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.section-intro_laboratory .laboratory-card:hover .laboratory-card_body .laboratory-card_info .laboratory-card_icon .laboratory-card_icon__bg {
    -webkit-transform: translate(-50%, -50%) scaleX(0);
    -khtml-transform: translate(-50%, -50%) scaleX(0);
    -moz-transform: translate(-50%, -50%) scaleX(0);
    -ms-transform: translate(-50%, -50%) scaleX(0);
    -o-transform: translate(-50%, -50%) scaleX(0);
    transform: translate(-50%, -50%) scaleX(0);
}

.section-intro_laboratory .laboratory-card:hover .laboratory-card_body .laboratory-card_info .laboratory-card_icon .laboratory-card_icon__hover {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    -khtml-transform: translate(-50%, -50%) scaleX(1);
    -moz-transform: translate(-50%, -50%) scaleX(1);
    -ms-transform: translate(-50%, -50%) scaleX(1);
    -o-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1);
}

.section-intro_laboratory .laboratory-card:hover .laboratory-card_body .laboratory-card_info .laboratory-card_icon .icomoon {
    color: var(--bs-white);
}

.section-intro_laboratory .laboratory-card:hover .laboratory-card_body .laboratory-card_info .laboratory-card_icon img {
    filter: brightness(1000%);
}

.section-intro_laboratory .laboratory-card.laboratory-card_reverse {
    flex-direction: column-reverse;
}

.section-intro_laboratory .laboratory-card.laboratory-card_reverse .laboratory-card_image {
    border-radius: 0 0 12px 12px;
}

.section-intro_laboratory .laboratory-card.laboratory-card_reverse .laboratory-card_body {
    border-radius: 12px 12px 0 0;
}

.section-intro_laboratory .laboratory-card.laboratory-card_reverse .laboratory-card_body:before {
    bottom: 0;
    top: unset;
}

.section-intro_laboratory .intro-laboratory_content .intro-laboratory_cta {
    margin: 45px auto 0;
    width: max-content;
    text-align: center;
    padding: 12px 30px 12px 30px;
    border-radius: 45px 45px 45px 45px;
    border: 1px solid #D2DBE8;
    font-size: 1.15em;
    font-weight: 500;
}

.section-intro_laboratory .intro-laboratory_content .intro-laboratory_cta a:hover {
    color: var(--primary-color);
}

.section-form {
    padding: 100px 0;
    background-color: #F5F8FD;
    background-image: url('/assets/images/decor-left.png');
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
}

.section-form .section-form_overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(/assets/images/decor-right.png);
    background-position: top right;
    background-repeat: no-repeat;
    opacity: 1;
    pointer-events: none;
}

.section-form .section-heading .heading-desc {
    max-width: 768px;
}

.appointment-form {
    display: flex;
    flex-direction: column;
    column-gap: 15px;
    row-gap: 20px;
}

.appointment-form .appointment-form_grid {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
    row-gap: 20px;
}

.appointment-form .appointment-form_grid .appointment-form_item {
    width: calc(50% - (15px / 2));
    flex-shrink: 0;
}

.appointment-form .appointment-form_item {
    width: 100%;
    position: relative;
}

.appointment-form .appointment-form_item .appointment-form_label {
    margin-bottom: 4px;
    font-size: 1.075em;
    font-weight: 700;
    color: var(--secondary-color);
}

.appointment-form .appointment-form_item .appointment-form_field {
    width: 100%;
    padding: 12px 18px;
    font-size: 1.075em;
    color: var(--bs-black);
    border-radius: 3px;
    border-color: rgb(var(--secondary-rgb), 0.25);
    transition: var(--transition-default);
}

.appointment-form .appointment-form_item textarea.appointment-form_field {
    min-height: 80px;
}

.appointment-form .appointment-form_item .appointment-form_field::placeholder {
    opacity: .7;
}

.appointment-form .appointment-form_item .appointment-form_field:focus {
    border-color: rgb(var(--secondary-rgb), 0.35) !important;
    box-shadow: rgba(0, 37, 87, 0.1) 0 0.2609rem 1.30445rem 0 !important;
    outline: none !important;
}

.appointment-form .appointment-form_item .appointment-form_icon {
    position: absolute;
    top: 18px;
    right: 8px;
    height: calc(100% - 6px);
    width: 30px;
    font-size: 1.075em;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    pointer-events: none;
    cursor: pointer;
}

.appointment-form .appointment-form_item .appointment-form_checkbox > input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.appointment-form .appointment-form_item .appointment-form_checkbox > span {
    color: var(--bs-black);
    font-size: 1.075em;
    position: relative;
    cursor: pointer;
    display: block;
}

.appointment-form .appointment-form_item .appointment-form_checkbox > span::before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    background-color: var(--bs-white);
    margin-right: 8px;
    position: relative;
    border-radius: 3px;
    top: 4px;
    border: 1px solid var(--bs-gray-400);
    transition: var(--transition-default);
}

.appointment-form .appointment-form_item .appointment-form_checkbox > span::after {
    content: "";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 3px;
    font-weight: 500;
    font-size: 0.8em;
    opacity: 0;
    visibility: hidden;
    color: var(--bs-white);
    transition: var(--transition-default);
}

.appointment-form .appointment-form_item .appointment-form_checkbox input:checked + span::after {
    opacity: 1;
    visibility: visible;
}

.appointment-form .appointment-form_item .appointment-form_checkbox input:checked + span::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.appointment-form .appointment-form_item .appointment-form_checkbox > span > a {
    color: var(--primary-color);
}

.appointment-form .appointment-form_item .appointment-form_checkbox > span > a:hover {
    color: var(--primary-hover);
}

.section-card {
    border: 1px solid var(--bs-gray-300);
    border-radius: 4px;
    overflow: hidden;
}

.section-card + .section-card {
    margin-top: 20px;
}

.section-card .section-form {
    background: var(--bs-white);
    padding: 0;
}

.section-card .card-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 1.45em;
    font-family: var(--font-heading);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.section-card .card-desc .card-desc_item:first-child {
    margin-top: 0;
}

.section-card .card-desc .card-desc_item {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.section-card .card-desc .card-desc_item .icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--bs-gray-100);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary-color);
    font-size: 1.15em;
    flex-shrink: 0;
    margin-right: 8px;
}

.section-card .card-desc .card-desc_item .content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.section-card .card-desc .card-desc_item .content .title {
    font-weight: 600;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-size: 1.075em;
    font-family: var(--font-heading);
}

.section-card .card-desc .card-desc_item .content .text {
    font-size: 1em;
    line-height: 24px;
    color: #6f7f90;
}

.section-card .card-desc .card-desc_item .content .text > a {
    color: inherit;
    text-decoration: none;
    transition: var(--transition-default);
}

.section-card .card-desc .card-desc_item .content .text > a:hover {
    color: var(--primary-color);
}

.section-card .card-map iframe {
    width: 100%;
    vertical-align: middle;
}

.article-card_2 {
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.09) 0 6px 10px 0;
    padding: 15px;
    background: var(--bs-white) !important;
    height: 100%;
}

.article-card_2 .card-image {
    border-radius: 5px;
}

.article-card_2 .card-image:before {
    padding-top: calc(702 / 1000 * 100%);
    display: block;
    content: "";
    width: 100%;
}

.article-card_2 .card-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    transition: 1.1s cubic-bezier(0, 0, 0.2, 1);
}

.article-card_2 .card-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
}

.article-card_2 .card-body .card-title {
    --line: 2;
    line-height: 1.3 !important;
    font-size: 1.225em;
    font-family: var(--font-heading);
    font-weight: 600;
}

.article-card_2 .card-body .card-text {
    --line: 4;
    color: var(--bs-gray-700);
    font-size: 1.075em;
}

.article-card_2:hover .card-image img {
    transform: scale(1.1);
}

.article-card_2:hover .card-body .card-title {
    color: var(--secondary-color);
}


.section-login {
    background: #f8f8f8;
    padding: 120px 0 40px;
}

.login-wrapper {
    background: var(--bs-white);
    border-radius: 8px;
    -webkit-box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    overflow: hidden;
}

.login-wrapper .login-inner {
    padding: 60px 45px;
}

.login-wrapper .login-inner .section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
}

.login-wrapper .login-inner .section-heading .heading-title {
    font-size: 2em;
    color: var(--primary-color);
}

.login-wrapper .login-inner .login-form .login-form_item {
    position: relative;
    width: 100%;
}

.login-wrapper .login-inner .login-form .login-form_item > i {
    color: var(--bs-gray-600);
    font-size: 1.15em;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.login-wrapper .login-inner .login-form .login-form_item .form-control {
    height: 42px;
    border-radius: 6px;
    border: 1px solid #ced4da;
    width: 100%;
    padding: 8px 16px 8px 42px;
    font-size: 1em;
    color: var(--bs-black);
}

.login-wrapper .login-inner .login-form .login-form_item.login-form_icon .form-control {
    padding-right: 42px;
}

.login-wrapper .login-inner .login-form .login-form_item .form-control:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: var(--bs-gray-500) !important;
}

.login-wrapper .login-inner .login-form .login-form_item > .login-form_view {
    color: var(--bs-gray-600);
    font-size: 1.15em;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: var(--transition-default);
    -o-transition: var(--transition-default);
    transition: var(--transition-default);
}

.login-wrapper .login-inner .login-form .login-form_item > .login-form_view:hover {
    color: var(--bs-gray-900);
}

.login-wrapper .login-inner .login-form .login-form_item .form-control::-webkit-input-placeholder {
    opacity: .7;
}

.login-wrapper .login-inner .login-form .login-form_item .form-control::-moz-placeholder {
    opacity: .7;
}

.login-wrapper .login-inner .login-form .login-form_item .form-control:-ms-input-placeholder {
    opacity: .7;
}

.login-wrapper .login-inner .login-form .login-form_item .form-control::-ms-input-placeholder {
    opacity: .7;
}

.login-wrapper .login-inner .login-form .login-form_item .form-control::placeholder {
    opacity: .7;
}

.login-wrapper .login-inner .login-form .form-check {
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    gap: 5px;
}

.login-wrapper .login-inner .login-form .form-check .form-check-input {
    width: 1.125em;
    height: 1.125em;
    position: relative;
    top: -1px;
}

.login-wrapper .login-inner .login-form .form-check .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

@media screen and (max-width: 991px) {
    .login-wrapper .login-inner {
        padding: 30px;
    }

    .login-wrapper .login-inner .section-heading .heading-title {
        font-size: 1.5em
    }
}