/*
Theme Name: vuasoft
Description: vuasoft
Author: A2Z Tech
Template: flatsome
Version: 3.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
.pb-0{
    padding-bottom: 0px;
}
.bra-20{
    border-radius: 20px;
    overflow: hidden;
}

.sc-footer .icon-box-img {
    margin-right: 10px;
    margin-bottom: 0 !important;
}

.icon-mid .icon-box {
    display: flex;
    align-items: center;
}

.ux_price_table .pricing-table-header .title {
    min-height: 92px;
}

#wp-admin-bar-a2ztech>.ab-item:before {
    background-image: url(https://a2ztech.vn/content/uploads/2020/04/logo-a2ztech.png) !important;
    width: 100%;
    height: 30px;
    background-size: contain;
    content: "";
    display: block;
    background-position: left bottom;
    background-repeat: no-repeat;
}

#wp-admin-bar-a2ztech .ab-item {
    width: 110px;
    height: 30px !important;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#wp-admin-bar-a2ztech>.ab-item:before {
    background-image: url(https://a2ztech.vn/content/uploads/2020/04/logo-a2ztech.png) !important;
    width: 100%;
    height: 30px;
    background-size: contain;
    content: "";
    display: block;
    background-position: left bottom;
    background-repeat: no-repeat;
}

#wp-admin-bar-a2ztech .ab-item {
    width: 110px;
    height: 30px !important;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.banner .home-title {
    font-size: 49px !important;
    line-height: 1.25 !important;
}

a.button.primary:not(.is-link) {
    background: linear-gradient(135.66deg, #00D9A6 -22.78%, #9BE15D 122.23%);
    margin-bottom: 0;
}

.main-title h2 {
    font-weight: 700;
    font-size: 31px;
    color: #5F6066;
    line-height: 1.1;
    width: fit-content;
    margin: 0 auto 20px;
    position: relative;
}
.wpcf7 input[type="file"]{
	border-radius: 0 !important;
}
.main-title h2::after {
    content: "";
    width: 100%;
    height: 3px;
    background-image: url(/medias/2022/09/icon-main-title.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    bottom: -5px;
    left: 0;
    position: absolute;
}

.box-shadow-1 {
    box-shadow: 11px 18px 40px rgba(36, 116, 97, 0.6);
    border-radius: 20px;
}

.slider-home-cus .flickity-page-dots .dot {
    background-color: #13C097;
    opacity: 0.2;
}

.slider-home-cus .flickity-page-dots .dot.is-selected {
    opacity: 1;
}

.slider-2 .flickity-prev-next-button {
    /* top: -100px !important; */
    top: 30px !important;
}

.slider-2 button.flickity-button.flickity-prev-next-button.next {
    right: 28px !important;
    left: auto;
}

.slider-2 button.flickity-button.flickity-prev-next-button.previous {
    right: 100px;
    transform: translateX(0) !important;
}

.box-member {
    margin-top: 15px;
}

.box-member .icon-box-text.last-reset p {
    margin-bottom: 5px;
}

.box-member .icon-box-text.last-reset p:last-child {
    margin-bottom: 0;
}

.box-shadow-2 {
    box-shadow: 11px 18px 40px rgba(36, 116, 97, 0.3);
    border-radius: 20px;
    overflow: hidden;
}

.box-shadow-3 .col-inner {
    box-shadow: 0px 4px 20px rgba(36, 116, 97, 0.16);
    border-radius: 20px;
}

.home-product .project-item .col-inner {
    background: #FFFFFF;
    /* Drop Shadow */
    box-shadow: 0px 4px 10px rgba(38, 94, 100, 0.3);
    border-radius: 20px;
    overflow: hidden;
}

.blog-home .post-item .col-inner {
    background: #FFFFFF;
    /* Drop Shadow */
    box-shadow: 0px 4px 10px rgba(38, 94, 100, 0.3);
    border-radius: 20px;
    overflow: hidden;
}

.home-product .box-text.text-left,
.blog-home .box-text.text-left {
    padding: 24px 24px;
}

.home-product .cats a.button {
    margin: 0;
    background: #EBFFFA;
    border-radius: 60px !important;
    border: none;
    font-size: 13px;
    color: #13C097;
    text-transform: unset;
}

.home-product h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

p.cat-label.tag-label {
    font-weight: 700;
    font-size: 13px;
    color: #13C097;
    padding: 8px 20px;
    background: #EBFFFA;
    border-radius: 60px;
    margin-bottom: 10px;
}

.has-hover:hover .tag-label {
    background-color: #13c097;
    color: #fff;
}

