html body .dci-page-hero, html body .dci-events-header, html body .dci-heading-section, html body .et_pb_section.dci-heading-section.et_pb_section_0 { background: #0a3f9e url('https://demo.dci.edu.vn/wp-content/uploads/dci-assets/banner-page-heading.jpg') center center / cover no-repeat !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; text-align: left !important; color: #fff; position: relative; overflow: hidden; border-radius: 0 !important; } html body .dci-page-hero::before, html body .dci-page-hero::after, html body .dci-events-header::before, html body .dci-events-header::after, html body .dci-heading-section::before, html body .dci-heading-section::after, html body .et_pb_section.dci-heading-section.et_pb_section_0::before { display: none !important; } html body .et_pb_section:has(.dci-events-header) { background: none !important; box-shadow: none !important; padding: 0 !important; } html body .et_pb_section:has(.dci-events-header)::before { display: none !important; } html body .et_pb_section:has(.dci-events-header) .et_pb_row { width: 100% !important; max-width: none !important; padding: 0 !important; } html body .dci-events-header { width: 100vw; margin-left: calc(50% - 50vw) !important; } html body .dci-events-wrapper { overflow-x: clip; } html body .dci-events-wrapper .dci-events-container { padding-top: 32px; } html body .dci-page-hero .dci-wrap, html body .dci-events-header .dci-events-header-inner, html body .dci-heading-section .et_pb_row { max-width: 1240px !important; width: 100% !important; margin: 0 auto !important; padding: 0 20px !important; text-align: left !important; box-sizing: border-box; } html body .dci-heading-section .et_pb_column, html body .dci-heading-section .et_pb_text, html body .dci-heading-section .et_pb_text_inner { text-align: left !important; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0 !important; } html body .dci-page-hero h1, html body .dci-events-header h1, html body .dci-heading-section h1 { color: #fff !important; font-size: 40px !important; font-weight: 700 !important; line-height: 1.3em !important; text-transform: uppercase !important; text-align: left !important; letter-spacing: 0 !important; text-shadow: none !important; margin: 0 !important; padding: 38px 0 24px !important; } html body .dci-page-hero .dci-eyebrow, html body .dci-page-hero .dci-hero-lead, html body .dci-events-header .dci-badge-pill, html body .dci-events-header .dci-events-subtitle, html body .dci-heading-section .et_pb_text_inner > p { display: none !important; } .dci-hb { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 0; padding: 14px 0 16px; font-size: 16px; line-height: 1.4; color: #fff; font-family: var(--dci-font) ; text-align: left; } .dci-hb::before { content: ""; position: absolute; top: 0; left: -100vw; right: -100vw; border-top: 1px solid rgba(255, 255, 255, .22); pointer-events: none; } html body .dci-hb a { color: #fff !important; text-decoration: none !important; font-weight: 400; transition: color .2s; } html body .dci-hb a:hover { color: var(--dci-nhan) !important; } .dci-hb-sep { margin: 0 12px; font-size: 20px; line-height: 1; color: #fff; } .dci-hb-current { color: #fff; } .dci-camnhan-stats-strip { background: #fff; padding: 28px 0 8px; } .dci-camnhan-stats-strip .dci-camnhan-stats { margin-top: 0; } .dci-camnhan-stats-strip .dci-camnhan-stats .stat-item { text-align: center; } .dci-camnhan-stats-strip .dci-camnhan-stats .stat-item strong { color: var(--dci-nhan); } .dci-camnhan-stats-strip .dci-camnhan-stats .stat-item span { color: var(--dci-chu-phu); } .dci-page-lien-he .dci-quick-cards { margin-top: 36px; } @media (max-width: 767px) { html body .dci-page-hero h1, html body .dci-events-header h1, html body .dci-heading-section h1 { font-size: 26px !important; padding: 26px 0 18px !important; } .dci-hb { font-size: 14px; } }