*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 
.c3-container { background: #ffffff; padding: 40px 24px; } 
.c3-section { width: 100%; max-width: 1440px; margin: 0 auto; } 
.c3-search-wrap { border: 1px solid #a4a4a4; border-radius: 4px; display: flex; align-items: center; gap: 12px; padding: 9px 14px; background: #ffffff; margin: 0px 5px 10px; cursor: text; } 
.c3-search-wrap svg { flex-shrink: 0; width: 20px; height: 20px; } 
.c3-search-wrap input[type=text] , .c3-search-wrap input[type=text]:focus-visible { outline:none !important; border: none !important; flex: 1; outline: none; font-family: "TT Common Light", Sans-serif !important; font-size: 18px; line-height: 22px; font-weight: 400; color: #000000; background: transparent; padding: 0px;} 
.c3-search-wrap input[type=text]::placeholder { color: #999999; } 
.c3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0px 0px 0px; overflow: hidden; }
.c3-item { border: 1px solid #a4a4a4;  transition: background-color 0.3s ease, transform 0.3s ease; border-radius: 2px; margin: 5px; padding: 9px; background: #ffffff; font-family: "TT Common Light", Sans-serif !important; font-size: 18px; font-weight: 400; color: #000000; line-height: 22px; min-height: 70px; display: flex; align-items: flex-start; cursor: pointer; text-align: left; } 
.c3-item:hover { background-color: #1111120a;  transform: scale(1.02);} 
.c3-section  .answer-content ul {padding: 0px 0px 0px 20px;}
.c3-section .answer-content li strong{font-weight: lighter;}
.c3-section .answer-content li ,.c3-section  .answer-content p , .c3-section .answer-content span , .c3-section  .answer-content p span {font-family: "TT Common Light", Sans-serif !important; font-size: 20px; font-weight: 400; color: #000000; line-height: 24px;}
.c3-section .answer-content .heading , .c3-section .answer-content .heading span {font-family: "TT Common Regular", Sans-serif !important; font-size: 24px;  color: #000000; line-height: 28px;}
.c3-section .question-for-answer { margin: 50px 0px 20px; font-family: "TT Common Regular", Sans-serif !important; font-size: 24px;  color: #000000; line-height: 28px;}
.c3-section .ai-summary-heading { margin: 0px 0px 20px; font-family: "TT Common Bold", Sans-serif !important; font-size: 22px; font-weight: 600; color: #000000; line-height: 26px;}
.c3-section .answer-content li{margin:0px 0px 14px;}
.c3-button{ display: none; align-items: center; padding: 10px 11px; border: none; border-radius: 50%; background: linear-gradient(180deg, rgba(34, 102, 240, 0.95) 0%, rgba(38, 191, 201, 0.95) 80%);}
.c3-button svg{fill:#ffffff;}
.new-chat-section{width: 100%; display: flex; justify-content: flex-end;}
.c3-new-chat{display: flex; flex-direction: row; gap: 5px; padding: 6px 9px; margin: 0px 0px 0px; border: none; color: #000000; font-family: "TT Common Medium", Sans-serif !important; font-size: 18px; font-weight: 400; line-height: 22px;}
.c3-new-chat:hover{ background-color: #1111120a !important; color: #333333;}
.c3-section .chat-typing{margin:0px 0px 15px;}
.c3-section .answer-message{margin:0px 0px 0px;}
.c3-search-wrap:has(input[type="text"]:focus-visible),
.c3-search-wrap:has(input[type="text"]:focus) {  border: 1px solid #a4a4a4;}
.skeleton-bar { height: 20px; background: #e8e8e8; overflow: hidden; position: relative; margin: 0px 0px 10px;}
.skeleton-bar::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100% ); animation: sweep 1.5s ease-in-out infinite; transform: translateX(-100%); }
@keyframes sweep {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
.skeleton-bar.full   { width: 100%; }
.skeleton-bar.medium { width: 70%; }
.skeleton-bar.small  { width: 42%; }
.c3-search-wrap input:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none;}
.c3-button:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none;}
.c3-search-wrap:has(input:disabled) { opacity: 0.6; cursor: not-allowed;}
.c3-section .message-container{transition: height 0.5s ease}
@media screen and (min-width: 1500px) {
    .c3-section {padding: 0px 60px; }
}

@media screen and (max-width: 768px) {
    .c3-grid { grid-template-columns: repeat(2, 1fr); } 
    .c3-section{ width: 80%;}
    .c3-search-wrap input {font-size: 16px; line-height: 20px;}
    .c3-item {font-size: 16px; line-height: 18px;}
    .c3-container{padding: 30px 14px;}
    .c3-section .answer-content .heading , .c3-section .answer-content .heading span {font-size: 22px; line-height: 26px;}
    .c3-section .question-for-answer {font-size: 22px; line-height: 26px;}
    .c3-section .ai-summary-heading { font-size: 20px; line-height: 24px;}
    .c3-section .answer-content li ,.c3-section  .answer-content p , .c3-section .answer-content span , .c3-section  .answer-content p span {font-size: 18px; line-height: 22px;}
}

@media screen and (max-width: 480px) {
    .c3-section{ width: 100%;}
    .c3-grid { grid-template-columns: 1fr; } 
    .c3-search-wrap input {font-size: 15px; line-height: 18px;}
    .c3-section .answer-content .heading , .c3-section .answer-content .heading span {font-size: 16px; line-height: 20px;}
    .c3-section .question-for-answer {font-size: 20px; line-height: 24px;}
    .c3-section .ai-summary-heading { font-size: 18px; line-height: 22px;}
    .c3-section .answer-content li ,.c3-section  .answer-content p , .c3-section .answer-content span , .c3-section  .answer-content p span {font-size: 16px; line-height: 20px;}
    .elementor-shortcode .c3-section { padding: 0 !important; } 
    .c3-search-wrap input[type="text"]{padding: 5px !important;}
}