/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

ul#header-contact li>a>span {text-transform: initial}
.nav-dropdown>li>a{color:#333!important}
.header.transparent .trendy-header-phone svg {fill: #fff}
.header.transparent .trendy-header-phone .header-phone-container > a{color: #fff}
.nav-dark .nav>li>a{color: #fff!important;}
.nav-dark .nav>li>a:hover{color: var(--2nd-color) !important}
.trendy-header-phone .header-phone-container > a {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-moz-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: stretch;-moz-justify-content: stretch;-ms-justify-content: stretch;justify-content: stretch;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center;color: #fff}
.trendy-header-phone .header-phone-container .header-phone-icon {width: 37px;height: 45px;-webkit-transition: all 0.3s;transition: all 0.3s;margin-right: 10px;fill: #fff}
.trendy-header-phone .header-phone-container .header-phone-text > span:not(.phone-number) {font-size: 14px;display: block;line-height: 1em}
.trendy-header-phone .header-phone-container .header-phone-text .phone-number {font-weight: 600;font-size: 22px;color: var(--2nd-color);}
.flickity-prev-next-button{width: 100px; opacity: 0.3}
.trendy-title .about__title {overflow: hidden;margin-bottom: 1rem}
.trendy-title .text-title {font-size: 2.25rem;line-height: 2.5rem;margin-bottom: 0;color: var(--3nd-color)}
.trendy-title span.title-line {transform: translate(0,50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);bottom: 50%;--tw-translate-y: 50%;width: 100%;padding-left: 0.75rem}
.trendy-title span.title-line .line{height: 10px;width: 100%;display: inline-block}
.trendy-title span.title-line .line:before,.trendy-title span.title-line .line:after{content: '';transform: translate(0,50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);--tw-translate-y: 50%;position: absolute;bottom: 50%;border: 0 solid #e5e7eb;left: 7px}
.trendy-title span.title-line .line:before{border-radius: 9999px;width: 10px;height: 10px;background-color: var(--3nd-color)}
.trendy-title span.title-line .line:after{border-width: 1px;width: 100%;border-color: var(--3nd-color)}
.trendy-title .text-base {padding-right: 165px}
.trendy-title a.button {border-radius: 5px;right: 0;bottom: 0;background: #fff}
.trendy-title.title-white h2 {color: #fff}
.trendy-title.title-white span.title-line .line:before{background-color: #fff}
.trendy-title.title-white span.title-line .line:after{border-color: #fff}
.trendy-title a.button.no-content{bottom: -14px;}
.trendy-box-text {text-align:center;border-radius: 30px;border-width: 6px;border-color: #0000;align-items: stretch;display: grid;overflow: hidden}
.trendy-box-text .trendy-box-img img{margin: auto}
.trendy-box-text.img230 .trendy-box-img img{height: 230px;object-fit: cover;width: 100%}
.trendy-box-text .box-img-title {top: 0;left: 0;line-height: 48px;background-color: rgb(219 238 255);    border-radius: 27px 0 30px;width: 190px;height: 48px;}
.trendy-box-text .box-img-content {overflow-y: auto;border-radius: 30px;background: #fff;padding: 1.25rem .75rem 1.5rem;line-height: 1.75rem}
.trendy-box-text .box-img-content ul{margin-bottom: 0}
.trendy-box-text .box-img-content li{margin-bottom: 0;line-height: 25px;}
.trendy-slide-lecturers .team--content {display: grid!important;height: 450px;grid-template-columns: repeat(2,minmax(0,1fr));align-items: center;color: var(--primary-color)}
.trendy-portfolio.col .col-inner{background: #fff;padding: 10px;box-shadow: var(--shadow-1)}
.trendy-portfolio.col .box-image img {border-radius: 10px}
.trendy-portfolio.col .portfolio-box-title {margin-bottom: 10px}
.trendy-portfolio.col .box-text a.button {border-width: 1px}
.home-doitac .flickity-prev-next-button svg{transform: translate(-50%,0);}
.home-doitac .flickity-prev-next-button{width: 50px}
.home-doitac .gallery-col.col {padding: 10px!important}
.home-doitac .gallery-col.col img.home-doitac {border-radius: 15px}
.home-doitac .gallery-col .box-text {display: none}
.trendy-form {padding-bottom: 0!important}
.trendy-form p,.box-phone-home .icon-box-text p{margin-bottom: 0!important;}
.trendy-form .trendy-input {height: 45px}
.home-contact {box-shadow: var(--shadow-1);border: 1px solid rgba(217, 217, 217, 0.4);background: #f6f8fb;border-radius: 1px;padding: 20px 15px}
.col.post-item .col-inner {border-width: 1px;border-radius: 15px;padding: 5px;box-shadow: var(--shadow-2)}
.col.post-item .col-inner .image-cover {border-radius: 10px}
.flatsome_recent_duan {margin: auto;max-width: 22em;position: relative;box-sizing: border-box;background-clip: padding-box;border: solid transparent;border-radius: 1em}
.flatsome_recent_duan:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;border-radius: inherit;background: var(--linear-gradient-1)}
.flatsome_recent_duan span.widget-title {display: flex;justify-content: center}
.flatsome_recent_duan h5.widget-title,.flatsome_recent_duan span.widget-title {color: #fff;font-weight: 700;font-size: 1.125rem;line-height: 2.25rem;text-align: center;padding-top: 10px;border-top-left-radius: 13px;border-top-right-radius: 13px;margin-bottom: 5px}
.widget .is-divider{display: none}
.flatsome_recent_duan ul {background: #fff;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;margin: 2px!important;padding: 10px}
.flatsome_recent_duan>ul>li {padding: 0!important}
.flatsome_recent_duan>ul>li+li {border-top: unset!important}
.flatsome_recent_duan .badge {height: 95px;width: 95px}
.flatsome_recent_duan .badge .badge-inner.bg-fill {border-radius: 15px}
.flatsome_recent_duan .recent-blog-posts a {display: block;line-height: 1.2;margin-bottom: 6px;--tw-gradient-from: #07a2f2;--tw-gradient-to: #07a2f200;--tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to: #0045a2;-webkit-background-clip: text;background-clip: text;font-weight: 700;line-height: 19px;color: #0000;font-size: 15px;background-image: linear-gradient(to right,var(--tw-gradient-stops));overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;padding-bottom: 0;text-transform: uppercase}
.flatsome_recent_duan .recent-blog-posts p{margin-bottom: 0!important;}

.counter-field span.counter {
    font-size: 35px;
    color: var(--primary-color);
}
.counter-field span.plus {
    font-size: 24px;position: absolute;
}
.counter-field .is-divider {
    background: var(--3nd-color);
    height: 2px;
    max-width: 70px;
    margin-top: -5px;
    margin-bottom: 10px;
}
.box-dichvu-home .row {
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
    padding-bottom: 15px;
}
.box-dichvu-home .row .col {
    min-width: 300px;
    width: 215px;
}
.slide-dichvu-home .slider-style-shadow .flickity-slider>:before {
    background: unset;
}
.trendy-tab-doingu .nav-tabs.nav-vertical li a {
    background: var(--primary-color);
    color: #fff;
}
.trendy-tab-doingu .nav-tabs.nav-vertical li.active a {
    color: #333;border-color: var(--primary-color);
	background: #f5f5f5
}
.trendy-tab-doingu .tab-panels {
    background: #e9e9e970;
    border: none;
    padding: 35px;
}
.list-blog-home .col.post-item .col-inner{border: none;padding: 5px;box-shadow: unset;}
.list-blog-home .box-vertical .box-text{padding: 10px!important;}
.box.box-vertical.box-blog-post .box-text .post-title{font-weight: 400;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.box-blog-post .is-divider{display:none!important}
.tab-tintuc .tab-panels{padding: 5px;border-radius: 10px;border: 1px solid #5964b2;}
.nav-tabs>li>a{
    background-color:var(--3nd-color);color: #fff;
}
.trendy-icon-post .overlay-icon i.fa-images {
    line-height: 2.2;
}


.trendy-slide .slider-custom {padding: 0 15px}
.trendy-slide .slider-custom .flickity-slider .img {max-width: 20% !important;margin: 2px;border: 2px solid #fff}
.trendy-slide .slider-custom .flickity-slider .img.is-selected.is-nav-selected{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.trendy-slide .slider-custom .flickity-viewport .flickity-slider .img img {
    height: 77px;object-fit: cover;width: 100%
}
.trendy-slide .img-final .flickity-viewport .flickity-slider .img img {
    height: 400px;object-fit: cover;width: 100%
}
.trendy-slide .slider-custom button {display: none}
.trendy-slide .flickity-prev-next-button {width: 100px;color: #5d5d5d99}
.trendy-slide .flickity-prev-next-button svg{border-radius: 10px}


#footer .trendy-title .about__title{margin-bottom: 15px}
#footer .trendy-title .text-title {color: #fff;font-size: 19px;line-height: 25px;text-transform: initial}
#footer .trendy-title span.title-line {padding-left: 0}
#footer .trendy-title span.title-line .line:before{background-color: #fff;}
#footer .trendy-title span.title-line .line:after{border-color:#fff}
#footer a.button.contact {font-size: 15px;margin-bottom: 5px;border: none;display: flex;
    margin-right: 0;}
#footer a.button.contact i {
    top: 3px;
}
#footer a.button.contact span {
    text-align: left;
}
#footer .col-inner ul li{margin-left: 5px}
#footer .col.post-item .col-inner{border: none;padding: 5px;}
#footer .col.post-item .box-image {display: none}
#footer .col.post-item .box-text {padding: 0}
#footer .col.post-item .box-text .is-divider{display: none}
#footer .dark .ux-menu-link__link {
    border: none;
    min-height: 2em;
}
.absolute-footer.dark{display: none}
a#top-link {
    width: 50px;
    height: 50px;
    transform: translateY(20%);
    font-size: 21px;
    right: 5px;
    border-radius: 15px!important;
    background: var(--3nd-color);
    color: #fff;
}
.trendy-sub p {
    display: flex;
    flex-wrap: wrap;justify-content: center;
}
.trendy-sub span.wpcf7-form-control-wrap {
    width: 60%;
}
.trendy-sub span.wpcf7-form-control-wrap input {
    border-radius: 25px 0 0 25px;height: 50px;
}
.trendy-sub input.wpcf7-submit {
    margin-right: 0;
    border-radius: 0 25px 25px 0;height: 50px;
}
.trendy-sub .wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: absolute;
    top: 100%;
}
@media only screen and (max-width: 549px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	.trendy-header-phone {margin: 0 auto}
    .trendy-title a.button {right: unset;bottom: unset!important;position:inherit!important}
    .trendy-title .text-title{line-height: 25px;font-size: 1.35rem}
    .trendy-title .text-base {padding-right: 0}
    .box.box-vertical.box-blog-post {display: flex;align-items: center}
    .box.box-vertical.box-blog-post .box-image {width: 60%!important}
    .box.box-vertical.box-blog-post .box-text .post-title{font-size: 16px}
}