@charset "UTF-8";
:root {
    --primary-color: #D42027;
}

html {
    font-size: 62.5%;
}


/** =============== Font ================= **/


/* @font-face {
    font-family: 'UTM';
    src: url('../fonts/UTMAvoBold.woff2') format('woff2'), url('../fonts/UTMAvoBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UTM';
    src: url('../fonts/UTMAvo.woff2') format('woff2'), url('../fonts/UTMAvo.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
} */

body {
    /* font-family: UTM; */
}

.col-lg-20p {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width:1025px) {
    .gutter-20 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .gutter-20>[class*='col'] {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 40px!important;
    }
    .col-lg-20p {
        max-width: 20%;
        flex-basis: 20%;
    }
    .align-items-lg-inherit {
        align-items: inherit!important;
    }
}

.no-gutter {
    margin-left: 0!important;
    margin-right: 0!important;
}

.no-gutter>[class*='col'] {
    padding-left: 0!important;
    padding-right: 0!important;
}

p {
    line-height: 1.5;
    margin-bottom: 0;
}

.img-block {
    position: relative;
    display: block;
    padding-bottom: 50%;
}

.img-block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text-primary {
    color: var(--primary-color)!important;
}

.h4-section__title {
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 45px;
}

.h4-section__title--big {
    font-size: 40px;
    line-height: 1.5;
}

.h4-section__desc {
    font-size: 20px;
    color: #000;
    line-height: 1.5;
}

.mb-24 {
    margin-bottom: 24px;
}

.text-black {
    color: #000!important;
}

.h4-banner {
    padding: 95px 0 191px 0;
}

.h4-list-general {}

.h4-list-general li:not(:last-child) {
    margin-bottom: 18px;
}

.h4-list-general li span {
    font-weight: 700;
    color: var(--primary-color);
    margin-left: 3px;
}

.h4-list-general li {
    font-size: 18px;
    color: #000;
    line-height: 1.5;
}

.h4-list-general li:before {
    margin-right: 12px;
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12H0ZM11.3152 17.136L18.224 8.4992L16.976 7.5008L11.0848 14.8624L6.912 11.3856L5.888 12.6144L11.3152 17.1376V17.136Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
    display: inline-block;
    transform: translateY(4px);
}

.h4-button-primary {
    background-color: var(--primary-color);
    color: #fff;
    display: inline-flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}
.h4-button-primary-2{
     background-color: #F68F00; 
     color: #333; 
     height: 47px;
     margin-left: 10px; 
     margin-top: 20px;
}
.h4-button-primary:after {
    margin-left: 10px;
    display: inline-block;
    transform: translateY(2px);
}

.h4-button-primary:hover {
    background-color: #ffc107;
    color: #fff;
}

