/**css tuy chinh rieng cho tung trang**/

/*-----------------------------Reponsive-------------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px){
  .get-started-area .col-md-6{
  	    flex: 0 0 33%;
        max-width: 33%;
  }
  .get-started-area .work-single-item-02.style-01 .content .para {
  	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media screen and (max-width: 1024px){
  .banner .header-inner {
  	    padding: 30px !important;
   		margin-top:100px !important;
        min-height: 450px;
  }
  .customer .work-single-item-02.style-01 .content .para {
	padding:unset;
  }
  .tintuc .single-blog-grid-01 .content .title{
  	    font-size: 18px;
  }

}
@media screen and (max-width: 991px){
  .get-started-area .col-lg-4 {
  	margin-bottom:20px;
  }
}
@media screen and (max-width: 768px){
  .customer .col-lg-4 {
  	margin-bottom:30px;
  }
  .tintuc .single-blog-grid-01 .content .title {
        font-size: 17px;
  }
}


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


/* Trang chủ */
.header-area.header-social .header-inner .title.style-01 {
	width:100%!important;
  font-size:20px;
  line-height:1.2
}
#home_banner.header-area .subtitle{
  font-size:13px;
  text-transform:normal;
  padding-left:40px;
}
#home_banner.header-area .subtitle::after{
  width:30px;
}
.navbar-nav > li > a:hover:before, .navbar-nav > li > a:hover:after {
    width: 20px;
    height: 20px;
    opacity: 1;
  	visibility: visible;
}
.navbar-nav li > a:before {
    top: 20px;
}
.navbar-nav{
	position:relative;
}
.navbar-nav > li > a:before{
	visibility: hidden;
    content: "";
  	top: 20px;
    margin-left: -10px;
    position: absolute;
    border: 1px solid #e19624;
    border-width: 1px 0 0 1px;

}
.navbar-nav > li > a:after {
    content: "";
  	visibility: hidden;
  	margin-left: -10px;
  	left: auto;
  	top:auto;
  	bottom:20px;
    position: absolute;
    border: 1px solid #e19624;
    border-width: 0 1px 1px 0 ;

}
.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li a {
    transition: all 0.1s ease-in;
}
/* -----content 1 */
#topbar-area{
  background-color:#e19624;
}

.banner .item{
  width:100%;
  background-size: cover;
  height:600px
}
.banner .header-inner h1{
 	font-size:5em; 
}
.banner .header-inner{
	margin-top: 150px;
  position: absolute;
  padding: 50px ;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-left: -15px;
  background: #00000040 !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.banner .btn-wrapper .boxed-btn.audio-btn {
    background-color: #e19624;
    border-radius: 10px;
    color: black !important;
}
/* -------- */

/* -----content 2 */
#danhsachdichvu.advantege-work-area .single-icon-box-09{
	display: grid;
    grid-template-areas:
        "content"
        "iconwrap";
}
#danhsachdichvu .get-started-area .justify-content-center {
    display: none;
}
#danhsachdichvu .content{
	grid-area: iconwrap;
}
#danhsachdichvu.advantege-work-area .row .section-title {
	display: flex;
    flex-direction: column;
  	padding-bottom:0px;
}
#danhsachdichvu.advantege-work-area .row .section-title a{
 order:2; 
}
#danhsachdichvu.advantege-work-area .row .section-title.padding-bottom-50 .title{
	order: 2;    
  	font-size: 32px;
    font-weight: 100;

}
#danhsachdichvu.advantege-work-area .row .section-title p{
	color:#000000;
    /*font-weight: bold;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);*/
}
#danhsachdichvu.advantege-work-area .container .single-icon-box-09{
	box-shadow:none;
  	border-radius:unset;
  	padding:unset;
}
#danhsachdichvu.advantege-work-area .single-icon-box-09 .icon{
	margin-left:0px;
    /* height: 240px; */
}
#danhsachdichvu.advantege-work-area .single-icon-box-09 .content .title{
	font-size:24px;
    font-weight:100 !important;
}
#danhsachdichvu.advantege-work-area .iconwrap{
	height: 180px;
  overflow:hidden;
}
#danhsachdichvu.advantege-work-area .content .section-title p{
	font-size:20px;
  margin:0;
  padding:0
}
#danhsachdichvu .single-icon-box-09 .content h4.title{
 margin-top:20px; 
}

/*---nut*  

  .advantege-work-area .row .text-justify::before {
  content: "Chi tiết";
  position: absolute;
  bottom:60px;
  transform: translateY(-50%);
  padding: 10px 70px;
  background-color: #e19624;
  color: #fff;
  border: none;
  border-radius: 2px;
  cursor: pointer;
}/

.advantege-work-area .row .text-justify::before a {
  text-decoration: none;
  color: #fff;
}
.advantege-work-area .row .text-justify::before a {
  text-decoration: none;
  color: #fff;
}
.advantege-work-area .row .single-icon-box-09{
  	/* height:500px; */
}
.advantege-work-area .single-icon-box-09 .content p{
	color:black;
}
/* -------- */

