h2.ct-title {
color: var(--primary-color);
background-image:  url(//lavuong.vn/wp-content/themes/lavuong/assets/img/under_border.svg);
background-position: 0px 50px;
background-repeat: no-repeat;
padding-bottom: 20px;
}
h2.ct-title-center {
background-position: 50% 50px;
}
h2.ct-title svg {
position: absolute;
bottom: -29px;
left: -29px;
right: 0;
margin-left: 0;
}
.des-title {
font-weight: 800;
font-size: 50px;
line-height: 59px;
color: var(--text-color);
margin-bottom: 15px;
}
.slider-nav-light .flickity-page-dots .dot {
border-color: var(--primary-color);
}
.flickity-page-dots .dot.is-selected {
opacity: 1 !important;
content: "";
display: inline-block;
width: 33px;
height: 13px;
border-radius: 999px;
transition: 0.3s;
}
.ct-buton-with-icon-outline,
.ct-buton-with-icon {
padding: 8px 20px 5px 29px;
}
.ct-buton-with-icon i{
background: #fff;
height: 40px;
width: 40px;
border-radius: 99px;
color: var(--primary-color);
line-height: 40px;
}
.ct-buton-with-icon-outline i{
background: var(--primary-color);
height: 40px;
width: 40px;
border-radius: 99px;
color: #fff;
line-height: 40px;
}
.ct-buton-with-icon:hover ,
.ct-buton-with-icon-outline:hover i {
color: var(--primary-color);
background: #fff;
}
.ct-buton-with-icon:hover {
box-shadow: none;
border-color: var(--primary-color);
}
.ct-buton-with-icon:hover i {
background: var(--primary-color);
color: #fff;
}
.box-blog-post {
background-color: #e5cbcb1c;
padding: 20px;
}
.box-blog-post:before {
content: '';
-webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
-khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
-moz-transition: .3s cubic-bezier(.24,.74,.58,1);
-ms-transition: .3s cubic-bezier(.24,.74,.58,1);
-o-transition: .3s cubic-bezier(.24,.74,.58,1);
transition: .3s cubic-bezier(.24,.74,.58,1);
position: absolute;
top: 18px;
right: 18px;
bottom: 18px;
left: 18px;
border: 1px solid var(--primary-color);
border-style: solid;
border-width: 1px;
transition: top right bottom left border 1s;
}
.box-blog-post:hover:before {
border: 4px solid var(--primary-color);
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.box-blog-post .blog-post-inner a.button {
background-color: var(--primary-color);
padding: 2px 30px !important;
border-radius: 50px;
transition: background-color 0.5s;
letter-spacing: 0;
font-size: 14px;
color: #fff;
}
.box-blog-post .blog-post-inner a.button:hover{
background-color:#fff;
color: var(--primary-color);
border-color:  var(--primary-color);
}
.box-blog-post div.box-text {
padding-bottom: 0;
margin-bottom: -15px;
}
.box-blog-post p.from_the_blog_excerpt {
text-align: left;
}
.header-nav-main .sub-menu li.menu-item:hover {
background: url(//lavuong.vn/wp-content/themes/lavuong/assets/img/arrows-to-dot-solid.svg) no-repeat left center;
padding-left: 5px;
transition: all 0.5s ease-in-out;
font-size: 15px;
background-size: 12px;
}
.ct-list-menu ul li.bullet-arrow::before {
content: none !important;
}
.ct-list-menu ul li.bullet-arrow{
background: url(//lavuong.vn/wp-content/themes/lavuong/assets/img/arrows-to-dot-solid.svg) no-repeat left center;
padding-left: 30px;
transition: all 0.5s ease-in-out;
font-size: 15px;
margin-bottom: 8px;
background-size: 12px;
}
.ct-col-footer h5 {
margin-bottom: 0px;
}
.ct-col-footer div.heading-line {
margin-top: -5px;
}
.ct-form-subscribed p {
display: flex;
}
.short-line {
display: inline-block;
width: 0;
height: 3px;
background-color: var(--primary-color);
border-radius: 10px;
position: relative;
margin-right: 10px;
transition: all .4s linear;
-webkit-transition: background ease 500ms;
-moz-transition: background ease 500ms;
-ms-transition: background ease 500ms;
-o-transition: background ease 500ms;
transition: background ease 500ms;
-webkit-animation: move-short 2.5s infinite linear;
animation: move-short 2.5s infinite linear
}
.long-line {
display: inline-block;
width: 130px;
height: 3px;
background-color: var(--primary-color);
border-radius: 10px;
position: relative;
transition: all .4s linear;
-webkit-transition: background ease 500ms;
-moz-transition: background ease 500ms;
-ms-transition: background ease 500ms;
-o-transition: background ease 500ms;
transition: background ease 500ms;
-webkit-animation: move 2.5s infinite linear;
animation: move 2.5s infinite linear
}
.ct-col-footer:hover .long-line,
.ct-col-footer:hover .short-line {
background: var(--fs-color-secondary);
}
.ct-col-footer:hover h5{
color: var(--fs-color-secondary);
}
@-webkit-keyframes move-short {
100% {
width: 140px;
margin-right: 0
}
}
@keyframes move-short {
100% {
width: 140px;
margin-right: 0
}
}
@-webkit-keyframes move {
100% {
width: 0
}
}
@keyframes move {
100% {
width: 0
}
}
.ct-background-around:before {
content: "";
position: absolute;
left: 5%;
bottom: 15%;
width: 20%;
height: 20%;
border-radius: 50%;
background: var(--primary-color);
background: -o-linear-gradient(190deg, var(--primary-color) 0%, rgba(115, 67, 210, 0) 100%);
background: linear-gradient(260deg, var(--primary-color) 0%, rgba(115, 67, 210, 0) 100%);
-webkit-filter: blur(150px);
filter: blur(150px);
}
.ct-row-with-bg-icon-map {
background-image: url(//lavuong.vn/wp-content/themes/lavuong/assets/img/map.png);
background-position: right;
background-repeat: no-repeat;
}
.form-lien-he  input, .form-lien-he textarea {
padding: 15px 30px;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 30px;
width: 100%;
background: transparent;
-webkit-transition: all .4s;
-o-transition: all .4s;
height: 40px;
}
.form-lien-he textarea {
height: 80px !important;
}
.form-lien-he input[type="submit"] {
background-color: var(--primary-color);
color: #fff;
width: 300px;
height: auto;
padding: 5px;
}
.form-lien-he input[type="submit"]:hover{
background-color: #fff;
color: var(--primary-color);
}