.button-advise:after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M12 6.5L10.9275 7.54475L15.1125 11.75H6V13.25H15.1125L10.9275 17.4298L12 18.5L18 12.5L12 6.5Z'/%3E%3C/mask%3E%3Cpath d='M12 6.5L10.9275 7.54475L15.1125 11.75H6V13.25H15.1125L10.9275 17.4298L12 18.5L18 12.5L12 6.5Z' fill='white'/%3E%3Cpath d='M12 6.5L14.1213 4.37868L12.0276 2.28498L9.90666 4.35106L12 6.5ZM10.9275 7.54475L8.83416 5.39581L6.66212 7.51165L8.80106 9.66094L10.9275 7.54475ZM15.1125 11.75V14.75H22.3305L17.2389 9.63381L15.1125 11.75ZM6 11.75V8.75H3V11.75H6ZM6 13.25H3V16.25H6V13.25ZM15.1125 13.25L17.2325 15.3727L22.3616 10.25H15.1125V13.25ZM10.9275 17.4298L8.80751 15.3071L6.68129 17.4306L8.8084 19.5533L10.9275 17.4298ZM12 18.5L9.8809 20.6235L12.0022 22.7404L14.1213 20.6213L12 18.5ZM18 12.5L20.1213 14.6213L22.2426 12.5L20.1213 10.3787L18 12.5ZM9.90666 4.35106L8.83416 5.39581L13.0208 9.69369L14.0933 8.64894L9.90666 4.35106ZM8.80106 9.66094L12.9861 13.8662L17.2389 9.63381L13.0539 5.42856L8.80106 9.66094ZM15.1125 8.75H6V14.75H15.1125V8.75ZM3 11.75V13.25H9V11.75H3ZM6 16.25H15.1125V10.25H6V16.25ZM12.9925 11.1273L8.80751 15.3071L13.0475 19.5524L17.2325 15.3727L12.9925 11.1273ZM8.8084 19.5533L9.8809 20.6235L14.1191 16.3765L13.0466 15.3062L8.8084 19.5533ZM14.1213 20.6213L20.1213 14.6213L15.8787 10.3787L9.87868 16.3787L14.1213 20.6213ZM20.1213 10.3787L14.1213 4.37868L9.87868 8.62132L15.8787 14.6213L20.1213 10.3787Z' fill='white' mask='url(%23path-1-inside-1)'/%3E%3Cmask id='path-3-inside-2' fill='white'%3E%3Cpath d='M12 23C9.9233 23 7.89323 22.3842 6.16651 21.2304C4.4398 20.0767 3.09399 18.4368 2.29927 16.5182C1.50455 14.5996 1.29661 12.4884 1.70176 10.4516C2.1069 8.41476 3.10693 6.54383 4.57538 5.07538C6.04383 3.60693 7.91475 2.6069 9.95155 2.20176C11.9884 1.79661 14.0995 2.00455 16.0182 2.79927C17.9368 3.59399 19.5767 4.9398 20.7304 6.66652C21.8842 8.39323 22.5 10.4233 22.5 12.5C22.4968 15.2838 21.3895 17.9527 19.4211 19.9211C17.4527 21.8896 14.7838 22.9968 12 23ZM12 3.5C10.22 3.5 8.47991 4.02785 6.99987 5.01678C5.51983 6.00571 4.36628 7.41132 3.68509 9.05585C3.0039 10.7004 2.82567 12.51 3.17294 14.2558C3.5202 16.0016 4.37737 17.6053 5.63604 18.864C6.89471 20.1226 8.49836 20.9798 10.2442 21.3271C11.99 21.6743 13.7996 21.4961 15.4441 20.8149C17.0887 20.1337 18.4943 18.9802 19.4832 17.5001C20.4722 16.0201 21 14.28 21 12.5C20.9972 10.1139 20.0481 7.82634 18.3609 6.13911C16.6737 4.45189 14.3861 3.50278 12 3.5Z'/%3E%3C/mask%3E%3Cpath d='M12 23C9.9233 23 7.89323 22.3842 6.16651 21.2304C4.4398 20.0767 3.09399 18.4368 2.29927 16.5182C1.50455 14.5996 1.29661 12.4884 1.70176 10.4516C2.1069 8.41476 3.10693 6.54383 4.57538 5.07538C6.04383 3.60693 7.91475 2.6069 9.95155 2.20176C11.9884 1.79661 14.0995 2.00455 16.0182 2.79927C17.9368 3.59399 19.5767 4.9398 20.7304 6.66652C21.8842 8.39323 22.5 10.4233 22.5 12.5C22.4968 15.2838 21.3895 17.9527 19.4211 19.9211C17.4527 21.8896 14.7838 22.9968 12 23ZM12 3.5C10.22 3.5 8.47991 4.02785 6.99987 5.01678C5.51983 6.00571 4.36628 7.41132 3.68509 9.05585C3.0039 10.7004 2.82567 12.51 3.17294 14.2558C3.5202 16.0016 4.37737 17.6053 5.63604 18.864C6.89471 20.1226 8.49836 20.9798 10.2442 21.3271C11.99 21.6743 13.7996 21.4961 15.4441 20.8149C17.0887 20.1337 18.4943 18.9802 19.4832 17.5001C20.4722 16.0201 21 14.28 21 12.5C20.9972 10.1139 20.0481 7.82634 18.3609 6.13911C16.6737 4.45189 14.3861 3.50278 12 3.5Z' fill='white'/%3E%3Cpath d='M22.5 12.5L25.5 12.5034V12.5H22.5ZM21 12.5H24L24 12.4965L21 12.5ZM12 20C10.5166 20 9.06659 19.5601 7.83323 18.736L4.4998 23.7248C6.71987 25.2082 9.32995 26 12 26V20ZM7.83323 18.736C6.59986 17.9119 5.63857 16.7406 5.07091 15.3701L-0.47237 17.6662C0.549413 20.133 2.27974 22.2414 4.4998 23.7248L7.83323 18.736ZM5.07091 15.3701C4.50325 13.9997 4.35473 12.4917 4.64411 11.0368L-1.2406 9.86629C-1.7615 12.485 -1.49415 15.1994 -0.47237 17.6662L5.07091 15.3701ZM4.64411 11.0368C4.9335 9.58197 5.64781 8.2456 6.6967 7.1967L2.45406 2.95406C0.566052 4.84207 -0.719697 7.24754 -1.2406 9.86629L4.64411 11.0368ZM6.6967 7.1967C7.74559 6.14781 9.08197 5.4335 10.5368 5.14411L9.36628 -0.740597C6.74754 -0.219696 4.34207 1.06605 2.45406 2.95406L6.6967 7.1967ZM10.5368 5.14411C11.9917 4.85473 13.4997 5.00325 14.8701 5.57091L17.1662 0.0276312C14.6994 -0.994152 11.985 -1.2615 9.36628 -0.740597L10.5368 5.14411ZM14.8701 5.57091C16.2406 6.13857 17.4119 7.09986 18.236 8.33323L23.2248 4.99981C21.7414 2.77974 19.633 1.04941 17.1662 0.0276312L14.8701 5.57091ZM18.236 8.33323C19.0601 9.5666 19.5 11.0166 19.5 12.5H25.5C25.5 9.82996 24.7082 7.21987 23.2248 4.99981L18.236 8.33323ZM19.5 12.4966C19.4977 14.4859 18.7065 16.3931 17.2998 17.7998L21.5424 22.0424C24.0726 19.5122 25.4959 16.0817 25.5 12.5034L19.5 12.4966ZM17.2998 17.7998C15.8931 19.2065 13.9859 19.9977 11.9966 20L12.0034 26C15.5817 25.9959 19.0122 24.5727 21.5424 22.0424L17.2998 17.7998ZM12 0.500005C9.62662 0.500005 7.30655 1.20379 5.33316 2.52237L8.66658 7.51119C9.65327 6.8519 10.8133 6.5 12 6.5V0.500005ZM5.33316 2.52237C3.35977 3.84095 1.8217 5.71509 0.913449 7.9078L6.45673 10.2039C6.91085 9.10755 7.67989 8.17047 8.66658 7.51119L5.33316 2.52237ZM0.913449 7.9078C0.00519788 10.1005 -0.232442 12.5133 0.23058 14.8411L6.11529 13.6705C5.88378 12.5067 6.0026 11.3003 6.45673 10.2039L0.913449 7.9078ZM0.23058 14.8411C0.693603 17.1689 1.83649 19.3071 3.51472 20.9853L7.75736 16.7426C6.91825 15.9035 6.3468 14.8344 6.11529 13.6705L0.23058 14.8411ZM3.51472 20.9853C5.19295 22.6635 7.33115 23.8064 9.65892 24.2694L10.8295 18.3847C9.66557 18.1532 8.59648 17.5818 7.75736 16.7426L3.51472 20.9853ZM9.65892 24.2694C11.9867 24.7325 14.3995 24.4948 16.5922 23.5866L14.2961 18.0433C13.1997 18.4974 11.9933 18.6162 10.8295 18.3847L9.65892 24.2694ZM16.5922 23.5866C18.7849 22.6783 20.6591 21.1402 21.9776 19.1668L16.9888 15.8334C16.3295 16.8201 15.3925 17.5892 14.2961 18.0433L16.5922 23.5866ZM21.9776 19.1668C23.2962 17.1935 24 14.8734 24 12.5H18C18 13.6867 17.6481 14.8467 16.9888 15.8334L21.9776 19.1668ZM24 12.4965C23.9963 9.31598 22.7312 6.26677 20.4822 4.01779L16.2396 8.26043C17.365 9.3859 17.9981 10.9118 18 12.5035L24 12.4965ZM20.4822 4.01779C18.2332 1.76881 15.184 0.503711 12.0035 0.500007L11.9965 6.5C13.5882 6.50186 15.1141 7.13496 16.2396 8.26043L20.4822 4.01779Z' fill='white' mask='url(%23path-3-inside-2)'/%3E%3C/svg%3E%0A");
}

