/*Write your custom style or CSS code here*/

/*
 * Part 1: Apply Cairo Font
 * The @import rule must be at the very top of the file.
 */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');
/*
 * Apply Cairo font and font-weight to specific elements.
 * 400 is for normal weight, 700 is for bold.
 */
body, h1, h2, h3, h4, h5, h6, .navbar, .btn {
    font-family: 'Cairo', sans-serif;
    font-weight: 600;
}


/*
 * Part 2: Resize the Logo
 * Use this block to resize the logo.
 * Note: You may need to adjust the selector to match your theme's HTML.
 */
.navbar-brand img, .logo img {
    max-width: 150px; /* Adjust this value to your desired width */
    height: 33px; /* Keeps the aspect ratio */
}

/* Adjust the padding or margin around the logo if needed */
.navbar-brand {
    padding-top: 5px;
    padding-bottom: 5px;
}

.kb-article-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    box-sizing: border-box;
    cursor: zoom-in;
    transition: transform 0.3s ease;
}

.kb-article-content img:hover {
    transform: scale(1.02);
}