:root {
    --default_color: #111;
    --line-height: 1.425;
    --main_color: #2C3B6F;
    --topbar_color: #F55427;
    --mainmenu_color: #e9212e;
    --text_mainmenu_color: #fff;
    --text_mainmenu_hover_color: #ebe9e9;
    --title_color: #F55427;
    --text_color: #828282;
    --text_hover_color: #ae0a15;
    --text_price_color: #111;
    --bg_footer_color: ;
    --text_link_footer_color: ;
    --bg_copyright_color: #052e70;
    --text_copyright_color: ;
    --btn_color: #e9212e;
  	--btn_hover_color: #ae0a15;
}

.main-menu .navigation>li>a, 
body, span, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	font-family: "Open Sans", sans-serif !important;
}
.main-menu .navigation>li>a, 
body {
  	font-size: 16px !important;
}
.about-image-box .inner-box img {
	width: auto;
}
.about-image-box {
    padding-top: 30px;
    padding-left: 30px;
}
.about-text {
    padding-left: 0px;
}
.about-image-box:before {
	display: none;
}
.btn-one:hover {
  	background-color: var(--btn_hover_color);
}
.header-top {
    background: #2C3B6F;
    color: #fff;
}
.header #cart {
	display: none;
}

.main-menu.style2 .navigation > li > a {
	padding: 5px 25px;
    margin-top: 30px;
}
.main-menu.style2 .navigation > li {
	margin-right: 0;
}
.main-menu.style2 .navigation > li > a:hover {
    border-bottom: 2px solid #c61a09;
}
.main-menu .navigation > li:hover > ul {
	top: 55px;
}
.main-menu.style2 .navigation > li.dropdown > a:after {
    right: 0px;
    line-height: 20px;
}
.header .header-main {
    padding: 0;
    box-shadow: 1px 1px 10px rgb(0 0 0 / .15);
}
@media (max-width: 991px) {
    header .logo a {
        width: 100px;
    }
}
/* ======= Main body ====== */
.top-style2-left ul li, .footer-social-links .sociallinks-style-one li a i {
	color: #fff;
}
.highlights-area {
	margin-top: 0px;
    background-color: rgb(248, 244, 238);
}
.single-highlight-box {
  padding-bottom: 30px;
  padding-top: 0;
}
.highlights-area-v2 .single-highlight-box .inner-content {
	padding-top: 15px;
}
.single-highlight-box img {
	padding: 10px;
    background-color: #fff
}
.working-process-area {
  	background: #fff
}
.single-working-process {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-bottom: 0;
  	padding-top: 0;
}
.single-working-process .inner h3 {
	margin: 0;
}
.single-working-process .image-holder {
	flex: 0 0 auto;
    margin-bottom: 0;
    max-width: 200px;
}
.single-working-process .image-holder img {
  padding: 10px;
  background-color: #fff;
}
.single-working-process .inner {
    flex: 1 1 0%;
  	padding: 0px;
    text-align: left;
  	box-shadow: none;
    border: none;
}
.single-working-process .inner p {
	height: 130px;
}
.cta-area {
    background-color: rgb(248, 244, 238);
  	padding: 30px 0;
}
.btn-one, .single-highlight-box .inner-content a, .single-highlight-box .inner-content a {
	background: var(--main_color);
  	color: #fff !important;
  	font-family: "Open Sans", sans-serif !important;
  	text-transform: uppercase;
  	line-height: 40px;
}
.single-highlight-box .inner-content a span {
    transform: translateX(.75em);
}
.single-highlight-box .inner-content a:hover > span {
    transform: translateX(0);
}
.single-highlight-box .inner-content a > i {
	margin-left: -.15em;
    margin-right: .4em;
}
.single-highlight-box .inner-content a:hover > i {
	margin-left: .4em;
    margin-right: -.15em;
}
.working-area {
	padding: 50px 0 50px;
}
/* Card: cho avatar nổi lên 50% */
.team-grid {
	margin-top: 0px;
}
.team-area {
    padding-top: 50px;
    padding-bottom: 80px;
}
.team-card {
    position: relative;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    text-align: center;
    padding: 22px 18px 20px;
    padding-top: 141px;
    margin-top: 141px;
    display: flex;
    flex-direction: column;
}

