@charset "UTF-8"; :root { --primary-color: #ba2024; --secondary-color: #00ff00; --tertiary-color: #0000ff; --font-family: 'Be Vietnam Pro', sans-serif; --font-size: 16px; --line-height: 1.5; } 
p { padding: 0; margin: 0; } 

* { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, sans-serif; } 
body { align-items: center; height: 100vh; background-color: #fff; font-family: "Roboto Slab", serif; } 
a{text-decoration: unset!important;  }

/* Trí dev */
header .banner img { width: 100%; max-height: 400px; object-fit: cover; } 
.center { max-width: 1230px; margin: 0 auto; padding: 0 15px; } 
#menu { padding: 7px 0px 7px 0px; border-bottom: 1px solid #d9d9d9; } 
.menu-left img { max-width: 120px; } 
.menu-center p { font-family: var(--font-family); font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; background: linear-gradient(105.55deg, #5b0013 -6.68%, #5b0013 43.13%, #FFB71E 96.15%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin: 0; text-transform: uppercase; } 
.menu-right svg { opacity: 0; pointer-events: none; } 
.menu-right { width: 200px; } 
#container { padding: 25px 0 25px 0; } 
#chatbot { padding: 30px 30px; background-color: #F3F9FF !important; } 
.chatbot-left form fieldset:focus-within { --tw-ring-color: transparent !important; border: 0; } 
.chatbot-left .chat-ai { height: 100%; } 
zapier-interfaces-chatbot-embed { width: 100%; height: 100%; display: block; min-height: 500px; } 
.chatbot-left zapier-interfaces-chatbot-embed { width: 100%; display: block; min-height: 500px; } 
 
.chatbot-right { padding-left: 30px; } 
.chatbot-right-top img { width: 100%; object-fit: cover; } 

.chatbot-right-top .slick-dots li button:before { display: none; } 
.chatbot-right-top .slick-dots li button { transition: 1s all; width: 20px; height: 5px; border-radius: 24px; padding: 0; margin: 0; background: rgba(135 14 2 / 0.2); } 
.chatbot-right-top .slick-dots li.slick-active button { transition: 1s all; background: rgba(135 14 2 / 1); } 


.chatbot-right-bottom { background: #fff; padding: 15px; margin-top: 50px; } 
.chatbot-right-bottom h2 { border-bottom: 1px solid #ddd; padding-bottom: 10px; } 
.chatbot-right-bottom h2 svg { position: relative; top: 1px; } 
.chatbot-right-bottom h2 span { text-transform: uppercase; color:#222; font-family: var(--font-family); font-size: 20px; font-weight: 500; } 
.chatbot-right-bottom-content { min-height: 300px; } 
.footer-top { background: var(--primary-color); padding: 30px 0; margin: 0; } 
.footer-bottom { background: #890d00; text-align: center; } 
.chat-footer-info { width: 50%; } 
.chat-footer-info img { width: 120px; filter: brightness(0) saturate(100%) invert(99%) sepia(77%) saturate(0%) hue-rotate(31deg) brightness(111%) contrast(100%) !important; } 
.chat-footer-info p { margin-top: 10px; color: #fff; font-family: var(--font-family); font-size: 16px; font-weight: 400; } 
.chat-footer-des { width: 50%; padding-left: 15px; } 

.chat-footer-des-title { font-family: var(--font-family); font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 3px;} 
.chat-footer-des-title p { font-family: var(--font-family); font-size: 16px; font-weight: 400; color: #fff; } 
.chat-footer-des-info p { font-family: var(--font-family); font-size: 16px; font-weight: 400; color: #fff; margin-bottom: 3px; } 
.chat-footer-des-info p a{font-family: var(--font-family); font-size: 16px; font-weight: 400; color: #fff;}
.chat-footer-des-info p a:hover{color: #000;}
.chat-footer-des-icon { display: flex; gap: 5%; justify-content: start; margin-top: 20px; } 
.chat-footer-des-icon a { color: white; font-size: 20px; } 

.chat-container { display: block; } 


.copyright { font-family: var(--font-family); color: #fff; font-size: 16px; padding: 15px 0; font-weight: 500; } 
.copyright a { color:#fff; font-family: var(--font-family); font-weight: 500; } 
.copyright a:hover { color: #000 } 



@media (max-width: 1366px) { header iframe { width: 100% !important; height: auto !important; object-fit: scale-down; } 
 .chatbot-right { padding-left: 30px; } 
 }

 @media (max-width: 1199px) { header iframe { display: none; } 
 .chatbot-right { padding-left: 20px; } 
 #chatbot { padding: 20px; } 
 }

 @media (max-width: 991px){
 .menu-right { display: none; } 
 .menu-left { width: 100%; justify-content: center !important; } 
 .menu-center { width: 100%; text-align: center !important; margin-top: 10px; } 
 #menu .center { flex-wrap: wrap; } 
 #menu { padding: 10px 0; } 
 }
 @media (max-width: 767px){
 .chatbot-right-top { display: none; } 
 .chatbot-right-bottom { width: 100%; padding: 0; margin: 0; } 
 .chatbot-left { padding: 0; margin: 0; min-height: 400px; } 
 .box-chatbot.row { margin: 0; } 
 .chatbot-right { padding: 0; margin: 0; } 
 .chat-footer-info { width: 100%; margin-bottom: 20px; display: flex; flex-direction: column; align-items: center; } 
 .chat-footer-des { width: 100%; padding: 0; } 
 .chat-footer-des-info { justify-content: start !important; align-items: center !important; display: flex; flex-direction: column; } 
 .chat-footer-des-title { text-align: center; } 
 .chat-footer-des-icon { justify-content: center; } 
 }

 @media (max-width: 480px){
 .footer-top { padding: 20px 0; } 
 .chat-footer-des-title { font-size: 14px; } 
 .chat-footer-des-info { font-size: 14px; } 
 .chat-footer-des-icon { margin-top: 10px; justify-content: center !important; } 
 .chat-footer-des-info p { font-size: 14px; } 
 .chat-footer-info { margin-bottom: 10px; } 
 .menu-center p { font-size: 18px; } 
 #chatbot{padding: 10px 0;}
 }
 @media (max-width: 480px){
 .menu-center p { font-size: 16px; } 
 }
 @media (max-width: 384px){
 .menu-center p { font-size: 18px; margin: 0 auto; max-width: 270px;} 
 }