.button-plus:after {
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3125 10.25H11.75V6.6875C11.75 6.58437 11.6656 6.5 11.5625 6.5H10.4375C10.3344 6.5 10.25 6.58437 10.25 6.6875V10.25H6.6875C6.58437 10.25 6.5 10.3344 6.5 10.4375V11.5625C6.5 11.6656 6.58437 11.75 6.6875 11.75H10.25V15.3125C10.25 15.4156 10.3344 15.5 10.4375 15.5H11.5625C11.6656 15.5 11.75 15.4156 11.75 15.3125V11.75H15.3125C15.4156 11.75 15.5 11.6656 15.5 11.5625V10.4375C15.5 10.3344 15.4156 10.25 15.3125 10.25Z' fill='white'/%3E%3Cpath d='M11 0.5C5.20156 0.5 0.5 5.20156 0.5 11C0.5 16.7984 5.20156 21.5 11 21.5C16.7984 21.5 21.5 16.7984 21.5 11C21.5 5.20156 16.7984 0.5 11 0.5ZM11 19.7188C6.18594 19.7188 2.28125 15.8141 2.28125 11C2.28125 6.18594 6.18594 2.28125 11 2.28125C15.8141 2.28125 19.7188 6.18594 19.7188 11C19.7188 15.8141 15.8141 19.7188 11 19.7188Z' fill='white'/%3E%3C/svg%3E%0A");
}