/* ------ LÍ DO NÊN CHỌN CHÚNG TÔI ------*/
.lido .section-title p{
	color:#000000;
}
@media (max-width: 768px) {
.lido .container .col-md-6 {
  	max-width:50%;
  }
}
.work-single-item .content .title{
	font-size: 18px;
    /*font-weight: bold;*/
    font-weight:100;
}

.work-single-item .content .icon{
	width: auto;
    height: auto;
  border-radius: unset;
}
.lido .section-title .title{
	/*font-weight: bold;*/
    font-size: 32px;
  line-height:38px;
}
.lido {
  text-align:center;
}
.lido .text-left{
	text-align:center !important;
}


/* ------ content 4 ------*/
@media (min-width: 992px) {
.get-started-area .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
    }
}

.get-started-area{
	z-index:1 !important;
}
.get-started-area .section-title.white.brand{
 	padding-bottom:0px; 
  display:grid;
}
.get-started-area .ratings{
	height:0px;
}
.get-started-area .section-title.brand.white .title {
	color:black;
    margin-bottom:0px;
    /*font-weight: bold;*/
    font-size: 32px;
}
.get-started-area .section-title.brand .title {
 	font-weight:100; 
}
.get-started-area .section-title.brand.white p {
	color:black;
    margin-top:0px;
  font-size:20px;
  line-height:26px;
}
.get-started-area.customer{
	padding:0 0 0;
}
.get-started-area .justify-content-center{
	
}

.get-started-area .content-area{
	order:2;
}
.work-single-item-02 .icon img {
	height:80px;
}
.get-started-area .work-single-item-02{
	box-shadow: 0 4px 16px 0 rgb(51 51 51 / 10%);
    padding: 60px 35px;
    height:370px;
    border-radius:10px;
    margin-bottom:0px;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.get-started-area .work-single-item-02:hover{
  background:#fcf9bd;
}
.get-started-area .work-single-item-02.style-01 .content .para {
	color:#000000;
    text-align: justify;
  font-size:16px;
}
.get-started-area .work-single-item-02.style-01 .content .title{
	color:#000000;
}
.get-started-area .work-single-item-02.style-01 .content .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.get-started-area .col-lg-4 {
	height:370px;
    position: relative;
}
			/* -------- */
.get-started-area .work-single-item-02::before{
	border-color: #e09524;
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #e09524;
    z-index: 2;
    top: 20px;
    left: 35px;
    border-bottom: 0;
    border-right: 0;
}
.get-started-area .content:after{
    bottom: 20px;
    right: 35px;
    top: auto;
    left: auto;
    border: 2px solid #e09524;
    border-left: none;
    border-top: none;
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
}
    		/* -------- */
.footer-top.style-04{
	padding-bottom:20px;
    padding-top:30px;
    background-color: #333333;
}
/* -------- */

/* ---- About us---- */

.build-area{
	padding-top:60px;
}
.learning-bg .title{
	color:white;
  line-height: 1.2;
    font-size: 25px;
}
.build-area .build-img.bg-image-02{
    min-height: 300px;
    width: 100%;
    background-size: cover;
}
.build-area .wow {
	color:black;
}
.aboutus .bulid-content-area.style-01 .section-title p {
	text-align: justify;
  font-size: 16px;
  line-height:24px;
  font-weight:400;
}


.learning-bg .col-lg-6{position:relative}
.learning-bg .section-title .wow::before{
	border-color: #333333;
    content: "";
    position: absolute;
    width: 100px;
    height: 40px;
    border: 2px solid #e19624;
    z-index: 2;
    top: 15px;
    left: 1px;
    border-bottom: 0;
    border-right: 0;
}
.learning-bg .section-title .wow::after{    bottom: 20px;
    right: 1px;
  bottom:30px;
    top: auto;
    left: auto;
    border: 2px solid #e19624;
    border-left: none;
    border-top: none;
    content: "";
    position: absolute;
    width: 100px;
    height: 40px;
}

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



/* ---- Tin Tức---- */
.tintuc .single-blog-grid-01 .thumb img {
    height: 230px;
}

.tintuc .section-title.gym .title {
    font-size: 32px;
    font-weight:100;
    line-height:38px;
}
.section-title{padding-bottom:0px}
.tintuc .single-blog-grid-01 .thumb .news-date{

}
.tintuc .single-blog-grid-01 .content{
  text-align:justify;
}
.get-title .section-title .title{
  display:inline;
  font-size:18px;
}
.get-title .section-title a{
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
  background: var(--main-color-one);
  padding: 5px 20px;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.get-title .section-title a:hover{
  background: var(--main-color-two);
  color: var(--main-color-one);
}
.get-title .section-title a:hover > *{
  color: var(--main-color-one);
}
#home_banner .owl-dots{
 margin-top:-50px; 
}
.backdrop30:before{
 content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#ffffff30;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
/* --------  Khách hàng *-------*/
@media (min-width: 992px) {
    .client-area  .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 33%;
        max-width: 10%;
    }
}
/*-------------------------*/
.single-blog-grid-01 .content .title{
	letter-spacing: -1px;
  	font-size:22px;
}

/*-------------------------*/
.bulid-content-area.style-01 .section-title .title{
 font-size:30px; 
}