/* Custom CSS extracted from the original demo to keep index.html clean. */

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hLine.hLineS {
    display: none;
}

	/*hình chị Hà*/


@media (min-width: 450px) {
#sc_contact_box .row {
  display: flex;
  align-items: flex-start; /* căn đỉnh form và ảnh thẳng hàng */  
    padding: 30px 0;
}
.sc_contact{
	transform: translateY(-30px);
	margin-top: 0;
    padding: 25px;
    position: relative; /* thêm nếu cần định vị */
    z-index: 1;
}
	
.sc_contact-img {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 200px; /* chỉnh nếu muốn hình ảnh lệch xuống chút */
}


/*giới hạn chiều ngang text trong author*/	
.limited-text {
  max-width: 600px;   /* chiều ngang tối đa, bạn có thể chỉnh */
  margin: 0 auto;     /* căn giữa */
  line-height: 1.6;   /* tăng khoảng cách dòng cho dễ đọc */
  text-align: justify; /* canh đều 2 bên */
}
}

:root {
    --cl-w: #fff;
    --cl-dark: #000;
    --cl-0: #adadaf;
    --cl-1: #c98650;
    --cl-2: #121d2d;
    --cl-bg: #0a0a0a;
    --cl-bg-deep: #050505;
    --cl-surface: #202020;
    --cl-border: #333;
    --cl-border-soft: #222;
    --cl-border-muted: #414141;
    --cl-text-soft: #e0e0e0;
    --cl-text-light: #e6e6e6;
    --cl-text-muted: #888;
    --cl-text-subtle: #444;
    --cl-text-dim: #555;
    --cl-text-faint: #666;
    --cl-success: #34a853;
    --cl-header-bg: #0c1a2f;
    --cl-support-bg: #0c0c0c;
    --cl-neutral-980: #0f0f0f;
    --cl-neutral-960: #111;
    --cl-neutral-940: #161616;
    --cl-neutral-930: #191919;
    --cl-neutral-920: #1a1919;
    --cl-neutral-900: #1d1d1d;
    --cl-neutral-880: #212121;
    --cl-neutral-860: #232323;
    --cl-neutral-840: #282525;
    --cl-neutral-820: #2c2c2c;
    --cl-neutral-800: #2d2d2d;
    --cl-neutral-780: #2e2e2e;
    --cl-neutral-700: #4e4e4e;
    --cl-neutral-680: #545454;
    --cl-neutral-650: #686868;
    --cl-neutral-640: #696969;
    --cl-neutral-620: #717171;
    --cl-neutral-610: #737373;
    --cl-neutral-600: #7f7979;
    --cl-neutral-560: #8a8a8a;
    --cl-neutral-550: #8f8f8f;
    --cl-neutral-500: #999;
    --cl-neutral-420: #aeaeae;
    --cl-neutral-390: #b9b9b9;
    --cl-neutral-360: #bbb;
    --cl-neutral-330: #ccc;
    --cl-neutral-320: #cfcfcf;
    --cl-neutral-300: #cdcdcd;
    --cl-neutral-280: #d2d2d2;
    --cl-neutral-260: #d9d9d9;
    --cl-neutral-240: #ddd;
    --cl-neutral-120: #efefef;
    --cl-neutral-110: #f0f0f0;
    --cl-neutral-90: #f3f3f3;
    --cl-neutral-80: #f5f5f5;
    --cl-neutral-70: #f6f6f6;
}

/* --- BASE STYLES --- */
.site-footer, .site-footer * { box-sizing: border-box; }
.site-footer {
    background: var(--cl-bg) !important; color: var(--cl-w); font-size: 14px;
    line-height: 1.2; margin: 0 !important; padding-bottom: 0 !important;
}
.footer-inner {
    display: flex; flex-wrap: wrap; justify-content: space-between;
    padding: 50px 0; gap: 0; align-items: flex-start;
}
.footer-title, .footer-subtitle {
    color: var(--cl-1) !important; font-size: 15px; font-weight: 700;
    text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: 0.5px;
}
.footer-title a, .highlight-gold { color: var(--cl-1) !important; text-decoration: none; }
.site-footer ul { list-style: none; padding: 0; margin: 0; }
.site-footer a { color: var(--cl-text-soft); text-decoration: none; transition: 0.2s; }
.site-footer a:hover { color: var(--cl-1); }
.footer-menu li, .contact-list li { margin-bottom: 8px; }
.footer-social { display: flex; gap: 15px; margin-top: 10px; }
.footer-social img { width: 32px; transition: transform 0.2s; }
.footer-social img:hover { transform: scale(1.1); }
.footer-follow iframe { width: 100%; height: 160px !important; border-radius: 6px; border: 1px solid var(--cl-border); margin-bottom: 15px; }
.sc_footer-copyright {
    margin: -1px 0 0 0 !important; width: 100%; display: block;
    position: relative; z-index: 10;
}

/* --- DESKTOP (> 992px) --- */
@media (min-width: 992px) {
    .col-company { width: 40%; }
    .col-left-group { width: 18%; }
    .col-right-group { width: 18%; }
    .col-map { width: 24%; }
    .top-block { min-height: 220px; } /* Căn bằng hàng ngang */
}

/* --- TABLET (768px - 991px) --- */
@media (min-width: 768px) and (max-width: 991px) {
    .footer-inner {
        display: grid !important;
        grid-template-columns: 1fr 1fr; /* 2 Cột bằng nhau */
        gap: 40px 30px; /* Hàng cách 40px, Cột cách 30px */
    }
    .footer-col { width: 100%; margin: 0; }
    
    /* Ép vị trí từng ô Grid để thẳng hàng dọc */
    .col-company { grid-area: 1 / 1 / 2 / 2; } /* Hàng 1, Cột 1 */
    .col-map { grid-area: 1 / 2 / 2 / 3; }     /* Hàng 1, Cột 2 */
    .col-left-group { grid-area: 2 / 1 / 3 / 2; } /* Hàng 2, Cột 1 */
    .col-right-group { grid-area: 2 / 2 / 3 / 3; } /* Hàng 2, Cột 2 */

    .top-block { min-height: 220px; }
}

/* --- MOBILE (< 768px) --- */
@media (max-width: 767px) {
    .footer-inner { padding: 30px 10px 20px; gap: 0; display: flex !important; }
    .footer-col { margin-bottom: 30px; }
    .col-company, .col-map { width: 100%; }
    .col-company { margin-bottom: 0; } /* Khối follow liền kề */
    
    .col-left-group { width: 55%; padding-right: 5px; }
    .col-right-group { width: 45%; padding-left: 5px; }
    
    .top-block { min-height: unset; margin-bottom: 0; }
    .footer-sub-col { margin-bottom: 35px; }
    
    .footer-title, .footer-subtitle { font-size: 13px !important; white-space: nowrap; }
    .footer-menu li, .contact-list li { font-size: 13px; }
    .footer-follow iframe { height: 200px !important; }
}