.button-center {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.h4-banner .h4-button-primary {
    margin-top: 40px;
}


/* Gift */

.h4-gift {
    padding: 60px 0;
}

.h4-gift .h4-section__title {
    font-size: 28px;
}

.h4-gift .h4-list-general {
    margin-bottom: 40px;
}

.gift__time-inner {
    padding: 20px;
    border: 1px solid #FFE351;
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.1));
    border-radius: 24px;
    background-color: #fff;
}

.h4-gift .expired,
.gift__time-inner p {
    font-size: 18px;
    color: #A7A7A7;
    font-weight: 500;
}

.h4-gift .flipper__item p {
    font-size: 30px;
    color: var(--primary-color);
    font-weight: 700;
}

.flipper {
    margin-left: 20px;
}

.flipper__item {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 38px;
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.flipper__item span {
    font-size: 18px;
    color: #A7A7A7;
    font-weight: 500;
    display: inline-block;
    margin-left: 5px;
}


/* Customer */

.h4-customer {
    position: relative;
    transform: translateY(-50%);
}

.h4-customer-inner {
    padding: 25px 0 25px 30px;
    background: #D8363D;
    border-radius: 8px;
}

.h4-customer__content {
    color: #fff;
}

.h4-customer__content .content__left {
    max-width: 42%;
    flex-basis: 42%;
    padding-right: 19px;
    border-right: 1px solid #fff;
}

.h4-customer__content .content__left p {
    font-size: 45px;
}

.h4-customer__content .content__left span {
    font-size: 28px;
}

.h4-customer__content .content__right {
    max-width: 58%;
    flex-basis: 58%;
    padding-left: 14px;
}

.h4-customer__content .content__right p {
    font-size: 16px;
}

.h4-customer__carousel {}

.h4-customer__carousel .carousel-cell {
    width: 30%;
    margin-right: 16px;
}

.h4-customer__carousel .carousel-cell .carousel-cell__image {
    position: relative;
    display: block;
    padding-bottom: 47.6%;
    background-color: #fff;
    border-radius: 10px;
}

.h4-customer__carousel .carousel-cell .carousel-cell__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 95%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}


/* Project */

.h4-project {
    padding: 45px 0;
    background-color: #f5f5f5;
}

