.sub-title{display: inline-block;color: var(--bg-title-text);font-size: 20px;font-style: normal;font-weight: 600;line-height: var(--f-fs-font-18);text-transform: uppercase;padding: 10px 14px;border-radius: 111px;margin-bottom: 16px}
.chataifooterbg{background: linear-gradient(to right, rgb(6, 100, 110), rgb(0, 151, 167)) !important}
.aichathero{background: linear-gradient(to right, rgb(6, 100, 110), rgb(0, 151, 167)) center bottom / cover no-repeat;min-height: 900px;display: flex;align-items: center;padding: 100px 0px}
.aichathero-images{text-align: end}
.aichathero-images img{max-width: 95%;height: auto;transform: scaleX(1)}
.main-heading7{padding-right: 40px;padding-top: 40px}
.main-heading7 .sub-title{display: inline-block;color: rgb(82, 82, 82);background: rgb(255, 255, 255);font-size: var(--f-fs-font-16);font-weight: var(--f-fw-medium);padding: 10px 14px 6px 10px;border-radius: 4px;margin-bottom: 16px}
.main-heading7 h1{font-size: clamp(var(--f-fs-font-36),5vw,var(--f-fs-font-44));font-weight: var(--f-fw-semibold);color: rgb(255, 255, 255)}
.main-heading7 p{font-size: clamp(16px, 2vw, 18px);font-weight: var(--f-fw-normal);line-height: 28px;margin: 16px 0px 35px;color: rgb(207, 216, 227)}
.buttons{margin-top: 30px}
.theme-btn17, .theme-btn18, .theme-btn31, .explore_btn, .trial_btn{display: inline-block;padding: 12px 24px;border-radius: 6px;background-color: var(--vtc-bg-main16);color: var(--vtc-text-white);transition: 0.3s;font-weight: 500;text-decoration: none}
.aichathero-bottom-box{padding: 28px 24px;border-radius: 8px;background-color: rgb(255, 247, 94);border: 1px solid rgba(255, 255, 255, 0.06);transition: 0.4s;height: 195px}
.aichathero-bottom-box:hover{background-color: rgb(255, 247, 94);border-color: rgb(0, 163, 196);transform: translateY(-8px)}
.aichathero-bottom-box h4 a{color: rgb(82, 82, 82);font-size:clamp(18px, 2vw, 20px); 20px;font-weight: 600}
.aichathero-bottom-box p{color: rgb(82, 82, 82);font-size:clamp(16px, 2vw, 18px);margin-top: 10px}
.use-cases-spotlight{width: 100%;padding: 60px 0px;background-color: rgb(249, 250, 252)}
.spotlight-inner-container{width: 80%;max-width: 1200px;margin: 0px auto;display: flex;flex-wrap: wrap;gap: 10px 50px}
.use-cases-spotlight h2{text-align: center;font-size: clamp(30px, 5vw, 35px);margin-bottom: 50px;color: rgb(82, 82, 82)}
.spotlight-item{display: flex;align-items: center;justify-content: space-between;gap: 30px;margin-bottom: 20px;padding: 25px;background: rgb(255, 255, 255);border-radius: 16px;box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 25px;transition: transform 0.3s;width: 47%}
.spotlight-item:hover{transform: translateY(-6px)}
.spotlight-item.reverse{flex-direction: row-reverse}
.spotlight-item.reverse .spotlight-content{text-align: right}
.spotlight-icon{font-size: clamp(36px, 5vw, 48px);flex: 0 0 100px;width: 100px;height: 100px;background-color: rgb(230, 240, 255);color: rgb(74, 144, 226);border-radius: 50%;display: flex;justify-content: center;align-items: center}
.spotlight-content{flex: 1 1 0%;min-width: 280px}
.spotlight-content h3{font-size: clamp(20px, 3vw, 24px);margin-bottom: 12px;color: rgb(44, 62, 80)}
.spotlight-content p{font-size: clamp(15px, 1vw, 16px);color: rgb(85, 85, 85);line-height: 1.7}
.faq-section{margin: 0px auto 100px;padding: 0px 15px}
.faq-inner{width: 80%;max-width: 1200px;margin: 0px auto;display: flex;flex-wrap: wrap;gap: 10px 50px;justify-content: center}
.faq-section h2{text-align: center;font-size: clamp(30px, 5vw, 35px);margin: 40px;color: rgb(82, 82, 82);font-weight: 600}
.faq-item{margin-bottom: 18px;border-radius: 10px;overflow: hidden;background-color: rgb(255, 255, 255);transition: box-shadow 0.3s;width: 60%}
.faq-question{width: 100%;background: rgb(74, 144, 226);color: rgb(255, 255, 255);border: none;padding: 20px 25px;font-size: clamp(14px, 2.5vw, 18px);text-align: left;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: background 0.3s, color 0.3s;font-weight: 600;border-radius: 10px 10px 0px 0px;border: medium}
.faq-question:hover, .faq-question[aria-expanded="true"]{background: rgb(53, 122, 189);color: rgb(230, 240, 255)}
.faq-question .arrow{font-size: clamp(18px, 2vw, 22px);transition: transform 0.3s}
.faq-question[aria-expanded="true"] .arrow{transform: rotate(180deg)}
.faq-answer{background: rgb(232, 240, 254);padding: 0px 25px;font-size: clamp(15px, 1vw, 16px);color: rgb(34, 34, 34);line-height: 1.6;max-height: 0px;overflow: hidden;transition: max-height 0.4s, padding 0.4s;border-radius: 0px 0px 10px 10px}
.faq-answer.open{max-height: 480px;padding-top: 18px;padding-bottom: 18px}
.trial_btn{background: aquamarine;color: rgb(82, 82, 82);font-size: 1.2rem;padding: 16px 24px !important}
.explore_btn{background: rgb(255, 216, 20);color: rgb(82, 82, 82);font-size: 1.2rem;padding: 16px 24px !important}
.chatai-plan-card{background: rgb(255, 255, 255);border-radius: 20px;width: 450px;padding: 30px 35px;box-shadow: rgb(199, 203, 213) 8px 8px 16px, rgb(255, 255, 255) -8px -8px 16px;transition: 0.3s;text-align: left;border: 2px solid rgb(255, 216, 20)}
.chatai-plan-card:hover{transform: translateY(-6px);box-shadow: rgb(180, 184, 192) 10px 10px 20px, rgb(255, 255, 255) -10px -10px 20px}
.chatai-plan-header{font-size: 1.8rem;font-weight: 700;margin-bottom: 20px}
.chatai-plan-subtitle{font-family: monospace;font-size: clamp(0.8rem, 2.5vw, 1rem);letter-spacing: 0.8px;color: rgb(119, 119, 119);margin-bottom: 20px}
.chatai-plan-price{font-size: 2rem;font-weight: bold;color: rgb(82, 82, 82);margin-bottom: 20px}
select.chatai-plan-dropdown{width: 100%;padding: 20px;border-radius: 10px;border: none;background: rgb(238, 238, 238);color: rgb(82, 82, 82);margin-bottom: 20px;border: medium}
ul.chatai-plan-features{list-style: none;padding: 0px;margin: 0px 0px 20px;color: rgb(82, 82, 82)}
ul.chatai-plan-features li{margin-bottom: 15px;display: flex;align-items: center}
ul.chatai-plan-features li::before{content: "•";color: rgb(106, 27, 154);margin-right: 20px;font-weight: bold}
.chatai-buy-btn{display: block;width: 100%;padding: 12px;font-size: 1rem;font-weight: 600;color: rgb(82, 82, 82);background: rgb(255, 216, 20);border: none;border-radius: 10px;cursor: pointer;transition: background 0.3s;box-shadow: rgba(106, 27, 154, 0.2) 0px 4px 15px;border: medium}
.chatai_descriptions{background: rgb(214, 204, 194);padding: 80px 20px}
.chatai_descriptions .container{display: grid;gap: 60px}
.chatai_desc_block{background: rgb(255, 255, 255);padding: 40px;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 25px;transition: transform 0.3s, box-shadow 0.3s}
.chatai_desc_block h2{font-size: clamp(24px, 3vw, 28px);color: rgb(14, 116, 144);margin-bottom: 16px;opacity: 1;font-weight: bold;text-align: center}
.chatai_desc_block p{font-size: clamp(16px, 2vw, 18px);text-indent: 2em;line-height: clamp(26px, 5vw, 32px);margin: 0px !important}