.footer-wrapper {
    box-shadow: -4px 0px 30px rgba(38, 94, 100, 0.16);
}
.wrap-content-single ol,
.wrap-content-single ul{
	margin-left: 20px
}
.icon-box-intro {
    align-items: center;
    background: #F5FFFC;
    box-shadow: 0px 4px 15px rgba(38, 94, 100, 0.2);
    border-radius: 8px;
}

.icon-box-img img {
    padding-top: 0;
}

.icon-box-cs-2 {
    padding: 42px 0px;
    border-radius: 30px;
    border: 1px solid #8ADA42;
}

.icon-box-cs-2 .icon {
    box-shadow: 5px 5px 20px rgba(36, 116, 97, 0.2);
    border-radius: 50%;
}

.icon-box-cs-2 .icon-box-img {
    margin-bottom: 20px;
}

.icon-box-cs-2 p {
    margin-bottom: 0;
}

.row-5 .large-2 {
    max-width: 20%;
    flex-basis: 20%;
}

.box-img-cs {
    padding: 12px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(25, 105, 78, 0.16);
    border-radius: 8px;
	margin-top: 10px;
}

.banner-action {
    filter: drop-shadow(0px 4px 10px rgba(38, 94, 100, 0.3));
    border-radius: 20px;
    overflow: hidden;
}