@media screen and (min-width:1200px) {
    .h4-project .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.h4-project__list {
    margin-left: -15px;
    margin-right: -15px;
}

.h4-project__list:after {
    content: 'flickity';
    display: none;
    /* hide :after */
}

@media screen and ( min-width: 1024px) {
    /* disable Flickity for large devices */
    .h4-project__list {
        display: flex;
        flex-wrap: wrap;
    }
    .h4-project__list:after {
        content: '';
    }
}

.h4-project__item {
    box-shadow: 0 4px 6px 0 #0c002e0f;
    height: 100%;
}

.h4-project__item .img-block {
    padding-bottom: 128%;
    overflow: hidden;
}

.h4-project__item-name {
    font-size: 20px;
    padding: 22px;
    color: #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

@media screen and (max-width:1023px) {
    .h4-project__item {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .h4-project__item-name {
        font-size: 18px;
        padding: 15px;
    }
}

.h4-project__item:hover .h4-project__item-name {
    color: #D42027;
}

.h4-project__item-link {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    border-radius: 50px;
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

@media (hover) {
    .h4-project__item:hover .h4-project__item-link {
        visibility: visible;
        opacity: 1;
        bottom: 40%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: all .5s;
    }
    .h4-project__item:hover .img-block img {
        -webkit-filter: brightness(70%);
        filter: brightness(70%);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.h4-project-decor-1 {
    bottom: 0;
    right: 0;
    z-index: -1;
}

.h4-project-decor-2 {
    top: 27%;
    left: 12%;
    z-index: -1;
    opacity: 0.5;
    width: 251px;
}

.h4-project-decor-3 {
    bottom: 2%;
    left: 18%;
    z-index: -1;
    opacity: 0.8;
}


/* Benefit */

.h4-benefit {
    padding: 60px 0 80px 0;
}

.h4-benefit__item {
    border-radius: 16px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
}

@media screen and (min-width: 375px) {
    .h4-benefit__item {
        height: 100%;
    }
}

.h4-benefit__item .item__image {
    padding-bottom: 79%;
    overflow: hidden;
}

.h4-benefit__item .item__image img {
    transition: all 0.3s;
}

.h4-benefit__item .item__content {
    font-size: 19px;
    padding: 15px 20px;
    border-top: 1px solid #CCCCCC;
}

.h4-benefit__item:hover .item__image img {
    transform: scale(1.1)
}


/* Advise */

.h4-advise {
    padding: 100px 0;
}

.h4-advise:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(81, 0, 3, 0.7);
}

@media screen and (min-width: 1024px) {
    .h4-advise__content {
        padding-left: 40px;
    }
}

.h4-advise .image-horizental {
    height: 70%;
}

.h4-advise .image-horizental img {
    position: absolute;
    bottom: -6%;
    left: -31%;
}


/* Procedure */

.h4-procedure {
    padding: 80px 0 45px 0;
}

.h4-procedure .h4-section__title {
    margin-bottom: 20px!important;
}

.h4-procedure .h4-section__desc {
    margin-left: auto;
    margin-right: auto;
}

.h4-procedure__list {
    margin-top: 40px;
    row-gap: 30px;
}

@media screen and (min-width:1024px) {
    .h4-procedure__list>[class*='col'] {
        padding-left: 7px;
        padding-right: 7px;
    }
    .h4-procedure .h4-section__desc {
        width: 50%;
    }
}

.h4-procedure__item {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    padding: 15px 10px;
    transition: all .3s;
}

.h4-procedure__list>[class*='col']:hover .h4-procedure__item {
    transform: translateY(-15px);
}

.h4-procedure__item .item__icon {
    width: 100px;
    height: 100px;
    background-color: var(--primary-color);
}

.h4-procedure__item .item__icon img {
    width: 50px;
    height: 50px;
}

@media (max-width: 767px){
    .h4-procedure__item .item__icon {
        width: 80px;
        height: 80px;
    }
    .h4-procedure__item .item__icon img {
        width: 40px;
        height: 40px;
    }
}
.h4-procedure__item .item__title {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
}
@media (min-width:  992px){
    .h4-procedure__item .item__title {
        min-height: 60px;
    } 
}

.h4-procedure__item .item__desc {
    font-size: 16px;
    color: #000;
    line-height: 1.5;
}

.h4-procedure-decor-1 {
    top: 16%;
    left: 25%;
    z-index: -1;
}


/* Strength */

.h4-strength {
    padding: 40px 0;
}

.h4-strength-inner {
    margin-top: 40px;
}

.h4-strength-table {}

.h4-strength-table .table__head {
    background-color: var(--primary-color);
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    border: 1px solid #D42027;
}

.h4-strength-table .table__body {
    overflow: hidden;
    border-radius: 0 0 16px 16px;
    border: 1px solid #CCCCCC;
}

.h4-strength-table .table__head .table__head-item {
    padding: 15px;
    font-size: 20px;
}

.h4-strength-table .table__head .table__head-item:not(:last-child) {
    border-right: 1px solid #fff;
}

@media (max-width: 767px){
    .h4-strength-table .table__head .table__head-item {
        font-size: 16px;
        line-height: 1.4;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

.h4-strength-table .table__block {}

.h4-strength-table .table__block .table__block-head {
    background-color: #FFCEBF;
    font-size: 18px;
    padding: 12px 19px;
}

.h4-strength-table .table__block .table__block-row {
    font-size: 16px;
    line-height: 1.5;
}

.h4-strength-table .table__block .table__block-row:not(:last-child) {
    border-bottom: 1px solid #CCCCCC;
}

.h4-strength-table .table__block .table__block-item {
    padding: 10px 19px!important;
}

.h4-strength-table .table__block .table__block-item:not(:last-child) {
    border-right: 1px solid #CCCCCC;
}

.table__check {
    width: 30px;
    height: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    background-repeat: no-repeat;
}

.table__check-yes {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15C0 11.0218 1.58035 7.20644 4.3934 4.3934C7.20644 1.58035 11.0218 0 15 0C18.9782 0 22.7936 1.58035 25.6066 4.3934C28.4196 7.20644 30 11.0218 30 15C30 18.9782 28.4196 22.7936 25.6066 25.6066C22.7936 28.4196 18.9782 30 15 30C11.0218 30 7.20644 28.4196 4.3934 25.6066C1.58035 22.7936 0 18.9782 0 15H0ZM14.144 21.42L22.78 10.624L21.22 9.376L13.856 18.578L8.64 14.232L7.36 15.768L14.144 21.422V21.42Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
}

.table__check-no {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 0.25C6.40625 0.25 0.25 6.40625 0.25 14C0.25 21.5938 6.40625 27.75 14 27.75C21.5938 27.75 27.75 21.5938 27.75 14C27.75 6.40625 21.5938 0.25 14 0.25ZM18.6337 11.1337C18.8614 10.898 18.9874 10.5822 18.9846 10.2545C18.9817 9.92675 18.8503 9.61324 18.6185 9.38148C18.3868 9.14972 18.0732 9.01826 17.7455 9.01541C17.4178 9.01256 17.102 9.13855 16.8663 9.36625L14 12.2325L11.1337 9.36625C11.0184 9.24686 10.8805 9.15163 10.728 9.08612C10.5755 9.02061 10.4115 8.98613 10.2455 8.98469C10.0795 8.98324 9.91493 9.01487 9.76131 9.07772C9.60769 9.14057 9.46812 9.23339 9.35076 9.35076C9.23339 9.46812 9.14057 9.60769 9.07772 9.76131C9.01487 9.91493 8.98324 10.0795 8.98469 10.2455C8.98613 10.4115 9.02061 10.5755 9.08612 10.728C9.15163 10.8805 9.24686 11.0184 9.36625 11.1337L12.2325 14L9.36625 16.8663C9.24686 16.9816 9.15163 17.1195 9.08612 17.272C9.02061 17.4245 8.98613 17.5885 8.98469 17.7545C8.98324 17.9205 9.01487 18.0851 9.07772 18.2387C9.14057 18.3923 9.23339 18.5319 9.35076 18.6492C9.46812 18.7666 9.60769 18.8594 9.76131 18.9223C9.91493 18.9851 10.0795 19.0168 10.2455 19.0153C10.4115 19.0139 10.5755 18.9794 10.728 18.9139C10.8805 18.8484 11.0184 18.7531 11.1337 18.6337L14 15.7675L16.8663 18.6337C17.102 18.8614 17.4178 18.9874 17.7455 18.9846C18.0732 18.9817 18.3868 18.8503 18.6185 18.6185C18.8503 18.3868 18.9817 18.0732 18.9846 17.7455C18.9874 17.4178 18.8614 17.102 18.6337 16.8663L15.7675 14L18.6337 11.1337Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A");
}


/* Feedback */

.h4-feedback {
    padding: 40px 0;
}

.h4-feedback-carousel-main {
    border: 1px solid #D42027;
    border-radius: 45px 45px 45px 0;
    padding: 20px;
    margin-bottom: 40px;
}

.h4-feedback-carousel-main .carousel-cell__image img {
    width: 157px;
    height: 157px;
    border-radius: 50%;
    object-fit: cover;
}

.h4-feedback-carousel-main .carousel-cell__content {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}

.h4-feedback-carousel-main .carousel-cell__name {
    font-size: 18px;
    color: #000;
}

.h4-feedback-carousel-main .carousel-cell__position {
    font-size: 18px;
    color: #acacac;
}

.h4-feedback__nav .carousel-nav__image {}

.h4-feedback__nav .carousel-nav__image img {
    object-fit: cover;
    width: 157px;
    height: 157px;
    border-radius: 50%;
}

.h4-feedback .flickity-page-dots {
    position: relative;
    bottom: -55px;
    text-align: left;
    left: -20px;
}

.h4-feedback .flickity-page-dots .dot {
    background-color: var(--primary-color);
    opacity: 1;
    transition: .3s;
    width: 10px;
    height: 10px;
    margin: 0 4px;
}

.h4-feedback .flickity-page-dots .dot.is-selected {
    width: 30px;
    border-radius: 32px;
}

.h4-feedback__nav-decor {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 175%;
}

.h4-feedback__nav-decor img {
    width: 100%;
    height: 100%;
}


/* FAQ */

.h4-faq {
    padding: 40px 0;
}

.h4-faq__item {}

.h4-faq__item .item__head {
    font-size: 17px;
    padding: 10px 0;
    cursor: pointer;
}

.h4-faq__item .item__head .item__head-icon {
    height: 27px;
    width: 27px;
    border: 2px solid var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    flex-shrink: 0;
}

.h4-faq__item .item__head .item__head-icon:after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3906 5.0625H6.9375V0.609375C6.9375 0.480469 6.83203 0.375 6.70312 0.375H5.29688C5.16797 0.375 5.0625 0.480469 5.0625 0.609375V5.0625H0.609375C0.480469 5.0625 0.375 5.16797 0.375 5.29688V6.70312C0.375 6.83203 0.480469 6.9375 0.609375 6.9375H5.0625V11.3906C5.0625 11.5195 5.16797 11.625 5.29688 11.625H6.70312C6.83203 11.625 6.9375 11.5195 6.9375 11.3906V6.9375H11.3906C11.5195 6.9375 11.625 6.83203 11.625 6.70312V5.29688C11.625 5.16797 11.5195 5.0625 11.3906 5.0625Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
}

.h4-faq__item .item__head:hover .item__head-icon {
    background-color: var(--primary-color);
}

.h4-faq__item .item__head:hover .item__head-icon:after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3906 5.0625H6.9375V0.609375C6.9375 0.480469 6.83203 0.375 6.70312 0.375H5.29688C5.16797 0.375 5.0625 0.480469 5.0625 0.609375V5.0625H0.609375C0.480469 5.0625 0.375 5.16797 0.375 5.29688V6.70312C0.375 6.83203 0.480469 6.9375 0.609375 6.9375H5.0625V11.3906C5.0625 11.5195 5.16797 11.625 5.29688 11.625H6.70312C6.83203 11.625 6.9375 11.5195 6.9375 11.3906V6.9375H11.3906C11.5195 6.9375 11.625 6.83203 11.625 6.70312V5.29688C11.625 5.16797 11.5195 5.0625 11.3906 5.0625Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.h4-faq__item .item__head.clicked .item__head-icon:after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3906 0.0626116H6.9375H6C6 -0.0662946 6.70312 4.75011 6 0.0626116H5.0625H0.609375C0.480469 0.0626116 0.375 0.16808 0.375 0.296987V1.70324C0.375 1.83214 0.480469 1.93761 0.609375 1.93761H5.0625H6.9375C7 1.5 9.37109 1.5 9.5 1.5V1C9.62891 1 5.0625 2.06652 5.0625 1.93761H6.9375H11.3906C11.5195 1.93761 11.625 1.83214 11.625 1.70324V0.296987C11.625 0.16808 11.5195 0.0626116 11.3906 0.0626116Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
}

.h4-faq__item .item__head.clicked:hover .item__head-icon:after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3906 0.0626116H6.9375H6C6 -0.0662946 6.70312 4.75011 6 0.0626116H5.0625H0.609375C0.480469 0.0626116 0.375 0.16808 0.375 0.296987V1.70324C0.375 1.83214 0.480469 1.93761 0.609375 1.93761H5.0625H6.9375C7 1.5 9.37109 1.5 9.5 1.5V1C9.62891 1 5.0625 2.06652 5.0625 1.93761H6.9375H11.3906C11.5195 1.93761 11.625 1.83214 11.625 1.70324V0.296987C11.625 0.16808 11.5195 0.0626116 11.3906 0.0626116Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.h4-faq__item .item__content {
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 15px;
    display: none;
}


/* Responsive */

@media screen and (max-width:1199px) {
    .h4-customer__content .content__right {
        padding-right: 14px;
    }
    .h4-section__title br {
        display: none;
    }
    .h4-advise .image-horizental img {
        bottom: 17%;
    }
}

@media screen and (max-width:1023px) {
    .h4-section__title {
        font-size: 28px
    }
    .h4-section__title--big {
        font-size: 32px
    }
    .h4-customer {
        transform: translateY(0);
    }
    .h4-customer-inner {
        padding-right: 30px;
    }
}

@media screen and (max-width:767px) {
    .h4-gift .h4-section__title,
    .h4-section__title {
        font-size: 24px;
        margin-bottom: 27px;
    }
    .h4-section__title--big {
        font-size: 24px;
    }
    .h4-banner {
        padding: 60px 0;
    }
    .h4-customer__content .content__left {
        max-width: 100%;
        flex-basis: 100%;
        border: none;
    }
    .h4-customer__content .content__right {
        max-width: 100%;
        flex-basis: 100%;
        padding-left: 0;
        margin-top: 15px;
    }
    .h4-customer__carousel .carousel-cell {
        width: 45%;
        margin-right: 10px;
    }
    .h4-customer__carousel .carousel-cell .carousel-cell__image {
        padding-bottom: 65%;
    }
    .h4-strength-table .table__block .table__block-item {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }
    .h4-procedure {
        padding: 40px 0 0 0;
    }
    .h4-benefit {
        padding: 30px 0 40px 0;
    }
    .h4-procedure__item .item__title br {
        display: none;
    }
    .gift__time-inner-text {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .h4-gift {
        padding: 30px 0;
    }
    .h4-feedback,
    .h4-faq {
        padding: 20px 0;
    }
    .h4-benefit__item .item__content {
        font-size: 16px;
    }
    .h4-benefit__list>[class*='col'] {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}

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

@media screen and (max-width:374px) {
    .col-xs-12 {
        max-width: 100%;
        flex-basis: 100%;
    }
}

.home-question {
    padding: 80px 0;
}

.home-question .section-title {
    margin-bottom: 40px;
}

.home-question-item {
    background: #F4E8E9;
    border: 1px solid #FFA5A8;
    padding: 18px 20px;
}

.home-question-item:not(:last-child) {
    border-bottom: none;
}

.home-question-item__head {
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0;
    width: 100%;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
}

.home-question-item__head:focus {
    outline: none;
}

.home-question-item__head .plus {
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 24px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.home-question-item__head .plus:before,
.home-question-item__head .plus:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: #333;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(-90deg);
}

.home-question-item__head .plus:before {
    width: 16px;
    height: 2.5px;
}

.home-question-item__head .plus:after {
    width: 2.5px;
    height: 16px;
}

.home-question-item__head.clicked .plus {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.home-question-item__head.clicked .plus:before {
    display: none;
}

.home-question-item__content {
    margin-top: 15px;
    display: none;
    font-size: 16px;
    line-height: 1.5;
}

@media screen and (max-width:767px) {
    .home-question-left .home-question-item:last-child {
        border-bottom: none;
    }
    footer{
        padding-bottom: 30px;
    }
}