@media (max-width: 768px){
	.aichathero-bottom-box, .buttons a{margin-bottom: 15px}
	.chatai-plan-card{width: 300px}
	.spotlight-inner-container{width: 90%;flex-direction: column;gap: 20px}
	.spotlight-item{width: 100%;flex-direction: column;align-items: flex-start;text-align: left;padding: 20px}
	.spotlight-item.reverse{flex-direction: column}
	.spotlight-item.reverse .spotlight-content{text-align: left}
	.spotlight-icon{width: 100px;height: 100px;margin-bottom: 15px}
	.use-cases-spotlight h2{margin-bottom: 30px}
	.faq-inner{width: 100%;flex-direction: column;gap: 20px}
	.faq-item{width: 100%;margin-bottom: 20px}
	.faq-section h2{margin: 20px 0px}
	.faq-question{padding: 16px 20px}
	.faq-answer{padding: 0px 20px}
	.faq-answer.open{padding-top: 14px;padding-bottom: 14px}
	.chatai_descriptions .container{grid-template-columns: unset}
	.chatai_desc_block{padding: 30px}
	.chatai_descriptions p{text-align: justify !important;padding: 0px !important}
	.chatai-plan-card, .chatai-plan-card:hover{box-shadow: none;transform: unset;width: 100%;margin: auto;padding: 30px 15px;}
}
@media (min-width: 769px) and (max-width: 1024px){
	.aichathero-bottom-box{margin-bottom: 20px}
	.chatai-plan-subtitle{letter-spacing: unset}
	.chatai-plan-card{width: 300px}
	.spotlight-inner-container{width: 90%;flex-direction: row;justify-content: center;gap: 20px 30px}
	.spotlight-item{width: 45%;flex-direction: column;align-items: center;text-align: center;padding: 20px}
	.spotlight-item.reverse{flex-direction: column}
	.spotlight-item.reverse .spotlight-content{text-align: center}
	.spotlight-icon{width: 90px;height: 90px;margin-bottom: 15px}
	.spotlight-content{min-width: auto}
}