*, *::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 svg { flex-shrink: 0; width: 20px; height: 20px; } 
/* .c3-search-wrap input[type=text] , .c3-search-wrap input[type=text]:focus-visible { padding:0px !important;color:#000 !important;outline:none !important; border: none !important; flex: 1; outline: none; font-family: "Instrument Sans", Sans-serif !important; font-size: 18px !important; line-height: 22px !important; font-weight: 400;  background: transparent;}  */

.c3-search-wrap{
    width:100%;
    max-width:826px;
    height:84px;
    padding:16px 24px;

    display:flex;
    align-items:center;

    gap:45px;

    background:#fff;
    border-radius:42px;

    box-shadow:0 8px 28px rgba(26,72,156,.15);
}
.c3-search-wrap input[type="text"]{
    flex:1;

    margin:0;

    border:none !important;
    outline:none !important;
    background:transparent;

    font-family:"Instrument Sans",sans-serif !important;
    font-size:18px !important;
    line-height:22px !important;
    font-weight:400;

    color:#000;
}

.c3-search-wrap input::placeholder{
    color:#B3B3B3;
}


.c3-search-wrap input[type=text]::placeholder{
    color:#B4B4B4;
    font-size:18px;
}


.c3-pill{
    border-radius:30px !important;
    padding:14px 28px !important;
    font-size:22px !important;
    line-height:30px !important;
} 

.c3-quick-actions{
    margin-top:16px;

    display:flex;
    gap:8px;

    justify-content:flex-start;
    flex-wrap:wrap;
}
.c3-pill{
    height:38px;

    padding:8px 12px !important;

    border:1px solid #1A489C !important;
    border-radius:24px !important;

    font-size:16px !important;
    line-height:22px !important;

    background:#fff !important;
    color:#1A489C !important;
}
@media(max-width:991px){
    .c3-quick-actions{
        flex-wrap:wrap;
    }
}


/* .c3-pill{font-size:14px !important;line-height:18px !important;border:1px solid #1A489C;color: #1A489C !important;background-color: #FFF !important;border-radius: 27px !important;padding: 10px 20px !important;margin: 0px 5px 10px 0px;font-family:"Instrument Sans" !important;font-weight:400;} */
.c3-section  .answer-content ul {padding: 0px 0px 0px 45px;}
.c3-section .answer-content ul li ul li {list-style: none;}
.c3-section .answer-content li ,.c3-section  .answer-content p , .c3-section .answer-content span , .c3-section  .answer-content p span {font-family: "Instrument Sans", Sans-serif !important; font-size: 16px; font-weight: 400; color: #000000; line-height: 20px;}
.c3-section .answer-content .heading,.c3-section .answer-content h2, .c3-section .answer-content h4, .c3-section .answer-content h5, .c3-section .answer-content h3, .c3-section .answer-content .heading span {font-family: "Instrument Sans", Sans-serif !important; font-size: 24px;  color: #000000; line-height: 28px;}
.c3-section .question-for-answer { margin:20px 0px; font-family: "Instrument Sans" , Sans-serif !important; font-size: 20px !important;  color: #000000 !important; line-height: 24px !important;font-weight:700 !important;}
.c3-section .ai-summary-heading { margin: 0px 0px 20px; font-family: "Instrument Sans", 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{padding: 0px !important;border: none;outline: none;background: none  !important;width:55px;height:58x;}
.c3-button img{width:60px;height:60px !important;} */
/* .c3-button{
    width:70px;
    height:70px;
    border:none;
    background:none;
    padding:0;
}


.c3-button{
    width:52px;
    height:52px;

    min-width:52px;
    min-height:52px;

    border:none;
    background:none !important;
    padding:0;

    display:flex;
    align-items:center;
    justify-content:center;
}

.c3-button img{
    width:52px !important;
    height:52px !important;
}
.new-chat-section{width: 100%; display: flex; justify-content: flex-end;}
.c3-new-chat{background:none !important;display: flex; flex-direction: row; gap: 5px; padding:0px !important;margin: 20px 0px; border: none; color: #19459D !important; font-family: "Instrument Sans", Sans-serif !important; font-size: 16px !important; font-weight: 400; line-height: 20px !important;}
.c3-section .chat-typing{margin:0px 0px 15px;}
.vinsinfo-copied-badge{position: absolute !important;left: 0px !important;font-size: 14px !important;line-height: 18px !important;font-weight: 600 !important;top: -20px !important;}
.c3-section .answer-message{margin:0px;font-family:"Instrument Sans";}
.c3-item{font-family:"Instrument Sans";font-size:16px;line-height:20px;}
/* .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%); }
/* .chatbot-icon{
    width:58px;
    height:58px;
} */
/* .chatbot-icon{
    width:72px !important;
    height:72px !important;
    object-fit:contain;
    flex-shrink:0;
} */
.chatbot-icon{
    width:58px !important;
    height:58px !important;

    display:block;
    object-fit:contain;
    flex-shrink:0;
}


@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}
.question-for-answer {
  position: relative !important;
  padding-right: 90px !important;
}

.vinsinfo-action-btns {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* ← THIS WAS MISSING */
.vinsinfo-action-btns--visible {
  visibility: visible !important;
  opacity: 1 !important;
}
.vinsinfo-icon-btn{border:unset!important;padding: 0px 10px !important;background:none !important;}
.vinsinfo-icon-btn:hover{background:none !important;}
@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); } 
    .home-page-container .home-banner-section .chatbox-section{max-width:100% !important;}
    .c3-section{ width: 100%;}
    .c3-search-wrap input {font-size: 14px; line-height: 18px;}
    .c3-item {font-size: 14px; 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: 18px; line-height: 22px;}
    .c3-section .ai-summary-heading { font-size: 16px; line-height: 20px;}
}
@media screen and (max-width: 767px) {
      .c3-button {display: flex;display: block!important;background: unset;}
}
@media screen and (max-width:576px){

.c3-search-wrap .chatbot-icon{
    width:38px !important;
    height:38px !important;
}
}
@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, .c3-section .question-for-answer, .c3-section .ai-summary-heading, .c3-section .answer-content li , .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-section  .answer-content p{font-size:14px;line-height:18px !important;}
} 
@media screen and (max-width:380px){

.chatbot-icon{
    width:52px !important;
    height:52px !important;

    min-width:52px;
    min-height:52px;

    object-fit:contain;
}
}