@charset "utf-8"; /* CSS Document */

.dvsa-logo {
    position: fixed;      /* locks it to the screen */
    top: 120px;           /* distance from top (Header is 80px, so 120px clears it) */
    right: 250px;          /* distance from the right edge */
    
/* size adjustment */
    width: 300px;         /* set your desired width */
    height: auto;         /* keeps the proportions so it doesn't look squished */
    
/* layering */
    z-index: 500;         /* lower than your header (9999) so it goes UNDER the menu */
    
/* optional styling */
    border: 0px solid #000000; 
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}




.photo {
      width: 300px;
      height: 300px;
      object-fit: cover;   /* crops the edges instead of squishing the image forcing the image to be a specific square or rectangle */
}



/* Container to handle centering */
.compliance-logo-wrapper {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;
    width: 100%;
    margin-bottom: 50px;    /* Space between logo and the heading */
    padding-top: 10px;
}

/* Detailed control over the logo appearance */
.compliance-logo-prominent {
    max-width: 750px;       /* Control the size here */
    height: auto;
    border-radius: 8px;     /* Optional: slightly rounded corners */
    /*box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* Makes it pop 'prominently' */
    /*transition: transform 0.3s ease;*/
    /*border: 1px solid #f0f0f0; /* Optional: subtle frame */
}



.sidebar-photo {
    width: 100%;       /* Makes image fill the width of the white box */
    height: auto;      /* Keeps the photo from looking squashed */
    display: block;    /* Removes bottom ghost padding */
    border-radius: 2px; /* Optional: matches your site's subtle rounding */
}




/* Interactive touch: slight grow on hover
.compliance-logo-prominent:hover {
    transform: scale(1.02);
} */