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

.buttons_hub .nav-inner { padding-right: 29px; }
.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; }
.form-group input:focus,
  .form-group select:focus,
  .form-group textarea:focus { border-color: #f59e0b; }
.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; overflow: hidden; }
.toc-list a { padding: 16px 0; border-top: 1px solid rgba(226, 232, 240, 0.5); 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: 0.25s ease; transition: 0.25s ease; }
.toc-list a:last-child { border-bottom: 1px solid rgba(226, 232, 240, 0.5); }
.text_blog 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: 500; line-height: 150%; margin-bottom: 16px; }
.blog_line { background: #e2e8f0; border: none; height: 1px; margin: 0; }
.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; }
.sect_edit .left a img { width: 100%; height: 100%; max-height: 480px; object-fit: cover; border-radius: 12px; display: block; }
.sect_edit .left a { display: flex; flex-direction: column; }
.sect_edit .grid2 { align-items: stretch; }
.sect_edit .left,
  .sect_edit .right { min-height: 0; }
.swiper_blogs .swiper-slide { width: 355px !important; }
.swiper_blogs,
  .swiper_blogs .swiper-wrapper,
  .swiper_blogs .swiper-slide { height: auto !important; }
.main_photo_blog,
  .hero_blog_template .main_photo_blog { max-height: none !important; overflow: visible !important; }
.main_photo_blog img,
  .hero_blog_template .main_photo_blog img { width: 100% !important; height: auto !important; max-height: none !important; object-fit: unset !important; display: block !important; padding-top: 0 !important; }
.swiper_blogs { padding-bottom: 60px !important; height: auto !important; }
.swiper_blogs .swiper-wrapper,
  .swiper_blogs .swiper-slide { height: auto !important; }
.swiper_blogs .swiper-wrapper { align-items: stretch !important; }
.swiper_blogs .box_pagination { position: absolute; bottom: 0; right: 0; }
.ext-hm-1 { mix-blend-mode:lighten }

@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; }
  .swiper_blogs .swiper-pagination { display: flex !important; justify-content: center; bottom: 16px; position: absolute; width: 100%; }
  .swiper_blogs .box_pagination { display: flex !important; }
  .swiper_blogs { overflow: hidden !important; }
  .swiper_blogs .swiper-wrapper { width: 100% !important; }
  .swiper_blogs .swiper-slide { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  .swiper_blogs * { min-width: 0 !important; }
  body { overflow-x: hidden !important; }
}

@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; }
}

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

@media (max-width: 600px) {
  .swiper_blogs .swiper-slide { width: calc(100vw - 48px) !important; }
}

@media (max-width: 800px) {
  .card_blog .image { height: 220px; min-height: 220px; overflow: hidden; width: 100%; display: block; }
  .card_blog .image img { width: 100%; height: 100%; min-height: 220px; -o-object-fit: cover; object-fit: cover; -webkit-transform: translateZ(0); transform: translateZ(0); display: block; }
}