/* top header : KSL logo | name ...... JSL logo | mail / number */
.ksl-brand{ display: flex; align-items: center; gap: 15px; text-decoration: none; }
/* golden logo -> #134686 : logo turned black, then "screen" blended on blue bg */
.ksl-brand-logo-wrap{ display: inline-block; background: #134686; line-height: 0; isolation: isolate; }
.ksl-brand-logo{ width: 85px; height: 85px; object-fit: contain; filter: grayscale(1) brightness(0.6) contrast(12); mix-blend-mode: screen; }
.ksl-brand, .ksl-brand-name, .ksl-brand-tag, .ksl-jsl-label, .ksl-contact a{ font-family: 'Poppins', sans-serif; }
.ksl-brand-name{ margin: 0; font-size: 34px; font-weight: 700; line-height: 1.1; color: #134686; }
.ksl-brand-tag{ display: inline-block; margin-top: 6px; padding-top: 5px; border-top: 2px dashed #134686; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.5px; color: #134686; }
.ksl-right{ display: flex; align-items: center; gap: 25px; }
.ksl-jsl{ display: flex; flex-direction: column; align-items: center; padding-left: 25px; border-left: 2px solid #134686; }
.ksl-jsl-label{ font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #134686; border-bottom: 2px solid #134686; margin-bottom: 6px; padding-bottom: 2px; }
.ksl-jsl img{ width: 150px; }
.ksl-contact{ display: flex; flex-direction: column; gap: 6px; }
.ksl-contact a{ color: #134686; font-size: 15px; font-weight: 600; }
.ksl-contact a i{ width: 20px; color: #134686; }
.ksl-contact a:hover{ color: #0b2c57; text-decoration: underline; }
@media (max-width: 1199px){
	.ksl-brand-name{ font-size: 26px; }
	.ksl-jsl img{ width: 120px; }
}