/*
----------------------------------------------------------------
	remove the white gap for 4 sides in elementor
----]------------------------------------------------------------
*/
.elementor-section-wrap .elementor-section,
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
	padding:0px !important;	
} 
.admin-bar #site-header.is-fixed.is-small{
	top:32px;	
}

/********** Blog Sidebar Style ***********************/
.widget{
	position: relative;
	margin-bottom: 50px;
}
.widget ul,
.widget ol{
	position:relative;	
}
.widget ul li,
.widget ol li{
	position: relative;
    margin-bottom: 20px;
    padding: 0px 0px 0px 25px;
    background: #f6f6f6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.widget ul li:last-child,
.widget ol li:last-child{
	margin-bottom:0px;
	border-bottom:none;
}
.widget ul li ul li,
.widget ol li ol li{
	position: relative;
    margin-bottom: 0px;
	padding-bottom:0px;
	border-bottom:0px;
	margin-top: 15px;
	padding-top:15px;
	border-top:1px solid #E9E8E8;
}

.widget ul li a,
.widget ol li a{
	font-family: var(--opensans-font);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    color: #777777;
    line-height: 37px;
	display:block;
}
.widget ul li a:hover,
.widget ol li a:hover{
	outline: 0;
    color: #ff5b2e;
    text-decoration: none;
}
.widget_search .search-form input {
    background-color: #F6F6F6;
}
.box-news.fl-widget-recent:last-child{
	border-bottom: 0px;
	padding-bottom:0px;
}
.widget .tagcloud a{
	position:relative;
	display:inline-block;
	font-family: var(--opensans-font);
    font-weight: var(--font-weight-regular);
    font-size: 14px !important;
    color: #AEA2A6;
    border-radius: 3px;
    border: 1px solid #F7F5F6;
    padding: 4px 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin: 0px 5px 10px 0px;	
}
.widget .tagcloud a:hover{
	color: var(--primary-color3);
    border: 1px solid var(--primary-color3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/***************** Pagination Style*******************/
.pagination-wrapper{
	margin-top:50px;	
}
.pagination ul{
	position: relative;
    display: block;
}
.pagination li{
	position: relative;
   display: inline-block;
   margin: 0px 3px;
}

.pagination li:first-child {
    margin-left: 0;
}

.pagination li.active a {
    background: var(--primary-color);
    color: #fff;
}

.pagination li a, .pagination li span{  
   position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    height: 45px;
    width: 45px;
    line-height: 45px;
    background: #f6f6f6;
    text-align: center;
    color: var(--primary-color3);
    z-index: 1;
    transition: all 500ms ease;
}

.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover, .pagination li span.current{
	color: #fff;
    background: #FF5B2E;
}

/***************** Footer Menu Widget Style*******************/
.footer-widget{
	position:relative;	
}

.footer-widget ul,
.footer-widget ol{
	position:relative;
    padding-top: 20px;	
}
.footer-widget ul li,
.footer-widget ol li{
	position: relative;
    margin-bottom: 17px;
	display: inline-block;
    width: 100%;
}
.footer-widget ul li:last-child,
.footer-widget ol li:last-child{
	margin-bottom:0px;
}
.footer-widget ul li ul li,
.footer-widget ol li ol li{
	margin-bottom: 17px;
}
.footer-widget ul li a,
.footer-widget ol li a{
	position: relative;
    color: #AEA2A6;
    font-weight: var(--font-weight-regular);
    font-size: 14px;
	font-family: var(--opensans-font);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	
}
.footer-widget ul li a:after,
.footer-widget ol li a:after{
	content: "";
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    position: absolute;
    bottom: 0;
    background-color: var(--primary-color);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	
}
.footer-widget ul li a:after:hover,
.footer-widget ol li a:after:hover{
	width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	
}
.footer-widget ul li a:hover,
.footer-widget ol li a:hover{
	color: var(--primary-color);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.content-footer ul {
    padding-top: 33px;
}

.content-footer ul li {
    margin-bottom: 5.9px;
}

.content-footer ul li a {
    font-size: 15px;
    color: #fff;
}

.content-footer ul li a span {
    padding: 2px 10px;
    background: var(--primary-color);
    border-radius: 5px;
    color: #fff !important;
}

.list-infor-company {
    padding-top: 18px !important;
}

.list-infor-company li {
    font-size: 15px;
    color: #fff;
    font-family: 'Roboto';
    margin-bottom: 13.8px !important;
}

.list-infor-company li span {
    color: #7d797c;
    font-weight: 500;
    margin-right: 12px;
}


/******************** Custom Style ****************/

#header-baner .list-page {
    margin-top: -1px;
    margin-left: 5px;
}

#header-baner .baner-title{
	margin-top: 322px;
}

#header-baner .baner-title li {
    font-size: 16px;
}

#header-baner .baner-title li a,
#header-baner .baner-title li {
    color: #fff;
}

