@media (min-width: 1400px) {
    .container { max-width: 1300px; }
}
.title-wrap h1 { font-size: 50px; font-weight: 600; line-height: 140%; letter-spacing: -0.5px; color: #fff; position: relative; z-index: 99; margin: 0; }
.dots { position: relative; }
.title-wrap .h4 .dots { left: 0; top: 6px; width: 8px; height: 8px; border-radius: 100%; background: var(--primarycolor); display: block; }
.title-wrap .h4 { font-size: 14px; color: #4C596D; font-weight: 500; line-height: 150%; position: relative; padding-bottom: 15px; display: flex; gap: 10px; margin: 0; }
.details-img-wrap img { margin: 0; }
.blog-banner-header { background-color: #192A44; height: 430px; padding: 20px; }
.blog-banner { height: 100%; }
.responsive-height { height: auto; }
@media (min-width: 768px) {
    .responsive-height { height: 100%; }
}
.author-main { margin-top: 10px; }
.author-detail-img { width: calc(100% - 70px); }
.author-detail-img img { width: 100%; }
.blog-author-detail p a { color: #192A44; font-size: 20px; font-weight: 600; line-height: 40px; }
.blog-author-detail p a:hover { color: #ff6c1a; }
.author-detail { color: #192A44; font-size: 18px; font-weight: 400; line-height: 24px; }
.social-share-icons { display: flex; gap: 8px; align-items: center; }
.social-share-icons img, .social-share-icons .social-icon { width: 35px; height: 35px; border-radius: 4px; }
.blogs-main-content-wrap { margin-top: 85px; }
.blog-post-content ul li, .blog-post-content ol li, .blog-post-content p { color: #192A44; font-size: 18px; font-weight: 400; line-height: 35px; padding-bottom: 14px; }
label { color: #192A44; font-size: 18px; font-weight: 400; padding-bottom: 14px; }
li b, p b { font-weight: 600; }
.blog-post-content .h2, .blog-post-content h2 { color: #192A44; font-size: 26px; font-weight: 700; line-height: 36px; padding-bottom: 20px; }
.blog-post-content h3, .blog-post-content .h3 { color: #192A44; font-size: 22px; font-weight: 700; line-height: normal; padding: 30px 0 10px 0px; }
.blog-post-content h4, .blog-post-content .h4 { color: #192A44; font-size: 20px; font-weight: 600; line-height: normal; padding: 10px 0px; }
.internal-links, .blog-post-content a.internal-links { color: #ff6c1a; text-decoration: none; word-wrap: break-word; font-weight: 500; transition: color 0.2s ease; }
.internal-links:hover, .blog-post-content a.internal-links:hover { color: #e65a00; }
.table-of-content-section { position: sticky; top: 100px; }
.blog-toc { border: 3px solid #FF6C1A66; border-radius: 15px; padding-top: 10px; }
.recent-blogs-head .h2 { color: #192A44; font-size: 20px; font-weight: 700; line-height: 150%; padding-left: 20px; }
.sidebar-blogs-single .h4 { margin-bottom: 0; }
.sidebar-blogs-single .h4 a { display: block; color: #192A44; font-size: 16px; font-weight: 400; line-height: 25px; padding: 10px 25px; border-radius: 4px; width: 100%; }
.smart-header .h4 { display: block; color: #192A44; font-size: 16px; font-weight: 400; line-height: 25px; padding: 10px 25px; border-radius: 4px; width: 100%; margin-bottom: 0; }
.smart-image { padding: 10px 10px 0 10px; }
.smart-image img { border-radius: 15px; }
.smart-blog-first { cursor: pointer; }
.popular-section { border: 3px solid #FF6C1A66; padding: 10px; border-radius: 15px; }
.popular-item:hover .popular-number { color: #FF8A3D !important; transition: 0.3s ease-in-out; }
.popular-item:hover .h4 { color: #FF8A3D; transition: 0.3s ease-in-out; }
.popular-number { margin: auto; color: #FF6C1A66; font-weight: 700; display: flex; justify-content: center; align-items: center; }
.horizontal-line { margin: 30px 0px; height: 2px; border-top: 0 solid #e6e8ea; position: relative; opacity: 1; background: #e6e8ea; }
.horizontal-lines { margin: 30px 0px 20px 0px; height: 2px; border-top: 0 solid #e6e8ea; position: relative; opacity: 1; background: #e6e8ea; }
.horizontal-lines:before, .horizontal-lines:after, .horizontal-line:before, .horizontal-line:after { width: 35px; height: 2px; background: #ff6c1a; content: ""; position: absolute; left: 0; top: 0; }
.horizontal-lines:after, .horizontal-line:after { width: 6px; background: #fff; left: 35px; }
.toc-scroll { display: flex; flex-direction: column; gap: 3px; }
.toc-scroll .menu-link.active { background: rgba(255, 108, 26, 0.15); color: #FF6C1A; font-weight: 600; }
.blog-toc .menu-link { direction: ltr; unicode-bidi: isolate; text-align: left; display: block; }
.toc-subitems { display: none; flex-direction: column; gap: 10px; margin: 10px 0; }
.toc-subitems li { list-style: none; position: relative; padding-left: 30px; }
.toc-scroll .toc-subitems .menu-link.active { background: transparent; }
.toc-scroll .toc-subitems li .menu-link.active::before { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 100%; background: #ff6c1a; left: 15px; top: 12px; transform: translate(-50%, -50%); }
.custom-scrolls { max-height: 600px; overflow-y: auto; padding-right: 6px; direction: rtl; text-align: end; position: sticky; top: 100px; }
.custom-scrolls::-webkit-scrollbar { width: 5px; }
.custom-scrolls::-webkit-scrollbar-thumb { background-color: #ff6c1a; border-radius: 20px; }
.custom-scroll { max-height: 300px; overflow-y: auto; padding-right: 6px; direction: rtl; text-align: end; }
.custom-scroll::-webkit-scrollbar { width: 5px; }
.custom-scroll::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 20px; }
.table-responsive.ai-table td, .table-responsive.ai-table th { padding: 14px; text-align: start; border: 1px solid #E5E7EB; }
.ai-table .table th { font-size: 16px; font-weight: 600; background: rgba(255, 108, 26, 0.10); color: #FF6C1A; }
.ai-table .table td ul li, .ai-table .table td { font-size: 18px; font-weight: 400; }
.ai-table .table td.spark { min-width: 250px; }
.ai-table .table { font-size: 20px; border-collapse: separate; border-spacing: 0; border-radius: 20px 20px 0px 0px; overflow: hidden; border: 1px solid #E5E7EB; }
.ai-table::-webkit-scrollbar { background-color: #e5e7eb; width: 5px; height: 5px; }
.ai-table::-webkit-scrollbar-thumb { background-color: #ff6c1a; border-radius: 6px; width: 5px; height: 5px; }
.ai-cta-request { border-radius: 24px; border: 1.5px solid #E5E7EB; background: rgba(255, 108, 26, 0.02); padding: 50px 60px; max-width: 830px; margin: 0 auto; }
.ai-cta-request h3{padding-top:0px!important;}
.banner-cta-btns { flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 20px; }
.banner-cta-btns a { display: block; padding: 8px 20px; border-radius: 8px; font-size: 16px; font-weight: 600; transition: all 0.5s; border: 1px solid #ff6c1a; background: rgba(255, 108, 26, 0.10); color: #ff6c1a; }
.banner-cta-btns a svg path { transition: all 0.5s; }
.banner-cta-btns a:hover { color: #fff; background: #ff6c1a; }
.banner-cta-btns a:hover svg path { stroke: #fff; }
body button.btn.btn-toc { background: #ff6c1a !important; color: #fff !important; border-radius: 0; position: relative; }
body button.btn.btn-toc.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
.toc-main { position: relative; margin-top: 30px; margin-bottom: -60px; z-index: 1; }
.btn-toc { background: #ff6c1a !important; color: #fff !important; border-radius: 0; }
.btn-toc .btn.show { color: #fff !important; }
.btn-toc.dropdown-menu.show { position: relative !important; transform: translate(0, 0) !important; transition: all 2s ease-in-out; }
.btn-toc.toc-tab-menu.dropdown-menu.show { position: absolute !important; top: 100% !important; max-height: 300px !important; overflow-y: auto !important; }
.btn-toc.toc-tab-menu.dropdown-menu.show::-webkit-scrollbar { width: 5px !important; }
.btn-toc.toc-tab-menu.dropdown-menu.show::-webkit-scrollbar-thumb { background-color: #ff6c1a !important; border-radius: 20px !important; }
.btn-toc.dropdown-menu { width: 100%; background: #f3f6f9 !important; border-radius: 6px; padding: 25px; }
.btn-toc.dropdown-menu li { list-style: disc; list-style-position: inside; color: #000; }
.btn-toc.dropdown-menu li a { font-size: 16px; color: #4c596d !important; }
.btn-toc.dropdown-menu li a:hover { color: #ff6c1a !important; }
.faq .accordion-item { border: 0; border-bottom: 1px solid #E5E7EB; }
.faq .accordion-item:last-child { border-bottom: 0; }
.faq .accordion-button { font-size: 20px; color: #4C596D; padding: 30px 0; gap: 5px; }
.faq .accordion-button:not(.collapsed) { font-weight: 600; color: #111928; background-color: transparent; box-shadow: 0 0 0 0; }
.faq .accordion-button::after { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.0007 0.0820312C8.10555 0.0820312 0.0839844 8.1036 0.0839844 17.9987C0.0839844 27.8939 8.10555 35.9154 18.0007 35.9154C27.8958 35.9154 35.9173 27.8939 35.9173 17.9987C35.9173 8.1036 27.8958 0.0820312 18.0007 0.0820312ZM19.6673 11.332C19.6673 10.4116 18.9212 9.66536 18.0007 9.66536C17.0802 9.66536 16.334 10.4116 16.334 11.332V16.332H11.334C10.4135 16.332 9.66732 17.0782 9.66732 17.9987C9.66732 18.9192 10.4135 19.6654 11.334 19.6654H16.334V24.6654C16.334 25.5859 17.0802 26.332 18.0007 26.332C18.9212 26.332 19.6673 25.5859 19.6673 24.6654V19.6654H24.6673C25.5878 19.6654 26.334 18.9192 26.334 17.9987C26.334 17.0782 25.5878 16.332 24.6673 16.332H19.6673V11.332Z" fill="%23FF6C1A" fill-opacity="0.2"/></svg>'); width: 40px; height: 40px; background-size: 40px; }
.faq .accordion-button:not(.collapsed)::after { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0007 2.08203C10.1056 2.08203 2.08398 10.1036 2.08398 19.9987C2.08398 29.8939 10.1056 37.9154 20.0007 37.9154C29.8958 37.9154 37.9173 29.8939 37.9173 19.9987C37.9173 10.1036 29.8958 2.08203 20.0007 2.08203ZM13.334 18.332C12.4135 18.332 11.6673 19.0782 11.6673 19.9987C11.6673 20.9192 12.4135 21.6654 13.334 21.6654H26.6673C27.5878 21.6654 28.334 20.9192 28.334 19.9987C28.334 19.0782 27.5878 18.332 26.6673 18.332H13.334Z" fill="%23FF6C1A"/></svg>'); }
.faq .accordion-button:focus { box-shadow: 0 0 0 0; }
.faq .accordion-body { padding: 0 0 30px; }
.faq .accordion-body p { color: #192A44; font-size: 18px; font-weight: 400; line-height: 162%; }
.blog-section .blog-card { padding-bottom: 0; }
.blog-section .blog-card figure { margin-bottom: 0; }
.blog-section .desc { padding: 15px; background: #f7f7f7; border: 1px solid #ededed; }
.blog-section .bolg-category-title .h4, .blog-section .bolg-category-title h4 { font-size: 14px; line-height: 21px; font-weight: 600; color: #192a44; padding-right: 10px; margin: 0; }
.blog-section .blog-card .bolg-category-title img { visibility: hidden; }
.blog-section .blog-card:hover .bolg-category-title img { transition: 1s ease-in-out; visibility: visible; }
.blog-section .blog-card h3, .blog-section .blog-card .h3 { color: var(--secondrycolor); font-size: 20px; font-weight: 600; line-height: 150%; transition: .3s ease-in-out; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 60px; margin: 0 !important; padding: 0; }
.blog-section .blog-card:hover h3 { color: var(--primarycolor); }
.bg-grey { background: #fbfbfb; }
@media (max-width: 1199px) {
    .blog-banner-header { height: auto; }
    .blog-banner { height: auto; }
    .title-wrap h1 { font-size: 34px; line-height: 132%; }
    .banner-cta-btns a { font-size: 15px; padding: 12px; }
    .blogs-main-content-wrap { margin-top: 60px; }
    .ai-table .table td ul li, .ai-table .table td { font-size: 16px; }
    .smart-header .h4 { padding: 10px 15px; }
    .ai-cta-request { padding: 40px 50px; }
    .blog-section .blog-card h3, .blog-section .blog-card .h3 { font-size: 18px; min-height: 54px; }
}
@media (max-width: 991px) {
    .title-wrap h1 { font-size: 30px; }
    .banner-cta-btns a { padding: 10px 12px; }
    .author-detail-img { width: 60px; height: 60px; flex-shrink: 0; }
    .author-detail-img img { width: 60px; height: 60px; }
    .blogs-main-content-wrap { margin-top: 50px; }
    .blog-post-content .h2, .blog-post-content h2 { font-size: 24px; line-height: 32px; }
    .ai-table .table td.spark { min-width: auto; }
    .ai-table { margin-bottom: 20px; }
    .ai-table .table td ul li, .ai-table .table td { font-size: 16px; font-weight: 400; }
    .ai-cta-request { padding: 40px; border-radius: 10px; }
    .smart-image { padding: 0; }
    .recent-blogs-head .h2 { padding: 0px 0px 10px 0px; }
    .toc-main { margin-bottom: -40px; }
    .table-of-content-section { top: 20px; }
    .popular-number { text-align: end; margin: 0; }
    .popular-content hr { border-top: 0 solid #e6e8ea; position: relative; height: 2px; opacity: 1; background: #e6e8ea; margin: 70px 0px 10px 0px; }
    .popular-content hr:before, .popular-content hr:after { width: 35px; height: 2px; background: #ff6c1a; content: ""; position: absolute; left: 0; top: 0; }
    .popular-content hr:after { width: 6px; background: #fff; left: 35px; }
    .blog-post-content h3, .blog-post-content .h3{font-size:20px; padding: 20px 0 10px 0px;}
}
@media (max-width: 767px) {
    .banner-cta-btns a { font-size: 14px; }
    .blog-author-detail { display: flex !important; align-items: flex-start !important; gap: 12px !important; }
    .author-detail-img { width: 56px !important; height: 56px !important; flex-shrink: 0 !important; }
    .author-detail-img img, .author-detail-img picture img { width: 56px !important; height: 56px !important; border-radius: 50% !important; object-fit: cover !important; display: block !important; }
    .blog-author-detail .author { margin-bottom: 2px !important; line-height: 1.25 !important; }
    .blog-author-detail p a, .blog-author-detail .author a { font-size: 17px !important; font-weight: 700 !important; color: #192a44 !important; line-height: 1.3 !important; }
    .blog-author-detail p.mb-0 { font-size: 13.5px !important; line-height: 1.5 !important; color: #475569 !important; padding-bottom: 8px !important; margin-bottom: 0 !important; }
    .social-share-icons { display: flex !important; gap: 8px !important; align-items: center !important; }
    .social-share-icons img, .social-share-icons .social-icon { width: 26px !important; height: 26px !important; border-radius: 4px !important; }
    .author-detail { font-size: 14px !important; }
    .toc-main { margin-bottom: -20px; }
    .btn-toc.dropdown-menu li a { font-size: 14px; }
    .btn-toc.dropdown-menu { padding: 15px; }
    .faq .accordion-button { font-size: 18px; padding: 20px 0; }
    .faq .accordion-body p { font-size: 17px; }
    .blog-section .blog-card h3, .blog-section .blog-card .h3 { font-size: 17px; min-height: 50px; }
    .ai-cta-request { padding: 35px 40px; margin: 0; }
    .title-wrap h1 { font-size: 28px; }
    .blogs-main-content-wrap { margin-top: 35px; }
    .blog-post-content .h2, .blog-post-content h2 { font-size: 22px!important; line-height: 28px; }
    .blog-post-content ul li, .blog-post-content ol li, .blog-post-content p { font-size: 17px; line-height: 150%; }
    label { font-size: 17px; }
    .blog-post-content h4, .blog-post-content .h4 { font-size: 18px; }
    .blog-post-content h3, .blog-post-content .h3 { padding: 15px 0 5px 0px;font-size:18px; }
    .author-detail-img { width: calc(100% - 70px); }
    .author-detail-img img { width: 100% !important; height: auto !important; }
}
@media (max-width: 576px) {
    .blog-header h1 { text-align: center !important; margin: auto !important; }
    .blog-banner-header { display: flex; align-items: center; height: 200px; }
    .blog-banner { display: block; align-items: center !important; margin: auto; }
    .banner-image { display: none; }
    .title-wrap h1 { font-size: 26px; }
    .btn-toc.dropdown-menu { padding: 10px; }
    .faq .accordion-button { font-size: 16px; padding: 20px 0; }
    .faq .accordion-body p { font-size: 15px; }
    .faq .accordion-button::after { width: 30px; height: 30px; background-size: 30px; }
}
@media (max-width: 480px) {
    .title-wrap h1 { font-size: 24px; }
    .banner-cta-btns a { font-size: 12px; }
    .ai-cta-request { padding: 30px 15px; border-radius: 16px; }
    .blog-post-content .h2, .blog-post-content h2 { font-size: 20px!important; line-height: 26px; padding-bottom: 15px; }
    .blog-post-content ul li, .blog-post-content ol li, .blog-post-content p { font-size: 16px; }
    label { font-size: 16px; }
    .blog-post-content h4, .blog-post-content .h4 { font-size: 17px; }
    .blog-section .desc { padding: 10px; }
    .blog-section .bolg-category-title .h4, .blog-section .bolg-category-title h4 { font-size: 13px; }
    .blog-section .blog-card h3, .blog-section .blog-card .h3 { font-size: 15px; min-height: 45px; }
    .popular-content hr { margin: 40px 0px 60px 0px; }
}