.banner-action .overlay {
    background: linear-gradient(359.28deg, #000000 2.05%, rgba(0, 0, 0, 0.44) 20.59%, rgba(0, 0, 0, 0) 99.4%);
    background-color: transparent !important;
}

.banner-action p {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.box-text-banner,
.bg-blog-text {
    background: rgba(19, 198, 69, 0.5);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(7.5px);
    border-radius: 20px;
    padding:50px 90px;
    border: 1px solid #fff;
}
.box-shadow-cs .col-inner {
    box-shadow: 0px 4px 20px rgba(36, 116, 97, 0.16);
    border-radius: 20px;
    overflow: hidden;
}
.post-type-archive-service .bg-blog-text,.banner-single-service .bg-blog-text{
    background-image: url('./assets/img/bg-text2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.banner-single-service .bg-blog-text{
    min-width: 800px;
}
.banner-project-archive .bg-blog-text{
    background-image: url('./assets/img/bg-text2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 800px;
    padding: 50px;
}


.brd-20 {
    box-shadow: 0px 4px 10px rgba(38, 94, 100, 0.3);
    border-radius: 20px;
    max-height: fit-content;
    overflow: hidden;
    height: 322px;
}

.brd-20 p {
    margin-bottom: 0;
}

.form-seach-project {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.project-cat,
.project-cat:focus {
    box-shadow: none;
    color: #006950;
    background-color: #FAFAFA;
    border: 1px solid #08A681;
    border-radius: 60px;
    padding: 0 35px 0 25px;
    width: auto;
    display: inline-block;
}

input.search-custom {
    background-image: url(/medias/2022/09/icon-search.png);
    border: 1px solid #C2C4CD;
    border-radius: 100px;
    height: 40px;
    box-shadow: 0px 1px 2px rgba(31, 41, 55, 0.08);
    padding-right: 30px !important;
    background-repeat: no-repeat;
    background-position: center right 20px;
    width: 280px;
}

.search-submit {
    max-width: 115px;
    height: 40px;
    background-color: #08A681;
    border-radius: 60px;
    margin-left: 10px;
    color: #fff;
    width: 100%;
    margin-right: 0;
}

.filter ul li {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #006950;
    margin-right: 30px;
}

.filter ul li a {
    color: #006950;
}

.list-type-none {
    list-style: none;
    list-style-type: none;
}

h3.project-box-title a {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.project-archive .from_the_blog_excerpt {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    opacity: .8;
}

.project-archive .cats span {
    background: #EBFFFA;
    border-radius: 60px !important;
    border: none;
    font-size: 13px;
    color: #13C097;
    text-transform: unset;
}

.project-archive .project-item .col-inner {
    box-shadow: 0px 4px 10px rgba(38, 94, 100, 0.3);
    border-radius: 20px;
    overflow: hidden;
}
.project-item .project-box .box-image img{
    transition: 0.3s;
}
.project-item .project-box:hover .box-image img{
    transform: scale(1.05);
}



.box-depart {
    min-width: 200px;
    margin-bottom:70px;
}

/* .bg-blog-text{
    background-image: url('./assets/img/bg-text2.png');
    background-position: center;
    background-size: cover;
    padding: 50px 100px;
    border-radius: 20px;
    background-repeat: no-repeat;
    border: 1px solid #fff;
} */

.bg-blog-text .text-box-content p strong{
    font-size: 38px;
    font-weight: bold;
}
.bg-blog-text .text-box-content p{
    margin-top: 0px;
    margin-bottom: 10px;
}
.searchform button.ux-search-submit.submit-button{
    border-radius: 99px !important;
    font-size: 16px;
    text-transform: inherit;
    padding: 0px 20px;
    margin-left: 10px !important;
}
.searchform input{
    position: relative;
    background-image: url('./assets/img/search.svg');
    background-repeat: no-repeat;
    background-position: 97%;
    border-radius: 99px;
    max-width: 260px;
    display: block;
    margin-left: auto;
}
.widget_categories {
    margin-bottom: 0px;
}
.widget_categories .widget-title,.widget_categories .is-divider {
    display: none; 
}
.widget_categories form{
    margin-bottom: 0px;
}
.widget_categories form select#cat {
    max-width: 200px;
    border-radius: 99px;
    border: 1px solid #08A681;
    color: #006950;
    font-weight: 500;
    padding-left: 20px;
    margin-bottom: 0px;
}
.blog-archive{
    padding-top: 0px;
}
.post-item .col-inner{
    border-radius: 20px;
    overflow: hidden;
}
.single-post article .article-inner{
    box-shadow: unset;
    border-radius: 0px;
}
.meta-single-post .entry-category a {
    display: inline-block;
    font-size: 13px;
    color: #13C097;
    font-weight: 700;
    background: #EBFFFA;
    border-radius: 60px;
    padding: 8px 20px;
}
.meta-single-post{
    display: flex;
    align-items: center;
}
.meta-single-post .date{
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.meta-single-post .date span{
    font-size: 16px;
    color: #888991;
    margin-left: 10px;
}
h1.entry-title{
    font-weight: 700;
    font-size: 39px;
    color: #08A681;
}
.single-post header .entry-header-text,.single-post .entry-content{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
section.wrap-relate-post {
    padding-top: 40px;
}
.title-relate {
    display: block;
    text-align: center;
    margin-bottom: 40px;
}
.title-relate>span{
    position: relative;
    font-weight: 700;
    font-size: 31px;
    color:#13C097;
    line-height: 1.1;
    width: fit-content;
    margin: 0 auto 10px;
    display: inline-block;
}
.title-relate>span span{
    color:  #5F6066;
}
.title-relate>span:after {
    content: "";
    width: 100%;
    height: 3px;
    background-image: url('./assets/img/icon-main-title.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    bottom: -5px;
    left: 0;
    position: absolute;
}
.post-item-relate .col-inner{
    -webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    
}
.post-item-relate .box-image{
    min-height: 380px;
}
.post-item-relate .cats a{
    font-size: 13px;
    color: #08A681;
    padding: 8px 20px;
    background: #EBFFFA;
    line-height: unset;
}
.post-item-relate .cats a:hover{
    box-shadow: unset;
    background-color: #d4f3ec;
}
.post-item-relate .project-box-title a{
    transition: 0.3s;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; 
	 margin-bottom:10px;
}
.post-item-relate .box-text-inner .from_the_blog_excerpt {
    font-weight: 500;
    font-size: 13px;
    color: #FFFFFF;
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
}
.single-post .entry-content h2{
    font-size: 24px;
    color: #08A681;
}
.single-post .entry-content h3{
    font-size: 22px;
    color: #08A681;
}
.single-post .entry-content h4{
    font-size: 20px;
    color: #08A681;
}
.item-recruit-cat .item-job{
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 4px 10px rgba(38, 94, 100, 0.09);
    border-radius: 20px;
}
.item-recruit-cat .department-job .feat-img {
    background: linear-gradient(90deg, #00D9A6 0%, #9BE15D 100%);
    box-shadow: 0px 4px 10px rgb(11 169 55 / 30%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
   
}
.item-recruit-cat .department-job{
    display: flex;
    align-items: center;
    margin-top: -50px;
}
.item-recruit-cat .department-job span{
    font-weight: 700;
    font-size: 16px;
    color: #13C097;
    margin-left: 17px;
}
.item-recruit-cat h3{
    font-weight: 700;
    font-size: 20px;
    color: #265E64;
    margin-top: 20px;
}
.item-recruit-cat .exceprt p{
    font-size: 16px;
    color: #5F6066;
}
.item-recruit-cat .meta-job {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.item-recruit-cat .meta-job .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.item-recruit-cat .meta-job .item span{
    margin-left: 10px;
    font-weight: 500;
    font-size: 16px;
    color: #888991;
}
.item-recruit-cat .col-inner{
    border-radius: 0px;
}
.item-recruit-cat {
    margin-bottom: 50px;
}
.banner-single-recruit{
    background-image: url('./assets/img/bg-single-recruit.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 273px;
    position: relative;
}
.box-banner-recruit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.box-banner-recruit .title-banner{
    font-weight: 700;
    font-size: 39px;
    line-height: 49px;
    text-align: center;
    color: #FFFFFF;
    padding-top: 20px;
    display: block;
}
.box-banner-recruit .box-cat {
    display: flex;
    align-items: center;
    width: max-content;
    padding: 8px 20px;
    background: #EBFFFA;
    border-radius: 60px;
    margin: 0 auto;
}
.box-banner-recruit .box-cat span a{
    font-size: 16px;
    color: #006950;
    margin-left: 10px;
}
.box-banner-recruit .box-cat svg{
    width: 24px;
    height: 24px;
}
.box-banner-recruit .box-cat svg path{
    fill: #08A681;
}
.overview-job {
    background: #13C097;
    padding: 20px;
    border: 1px solid #E6E7ED;
    box-shadow: 2px 2px 15px rgb(140 207 214 / 30%);
    border-radius: 20px;
    margin-bottom: 30px;
}
.overview-job span.title {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 10px;
    display: block;
}
.overview-job .meta .item{
    margin-bottom: 10px;
}
.overview-job .meta .item,.overview-job .meta .item .text{
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
    width: 100%;
}
.overview-job .meta .item .text{
    margin-left: 10px;
    justify-content: space-between;
}
.overview-job .meta .item svg{
    width: 27px;
}
.send-cv a {
    background: #fff;
    width: 100%;
    border-radius: 30px;
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #08A681;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: inherit;
    padding: 8px;
    font-weight: 600;
}

.send-cv a svg{
    margin-left: 10px;
    transition: 0.3s;
}
span.title-relate-job {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: left;
    color: #303134;
    display: block;
    margin: 20px 0px;
}
.box-relate-job {
    background: #FFFFFF;
    border: 1px solid #E6E7ED;
    box-shadow: 2px 2px 15px rgb(140 207 214 / 30%);
    border-radius: 20px;
    padding: 20px;
}
.box-relate-job .title {
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #265E64;
    margin-bottom: 10px;
}
.box-relate-job .excerpt p{
    font-size: 13px;
}
.box-relate-job .meta-job .item{
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}
.box-relate-job .meta-job .item span{
    margin-left: 10px;
}
.content-single-job {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgb(25 105 78 / 16%);
    border-radius: 20px;
    padding: 30px;
}
.content-single-job h1{
    font-weight: 700;
    font-size: 31px;
    color: #08A681;
}
.content-single-job .content h2{
    font-weight: 700;
    font-size: 25px;
    color: #303134;
}
.content-single-job .content ul{
    padding-left: 20px;
}
a.send-cv-btn {
    display: flex;
    align-items: center;
    background: #08A681;
    border-radius: 60px;
    color: #fff;
    text-transform: inherit;
    margin-top: 20px;
    padding: 8px 20px;
    width: max-content;
}
a.send-cv-btn svg {
    margin-left: 10px;
}
a.send-cv-btn svg path{
    fill: #fff;
}
.wrap-form-cv .logo a{
    display: flex;
    justify-content: center;
}
.wrap-form-cv .logo a .header_logo{
    display: none;
}
.wrap-form-cv .logo a .header-logo-dark{
    display: block !important;
}
.wrap-form-cv .wpcf7-submit {
    display: block;
    width: max-content;
    padding: 0px 50px;
    margin: 0 auto;
}
.project-item .project-box .box-image{
    min-height: 378px; 
} 

.banner-single-project{
    background-image: url('./assets/img/bg-project-min.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0px;
}

.banner-single-project .image-feadtured{
    text-align:right;
}

.short-info-project h1{
    font-size: 39px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}
.short-info-project .description{
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}
.short-info-project .list-cats a{
    background: #EBFFFA;
    border-radius: 60px !important;
    border: none;
    font-size: 13px;
    color: #13C097;
    text-transform: unset;
    margin-bottom: 10px;
}
.short-info-project .list-cats{
    display: flex;
    margin-bottom: 20px;
}
.project-btn-contact{
    display: flex;
    align-items: center;
}
.project-btn-contact *{
    text-transform: inherit;
    font-size: 16px;
}
.project-btn-contact a{
    height: 48px;
    line-height: 46px;
}
.project-btn-contact .btn-regis{
    margin-bottom: 0px;
    height: 48px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    transition: 0.3s all ease-in-out;
}
.project-btn-contact .btn-regis:hover{
    background: linear-gradient(135.66deg, #00D9A6 -22.78%, #9BE15D 122.23%);
    border:1px solid transparent;
}
section.content-singe-project {
    padding: 50px 0px;
}
.list-challenge-solution .item .title-icon{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.list-challenge-solution .item .title-icon img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-right: 10px;
}
.list-challenge-solution .item .title-icon span{
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    color: #08A681;
}
.list-challenge-solution .item .des{
    font-size: 13px;
    color: #5F6066;
}
.list-challenge-solution .item{
    margin-bottom: 40px;
}
.list-challenge-solution .item:last-child{
    margin-bottom: 0px;
}
.list-challenge-solution {
    border-left: 1px solid #ccc;
    padding-left: 60px;
}
.content-singe-project h2{
    font-weight: 700;
    font-size: 25px;
    color: #08A681;
}
.content-singe-project h3{
    font-size: 22px;
    color: #08A681;
}
.content-singe-project h4{
    font-size: 20px;
    color: #08A681;
}
.content-singe-project h5,.content-singe-project h6{
    font-size: 18px;
    color: #08A681;
}
.wrap-content-single{
    margin-bottom: 40px;
}
.title-project-relate{
    margin-bottom: 50px;
}
.title-project-relate span{
    font-weight: 700;
    font-size: 31px;
    color: #5F6066;
    position: relative;
    display: block;
    width: max-content;
    margin: 0 auto;
}
.title-project-relate span:after{
    position: absolute;
    content:"";
    width: 100%;
    height: 6px;
    background-image: url('./assets/img/line-relate.png');
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.project-single{
    padding-top: 0px;
}
.content-single-support{
    margin-bottom: 30px;
}
.contact-single-support{
    box-shadow: 0px 4px 30px rgb(0 0 0 / 16%);
    border-radius: 20px;
    overflow: hidden;
}
.content-single-support{
    box-shadow: 0px 4px 30px rgb(0 0 0 / 16%);
}
.sidebar-support {
    display: block;
    padding: 20px 15px;
    border: 1px solid #E6E7ED;
    border-radius: 20px;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 16%);
}
.search-support-sidebar {
    position: relative;
}
.search-support-sidebar input {
    width: 100%;
    border-radius: 30px;
    margin-bottom: 0px;
    box-shadow: none;
    border: 1px solid #ccc;
}
.search-support-sidebar button {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 999;
    margin: 0px;
    background: #fff;
    border: 1px solid #ccc;
    border-left: 0px;
    border-radius: 0px 30px 30px 0px;
}
.search-support-sidebar button img{
    width: 24px;
    height: 24px;
}
.list-cat-support ul li{
    list-style: none;
    margin-left: 0px;
}
.list-cat-support ul li>ul{
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
}
.list-cat-support ul li span{
    font-weight: 500;
    font-size: 16px;
    color: #5F6066;
    display: block;
    padding-right: 15px;
    cursor: pointer;
}
.list-cat-support ul li a{
    font-weight: 500;
    font-size: 14px;
    color: #5F6066;
}
.list-cat-support ul li{
    position: relative;
}
.list-cat-support ul li.active-current a{
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #08A681;

}
.list-cat-support span.arrow-haschild {
    position: absolute;
    right: -5px;
    top: -2px;
    padding: 0px !important;
    width: 30px;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
}

.list-cat-support ul li.has-child-active ul{
    display: block;
}
.list-cat-support ul li.has-child-active span.arrow-haschild{
    transform: rotate(90deg);
}
.list-cat-support ul li.has-child-active span.title{
    font-weight: bold;
}
.box-contact-support{
    background-image: url('./assets/img/bg-box-support.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    padding: 15px 10px;
    color: #fff;
}
.box-contact-support span.title{
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}
.box-contact-support .des{
    font-size: 13px;
    margin-bottom: 10px;
}
.box-contact-support .field-group {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.box-contact-support .field-group .btn-box{
    border: 1px solid #fff;
    font-size: 13px;
    height: 32px;
    width: max-content;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    border-radius: 30px;
    color: #fff;
}
.box-contact-support .field-group .btn-callnow{
    background-color: #fff;
    color: #006950;
}
.facebook-vuasoft{
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #006950;
    justify-content: center;
    background-color: #fff;
    border-radius: 30px;
    height: 40px;
}
.facebook-vuasoft img{
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.item-support-cats{
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 4px 10px rgb(38 94 100 / 9%);
    border-radius: 20px;
}
.item-service {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    background: #F5FFFC;
    box-shadow: 0px 4px 15px rgba(38, 94, 100, 0.2);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}
.item-service .thumbnail{
    width: 200px;
    height: 200px;
    overflow: hidden;
}
.item-service .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.item-service .content-service-loop{
    width: calc(100% - 200px);
    padding: 15px 20px;
}
.item-service .service-cat{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.item-service .service-cat a{
    font-weight: 700;
    font-size: 20px;
    color: #000000;
    padding-left: 5px;
}
.item-service .service-cat svg{
    max-width: 40px;
    max-height: 40px;
}
.item-service h3 a{
    font-size: 16px;
    color: #5F6066;
    line-height: 20px;
    display: block;
    opacity: 0.8;
    margin-bottom: 20px;
}
.item-service .field-group{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.item-service .field-group a.button {
    border-radius: 30px;
    font-size: 16px;
    text-transform: inherit;
}
.item-service .field-group a:nth-child(2){
    font-size: 16px;
    color: #006950;
}
.item-service:hover img{
    transform: scale(1.1);
}


.banner-single-service{
    min-height: 400px;
}
.box-cat.box-cat-service {
    background: transparent;
    border-radius: 0px;
    color: #fff;
}
.box-cat.box-cat-service svg{
    width: 72px;
    height: 72px;
}
.box-cat.box-cat-service svg path{
    fill: #fff;
}
.box-cat.box-cat-service span a{
    color: #fff;
    font-size: 31px;
    font-weight: 600;
}
.banner-single-service h1.title-banner{
    font-size: 31px !important;
}

.box-featured-service{
    position: relative;
    box-sizing: border-box;
    background-clip: padding-box;
    border: solid 2px transparent;
    border-radius: 30px;
    background-color: #fff;
    padding: 20px 15px;
    height: 100%;
}
.box-featured-service:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    /* !importanté */
    border-radius: inherit;
    /* !importanté */
    background: linear-gradient(to left, #8ADA42, #22A076);
}
.ux_price_table {
    padding: 0px 20px 20px;
    margin: 20px 0px;
}
.scale-item-price{
    margin: 0px;
    height: 100%;
}
.featured-col-table-price .col-inner,.pricing-table-wrapper{
    height: 100%;
}
.scale-item-price .pricing-table-header .title {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.scale-item-price .pricing-table-items .text-price-table{
    padding-top: 25px !important;
}

.ux_price_table .pricing-table-header{
    margin-bottom: 10px;
}
.ux_price_table .pricing-table-header .title {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #006950;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 25px;
    border-bottom: 1px solid #006950;
    background-color: transparent;
}
.ux_price_table .pricing-table-header .price{
    display: none;
}
.pricing-table .items{
    padding: 0px;
    
}
.pricing-table .items .bullet-item span{
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #028869;
    text-align: left;
    padding-left: 40px;
}

.pricing-table .items>.bullet-item{
    border: none;
    position: relative;
    padding: 10px 0px;
}
.pricing-table .items>.bullet-item:before{
    content: "";
    width: 29px;
    height: 29px;
    position: absolute;
    left: 0px;
    background-image: url('./assets/img/check-fill.png');
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
}
.pricing-table .pricing-table-items .text-price-table{
    margin-top: 10px;
    border-top: 1px solid #028869 !important;
    padding-top: 15px;
    text-align: center;
    border-bottom: 0px;
}
.pricing-table .pricing-table-items .text-price-table p{
    margin-bottom: 10px;
    color: #888991;
    font-weight: 500;
}

.pricing-table .pricing-table-items .text-price-table span{
    font-size: 25px;
}
.pricing-table .pricing-table-items a.button{
    margin-top: 0px !important;
    height: 40px;
    line-height: 37px;
}
.pricing-table .pricing-table-items a.button.is-outline {
    background: #fff;
    border: 1px solid #028869;
    height: 40px;
    line-height: 37px;
}
.pricing-table .pricing-table-items a.button.is-outline:hover{
    color: #fff;
    background: #028869;
}
.main-title.text-left h2 {
    margin: 0;
    margin-bottom: 20px;
}
a.button.primary.btn-document {
    height: 48px;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #08A681;
    width: max-content;
    padding: 0px 30px;
    font-size: 20px;
}
a.button.primary.btn-document:hover{
    color: #08A681;
}
a.btn-document .icon-angle-down{
    margin-top: 6px;
}
a.btn-document .icon-angle-down:before{
    content: url('./assets/img/docx.png');
}

.double-title h3{
    font-size: 31px;
    color: #000;
}
.double-title h4{
    font-size: 20px;
    margin-bottom: 0px;
    color: #08A681;
}

.slider-project-implementation .flickity-prev-next-button{
    top: unset;
    bottom: 0px;
}
.slider-project-implementation .slider-nav-outside .flickity-prev-next-button.previous{
    left: calc(50% - 70px);
    right: unset;
}
.slider-project-implementation .slider-nav-outside .flickity-prev-next-button.next{
    left: unset;
    right: calc(50% - 70px);
}
.flickity-prev-next-button{
    width: 42px;
    height: 42px;
}
.flickity-prev-next-button svg{
    border: 2px solid #08A681 !important;
}
.hide-divider .is-divider{
    display: none;
}
.bg-faq{
    background-image: url('./assets/img/bg-faq.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}
.acc-faq .accordion-title{
    background-color: #fff;
    border-radius: 20px;
}
.acc-faq .accordion-title span{
    font-weight: 700;
}
.acc-faq .accordion-title.active{
    background: #EBFFFA;
}
.acc-faq .accordion-title.active span{
    color: #000;
}
.acc-faq .accordion-title button.toggle{
    left: unset;
    right: 10px;
}
.acc-faq .accordion-title button.toggle i{
    height: 25px;
    width: 25px;
    background: #13C097;
    line-height: 25px;
    border-radius: 50%;
    color: #fff;
}
.acc-faq .accordion-item {
    background: #EBFFFA;
    border-radius: 20px;
    margin-bottom: 15px;
    padding-bottom: 1px;
}
.acc-faq .accordion-inner {
    background: #fff;
    margin: 20px;
    border-radius: 20px;
    border: 1px solid #D7D8E0;
    padding: 15px;
}
a.button.primary.is-outline.lowercase.btn-close-popup {
    height: 48px;
    line-height: 45px;
    min-width: 160px;
    background: #fff;
    border: 1px solid;
    font-size: 16px;
}
a.button.primary.is-outline.lowercase.btn-close-popup:hover {
    color: #fff;
    background-color: #08A681;
}
.banner-index .text-inner a.button{
    margin-bottom: 0px;
}
.col-img-index .img .img-inner{
    overflow: unset;
    background: linear-gradient(90deg, #00d9a630 0%, #9be15d45 100%);
    border-radius: 20px;
    box-shadow: 11px 18px 40px rgb(36 116 97 / 60%);
}
.col-img-index .img .img-inner img{
    transform: translateY(-36px);
    position: relative;
    z-index: 99;
}
.icon-number .icon-box-img img{
    border-radius: 50%;
    box-shadow: 0px 4px 15px rgb(202 228 223 / 80%);
}
li.has-dropdown.header-language-dropdown {
    background: #fff;
    border-radius: 30px;
    padding: 0px 20px;
    border: 1px solid #08A681;
    height: 40px;
}
li.has-dropdown.header-language-dropdown a{
    color: #006950 ;
    line-height: 16px !important;
}
li.has-dropdown.header-language-dropdown a:hover{
    color: #006950 ;
}
li.html.header-button-1 .header-button a{
    height: 40px;
    line-height: 38px;
}
li.has-dropdown.header-language-dropdown a .image-icon{
    margin-right: 5px;
}

.wpcf7-form.init {
    margin-bottom: 0;
}

.pricing-table-items .button {
    margin-right: 8px;
}

.search-blog-header .col {
    padding-bottom: 0;
}
.video-wrap{
    border-radius: 20px !important;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.video-wrap iframe{
    border-radius: 20px !important;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.pdt-0 .ux-logo-link{
    padding-top: 0px !important;
}
.pd-0 .ux-logo-link{
    padding: 0px !important;
}

.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a, .nav-vertical-fly-out>li>a{
    color: #006950;
}
.wrap-form-cv .logo img{
    display: block;
    margin: 0 auto;
}

@media (max-width: 1100px) and (min-width: 768px) {
    .header-nav-main.nav-spacing-xlarge>li {
        margin: 0 7px !important;
    }

    #logo {
        width: 150px !important;
    }
}

@media only screen and (max-width: 768px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .post-type-archive-project .box-text-banner{
        min-width: unset;
    }
    .banner-single-service .bg-blog-text{ 
        min-width: unset;
        background-position: right;
    }

    h1.entry-title{
        font-size: 24px;
    }
    .meta-single-post .date svg{
        width: 24px;
        height: 24px;
    }
    .single-post header .entry-header-text{
        padding-bottom: 0px;
    }
    .title-relate>span{
        font-size: 24px;
    }
    .bg-blog-text {
        padding: 20px;
    }
    .bg-blog-text .text-box-content p strong {
        font-size: 29px;
        font-weight: bold;
        line-height: 1;
    }
    .bg-blog-text .text-box-content p {
        margin-top: 0px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .item-recruit-cat .meta-job {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .item-recruit-cat .meta-job .item{
        margin-bottom: 5px;
    }
    .box-banner-recruit{
        width: 90%;
    }
    .box-banner-recruit .title-banner {
        font-size: 24px;
        line-height: 1;
    }
    .content-single-job{
        padding: 10px;
    }
    .content-single-job h1{
        font-size: 24px;
    }
    .content-single-job .content h2{
        font-size: 20px;
    }
    .banner-single-project{
        padding: 30px 0px;
    }
    .short-info-project h1{
        font-size: 28px;
    }
    .short-info-project .description{
        font-size: 14px;
    }
    .short-info-project .list-cats{
        margin-bottom: 10px;
    }
    .project-btn-contact *{
        font-size: 14px;
    }
    section.content-singe-project{
        padding: 20px 0px;
    }
    .list-challenge-solution {
        border-left: 0px;
        padding-left: 0px;
    }
    .content-singe-project .about-project p{
        margin-bottom: 0px;
    }
    .list-challenge-solution .item{
        margin-bottom: 20px;
    }
    .title-project-relate span{
        font-size: 28px;
    }
    .item-service{
        flex-direction: column;
    }
    .item-service .thumbnail{
        width: 100%;
        height: 100%;
        max-height: 300px;
    }
    .item-service .thumbnail img{
        max-height: 300px;
    }
    .item-service .content-service-loop{
        width: 100%;
    }

    .banner-single-service .box-banner-recruit .box-cat{
        padding: 0px;
    }
    .banner-single-service .box-cat.box-cat-service svg{
        width: 42px;
        height: 42px;
    }
    .banner-single-service .box-cat.box-cat-service span a{
        font-size: 18px;
    }
    .banner-single-service h1.title-banner{
        font-size: 16px !important;
        line-height: 1.2;
    }
    .banner-single-service{
        min-height: 300px;
    }
    .box-featured-service{
        padding: 20px 10px;
    }

    #popup-contact-service{
        padding: 10px !important;
    }
    #popup-contact-service .section-content > .row.row-large{
        flex-wrap: unset;
        display: -webkit-box;
        overflow: hidden;
        overflow-x: scroll;
        white-space: nowrap;
    }
    #popup-contact-service .section-content > .row.row-large >div{
        width:80% !important;
        max-width: 80%;
    }
    #popup-contact-service .section-content .icon-box .icon-box-text{
        white-space: initial;
        width: auto;
    }
    #popup-contact-service .section-content .icon-box .icon-box-text .text{
        font-size: 16px;
        white-space: initial;
        width: auto;
    }
    .banner .home-title{
        font-size: 30px !important;
        line-height: 1.25 !important;
    }
    .banner .home-title br{
        display: none;
    }
    .content-banner-index p{
        font-size: 14px;
    }
    .banner-index .text-inner a.button {
        font-size: 14px;
    }
    .icon-box-intro{
        flex-direction: column;
        padding: 20px;
    }
    .icon-box-intro h3{
        margin-top: 10px;
        text-align: center;
    }
    .row-5 .large-2{
        max-width: 50%;
        flex-basis: 50%;
    }

    /* #categories-3 {
        padding: 0 15px 15px;
    }

    .searchform-wrapper form {
        padding: 0 15px;
    } */
    .box-text-banner,
    .bg-blog-text {
        border-radius: 10px;
        padding: 20px;
    }
    .pricing-table .pricing-table-items a.button {
        margin-bottom: 8px;
    }
    .search-blog-header .col .sidebar-wrapper {
        margin-bottom: 15px;
    }
    .video-wrap{
        margin-bottom: 20px !important;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px !important;
        overflow: hidden;
    }
    .slider-wrapper.slider-staff-mobile .flickity-prev-next-button{
        display: block;
    }

    .post-type-archive-service .bg-blog-text,.banner-single-service .bg-blog-text{
        background-position: right;
    }
	.slider-wrapper .flickity-prev-next-button{
		top: 40% !important;
		display: block;
	}
	.slider-2 button.flickity-button.flickity-prev-next-button.next{
		right: -25px !important;
	}
	.slider-2 button.flickity-button.flickity-prev-next-button.previous{
		left: -5px;
		right: auto !important;
	}
	.banner-project-archive .bg-blog-text{
		min-width: unset;
		padding: 15px;
	}
	#popup-contact-service .section-content > .row.row-large{
		flex-wrap: wrap;
	}
	#popup-contact-service .section-content > .row.row-large >div{
		width: 100% !important;
		max-width: 100% !important
	}
	#popup-contact-service .section-content > .row.row-large >div .icon img{
		width: 50px
	}
}