@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*General Styles*/
body{font-family:"Inter", sans-serif; font-optical-sizing:auto; font-style:normal; margin:0; padding:0;}
.send-container{position:relative;}
.mb-5{margin-bottom:5px!important;}
.mr-5{margin-right:5px!important;}
.mr-3{margin-right:3px;}
.mr-10{margin-right:10px!important;}
.mt-0{margin-top:0px!important;}
.cursor_pointer{cursor:pointer;}
.d-flex{display:flex;}
.d-flex-center{align-items:center;}
#faq{font-size:15px;}
.list-unstyled{padding-left:0; list-style:none;}
#faq ul.list-unstyled.faq-list li.border-bottom a{text-decoration:none!important;}
#faq ul.list-unstyled.faq-list li.border-bottom a:hover{text-decoration:underline!important;}
.m-0{margin:0px;}
.contact_us_title{padding-bottom:10px;margin-bottom:10px;}
.header_button{display:flex;justify-content:flex-start;gap:4px;}
.bot-typing{display:flex; justify-content:flex-start; align-items:center; padding:10px 15px; margin-bottom:-5px;}
.bot-typing .dot{height:8px; width:8px; margin:0 3px; background-color:#bbb; border-radius:50%; display:inline-block; animation:typing 1.2s infinite;}
.bot-typing .dot:nth-child(2){animation-delay:0.2s;}
.bot-typing .dot:nth-child(3){animation-delay:0.4s;}
@keyframes typing{0%{transform:scale(1); opacity:0.3;} 50%{transform:scale(1.5); opacity:1;} 100%{transform:scale(1); opacity:0.3;}}
#send-loader-btn{display:none; position:absolute; right:60px; bottom:12px; height:20px; display:flex; align-items:center; justify-content:center; gap:4px;}
#send-loader-btn span{width:6px; height:6px; background-color:#3498db; border-radius:50%; display:inline-block; animation:sendBounce 1.2s infinite ease-in-out;}
#send-loader-btn span:nth-child(2){animation-delay:0.2s;}
#send-loader-btn span:nth-child(3){animation-delay:0.4s;}
@keyframes sendBounce{0%, 80%, 100%{transform:scale(0.8); opacity:0.6;} 40%{transform:scale(1.2); opacity:1;}}
/*Round Loader for Start Chat*/
#start-loader{display:none; width:24px; height:24px; border:3px solid #f3f3f3; border-top:3px solid #3498db; border-radius:50%; animation:spin 0.8s linear infinite; margin-top:10px; align-self:center;}
@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}
/*Dot loader (if used anywhere else)*/
.dot-loader{display:none; margin-left:10px; display:flex; gap:4px; align-items:center;}
.dot-loader span{width:6px; height:6px; background-color:#3498db; border-radius:50%; display:inline-block; animation:bounce 1.2s infinite ease-in-out;}
.dot-loader span:nth-child(2){animation-delay:0.2s;}
.dot-loader span:nth-child(3){animation-delay:0.4s;}
/*Chat UI Styles*/
.loading{display:flex; align-items:center; margin-top:10px; color:#3498db; font-weight:bold; font-size:14px;}
.dot{height:8px; width:8px; margin:0 2px; background-color:#3498db; border-radius:50%; display:inline-block; animation:blink 1.4s infinite both;}
.dot:nth-child(1){animation-delay:0s;}
.dot:nth-child(2){animation-delay:0.2s;}
.dot:nth-child(3){animation-delay:0.4s;}
@keyframes blink{0%, 80%, 100%{opacity:0;} 40%{opacity:1;}}
/*User Info Form Styling*/
#chat-form{display:flex; flex-direction:column; justify-content:center; padding:20px; gap:10px; background-color:#f9f9f9; border-radius:0 0 10px 10px;}
#chat-form p{font-size:14px; color:#333; margin-bottom:10px; text-align:center;}
.form-notice{color:red; font-size:14px; font-weight:bold; margin-bottom:10px;}
#chat-form input{padding:10px; border:1px solid #ccc; border-radius:6px; font-size:14px; outline:none; transition:border-color 0.2s ease;border-left-color: #0959B7;border-left-width: 2px;
}
#chat-form input:focus{border-color:#3498db;}
#start-chat-btn{background-color:#3498db; color:white; border:none; padding:10px; border-radius:6px; font-size:15px; cursor:pointer; transition:background-color 0.2s ease;}
#start-chat-btn:hover{background-color:#2980b9;}
/*Iframe inside chatbot*/
#chatbot iframe{width:100%; height:100%; border:none; display:block; border-radius:0 0 15px 15px;}
.chatbot-iframe{border:none; border-radius:0 0 15px 15px; box-shadow:0 4px 14px rgba(0, 0, 0, 0.2); background:white; display:block;}
#chatbot{width:100%; height:100%; display:flex; flex-direction:column; overflow:hidden; position:fixed;}
#chatbot-icon{position:fixed; bottom:20px; right:20px; background:#3498db; color:white; width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:30px; cursor:pointer; box-shadow:0 4px 8px rgba(0, 0, 0, 0.2); z-index:1000;}
@keyframes fadeIn{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);}}
.chat-header{background-color:#0078D4; color:white; padding:10px; display:flex; align-items:center; justify-content:space-between; position:sticky; /*sticky inside parent*/ top:0; z-index:10; gap:10px; /*stay on top*/}
.chat-header img{max-height:40px; margin-right:2px;}
.bot-img{width:40px; height:40px; margin-right:10px;}
.bot-details{display:flex; flex-direction:column; justify-content:center;}
.bot-subtitle{font-size:12px; line-height:1;}
.bot-name{font-size:18px; line-height:1.2; display: flex;align-items: center;gap: 2px;font-weight: 600;}
.buttonsection{display:flex;align-items:flex-start;gap:5px;}
.close-btn{background:none; border:none; color:#ffffff; font-size:26px; cursor:pointer; padding:0px; margin-top:3px;}
.chat-content-wrapper{flex:1 1 auto; overflow-y:auto; display:flex; flex-direction:column;}
/*#bot-typing-indicator{position:relative; padding-right:40px;}*/
.bot-typing-indicator .dot{height:8px; width:8px; background-color:#aaa; border-radius:50%; display:inline-block; margin:2px; animation:blink 1s infinite alternate;}
.chatbot-clear{position:relative; height:30px; margin-bottom:5px;}
#copy-btn, #clear-btn{width:30px; height:30px; background-color:#427df7; border:1px solid #656cc8; border-radius:8px; margin:2px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:box-shadow 0.2s ease, background-color 0.2s ease;}
/*#copy-btn:hover, #clear-btn:hover{background-color:#f1f1f1; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}*/
#copy-btn img, #clear-btn img{width:20px; height:20px; display:block;}
.chat-body{padding:15px; overflow-y:auto; background:#f7f8f9; display:flex; flex-direction:column; flex:1;}
.chat-body::-webkit-scrollbar{width:6px;}
.chat-body::-webkit-scrollbar-thumb{background:#888; border-radius:3px;}
.chat-body::-webkit-scrollbar-thumb:hover{background:#555;}
.message{margin:5px 0; padding:10px; border-radius:8px; max-width:80%; font-size:13px; display:flex; flex-direction:column;}
#quite-message{display:none; background-color:#f8d7da; color:#721c24; padding:16px 20px; margin-top: -10px; margin-bottom: 10px; border:1px solid #f5c6cb; border-radius:0px; max-width:600px; font-size:14px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; text-align:center; box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);}


.novachatbot #quite-message{margin-top: -7px;}


.bot-message{background-color:#c2e7ff; color:#333; border-radius:15px; padding-top:5px; padding-bottom:5px; font-size:14px; line-height:1.6; word-wrap:break-word; max-width:90%; align-self:flex-start; width:fit-content;}
.user-message{display:inline-block; background-color:#3498db; color:white; border-radius:15px; padding:5px 14px; margin-bottom:5px; line-height:1.6; word-wrap:break-word; font-size:14px; max-width:90%; align-self:flex-end; margin-left:auto; margin-right:0px;}
.bot-message p{margin:4px 0; line-height:1.5; font-size:14px; font-family:'Segoe UI', sans-serif;}
.bot-message a{color:#007bff; text-decoration:underline;}
.bot-message a:hover{text-decoration:none;}
/*.bot-message{background:#e0e0e0; align-self:flex-start;}*/
/*.bot-message{background-color:#c2e7ff; color:#333; padding:12px 16px; border-radius:16px; margin:10px 0; max-width:80%; font-size:14px; line-height:1.6; word-break:break-word; box-shadow:0 2px 6px rgba(0, 0, 0, 0.05); align-self:flex-start;}*/
#cookie-banner{display:flex; align-items:center; justify-content:space-between; background:#f4f4f4; padding:10px; font-size:14px; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.1); max-width:100%; gap:10px; flex-wrap:wrap; /*optional:allows wrapping on smaller screens*/}
#cookie-text{flex:1; color:#333;}
#cookie-actions{display:flex; align-items:center; gap:10px;}
#cookie-accept-btn{background-color:#007BFF; color:white; border:none; padding:6px 12px; border-radius:4px; cursor:pointer;}
#cookie-accept-btn:hover{background-color:#0056b3;}
/*.user-message{background:#3498db; color:white; align-self:flex-end;}*/
/*.user-message{background:#3498db; color:white; padding:12px 16px; border-radius:16px; margin:10px 0; max-width:80%; font-size:14px; line-height:1.6; word-break:break-word; align-self:flex-end;}*/
/*.user-message{background:#3498db; color:white; padding:12px 16px; border-radius:16px; margin:10px 0; font-size:14px; line-height:1.6; word-break:break-word; max-width:70%; align-self:flex-end; display:inline-block; text-align:left;}*/
.chat-footer{display:flex; padding:10px; background:white; border-top:1px solid #ccc;}
.chat-footer input{flex:1; padding:8px; border:1px solid #ddd; border-radius:5px; outline:none;}
.chat-footer button{margin-left:10px; padding:10px 15px; background:#3498db; color:white; border:none; border-radius:5px; cursor:pointer;}
.error-message{color:red; font-size:12px; margin:4px 0 10px;}
#chat-loading .dot{animation:blink 1s infinite alternate; height:10px; width:10px; margin:0 2px; display:inline-block; background-color:#0078D4; border-radius:50%;}
.start-conversation-btn{width:fit-content; color:#fff; background:#145dd6; padding:7px 20px; font-size:14px; border-radius:41px; display:inline-flex; align-items:center; text-decoration:none;}
.start-conversation-btn:hover{color:#fff; background-color:#0d4aac;}
.whiteboxstyle{display:flex; flex-direction:column; justify-content:center; padding:20px; gap:3px; background-color:#fff; border-radius:10px;}
.faq-list li a{color:#000; margin:4px 0; line-height:1.5; font-size:15px; font-family:'Segoe UI', sans-serif;}
.faq-list li a:hover{text-decoration:underline!important;}
.faq-list li:last-child{border-bottom:none!important; padding-bottom:0!important;}
.mb-5{margin-bottom:1.25rem;}
.mt-2{margin-top:0.5rem;}
.pb-3{padding-bottom:0.75rem;}
.mb-0{margin-bottom:0;}
.border-bottom{border-bottom:1px solid rgba(0, 0, 0, 0.175);}
.py-2{padding-top:0.5rem!important; padding-bottom:0.5rem!important;}
@keyframes blink{from{opacity:0.2;} to{opacity:1;}}
/*code added by jyoti_p on date 03-07-2025*/
.message.bot-message:first-child { margin-top: 0px; }
#powered-by-intuitina{width:100%; display:flex; justify-content:center; align-items:center; padding-top: 7px; padding-bottom: 3px;}
.fixed-footer-name{position:fixed; bottom:0; left:0;}
.whiteboxstyle.meet-box a:hover { text-decoration: none !important; }
/*End by jyoti_p on date 03-07-2025*/

/*04-07-25*/
#chatbot{background-color:#e9edef;}
/*.chat-header{padding:25px 25px 15px; z-index:0;}*/
.chat-header{padding:18px 25px 15px; z-index:0;}
.chat-body{background:transparent;}
.chat-content-wrapper{position:relative; z-index:1; padding-top:10px;}
.whiteboxstyle-new{font-size: 15px; border: 1px solid #f3f3f3; position: relative; box-shadow: 0 5px 10px #ebebeb;}
.start-chat-box, .faq-box, .contact-box{margin-bottom:10px;}
.chat-body{height:350px; position:relative; padding-top:16px; margin-top:-10px; padding-bottom: 0px;}
.bot-message{max-width:100%;}
#chat-form{padding:0px 22px 22px 22px; border-radius:0; justify-content:flex-start; gap:0px; display: flex;}
.chat-body .chaticon{width:62px; height:62px; background:#fff; box-shadow:0 3px 3px #c6c6c6; border-radius:62px; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:35px; overflow:hidden; z-index:10;}
.chat-body .chaticon img{margin:auto; max-width:100%; max-height:100%;}

/*15-07-25*/
.novachatbot .chat-content-wrapper {margin-top: -56px;}
.novachatbot .chat-header {padding: 18px 25px 70px;}
.novachatbot .whiteboxstyle.start-chat-box { margin-top: 10px; padding-top: 40px;}
.novachatbot .chat-body {overflow-y: hidden;}
/*.novachatbot #faq { overflow: auto; }*/
.novachatbot.novachatFaqDetails .chat-body {overflow-y: auto;}
.novachatbot #show-apperance-company { font-size: 15px; color: #333;}
.novachatbot #faq ul.list-unstyled.faq-list li.border-bottom a {color: #145dd6;}
.novachatbot .bot-details .bot-subtitle {
    font-size: 14px;
    font-weight: 300;
    color: #bbc9f0;
    margin-bottom: 1px;
}
.novachatbot .bot-details .bot-subtitle.subpage{font-size: 18px;font-weight: 600;color: #ffffff;}



.bot-subtitle.empty-subtitle {
    /*display: none !important;*/
    visibility: hidden !important;
}

.bot-name {
    /*display: block;*/
    visibility: visible;
}


/* @media (max-width:991px) { 
iframe#custom-chatbot-iframe {height: 90vh;}
} */