/* static/css/index_style.css */

.header-office-logo {
    width: 200px;  
    height: auto;
    margin-top: 20px;  /* Add space above */
    margin-left: 20px;  /* Add space from the right */
}

.share-market-products {
    display: flex;
    justify-content: space-between; /* Adjust spacing as needed */
}

.content-item:first-child {
    margin-right: 200px; /* Adjust the spacing value as needed */
}








/* chatbot lionk css */
.chatbot-float {
    position: fixed;
    bottom: 20px;
    right: 40px;
    z-index: 999;
    background-color: #007bff;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    animation: bounce 2s infinite, colorPulse 3s infinite;
}

/* Add this keyframe animation for background color */
@keyframes colorPulse {
    0%   { background-color: #007bff; }   /* Blue */
    25%  { background-color: #33ffda; }   /* Teal */
    50%  { background-color: #fffb00; }   /* Yellow */
    75%  { background-color: #33ffda; }   /* Coral */
    100% { background-color: #007bff; }   /* Back to Blue */
}


.chatbot-float:hover {
    transform: scale(1.15);
    padding: 16px; /* Increased padding on hover */
    box-shadow: 0 6px 16px rgba(0,0,0,0.3);
}


.chatbot-icon {
    width: 50px;
    height: 50px;
}

/* Simple bounce animation */
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}


.google-style {
    font-family: 'Poppins', sans-serif; /* Mimics Google's look */
    font-weight: bold;
    font-size: 1.2em;
}

.red { color: #EA4335; }
.blue { color: #4285F4; }
.yellow { color: #FBBC05; }
.green { color: #34A853; }