.header-box{height:220px;position:relative;background:#003166;margin-bottom:2rem}.headerboxqna{height:70px;position:relative;background:linear-gradient(91.41deg,#003166,#007bff)}.header-child{position:absolute;width:100%;height:100%}.chapter-header{font-family:Poppins,sans-serif;padding:20px;margin:1rem 0 0 2rem}.search-bar{position:relative;margin-top:2rem;width:50%}.search-bar input{width:100%;padding:10px 15px 10px 45px;border:1px solid #ced4da;border-radius:13px;font-size:16px;color:black}.search-icon{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#52565b;pointer-events:none}.chapter-info{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1rem}.breadcrumb ul{list-style:none;padding:0}.breadcrumb li{display:inline;font-size:1rem;color:#fafafa}.breadcrumb li:not(:last-child):after{content:" / ";color:#fafafa}.breadcrumb a{color:#fafafa;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.chapter-title{font-size:32px;font-weight:700;margin:0 0 15px;color:#fafafa}.view-count{display:flex;align-items:center;color:#ffffff;font-size:16px}.eye-icon{height:20px;margin-right:8px;color:#ffffff}@media screen and (max-width:800px){.headerboxqna{height:50px}.chapter-header{margin:1rem 0 0;padding:1rem 10px 0}.search-bar{margin-top:1rem;width:100%}.chapter-title{font-size:22px}.breadcrumb ul{display:flex;flex-wrap:wrap}.breadcrumb li{font-size:.8rem}.search-bar input{font-size:12px}.view-count{font-size:10px}.chapter-info{margin-bottom:.5rem}}@media screen and (max-width:480px){.headerboxqna{height:50px}.header-box,.headerboxqna{margin-bottom:0}.chapter-header{margin:10px 0 0}.chapter-title{font-size:14px;margin:0}.view-count{font-size:10px;margin-top:10px}.breadcrumb li{font-size:.7rem}.search-bar input{font-size:12px}}