/* Mixin

--------------------------------------------- */


/* Breakpoint

--------------------------------------------- */


/* Truncate

--------------------------------------------- */


/* Base

--------------------------------------------- */


/* Variables

--------------------------------------------- */


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

@font-face {
    font-family: 'Sarabun';
    src: url("../fonts/Sarabun-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: 'Sarabun';
    src: url("../fonts/Sarabun-Light.ttf");
    font-weight: 300;
}

@font-face {
    font-family: 'Sarabun';
    src: url("../fonts/Sarabun-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: 'Sarabun';
    src: url("../fonts/Sarabun-SemiBold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: 'Sarabun';
    src: url("../fonts/Sarabun-Bold.ttf");
    font-weight: 700;
}

@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;
}


/** =============== Color ================= **/

:root {
    --primary-color: #D42027;
    --grey: #333333;
}


/* Reset

--------------------------------------------- */


/** Reset CSS **/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    font-size: 62.5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    line-height: 1.5;
    font-size: 16px !important;
    font-family: Sarabun, sans-serif;
    font-weight: 400;
    color: #333;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

select,
button {
    cursor: pointer;
    outline: none;
}

a:hover,
a {
    text-decoration: none;
}

svg,
svg path {
    -webkit-transition: fill .3s, stroke .3s;
    -o-transition: fill .3s, stroke .3s;
    transition: fill .3s, stroke .3s;
}

a {
    transition: color .3s, background-color .3s, border-color .3s;
}

input:focus {
    box-shadow: none;
    outline: none;
}

@media only screen and (min-width: 1400px) {
    .container {
        max-width: 1230px;
    }
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* General

--------------------------------------------- */


/** General **/

.section-title {
    font-size: 32px;
}

@media screen and (max-width: 1023px) {
    .section-title {
        font-size: 25px;
    }
}

@media screen and (max-width: 767px) {
    .section-title {
        font-size: 22px;
    }
}

.swal2-styled,
.swal2-content {
    font-size: 16px !important;
}

.swal2-content {
    padding: 0 10px !important;
}

input[aria-invalid="true"]::placeholder,
select[aria-invalid="true"]::placeholder {
    color: red !important;
}

.no-scrollbar {
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}


/** Font **/

.font-semibold {
    font-weight: 600;
}

.font-medium {
    font-weight: 500;
}


/** Text **/

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

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

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

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

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

.text-justify {
    text-align: justify;
}

.text-italic {
    font-style: italic;
}


/** Background **/

.bg-center {
    background-position: center;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-cover {
    background-size: cover;
}

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

@media only screen and (min-width: 1200px) {
    .bg-fixed {
        background-attachment: fixed;
    }
}

.bgc-unset {
    background-color: unset;
}


/** Image **/

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

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

.img-1-1 {
    padding-bottom: 100%;
}

.img-center img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img-hover img {
    -webkit-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
}

@media (hover) {
    .img-hover:hover img {
        transform: scale(1.2);
    }
}


/** Infinite loader **/

.page-load-status {
    display: none;
    margin-top: 20px;
}

.loader-ellips {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.see-more button:disabled,
.see-more button[disabled] {
    display: none;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: var(--primary-color);
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
    left: 3em;
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }
    to {
        transform: scale(1);
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em);
    }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}


/** Back to top **/

.backToTop {
    z-index: 2222;
    bottom: 50px;
    right: -120%;
    background-color: var(--primary-color);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

.backToTop svg path {
    stroke: #fff;
}

.backToTop:hover {
    background-color: #d10007;
}

.backToTop.show__backToTop {
    right: 10px;
}


/** Style for post **/

.ws-sgct blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #918f8f;
}

.ws-sgct blockquote p {
    margin: 0 !important;
}

.ws-sgct code {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    font-size: 0.85rem;
    color: #e83e8c;
}

.ws-sgct p,
.ws-sgct table {
    margin: 0 0 15px;
    line-height: 1.6;
}

.ws-sgct table {
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

.ws-sgct table>tbody>tr>td,
.ws-sgct table>tbody>tr>th,
.ws-sgct table>tfoot>tr>td,
.ws-sgct table>tfoot>tr>th,
.ws-sgct table>thead>tr>td,
.ws-sgct table>thead>tr>th {
    border: 1px solid #ddd;
    padding: 7px 10px;
}

.ws-sgct h6 {
    font-size: 18px;
}

.ws-sgct h5 {
    font-size: 20px;
}

.ws-sgct h4 {
    font-size: 22px;
}

.ws-sgct h3 {
    font-size: 24px;
}

.ws-sgct h2 {
    font-size: 26px;
}

.ws-sgct ul,
.ws-sgct ol {
    margin: 0 0 15px;
    padding-left: 25px;
    list-style: disc;
}

.ws-sgct ul li,
.ws-sgct ol li {
    line-height: 1.5;
    margin-bottom: 8px;
}

.ws-sgct ol {
    list-style: decimal;
}

.ws-sgct iframe {
    margin: auto;
}

.ws-sgct .syntaxhighlighter {
    padding: 10px 0;
}

.ws-sgct h2,
.ws-sgct h3,
.ws-sgct h4,
.ws-sgct h5,
.ws-sgct h6 {
    margin: 0 0 15px;
    font-weight: 500;
}


/* Components

--------------------------------------------- */


/* Button

--------------------------------------------- */

.button {
    padding: 8px 40px;
    border-radius: 9999px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    outline: none !important;
    cursor: pointer;
}

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

.button--primary:hover {
    color: var(--primary-color);
    background-color: #fff;
}

.button--center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* Breadcrumb

--------------------------------------------- */


/** Breadcrumb **/

#breadcrumbs {
    color: #fff;
}

#breadcrumbs a {
    color: #fff;
}

#breadcrumbs a:hover {
    color: var(--secondary-color);
}

#breadcrumbs .last {
    color: var(--primary-color);
}

#breadcrumbs .separator {
    margin: 0 8px;
    content: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11L6 6L1 1' stroke='%236B6B6B' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 11L9 6L4 1' stroke='%236B6B6B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


/* Menu mobile

--------------------------------------------- */


/** Menu Mobile **/

.menu-mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
    max-width: 330px;
    background-color: #fff;
    z-index: 6666;
    transform: translateX(-100%);
    transition: 0.5s;
    overflow-y: scroll;
    padding-bottom: 50px;
    display: none;
}

.theme-item .theme-tag-new {
    z-index: 999;
    right: 20px;
    top: 10px;
}

.menu-mobile ul {
    margin-top: 40px;
    padding: 0 10px;
    list-style: none;
}

.theme-content {
    padding-top: 60px;
}

.theme-tag-new {
    position: absolute;
    background: #f00;
    color: #fff;
    border-radius: 50%;
    text-transform: uppercase;
    height: 50px;
    font-weight: 700;
    width: 50px;
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
}

.menu-mobile ul li {
    position: relative;
    border-bottom: 1px solid #00000026;
}

.menu-mobile ul li a {
    color: #000;
    font-size: 1.6rem;
    text-transform: uppercase;
    display: block;
    padding: 15px 10px;
}

.menu-mobile ul li .li-plus {
    position: absolute;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    top: 0;
    right: 0;
    color: #000;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.menu-mobile ul li .li-plus:before,
.menu-mobile ul li .li-plus:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: #000;
    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);
}

.menu-mobile ul li .li-plus:before {
    width: 11px;
    height: 1px;
}

.menu-mobile ul li .li-plus:after {
    width: 1px;
    height: 11px;
}

.menu-mobile ul li .clicked {
    transform: rotate(180deg);
}

.menu-mobile ul li .clicked.li-plus:before {
    display: none;
}

.menu-mobile ul li>ul {
    margin-top: 0;
    display: none;
}

.menu-mobile ul li>ul li {
    border: none;
}

.menu-mobile ul li>ul li a {
    padding-left: 25px;
}

.menu-mobile ul .current-menu-item a {
    color: var(--primary-color);
}

.menu-mobile ul .current-menu-item ul a {
    color: #000;
}

.menu-mobile ul .current-menu-parent ul {
    display: block;
}

.menu-mobile .menu-mobile-close {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 0;
    right: 10px;
}

.menu-mobile .menu-mobile-close svg {
    color: #000;
}

.menu-mobile .menu-mobile-close svg path {
    fill: #000;
    stroke: #000;
}

.menu-mobile.menu-mobile-active {
    transform: translate(0);
    display: block;
}

.overlay {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1998;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.overlay.overlay-active {
    opacity: 1;
    visibility: visible;
}


/* Pagination

--------------------------------------------- */


/** Pagination **/

.hazo-pagination {
    padding: 20px 0 40px 0;
}

.hazo-pagination ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    list-style: none;
}

.hazo-pagination ul li {
    margin: 0 3px;
    font-weight: 500;
    font-size: 1.8rem;
    border: 2px solid #e3e7ea;
    border-radius: 4px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.hazo-pagination ul li:hover {
    border-color: var(--primary-color);
}

.hazo-pagination ul li a {
    color: #687188;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.hazo-pagination ul li a:hover {
    color: #fff;
    background-color: var(--primary-color);
}

.hazo-pagination ul li svg {
    height: 15px;
}

.hazo-pagination ul li svg path {
    stroke: #cdcecd;
}

.hazo-pagination ul li:hover svg path {
    stroke: #fff;
}

.hazo-pagination ul .active {
    border: 2px solid var(--primary-color);
}

.hazo-pagination ul .active a {
    color: #fff;
    background-color: var(--primary-color);
}

.section-slider .flickity-page-dots {
    bottom: 30px;
}

.section-slider .hz-flickity-button .flickity-button.next {
    right: 0;
}

.section-slider .hz-flickity-button .flickity-button.previous {
    left: 0;
}


/* Header

--------------------------------------------- */

.top-bar {
    font-size: 15px;
    padding: 10px 0;
    background: #d42027;
    color: #fff;
    position: relative;
    z-index: 1;
}

.top-bar .contact-top ul {
    display: flex;
    gap: 10px;
    flex-flow: wrap;
}

.top-bar .contact-top ul li {
    margin-right: 20px;
}

.top-bar .contact-top ul li a {
    color: #fff;
}


/** HEADER **/

.page-template-home .header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #fff;
    padding: 15px 0;
}

body:not(.page-template-home) .header {
    position: sticky;
    top: 0;
    background-color: #fff;
    box-shadow: 0 3px 5px 0 #9c9c9c44;
    padding: 10px 0;
    z-index: 2222;
}

.header {}

.header.active {
    background-color: #fff;
    box-shadow: 0 3px 5px 0 #9c9c9c44;
    padding: 15px 0;
}

.header__logo img {
    max-height: 64px;
    width: auto;
}

.header__menu ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.header__menu ul li {
    position: relative;
}

.header__menu ul li:not(:last-child) {
    margin-right: 15px;
}

.header__menu ul li a {
    font-weight: 700;
    font-size: 18px;
    color: #333;
}

.header__menu ul li.current-menu-item>a,
.header__menu ul li:hover>a {
    color: var(--primary-color);
}

.header__menu ul li.menu-item-has-children a {}

.header__menu ul li.menu-item-has-children>a:after {
    content: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.40625 1L6.40625 6L11.4062 1' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    margin-left: 4px;
    display: inline-block;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

.header__menu ul li.menu-item-has-children:hover>a:after,
.header__menu ul li.menu-item-has-children.current-menu-item>a:after {
    content: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.40625 1L6.40625 6L11.4062 1' stroke='%23d42027' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.header__menu ul li.active>a:not(.header__button) {
    color: var(--primary-color);
}

.header__menu ul li ul {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    width: 250px;
    min-width: max-content;
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 #9c9c9c44;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    z-index: 999;
}
.header__menu ul li ul>li ul{
    left: calc(100% + 15px);
}
.header__menu ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.header__menu ul li ul li {
    margin-right: 0;
}

.header__menu ul li ul li a {
    display: block;
    padding: 8px 15px;
}

.header__menu ul li ul li:not(:last-child) {
    border-bottom: 1px solid #ededed;
}

.header__button {
    padding: 8px 40px 9px 40px;
    color: #fff !important;
    font-weight: 400;
    background-color: var(--primary-color);
    border-radius: 23px;
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 0 0 var(--primary-color);
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
    display: inline-block;
}

@media (hover) {
    .header .header__button:hover {
        background-color: #fff;
        color: var(--primary-color) !important;
    }
}

.header__bars {
    color: var(--grey);
    width: 30px;
    height: 30px;
}

.header__bars svg {
    width: 30px;
    height: 30px;
    color: var(--primary-color);
}

@media screen and (max-width: 1199px) {
    .header {
        padding: 15px 0;
    }
    .header__menu ul li:not(:last-child) {
        margin-right: 20px;
    }
    .header__menu ul li a {
        font-size: 16px;
    }
    .header__menu ul li .header__button {
        padding: 8px 20px;
    }
    .header .header__button {
        padding: 8px 15px;
    }
}


/* Home

--------------------------------------------- */

.home-banner {
    padding: 50px 0px 40px 0;
    line-height: 1.3;
    background-color: #FBE9EA;
    position: relative;
    background-size: 100% 100%;
}

.home-banner:before {
    content: url("data:image/svg+xml,%3Csvg width='279' height='193' viewBox='0 0 279 193' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M165.799 158.998C125.55 168.576 38.4959 185.657 0 193V0H279C277.221 10.0571 272.825 32.0868 266.422 66.5682C258.418 109.67 216.111 147.025 165.799 158.998Z' fill='url(%23paint0_linear_5_411)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5_411' x1='-178.138' y1='-87' x2='259.499' y2='46.3401' gradientUnits='userSpaceOnUse'%3E%3Cstop/%3E%3Cstop offset='1' stop-color='%23D42027'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    top: 0;
    left: 0;
}

.home-banner__content {
    margin-top: 0px;
}

.date-note {
    position: relative;
    bottom: 20px;
    color: var(--primary-color);
    font-size: 18px;
    text-align: center;
}

@media (min-width: 768px) {
    .date-note {
        right: 27px;
    }
}

.home-banner__title {
    font-size: 46px;
}

.page-template-template-webDesign .home-banner__title {
    font-size: 36px;
}

.home-banner__subtitle {
    font-size: 24px;
}

.home-banner__desc {
    font-size: 18px;
    font-style: italic;
}

.home-banner__desc ul {
    padding: 0;
    list-style: none;
}

.home-banner__desc 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);
    margin-bottom: 18px;
}

.home-banner__form {
    margin-top: 60px;
}

@media (min-width: 992px) {
    .home-banner__form {
        width: 82%;
        margin-left: auto;
    }
}

.home-banner__form-inner .form-group input {
    border: 1px solid transparent;
    outline: none;
    flex: 1;
    padding: 19px 32px;
    width: 100%;
}

.home-banner__form-inner input[type="submit"] {
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    outline: none;
    padding: 8px;
    width: 175px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    border: 1px solid var(--primary-color);
    top: 15%;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    right: 9px;
    -webkit-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    animation: shake 1s cubic-bezier(.36, .07, .19, .97) both infinite;
    perspective: 1000px;
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-3px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(3px, 0, 0);
    }
}

.home-banner__form-inner input[type="submit"]:hover {
    background-color: #fff;
    color: var(--primary-color);
}

.home-banner__form-inner .wpcf7-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 170px;
}


/*Home agency*/

.section-agency {
    padding: 60px 0;
    display: block;
}

.section-agency .title-module .head-title {
    font-size: 42px;
}

.section-agency .title-module .heading-subtitle {
    font-size: 38px;
}

.section-agency .agency-elementor .box-item {
    width: 20%;
}

.section-agency .agency-elementor .box-item .agency-icon img {
    max-width: 50px;
}

.section-agency .agency-elementor .box-item .agency-content .agency-value {
    font-size: 50px;
}

.video-agency .img_frame {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border-radius: 20px;
    overflow: hidden;
}

.video-agency .img_frame iframe,
.video-agency .img_frame object,
.video-agency .img_frame embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-agency .box-video iframe {
    height: 100%;
    width: 100%;
    display: flex;
    border: none;
    background-color: #000;
}

.video-agency .img_frame img {
    width: 100%;
}

.video-agency .btn-play {
    position: absolute;
    top: 50%;
    font-size: 40px;
    z-index: 999;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #d42027;
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    pointer-events: none;
    justify-content: center;
    align-items: center;
}

.video-agency .btn-play .fa {
    color: #fff;
    font-size: 70px;
    z-index: 2;
}

@media(max-width:992px) {
    .video-agency .btn-play {
        width: 50px;
        height: 50px;
    }
    .video-agency .btn-play .fa {
        font-size: 40px;
    }
}

.video-agency .btn-play:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100%;
    height: 100%;
    background: #ba1f24;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-agency .btn-play:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100%;
    height: 100%;
    background: #fa183d;
    border-radius: 50%;
    transition: all 200ms;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@media(max-width:991px) {
    .section-agency .title-module .head-title {
        font-size: 26px;
    }
    .section-agency .title-module .heading-subtitle {
        font-size: 23px;
    }
    .section-agency .agency-elementor {
        flex-flow: wrap;
    }
    .section-agency .agency-elementor .box-item {
        width: 50%;
    }
    .section-agency .agency-elementor .box-item:last-child {
        width: 100%;
    }
    .section-agency .agency-elementor .box-item .agency-content .agency-value {
        font-size: 38px;
    }
}

.home-reason {
    padding: 65px 0 60px 0;
}

.home-reason .section-title {
    margin-bottom: 52px;
}

.home-reason .row {
    margin-top: -40px;
}

.home-reason .row>[class*='col'] {
    margin-top: 40px;
}

