@charset "UTF-8";
@import url(base.css);
@import url(fonts.css);

.ai-summary-btn--perplexity:hover svg path { fill: #e2920b; }
.ai-summary-btn--claude:hover svg path { fill: #e2920b; }
.main_photo_blog,
.hero_blog_template .main_photo_blog { max-height: none !important; overflow: visible !important; }
.hero_blog_template .main_photo_blog img { max-height: none !important; height: auto !important; width: 100% !important; object-fit: unset !important; }
.footer-container .footer-link,
.footer-container .footer-social { color: var(--Type-White, #fff); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-16, 16px); font-style: normal; font-weight: 600; line-height: 140%; letter-spacing: -0.16px; -webkit-transition: var(--trans); transition: var(--trans); }
.box_pagination .swiper-button-next,
.box_pagination .swiper-button-prev { display: -webkit-box; display: -ms-flexbox; display: flex; width: 44px; height: 44px; padding: 6px 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; aspect-ratio: 1/1; border-radius: 999px; background: var(--Fill-Dark, #111827); -webkit-transition: var(--trans); transition: var(--trans); }
.box_pagination .swiper-button-next:hover,
.box_pagination .swiper-button-prev:hover { opacity: 0.8; }
.form-group input,
.form-group select,
.form-group textarea { height: 48px; padding: 0 16px; color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-16, 16px); font-style: normal; font-weight: 400; line-height: 140%; outline: none; -webkit-transition: var(--trans); transition: var(--trans); border-radius: var(--Corners-8, 8px); border: 1px solid var(--Fill-Stroke-Grey, #e2e8f0); background: #fff; }
.sub_title,
.sub_subtitle,
.box_form { -webkit-transition: 0.4s ease; transition: 0.4s ease; }
.block.success-active .sub_title,
.block.success-active .sub_subtitle,
.block.success-active .box_form { opacity: 0; -webkit-transform: translateY(-15px); transform: translateY(-15px); pointer-events: none; }
.card_blog .image { border-radius: 12px; }
.toc-item { border-top: 1px solid rgba(226, 232, 240, 0.6); }
.toc-item:last-child { border-bottom: 1px solid rgba(226, 232, 240, 0.6); }
.toc-item--group .toc-group-trigger span { color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-16, 16px); font-style: normal; font-weight: 700; line-height: 150%; -webkit-transition: var(--trans); transition: var(--trans); }
.toc-item--link { color: var(--Type-Primary, #111827); padding-block: 16px; font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-16, 16px); font-style: normal; font-weight: 700; line-height: 150%; -webkit-transition: color 0.25s ease; transition: color 0.25s ease; }
.toc-item--link:hover { color: #111827; }
.toc-item--link.active { color: var(--Type-Orange-Contrast); }
.toc-item--group .toc-group-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 16px 0; background: none; border: none; cursor: pointer; text-align: left; color: var(--Type-Primary); font-family: var(--Typography-Family-Primary); font-size: var(--Typography-Size-16); font-weight: 700; line-height: 150%; -webkit-transition: color 0.25s ease; transition: color 0.25s ease; }
.toc-item--group .toc-group-trigger span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.toc-item--group .toc-group-trigger:hover { color: #111827; }
.toc-chevron { width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 8px; color: var(--Type-Primary); -webkit-transition: color 0.25s ease, -webkit-transform 0.32s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.25s ease, -webkit-transform 0.32s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s ease; transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s ease, -webkit-transform 0.32s cubic-bezier(0.4, 0, 0.2, 1); }
.toc-sub { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.36s cubic-bezier(0.4, 0, 0.2, 1); transition: max-height 0.36s cubic-bezier(0.4, 0, 0.2, 1); }
.toc-sub-inner { padding-bottom: 10px; }
.toc-sub-link { display: block; padding: 7px 0 7px 16px; color: var(--Type-Secondary, #475569); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-14, 14px); font-style: normal; font-weight: 500; line-height: 130%; text-decoration: none; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }
.toc-sub-link:hover { color: var(--Type-Primary); }
.toc-sub-link.active { color: var(--Type-Orange-Contrast); }
.toc-item--group.is-open .toc-group-trigger span { color: #f59e0b; }
.toc-item--group.is-open .toc-chevron { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #f59e0b; }
.text_blog p { color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-16, 18px); font-style: normal; font-weight: 500; line-height: 150%; margin-bottom: 16px; }
.table-section { margin-bottom: 0px; }
.table-section h4 { padding-top: 64px; }
.table-section h2 { font-size: 20px; font-weight: 700; color: #111827; margin-bottom: 20px; }
.section_info .grid2 > *:last-child { min-width: 0; }
.table-scroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #d1d5db transparent; border: 1px solid #e5e7eb; min-width: 0; width: 100%; overflow-x: auto; }
.table-scroll::-webkit-scrollbar { height: 4px; }
.table-scroll::-webkit-scrollbar-track { background: transparent; }
.table-scroll::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 2px; }
table { width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
thead tr { background: #ffdf9e; }
thead th { padding: 12px 10px; text-align: left; color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-16, 16px); font-style: normal; font-weight: 500; line-height: 150%; border-right: 1px solid rgba(255, 255, 255, 0.6); }
thead th:last-child { border-right: none; }
tbody tr { border-top: 1px solid #e5e7eb; }
tbody td { padding: 14px 16px; vertical-align: top; border-right: 1px solid #e5e7eb; color: var(--Type-Secondary, #475569); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-16, 16px); font-style: normal; font-weight: 400; line-height: 140%; }
tbody td:last-child { border-right: none; }
tbody td:first-child { color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-16, 16px); font-style: normal; font-weight: 700; line-height: 150%; }
.table-3col { min-width: 560px; width: 100%; }
.table-3col thead th:nth-child(1),
.table-3col tbody td:nth-child(1) { width: 23.25%; }
.table-3col thead th:nth-child(2),
.table-3col tbody td:nth-child(2) { width: 38.125%; }
.table-3col thead th:nth-child(3),
.table-3col tbody td:nth-child(3) { width: 38.125%; }
.table-5col { min-width: 760px; width: 100%; }
.table-5col thead th:nth-child(1),
.table-5col tbody td:nth-child(1) { width: 18%; }
.table-5col thead th:nth-child(2),
.table-5col tbody td:nth-child(2),
.table-5col thead th:nth-child(3),
.table-5col tbody td:nth-child(3),
.table-5col thead th:nth-child(4),
.table-5col tbody td:nth-child(4) { width: 20%; }
.table-5col thead th:nth-child(5),
.table-5col tbody td:nth-child(5) { width: 22%; }
.faq { padding-top: 64px; }
.faq h2 { margin-bottom: 32px; }
.faq p { margin-bottom: 64px; }
.faq-list { margin-top: 40px; }
.faq-item { border-top: 1px solid #e2e8f0; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; }
.faq-item:last-child { border-bottom: 1px solid #e2e8f0; }
.faq-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; width: 100%; padding: 24px 0; background: none; border: none; cursor: pointer; text-align: left; }
.faq-question { color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-24, 24px); font-style: normal; font-weight: 600; line-height: 120%; -webkit-transition: color 0.25s ease; transition: color 0.25s ease; }
.faq-icon { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 20px; }
.faq-icon-h { position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #111827; border-radius: 2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); }
.faq-icon-v { position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background: #111827; border-radius: 2px; -webkit-transform: translateX(-50%) rotate(0deg); transform: translateX(-50%) rotate(0deg); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: opacity 0.28s ease, -webkit-transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.28s ease, -webkit-transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.28s ease; transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.28s ease, -webkit-transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); }
.faq-item.is-open .faq-icon-v { -webkit-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); opacity: 0; }
.faq-item.is-open .faq-icon-h { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
.faq-body { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.faq-body-inner p { color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-16, 16px); font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 0px; }
.tr-category { display: none; }
.blog_line { background: #e2e8f0; }
.buttons_hub .nav-scroll-container { border-radius: var(--Corners-8, 8px); border: 1px solid var(--Fill-Stroke-Grey, #e2e8f0); background: var(--Fill-White, #fff); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; white-space: nowrap; }
.blog_box_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.blog_box_info span { margin-right: 24px; }
.mob_blog .blog_date { display: none; }
.blog_date { color: var(--Type-Secondary, #475569); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-14, 14px); font-style: normal; font-weight: 500; line-height: 130%; margin-top: 56px; margin-bottom: 24px; margin-right: 8px; }
.toc-custom__link { color: var(--Type-Primary, #111827) !important; }
.toc-custom__link { text-decoration: none !important; }
.toc-list .toc-sub-link,
.toc-sub-inner .toc-sub-link { display: block !important; padding: 7px 0 7px 16px !important; color: var(--Type-Secondary, #475569) !important; font-size: var(--Typography-Size-14, 14px) !important; font-weight: 500 !important; line-height: 130% !important; border-top: none !important; font-style: normal !important; }
.profile .info h4 a { color: #111827; font-weight: 700; font-size: 16px; font-family: var(--Typography-Family-Primary, Manrope); text-decoration: none; }
.ai-summary-block { border-radius: var(--Corners-12, 12px); background: linear-gradient(91deg, #ffbe4f 1.36%, #f59e0b 105.92%); padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-block: 36px; flex-wrap: wrap; }
.ai-summary-label { color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-16, 16px); font-weight: 700; line-height: 150%; flex-shrink: 0; }
.ai-summary-buttons { display: flex; gap: 8px; flex-shrink: 0; }
.ai-summary-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px; height: 40px; border-radius: var(--Corners-8, 8px); background: #fff !important; color: #111827 !important; border: 1px solid #e2e8f0 !important; text-decoration: none !important; transition: var(--trans) !important; cursor: pointer; flex-shrink: 0; }
.ai-summary-btn:hover { color: #e2920b !important; border-color: #e2920b !important; background: #fff !important; text-decoration: none !important; }
.ai-summary-btn svg { width: 20px; height: 20px; flex-shrink: 0; fill: currentColor; transition: var(--trans); }
.ai-summary-block { border-radius: var(--Corners-12, 12px); background: linear-gradient(91deg, #ffbe4f 1.36%, #f59e0b 105.92%); padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-block: 36px; flex-wrap: wrap; }
.ai-summary-label { color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-24, 24px); font-style: normal; font-weight: 600; line-height: 120%; flex-shrink: 0; }
.ai-summary-buttons { display: flex; gap: 8px; flex-shrink: 0; }
.ai-summary-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; border-radius: var(--Corners-8, 8px) !important; background: #111827 !important; color: #111827 !important; border: 1px solid #e2e8f0 !important; text-decoration: none !important; cursor: pointer; flex-shrink: 0; transition: color 0.4s ease-out, border-color 0.4s ease-out !important; transform: none !important; opacity: 1 !important; }
.ai-summary-btn:hover { color: #e2920b !important; border-color: #e2920b !important; background: #111827 !important; text-decoration: none !important; transform: none !important; opacity: 1 !important; width: 40px !important; height: 40px !important; }
.ai-summary-btn svg { width: 20px; height: 20px; flex-shrink: 0; fill: currentColor; transition: color 0.4s ease-out; }
.ai-summary-btn,
.ai-summary-btn:hover,
.ai-summary-btn:focus,
.ai-summary-btn:active { transform: none !important; opacity: 1 !important; scale: none !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; box-shadow: none !important; }
.ai-summary-btn svg,
.ai-summary-btn:hover svg { transform: none !important; width: 20px !important; height: 20px !important; }
.ads_sub a.btn1, .subscribe-card button { background: #111827 !important; color: #FFFFFF !important; border: 2px solid #111827 !important; transition: all 0.3s ease-out !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; text-decoration: none !important; }
.ads_sub a.btn1:hover, .subscribe-card button:hover { background: #FFFFFF !important; color: #f59e0b !important; border-color: #FFFFFF !important; }
.swiper_blogs { padding-bottom: 60px; position: relative; }
.swiper_blogs .swiper-button-next,
                .swiper_blogs .swiper-button-prev { top: auto; bottom: 0; transform: none; }
a.toc-custom__link { text-decoration: none !important; }
.swiper_blogs,
                        .swiper_blogs .swiper-wrapper,
                        .swiper_blogs .swiper-slide { height: auto !important; }
.main_photo_blog img { width: 100%; height: auto; display: block; object-fit: cover; padding-top: 0 !important; }
.ext-sg-1 { object-fit:cover;border-radius:50%; }
.ext-sg-2 { width:100%;height:auto;display:block; }
.ext-sg-3 { width:100%;height:auto;display:block; }

@media (max-width: 800px) {
  .table-3col { min-width: 0; }
  .table-5col { min-width: 480px; }
  thead th:first-child { display: none; }
  tbody tr:not(.tr-category) td:first-child { display: none; }
  .tr-category { display: table-row; }
  .table-3col thead th,
  .table-3col tbody td,
  .table-5col thead th,
  .table-5col tbody td { width: auto; white-space: normal; }
  .faq-question { color: var(--Type-Primary, #111827); font-family: var(--Typography-Family-Primary, Manrope); font-size: var(--Typography-Size-20, 20px); font-style: normal; font-weight: 600; line-height: 120%; }
}

@media (max-width: 900px) {
  .buttons_hub .dropdown-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 16px 16px; height: 48px; border-radius: var(--Corners-8, 8px); border: 1px solid #e2e8f0; background: #fff; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 600; color: var(--text); -webkit-transition: border-color 0.2s; transition: border-color 0.2s; }
  .buttons_hub .dropdown-item:hover,
  .buttons_hub .dropdown-item.active { background: var(--hover-bg); color: #fff; }
  .toc-list,
  .sidebar-title { display: none; }
}

@media (max-width: 1024px) {
  .step img,
  .step video { display: block; margin-top: 32px; }
  .footer-container .footer-link,
  .footer-container .footer-social { font-size: 14px; line-height: 18px; }
  .main_photo_blog img { max-height: 300px; object-fit: cover; }
}

@media (max-width: 820px) {
  .footer-container .footerleft,
  .footer-container .footerright { margin-top: 0px; }
}

@media (max-width: 640px) {
  .mob_blog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .mob_blog .blog_date { display: block; margin-block: 0px; margin-top: 16px; }
  .blog_box_info .blog_date { display: none; }
  .ai-summary-block { flex-direction: column; align-items: flex-start; gap: 12px; }
  .ai-summary-buttons { width: 100%; }
  .ai-summary-btn { flex: 1; width: auto; }
  .ai-summary-block { flex-direction: column; align-items: flex-start; gap: 12px; }
  .ai-summary-buttons { width: 100%; }
  .ai-summary-btn { flex: 1; width: auto !important; }
  .main_photo_blog img { max-height: 200px; }
}

@media (max-width: 768px) {
  .swiper_blogs { padding-bottom: 60px; }
  .swiper_blogs .swiper-button-next,
                        .swiper_blogs .swiper-button-prev { top: auto; bottom: 0; transform: none; }
}