#header-baner .baner-title li a:hover {
    color: var(--primary-color);
}

#footer .widget_nav_menu .widget-title{
	padding-top: 52px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.tf-article .box-feature .day-post{
	width: auto;
}
.content-footer .recent-new .box-news .feature-news{
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70px;
	width:70px;
}
.box-news.fl-widget-recent .feature-news{
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80px;
	width:80px;
}
.box-news.fl-widget-recent .recent-new .content-news .title-news a:hover{
	color:#FF5B2E;
}
.box-feature-gallery.fl-st-1 {
    margin-bottom: 30px !important;
}
.list-gallery li{
	position: relative;
    display: inline-block;
	cursor:pointer;	
}
.fl-gallery.fl-st-1{
	padding-top:20px;	
}
.read-button.btn-gallery{
	position: relative;
    bottom: auto;
    left: inherit;
    transform: none;
    margin: 35px auto 0;
}
.list-gallery li.active {
    color: var(--primary-color) !important;
}
.box-brand {
    padding-top: 0px;
    cursor: w-resize;
    position: relative;
    height: 60px;
}
.box-brand a img{
    width:auto !important;
	height:auto !important;
}
#header-baner{
	position:relative;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;	
}
#header-baner:before{
	content:'';
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	background-color: rgba(37, 28, 36, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;	
}
#header-baner .baner-title h1{
 	text-transform:capitalize;	
	line-height: 1.2em;
    font-size: 72px;
    font-weight: 400;
}
.elementor-lightbox .elementor-lightbox-item,
.dialog-type-lightbox{
	display:none !important;	
}

.list-info .content a {
    margin-right: 20px;
    line-height: 30px;
}
.tf-faq.fl-section-top .box-faq.border-st-1:last-child{
	border-bottom:0px;
}
.tf-faq .box-faq.border-st-1:last-child{
	border-bottom:1px solid #E7E0E0;
}


/**************** Team Details Style ******************/

.team-details{
	position: relative;
    display: block;
    background: #ffffff;
    padding: 120px 0 120px;
    z-index: 1;
}
.team-details .main-bg {
  background: #fff;
  box-shadow: 0px 0px 80px rgba(0, 29, 56, 0.03);
}
.team-details .main-bg .img-meta{
	padding:0px;
}
.team-details .main-bg .text-wrapper {
    padding: 0px 90px;
}
.team-details .main-bg .text-wrapper .name {
	position:relative;
    line-height: 1.2em;
    font-weight: 600;
    font-size: 36px;
    margin: 0 0 2px;
	color: #221E4C;
}
.team-details .main-bg .text-wrapper .position {
	position:relative;
    color: var(--thm-secnd);
    font-size: 16px;
    line-height: 24px;
	padding: 5px 0 30px;
    font-weight: 500;
}
.team-details .main-bg .text-wrapper h6{
	position:relative;
	text-transform: capitalize;
    font-weight: 600;
    margin: 0 0 10px;
	color: #221E4C;
	font-size:18px;
}
.team-details .main-bg .text-wrapper p {
    font-size: 16px;
    line-height: 24px;
    color: #525F7F;
	margin-bottom:25px;
}
.team-details .social-links{
	position: relative;
    display: block;
    margin-top: 20px
}
.team-details .social-links li{
	position: relative;
    display: inline-block;
    margin-right: 6px;
}
.team-details .social-links li a{
	position: relative;
    display: block;
	text-align:center;
	color: var(--white-color);
	font-size:16px;
	line-height:42px;
    width: 42px;
    height: 42px;
	border-radius:50%;
    background-color: var(--primary-color3);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}
