/* 
  This file has been refactored. 
  The original styles have been moved into the following files for better organization and maintainability with the exception to logo.
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap');

@import url('variables.css');
@import url('base.css');
@import url('layout.css');
@import url('components.css');
@import url('animations.css');
@import url('preloader.css');
@import url('assistant.css');
@import url('comments.css');
@import url('responsive.css');

.logo-circle-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    width: 100px;         /* Adjust size as needed */
    height: 100px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
    margin: 0 auto 16px auto;
}

.logo-circle-bg .logo-img {
    width: 70px;          /* Adjust size as needed */
    height: 70px;
    object-fit: contain;
    border-radius: 50%;
    background: transparent;
}
.logo-circle-bg .logo-img:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}