.home-reason-item__icon {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    width: 99px;
    height: 99px;
    margin: 0 auto -40px auto;
    position: relative;
    overflow: hidden;
    padding: 3px;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.home-reason-item__icon img {
    border-radius: 0 !important;
}

.home-reason-item__icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(133.04deg, #FBE9EA -3.66%, rgba(255, 255, 255, 0) 100%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.home-reason-item__icon svg {
    color: var(--primary-color);
    position: relative;
}

.home-reason-item:hover .home-reason-item__icon {
    background: var(--primary-color);
}

.home-reason-item:hover .home-reason-item__icon:before {
    opacity: 0;
}

.home-reason-item:hover .home-reason-item__icon svg {
    color: #fff;
}

.home-reason-item__content {
    background: linear-gradient(105.19deg, #fcdfe2 0%, #f6f6f6  100%);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    padding: 52px 20px 42px 20px;
    border-radius: 8px;

}

.home-reason-item__title {
    font-size: 24px;
    margin-bottom: 16px;
}

.home-reason-item__desc {
    letter-spacing: 0.01em;
    text-align: justify;
}

.home-advantages {
    padding: 152px 0px 191px 0;
}

.home-advantages .section-title {
    margin-bottom: 45px;
}

.home-advantages-item {
    border: 1px solid #FFA7AA;
    border-radius: 8px;
    background-color: #fff;
    padding: 26px 16px 20px 16px;
    height: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.home-advantages-item__icon {
    color: var(--primary-color);
    width: 59px;
    height: 59px;
    margin: 0 auto 21px auto;
}

.home-advantages-item__title {
    font-size: 24px;
    margin-bottom: 15px;
    line-height: calc(32 / 24);
    padding: 0 10px;
}

.home-advantages-item__content {
    font-size: 18px;
    line-height: 1.44;
}

.home-advantages-item:hover {
    color: #fff;
    background-color: var(--primary-color);
}

.home-advantages-item:hover .home-advantages-item__icon {
    color: #fff;
}

.home-sample {
    padding: 50px 0 60px 0;
}

.home-sample .section-title {
    margin-bottom: 10px;
}

.home-sample__desc {
    margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
    .home-sample__desc {
        width: 54%;
    }
}

.design-services .design-services__item {
    padding: 39px;
    box-shadow: 0 0 20px 1px #ebebeb;
    border-radius: 20px;
    height: 100%;
}

.design-services .design-services__item .box-choose-top {
    padding: 30px 30px 30px 30px;
    background-color: #FDF3F3;
    border-radius: 25px 25px 25px 25px;
}

.design-services .design-services__item .box-choose-top .icon-choose img {
    max-width: 48px;
}

.design-services .col-md-6:first-child .box-choose-top {
    background: var(--primary-color);
}

.design-services .col-md-6:first-child .box-choose-top>* {
    filter: brightness(0) invert(1);
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}

.section-faq {
    padding: 60px 0;
}

.section-faq .title-faq h3 {
    font-size: 30px;
}

.section-faq .title-faq h3 span {
    color: var(--primary-color);
}

.section-faq .accordion .card-header button.collapsed {
    color: #333;
}

.section-faq .accordion .card-header button {
    font-size: 18px;
    outline: none;
    white-space: inherit;
    text-decoration: none;
    color: var(--primary-color);
}

.section-faq .accordion .card-header button.collapsed .fa {
    transform: translate(-50%, -10px) rotate(0deg);
}

.section-faq .accordion .card-header button .fa {
    right: 10px;
    top: 50%;
    transform: translate(-50%, -10px);
    font-size: 26px;
    transition: all ease 0.3s;
    transform: translate(-50%, -10px) rotate(180deg);
}

.theme-item {
    background-color: #fff;
    box-shadow: 0 0 10px #00000026;
    border: 1px solid #e1e1e1;
    border-radius: 5px 5px 0 0;
    height: 100%;
}

.theme-item__image .img-block {
    padding-bottom: 100%;
    overflow: hidden;
}

.theme-item__image img {
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
}

.theme-item:hover img {
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
}

.theme-item__title a {
    font-size: 18px;
    color: #333;
}

.theme-item:hover .theme-item__title a {
    color: var(--primary-color);
}

.theme-item:hover .theme-item__image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.theme-item__bottom {
    padding: 13px 20px;
}

.theme-item .price {}

.theme-item .price ins {
    color: var(--primary-color);
    text-decoration: none;
    margin-right: 10px;
}

.theme-item .price del {
    color: #999;
    font-size: 14px;
}

.theme-item__link {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
}

.theme-item__link a {
    display: block;
    margin-bottom: 10px;
    padding: 9px 20px;
    border: 1px solid #fff;
    color: #fff;
    width: 120px;
    text-align: center;
    position: relative;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-in-out 0.2s, visibility 0.3s ease-in-out 0.2s, background-color 0.1s ease, border-color 0.1s ease, -webkit-transform 0.3s ease-in-out 0.2s;
    transition: opacity 0.3s ease-in-out 0.2s, visibility 0.3s ease-in-out 0.2s, background-color 0.1s ease, border-color 0.1s ease, -webkit-transform 0.3s ease-in-out 0.2s;
    transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, visibility 0.3s ease-in-out 0.2s, background-color 0.1s ease, border-color 0.1s ease;
    transition: transform 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s, visibility 0.3s ease-in-out 0.2s, background-color 0.1s ease, border-color 0.1s ease, -webkit-transform 0.3s ease-in-out 0.2s;
}

.theme-item .theme-item__link a:nth-child(2) {
    -webkit-transition: opacity 0.3s ease-in-out 0.4s, visibility 0.3s ease-in-out 0.4s, background-color 0.1s ease, border-color 0.1s ease, -webkit-transform 0.3s ease-in-out 0.4s;
    transition: opacity 0.3s ease-in-out 0.4s, visibility 0.3s ease-in-out 0.4s, background-color 0.1s ease, border-color 0.1s ease, -webkit-transform 0.3s ease-in-out 0.4s;
    transition: transform 0.3s ease-in-out 0.4s, opacity 0.3s ease-in-out 0.4s, visibility 0.3s ease-in-out 0.4s, background-color 0.1s ease, border-color 0.1s ease;
    transition: transform 0.3s ease-in-out 0.4s, opacity 0.3s ease-in-out 0.4s, visibility 0.3s ease-in-out 0.4s, background-color 0.1s ease, border-color 0.1s ease, -webkit-transform 0.3s ease-in-out 0.4s;
}

.theme-item:hover .theme-item__link a {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.theme-item__link a:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.home-sample__carousel>[class*='col'] {
    margin-top: 40px;
}

.home-sample__carousel:after {
    content: 'flickity';
    display: none;
}

@media screen and (min-width: 1024px) {
    .home-sample__carousel {
        /* disable Flickity for large devices */
        margin: -40px -15px 0 -15px;
    }
    .home-sample__carousel:after {
        content: '';
    }
}

.home-sample__carousel .flickity-button {
    background-color: #f15359;
}

.home-sample__carousel .flickity-button svg {
    width: 40%;
    height: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home-sample__carousel .flickity-button svg path {
    fill: #fff;
}

.home-process {
    padding: 60px 0;
}

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

.home-process .row {
    margin-top: -75px;
}

.home-process .row>[class*='col'] {
    margin-top: 75px;
}

.home-process .row>[class*='col']:nth-child(1) .home-process-item:after,
.home-process .row>[class*='col']:nth-child(2) .home-process-item:after {
    content: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='%23D42027' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 38%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -20px;
}

.home-process .row>[class*='col']:nth-child(4) .home-process-item:after,
.home-process .row>[class*='col']:nth-child(5) .home-process-item:after {
    content: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L1 7L7 1' stroke='%23D42027' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* right: -20px; */
}

.home-process-list:before {
    content: '';
    position: absolute;
    top: 54%;
    right: 0;
    width: 85%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 235px;
    border: 1px dashed var(--primary-color);
    display: block;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-left-color: #fff;
}

.home-process-item {
    z-index: 99;
}

.home-process-item__step {
    width: 113px;
    height: 113px;
    background: linear-gradient(135.56deg, #FCEDEE 16.39%, #FFFFFF 83.87%);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    color: var(--primary-color);
    margin-bottom: 8px;
    font-size: 18px;
}

.home-process-item__step b {
    font-size: 32px;
    line-height: 1;
}

.home-process-item__title {
    font-size: 24px;
}

.home-feedback {
    padding: 80px 0 65px 0;
    background-color: #F4E8E9;
}

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

.home-feedback-item {
    background: linear-gradient(107.2deg, #FBE9EA 0.65%, #FFFFFF 100%);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    overflow: hidden;
}

.home-feedback-item__head {
    padding: 24px 32px 52px 32px;
}

.home-feedback-item__quote {
    position: absolute;
    top: 24px;
    left: 32px;
}

.home-feedback-item__quote svg {
    filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.15));
}

.home-feedback-item__star {
    text-align: right;
    display: block;
    margin-bottom: 18px;
}

.home-feedback-item__content {
    font-style: italic;
    min-height: 75px;
}

.home-feedback-item__footer {
    background: linear-gradient(90deg, #FF3F46 0%, #FFFFFF 100%);
    padding: 8px 32px;
}

.home-feedback-item__avatar {
    width: 100px;
    height: 100px;
    right: 32px;
    bottom: 13px;
    overflow: hidden;
}

.home-feedback-item__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}

.home-feedback__carousel {
    margin-left: -15px;
    margin-right: -15px;
}

@media screen and (min-width: 768px) {
    .home-feedback__carousel.min-item .flickity-button {
        display: none;
    }
}

.home-feedback__carousel .flickity-button {
    width: 40px;
    height: 40px;
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.home-feedback__carousel .flickity-button:hover {
    background-color: var(--primary-color);
}

.home-feedback__carousel .flickity-button:hover:after {
    filter: brightness(0) invert(1);
}

.home-feedback__carousel .flickity-button svg {
    display: none;
}

.home-feedback__carousel .flickity-button.next:after,
.home-feedback__carousel .flickity-button.previous:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home-feedback__carousel .flickity-button.next {
    right: -41px;
}

.home-feedback__carousel .flickity-button.next:after {
    content: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' /%3E%3Cpath d='M1 13L7 7L1 1' stroke='%236E6E6E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.home-feedback__carousel .flickity-button.previous {
    left: -41px;
}

.home-feedback__carousel .flickity-button.previous:after {
    content: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L1 7L7 1' /%3E%3Cpath d='M7 13L1 7L7 1' stroke='%236E6E6E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.home-feedback__carousel .carousel-cell{
    width: 33%;
    margin-right: 10px;
    height: auto;
}

@media (max-width:992px) and (min-width:767px) {
    .home-feedback__carousel .carousel-cell{
        width: 50%;
    }
}

@media (max-width:767px) {
    .home-feedback__carousel .carousel-cell{
        width: 100%;
        margin: 0 5px;
    }
}



.home-partner {
    padding: 80px 0px 65px 0;
}

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

.home-partner .row {
    margin-top: -30px;
}

.home-partner-item {
    padding-bottom: 54.7%;
    border: 1px solid #939393;
    border-radius: 4px;
}

.home-partner-item img {
    object-fit: contain;
    width: 80%;
    height: 80%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home-contact {
    padding: 80px 0;
    background-color: var(--primary-color);
}

@media screen and (min-width: 1200px) {
    .home-contact__form {
        width: 82.4%;
    }
}

.home-contact__form .form-group {
    margin-bottom: 20px;
}

.home-contact__form .form-group input {
    border-radius: 9999px;
    font-size: 16px;
    color: #5D5D5D;
    padding: 7.5px 30px;
    height: auto;
    border: 1px solid #fff;
}

.home-contact__form .form-group input:focus {
    box-shadow: unset;
}

.home-contact__form .form-bottom .wpcf7-spinner {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}

.home-contact__form button {
    width: 256px;
    text-align: center;
    border-radius: 9999px;
    background-color: #fff;
    color: #5D5D5D;
    font-weight: 700;
    padding: 8.5px 30px;
    border: none;
    outline: none;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.home-contact__form button:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.home-contact__form .section-title {
    margin-bottom: 35px;
}

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

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

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

.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;
}

.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-right: 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;
}

@media screen and (max-width: 1600px) {
    .home-banner:before {
        display: none;
    }
}

@media screen and (max-width: 1439px) {
    .home-banner {
        background-image: unset !important;
    }
    .page-template-template-webDesign .home-banner__title,
    .home-banner__title {
        font-size: 40px;
    }
    .home-banner__subtitle {
        font-size: 36px;
    }
    .home-reason-item {
        height: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .home-banner__content {
        margin-top: 0;
        align-self: center;
    }
    .page-template-template-webDesign .home-banner__title,
    .home-banner__title {
        font-size: 33px;
    }
    .home-banner__subtitle {
        font-size: 30px;
    }
    .home-feedback__carousel .flickity-button.next {
        right: 0;
    }
    .home-feedback__carousel .flickity-button.previous {
        left: 0;
    }
}

@media screen and (max-width: 1023px) {
    .home-banner .section-title,
    .home-reason .section-title,
    .home-advantages .section-title,
    .home-sample .section-title,
    .home-price .section-title,
    .home-process .section-title,
    .home-feedback .section-title,
    .home-partner .section-title,
    .home-contact__form .section-title {
        margin-bottom: 25px;
    }
    .page-template-template-webDesign .home-banner__title {
        font-size: 20px;
    }
    .home-banner__title {
        font-size: 26px;
    }
    .home-banner__subtitle {
        font-size: 18px;
    }
    .home-banner__desc {
        font-size: 16px;
    }
    .home-banner__form {
        margin-top: 30px;
    }
    .home-banner__form-inner input[type="submit"] {
        width: 124px;
        font-size: 16px;
    }
    .page-template-template-webDesign .home-banner__form-inner input[type="submit"] {
        font-size: 14px;
    }
    .home-banner__form-inner .form-group input {
        padding: 15px 12px;
    }
    .home-reason {
        padding: 40px 0;
    }
    .home-reason-item__title {
        font-size: 21px;
    }
    .home-advantages {
        padding: 60px 0px 40px 0;
    }
    .home-sample {
        padding: 40px 0;
    }
    .home-process {
        padding: 40px 0;
    }
    .home-process-item__step {
        width: 100px;
        height: 100px;
    }
    .home-process-item__step b {
        font-size: 28px;
    }
    .home-process-item__title {
        font-size: 21px;
    }
    .home-process-list:before {
        top: 51%;
        height: 181px;
    }
    .home-process .row {
        margin-top: -40px;
    }
    .home-process .row>[class*='col'] {
        margin-top: 40px;
    }
    .home-process .row>[class*='col']:nth-child(1) .home-process-item:after,
    .home-process .row>[class*='col']:nth-child(2) .home-process-item:after {
        top: 38%;
    }
    .home-price {
        padding: 40px 0;
    }
    .home-feedback-item__avatar {
        width: 80px;
        height: 80px;
    }
    .home-contact,
    .home-partner {
        padding: 40px 0;
    }
    .home-contact .section-title {
        font-size: 21px;
    }
    .home-contact__form button {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 767px) {
    .hazo-archive-template {
        padding-left: 10px;
        padding-right: 10px;
    }
    .theme-item__bottom {
        padding: 10px 13px;
    }
    .home-banner__image {
        width: 100%;
        margin: 0 auto;
    }
    .home-reason .row {
        margin-top: -30px;
    }
    .home-reason .row>[class*='col'] {
        margin-top: 30px;
    }
    .home-advantages {
        background-color: #faeaeb;
        background-image: unset;
    }
    .theme-item__image {
        margin-bottom: 10px;
    }
    .home-process .row {
        margin-top: -40px;
    }
    .home-process .row>[class*='col'] {
        margin-top: 40px;
    }
    .home-process .row>[class*='col']:nth-child(1) .home-process-item:after {
        top: 33%;
        right: -21px;
    }
    .home-process .row>[class*='col']:nth-child(2) .home-process-item:after {
        display: none;
    }
    .home-process .row>[class*='col']:nth-child(3) .home-process-item:after {
        content: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L1 7L7 1' stroke='%23D42027' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        position: absolute;
        top: 44%;
        transform: translateY(-50%);
    }
    .home-process .row>[class*='col']:nth-child(4) .home-process-item:after {
        display: none;
    }
    .home-process .row>[class*='col']:nth-child(5) .home-process-item:after {
        content: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='%23D42027' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        position: absolute;
        right: -20px;
        top: 53%;
        transform: translateY(-50%);
    }
    .home-process-list:before {
        top: 34%;
        width: 85%;
        height: 190px;
        right: 10px;
    }
    .home-process-list:after {
        content: '';
        position: absolute;
        bottom: -6%;
        left: 10px;
        width: 84%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 187px;
        border: 1px dashed var(--primary-color);
        display: block;
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px;
        border-right-color: #fff;
    }
    .home-process-item__title {
        font-size: 17px;
    }
    .home-feedback__carousel .flickity-button {
        display: none;
    }
    .home-feedback-flickity__button button {
        width: 40px;
        height: 40px;
        background-color: #fff;
        background-color: #FFA5A8;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        outline: none;
        border-radius: 50%;
        margin: 0 10px;
    }
    .home-feedback-flickity__button button svg {
        width: 40%;
        height: 40%;
    }
    .home-feedback-flickity__button button svg path {
        stroke: #fff;
    }
    .home-question-left .home-question-item:last-child {
        border-bottom: none;
    }
}

@media screen and (max-width: 424px) {
    .home-process-list:after {
        bottom: calc(-5% - 1px);
        height: 182px;
    }
    .home-process-item__title {
        font-size: 16px;
    }
    .home-process .row>[class*='col']:nth-child(5) .home-process-item:after {
        top: 52%;
    }
}

@media screen and (max-width: 374px) {
    .home-process-list:before {
        top: 33%;
        width: 85%;
        height: 220px;
        right: 10px;
    }
    .home-process-list:after {
        height: 209px;
        bottom: calc(-5% - -2px);
    }
    .home-process-item__title {
        font-size: 16px;
    }
    .home-process .row>[class*='col']:nth-child(5) .home-process-item:after {
        top: 52%;
    }
}


/* Sidebar

--------------------------------------------- */


/** Sidebar **/

.sidebar__item {
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    overflow: hidden;
}

.sidebar__item-head {
    padding: 15px 16px;
    background-color: var(--secondary-color);
    font-weight: 600;
    color: #fff;
    font-size: 21px;
}

.sidebar__item ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

@media only screen and (max-width: 1023px) {
    .sidebar__item ul {
        display: none;
    }
}

.sidebar__item ul li:not(:last-child) {
    border-bottom: 1px solid #E8E8E8;
}

.sidebar__item ul li a {
    display: block;
    padding: 10px 12px;
    color: #333;
    font-weight: 500;
}

@media (hover) {
    .sidebar__item ul li a:hover {
        color: var(--secondary-color);
    }
}

.sidebar__news-list {
    padding-bottom: 37.5px;
}

.sidebar__news-item {
    padding: 16px;
    border-bottom: 1px solid #E8E8E8;
}

.sidebar__news-item .item__image {
    width: 70px;
    flex: 0 0 auto;
    padding-bottom: 14.06%;
}

.sidebar__news-item .item__title {
    width: calc(100% - 70px);
    flex: 0 0 auto;
    padding-left: 8px;
    font-weight: 500;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar__news-item .item__title a {
    color: #333;
}

@media (hover) {
    .sidebar__news-item:hover .item__title a {
        color: var(--secondary-color);
    }
}


/** Sidebar Product **/

.sidebar-product {
    padding: 40px 0;
}

.sidebar-product .sidebar__item-head {
    font-size: 18px;
    padding: 10px 15px;
}

.sidebar__item-toggle-btn {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar__item-toggle-btn: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='M6 1V11M1 6L11 6' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.sidebar__item-toggle-btn.clicked:after {
    content: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L11 1' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media only screen and (max-width: 1023px) {
    .sidebar-product {
        position: fixed;
        width: 85%;
        max-width: 350px;
        top: 0;
        left: -100%;
        height: 100vh;
        background-color: #fff;
        z-index: 5555;
        padding-top: 0;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    .sidebar-product.active {
        left: 0;
    }
    .sidebar-product .sidebar__item {
        box-shadow: unset;
        border: 1px solid var(--lightgrey);
    }
    .sidebar-product .sidebar__item-head {
        font-size: 16px;
    }
    .sidebar-product .sidebar-product__list {
        padding: 10px 15px;
        overflow: auto;
        height: 100%;
    }
}

.sidebar-product__head-mobile {
    padding: 15px;
    color: #fff;
    background-color: var(--secondary-color);
    font-size: 18px;
    margin-bottom: 10px;
}

.sidebar-product__close {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.sidebar-product__close svg path {
    stroke: #fff;
}


/* Footer
--------------------------------------------- */

footer .footer {
    background: #1b1e2d;
    color: #fff;
    padding-top: 60px;
}

footer .footer .mid-footer {
    padding-bottom: 30px;
}

.footer-wrapper .title-footer {
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
}

.footer-wrapper .title-footer.logo a {
    position: relative;
    z-index: 1;
}

.footer-wrapper .title-footer.logo img {
    max-height: 58px;
    filter: brightness(0) invert(1);
}

.mid-footer p,
.mid-footer span {
    color: #9f9f9f;
    font-weight: 500;
}

.footer-wrapper .title-footer.logo .lg-white {
    left: -2px;
    z-index: 0;
    top: -1px;
}

.bottom-footer {
    border-top: 1px solid rgba(187, 187, 187, .1);
    border-bottom: 1px solid rgba(187, 187, 187, .1);
    padding: 42px 0 35px 0;
}

.footer_list p,
.footer_list span {
    color: #9f9f9f;
    font-weight: 500;
}

.footer_list p a,
.footer_list span a {
    color: #9f9f9f;
}

.footer_list p a:hover,
.footer_list span a:hover {
    color: #fff;
}

.footer_list.info-footer li {
    display: flex;
    gap: 3px;
    align-items: baseline;
}

.footer_list.info-footer li svg {
    width: 20px;
    min-width: 20px;
    color: #9f9f9f;
}

.footer_list.info-footer li svg path {
    fill: #9f9f9f;
}

.list-footer-icon li {
    display: inline-block;
    padding-left: 9px;
}

.list-footer-icon img {
    max-height: 35px;
}

.list-footer-icon-title {
    font-size: 20px;
    margin-top: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.list-footer-icon a i {
    border-radius: 50%;
    background: #fff;
    color: #333;
    font-size: 24px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-footer-icon a:hover i {
    background: var(--primary-color);
    color: #fff;
}

.col-footer h3 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
}

.col-footer .footer_list p,
.col-footer .footer_list a {
    display: inline-block;
    color: #9d9d9d;
    margin-bottom: 8px;
    margin-top: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.col-footer .footer_list a:hover {
    color: var(--primary-color);
}

footer ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}

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

.ft-bottom span {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.copyright {
    background: #1b1e2d;
    padding: 30px 0;
}

.copyright-text {
    font-weight: 700;
    font-size: 11px;
    color: #9d9d9d;
}


/* HOME SAMPLE */

.home-sample__category {
    padding: 10px 0 50px 0;
}

.home-sample__category .row {
    margin-top: -30px;
}

.home-sample__category .row>[class*='col'] {
    margin-top: 30px;
}

.home-sample__category-item {
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #FFA7AA;
    box-shadow: 0px 0px 10px rgba(212, 32, 39, 0.2);
    border-radius: 30px;
    width: 175px;
    height: 175px;
    text-align: center;
}

.home-sample__category-item .item__title {
    font-size: 18px;
    font-weight: 600;
}

.home-sample__category-item .item__title a {
    color: #333;
}

.home-sample__category-item:hover .item__title a {
    color: var(--primary-color);
}

.home-sample__category-item .img-block {
    overflow: hidden;
    width: 100%;
    padding-bottom: 100%;
    margin: 0 auto 10px auto;
}

.home-sample__category-item .img-block img {
    object-fit: contain;
}

@media screen and (min-width: 768px) {
    .home-sample__category-item .img-block {
        width: 88.6%;
        padding-bottom: 75.6%;
    }
}

@media screen and (max-width:1023px) {
    .home-price-nav {
        margin-top: 30px;
    }
}

@media(min-width:768px) and (max-width:1366px) {
    .home-sample__category-item {
        width: auto;
        height: auto;
        padding: 5px;
    }
    .home-sample__category-item .item__title a {
        font-size: 16px;
    }
}


/** PRICE **/

.home2-price {
    padding: 60px 0;
    position: relative;
}

.home2-price__title {
    margin-bottom: 30px;
}

.home2-price__title:before {
    content: '';
    width: 10px;
    height: 80px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: block;
    background-color: var(--primary-color);
    margin-right: 50px;
}

@media screen and (max-width:767px) {
    .home2-price {
        padding: 50px 0;
    }
    .home2-price__title:before {
        margin-right: 15px;
    }
}

.home2-price__desc ul {
    list-style: none;
}

.home2-price__desc li {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    line-height: 1.4;
}

.home2-price__desc li:before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: rgba(212, 32, 39, 0.9);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 10px;
    margin-top: 3px;
}

.home2-price-nav {
    margin-top: 30px;
}

.home2-price-nav ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #EBEBEB;
    position: relative;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
}

.home2-price-nav li a {
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
    position: relative;
    z-index: 9;
    font-weight: 700;
    color: #000;
    line-height: 1.5;
    padding-bottom: 8px;
    padding-top: 7px;
}

.home2-price-nav li a:hover {
    color: var(--primary-color);
}

@media screen and (max-width: 1023px) {
    .home2-price-nav li a {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.home2-price-nav li .active {
    background-color: transparent !important;
    color: #fff;
}

.home2-price-nav .indicator {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 0;
    width: 0;
    height: 100%;
    background: var(--primary-color);
    -webkit-transition: left .3s, width .3s;
    transition: left .3s, width .3s;
    z-index: 1;
    border-radius: 9999px;
}

.home2-price-tab-content {
    margin-top: 130px;
}

@media screen and (max-width: 1023px) {
    .home2-price-tab-content {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1023px) {
    .home2-price-tab-content {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .home2-price-tab-content .tab-pane .row {
        margin-right: -10px !important;
        margin-left: -10px !important;
    }
    .home2-price-tab-content .tab-pane .row [class*='col-'] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

.home2-price-tab-content .item-highlights {
    /* margin-top: -50px; */
}

.home2-price-tab-content .item-highlights .home2-price-tab__item {
    border: 1px solid var(--primary-color);
}

@media screen and (min-width:1023px) {
    .home2-price-tab-content .item-highlights .home2-price-tab__item {
        margin-top: -50px;
    }
}

.home2-price-tab-content .item-highlights .item__name {
    color: var(--primary-color);
}

.home2-price-tab-content .item-red .home2-price-tab__item {
    background-color: rgba(213, 32, 39, 0.8);
    color: #fff;
}

.home2-price-tab-content .item-red .home2-price-tab__item .item__name {
    color: #FFE351;
}


/* .home2-price-tab-content .item-red .home2-price-tab__item .item__icon {
    background-color: #FFE351;
} */


/* 
.item-highlights.item-red .item__icon {
    opacity: 0;
} */

.rounded-circle img {
    border-radius: 50%;
    object-fit: contain;
}

.home2-price-tab-content .item-red .home2-price-tab__item .separate {
    background-color: #FFE351;
}

.home2-price-tab-content .item-red .home2-price-tab__item .item__button:hover {
    background-color: #ffffff;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.home2-price-tab-content .item-red .home2-price-tab__item .item__button:hover:after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z'/%3E%3C/mask%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z' fill='%23D42027'/%3E%3Cpath d='M10 4.99951L12.1213 2.87819L10.0276 0.784492L7.90666 2.85057L10 4.99951ZM9.10625 5.87014L7.01291 3.7212L4.84087 5.83704L6.97982 7.98633L9.10625 5.87014ZM12.5938 9.37451V12.3745H19.8117L14.7202 7.25832L12.5938 9.37451ZM5 9.37451V6.37451H2V9.37451H5ZM5 10.6245H2V13.6245H5V10.6245ZM12.5938 10.6245L14.7137 12.7472L19.8428 7.62451H12.5938V10.6245ZM9.10625 14.1076L6.98626 11.985L4.86005 14.1085L6.98716 16.2312L9.10625 14.1076ZM10 14.9995L7.88091 17.1231L10.0022 19.2399L12.1213 17.1208L10 14.9995ZM15 9.99951L17.1213 12.1208L19.2426 9.99951L17.1213 7.87819L15 9.99951ZM7.90666 2.85057L7.01291 3.7212L11.1996 8.01908L12.0933 7.14845L7.90666 2.85057ZM6.97982 7.98633L10.4673 11.4907L14.7202 7.25832L11.2327 3.75394L6.97982 7.98633ZM12.5938 6.37451H5V12.3745H12.5938V6.37451ZM2 9.37451V10.6245H8V9.37451H2ZM5 13.6245H12.5938V7.62451H5V13.6245ZM10.4738 8.50186L6.98626 11.985L11.2262 16.2303L14.7137 12.7472L10.4738 8.50186ZM6.98716 16.2312L7.88091 17.1231L12.1191 12.876L11.2253 11.9841L6.98716 16.2312ZM12.1213 17.1208L17.1213 12.1208L12.8787 7.87819L7.87868 12.8782L12.1213 17.1208ZM17.1213 7.87819L12.1213 2.87819L7.87868 7.12083L12.8787 12.1208L17.1213 7.87819Z' fill='%23D42027' mask='url(%23path-1-inside-1)'/%3E%3Cmask id='path-3-inside-2' fill='white'%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z'/%3E%3C/mask%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z' fill='%23D42027'/%3E%3Cpath d='M18.75 9.99952L21.75 10.0029V9.99952H18.75ZM17.5 9.99952H20.5L20.5 9.99602L17.5 9.99952ZM10 15.7495C8.86276 15.7495 7.75106 15.4123 6.80547 14.7805L3.47205 19.7693C5.40433 21.0604 7.67607 21.7495 10 21.7495V15.7495ZM6.80547 14.7805C5.85989 14.1486 5.1229 13.2506 4.6877 12.1999L-0.855581 14.496C0.033749 16.6431 1.53978 18.4782 3.47205 19.7693L6.80547 14.7805ZM4.6877 12.1999C4.25249 11.1493 4.13862 9.99314 4.36049 8.87775L-1.52422 7.7072C-1.9776 9.98648 -1.74491 12.349 -0.855581 14.496L4.6877 12.1999ZM4.36049 8.87775C4.58235 7.76236 5.12999 6.7378 5.93414 5.93365L1.6915 1.69101C0.0482317 3.33428 -1.07085 5.42793 -1.52422 7.7072L4.36049 8.87775ZM5.93414 5.93365C6.73829 5.1295 7.76284 4.58187 8.87823 4.36L7.70769 -1.52471C5.42842 -1.07134 3.33477 0.0477434 1.6915 1.69101L5.93414 5.93365ZM8.87823 4.36C9.99363 4.13814 11.1498 4.252 12.2004 4.68721L14.4965 -0.856069C12.3495 -1.7454 9.98697 -1.97809 7.70769 -1.52471L8.87823 4.36ZM12.2004 4.68721C13.2511 5.12241 14.1491 5.8594 14.781 6.80499L19.7698 3.47157C18.4787 1.53929 16.6436 0.0332607 14.4965 -0.856069L12.2004 4.68721ZM14.781 6.80499C15.4128 7.75057 15.75 8.86227 15.75 9.99952H21.75C21.75 7.67559 21.0609 5.40384 19.7698 3.47157L14.781 6.80499ZM15.75 9.99609C15.7483 11.5215 15.1415 12.9839 14.0629 14.0625L18.3056 18.3051C20.5077 16.103 21.7464 13.1172 21.75 10.0029L15.75 9.99609ZM14.0629 14.0625C12.9843 15.1411 11.5219 15.7478 9.99658 15.7495L10.0034 21.7495C13.1177 21.746 16.1034 20.5072 18.3056 18.3051L14.0629 14.0625ZM10 -0.500484C7.9233 -0.500484 5.89323 0.11533 4.16652 1.26908L7.49994 6.2579C8.23996 5.76344 9.10999 5.49952 10 5.49952V-0.500484ZM4.16652 1.26908C2.4398 2.42284 1.09399 4.06272 0.299269 5.98134L5.84255 8.27744C6.18314 7.45517 6.75992 6.75237 7.49994 6.2579L4.16652 1.26908ZM0.299269 5.98134C-0.495451 7.89996 -0.703386 10.0112 -0.298241 12.048L5.58647 10.8774C5.41284 10.0045 5.50195 9.09971 5.84255 8.27744L0.299269 5.98134ZM-0.298241 12.048C0.106903 14.0848 1.10693 15.9557 2.57538 17.4241L6.81802 13.1815C6.18869 12.5522 5.7601 11.7503 5.58647 10.8774L-0.298241 12.048ZM2.57538 17.4241C4.04383 18.8926 5.91476 19.8926 7.95156 20.2978L9.1221 14.413C8.24918 14.2394 7.44736 13.8108 6.81802 13.1815L2.57538 17.4241ZM7.95156 20.2978C9.98836 20.7029 12.0996 20.495 14.0182 19.7003L11.7221 14.157C10.8998 14.4976 9.99501 14.5867 9.1221 14.413L7.95156 20.2978ZM14.0182 19.7003C15.9368 18.9055 17.5767 17.5597 18.7304 15.833L13.7416 12.4996C13.2472 13.2396 12.5443 13.8164 11.7221 14.157L14.0182 19.7003ZM18.7304 15.833C19.8842 14.1063 20.5 12.0762 20.5 9.99952H14.5C14.5 10.8895 14.2361 11.7596 13.7416 12.4996L18.7304 15.833ZM20.5 9.99602C20.4968 7.21317 19.3898 4.54523 17.4221 2.57745L13.1794 6.82009C14.0237 7.66436 14.4986 8.80903 14.5 10.003L20.5 9.99602ZM17.4221 2.57745C15.4543 0.609678 12.7863 -0.497241 10.0035 -0.500482L9.99651 5.49951C11.1905 5.5009 12.3352 5.97582 13.1794 6.82009L17.4221 2.57745Z' fill='%23D42027' mask='url(%23path-3-inside-2)'/%3E%3C/svg%3E%0A");
}

.home2-price-tab-content .item-red .home2-price-tab__item ul li:before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.49951C0 5.51039 0.851121 3.60273 2.36613 2.19621C3.88113 0.789688 5.93592 -0.000488281 8.07846 -0.000488281C10.221 -0.000488281 12.2758 0.789688 13.7908 2.19621C15.3058 3.60273 16.1569 5.51039 16.1569 7.49951C16.1569 9.48864 15.3058 11.3963 13.7908 12.8028C12.2758 14.2093 10.221 14.9995 8.07846 14.9995C5.93592 14.9995 3.88113 14.2093 2.36613 12.8028C0.851121 11.3963 0 9.48864 0 7.49951H0ZM7.61745 10.7095L12.2685 5.31151L11.4283 4.68751L7.46234 9.28851L4.65319 7.11551L3.96383 7.88351L7.61745 10.7105V10.7095Z' fill='%23FFE351'/%3E%3C/svg%3E%0A");
}

@media screen and (min-width:1024px) {
    .home2-price-tab-content .item-red .home2-price-tab__item .item__button {
        background-color: #FFE351;
        color: var(--primary-color);
        border: 1px solid #FFE351;
    }
    .home2-price-tab-content .item-red .home2-price-tab__item .item__button:after {
        content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z'/%3E%3C/mask%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z' fill='%23D42027'/%3E%3Cpath d='M10 4.99951L12.1213 2.87819L10.0276 0.784492L7.90666 2.85057L10 4.99951ZM9.10625 5.87014L7.01291 3.7212L4.84087 5.83704L6.97982 7.98633L9.10625 5.87014ZM12.5938 9.37451V12.3745H19.8117L14.7202 7.25832L12.5938 9.37451ZM5 9.37451V6.37451H2V9.37451H5ZM5 10.6245H2V13.6245H5V10.6245ZM12.5938 10.6245L14.7137 12.7472L19.8428 7.62451H12.5938V10.6245ZM9.10625 14.1076L6.98626 11.985L4.86005 14.1085L6.98716 16.2312L9.10625 14.1076ZM10 14.9995L7.88091 17.1231L10.0022 19.2399L12.1213 17.1208L10 14.9995ZM15 9.99951L17.1213 12.1208L19.2426 9.99951L17.1213 7.87819L15 9.99951ZM7.90666 2.85057L7.01291 3.7212L11.1996 8.01908L12.0933 7.14845L7.90666 2.85057ZM6.97982 7.98633L10.4673 11.4907L14.7202 7.25832L11.2327 3.75394L6.97982 7.98633ZM12.5938 6.37451H5V12.3745H12.5938V6.37451ZM2 9.37451V10.6245H8V9.37451H2ZM5 13.6245H12.5938V7.62451H5V13.6245ZM10.4738 8.50186L6.98626 11.985L11.2262 16.2303L14.7137 12.7472L10.4738 8.50186ZM6.98716 16.2312L7.88091 17.1231L12.1191 12.876L11.2253 11.9841L6.98716 16.2312ZM12.1213 17.1208L17.1213 12.1208L12.8787 7.87819L7.87868 12.8782L12.1213 17.1208ZM17.1213 7.87819L12.1213 2.87819L7.87868 7.12083L12.8787 12.1208L17.1213 7.87819Z' fill='%23D42027' mask='url(%23path-1-inside-1)'/%3E%3Cmask id='path-3-inside-2' fill='white'%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z'/%3E%3C/mask%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z' fill='%23D42027'/%3E%3Cpath d='M18.75 9.99952L21.75 10.0029V9.99952H18.75ZM17.5 9.99952H20.5L20.5 9.99602L17.5 9.99952ZM10 15.7495C8.86276 15.7495 7.75106 15.4123 6.80547 14.7805L3.47205 19.7693C5.40433 21.0604 7.67607 21.7495 10 21.7495V15.7495ZM6.80547 14.7805C5.85989 14.1486 5.1229 13.2506 4.6877 12.1999L-0.855581 14.496C0.033749 16.6431 1.53978 18.4782 3.47205 19.7693L6.80547 14.7805ZM4.6877 12.1999C4.25249 11.1493 4.13862 9.99314 4.36049 8.87775L-1.52422 7.7072C-1.9776 9.98648 -1.74491 12.349 -0.855581 14.496L4.6877 12.1999ZM4.36049 8.87775C4.58235 7.76236 5.12999 6.7378 5.93414 5.93365L1.6915 1.69101C0.0482317 3.33428 -1.07085 5.42793 -1.52422 7.7072L4.36049 8.87775ZM5.93414 5.93365C6.73829 5.1295 7.76284 4.58187 8.87823 4.36L7.70769 -1.52471C5.42842 -1.07134 3.33477 0.0477434 1.6915 1.69101L5.93414 5.93365ZM8.87823 4.36C9.99363 4.13814 11.1498 4.252 12.2004 4.68721L14.4965 -0.856069C12.3495 -1.7454 9.98697 -1.97809 7.70769 -1.52471L8.87823 4.36ZM12.2004 4.68721C13.2511 5.12241 14.1491 5.8594 14.781 6.80499L19.7698 3.47157C18.4787 1.53929 16.6436 0.0332607 14.4965 -0.856069L12.2004 4.68721ZM14.781 6.80499C15.4128 7.75057 15.75 8.86227 15.75 9.99952H21.75C21.75 7.67559 21.0609 5.40384 19.7698 3.47157L14.781 6.80499ZM15.75 9.99609C15.7483 11.5215 15.1415 12.9839 14.0629 14.0625L18.3056 18.3051C20.5077 16.103 21.7464 13.1172 21.75 10.0029L15.75 9.99609ZM14.0629 14.0625C12.9843 15.1411 11.5219 15.7478 9.99658 15.7495L10.0034 21.7495C13.1177 21.746 16.1034 20.5072 18.3056 18.3051L14.0629 14.0625ZM10 -0.500484C7.9233 -0.500484 5.89323 0.11533 4.16652 1.26908L7.49994 6.2579C8.23996 5.76344 9.10999 5.49952 10 5.49952V-0.500484ZM4.16652 1.26908C2.4398 2.42284 1.09399 4.06272 0.299269 5.98134L5.84255 8.27744C6.18314 7.45517 6.75992 6.75237 7.49994 6.2579L4.16652 1.26908ZM0.299269 5.98134C-0.495451 7.89996 -0.703386 10.0112 -0.298241 12.048L5.58647 10.8774C5.41284 10.0045 5.50195 9.09971 5.84255 8.27744L0.299269 5.98134ZM-0.298241 12.048C0.106903 14.0848 1.10693 15.9557 2.57538 17.4241L6.81802 13.1815C6.18869 12.5522 5.7601 11.7503 5.58647 10.8774L-0.298241 12.048ZM2.57538 17.4241C4.04383 18.8926 5.91476 19.8926 7.95156 20.2978L9.1221 14.413C8.24918 14.2394 7.44736 13.8108 6.81802 13.1815L2.57538 17.4241ZM7.95156 20.2978C9.98836 20.7029 12.0996 20.495 14.0182 19.7003L11.7221 14.157C10.8998 14.4976 9.99501 14.5867 9.1221 14.413L7.95156 20.2978ZM14.0182 19.7003C15.9368 18.9055 17.5767 17.5597 18.7304 15.833L13.7416 12.4996C13.2472 13.2396 12.5443 13.8164 11.7221 14.157L14.0182 19.7003ZM18.7304 15.833C19.8842 14.1063 20.5 12.0762 20.5 9.99952H14.5C14.5 10.8895 14.2361 11.7596 13.7416 12.4996L18.7304 15.833ZM20.5 9.99602C20.4968 7.21317 19.3898 4.54523 17.4221 2.57745L13.1794 6.82009C14.0237 7.66436 14.4986 8.80903 14.5 10.003L20.5 9.99602ZM17.4221 2.57745C15.4543 0.609678 12.7863 -0.497241 10.0035 -0.500482L9.99651 5.49951C11.1905 5.5009 12.3352 5.97582 13.1794 6.82009L17.4221 2.57745Z' fill='%23D42027' mask='url(%23path-3-inside-2)'/%3E%3C/svg%3E%0A");
    }
}

.home2-price-tab__item {
    background: rgba(249, 249, 249, 0.9);
    -webkit-box-shadow: 1px 4px 10px rgba(212, 32, 39, 0.08);
    box-shadow: 1px 4px 10px rgba(212, 32, 39, 0.08);
    border-radius: 10px;
    padding: 50px 30px 70px 30px;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px #eee solid;
}

@media screen and (max-width: 1199px) {
    .home2-price__deco {
        display: none;
    }
}

@media screen and (max-width:1023px) {
    .home2-price-tab__item {
        /* margin-bottom: 20px; */
    }
}

@media(hover) {
    .home2-price-tab__item:hover {
        -webkit-box-shadow: 2px 4px 17px 8px #d4202714;
        box-shadow: 2px 4px 17px 8px #d4202714;
    }
}

.home2-price-tab__item .item__icon {
    width: 45px;
    height: 45px;
    background-color: var(--primary-color);
    position: absolute;
    top: 20px;
    left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width:1199px) {
    .home2-price-tab__item .item__icon {
        top: 15px;
        left: 15px;
    }
}

.home2-price-tab__item .highlights-tag {
    position: absolute;
    right: 15px;
    top: -8px;
    padding: 16px 10px 60px 10px;
    font-weight: 700;
    color: #FFE351;
    background-image: url("data:image/svg+xml,%3Csvg width='89' height='120' viewBox='0 0 89 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H89V120L44.5 72L0 120V0Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) and (min-width:1023px) {
    .home2-price-tab__item .highlights-tag {
        right: 7px;
        font-size: 14px;
    }
}


/* .home2-price-tab__item .highlights-tag:before {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  content: '';
  width: 50%;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  height: 35px;
  background-color: var(--primary-color);
}

.home2-price-tab__item .highlights-tag:after {
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  content: '';
  width: 50%;
  background-color: var(--primary-color);
  -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  height: 35px;
} */

.home2-price-tab__item .item__name {
    font-size: 23px;
    margin-bottom: 0;
}

@media screen and (max-width: 1199px) and (min-width:1023px) {
    .home2-price-tab__item .item__name {
        font-size: 20px;
    }
}

.home2-price-tab__item .price {
    font-weight: 600;
    margin-top: 15px;
    display: inline-block;
}

@media screen and (min-width:1024px) {
    .home2-price-tab__item .price {
        /* min-height: 77px; */
    }
}

.home2-price-tab__item .price span {
    display: block;
    line-height: 1.4;
}

.home2-price-tab__item .price del {
    font-size: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.item-red .price del {
    color: rgba(255, 255, 255, 0.63);
}

.home2-price-tab__item .price ins {
    text-decoration: none;
    font-size: 28px;
}

@media screen and (max-width: 1199px) and (min-width:1023px) {
    .price {
        /* min-height: 67px!important; */
    }
    .home2-price-tab__item .price del {
        font-size: 22px;
    }
    .home2-price-tab__item .price ins {
        font-size: 25px;
    }
}

.home2-price-tab__item .separate {
    width: 70px;
    min-height: 3px;
    max-height: 3px;
    background-color: var(--primary-color);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.home2-price-tab__item .item__desc {
    /* margin-top: auto; */
    font-size: 16px;
    margin-bottom: 0;
}

.home2-price-tab__item ul {
    list-style: none;
    padding-left: 0;
    text-align: left;
    margin-top: 20px;
}

.home2-price-tab__item ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.4;
}

.home2-price-tab__item ul li:before {
    margin-right: 10px;
    transform: translateY(3px);
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    content: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.5C0 5.51088 0.842855 3.60322 2.34315 2.1967C3.84344 0.790176 5.87827 0 8 0C10.1217 0 12.1566 0.790176 13.6569 2.1967C15.1571 3.60322 16 5.51088 16 7.5C16 9.48912 15.1571 11.3968 13.6569 12.8033C12.1566 14.2098 10.1217 15 8 15C5.87827 15 3.84344 14.2098 2.34315 12.8033C0.842855 11.3968 0 9.48912 0 7.5H0ZM7.54347 10.71L12.1493 5.312L11.3173 4.688L7.38987 9.289L4.608 7.116L3.92533 7.884L7.54347 10.711V10.71Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
}

.home2-price-tab__item .item__button {
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 700;
    width: max-content;
    margin: 0 auto;
    border-radius: 10px;
    padding: 13px 30px 15px 37px;
    margin-top: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
}

.home2-price-tab__item .item__button:hover {
    background-color: #ffc107;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}

.home2-price-tab__item .item__button:after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z'/%3E%3C/mask%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z' fill='white'/%3E%3Cpath d='M10 4.99951L12.1213 2.87819L10.0276 0.784492L7.90666 2.85057L10 4.99951ZM9.10625 5.87014L7.01291 3.7212L4.84087 5.83704L6.97982 7.98633L9.10625 5.87014ZM12.5938 9.37451V12.3745H19.8117L14.7202 7.25832L12.5938 9.37451ZM5 9.37451V6.37451H2V9.37451H5ZM5 10.6245H2V13.6245H5V10.6245ZM12.5938 10.6245L14.7137 12.7472L19.8428 7.62451H12.5938V10.6245ZM9.10625 14.1076L6.98626 11.985L4.86005 14.1085L6.98716 16.2312L9.10625 14.1076ZM10 14.9995L7.88091 17.1231L10.0022 19.2399L12.1213 17.1208L10 14.9995ZM15 9.99951L17.1213 12.1208L19.2426 9.99951L17.1213 7.87819L15 9.99951ZM7.90666 2.85057L7.01291 3.7212L11.1996 8.01908L12.0933 7.14845L7.90666 2.85057ZM6.97982 7.98633L10.4673 11.4907L14.7202 7.25832L11.2327 3.75394L6.97982 7.98633ZM12.5938 6.37451H5V12.3745H12.5938V6.37451ZM2 9.37451V10.6245H8V9.37451H2ZM5 13.6245H12.5938V7.62451H5V13.6245ZM10.4738 8.50186L6.98626 11.985L11.2262 16.2303L14.7137 12.7472L10.4738 8.50186ZM6.98716 16.2312L7.88091 17.1231L12.1191 12.876L11.2253 11.9841L6.98716 16.2312ZM12.1213 17.1208L17.1213 12.1208L12.8787 7.87819L7.87868 12.8782L12.1213 17.1208ZM17.1213 7.87819L12.1213 2.87819L7.87868 7.12083L12.8787 12.1208L17.1213 7.87819Z' fill='white' mask='url(%23path-1-inside-1)'/%3E%3Cmask id='path-3-inside-2' fill='white'%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z'/%3E%3C/mask%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z' fill='white'/%3E%3Cpath d='M18.75 9.99952L21.75 10.0029V9.99952H18.75ZM17.5 9.99952H20.5L20.5 9.99602L17.5 9.99952ZM10 15.7495C8.86276 15.7495 7.75106 15.4123 6.80547 14.7805L3.47205 19.7693C5.40433 21.0604 7.67607 21.7495 10 21.7495V15.7495ZM6.80547 14.7805C5.85989 14.1486 5.1229 13.2506 4.6877 12.1999L-0.855581 14.496C0.033749 16.6431 1.53978 18.4782 3.47205 19.7693L6.80547 14.7805ZM4.6877 12.1999C4.25249 11.1493 4.13862 9.99314 4.36049 8.87775L-1.52422 7.7072C-1.9776 9.98648 -1.74491 12.349 -0.855581 14.496L4.6877 12.1999ZM4.36049 8.87775C4.58235 7.76236 5.12999 6.7378 5.93414 5.93365L1.6915 1.69101C0.0482317 3.33428 -1.07085 5.42793 -1.52422 7.7072L4.36049 8.87775ZM5.93414 5.93365C6.73829 5.1295 7.76284 4.58187 8.87823 4.36L7.70769 -1.52471C5.42842 -1.07134 3.33477 0.0477434 1.6915 1.69101L5.93414 5.93365ZM8.87823 4.36C9.99363 4.13814 11.1498 4.252 12.2004 4.68721L14.4965 -0.856069C12.3495 -1.7454 9.98697 -1.97809 7.70769 -1.52471L8.87823 4.36ZM12.2004 4.68721C13.2511 5.12241 14.1491 5.8594 14.781 6.80499L19.7698 3.47157C18.4787 1.53929 16.6436 0.0332607 14.4965 -0.856069L12.2004 4.68721ZM14.781 6.80499C15.4128 7.75057 15.75 8.86227 15.75 9.99952H21.75C21.75 7.67559 21.0609 5.40384 19.7698 3.47157L14.781 6.80499ZM15.75 9.99609C15.7483 11.5215 15.1415 12.9839 14.0629 14.0625L18.3056 18.3051C20.5077 16.103 21.7464 13.1172 21.75 10.0029L15.75 9.99609ZM14.0629 14.0625C12.9843 15.1411 11.5219 15.7478 9.99658 15.7495L10.0034 21.7495C13.1177 21.746 16.1034 20.5072 18.3056 18.3051L14.0629 14.0625ZM10 -0.500484C7.9233 -0.500484 5.89323 0.11533 4.16652 1.26908L7.49994 6.2579C8.23996 5.76344 9.10999 5.49952 10 5.49952V-0.500484ZM4.16652 1.26908C2.4398 2.42284 1.09399 4.06272 0.299269 5.98134L5.84255 8.27744C6.18314 7.45517 6.75992 6.75237 7.49994 6.2579L4.16652 1.26908ZM0.299269 5.98134C-0.495451 7.89996 -0.703386 10.0112 -0.298241 12.048L5.58647 10.8774C5.41284 10.0045 5.50195 9.09971 5.84255 8.27744L0.299269 5.98134ZM-0.298241 12.048C0.106903 14.0848 1.10693 15.9557 2.57538 17.4241L6.81802 13.1815C6.18869 12.5522 5.7601 11.7503 5.58647 10.8774L-0.298241 12.048ZM2.57538 17.4241C4.04383 18.8926 5.91476 19.8926 7.95156 20.2978L9.1221 14.413C8.24918 14.2394 7.44736 13.8108 6.81802 13.1815L2.57538 17.4241ZM7.95156 20.2978C9.98836 20.7029 12.0996 20.495 14.0182 19.7003L11.7221 14.157C10.8998 14.4976 9.99501 14.5867 9.1221 14.413L7.95156 20.2978ZM14.0182 19.7003C15.9368 18.9055 17.5767 17.5597 18.7304 15.833L13.7416 12.4996C13.2472 13.2396 12.5443 13.8164 11.7221 14.157L14.0182 19.7003ZM18.7304 15.833C19.8842 14.1063 20.5 12.0762 20.5 9.99952H14.5C14.5 10.8895 14.2361 11.7596 13.7416 12.4996L18.7304 15.833ZM20.5 9.99602C20.4968 7.21317 19.3898 4.54523 17.4221 2.57745L13.1794 6.82009C14.0237 7.66436 14.4986 8.80903 14.5 10.003L20.5 9.99602ZM17.4221 2.57745C15.4543 0.609678 12.7863 -0.497241 10.0035 -0.500482L9.99651 5.49951C11.1905 5.5009 12.3352 5.97582 13.1794 6.82009L17.4221 2.57745Z' fill='white' mask='url(%23path-3-inside-2)'/%3E%3C/svg%3E%0A");
    height: 16px;
    margin-left: 10px;
}

.price-js-show-more {
    margin: 15px -30px 0 -30px;
}

.price-js-show-more button {
    border: none;
    outline: none;
    padding: 10px;
    background-color: #fff;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid transparent;
    border-radius: 0 0 8px 8px;
}

.price-js-show-more button:after {
    content: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.40625 1L6.40625 6L11.4062 1' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    margin-left: 10px;
    display: inline-block;
    width: 26px;
    height: 26px;
}

.price-js-show-more.clicked button:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.price-js-show-more.clicked button {
    border-bottom-color: #ededed;
    border-radius: unset;
}

@media screen and (max-width:1023px) {
    .home2-price-tab__item .js-content {
        position: relative;
        overflow: hidden;
        display: none;
        padding: 0 30px;
        margin-left: -30px;
        margin-right: -30px;
        background-color: #fff;
        border-radius: 0 0 8px 8px;
    }
    .home2-price-tab__item .js-content ul {
        position: relative;
        z-index: 99;
    }
    .home2-price-tab__item .item__button {
        margin-top: 20px;
        margin-bottom: 20px;
        position: relative;
        z-index: 99;
    }
    .home2-price-tab__item {
        padding: 20px 30px 0 30px !important;
    }
    .home2-price-tab-content .item-red .home2-price-tab__item .js-content {
        color: #000;
    }
    .home2-price-tab-content .item-red .home2-price-tab__item ul li:before {
        content: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.5C0 5.51088 0.842855 3.60322 2.34315 2.1967C3.84344 0.790176 5.87827 0 8 0C10.1217 0 12.1566 0.790176 13.6569 2.1967C15.1571 3.60322 16 5.51088 16 7.5C16 9.48912 15.1571 11.3968 13.6569 12.8033C12.1566 14.2098 10.1217 15 8 15C5.87827 15 3.84344 14.2098 2.34315 12.8033C0.842855 11.3968 0 9.48912 0 7.5H0ZM7.54347 10.71L12.1493 5.312L11.3173 4.688L7.38987 9.289L4.608 7.116L3.92533 7.884L7.54347 10.711V10.71Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
    }
}

@media screen and (max-width:767px) {
    .home2-price-tab__item .separate {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .home2-price-tab__item .price del {
        font-size: 18px;
    }
    .home2-price-tab__item .price ins {
        font-size: 21px;
    }
    .home2-price-tab__item ul {
        margin-top: 10px;
    }
    .home2-price-tab__item .item__button {
        padding: 10px 20px 12px 20px;
    }
    .home2-price-tab__item .item__name {
        font-size: 23px;
        margin-bottom: 5px;
    }
    .home2-price-tab__item .highlights-tag {
        padding: 16px 10px 36px 10px;
        background-size: 100% 100%;
        font-size: 12px;
    }
    .home2-price-tab__item .item__desc {
        font-size: 15px;
    }
}

.browser-top-bar {
    height: 15px;
    background-color: #e1e1e1;
    width: 100%;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    position: relative;
}

.browser-dots {
    width: 25px;
    position: relative;
    top: 6px;
    left: 5px;
    overflow: hidden;
}

.browser-dot {
    float: left;
    border-radius: 20px;
    height: 4px;
    width: 4px;
    background: #aaa;
    margin-left: 2px;
}

.browser-url-bar {
    border-radius: 2px;
    position: absolute;
    bottom: 3px;
    height: 8px;
    width: 85%;
    left: 30px;
    background: #fff;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-response-output {
    background: #fff;
}

#callback-popup {
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 8888;
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
}

#callback-popup .callback-popup-content {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 300px;
    background: linear-gradient(90deg, #3F51B5 0%, #0770C0 100%);
    border-radius: 5px;
    display: inline-block;
    padding: 20px;
    box-shadow: 0 1px 10px rgba(255, 255, 255, 0.2);
}

#callback-popup .callback-popup-content .close-callback-popup {
    position: absolute;
    top: -5px;
    right: 5px;
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
}

#callback-popup .callback-popup-content .close-callback-popup:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#callback-popup .callback-popup-content h3 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

#callback-popup a {
    color: #fff;
}

#callback-popup .callback-popup-content h4 {
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 15px;
}

#callback-popup .callback-popup-content form .ws-form-control {
    width: 100%;
    border: 0;
    outline: 0;
    border-radius: 2px;
    padding: 12px;
    box-sizing: border-box;
    margin-bottom: 10px;
    font-size: 14px;
}

#callback-popup .callback-popup-content form input[type="submit"] {
    background: linear-gradient(90deg, #F44336 0, #E91E63 100%);
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
}

#callback-popup .callback-popup-content form input[type="submit"]:hover {
    box-shadow: 0 0 5px #ccc;
}

#callback-popup.show-popup {
    opacity: 0;
    visibility: hidden;
}


/* Chi tiết theme */

.theme-detail {
    color: #333;
    padding-bottom: 50px;
}

.header-detail {
    padding: 50px 0;
    background: #f9f9f9;
}

.header-detail .theme-content h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.header-detail .theme-content .short-desc {
    font-size: 16px;
    line-height: 1.4;
    color: #555;
    text-align: justify;
}

.header-detail .theme-content .price-wrapper {
    margin: 15px 0;
}

.header-detail .theme-content .woocommerce-Price-amount {
    color: #ff0000;
    position: relative;
    font-weight: 500;
    font-size: 22px;
}

.header-detail .theme-content .ws-old-price::before {
    content: "/";
    color: #999;
    font-size: inherit;
    display: inline-block;
    padding: 0 4px;
    font-weight: 400;
}

.header-detail .theme-content .amount {
    font-size: 15px;
    color: #999;
    text-decoration: line-through;
    font-weight: 400;
}

.header-detail .theme-content .amount::after {
    display: none;
}

.header-detail .theme-content .theme-rating {
    margin-bottom: 10px;
    display: inline-block;
}

.header-detail .theme-content .theme-rating span {
    overflow: hidden;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.header-detail .theme-content .theme-rating span::before {
    color: rgb(255, 210, 77);
    content: "\f005\f005\f005\f005\f005";
    font-family: fontawesome;
    top: 0;
    position: absolute;
    left: 0;
}

.header-detail .theme-content .theme-action {
    margin-top: 20px;
}

.header-detail .theme-content .theme-action a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    width: 300px;
    font-weight: 500;
    margin: 15px 0;
    border-radius: 50px;
    padding: 12px 15px 15px 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 3px solid transparent;
    font-weight: 700;
}

.header-detail .theme-content .theme-action a:first-child {
    margin-top: 0;
}

.header-detail .theme-content .theme-action a.add-cart {
    background: #db4437;
}

.header-detail .theme-content .theme-action a.add-cart:hover {
    color: #db4437;
    border-color: #db4437;
}

.header-detail .theme-content .theme-action a.xem-truoc {
    background: #66bd43;
}

.header-detail .theme-content .theme-action a.xem-truoc:hover {
    color: #66bd43;
    border-color: #66bd43;
}

.header-detail .theme-content .theme-action a:hover {
    background: transparent;
}

.theme-img img {
    width: 100%;
}

.show-content {
    padding: 30px 0;
}

.show-content .theme-copyright {
    background: var(--primary-color);
    color: #fff;
    display: inline-block;
    padding: 15px;
    border-radius: 2px;
    text-align: center;
    width: 100%;
}

.show-content .theme-copyright h5 {
    text-transform: uppercase;
}

.show-content .theme-copyright p {
    font-weight: 500;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.show-content .theme-copyright span a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.show-content .theme-copyright span a:first-child {
    float: left;
}

.show-content .theme-copyright span a:not(:first-child) {
    float: right;
}

.new-themes .new-themes__title {
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    margin-bottom: 40px;
    font-weight: 700;
}

.new-themes .new-themes__title::after {
    content: "";
    background: var(--primary-color);
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.theme-info {
    color: #525252;
    font-size: 17px;
    line-height: 1.5;
}

.theme-info ul {
    margin-top: 0;
    margin-bottom: 15px;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.theme-info p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.new-themes .ws-projects {
    background: none;
}

.theme-tag {
    margin: 30px 0px;
}

.theme-tag h3 {
    padding: 15px 0 0;
    margin: 0 0;
    border-bottom: 1px solid #d7d7d7;
}

.theme-tag h3 span {
    font-size: 18px;
    text-transform: uppercase;
    color: #363636;
    display: inline-block;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 15px;
    font-weight: 700;
}

.theme-tag ul {
    padding: 0 0;
    margin: 25px 0 0 20px;
    list-style: disc;
}

.theme-tag ul li {
    color: #7c7c7c;
    font-size: 16px;
    margin-bottom: 20px;
}

.theme-tag ul li a {
    color: #7c7c7c;
    display: block;
    text-decoration: none;
}

.theme-tag ul li:hover {
    color: var(--primary-color);
}

.theme-tag ul li a:hover {
    color: var(--primary-color);
}

.breadcrumbs-layout1 {
    padding: 130px 0px;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center !important;
}

.breadcrumbs-layout1::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.breadcrumbs-layout1 h1 {
    /*text-transform: uppercase;*/
    font-weight: 400;
    font-size: 40px;
    position: relative;
    color: #fff;
    z-index: 1;
}

.breadcrumbs-layout1 .breadcrumbs {
    padding: 0;
    padding-top: 20px;
}

.breadcrumbs-layout1 .breadcrumbs span {
    font-size: 16px;
}

.breadcrumbs-layout1 .breadcrumbs a,
.breadcrumbs-layout1 .breadcrumbs span,
.breadcrumbs-layout1 .breadcrumbs a::after {
    color: #fff;
    z-index: 1;
    position: relative;
}

.top-header {
    height: 79px;
}

.search-theme {
    margin: 35px 0;
}

.search-theme .search-form {
    display: inline-flex;
    width: 100%;
}

.search-theme .search-form .search-field {
    width: 80%;
    border: 1px solid #cecece;
    height: 58px;
    color: #999;
    padding: 0 20px;
    font-size: 16px;
    border-radius: 30px 0 0 30px;
    margin-bottom: 10px;
}

.search-theme .search-form button {
    width: 20%;
    margin-bottom: 10px;
    background: var(--primary-color);
    color: #fff;
    border: none;
    height: 58px;
    border-radius: 0 30px 30px 0;
    font-size: 18px;
    cursor: pointer;
}

.theme-sidebar {
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px;
    /* padding: 20px; */
}

.theme-sidebar .widget {
    position: sticky;
    top: -0px;
    background: #f9f9f9;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    padding: 20px;
    /* margin: -8px; */
}

.theme-sidebar .widget h2.widget-title {
    color: var(--primary-color);
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.theme-sidebar .widget_nav_menu .menu li {
    padding: 5px 0 5px 20px;
    border-radius: 6px;
    margin-right: 3px;
    margin-bottom: 6px;
    position: relative;
    line-height: 26px;
}

.theme-sidebar .widget_nav_menu .menu li:after {
    position: absolute;
    content: "•";
    top: 5px;
    left: 0px;
    font-size: 28px;
}

.theme-sidebar .widget_nav_menu .menu li a {
    color: #444;
    text-decoration: none;
}

.theme-sidebar .widget_nav_menu .menu li a:hover,
.theme-sidebar .widget_nav_menu .menu li.current-menu-item a {
    color: var(--primary-color);
}

.ws-projects.theme-archive {
    background: none;
}

.ws-projects.theme-archive .projects-content {
    border: 1px solid #e1e1e1;
    margin-top: 0;
    margin-bottom: 30px;
    width: 100%;
}

.view-mode {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
    text-align: left;
    color: #777;
}

.view-mode a.active-style {
    color: #313131;
}

.view-mode a {
    display: inline-block;
    margin: 0 5px;
    color: #777;
}

.projects-content.add-list-style {
    padding: 0;
}

.projects-content.add-list-style a {
    text-decoration: none;
}

.projects-content.add-list-style {
    background: #f9f9f9;
    padding: 20px;
}

.projects-content.add-list-style .projects-img {
    overflow: initial;
    float: left;
    width: 40%;
}

.projects-content.add-list-style .projects-img .img-thumbnail-grid {
    display: none;
}

.img-thumbnail-list {
    display: none;
}

.projects-content.add-list-style .projects-img .img-thumbnail-list {
    display: block;
}

.projects-content.add-list-style .projects-img .img-thumbnail-list span {
    color: var(--primary-color);
    font-weight: 500;
}

.projects-content.add-list-style .projects-img .img-thumbnail-list a {
    color: #666;
    line-height: 20px;
}

.projects-content.add-list-style .projects-img .img-thumbnail-list a:hover {
    color: var(--primary-color);
}

.projects-content.add-list-style .projects-img .projects-overlay {
    display: none;
}

.projects-content.add-list-style:hover img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.projects-content.add-list-style .projects-info .product-title a {
    font-size: 20px;
    font-weight: 500;
}

.projects-content.add-list-style .projects-info .price-wrapper {
    font-size: 20px;
}

.projects-content .short-desc {
    display: none;
}

.projects-content.add-list-style .short-desc {
    display: block;
    margin: 10px 0px;
    font-size: 16px;
}

.theme-action2 {
    display: none;
}

.projects-content.add-list-style .theme-action2 {
    display: block;
    margin: 20px;
}

.projects-content.add-list-style .theme-action2 a.add-cart {
    background: #db4437;
    color: #fff;
}

.projects-content.add-list-style .theme-action2 a.add-cart:hover {
    color: #db4437;
    border-color: #db4437;
    background: #fff;
}

.projects-content.add-list-style .theme-action2 a.xem-truoc {
    background: #66bd43;
    color: #fff;
}

.projects-content.add-list-style .theme-action2 a.xem-truoc:hover {
    color: #66bd43;
    border-color: #66bd43;
    background: #fff;
}

.projects-content.add-list-style .theme-action2 a {
    text-decoration: none;
    text-align: center;
    width: 300px;
    font-size: 16px;
    margin: 15px 0;
    border-radius: 50px;
    padding: 8px 25px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 3px solid transparent;
}

.view-mode {
    display: none;
}


/* BREASCRUMB */

.breadcrumbs {
    padding: 20px 0;
    font-size: 16px;
}

.breadcrumbs span:nth-child(2) a {
    display: none;
}

.breadcrumbs a {
    color: #555;
    position: relative;
    padding: 0 5px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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

.breadcrumbs a:first-child {
    padding-left: 0;
}

.breadcrumbs span {
    color: #555;
}

.breadcrumbs .separator {
    margin-right: 5px;
}

.ws-des-more {
    background: #f5f3f3;
    padding: 10px 15px;
    border: 1px dotted #c1c1c1;
    font-size: 18px;
}


/* ARCHIVE THEME */

.theme-banner {
    padding: 100px 0px;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.theme-title {
    font-size: 30px;
    font-weight: 700;
}

.theme-banner .breadcrumbs {
    padding-top: 5px;
}

.theme-banner .breadcrumbs a,
.theme-banner .breadcrumbs span {
    color: #fff;
}

.theme-banner .breadcrumbs a:after {
    color: #fff;
}

.theme-archive {
    padding: 50px 0 60px 0;
}

.theme-archive-link {
    margin-top: 40px;
}

.theme-archive-head {
    padding: 10px 0px 30px 0;
}

.theme-archive-head .row {
    row-gap: 20px;
}

.theme-archive-head .theme-archive__search {
    border-radius: 9999px;
    box-shadow: 0px 0px 11px lightgrey;
    padding: 5px 8px 5px 15px;
}

.theme-archive-head form input {
    width: calc(100% - 30px);
    flex: 0 auto;
    border: none;
    outline: none;
}

.theme-archive-head form button {
    background-color: var(--primary-color);
    width: 35px;
    flex: 0 0 auto;
    height: 35px;
    border: none;
    outline: none;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.theme-archive-head form button:hover {
    background-color: #b30c12;
}

.theme-archive-filter form {
    margin-left: 15px;
}

.theme-archive-filter form select {
    width: 200px;
    border: none;
    outline: none;
    padding: 8px 15px;
    box-shadow: 0px 0px 11px lightgrey;
    border-radius: 9999px;
}

@media screen and (max-width:767px) {
    .theme-archive-filter form {
        flex: 1;
    }
    .theme-archive-filter form select {
        width: 100%;
    }
    .theme-banner {
        padding: 40px 0;
    }
}

.theme-archive-tag {
    padding-bottom: 30px;
}

.theme-archive-tag ul li {
    margin-right: 15px;
    margin-bottom: 15px;
}

.theme-archive-tag ul li a {
    display: inline-block;
    padding: 7px 15px;
    border: 1px solid var(--primary-color);
    border-radius: 9999px;
    color: var(--primary-color);
}

.theme-archive-tag ul li.active a,
.theme-archive-tag ul li.current-cat a,
.theme-archive-tag ul li a:hover {
    color: #fff;
    background-color: var(--primary-color);
}


/* APP */

.app {
    padding: 30px 0 150px 0;
}

.app-cate {}

.app-cate__head {
    font-size: 28px;
    color: #333;
}

.app-cate__head-icon {
    width: 60px;
    height: 60px;
    flex: 0 0 auto;
    margin-right: 10px;
}

.app-cate__head-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.app-item {
    border: 1px solid #dad5cf;
    height: 168px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.app-item-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0s ease 0s, all .15s ease 0s;
}

@media(hover) {
    .app-item:hover {
        border: 2px solid #ffb8ba;
    }
    .app-item:hover .app-item-inner {
        top: -85px;
    }
}

.app-item__image {
    height: 85px;
}

.app-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.app-item__info {
    padding: 15px 20px 10px 20px;
}

.app-item__title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #2c2c2c;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width:767px) {
    .app-cate__head {
        font-size: 20px;
    }
    .app-cate__head-icon {
        width: 50px;
        height: 50px;
    }
    .app-item {
        height: 204px;
        width: 85%;
        margin: 0 auto;
    }
    .app-item__image {
        height: 120px;
    }
}

.app-item__price {
    display: block;
    font-size: 14px;
    color: #818181;
    line-height: 24px;
    margin-top: 7px;
}

.app-item__price ins {
    color: var(--primary-color);
    font-size: 15px;
    margin-right: 10px;
    text-decoration: none;
}

.app-item__price ins del {
    font-size: 13px;
}

.app-item__desc {
    padding: 8px 20px 100px;
    background: #fff;
    border-top: 1px solid #dad5cf;
    font-size: 15px;
    word-wrap: break-word;
    color: #000;
}

.app-item__desc-inner {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.swal2-container {
    z-index: 99999 !important;
}


/* POPUP */

.pp-content-single,
.pp-content-footer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3333;
    background: rgba(2, 2, 2, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
}

.popup {
    background: linear-gradient(45deg, #d52027 0%, #6f0004 100%);
    padding: 40px 25px 20px 25px;
    width: 450px;
    max-width: 95%;
    border-radius: 8px;
    position: relative;
}

.popup .wpcf7-not-valid-tip {
    color: #ffc107;
}

.popup .times {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    color: #fff;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.popup .times svg {
    max-width: 80%;
}

.popup__title {
    font-size: 23px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
}

.popup__phone {
    color: #fff;
    font-size: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    line-height: 1.5;
}

.popup__phone a {
    color: #fff;
}

.popup__phone img {
    margin-right: 10px;
}

.popup__phone i {
    margin-right: 10px;
}

.popup__reminder {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
}

.popup form input {
    width: 100%;
    border: none;
    border-radius: 4px;
}

.popup form input,
.popup form button {
    height: auto;
    padding: 10px 20px;
    font-size: 18px;
    color: #7b7b7b;
}

.popup form input:focus,
.popup form button:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.popup form select {
    width: 100%;
    border-radius: 5px;
    height: auto;
    padding: 10px 20px;
    color: #7b7b7b;
}

.popup form select:focus {
    outline: none;
}

.popup form button {
    margin-top: 20px;
    display: block;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    background-image: linear-gradient(to right, #e43834 0%, #b31217 51%, #e43834 100%);
    background-size: 200% auto;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #fff;
    outline: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.popup form button:hover {
    background-position: right center;
}

.popup form select.form-control:not([size]):not([multiple]) {
    height: 49px !important;
    padding: 0px 20px;
    font-size: 18px;
}

.popup .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.active-pp {
    visibility: visible;
    opacity: 1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}


/** Contact page **/

.contact-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 621px;
}

@media only screen and (max-width: 1023px) {
    .contact-banner {
        height: 400px;
    }
}

.contact-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-banner:before {
    content: "";
    background: #10101059;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.contact-banner:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    background: url("data:image/svg+xml,%3Csvg width='1923' height='112' viewBox='0 0 1923 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1922.5 0V109H1112.01C1061.79 110.294 1011.34 110.384 961.25 109C891.326 112.301 819.289 111.981 747.32 109H0V0C135.386 35.2847 440.731 96.299 747.32 109H961.25H1112.01C1453.81 100.194 1785.18 35.6023 1922.5 0Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 100%;
    height: 110px;
}

@media only screen and (max-width: 1023px) {
    .contact-banner:after {
        display: none;
    }
}

.contact-page__title {
    color: #fff;
    font-size: 67px;
    font-weight: 700;
    margin-bottom: 56px;
    line-height: 1.3;
}

@media only screen and (max-width: 1023px) {
    .contact-page__title {
        color: var(--primary-color);
    }
}

@media only screen and (max-width: 767px) {
    .contact-page__title {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 1023px) {
    .contact-page__title {
        font-size: 33px;
        position: absolute !important;
        top: 50%;
        left: 50%;
        z-index: 2;
        color: #fff;
        transform: translate(-50%, -50%);
        width: 100%;
    }
}

.contact__form {
    padding-top: 174px;
    padding-bottom: 100px;
}

@media only screen and (max-width: 1023px) {
    .contact__form {
        padding-top: 245px;
        padding-bottom: 80px;
    }
}

.contact__form .section__title {
    max-width: 100%;
    flex-basis: 100%;
    line-height: 1.3;
    font-size: 36px;
}

.contact__form-inner {
    background-color: #fff;
    padding: 60px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

.contact__form-desc {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.3;
}

@media only screen and (max-width: 1439px) {
    .contact__form-inner {
        padding: 60px;
    }
}

@media only screen and (max-width: 1023px) {
    .contact__form .section__title {
        font-size: 25px;
    }
    .contact__form-desc {
        font-size: 18px;
    }
    .contact__form-inner {
        padding: 20px 30px;
    }
}

.contact__form .inner-form input {
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    height: 43px;
    font-size: 16px;
    margin-bottom: 10px;
}

.contact__form .inner-form textarea:focus,
.contact__form .inner-form input:focus {
    box-shadow: unset;
    border-color: var(--primary-color);
}

.contact__form .inner-form textarea {
    font-size: 16px;
    height: 115px;
}

.contact__form .inner-form label {
    margin-bottom: 10px;
    font-size: 18px;
}

.contact__form .inner-form .form-group {
    margin-bottom: 20px;
}

.contact__info {
    font-size: 18px;
    padding: 0 0 80px 0;
}

.contact__info-title {
    font-size: 35px;
    margin-top: 21px;
    margin-bottom: 60px;
    line-height: 1.3;
}

@media only screen and (max-width: 1023px) {
    .contact__info-title {
        font-size: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .contact__info-title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 424px) {
    .contact__info-title {
        font-size: 25px;
    }
}

.contact__info-item .item__title {
    margin-top: 35px;
    font-size: 18px;
}

.contact__info-item .item__icon {
    color: #d52027;
}

.contact__info-item .item__content {
    margin-top: 10px;
    color: #333;
    text-align: center;
    width: 95%;
    font-size: 18px;
}

.contact__info-item .item__content p {
    font-size: 18px;
}

.contact__info-item .item__content a {
    color: #333;
}

.contact__info-item .item__content a:hover {
    color: #d52027;
}

.contact__info .row>[class*="col-"] {
    border-right: 1px solid #c4c4c4;
}

.contact__info .row>[class*="col-"]:last-child {
    border: none;
}

.contact__info-subtitle {
    font-size: 20px;
    line-height: 1.5;
}


/* NEWS */

.page-banner {
    padding: 100px 0;
}

.news {
    padding: 50px 0;
}

.news-item {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    height: 100%;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
    padding-bottom: 20px;
}

.news-item:hover {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
    background-color: var(--primary-color);
    color: #fff;
}

.news-item__image {
    padding-bottom: 59.5%;
}

.news-item__title {
    font-size: 18px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-item__title a {
    color: #333;
}

.news-item:hover .news-item__title a {
    color: #fff;
}

.news-item__desc {
    line-height: 24px;
    max-height: 72px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-block {
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
}

.related-block__title {
    font-size: 20px;
}

.related-news__carousel {
    margin-left: -15px;
    margin-right: -15px;
}

.related-news__carousel .flickity-button {
    background-color: var(--primary-color);
}

.related-news__carousel .flickity-button svg {
    width: 40%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.related-news__carousel .flickity-button svg path {
    fill: #fff;
}

.related-news__carousel .flickity-button.previous {
    left: -4%;
}

.related-news__carousel .flickity-button.next {
    right: -4%;
}

.related-news__carousel .flickity-page-dots .dot.is-selected {
    background-color: var(--primary-color);
}

@media screen and (min-width: 1024px) {
    .related-news__carousel .flickity-page-dots {
        display: none;
    }
}

@media screen and (max-width:1023px) {
    .related-news__carousel .flickity-button {
        display: none;
    }
    .page-banner {
        padding: 80px 0;
    }
}

.sidebar__news-title {
    font-size: 18px;
}

.sidebar-news-item__image .img-block {
    padding-bottom: 60%;
}

.sidebar-news-item__title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.sidebar-news-item__title a {
    color: #333;
    font-size: 15px;
}

.sidebar-news-item__title a:hover {
    color: var(--primary-color);
}

.sidebar-news-item__info {
    font-size: 13px;
    color: #b0b0b0;
}

.sidebar-news-item__time:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23b0b0b0' class='bi bi-calendar3' viewBox='0 0 16 16'%3E%3Cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z'/%3E%3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}

.sidebar-news-item__view:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23b0b0b0' class='bi bi-eye' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E");
}

.sidebar-news-item__time:before,
.sidebar-news-item__view:before {
    margin-right: 4px;
    content: '';
    width: 11px;
    height: 11px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/* PROJECT */

.project-archive {
    padding: 50px 0;
}

.project-archive .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
}

.project-item {
    box-shadow: 0 4px 6px 0 #0c002e0f;
}

.project-item__image {
    overflow: hidden;
}

.project-item__image .img-block {
    padding-bottom: 128.5%;
}

.project-item__image .img-block img {
    object-position: center top;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.project-item__title {
    font-size: 20px;
    padding: 20px 10px;
}

.project-item__title a {
    color: #333;
}

.project-item__link {
    background: linear-gradient(90deg, #e43834 0%, #ff6663 100%);
    background-size: 300%, 1px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    border-radius: 9999px;
    padding: 9px 30px 13px 30px;
    font-size: 18px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

@media(hover:none) {
    .project-item__link {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        border-radius: unset;
        visibility: visible;
    }
}

@media(hover) {
    .project-item__title a:hover {
        color: var(--primary-color);
    }
    .project-item:hover .project-item__link {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        visibility: visible;
        opacity: 1;
    }
    .project-item:hover .project-item__image img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        filter: brightness(0.7);
    }
}

.single-project_content .img {
    height: 500px;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-transition: all 5s;
    transition: all 15s;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .single-project_content .img {
        height: 300px;
    }
    .project-item__title {
        font-size: 16px;
    }
    .project-archive .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.single-project_content .img:hover {
    -webkit-transition: all 5s;
    transition: all 15s;
    background-position: center 100%;
}

.single-project_content h1 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    margin: 15px 0px 20px;
}

.single-project_content p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #333;
}

.single-project .cn-customer p,
.single-project .cn-customer li {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 10px;
}

.single-project .cn-customer h2,
.single-project .cn-customer h3,
.single-project .cn-customer h4 {
    margin-bottom: 20px;
    color: #d52027;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.widgethml .cn-customer h2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    color: #d52027;
    font-size: 20px;
    font-weight: 700;
}

.single-project .cn-customer .customer {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.single-project .cn-customer .customer h3 {
    margin-bottom: 15px;
    color: #d52027;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-project .cn-customer .customer ul li {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 10px;
}

.single-project .cn-customer .customer ul li:last-child {
    margin-bottom: 0;
}

.single-project .cn-customer .website {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.single-project .cn-customer .website a {
    color: #d52027;
    padding-left: 5px;
}

@media screen and (max-width:767px) {
    .scroll-snap-mb {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        scroll-snap-type: x proximity;
    }
    .scroll-snap-mb [class*='col'] {
        scroll-snap-align: start;
    }
}

.mxh .zalo-share-button {
    overflow: hidden;
}

p {
    line-height: 1.4;
}

.home2-price {
    padding: 50px 0 30px 0;
}

.qtws-section-title {
    font-size: 36px;
}

.qtws-section-title--medium {
    font-size: 28px;
}

@media screen and (max-width:767px) {
    .qtws-section-title {
        font-size: 28px;
    }
    .qtws-section-title--medium {
        font-size: 19px;
    }
}


/* BANNER */

.qtws-banner {
    padding: 50px 0;
}

.qtws-banner_decor {
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.qtws-banner__title {
    font-size: 45px;
    line-height: 1.5;
}

.qtws-banner__list {}

.qtws-banner__list li {
    font-size: 18px;
    color: #333;
}

.qtws-banner__list li:before {
    content: '';
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-right: 10px;
    flex: 0 0 auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve' width='100%25' height='100%25' class=''%3E%3Cpath d='M50.1,10c22.1,0,40,17.9,40,40s-17.9,40-40,40s-40-17.9-40-40S28,10,50.1,10 M50.1,5c-24.9,0-45,20.1-45,45s20.1,45,45,45 s45-20.1,45-45S74.9,5,50.1,5L50.1,5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M73.6,38.9L73.6,38.9L46.9,66.2l0,0c-0.6,0.6-1.5,1-2.5,1c-1,0-1.8-0.4-2.5-1l0,0 L26.8,50.8l0,0c-0.6-0.6-1-1.5-1-2.5c0-2,1.6-3.6,3.5-3.6c1,0,1.8,0.4,2.5,1l0,0l12.6,12.9l24.3-24.8l0,0c0.6-0.6,1.5-1,2.5-1 c1.9,0,3.5,1.6,3.5,3.6C74.6,37.4,74.2,38.3,73.6,38.9z'/%3E%3C/svg%3E");
}

.qtws-banner__button {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    border-radius: 20px;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@media screen and (max-width:767px) {
    .qtws-banner__title {
        font-size: 30px;
    }
}


/* DIFFUCULT */

.qtws-difficult {
    padding: 40px 0;
}

.qtws-difficult-item {
    padding: 30px 34px 55px 34px;
    background-color: #FDF4F4;
}

.qtws-difficult__desc {
    margin-bottom: 60px;
}

.qtws-difficult-item-wrapper {
    overflow: hidden;
}

.qtws-difficult-item-wrapper:nth-child(1) {
    border-radius: 8px 0 0 8px;
}

.qtws-difficult-item-wrapper:nth-child(4) {
    border-radius: 0 8px 8px 0;
}

.qtws-difficult-item-wrapper:not(:last-child):after {
    content: '';
    width: 1px;
    height: 60px;
    background-color: #eea2a5;
    z-index: 99;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.qtws-difficult-item-wrapper.active {
    margin-top: -15px;
    margin-bottom: -15px;
    margin-left: -1px;
    border-radius: 8px;
    z-index: 199;
}

.qtws-difficult-item-wrapper.active:after {
    display: none;
}

.qtws-difficult-item-wrapper.active .qtws-difficult-item {
    background: linear-gradient(45deg, #d52027 0%, #6f0004 100%);
    color: #fff;
}

.qtws-difficult-item-wrapper.active .qtws-difficult-item__title {
    color: #fff !important;
}

.qtws-difficult-item__title {
    font-size: 20px;
}

.qtws-difficult-item__desc {
    font-size: 16px;
    line-height: 1.5;
}

.qtws-difficult-item__number {
    background: linear-gradient(120deg, #ffeccd00, #d520278f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    line-height: 1;
    bottom: 10px;
    right: 20px;
}

.qtws-difficult-item-wrapper.active .qtws-difficult-item__number {
    bottom: 20px;
    font-size: 80px;
    background: linear-gradient(120deg, #ffeccd26, #ff8185);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media screen and (max-width:1023px) {
    .qtws-difficult-item {
        padding: 20px 15px;
    }
    .qtws-difficult-item-wrapper .qtws-difficult-item__number {
        font-size: 50px;
    }
    .qtws-difficult__desc {
        margin-bottom: 30px;
    }
}


/* REASON */

.qtws-reason {
    padding: 30px 0;
}

.qtws-reason-item {
    background-color: #fdf4f4;
    padding: 25px 20px;
    border-radius: 8px;
}

.qtws-reason-item.active {
    background: linear-gradient(45deg, #d52027 0%, #6f0004 100%);
    color: #fff;
    box-shadow: 0px 10px 25px -10px #292966;
}

.qtws-reason-item.active svg path {
    fill: #fff;
}

.qtws-reason-item.active .qtws-reason-item__title {
    color: #fff !important;
}

.qtws-reason-item__icon svg {
    width: 45px;
    height: 45px;
}

.qtws-reason-item__title {
    font-size: 18px;
}

.qtws-reason-item__content {
    font-size: 16px;
}

.qtws-reason__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mt--4 {
    margin-top: -1.5rem;
}


/* PROJECT */

.qtws-project {
    padding: 35px 0;
}

.qtws-project__desc {
    font-size: 22px;
    color: #333;
    line-height: 1.4;
}

.qtws-project__desc:after {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background-color: var(--primary-color);
    margin: 15px auto 0 auto;
}

.qtws-project__content {
    font-size: 18px;
    line-height: 1.4;
}

.qtws-project-item {
    padding-bottom: 128%;
}

.qtws-project-item img {
    filter: brightness(0.7);
}

.qtws-project-item__title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    bottom: 15px;
    left: 0;
    z-index: 199;
    font-size: 20px;
    line-height: 1.4;
    text-shadow: rgb(41 41 102) 1px 1px 0px;
}


/* PROCESS */

.qtws-process {
    padding: 30px 0 40px 0;
}

.qtws-question__title:after,
.qtws-process__title:after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background-color: var(--primary-color);
    margin: 15px auto 0 auto;
}

.qtws-process-item {
    background-color: #fdf4f4;
    padding: 45px 37px;
}

.qtws-process .qtws-process-item-wrapper.active .qtws-process-item__content {
    color: #fff !important;
}

.qtws-process .qtws-process-item-wrapper {
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.qtws-process .qtws-process-item-wrapper:not(:last-child):after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #eea2a5;
    right: 0;
    z-index: 999;
    display: block;
    height: 60px;
    width: 1px;
}

.qtws-process .qtws-process-item-wrapper:nth-child(1) {
    border-radius: 8px 0 0 8px;
}

.qtws-process .qtws-process-item-wrapper:nth-child(5) {
    border-radius: 0 8px 8px 0;
}

.qtws-process-item__content {
    font-size: 22px;
}

.qtws-process-item__number {
    background: linear-gradient(120deg, #ffeccd00, #d520278f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    bottom: 10px;
    right: 10px;
}

.qtws-process .qtws-process-item-wrapper.active .qtws-process-item {
    background: linear-gradient(45deg, #d52027 0%, #6f0004 100%);
}

.qtws-process .qtws-process-item-wrapper.active {
    -webkit-transform: scale(1.05, 1.15);
    -ms-transform: scale(1.05, 1.15);
    transform: scale(1.05, 1.15);
    border-radius: 8px !important;
    z-index: 999;
}

.qtws-process .qtws-process-item-wrapper.active:after {
    display: none;
}

.qtws-process .qtws-process-item-wrapper.active .qtws-process-item__number {
    background: linear-gradient(120deg, #ffeccd26, #ff8185);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media screen and (max-width:1023px) {
    .qtws-process-item {
        padding: 25px 15px;
    }
    .qtws-process-item__content {
        font-size: 18px;
    }
    .qtws-process-item__number {
        font-size: 45px;
    }
}

@media screen and (max-width:767px) {
    .qtws-process-item {
        padding: 30px 30px 40px 30px;
    }
    .qtws-process-item__content {
        width: 60%;
    }
    .qtws-process-item__number {
        font-size: 60px;
    }
}


/* QUESTION */

.qtws-question {
    padding: 35px 0;
}

.qtws-question__image img {
    width: 100%;
    object-fit: cover;
}

.qtws-question-item {
    margin-bottom: 17px;
    box-shadow: 0px 0px 11px -4px #00000054;
    border-radius: 8px;
    overflow: hidden;
}

.qtws-question-item__head {
    padding: 10px 40px 10px 15px;
    border-radius: 5px;
    font-size: 16px;
    white-space: normal;
}

.qtws-question-item__head:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 9.75V8.25C14.25 8.04688 14.1758 7.87109 14.0273 7.72266C13.8789 7.57422 13.7031 7.5 13.5 7.5H10.5V4.5C10.5 4.29687 10.4258 4.12109 10.2773 3.97266C10.1289 3.82422 9.95313 3.75 9.75 3.75H8.25C8.04688 3.75 7.87109 3.82422 7.72266 3.97266C7.57422 4.12109 7.5 4.29687 7.5 4.5V7.5H4.5C4.29687 7.5 4.12109 7.57422 3.97266 7.72266C3.82422 7.87109 3.75 8.04688 3.75 8.25V9.75C3.75 9.95313 3.82422 10.1289 3.97266 10.2773C4.12109 10.4258 4.29687 10.5 4.5 10.5H7.5V13.5C7.5 13.7031 7.57422 13.8789 7.72266 14.0273C7.87109 14.1758 8.04688 14.25 8.25 14.25H9.75C9.95313 14.25 10.1289 14.1758 10.2773 14.0273C10.4258 13.8789 10.5 13.7031 10.5 13.5V10.5H13.5C13.7031 10.5 13.8789 10.4258 14.0273 10.2773C14.1758 10.1289 14.25 9.95313 14.25 9.75ZM18 9C18 10.6328 17.5977 12.1387 16.793 13.5176C15.9883 14.8965 14.8965 15.9883 13.5176 16.793C12.1387 17.5977 10.6328 18 9 18C7.36719 18 5.86133 17.5977 4.48242 16.793C3.10352 15.9883 2.01172 14.8965 1.20703 13.5176C0.402344 12.1387 0 10.6328 0 9C0 7.36719 0.402344 5.86133 1.20703 4.48242C2.01172 3.10352 3.10352 2.01172 4.48242 1.20703C5.86133 0.402344 7.36719 0 9 0C10.6328 0 12.1387 0.402344 13.5176 1.20703C14.8965 2.01172 15.9883 3.10352 16.793 4.48242C17.5977 5.86133 18 7.36719 18 9Z' fill='%23D52027'/%3E%3C/svg%3E%0A");
}

.qtws-question-item__head.clicked:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 9.75V8.25C14.25 8.04688 14.1758 7.87109 14.0273 7.72266C13.8789 7.57422 13.7031 7.5 13.5 7.5H4.5C4.29687 7.5 4.12109 7.57422 3.97266 7.72266C3.82422 7.87109 3.75 8.04688 3.75 8.25V9.75C3.75 9.95313 3.82422 10.1289 3.97266 10.2773C4.12109 10.4258 4.29687 10.5 4.5 10.5H13.5C13.7031 10.5 13.8789 10.4258 14.0273 10.2773C14.1758 10.1289 14.25 9.95313 14.25 9.75ZM18 9C18 10.6328 17.5977 12.1387 16.793 13.5176C15.9883 14.8965 14.8965 15.9883 13.5176 16.793C12.1387 17.5977 10.6328 18 9 18C7.36719 18 5.86133 17.5977 4.48242 16.793C3.10352 15.9883 2.01172 14.8965 1.20703 13.5176C0.402344 12.1387 0 10.6328 0 9C0 7.36719 0.402344 5.86133 1.20703 4.48242C2.01172 3.10352 3.10352 2.01172 4.48242 1.20703C5.86133 0.402344 7.36719 0 9 0C10.6328 0 12.1387 0.402344 13.5176 1.20703C14.8965 2.01172 15.9883 3.10352 16.793 4.48242C17.5977 5.86133 18 7.36719 18 9Z' fill='%23D52027'/%3E%3C/svg%3E%0A");
}

.qtws-question-item__head:focus {
    box-shadow: unset
}

.qtws-question-item__content {
    padding: 15px 20px;
    background-color: #FDF4F4;
    line-height: 1.4;
    font-size: 15px;
    display: none;
}


/* REGISTER */

.qtws-register {
    padding: 35px 0px 50px 0;
}

.qtws-register__form-desc,
.qtws-register__desc {
    font-size: 16px;
    line-height: 1.4;
}

.qtws-register__form-title {
    font-size: 20px;
    line-height: 1.4;
}

.qtws-register__form {
    padding: 35px 20px;
    border-radius: 30px;
    box-shadow: 0px 10px 25px -10px #292966;
    background: linear-gradient(45deg, #d52027 0%, #6f0004 100%);
}

@media screen and (min-width: 1024px) {
    .qtws-register__form {
        width: 90%;
    }
}

.qtws-register__form form .form-control {
    height: auto;
    padding: 8px 15px;
    font-size: 16px;
}

.qtws-register__form form .form-control:focus {
    box-shadow: unset;
}

.qtws-register__form form .form-button .wpcf7-spinner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.qtws-register__form form .form-button button {
    border: none;
    outline: none;
    border-radius: 13px;
    background-color: #fdf4f4;
    padding: 10px 20px;
    width: 90%;
    margin: 0 auto;
    color: var(--primary-color);
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.qtws-register__form form .form-group .wpcf7-not-valid-tip {
    color: yellow;
    margin-top: 5px;
}

.qtws-register__number-item {
    width: 33.33%;
    flex: 0 0 auto;
}

.qtws-register__number-item .item__icon {
    width: 80px;
    height: 80px;
    background-color: var(--primary-color);
}

.qtws-register__number-item .item__icon svg path {
    fill: #fff;
}

.qtws-register__number-item .item__number {
    font-size: 36px;
}

.qtws-register__number-item .item__number .wrap {
    padding-right: 3px;
    line-height: 1.2;
    /* animation: borderColor 3s infinite; */
}


/* 
@keyframes borderColor {
    0% {
        border-color: transparent;
    }
    100% {
        border-color: #d52027;
    }
} */

.qtws-register__number-item .item__title {
    font-size: 15px;
}

@media screen and (max-width:767px) {
    .qtws-register__number-item .item__icon {
        width: 60px;
        height: 60px;
    }
    .qtws-register__number-item .item__number {
        font-size: 30px;
    }
}

input[aria-invalid="true"]::placeholder,
select[aria-invalid="true"]::placeholder {
    color: red !important;
}

@media screen and (max-width:767px) {
    .show-less-web-cat,
    .home-sample__category-count {
        display: none;
    }
}

.show-less-web-cat,
.show-more-web-cat {
    color: #333;
}


/* PRICE */

.qtws-price {
    padding: 35px 0;
}

.qtws-price__desc {
    font-size: 22px;
}

.qtws-price__desc:after {
    content: '';
    display: block;
    width: 70px;
    height: 1px;
    background-color: var(--primary-color);
    margin: 10px auto 0 auto;
}

.qtws-price .home2-price-tab-content {
    margin-top: 110px;
}

.qtws-price .home2-price-tab__item {
    padding-bottom: 40px;
}

@media screen and (max-width:767px) {
    .qtws-price .home2-price-tab-content {
        margin-top: 30px;
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

#button-contact-vr.messenger {
    bottom: 170px;
}

.phone-mobile {
    display: none;
}

.giuseart-nav {
    position: fixed;
    right: 13px;
    background: #fff;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 50px;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
    display: none;
}

.giuseart-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.giuseart-nav ul li {
    list-style: none !important;
}

.giuseart-nav ul>li a {
    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 80px;
    max-height: 80px;
    text-decoration: none;
    height: 80px;
    width: 80px;
    top: -35px;
}

.giuseart-nav ul>li .chat_animation {
    display: none
}

.giuseart-nav ul>li a i.ticon-heart {
    background: url(https://hazoweb.vn/wp-content/themes/hazo/images/icon-map.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}

.giuseart-nav ul>li a i.ticon-zalo-circle2 {
    background: url(https://hazoweb.vn/wp-content/themes/hazo/images/icon-zalo-circle.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}

.giuseart-nav li .button {
    background: transparent;
}

.giuseart-nav ul>li a i.ticon-angle-up {
    background: url(https://hazoweb.vn/wp-content/themes/hazo/images/icon-angle-up.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}

.giuseart-nav ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}

.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
    top: 45px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
    color: #fff;
}

.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}

.giuseart-nav ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}

.giuseart-nav ul>li a i.ticon-messenger {
    background: url(https://hazoweb.vn/wp-content/themes/hazo/images/icon-messenger.png) no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}

.giuseart-nav ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}

.giuseart-nav ul>li a i.ticon-chat-sms {
    background: url(https://hazoweb.vn/wp-content/themes/hazo/images/icon-sms-1.jpg) no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}

.giuseart-nav ul>li a i.icon-phone-w {
    background: url(https://hazoweb.vn/wp-content/themes/hazo/images/icon-phone-w.png) no-repeat;
    background-size: contain;
}

.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
}

@media (max-width: 767px) {
    .giuseart-nav {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    .giuseart-nav li .chat_animation {
        display: block !Important
    }
    .giuseart-nav li .button .phone_animation {
        box-shadow: none;
        position: absolute;
        /* top: -16px; */
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background: #f62c3e;
        line-height: 15px;
        border: 2px solid white;
    }
    .giuseart-nav ul>li a {
        padding: 0;
        margin: 0 auto
    }
    .giuseart-nav {
        background: white;
        width: 100%;
        border-radius: 0;
        color: #fff;
        height: 60px;
        line-height: 50px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        padding: 5px;
        margin: 0;
        box-shadow: 0 4px 10px 0 #000;
    }
    .giuseart-nav li {
        float: left;
        width: 33.33%;
        list-style: none;
        height: 50px;
    }
    .phone-mobile {
        display: block !important
    }
}


/*# sourceMappingURL=style.css.map */

body.page-template-template-webDesign main {
    font-family: UTM;
}

.block__title {
    font-size: 25px;
}

.design-banner {
    background: linear-gradient(2.12deg, rgba(212, 32, 39, 0.22) 1.74%, rgba(212, 32, 39, 0) 98.17%);
}

.design-banner-inner {
    padding: 80px 0;
}

@media only screen and (max-width: 1500px) {
    .design-banner-inner {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .design-banner-inner {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 1023px) {
    .design-banner-inner {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 767px) {
    .design-banner-inner {
        padding: 60px 0;
    }
}

.design-banner__left {
    /* max-width: 54.8%;
    flex-basis: 54.8%; */
    padding-right: 10px;
}

@media only screen and (max-width: 767px) {
    .design-banner__left {
        max-width: 100%;
        flex-basis: 100%;
        margin-bottom: 30px;
    }
}

.design-banner__right {
    /* max-width: 43.5%;
    flex-basis: 43.5%; */
    padding-left: 31px;
}

.design-banner__right .design-subscribe__form {
    width: 100%;
}

.design-subscribe__form .wpcf7-response-output {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .design-banner__right {
        padding-left: 0;
    }
    .design-banner__right .design-subscribe__form {
        padding: 41px 20px;
    }
    .design-banner__right .design-subscribe__form .section__title {
        margin-bottom: 23px;
    }
    .design-banner__right .design-subscribe__form .section__title {
        font-size: 18px;
    }
    .design-banner__right .design-subscribe__form .form-group input {
        padding: 6px 20px;
    }
    .design-banner__right .design-subscribe__form button {
        padding: 5px 10px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .design-banner__right {
        max-width: 100%;
        flex-basis: 100%;
        padding-left: 0;
    }
}

.design-banner__right-img {
    padding-bottom: 50%;
}

@media only screen and (min-width: 768px) {
    .design-banner__right-img {
        transform: translateY(-58px);
    }
}

.design-banner__title {
    font-size: 75px;
    line-height: calc(126 / 86);
}

@media only screen and (max-width: 1500px) {
    .design-banner__title {
        font-size: 63px;
    }
}

@media only screen and (max-width: 1199px) {
    .design-banner__title {
        font-size: 50px;
    }
}

@media only screen and (max-width: 1023px) {
    .design-banner__title {
        font-size: 42px;
    }
}

@media only screen and (max-width: 424px) {
    .design-banner__title {
        font-size: 39px;
    }
}

@media only screen and (max-width: 374px) {
    .design-banner__title {
        font-size: 32px;
    }
}

.design-banner__subtitle {
    font-size: 42px;
    line-height: calc(77 / 51);
}

@media only screen and (max-width: 1500px) {
    .design-banner__subtitle {
        font-size: 40px;
    }
}

@media only screen and (max-width: 1199px) {
    .design-banner__subtitle {
        font-size: 33px;
    }
}

@media only screen and (max-width: 1023px) {
    .design-banner__subtitle {
        font-size: 25px;
    }
}

@media only screen and (max-width: 424px) {
    .design-banner__subtitle {
        font-size: 23px;
    }
}

@media only screen and (max-width: 374px) {
    .design-banner__subtitle {
        font-size: 19px;
    }
}

.design-banner__desc {
    font-size: 19px;
    color: #484848;
    line-height: 1.6;
}

@media only screen and (max-width: 1199px) {
    .design-banner__desc {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1023px) {
    .design-banner__desc {
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .design-banner__desc {
        font-size: 16px;
    }
    .design-banner__desc br {
        display: none;
    }
}


/** design services **/

@media screen and (min-width: 1024px) {
    .design-services {
        padding-top: 70px;
    }
}

.design-services .section__title {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1023px) {
    .design-services .section__title {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .design-services .section__title {
        margin-bottom: 25px;
    }
}

.design-services__item .item__image {
    padding-bottom: 58%;
    border-radius: 15px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 1023px) {
    .design-services__item .item__title {
        font-size: 20px;
    }
}

.design-services__item .item__list {
    margin-top: 16px;
}

.design-services__item .item__list ul {
    list-style: none;
    padding-left: 0;
}

.design-services__item .item__list p,
.design-services__item .item__list ul li {
    font-size: 18px;
    line-height: 1.67;
    display: flex;
    margin-bottom: 5px;
    gap: 5px;
}

@media only screen and (max-width: 1023px) {
    .design-services__item .item__list p,
    .design-services__item .item__list ul li {
        font-size: 17px;
    }
}

@media only screen and (max-width: 767px) {
    .design-services__item .item__list p,
    .design-services__item .item__list ul li {
        font-size: 16px;
    }
}

.design-services__item .item__list ul li:before {
    content: "";
    background: url(../svg/check.svg) center / contain no-repeat;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-top: 7px;
}

.design-services__item .item__link {
    margin-top: 24px;
}

.page-template-template-webDesign .button-primary {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 0;
    border: 1px solid var(--primary-color);
}

.page-template-template-webDesign .button-primary:hover {
    background-color: #fff;
    color: var(--primary-color) !important;
}


/** design benefit **/

.design-benefit {
    background-color: rgba(212, 32, 39, 0.05);
}

.design-benefit-inner {
    width: 86.9%;
}

@media only screen and (max-width: 1023px) {
    .design-benefit-inner {
        width: 100%;
    }
}

.design-benefit .button {
    margin-top: 8px;
}

@media only screen and (max-width: 1023px) {
    .design-benefit .button {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

.design-benefit .section__title {
    margin-bottom: 60px;
}

@media only screen and (max-width: 1023px) {
    .design-benefit .section__title {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .design-benefit .section__title {
        margin-bottom: 25px;
    }
}

.design-benefit .block__title {
    margin-bottom: 40px;
}

.design-benefit__item {
    max-width: calc(50% - 8px);
    flex-basis: calc(50% - 8px);
    border: 1px solid #D42027;
    box-sizing: border-box;
    border-radius: 15px;
    transition: .3s;
    padding: 16px;
    background-color: transparent;
    margin-bottom: 16px;
    font-size: 20px;
    counter-increment: design-benefit__item;
    position: relative;
    line-height: 1.5;
}

@media only screen and (max-width: 1023px) {
    .design-benefit__item {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .design-benefit__item {
        max-width: 100%;
        flex-basis: 100%;
    }
}

.design-benefit__item:nth-child(4) {
    letter-spacing: -0.03em;
}

.design-benefit__item:after {
    content: "0" counter(design-benefit__item);
    font-size: 80px;
    position: absolute;
    bottom: 0;
    right: 8px;
    font-weight: 700;
    z-index: 99;
    text-shadow: -1px 0 #d520264d, 0 1px #d520264d, 1px 0 #d520264d, 0 -1px #d520264d;
    color: #fdf4f4;
    line-height: 1;
    z-index: 1;
    transition: .3s;
}

.design-benefit__item p {
    position: relative;
    z-index: 9;
}

.design-benefit__item p span {
    font-weight: 700;
    color: var(--primary-color);
    transition: .3s;
}

.design-benefit__item:hover {
    color: #fff;
    background-color: var(--primary-color);
}

.design-benefit__item:hover:after {
    color: #ffffff66 !important;
    text-shadow: unset;
}

.design-benefit__item:hover p span {
    color: #fff;
}

.design-benefit__item.design-benefit__item-no-border {
    border: none !important;
    background-color: #fff !important;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
}

.design-benefit__item.design-benefit__item-no-border:after {
    display: none;
}

.design-benefit__item.design-benefit__item-no-border .item__desc {
    font-size: 20px;
    line-height: 1.95;
}

@media only screen and (max-width: 767px) {
    .design-benefit__item.design-benefit__item-no-border {
        padding: 0;
    }
    .design-benefit__item.design-benefit__item-no-border .button {
        margin-top: 15px;
    }
}

.design-benefit-carousel-wrapper {
    width: 93%;
    margin-left: auto;
}

@media only screen and (max-width: 1199px) {
    .design-benefit-carousel-wrapper {
        width: 100%;
    }
}

.design-benefit-carousel {
    margin-bottom: 24px;
}

.design-benefit-carousel .carousel-cell__image {
    padding-bottom: 142%;
}

.design-benefit-carousel .carousel-cell__image img {
    width: 100%;
}

.design-benefit-carousel-button .prevNext-button {
    cursor: pointer;
}

@media (hover) {
    .design-benefit-carousel-button .prevNext-button:hover svg path {
        stroke: var(--primary-color);
    }
}

.design-benefit-carousel-button .prevNext-button svg path {
    stroke: #000;
}

.design-benefit-carousel-button .separate {
    display: block;
    height: 34px;
    width: 1px;
    background-color: #C4C4C4;
    margin-left: 25px;
    margin-right: 25px;
}


/** design sample **/

.design-sample .block__title {
    margin-bottom: 40px;
}

.design-sample__image {
    border-radius: 15px;
    padding-bottom: 64.1%;
}

@media only screen and (min-width: 1024px) {
    .design-sample__image {
        width: 90%;
    }
}

.design-sample__image img {
    width: 88%;
    height: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.design-sample .design-benefit__item:after {
    color: #fff;
}


/** design about **/

.design-about {
    padding: 40px 0;
}

@media only screen and (max-width: 1199px) {
    .design-about {
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .design-about {
        padding: 0;
    }
}

.design-about-inner {
    background: rgba(212, 32, 39, 0.91);
    padding: 80px 0;
    position: relative;
}

.design-about-inner:before {
    content: '';
    right: 100%;
    width: 100%;
    height: 100%;
    background-color: rgba(212, 32, 39, 0.91);
    display: block;
    top: 0;
    position: absolute;
}

.design-about-inner:after {
    content: '';
    width: 30px;
    left: 100%;
    height: 100%;
    background-color: rgba(212, 32, 39, 0.91);
    display: block;
    top: 0;
    position: absolute;
}

@media only screen and (max-width: 1199px) {
    .design-about-inner:after {
        width: 100%;
    }
}

@media only screen and (max-width: 1023px) {
    .design-about-inner {
        padding: 50px 0;
    }
}

@media only screen and (max-width: 767px) {
    .design-about-inner {
        padding: 30px 0;
    }
}

.design-about-inner .section__title {
    margin-bottom: 50px;
    color: #000;
}

@media only screen and (max-width: 767px) {
    .design-about-inner .section__title {
        margin-bottom: 30px;
    }
}

.design-about__item .item__icon {
    max-width: 90px;
    padding-bottom: 25%;
}

@media only screen and (max-width: 767px) {
    .design-about__item .item__icon {
        margin: 0 auto;
    }
}

.design-about__item .item__icon img {
    object-fit: contain;
}

.design-about__item .item__title {
    margin: 16px 0 10px 0;
}

@media only screen and (max-width: 1199px) {
    .design-about__item .item__title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .design-about__item .item__title {
        text-align: center;
    }
}

@media only screen and (max-width: 424px) {
    .design-about__item .item__title {
        font-size: 22px;
    }
}

.design-about__item .item__desc {
    font-size: 18px;
}

@media only screen and (max-width: 1199px) {
    .design-about__item .item__desc {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .design-about__item .item__desc {
        text-align: center;
    }
}


/** design project **/

.design-project .project-name {
    text-align: center;
    padding: 20px;
    background: #f5f5f5;
    display: block;
}

.design-project .project-name a {
    color: #000;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .design-project .section__title {
        text-align: center;
    }
}

.design-project-carousel {
    margin-top: 40px;
    margin-left: -15px;
    margin-right: -15px;
}

@media only screen and (max-width: 1199px) {
    .design-project-carousel {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media only screen and (max-width: 767px) {
    .design-project-carousel {
        margin-left: 0;
        margin-right: 0;
    }
}

.design-project-carousel .carousel-cell:hover:after {
    opacity: 0;
    visibility: hidden;
}

.design-project-carousel .carousel-cell__image {
    padding-bottom: 128%;
}

.design-project .section__title-blur {
    opacity: 0.1;
}

@media only screen and (max-width: 767px) {
    .design-project .section__title-blur {
        display: none;
    }
}

.design-project .section__title-blur .section__title {
    font-size: 53px;
    right: 0;
    top: -30px;
}

@media only screen and (max-width: 1366px) {
    .design-project .section__title-blur .section__title {
        font-size: 45px;
        right: 0;
        top: -23px;
    }
}

@media only screen and (max-width: 1199px) {
    .design-project .section__title-blur .section__title {
        font-size: 38px;
        right: 0;
        top: -11px;
    }
}

@media only screen and (max-width: 1023px) {
    .design-project .section__title-blur .section__title {
        font-size: 26px;
        right: 0;
        top: 1px;
    }
}


/** design statistics **/

.design-statistics {
    background-color: rgba(212, 32, 39, 0.05);
}

.design-statistics .section__title {
    margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
    .design-statistics .section__title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 424px) {
    .design-statistics .section__title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 374px) {
    .design-statistics .section__title {
        font-size: 23px;
    }
}

.design-statistics .block__title {
    margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
    .design-statistics .block__title {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1023px) {
    .design-statistics .block__title {
        margin-bottom: 30px;
    }
}

.design-statistics__item span {
    font-size: 100px;
    position: relative;
}

@media only screen and (max-width: 1199px) {
    .design-statistics__item span {
        font-size: 85px;
    }
}

@media only screen and (max-width: 1023px) {
    .design-statistics__item span {
        font-size: 62px;
    }
}

.design-statistics__item span:after {
    content: '+';
    position: absolute;
    top: 0;
    left: 100%;
    line-height: 1;
    font-size: 57px;
}

.design-statistics__item p {
    font-size: 25px;
}

@media only screen and (max-width: 1023px) {
    .design-statistics__item p {
        font-size: 22px;
    }
}

.design-statistics__list {
    margin-bottom: 53px;
}

@media only screen and (max-width: 767px) {
    .design-statistics__list {
        margin-bottom: 30px;
    }
}

.design-statistics .section__title-blur .section__title {
    font-size: 69px;
    opacity: 0.1;
}

@media only screen and (max-width: 1366px) {
    .design-statistics .section__title-blur .section__title {
        font-size: 56px;
    }
}

@media only screen and (max-width: 1199px) {
    .design-statistics .section__title-blur .section__title {
        font-size: 50px;
    }
}

@media only screen and (max-width: 1023px) {
    .design-statistics .section__title-blur .section__title {
        font-size: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .design-statistics .section__title-blur .section__title {
        display: none;
    }
}


/** design subscribe **/

.design-subscribe__form {
    border-radius: 15px;
    padding: 60px 40px;
    position: relative;
}

@media only screen and (min-width: 1024px) {
    .design-subscribe__form {
        width: 99%;
    }
}

@media only screen and (max-width: 767px) {
    .design-subscribe__form {
        padding: 50px 20px;
    }
}

.design-subscribe__form .section__title {
    margin-bottom: 10px;
}

@media only screen and (max-width: 424px) {
    .design-subscribe__form .section__title {
        font-size: 20px;
    }
}

.design-subscribe__form .form-group {
    margin-bottom: 16px;
    /* Firefox */
}

.design-subscribe__form .form-group input {
    width: 100%;
    height: auto;
    padding: 10px 24px;
    font-size: 18px;
    color: #484848;
    border: 1px solid transparent;
    border-radius: unset;
}

.design-subscribe__form .form-group input::placeholder {
    font-size: 18px;
    color: #484848;
}

.design-subscribe__form .form-group input::-webkit-outer-spin-button,
.design-subscribe__form .form-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.design-subscribe__form .form-group input[type=number] {
    -moz-appearance: textfield;
}

.design-subscribe__form .form-group span.wpcf7-not-valid-tip {
    color: #fff !important;
    display: block !important;
}

.design-subscribe__form button {
    color: #D42027 !important;
    background-color: #fff;
    padding: 8px 10px;
    line-height: 1.7;
    outline: none;
    width: 100%;
    font-weight: 700;
    border: 0;
}

.design-subscribe__form .wpcf7-spinner {
    position: absolute;
}

.design-subscribe__form button:hover {
    background-color: #af2228 !important;
    color: #fff !important;
}

.design-subscribe__form .wpcf7 .ajax-loader {
    position: absolute;
    top: 10px;
    right: 10px;
}

.design-subscribe__title {
    font-size: 90px;
}

@media only screen and (max-width: 1439px) {
    .design-subscribe__title {
        font-size: 81px;
    }
}

@media only screen and (max-width: 1199px) {
    .design-subscribe__title {
        font-size: 62px;
    }
}

@media only screen and (max-width: 1023px) {
    .design-subscribe__title {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .design-subscribe__title {
        font-size: 42px;
    }
}

@media only screen and (max-width: 424px) {
    .design-subscribe__title {
        font-size: 40px;
    }
}

.design-subscribe__desc {
    font-size: 48px;
}

@media only screen and (max-width: 1439px) {
    .design-subscribe__desc {
        font-size: 43px;
    }
}

@media only screen and (max-width: 1199px) {
    .design-subscribe__desc {
        font-size: 34px;
    }
}

@media only screen and (max-width: 1023px) {
    .design-subscribe__desc {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .design-subscribe__desc {
        font-size: 29px;
    }
}

@media only screen and (max-width: 424px) {
    .design-subscribe__desc {
        font-size: 22px;
    }
}

.design-subscribe__form-desc {
    font-size: 18px;
    width: 89%;
    margin: 16px auto 0 auto;
}

.design-contact {
    padding: 130px 0 140px 0;
    overflow: hidden;
}

@media only screen and (max-width: 1199px) {
    .design-contact {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 767px) {
    .design-contact {
        padding: 40px 0;
    }
}

.design-contact-inner {
    position: relative;
    padding: 100px 116px;
}

@media only screen and (max-width: 1199px) {
    .design-contact-inner {
        padding: 100px 79px;
    }
}

@media only screen and (max-width: 1023px) {
    .design-contact-inner {
        padding: 60px 30px;
    }
}

@media only screen and (max-width: 424px) {
    .design-contact-inner {
        padding: 40px 10px;
    }
}

.design-contact-inner .section__title {
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .design-contact-inner .section__title {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 424px) {
    .design-contact-inner .section__title {
        font-size: 21px;
    }
}

.design-contact-inner:before {
    content: '';
    position: absolute;
    left: -10%;
    height: 100%;
    top: 0;
    width: 1000%;
    display: block;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(10px);
}

@media only screen and (max-width: 1439px) {
    .design-contact-inner:before {
        left: -1%;
    }
}

@media only screen and (max-width: 1023px) {
    .design-contact-inner:before {
        left: -10%;
    }
}

.design-contact-inner ul {
    list-style: none;
}

.design-contact-inner ul li {
    color: #fff;
    font-size: 18px;
}

@media only screen and (max-width: 424px) {
    .design-contact-inner ul li {
        font-size: 16px;
    }
}

.design-contact-inner ul li:not(:last-child) {
    margin-bottom: 10px;
}

.design-contact__address {
    max-width: 60%;
    flex-basis: 60%;
}

@media only screen and (max-width: 1199px) {
    .design-contact__address {
        max-width: 50%;
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .design-contact__address {
        max-width: 100%;
        flex-basis: 100%;
    }
}

.design-contact__address li {
    display: flex;
    align-items: start;
}

.design-contact__address li:before {
    content: url(../images/svg/map-marker.svg);
    flex-shrink: 0;
    margin-right: 17px;
    display: inline-block;
    transform: translateY(4px);
}

.design-contact__info {
    padding-left: 67px;
    max-width: 40%;
    flex-basis: 40%;
}

@media only screen and (max-width: 1439px) {
    .design-contact__info {
        padding-left: 50px;
    }
}

@media only screen and (max-width: 1199px) {
    .design-contact__info {
        max-width: 50%;
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 1023px) {
    .design-contact__info {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .design-contact__info {
        max-width: 100%;
        flex-basis: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
}

.design-contact__info ul li {
    margin-bottom: 20px;
}

.design-contact__info ul li svg {
    margin-right: 15px;
}

.design-contact__info ul li svg path {
    fill: #fff;
}

.design-contact__info ul li a {
    transition: .3s;
}

.design-contact__info ul li a:hover {
    color: var(--primary-color);
}

.hz-flickity-button .flickity-button {
    opacity: 0.5;
    visibility: visible;
    background-color: var(--primary-color);
}

.hz-flickity-button .flickity-button:hover {
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .hz-flickity-button .flickity-button {
        display: none;
    }
}

.hz-flickity-button .flickity-button svg {
    width: 40%;
    height: 40%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hz-flickity-button .flickity-button svg path {
    fill: #fff;
}

.hz-flickity-button .flickity-button.previous {
    left: -4%;
}

.hz-flickity-button .flickity-button.next {
    right: -4%;
}

.phone-bar a {
    bottom: 28px !important;
    padding: 4px 15px 5px 50px !important;
}


/** PRICE **/

.design2-price {
    padding: 40px 0 90px 0;
    position: relative;
}

.design2-price__title {
    margin-bottom: 30px;
}

.design2-price__title:before {
    content: '';
    width: 10px;
    height: 80px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: block;
    background-color: var(--primary-color);
    margin-right: 50px;
}

@media screen and (max-width:767px) {
    .design2-price {
        padding: 25px 0 50px 0;
    }
    .design2-price__title:before {
        margin-right: 15px;
    }
}

.design2-price__desc ul {
    list-style: none;
}

.design2-price__desc li {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    line-height: 1.4;
}

.design2-price__desc li:before {
    content: '';
    width: 15px;
    min-width: 15px;
    height: 15px;
    display: inline-block;
    background-color: rgba(212, 32, 39, 0.9);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 10px;
    margin-top: 3px;
}

@media screen and (max-width:1023px) {
    .design2-price-nav {
        margin-top: 30px;
    }
}

.design2-price-nav ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #EBEBEB;
    position: relative;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
}

.design2-price-nav .nav-item .nav-link {
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
    position: relative;
    z-index: 9;
    font-weight: 700;
    color: #000;
    line-height: 1.5;
    padding-bottom: 8px;
    padding-top: 7px;
    font-size: 17px;
}

.design2-price-nav .nav-item .nav-link:hover {
    color: var(--primary-color);
}

@media screen and (max-width: 1023px) {
    .design2-price-nav .nav-item .nav-link {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 767px) {
    .design2-price-nav .nav-item .nav-link {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 374px) {
    .design2-price-nav .nav-item .nav-link {
        font-size: 14px;
    }
}

.design2-price-nav .nav-item .nav-link.active {
    color: #fff;
}

.design2-price-nav li .active {
    background-color: transparent !important;
    color: #fff;
}

.design2-price-nav .indicator {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 0;
    width: 0;
    height: 100%;
    background: var(--primary-color);
    -webkit-transition: left .3s, width .3s;
    transition: left .3s, width .3s;
    z-index: 1;
    border-radius: 9999px;
}

.design2-price-tab-content {
    margin-top: 130px;
}

@media screen and (max-width: 1023px) {
    .design2-price-tab-content {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1023px) {
    .design2-price-tab-content {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .design2-price-tab-content .tab-pane .row {
        margin-right: -10px !important;
        margin-left: -10px !important;
    }
    .design2-price-tab-content .tab-pane .row [class*='col-'] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

.design2-price-tab-content .item-highlights {
    /* margin-top: -50px; */
}

.design2-price-tab-content .item-highlights .design2-price-tab__item {
    border: 1px solid var(--primary-color);
}

@media screen and (min-width:1023px) {
    .design2-price-tab-content .item-highlights .design2-price-tab__item {
        margin-top: -50px;
    }
}

.design2-price-tab-content .item-highlights .item__name {
    color: var(--primary-color);
}

.design2-price-tab-content .item-red .design2-price-tab__item {
    background-color: rgba(213, 32, 39, 0.8);
    color: #fff;
}

.design2-price-tab-content .item-red .design2-price-tab__item .item__name {
    color: #FFE351;
}

.design2-price-tab-content .item-red .design2-price-tab__item .item__icon {
    background-color: #FFE351;
}

.design2-price-tab-content .item-red .design2-price-tab__item .separate {
    background-color: #FFE351;
}

.design2-price-tab-content .item-red .design2-price-tab__item .item__button {
    background-color: #FFE351;
    color: var(--primary-color);
    border: 1px solid #FFE351;
}

.design2-price-tab-content .item-red .design2-price-tab__item .item__button:hover {
    background-color: #ffffff;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.design2-price-tab-content .item-red .design2-price-tab__item .item__button:hover:after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z'/%3E%3C/mask%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z' fill='%23D42027'/%3E%3Cpath d='M10 4.99951L12.1213 2.87819L10.0276 0.784492L7.90666 2.85057L10 4.99951ZM9.10625 5.87014L7.01291 3.7212L4.84087 5.83704L6.97982 7.98633L9.10625 5.87014ZM12.5938 9.37451V12.3745H19.8117L14.7202 7.25832L12.5938 9.37451ZM5 9.37451V6.37451H2V9.37451H5ZM5 10.6245H2V13.6245H5V10.6245ZM12.5938 10.6245L14.7137 12.7472L19.8428 7.62451H12.5938V10.6245ZM9.10625 14.1076L6.98626 11.985L4.86005 14.1085L6.98716 16.2312L9.10625 14.1076ZM10 14.9995L7.88091 17.1231L10.0022 19.2399L12.1213 17.1208L10 14.9995ZM15 9.99951L17.1213 12.1208L19.2426 9.99951L17.1213 7.87819L15 9.99951ZM7.90666 2.85057L7.01291 3.7212L11.1996 8.01908L12.0933 7.14845L7.90666 2.85057ZM6.97982 7.98633L10.4673 11.4907L14.7202 7.25832L11.2327 3.75394L6.97982 7.98633ZM12.5938 6.37451H5V12.3745H12.5938V6.37451ZM2 9.37451V10.6245H8V9.37451H2ZM5 13.6245H12.5938V7.62451H5V13.6245ZM10.4738 8.50186L6.98626 11.985L11.2262 16.2303L14.7137 12.7472L10.4738 8.50186ZM6.98716 16.2312L7.88091 17.1231L12.1191 12.876L11.2253 11.9841L6.98716 16.2312ZM12.1213 17.1208L17.1213 12.1208L12.8787 7.87819L7.87868 12.8782L12.1213 17.1208ZM17.1213 7.87819L12.1213 2.87819L7.87868 7.12083L12.8787 12.1208L17.1213 7.87819Z' fill='%23D42027' mask='url(%23path-1-inside-1)'/%3E%3Cmask id='path-3-inside-2' fill='white'%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z'/%3E%3C/mask%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z' fill='%23D42027'/%3E%3Cpath d='M18.75 9.99952L21.75 10.0029V9.99952H18.75ZM17.5 9.99952H20.5L20.5 9.99602L17.5 9.99952ZM10 15.7495C8.86276 15.7495 7.75106 15.4123 6.80547 14.7805L3.47205 19.7693C5.40433 21.0604 7.67607 21.7495 10 21.7495V15.7495ZM6.80547 14.7805C5.85989 14.1486 5.1229 13.2506 4.6877 12.1999L-0.855581 14.496C0.033749 16.6431 1.53978 18.4782 3.47205 19.7693L6.80547 14.7805ZM4.6877 12.1999C4.25249 11.1493 4.13862 9.99314 4.36049 8.87775L-1.52422 7.7072C-1.9776 9.98648 -1.74491 12.349 -0.855581 14.496L4.6877 12.1999ZM4.36049 8.87775C4.58235 7.76236 5.12999 6.7378 5.93414 5.93365L1.6915 1.69101C0.0482317 3.33428 -1.07085 5.42793 -1.52422 7.7072L4.36049 8.87775ZM5.93414 5.93365C6.73829 5.1295 7.76284 4.58187 8.87823 4.36L7.70769 -1.52471C5.42842 -1.07134 3.33477 0.0477434 1.6915 1.69101L5.93414 5.93365ZM8.87823 4.36C9.99363 4.13814 11.1498 4.252 12.2004 4.68721L14.4965 -0.856069C12.3495 -1.7454 9.98697 -1.97809 7.70769 -1.52471L8.87823 4.36ZM12.2004 4.68721C13.2511 5.12241 14.1491 5.8594 14.781 6.80499L19.7698 3.47157C18.4787 1.53929 16.6436 0.0332607 14.4965 -0.856069L12.2004 4.68721ZM14.781 6.80499C15.4128 7.75057 15.75 8.86227 15.75 9.99952H21.75C21.75 7.67559 21.0609 5.40384 19.7698 3.47157L14.781 6.80499ZM15.75 9.99609C15.7483 11.5215 15.1415 12.9839 14.0629 14.0625L18.3056 18.3051C20.5077 16.103 21.7464 13.1172 21.75 10.0029L15.75 9.99609ZM14.0629 14.0625C12.9843 15.1411 11.5219 15.7478 9.99658 15.7495L10.0034 21.7495C13.1177 21.746 16.1034 20.5072 18.3056 18.3051L14.0629 14.0625ZM10 -0.500484C7.9233 -0.500484 5.89323 0.11533 4.16652 1.26908L7.49994 6.2579C8.23996 5.76344 9.10999 5.49952 10 5.49952V-0.500484ZM4.16652 1.26908C2.4398 2.42284 1.09399 4.06272 0.299269 5.98134L5.84255 8.27744C6.18314 7.45517 6.75992 6.75237 7.49994 6.2579L4.16652 1.26908ZM0.299269 5.98134C-0.495451 7.89996 -0.703386 10.0112 -0.298241 12.048L5.58647 10.8774C5.41284 10.0045 5.50195 9.09971 5.84255 8.27744L0.299269 5.98134ZM-0.298241 12.048C0.106903 14.0848 1.10693 15.9557 2.57538 17.4241L6.81802 13.1815C6.18869 12.5522 5.7601 11.7503 5.58647 10.8774L-0.298241 12.048ZM2.57538 17.4241C4.04383 18.8926 5.91476 19.8926 7.95156 20.2978L9.1221 14.413C8.24918 14.2394 7.44736 13.8108 6.81802 13.1815L2.57538 17.4241ZM7.95156 20.2978C9.98836 20.7029 12.0996 20.495 14.0182 19.7003L11.7221 14.157C10.8998 14.4976 9.99501 14.5867 9.1221 14.413L7.95156 20.2978ZM14.0182 19.7003C15.9368 18.9055 17.5767 17.5597 18.7304 15.833L13.7416 12.4996C13.2472 13.2396 12.5443 13.8164 11.7221 14.157L14.0182 19.7003ZM18.7304 15.833C19.8842 14.1063 20.5 12.0762 20.5 9.99952H14.5C14.5 10.8895 14.2361 11.7596 13.7416 12.4996L18.7304 15.833ZM20.5 9.99602C20.4968 7.21317 19.3898 4.54523 17.4221 2.57745L13.1794 6.82009C14.0237 7.66436 14.4986 8.80903 14.5 10.003L20.5 9.99602ZM17.4221 2.57745C15.4543 0.609678 12.7863 -0.497241 10.0035 -0.500482L9.99651 5.49951C11.1905 5.5009 12.3352 5.97582 13.1794 6.82009L17.4221 2.57745Z' fill='%23D42027' mask='url(%23path-3-inside-2)'/%3E%3C/svg%3E%0A");
}

.design2-price-tab-content .item-red .design2-price-tab__item .item__button:after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z'/%3E%3C/mask%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z' fill='%23D42027'/%3E%3Cpath d='M10 4.99951L12.1213 2.87819L10.0276 0.784492L7.90666 2.85057L10 4.99951ZM9.10625 5.87014L7.01291 3.7212L4.84087 5.83704L6.97982 7.98633L9.10625 5.87014ZM12.5938 9.37451V12.3745H19.8117L14.7202 7.25832L12.5938 9.37451ZM5 9.37451V6.37451H2V9.37451H5ZM5 10.6245H2V13.6245H5V10.6245ZM12.5938 10.6245L14.7137 12.7472L19.8428 7.62451H12.5938V10.6245ZM9.10625 14.1076L6.98626 11.985L4.86005 14.1085L6.98716 16.2312L9.10625 14.1076ZM10 14.9995L7.88091 17.1231L10.0022 19.2399L12.1213 17.1208L10 14.9995ZM15 9.99951L17.1213 12.1208L19.2426 9.99951L17.1213 7.87819L15 9.99951ZM7.90666 2.85057L7.01291 3.7212L11.1996 8.01908L12.0933 7.14845L7.90666 2.85057ZM6.97982 7.98633L10.4673 11.4907L14.7202 7.25832L11.2327 3.75394L6.97982 7.98633ZM12.5938 6.37451H5V12.3745H12.5938V6.37451ZM2 9.37451V10.6245H8V9.37451H2ZM5 13.6245H12.5938V7.62451H5V13.6245ZM10.4738 8.50186L6.98626 11.985L11.2262 16.2303L14.7137 12.7472L10.4738 8.50186ZM6.98716 16.2312L7.88091 17.1231L12.1191 12.876L11.2253 11.9841L6.98716 16.2312ZM12.1213 17.1208L17.1213 12.1208L12.8787 7.87819L7.87868 12.8782L12.1213 17.1208ZM17.1213 7.87819L12.1213 2.87819L7.87868 7.12083L12.8787 12.1208L17.1213 7.87819Z' fill='%23D42027' mask='url(%23path-1-inside-1)'/%3E%3Cmask id='path-3-inside-2' fill='white'%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z'/%3E%3C/mask%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z' fill='%23D42027'/%3E%3Cpath d='M18.75 9.99952L21.75 10.0029V9.99952H18.75ZM17.5 9.99952H20.5L20.5 9.99602L17.5 9.99952ZM10 15.7495C8.86276 15.7495 7.75106 15.4123 6.80547 14.7805L3.47205 19.7693C5.40433 21.0604 7.67607 21.7495 10 21.7495V15.7495ZM6.80547 14.7805C5.85989 14.1486 5.1229 13.2506 4.6877 12.1999L-0.855581 14.496C0.033749 16.6431 1.53978 18.4782 3.47205 19.7693L6.80547 14.7805ZM4.6877 12.1999C4.25249 11.1493 4.13862 9.99314 4.36049 8.87775L-1.52422 7.7072C-1.9776 9.98648 -1.74491 12.349 -0.855581 14.496L4.6877 12.1999ZM4.36049 8.87775C4.58235 7.76236 5.12999 6.7378 5.93414 5.93365L1.6915 1.69101C0.0482317 3.33428 -1.07085 5.42793 -1.52422 7.7072L4.36049 8.87775ZM5.93414 5.93365C6.73829 5.1295 7.76284 4.58187 8.87823 4.36L7.70769 -1.52471C5.42842 -1.07134 3.33477 0.0477434 1.6915 1.69101L5.93414 5.93365ZM8.87823 4.36C9.99363 4.13814 11.1498 4.252 12.2004 4.68721L14.4965 -0.856069C12.3495 -1.7454 9.98697 -1.97809 7.70769 -1.52471L8.87823 4.36ZM12.2004 4.68721C13.2511 5.12241 14.1491 5.8594 14.781 6.80499L19.7698 3.47157C18.4787 1.53929 16.6436 0.0332607 14.4965 -0.856069L12.2004 4.68721ZM14.781 6.80499C15.4128 7.75057 15.75 8.86227 15.75 9.99952H21.75C21.75 7.67559 21.0609 5.40384 19.7698 3.47157L14.781 6.80499ZM15.75 9.99609C15.7483 11.5215 15.1415 12.9839 14.0629 14.0625L18.3056 18.3051C20.5077 16.103 21.7464 13.1172 21.75 10.0029L15.75 9.99609ZM14.0629 14.0625C12.9843 15.1411 11.5219 15.7478 9.99658 15.7495L10.0034 21.7495C13.1177 21.746 16.1034 20.5072 18.3056 18.3051L14.0629 14.0625ZM10 -0.500484C7.9233 -0.500484 5.89323 0.11533 4.16652 1.26908L7.49994 6.2579C8.23996 5.76344 9.10999 5.49952 10 5.49952V-0.500484ZM4.16652 1.26908C2.4398 2.42284 1.09399 4.06272 0.299269 5.98134L5.84255 8.27744C6.18314 7.45517 6.75992 6.75237 7.49994 6.2579L4.16652 1.26908ZM0.299269 5.98134C-0.495451 7.89996 -0.703386 10.0112 -0.298241 12.048L5.58647 10.8774C5.41284 10.0045 5.50195 9.09971 5.84255 8.27744L0.299269 5.98134ZM-0.298241 12.048C0.106903 14.0848 1.10693 15.9557 2.57538 17.4241L6.81802 13.1815C6.18869 12.5522 5.7601 11.7503 5.58647 10.8774L-0.298241 12.048ZM2.57538 17.4241C4.04383 18.8926 5.91476 19.8926 7.95156 20.2978L9.1221 14.413C8.24918 14.2394 7.44736 13.8108 6.81802 13.1815L2.57538 17.4241ZM7.95156 20.2978C9.98836 20.7029 12.0996 20.495 14.0182 19.7003L11.7221 14.157C10.8998 14.4976 9.99501 14.5867 9.1221 14.413L7.95156 20.2978ZM14.0182 19.7003C15.9368 18.9055 17.5767 17.5597 18.7304 15.833L13.7416 12.4996C13.2472 13.2396 12.5443 13.8164 11.7221 14.157L14.0182 19.7003ZM18.7304 15.833C19.8842 14.1063 20.5 12.0762 20.5 9.99952H14.5C14.5 10.8895 14.2361 11.7596 13.7416 12.4996L18.7304 15.833ZM20.5 9.99602C20.4968 7.21317 19.3898 4.54523 17.4221 2.57745L13.1794 6.82009C14.0237 7.66436 14.4986 8.80903 14.5 10.003L20.5 9.99602ZM17.4221 2.57745C15.4543 0.609678 12.7863 -0.497241 10.0035 -0.500482L9.99651 5.49951C11.1905 5.5009 12.3352 5.97582 13.1794 6.82009L17.4221 2.57745Z' fill='%23D42027' mask='url(%23path-3-inside-2)'/%3E%3C/svg%3E%0A");
}

.design2-price-tab-content .item-red .design2-price-tab__item ul li:before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.49951C0 5.51039 0.851121 3.60273 2.36613 2.19621C3.88113 0.789688 5.93592 -0.000488281 8.07846 -0.000488281C10.221 -0.000488281 12.2758 0.789688 13.7908 2.19621C15.3058 3.60273 16.1569 5.51039 16.1569 7.49951C16.1569 9.48864 15.3058 11.3963 13.7908 12.8028C12.2758 14.2093 10.221 14.9995 8.07846 14.9995C5.93592 14.9995 3.88113 14.2093 2.36613 12.8028C0.851121 11.3963 0 9.48864 0 7.49951H0ZM7.61745 10.7095L12.2685 5.31151L11.4283 4.68751L7.46234 9.28851L4.65319 7.11551L3.96383 7.88351L7.61745 10.7105V10.7095Z' fill='%23FFE351'/%3E%3C/svg%3E%0A");
}

.design2-price-tab__item {
    background: rgba(249, 249, 249, 0.9);
    -webkit-box-shadow: 1px 4px 10px rgba(212, 32, 39, 0.08);
    box-shadow: 1px 4px 10px rgba(212, 32, 39, 0.08);
    border-radius: 10px;
    padding: 50px 30px 70px 30px;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px #eee solid;
}

.img-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    display: none;
    padding: 20px;
    align-items: center;
    justify-content: center;
}

.img-popup-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}

.img-popup.active {
    display: flex;
}

.img-popup-content {
    width: 100%;
    max-width: 900px;
    height: 100%;
    position: relative;
    z-index: 2;
}

.btn-popup-img {
    cursor: pointer;
}

.img-popup-content img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.img-popup .close {
    position: absolute;
    z-index: 9;
    top: 5%;
    right: 5%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #000;
    background-color: #000;
}

.img-popup .close svg {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1199px) {
    .design2-price__deco {
        display: none;
    }
}

@media screen and (max-width:1023px) {
    .design2-price-tab__item {
        /* margin-bottom: 20px; */
    }
    .design2-price-tab__item {
        padding: 50px 19px 70px 19px;
    }
}

@media screen and (max-width:767px) {
    .design2-price-tab__item {
        height: auto;
    }
}

.design2-price-tab__item:hover {
    -webkit-box-shadow: 2px 4px 17px 8px #d4202714;
    box-shadow: 2px 4px 17px 8px #d4202714;
}

.design2-price-tab__item .item__icon {
    width: 45px;
    height: 45px;
    background-color: var(--primary-color);
    position: absolute;
    top: 30px;
    left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width:1199px) {
    .design2-price-tab__item .item__icon {
        top: 15px;
        left: 15px;
    }
}

.design2-price-tab__item .highlights-tag {
    position: absolute;
    right: 15px;
    top: -8px;
    padding: 16px 10px 60px 10px;
    font-weight: 700;
    color: #FFE351;
    background-image: url("data:image/svg+xml,%3Csvg width='89' height='120' viewBox='0 0 89 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H89V120L44.5 72L0 120V0Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199px) and (min-width:1023px) {
    .design2-price-tab__item .highlights-tag {
        right: 7px;
        font-size: 14px;
    }
}


/* .design2-price-tab__item .highlights-tag:before {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    content: '';
    width: 50%;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    height: 35px;
    background-color: var(--color-red);
}

.design2-price-tab__item .highlights-tag:after {
    position: absolute;
    top: calc(100% - 1px);
    right: 0;
    content: '';
    width: 50%;
    background-color: var(--color-red);
    -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    height: 35px;
} */

.design2-price-tab__item .item__name {
    font-size: 23px;
    margin-bottom: 0;
}

@media screen and (max-width: 1199px) and (min-width:1023px) {
    .design2-price-tab__item .item__name {
        font-size: 20px;
    }
}

.design2-price-tab__item .price {
    font-weight: 600;
    margin-top: 15px;
    display: inline-block;
}

@media screen and (min-width:1024px) {
    .design2-price-tab__item .price {
        /* min-height: 77px; */
    }
}

.design2-price-tab__item .price span {
    display: block;
    line-height: 1.4;
}

.design2-price-tab__item .price del {
    font-size: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.design2-price-tab__item .price ins {
    text-decoration: none;
    font-size: 28px;
}

@media screen and (max-width: 1199px) and (min-width:1023px) {
    .price {
        /* min-height: 67px!important; */
    }
    .design2-price-tab__item .price del {
        font-size: 22px;
    }
    .design2-price-tab__item .price ins {
        font-size: 25px;
    }
}

.design2-price-tab__item .separate {
    width: 70px;
    min-height: 3px;
    max-height: 3px;
    background-color: var(--primary-color);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.design2-price-tab__item .item__desc {
    /* margin-top: auto; */
    font-size: 16px;
    margin-bottom: 0;
}

.design2-price-tab__item ul {
    list-style: none;
    padding-left: 0;
    text-align: left;
    margin-top: 30px;
}

.design2-price-tab__item ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.4;
}

.design2-price-tab__item ul li:before {
    margin-right: 10px;
    transform: translateY(3px);
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    content: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.5C0 5.51088 0.842855 3.60322 2.34315 2.1967C3.84344 0.790176 5.87827 0 8 0C10.1217 0 12.1566 0.790176 13.6569 2.1967C15.1571 3.60322 16 5.51088 16 7.5C16 9.48912 15.1571 11.3968 13.6569 12.8033C12.1566 14.2098 10.1217 15 8 15C5.87827 15 3.84344 14.2098 2.34315 12.8033C0.842855 11.3968 0 9.48912 0 7.5H0ZM7.54347 10.71L12.1493 5.312L11.3173 4.688L7.38987 9.289L4.608 7.116L3.92533 7.884L7.54347 10.711V10.71Z' fill='%23D42027'/%3E%3C/svg%3E%0A");
}

.design2-price-tab__item .item__button {
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    padding: 13px 30px 15px 37px;
    margin-top: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
}

.design2-price-tab__item .item__button:hover {
    background-color: #ffc107;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}

.design2-price-tab__item .item__button:after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z'/%3E%3C/mask%3E%3Cpath d='M10 4.99951L9.10625 5.87014L12.5938 9.37451H5V10.6245H12.5938L9.10625 14.1076L10 14.9995L15 9.99951L10 4.99951Z' fill='white'/%3E%3Cpath d='M10 4.99951L12.1213 2.87819L10.0276 0.784492L7.90666 2.85057L10 4.99951ZM9.10625 5.87014L7.01291 3.7212L4.84087 5.83704L6.97982 7.98633L9.10625 5.87014ZM12.5938 9.37451V12.3745H19.8117L14.7202 7.25832L12.5938 9.37451ZM5 9.37451V6.37451H2V9.37451H5ZM5 10.6245H2V13.6245H5V10.6245ZM12.5938 10.6245L14.7137 12.7472L19.8428 7.62451H12.5938V10.6245ZM9.10625 14.1076L6.98626 11.985L4.86005 14.1085L6.98716 16.2312L9.10625 14.1076ZM10 14.9995L7.88091 17.1231L10.0022 19.2399L12.1213 17.1208L10 14.9995ZM15 9.99951L17.1213 12.1208L19.2426 9.99951L17.1213 7.87819L15 9.99951ZM7.90666 2.85057L7.01291 3.7212L11.1996 8.01908L12.0933 7.14845L7.90666 2.85057ZM6.97982 7.98633L10.4673 11.4907L14.7202 7.25832L11.2327 3.75394L6.97982 7.98633ZM12.5938 6.37451H5V12.3745H12.5938V6.37451ZM2 9.37451V10.6245H8V9.37451H2ZM5 13.6245H12.5938V7.62451H5V13.6245ZM10.4738 8.50186L6.98626 11.985L11.2262 16.2303L14.7137 12.7472L10.4738 8.50186ZM6.98716 16.2312L7.88091 17.1231L12.1191 12.876L11.2253 11.9841L6.98716 16.2312ZM12.1213 17.1208L17.1213 12.1208L12.8787 7.87819L7.87868 12.8782L12.1213 17.1208ZM17.1213 7.87819L12.1213 2.87819L7.87868 7.12083L12.8787 12.1208L17.1213 7.87819Z' fill='white' mask='url(%23path-1-inside-1)'/%3E%3Cmask id='path-3-inside-2' fill='white'%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z'/%3E%3C/mask%3E%3Cpath d='M10 18.7495C8.26942 18.7495 6.57769 18.2363 5.13876 17.2749C3.69983 16.3134 2.57832 14.9468 1.91606 13.348C1.25379 11.7491 1.08051 9.98981 1.41813 8.29248C1.75575 6.59514 2.58911 5.03604 3.81282 3.81233C5.03653 2.58862 6.59563 1.75527 8.29296 1.41764C9.9903 1.08002 11.7496 1.2533 13.3485 1.91557C14.9473 2.57784 16.3139 3.69935 17.2754 5.13828C18.2368 6.57721 18.75 8.26893 18.75 9.99952C18.7474 12.3193 17.8246 14.5434 16.1843 16.1838C14.5439 17.8241 12.3198 18.7469 10 18.7495ZM10 2.49952C8.51664 2.49952 7.0666 2.93938 5.83323 3.76349C4.59986 4.5876 3.63856 5.75894 3.07091 7.12939C2.50325 8.49984 2.35473 10.0078 2.64411 11.4627C2.9335 12.9176 3.64781 14.2539 4.6967 15.3028C5.7456 16.3517 7.08197 17.066 8.53683 17.3554C9.99168 17.6448 11.4997 17.4963 12.8701 16.9286C14.2406 16.361 15.4119 15.3997 16.236 14.1663C17.0601 12.9329 17.5 11.4829 17.5 9.99952C17.4977 8.0111 16.7068 6.10479 15.3007 4.69877C13.8947 3.29275 11.9884 2.50183 10 2.49952Z' fill='white'/%3E%3Cpath d='M18.75 9.99952L21.75 10.0029V9.99952H18.75ZM17.5 9.99952H20.5L20.5 9.99602L17.5 9.99952ZM10 15.7495C8.86276 15.7495 7.75106 15.4123 6.80547 14.7805L3.47205 19.7693C5.40433 21.0604 7.67607 21.7495 10 21.7495V15.7495ZM6.80547 14.7805C5.85989 14.1486 5.1229 13.2506 4.6877 12.1999L-0.855581 14.496C0.033749 16.6431 1.53978 18.4782 3.47205 19.7693L6.80547 14.7805ZM4.6877 12.1999C4.25249 11.1493 4.13862 9.99314 4.36049 8.87775L-1.52422 7.7072C-1.9776 9.98648 -1.74491 12.349 -0.855581 14.496L4.6877 12.1999ZM4.36049 8.87775C4.58235 7.76236 5.12999 6.7378 5.93414 5.93365L1.6915 1.69101C0.0482317 3.33428 -1.07085 5.42793 -1.52422 7.7072L4.36049 8.87775ZM5.93414 5.93365C6.73829 5.1295 7.76284 4.58187 8.87823 4.36L7.70769 -1.52471C5.42842 -1.07134 3.33477 0.0477434 1.6915 1.69101L5.93414 5.93365ZM8.87823 4.36C9.99363 4.13814 11.1498 4.252 12.2004 4.68721L14.4965 -0.856069C12.3495 -1.7454 9.98697 -1.97809 7.70769 -1.52471L8.87823 4.36ZM12.2004 4.68721C13.2511 5.12241 14.1491 5.8594 14.781 6.80499L19.7698 3.47157C18.4787 1.53929 16.6436 0.0332607 14.4965 -0.856069L12.2004 4.68721ZM14.781 6.80499C15.4128 7.75057 15.75 8.86227 15.75 9.99952H21.75C21.75 7.67559 21.0609 5.40384 19.7698 3.47157L14.781 6.80499ZM15.75 9.99609C15.7483 11.5215 15.1415 12.9839 14.0629 14.0625L18.3056 18.3051C20.5077 16.103 21.7464 13.1172 21.75 10.0029L15.75 9.99609ZM14.0629 14.0625C12.9843 15.1411 11.5219 15.7478 9.99658 15.7495L10.0034 21.7495C13.1177 21.746 16.1034 20.5072 18.3056 18.3051L14.0629 14.0625ZM10 -0.500484C7.9233 -0.500484 5.89323 0.11533 4.16652 1.26908L7.49994 6.2579C8.23996 5.76344 9.10999 5.49952 10 5.49952V-0.500484ZM4.16652 1.26908C2.4398 2.42284 1.09399 4.06272 0.299269 5.98134L5.84255 8.27744C6.18314 7.45517 6.75992 6.75237 7.49994 6.2579L4.16652 1.26908ZM0.299269 5.98134C-0.495451 7.89996 -0.703386 10.0112 -0.298241 12.048L5.58647 10.8774C5.41284 10.0045 5.50195 9.09971 5.84255 8.27744L0.299269 5.98134ZM-0.298241 12.048C0.106903 14.0848 1.10693 15.9557 2.57538 17.4241L6.81802 13.1815C6.18869 12.5522 5.7601 11.7503 5.58647 10.8774L-0.298241 12.048ZM2.57538 17.4241C4.04383 18.8926 5.91476 19.8926 7.95156 20.2978L9.1221 14.413C8.24918 14.2394 7.44736 13.8108 6.81802 13.1815L2.57538 17.4241ZM7.95156 20.2978C9.98836 20.7029 12.0996 20.495 14.0182 19.7003L11.7221 14.157C10.8998 14.4976 9.99501 14.5867 9.1221 14.413L7.95156 20.2978ZM14.0182 19.7003C15.9368 18.9055 17.5767 17.5597 18.7304 15.833L13.7416 12.4996C13.2472 13.2396 12.5443 13.8164 11.7221 14.157L14.0182 19.7003ZM18.7304 15.833C19.8842 14.1063 20.5 12.0762 20.5 9.99952H14.5C14.5 10.8895 14.2361 11.7596 13.7416 12.4996L18.7304 15.833ZM20.5 9.99602C20.4968 7.21317 19.3898 4.54523 17.4221 2.57745L13.1794 6.82009C14.0237 7.66436 14.4986 8.80903 14.5 10.003L20.5 9.99602ZM17.4221 2.57745C15.4543 0.609678 12.7863 -0.497241 10.0035 -0.500482L9.99651 5.49951C11.1905 5.5009 12.3352 5.97582 13.1794 6.82009L17.4221 2.57745Z' fill='white' mask='url(%23path-3-inside-2)'/%3E%3C/svg%3E%0A");
    height: 16px;
    margin-left: 10px;
}

@media screen and (min-width: 1024px) {
    .design2-price-tab__item .js-details {
        display: none;
    }
}

.design2-price__deco {
    position: absolute;
}

@media screen and (max-width: 1199px) {
    .design2-price__deco {
        display: none;
    }
}

.design2-price__deco1 {
    top: 0;
    right: 0;
}

.design2-price__deco2 {
    top: 45%;
    left: 10%;
}

.design2-price__deco3 {
    bottom: 3%;
    right: 1%;
}


/* Button price */

.header__price-button a {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 30px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-left: 30px;
    border: 1px solid var(--primary-color);
}

@media screen and (max-width:768px) {
    .theme-archive-tag ul li a {
        display: inline-block;
        font-size: 14px;
        padding: 2px 10px 5px;
    }
    .header__price-button a {
        padding: 7px 15px;
        font-size: 14px;
    }
}

@media screen and (max-width:374px) {
    .header__price-button a {
        padding: 6px 13px;
        font-size: 12px;
    }
}

.header__price-button a:hover {
    border: 1px solid var(--primary-color);
    background: #fff;
    color: var(--primary-color);
}

@media screen and (max-width:414px) {
    .header__price-button {
        display: none
    }
}

.design-partner__image {
    padding-bottom: 60%;
    border-radius: 5px;
    border: 1px solid #e4e2e2;
}

.design-partner__image img {
    object-fit: contain;
    width: 90%;
    height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -33%);
}

.design-partner__title {
    color: var(--primary-color);
    margin-bottom: 30px;
}

.site-services_item {
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 35px 10px 0 10px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 5px;
}

.site-services_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #d52027;
    z-index: -1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
}

.site-services_item:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0%;
    width: 100%;
    height: 100%;
    background: url(../images/hover.png) no-repeat 100% top;
    z-index: -1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
}

.site-services_item:hover {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
}

.site-services_item:hover:before {
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    visibility: visible;
}

.site-services_item:hover:after {
    right: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    visibility: visible;
}

.site-services_item:hover h3 a {
    color: #fff;
}

.site-services_item:hover p {
    color: #fff;
}

.site-services_item img {
    height: 180px;
}

.site-services_item .site-services_item-title a {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #d52027;
    margin: 15px auto 25px auto;
    width: 89%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 2;
    height: 70px;
    line-height: 35px;
}

.site-services_item-desc {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 60px;
    padding: 0px 10px;
}

.site-services_item-desc {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.site-services_item .more-plus {
    position: absolute;
    bottom: -35.5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.more-plus {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 30px #e6e6e6;
    box-shadow: 0 0 30px #e6e6e6;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.more-plus:hover {
    background: #d52027;
}

.more-plus:hover a span {
    background: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.more-plus a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 8px;
}

.more-plus a .vertical {
    width: 30px;
    height: 2px;
    background: #d52027;
    display: block;
    margin-bottom: -15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.more-plus a .horizontal {
    width: 2px;
    height: 30px;
    background: #d52027;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.design-services-list {
    padding: 80px 0;
}

@media screen and (max-width:1023px) {
    .design-services-list {
        padding: 50px 0;
    }
    .design-services-list .more-plus {
        display: none;
    }
    .site-services_item-desc {
        margin-bottom: 30px;
    }
}

.design-services-list-inner {
    margin-top: 50px;
    overflow: hidden;
}

.design-services-list-inner .design-services-carousel {
    padding-bottom: 50px;
}

.design-services-list-inner .design-services-carousel .flickity-viewport {
    overflow: inherit;
}

.design-services-list-inner .design-services-carousel .carousel-cell {
    width: 33%;
    margin-right: 10px;
    height: auto;
}

@media (max-width:992px) and (min-width:767px) {
    .design-services-list-inner .design-services-carousel .carousel-cell {
        width: 50%;
    }
}

@media (max-width:767px) {
    .design-services-list-inner .design-services-carousel .carousel-cell {
        width: 100%;
        margin: 0 5px;
    }
}

.design-services-list__subtitle {
    background-color: white;
    padding: 8px 20px;
    border-radius: 35px;
    box-shadow: 0px 0px 30px 0px #d420271a;
    margin-bottom: 30px;
}

.design-services-list__subtitle:before {
    content: 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%3Ccircle cx='14' cy='14' r='14' fill='%23D42027'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M21.8 16.104L20.112 14.78C20.144 14.524 20.168 14.264 20.168 14C20.168 13.736 20.144 13.476 20.112 13.22L21.804 11.896C21.956 11.776 22 11.56 21.9 11.384L20.3 8.61199C20.2 8.43997 19.992 8.36797 19.812 8.43997L17.82 9.24397C17.408 8.92796 16.956 8.65999 16.468 8.45599L16.168 6.336C16.132 6.14801 15.968 6 15.768 6H12.568C12.368 6 12.204 6.14801 12.172 6.336L11.872 8.45599C11.384 8.65999 10.932 8.92399 10.52 9.24397L8.52802 8.43997C8.34802 8.37199 8.14001 8.43997 8.04003 8.61199L6.43999 11.384C6.33997 11.556 6.384 11.772 6.53599 11.896L8.22397 13.22C8.19198 13.476 8.16798 13.736 8.16798 14C8.16798 14.264 8.19198 14.524 8.22397 14.78L6.53599 16.104C6.384 16.224 6.33997 16.44 6.43999 16.616L8.04 19.388C8.14001 19.56 8.34798 19.632 8.52798 19.56L10.52 18.756C10.932 19.072 11.384 19.34 11.872 19.544L12.172 21.664C12.204 21.852 12.368 22 12.568 22H15.768C15.9679 22 16.132 21.852 16.164 21.664L16.464 19.544C16.9519 19.34 17.404 19.076 17.8159 18.756L19.8079 19.56C19.9879 19.628 20.1959 19.56 20.2959 19.388L21.8959 16.616C21.996 16.444 21.952 16.228 21.8 16.104ZM14.168 16.8C12.62 16.8 11.368 15.548 11.368 14C11.368 12.452 12.62 11.2 14.168 11.2C15.716 11.2 16.968 12.452 16.968 14C16.968 15.548 15.716 16.8 14.168 16.8Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='16' height='16' fill='white' transform='translate(6 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    margin-right: 8px;
    display: inline-block;
    transform: translateY(2px);
}

.design-services-list .section__title {
    margin-bottom: 25px;
}

.design-services-list .section__desc {
    font-size: 18px;
    line-height: 1.4;
}

.design-subscribe {
    padding-top: 70px;
}

@media screen and (max-width:1023px) {
    .design-subscribe {
        padding-top: 40px;
    }
    .scroll-snap-mb {
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
    .scroll-snap-mb>[class*='col-'] {
        scroll-snap-align: start;
    }
}

section.sec-price {
    padding: 20px 0;
}

.fw-bold {
    font-weight: 700;
}

.hotline-1 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-bottom: 15px;
}

.gy-5>[class*='col'] {
    margin-bottom: 30px;
}

@keyframes zoomIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.popup__reminder {
    margin-bottom: 24px;
}

.g-0>[class*='col'] {
    padding: 0;
}

.section-padding {
    padding: 50px 0;
}

.home-banner__sale {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.home-banner__sale-item {
    width: 176px;
    height: 73px;
    box-shadow: 4px 4px 0px 0px rgb(32 150 208);
    -webkit-box-shadow: 4px 4px 0px 0px rgb(32 150 208);
    background-color: rgb(255, 255, 255);
    border-top-right-radius: 19px;
    border-bottom-left-radius: 20px;
    padding: 10px;
    text-align: center;
}

.home-banner__sale-item p,
.home-banner__sale-item h3 {
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    line-height: 1.4;
}

.home-banner__sale-item p {
    color: #D42027;
    font-size: 16px;
}

.home-banner__sale-item:nth-child(1) {
    padding: 1px;
}

.home-banner__sale-item:nth-child(1) p {
    font-size: 34px;
}

.home-banner__sale-item:nth-child(1) h3 {
    font-size: 16px;
}

.home-banner__date {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    justify-content: center;
}

.home-banner__date-title {
    font-size: 20px;
}

#getting-started {
    display: flex;
    align-items: center;
    gap: 10px;
}

.countdown-item {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
}

.home-banner__form-inner .form-group {
    display: flex;
    position: relative;
    right: 130px;
}

.home-banner__form-inner .form-group .wpcf7-form-control-wrap {
    width: 50%;
    display: block;
}

.home-banner__form-inner .form-group .wpcf7-form-control-wrap+.wpcf7-form-control-wrap {
    border-left: 1px solid #eee;
}

.home-banner__form-inner {
    background-color: #fff;
}

.web-category {
    padding: 30px 0 0;
    text-align: center;
}

.web-category__title h2 {
    font-size: 32px;
    font-weight: bold;
    color: #d42027;
    margin-top: 20px;
    margin-bottom: 15px;
}

.web-category__title p {
    font-size: 21px;
    font-weight: 300;
    color: #42464e;
    margin-bottom: 55px;
}

.web-category__item-img {
    width: 90%;
    border-radius: 25px;
    overflow: hidden;
    margin: 0 auto;
}

.web-category__item-img .img-block {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

.web-category__item span {
    font-weight: bold;
    font-size: 16px;
    display: block;
    color: #42464e;
    margin-top: 13px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.web-category__item:hover span {
    color: #d42027;
}

@media only screen and (max-width: 1199px) {
    .section-padding {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 1023px) {
    .section-padding {
        padding: 70px 0;
    }
    .web-category__title h2 {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .web-category__title p {
        font-size: 16px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 992px) {
    .home-banner__date {
        flex-direction: column;
        gap: 10px;
    }
    .home-banner__sale-item {
        width: 150px;
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .home-banner__sale-item:nth-child(1) p {
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .section-padding {
        padding: 50px 0;
    }
    .home-banner {
        padding-bottom: 80px;
    }
    .home-banner__form-inner .form-group {
        right: 0;
        flex-direction: column;
    }
    .home-banner__form-inner .form-group .wpcf7-form-control-wrap {
        width: 100%;
    }
    .home-banner__form-inner .form-group .wpcf7-form-control-wrap+.wpcf7-form-control-wrap {
        border-left: 0;
        border-top: 1px solid #eee;
    }
    .home-banner__form-inner input[type="submit"] {
        top: 105%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

.section__title {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    color: #d52027;
}

@media only screen and (max-width: 1199px) {
    .section__title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 1023px) {
    .section__title {
        font-size: 25px;
        line-height: 1.4;
    }
    .web-category__item span {
        font-size: 14px;
    }
}

.section__title--rw span {
    color: var(--primary-color);
}

.section__title--bw span {
    color: #fff;
}

@media (max-width: 576px) {
    .web-category__item-count {
        padding: 0 5px !important;
    }
    .web-category__item span {
        font-size: 12px;
    }
    .design-sample__list {
        padding: 0 10px;
    }
    .home-banner {
        padding-top: 20px;
    }
    .web-category__title h2 {
        font-size: 20px;
    }
}

@media (max-width: 350px) {
    .home-banner__sale-item {
        width: 134px;
    }
}

.seo-contact {
    padding: 123px 0 82px;
    background: linear-gradient(78.76deg, rgba(212, 32, 39, 0.2) 52.45%, rgba(240, 100, 37, 0.2) 100%);
}

.seo-contact .seo-title {
    max-width: 636px;
}

.seo-contact-img {
    max-width: 567px;
    margin-top: 80px
}

.seo-contact-form {
    max-width: 470px;
    border-radius: 16px;
    filter: drop-shadow(0px 4px 35px rgba(0, 0, 0, 0.25));
    background: url(https://hazomedia.com/wp-content/uploads/2023/01/Frame-30.png) center/ cover no-repeat;
    height: 100%;
    padding: 63px 47px;
}

.seo-contact-form h2 {
    font-weight: 700;
    font-size: 38px;
    color: #333333;
    margin-bottom: 33px;
    text-align: center;
}

.seo-contact-form input:not([type="submit"]) {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D42027;
    border-radius: 4px;
    padding: 10px 25px;
    color: #666666;
    margin-bottom: 24px;
    font-size: 18px;
}

.seo-contact-form input[type="submit"] {
    background: linear-gradient(90deg, #D42027 42.36%, #F06425 100%);
    border-radius: 34px;
    font-size: 18px;
    color: #fff;
    padding: 10px 40px;
    border: 0;
    display: block;
    width: max-content;
    margin: 30px auto 0;
}

@media (max-width: 991px) {
    .seo-contact {
        padding: 30px 0;
    }
    .seo-contact-img {
        margin: 20px auto;
    }
    .seo-contact-form {
        margin: 0 auto;
        padding: 20px;
    }
    .seo-contact-form h2 {
        font-size: 24px;
    }
    .seo-contact-form input:not([type="submit"]) {
        margin-bottom: 16px;
        font-size: 16px;
    }
    .seo-contact-form input[type="submit"] {
        font-size: 16px;
        padding: 10px 20px;
        margin: 20px auto 0;
    }
}

.seo-title {
    max-width: 884px;
    text-align: center;
    margin: 0 auto;
}

.seo-title h2 {
    font-size: 38px;
    font-weight: 700;
    color: #333;
}

.seo-title p {
    font-size: 18px;
    color: #444;
    margin: 0;
    margin-top: 16px;
}

.banner_mobile a {
    display: block;
    width: max-content;
    margin: 0 auto;
    margin-top: 30px;
    max-width: 100%;
}

@media (max-width: 991px) {
    .seo-title h2 {
        font-size: 22px;
    }
    .seo-title p {
        font-size: 14px;
        margin-top: 10px;
    }
}

.back-to-top {
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary-color);
    cursor: pointer;
    z-index: 9999;
}

.album-gallery .col-md-4 a {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 60%;
    overflow: hidden;
}

.album-gallery .col-md-4 a img {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


/* CSS cho popup */

.popup-zalo {
    display: none;
    position: fixed;
    background: #385374;
    border-radius: 10px;
    color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    bottom: 190px;
    z-index: 9;
    left: 110px;
    width: 230px;
}

.popup-zalo h2 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 10px;
}

.popup-zalo img {
    margin-bottom: 10px;
    max-width: 130px;
}

.popup-zalo p {
    font-size: 12px;
    color: #ccc;
}


/* CSS cho hiển thị popup */

.popup-zalo.show-popup {
    display: block;
}

.close-button {
    position: absolute;
    top: -1px;
    right: -1px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #000;
    background: #ebdfe0;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 1;
}

@media (max-width:767px) {
    .popup-zalo {
        bottom: 150px;
        padding: 10px;
        width: 205px;
        left: 97px;
    }
   
}