.team-details .social-links li a:hover{
	background-color: var(--primary-color);
	color: var(--white-color);
}

.box-feature-employee:hover .box-name p a,
.box-feature-employee.active .box-name p a{
	color: var(--white-color);
}

/* Sub-menu */
#mainnav .menu > li > .sub-menu > li > ul {
	display: block !important;
	opacity: 0;
	z-index: 9999;
	position: absolute;
	top: 0px;
	width: 230px;
	background-color: var(--primary-color3);
	left: 100%;
	visibility: hidden;
	-webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
       -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
           transition: all 0.1s ease-in-out;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
}
#mainnav .menu > li > .sub-menu > li:hover > ul{
	opacity: 1;
	z-index: 100;
	visibility: visible;
	-webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
       -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
	background-color: var(--primary-color3);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
#mainnav .menu > li > .sub-menu > li > ul > li > a {
	display: block;
	line-height: 45px;
	color: #fff;
	background-color: var(--primary-color3);
	padding: 0px 0px 0px 15px;
	width: 230px;
}
#mainnav .menu > li > .sub-menu > li > ul > li.active > a,
#mainnav .menu > li > .sub-menu > li > ul > li > a:hover {
	color: var(--primary-color);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
}

.tf-arcive.fl-section-top{
	padding-bottom:120px;	
}
.play-video-2 a span{
	line-height: 100px;
    position: relative;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 20px;
}
.form-comment .title-comment.fl-st-2{
	margin:0px;	
}
.form-comment {
	margin:0px;		
}
.box-tags {
    padding: 0px 0px 0px 7px;
    margin-top: -29px;
    align-items: center;
}
.comment-post{
	margin-top:62px;
	padding: 35px;	
}
.comment-post .form-comment{
	margin-top:20px;	
}
.recent-new .box-news:last-child{
	border-bottom:0px;	
}