/* Avatar tròn, viền hồng, nổi lên 50% */
.team-avatar {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  padding: 8px;
  background: #f9d6cf;      /* viền ngoài hồng nhạt */
  position: absolute;
  left: 50%;
  top: 60px;
  transform: translate(-50%, -75%);  /* đẩy tâm avatar lên đúng mép trên card => lộ ra 1/2 */
}
.team-avatar img{
  width:100%; height:100%;
  border-radius:50%;
  object-fit: cover;
  background:#fff;
}

/* Giữ style chữ & nút như trước (tham khảo phần bạn đã dán) */
.team-name { font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 8px 0 10px; color:#000; }
.team-role { font-size: 13px; color:#666; margin-bottom: 6px; }
.team-desc { font-size: 14px; color:#222; line-height: 1.5; margin-bottom: 12px; }
.btn-round { border-radius:999px; }

.working-process-area {
  padding: 35px 0;
}
/* Responsive: giảm kích thước avatar => chỉnh padding-top tương ứng */
@media (max-width: 767px){
  .team-avatar { width:160px; height:160px; padding:6px; }
  .team-card { padding-top: 110px; margin-top: 60px; } /* 80 (nửa avatar) + ~30 */
  .team-name { font-size:16px; }
  .team-desc { font-size:13px; }
}

/* Mobile spacing */
@media (max-width: 767px) {
  .team-section .col-xs-12 { margin-bottom: 18px; }
  .team-avatar { width: 160px; height: 160px; padding: 6px; }
  .team-name { font-size: 16px; }
  .team-tags { font-size: 14px; }
}

/* Căn đều chiều cao card ở 1 hàng trên màn hình >=992px */
@media (min-width: 992px) {
  .team-grid { 
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .team-grid > [class*="col-"] {
    display: -webkit-box; display: -ms-flexbox; display: flex;
  }
}

.sec-title {
  	padding-bottom: 30px;
}
.sec-title .title {
  	font-size: 28px;
    color: var(--title_color);
  	padding-bottom: 0px;
  	line-height: 1.425;
}
.sec-title p {
    color: #2584d5;
}
.sec-title .title.clr-white {
  	color: var(--main_color);
}
.sec-title.with-text {
	padding-bottom: 30px;
}
.about-text .sec-title {
	padding-bottom: 30px;
}
.single-highlight-box .inner-content .text {
	min-height: 220px;
}
/* --- Title giống section gốc --- */
.cta-area .sec-title .title {
  font-size: 28px;
  font-weight: 700;
  color: var(--title_color);
  margin: 18px 0 6px;
}
.cta-area .sec-title .underline {
  width: 120px; height: 4px; background: #bf1a1a; margin: 8px auto 18px;
}

/* --- Description --- */
.cta-desc {
  max-width: 980px;
  margin: 0 auto 16px;
  color: #b32512;            /* đỏ nâu như ảnh */
  line-height: 1.7;
  font-size: 16px;
}

/* --- CTA buttons --- */
.cta-buttons { margin-top: 10px; }

.btn-cta {
  display: inline-block;
  min-width: 280px;
  padding: 12px 20px;
  margin: 10px 10px 16px;
  border-radius: 6px;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0,0,0,.12);
  transition: all .2s ease;
  text-align: center;
  vertical-align: middle;
}
.btn-cta i {
  margin-right: 10px;
  font-size: 16px;
}

/* variants */
.btn-cta--red  { background: #b80f0f; }
.btn-cta--red:hover  { background: #a10d0d; transform: translateY(-1px); }

.btn-cta--blue { background: #0b4ea2; }
.btn-cta--blue:hover { background: #083a7a; transform: translateY(-1px); }

.btn-cta--gray { background: #666; }
.btn-cta--gray:hover { background: #555; transform: translateY(-1px); }

.btn-cta--green { background: #8cd03c; }
.btn-cta--green:hover { background: #26a042; transform: translateY(-1px); }

/* ===== Title underline giữ như các section trước ===== */
.main-feature-news .sec-title .title{ font-weight:700; color:var(--title_color); }
.main-feature-news .sec-title p{ margin-bottom:6px; }

/* ===== Featured ===== */
.main-feature-news {
	padding: 30px 0;
}

.ne-feature{
  background:#f3f3f3;
  border-radius:4px;
  padding:14px;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
  margin-bottom:14px;
}

.ne-feature:hover,
.ne-card:hover {
  background-color: var(--topbar_color);
}
.ne-feature:hover a, .ne-feature:hover .ne-feature-excerpt,
.ne-card:hover a, .ne-card:hover .ne-card-excerpt {
  color: #fff !important;
}
.ne-feature:hover .btn-one, 
.ne-card:hover .btn-one {
  border: 1px solid #fff;
}
.ne-feature-thumb{ display:block; border-radius:3px; overflow:hidden; }
.ne-feature-title{ font-size:16px; font-weight:700; line-height:1.45; margin:6px 0 8px; }
.ne-feature-title a{ color:#111; text-decoration:none; }
.ne-feature-title a:hover{ color:#b51b1b; }
.ne-feature-excerpt{ color:#333; line-height:1.6; margin-bottom:10px; }
.ne-btn{ border-radius:3px; padding:6px 12px; font-weight:600; }

/* ===== Badge ===== */
.ne-badge{
  display:inline-block;
  background:#e6e6e6; color:#6a6a6a; font-size:11px; font-weight:700;
  padding:4px 8px; border-radius:2px; text-transform:uppercase; margin-bottom:6px;
}

/* ===== Cards grid ===== */
.ne-grid{ margin-top:10px; }
.ne-card{
  background:#f3f3f3;
  border-radius:4px;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
  overflow:hidden;
  margin-bottom:18px;
}
.ne-card-thumb img{ width:100%; display:block; max-height: 230px}
.ne-card-body{ padding:10px 12px; }
.ne-card-title{ font-size:14px; font-weight:700; line-height:1.5; margin:4px 0 6px; height: 40px}
.ne-card-title a{ color:#111; text-decoration:none; }
.ne-card-title a:hover{ color:#b51b1b; }
.ne-card-excerpt{ color:#434343; font-size:13px; line-height:1.6; margin:0 0 10px; height: 60px}

/* ===== Responsive ===== */
@media (max-width: 767px){
  .ne-feature{ padding:10px; }
  .ne-feature-title{ font-size:15px; }
  .ne-card-title{ font-size:13px; }
}

/* ====== */
.nf-area {
	padding: 35px 0;
  	background-color: #efe8df;
}
.nf-area .nf-feature .nf-h3 {
  margin-top: 15px;
}
.nf-area .nf-feature .nf-excerpt, .nf-item {
	overflow: hidden;
  	display: block;
    padding: 20px 0;
    border-top: 1px solid #acacac;
}
.nf-area .nf-feature .nf-excerpt, .nf-item .nf-mini-excerpt {
	display: none;
}
.nf-area .nf-feature .nf-excerpt, .nf-item .med-left {
 	width: 100px;
    float: left;
    margin-right: 10px;
    font-size: 15px;
}
.nf-area .nf-feature .nf-excerpt, .nf-item:first-child {
	border: none;
  	padding-top: 0
}
.nf-area .btn-one {
  border-radius: 90px;
}
.nf-mini-title {
	font-size: 15px;
}
.nf-mini-title:hover {
	color: var(--main_color);
}

.section.content_mainbottom {
	display: none;
}
.footer-area {
	padding: 30px 0;
  	background-color: #fff
}
.footer-shape-bg {
	display: none;
}
.footer-area h3, .single-footer-widget .title h3 {
  	font-size: 25px;
    color: var(--title_color);
    padding-bottom: 0px;
    line-height: 1.425;
  	text-transform: uppercase;
  	margin-bottom: 10px;
}
.single-footer-widget .services-links ul {
	margin-top: 0 !important;
}
.single-footer-widget .services-links ul li a:before {
	display: none;
}
.single-footer-widget .services-links ul li {
    border: none;
  	line-height: 1.425;
}
.single-footer-widget .services-links ul li a:hover {
	color: var(--text_hover_color);
}
.single-footer-widget .contact-info-box p {
	margin-bottom: 5px;
}
.footer-bottom-area {
	background-color: var(--bg_copyright_color);
}
.footer-bottom-area a, .footer-bottom-area p, .footer-social-links span {
	color: #fff !important;
}
.info-footer > p > i {
	font-size: 20px;
  	color: var(--main_color);
  margin-right: 10px;
}
.brand-items-carousel.owl-carousel .owl-nav {
	top: -75px;
}
/* responsive */
@media (max-width: 767px){
  .cta-area .sec-title .title { font-size: 22px; }
  .btn-cta { min-width: 100%; padding: 12px 16px; }
  .cta-desc { font-size: 15px; padding: 0 10px; }
}

@media (min-width: 991px){
  .logo {
      margin-top: 10px;
  }
}

/** News **/
.breadcrumb-area .breadcrumb-menu {
	margin: 0;
  	padding: 0;
}
.breadcrumb-area .breadcrumb-menu ul {
	margin: 10px 0;
}
.breadcrumb-area .breadcrumb-menu {
	position: relative;
  	display: block;
}
.breadcrumb-area .breadcrumb-menu ul li a, 
.breadcrumb li > a > span, .breadcrumb li span .fa, .breadcrumb li a:hover, .breadcrumb li.active, .breadcrumb li strong {
	color: #000
}
.breadcrumb-area .title {
	padding: 0;
}
.breadcrumb-area .title h1 {
	color: #000;
  	font-size: 28px;
  	text-transform: uppercase;
  	line-height: 55px;
}

.single-blog-post.style3 .text-holder {
	padding-top: 0
}
.single-blog-post.style3 {
	margin-bottom: 30px;
}
#blog-area.blog-default-area {
	padding:0;
}
.news-news .breadcrumb-area .title {
	text-align: left;
}
.overlay-style-two {
	display: none;
}
.single-blog-post .text-holder .blog-title a, .single-blog-post.style3 .text-holder .text p {
	min-height: auto;
}
.aside-item.aside-blog-promotion {
	border: none;
}
.aside-item.aside-blog-promotion {
	padding: 5px;
    border: 1px solid var(--main_color);
    margin-top: -10px;
}
.aside-item.aside-blog-promotion .heading .title-head {
	display: block;
    text-align: left;
    font-weight: bold;
    border: none;
    background-color: var(--main_color);
}
.aside-item.aside-blog-promotion .heading .title-head a{
	background: none;
    color: #fff;
    padding-left: 20px;
    padding-top: 10px;
}
.aside-item.aside-blog-promotion .heading .title-head a:hover {
	color: #fff
}
.news-news .article-wraper {
	padding-top: 0;
}
.single-blog-colum.course {
	text-align: center;
}
.single-blog-colum.course .btn-one {
	border-radius: 99px;
}

/** Contact **/
.information-contact .title {
	display: none;
}
.form-newsletter .form-newsletter__item .btn-action .btn-submit {
	position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    line-height: 60px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Raleway';
    padding: 0 30px 0;
    transition: all 500ms ease;
  	background: var(--main_color) !important;
    color: #fff !important;
    font-family: "Open Sans", sans-serif !important;
    text-transform: uppercase;
    line-height: 40px;
}
.form-newsletter .form-newsletter__item .btn-action .btn-submit:before {
	display: none !important;
}
.form-newsletter h2, .form-newsletter h3 {
	color: var(--main_color);
}
@media (min-width: 991px) {
    .wrapper-newsletter {
        padding: 0 0 !important;
    }
}

@media (max-width: 767px) {
  .single-footer-widget .contact-info-box .footer-logo {
  	text-align: center;
  }
}

/* typography default browser */
.v-base-content h1,
.v-base-content h2,
.v-base-content h3,
.v-base-content h4,
.v-base-content h5,
.v-base-content h6 {
    display: block;
    font-size: 2.5rem;
    margin-top: 0.67rem;
    margin-bottom: 0.67rem;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    line-height: var(--line-height);
}

.v-base-content h2 {
    font-size: 2rem;
    margin-top: 0.83rem;
    margin-bottom: 0.83rem;
}

.v-base-content h3 {
    font-size: 1.75rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.v-base-content h4 {
    font-size: 1.5rem;
    margin-top: 1.33rem;
    margin-bottom: 1.33rem;
}

.v-base-content h5 {
    font-size: 1.25rem;
    margin-top: 1.67rem;
    margin-bottom: 1.67rem;
}

.v-base-content h6 {
    font-size: 1rem;
    margin-top: 2.33rem;
    margin-bottom: 2.33rem;
}

.v-base-content p {
    display: block;
    margin: 0 0 1.5rem 0;
}

.v-base-content h1 a,
.v-base-content h2 a,
.v-base-content h3 a,
.v-base-content h4 a,
.v-base-content h5 a,
.v-base-content h6 a {
    font-weight: inherit;
}

.v-base-content h1 a:hover,
.v-base-content h2 a:hover,
.v-base-content h3 a:hover,
.v-base-content h4 a:hover,
.v-base-content h5 a:hover,
.v-base-content h6 a:hover {
    text-decoration: none;
}

.v-base-content p a,
.v-base-content span a {
    text-decoration: underline;
}

.v-base-content label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 400
}

/* links */
.v-base-content a,
.v-base-content a:visited,
.v-base-content a:focus {
    text-decoration: none;
    outline: 0;
}

.v-base-content a:hover {
    text-decoration: underline;
}

/* image */
img,
.v-base-content img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none;
    object-fit: cover;
}

iframe,
.v-base-content iframe {
    max-width: 100%;
}

/* table */
.v-base-content table,
.v-base-content .table,
.v-base-content .table-all {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table
}

.v-base-content table,
.v-base-content .table-all {
    border: 1px solid #ccc
}

.v-base-content table tr,
.v-base-content .table-bordered tr,
.v-base-content .table-all tr {
    border-bottom: 1px solid #ddd
}

.v-base-content .table-striped tbody tr:nth-child(even) {
    background-color: #f1f1f1
}

.v-base-content .table-all tr:nth-child(odd) {
    background-color: #fff
}

.v-base-content .table-all tr:nth-child(even) {
    background-color: #f1f1f1
}

.v-base-content .hoverable tbody tr:hover {
    background-color: #ccc
}

.v-base-content .table-centered tr th,
.v-base-content .table-centered tr td {
    text-align: center
}

.v-base-content table td,
.v-base-content table th,
.v-base-content .table td,
.v-base-content .table th,
.v-base-content .table-all td,
.v-base-content .table-all th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
    border: 1px solid #E1E1E1;
}

.v-base-content table td:first-child,
.v-base-content table th:first-child,
.v-base-content .table th:first-child,
.v-base-content .table td:first-child,
.v-base-content .table-all th:first-child,
.v-base-content .table-all td:first-child {
    padding-left: 16px
}

.v-base-content .table-responsive {
    display: block;
    overflow-x: auto
}

/* list itrem */
.v-base-content ul,
.v-base-content ol {
    padding: 0;
    margin: 0;
}

.v-base-content ol {
    list-style: decimal;
}

.v-base-content ul,
.v-base-content li {
    list-style: inherit;
    list-style-position: inside;
}

.v-base-content ul li,
.v-base-content ol li {
    padding: 0 15px;
    display: list-itrem;
    text-align: -webkit-match-parent;
}

/* text ellipsis */
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text-ellipsis.ellipsis-2 {
    -webkit-line-clamp: 2;
}

.text-ellipsis.ellipsis-3 {
    -webkit-line-clamp: 3;
}

.text-ellipsis.ellipsis-4 {
    -webkit-line-clamp: 4;
}

.text-ellipsis.ellipsis-5 {
    -webkit-line-clamp: 5;
}

blockquote,
.v-base-content blockquote {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 4rem;
    margin-right: 4rem;
}

blockquote {
    /*font-size: 16px;*/
    /*margin: 20px 50px;*/
    color: #555555;
    padding: 1.2em 30px 1.2em 45px;
    border-left: 8px solid var(--main-color, #ff7800);
    /*line-height: 1.6;*/
    position: relative;
    background: #EDEDED;
}

blockquote::before {
    font-family: Arial;
    content: "\201C";
    color: var(--main-color, #ff7800);
    font-size: 4em;
    position: absolute;
    left: 15px;
    top: -10px;
}

blockquote::after {
    content: '';
}

@media (max-width: 767px) {
    blockquote{
        margin: 0;
    }
} 

.single-working-box .text-holder .outer-box .icon {
	display: none;
}
.single-working-box .text-holder .outer-box {
	padding-left: 0;
}

.single-working-box .text-holder .outer-box  p {
  display: -webkit-box;               /* dùng layout dạng hộp linh hoạt */
  -webkit-box-orient: vertical;       /* xếp theo chiều dọc */
  -webkit-line-clamp: 10;              /* giới hạn 3 dòng */
  overflow: hidden;                   /* ẩn phần tràn */
  text-overflow: ellipsis;            /* thêm dấu … */
} 

.sec-title .title.clr-white {
    color: #F55427;
}

:root {
    --default_color: #111;
    --line-height: 1.425;
    --main_color: #2C3B6F;
    --topbar_color: #F55427;
    --mainmenu_color: #F55427;
    --text_mainmenu_color: #fff;
    --text_mainmenu_hover_color: #ebe9e9;
    --title_color: #F55427;
    --text_color: #828282;
    --text_hover_color: #F55427;
    --text_price_color: #111;
    --bg_footer_color: ;
    --text_link_footer_color: ;
    --bg_copyright_color: #052e70;
    --text_copyright_color: ;
    --btn_color: #F55427;
    --btn_hover_color: #F55427;
}