.button.primary.is-outline {
box-shadow: 7px 7px 0 0 rgba(16, 16, 16, .18);
}
.row-khuyen-mai .col.large-3 .col-inner {
height: 100%;
border-radius: 5px;
background: linear-gradient(90deg, var(--primary-color), var(--fs-color-secondary));
padding: 5px;
}
.row-khuyen-mai .has-icon-bg .icon .icon-inner {
color: #fff;
background: -webkit-linear-gradient(top, #c968ff, #6168f3);
background: -moz-linear-gradient(top, #c968ff, #6168f3);
background: -o-linear-gradient(top, #c968ff, #6168f3);
background: -ms-linear-gradient(top, #c968ff, #6168f3);
background: --webkit-gradient(linear, left top, left bottom, from(#c968ff), to(#6168f3));
background: linear-gradient(top, #c968ff, #6168f3);
}
.km-icon-box {
height: 100%;
padding: 20px;
background: #fff;
border-radius: 3px;
}
.row-tong-quan-da h2 {
font-size: 2rem;
font-weight: 700;
line-height: 55px;
color: #222465;
margin: 0px 0px 25px 0px;
padding: 11px 0px 0px 0px;
text-transform: uppercase;
}
.row-tong-quan-da h6,
.row-tong-quan-da .icon-box-text h3 {
color: var(--primary-color);
background-color: #5917ff2e;
margin: 0px 0px 0px 0px;
padding: 5px 21px 5px 25px;
border-radius: 50px 0px 50px 0px;
display: unset;
font-size: 16px;
}
.row-tong-quan-da .icon-box-text p {
border-left: 5px solid #480cdff7;
font-size: 16px;
font-weight: bold;
line-height: 1.8;
margin-bottom: 0;
padding: 5px;
margin-top: 5px;
}
.contact-section ,
.section-tien-tich,
.section-phap-ly {
background: linear-gradient(337deg, #7c14c9d9 0, #d5c9d8 100%);
}
.contact-section  h2,
.section-sp-dang-ban h2,
.section-tien-tich h2,
.section-vi-tri h2,
.section-phap-ly h2 {
line-height: 55px;
color: #ffffff;
background-color: #4e20c2e6;
margin: 0px 0px 0px 0px;
padding: 5px 21px 5px 25px;
border-radius: 50px 0px 50px 0px;
display: unset;
font-size: 16px;
}
.section-tien-tich .col-inner ul,
.section-vi-tri .col-inner ul ,
.section-phap-ly .col-inner ul {
counter-reset: section;
list-style: none;
}
.section-tien-tich .col-inner ul li,
.section-phap-ly .col-inner ul li {
margin: 2rem 0 0 0;
font-size: 16px;
font-weight: 700;
}
.section-tien-tich .col-inner li::before ,
.section-phap-ly .col-inner li::before {
counter-increment: section;
content: counter(section);
min-width: 48px;
max-height: 48px;
background: #fff;
text-align: center;
line-height: 48px;
color:  var(--primary-color);
font-weight: 700;
font-size: 24px;
border-radius: 50%;
float: left;
margin-right: 16px;
}
@media (min-width: 850px) {
.img-border .img-inner {
cursor: pointer;
}
.img-border .img-inner:before {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
box-sizing: border-box;
transition: 0.5s;
transform: scaleX(0);
opacity: 0;
}
.img-border .img-inner:after {
content: '';
position: absolute;
display: block;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
box-sizing: border-box;
transition: 0.5s;
transform: scaleY(0);
opacity: 0;
}
.img-border:hover .img-inner:before, .img-border:hover .img-inner:after {
transform: scaleY(1);
opacity: 1;
}
.section-vi-tri .img-border .img-inner:before,
.section-vi-tri  .img-border .img-inner:after {
border-color: var(--primary-color);
}
}
.section-vi-tri ul li {
border-left: 5px solid #480cdff7;
font-weight: bold;
padding: 5px;
margin: 0.6em;
}
.section-sp-dang-ban h3 span.count-up {
color: var(--primary-color);
}
.section-sp-dang-ban h3 span.span-icon-plus{
position: absolute;
color: var(--primary-color);
font-size: -webkit-xxx-large;
}
.section-sp-dang-ban h6 {
font-weight: bold;
padding: 5px;
margin: 0.6em;
}
.custom-slider .flickity-page-dots {
left: 0;
text-align: left;
padding: 30px 15px
}
.custom-slider .flickity-page-dots .dot {
width: 15px;
height: 15px;
background: #fff;
border: none;
opacity: 1;
transition: all .3s ease;
-webkit-transition: all .3s ease
}
.custom-slider .flickity-page-dots .dot.is-selected {
border-radius: 20px;
width: 40px !important
}
.custom-slider .flickity-button-icon {
background: var(--fs-color-secondary);
color: #fff;
}
.custom-slider .flickity-button-icon:hover {
background: var(--primary-color);
}
.contact-section .section-bg {
background-image: url(//grandviethung.hoainhonland.vn/wp-content/themes/grandviethung/assets/img/cta-pattern.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
--bs-bg-opacity: 1;
}
.col-contact>div {
background-color: #fff;
background-image: url(//grandviethung.hoainhonland.vn/wp-content/themes/grandviethung/assets/img/plan_left-015.png);
background-repeat: no-repeat;
background-position-x: right;
border-radius: 10px;
}
.col-contact h3 {
font-size: 3em;
}
.col-contact h3,
.col-contact p {
color: var(--primary-color);
}
.col-contact h3 span{
-webkit-text-stroke-color: var(--primary-color);
color: transparent;
-webkit-text-stroke-width: 1px;
}
.col-contact .wpcf7-form label {
margin: 0;
}
.col-contact .wpcf7-form input,
.col-contact .wpcf7-form textarea {
border-color: #d9d9d9;
margin: 0 0 30px;
}
.col-contact .wpcf7-form input {
color: #8c8a8a;
min-height: 45px;
}
.col-contact .wpcf7-submit {
min-width: 150px;
border: 0;
margin: 0 !important;
}
.col-contact .submit-send-contact {
text-align: center;
left: 5%;
padding: 0px;
}
.form-lien-he label {
overflow: hidden;
line-height: 46px;
min-height: 46px;
margin: 0;
position: relative;
}
.form-lien-he label i {
position: absolute;
top: 13px;
left: 18px;
font-size: 18px;
color: var(--primary-color);
}
.form-lien-he label input {
padding-left: 50px;
line-height: 50px;
min-height: 50px;
border: 1px solid transparent;
background-color: #f5f5f5;
border-radius: 5px;
}
.form-lien-he label span {
position: initial;
}
.form-lien-he textarea[name='your-message'] {
padding-left: 50px;
line-height: 26px;
min-height: 90px;
border: 1px solid transparent;
background-color: #f5f5f5;
border-radius: 5px;
}
.submit-send-contact input {
border: 0;
color: #fff;
border-radius: 56px;
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: 600;
outline: 0;
padding: 5px 21px;
position: relative;
text-align: center;
text-decoration: none;
transition: all .3s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.col-contact .submit-send-contact input {
background-color: var(--fs-color-secondary) !important;
color: #fff;;
text-transform: uppercase;
padding-right: 60px;
background-image: url(//grandviethung.hoainhonland.vn/wp-content/themes/grandviethung/assets/img/arrow.png);
background-repeat: no-repeat;
background-position: top 40% right 10px;
}
.col-contact .submit-send-contact>input:hover {
box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
transform: scale(1.05);
}
@media (max-width: 550px) {
.col-contact .submit-send-contact {
left: 12%;
}
}
.col-contact h3 span {   
position: relative;
}
.col-contact h3 span:after {
content: "";
width: 20px;
height: 20px;
border-radius: 12px;
background-color: var(--primary-color);
position: absolute;
right: -36px;
bottom: 12px;
}
.icon-sent-email {
position: absolute !important;
right: 0;
top: 14px;
} .header-nav li.html.custom {
overflow: hidden;
}
.html.custom a.btn-gd {
background: var(--primary-color);
color: #fff !important;
line-height: inherit;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 5px;
font-size: 16px;
height: 70px;
border: 1 solid #fff;
}
.stuck .html.custom a.btn-gd {
height: 70px;
padding: 10px 20px;
}
a.btn-gd::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 0 !important;
-webkit-transition: all 0.5s !important;
-moz-transition: all 0.5s !important;
-o-transition: all 0.5s !important;
transition: all 0.5s !important;
opacity: 1 !important;
-webkit-transform: translate(-105%, 0) !important;
transform: translate(-105%, 0) !important;
background-color: rgba(255, 255, 255, 0.8) !important;
}
a.btn-gd:hover::before {
opacity: 0 !important;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
.html.custom a.btn-gd:hover {
background-color: rgba(255, 255, 255, 0.9) !important;
color: var(--primary-color) !important;
} #masthead .header-nav>li {
margin: 0 17px;
line-height: 50px;
}
#masthead .header-nav>li>a {
font-size: 16px;
font-weight: 700;
}
#masthead .header-nav> li > a::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
border-radius: 4px;
background: var(--tj-theme-primary);
background: -o-linear-gradient(190deg, #fff  0%, #fff 100%);
background: linear-gradient(260deg, #fff 0%,  #fff 100%);
bottom: 0px;
left: 0;
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
#masthead .header-nav> li.current-menu-item > a::before,
#masthead .header-nav> li.current-menu-ancestor > a::before,
#masthead .header-nav> li:hover > a::before {
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.contact-section:after,
.section-phap-ly:after,
.header-main:after {
background-image: url(//grandviethung.hoainhonland.vn/wp-content/themes/grandviethung/assets/img//header-bg.png);
background-position: right center;
background-repeat: no-repeat;
content: "";
height: 129px;
position: absolute;
bottom: 6px;
right: 10px;
width: 290px;
}
.section-tien-tich:after {
background-image: url(//grandviethung.hoainhonland.vn/wp-content/themes/grandviethung/assets/img//header-bg.png);
background-position: right center;
background-repeat: no-repeat;
content: "";
height: 129px;
position: absolute;
top: 9px;
left: 10px;
width: 290px;
}