.recent-new .box-news h6 {
    font-size: 14px;
    line-height: 24px;
    text-transform: inherit;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.comment-list .comment {
    padding: 0px;
    padding-bottom: 5px;
}
.ingl-comment-item .ingl-comment-item{
	margin-left:80px;	
}
.ingl-comment-item .form-comment{
	margin:40px 0px;	
}
.form-comment .title-comment.fl-st-2 small a{
	position:relative;
	display:inline-block;
	font-weight: var(--font-weight-medium);
	line-height: 32px;
	font-size:20px;	
}
.comment-list article{
	padding:10px 0px 0px 0px;
	margin-bottom:20px;	
}
.ingl-comment-item > .comment-list:last-child > article{
	margin-bottom:0px;	 
}


/******************* service Detail Style **************/
.service-details-content {
    padding-bottom: 104px;
}
.service-details-content .two-column{
  position: relative;
  display: block;
}
.service-details-content .two-column .text p{
	padding:0px;
	margin:15px 0px 0px;	
}
.service-details-content .accordion-box .block{
	position: relative;
	border: 1px solid #eaeaea;
    border-bottom: unset;
	display: block;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0ms ease;
}

.service-details-content .accordion-box .block:last-child {
    border-bottom: 1px solid #eaeaea;
}

.service-details-content .accordion-inner {
    margin-top: 37px;
}
.service-details-content p{
	padding-bottom:15px;
}
.service-details-content .text h5{
	position:relative;
	color: #472c35;
	font-size:20px;
}
.service-details-content .accordion-box .block .acc-btn{
	position: relative;
	display: block;
	padding: 18px 75px 22px 28px;
	background: #ffffff;
    cursor: pointer;
    transition: all 500ms ease;
}

.service-details-content .accordion-box .block .acc-btn.active {
  background: var(--primary-color3);
	padding: 22px 75px 17px 30px;
}

.service-details-content .accordion-box .block .acc-btn.active h6 {
    color: #fff;
  }

.service-details-content .accordion-box .block .acc-btn h6{
	display: block;
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: 500;
    font-size: 18px;
	text-transform: lowercase;
}

.service-details-content .accordion-box .block .acc-content{
    padding: 24px 52px 22px 28px;
}

.service-details-content .accordion-box .block .acc-content p{
  line-height: 28px;
  padding:0px;
  margin: 0%;
}

.service-details-content .accordion-box .block .acc-btn .icon-outer{
	background: transparent;
	font-size: 16px;
	font-weight: 700;
	position: absolute;
	display: inline-block;
	top: 50%;
    transform: translateY(-50%);
	right: 30px;
	width: 40px;
	height: 40px;
	line-height: 37px;
	text-align: center;
	cursor: pointer;
	color: #fff;
    background: var(--primary-color);
	transition: all 500ms ease;
	z-index: 1;
}

.service-details-content .accordion-box .block .acc-btn.active .icon-outer{
	color: #fff;
    background: transparent;
}

.accordion-box .block .acc-btn.active .icon-outer i:before {
    font-family: 'FontAwesome';
    content: "\f068";
}
.accordion-box .block .acc-content{
  position:relative;
  display:none;
  padding: 0px 30px 23px 30px;
}
.accordion-box .block .acc-content.current{
    display: block;
}


/***************** Service Sidebar Style*******************/
.slidebar .box-author .list-social li {
    position: relative;
    padding: 14px 11px;
    margin-bottom: 0;
}
.slidebar .box-author .list-social li a:after{
	display:none !important;	
}
.slidebar .box-author .list-social li a {
    color: #fff;
    font-size: 14px;
    line-height: inherit;
    padding: 0px;
    background: none;
}
.service-widget {
	position: relative;
   margin-bottom: 40px;
}
.service-widget ul{
	position:relative;	
}

.service-widget ul li{
	position: relative;
    display: block;
    margin-bottom: 10px;
}
.service-widget ul li a{
	position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #472c35;
    font-weight: 700;
    background: #f5f7fa;
    padding: 19.5px 35px;
    z-index: 1;
}
.service-widget ul li a:before{
	position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    transition: all 500ms ease;
}
.service-widget ul li a:hover:before,
.service-widget ul li.current-menu-item a:before{
	width: 100%;
	background: #472c35;
}
.service-widget ul li:hover a,
.service-widget ul li.current-menu-item a,
.service-widget ul li.current-menu-item a:before{
	color: #fff;
}
.service-widget ul li a:after{
	position: absolute;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 18px;
    font-weight: 400;
    top: 19px;
    right: 35px;
    transition: all 500ms ease;
}
.info-about-us,
.form-contact .btn-submit,
.tf-article .box-content .title-post.fl-st-2,
.tf-article .box-content .title-post {
	line-height:1.4em;
}
.form-contact .btn-submit {
    padding-top: 46px;
}
.box-quote .name-quote h4{
	font-size:20px;
}

.tes-style3 .box-quote .name-quote h4 {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-color3);
}

.tf-arcive .tf-article .box-content .title-post{
	font-size:24px;
}
.m-b35{
	margin-bottom:35px !important;
}

.error-section{
	position:relative;
	padding:120px 0;
}

.error-section h1{
	color:#000000;
}

.error-section h2{
	font-size:28px;
	margin:30px 0 40px;
	color:#2D2D2D;
}

.error-section .themesflat-button.bg-accent:hover{
	border-color:#000;
	color:#000;
}

.tf-style-1 .content-counter .number{
    color:#ffffff;
}

.tf-style-1 .content-counter h6 {
    color: var(--primary-color2);
}