@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600&display=swap");
@import "https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css";
@font-face {
  font-family: "bold";
  src: url("../fonts/bold.otf");
  font-display: swap;
}
@font-face {
  font-family: "bold-oblique";
  src: url("../fonts/boldOblique.otf");
  font-display: swap;
}
@font-face {
  font-family: "light";
  src: url("../fonts/light.otf");
  font-display: swap;
}
@font-face {
  font-family: "light-oblique";
  src: url("../fonts/lightOblique.otf");
  font-display: swap;
}
@font-face {
  font-family: "blog-bold";
  src: url("../fonts/blog/bold.ttf");
}
@font-face {
  font-family: "blog-main";
  src: url("../fonts/blog/regular.ttf");
}
@font-face {
  font-family: "blog-bold-italic";
  src: url("../fonts/blog/bold-italic.ttf");
}
.gradient-text, .perps-section-1 .cards .common-section-title, .liquidity-hub-section-3-column h4, .ton-gateway-cards-card-title, .single-blog-bottom-title, .footer-navigation-links-title, .footer-blogs .footer-blog-title, .side-menu a, .subscribe .form-title, .boxes-list .box h5, .page-colored-section-title, .ai-section-title, .dlimit .schema-subtitle, .dtwap-explanation-title, .dtwap-benefits-title, .ton-gateway-posts h3, .notifications .apps-title, .notifications .integrations-title, .orbs-vm .orbs-vm-graph-2 h3, .news-posts-title, .contact-socials-section h4, .white-papers-category-title, .universe-second-flex .images-grid-title, .network-section-how h4, .network-section-how h2, .network-section-products-list-item-body h4, .network-section h3, .faq-lists-category h5, .common-section-title, .integrations-integrate-title, .integrations-title, .common-grid-section h3, .page-title, .side-menu-title, .header h1, .news-hero h1 {
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.no-text-transform {
  text-transform: none !important;
}

.button, .single-blog-bottom-flex-item a, .white-button, .ton-gateway-example-links a, .notifications .contribute-bottom-buttons .link-button, .filled-button, .brand-assets .brand-asset-buttons a, .pink-button, .news #load-more-posts, .news-video-right-button, .white-papers-box-btn, .form-submit-container .form-submit, .expending-box .expend-btn {
  border: 2px solid #5e75e8;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  padding: 0px 60px;
  height: 45px;
  font-size: 14px;
  font-family: "Montserrat";
  color: #5e75e8;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s all;
  cursor: pointer;
  text-align: center;
}
.button *, .single-blog-bottom-flex-item a *, .white-button *, .ton-gateway-example-links a *, .notifications .contribute-bottom-buttons .link-button *, .filled-button *, .brand-assets .brand-asset-buttons a *, .pink-button *, .news #load-more-posts *, .news-video-right-button *, .white-papers-box-btn *, .form-submit-container .form-submit *, .expending-box .expend-btn * {
  font-size: inherit !important;
  font-family: inherit !important;
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  margin: 0px;
  color: inherit !important;
}
.button .text-p, .button .ai-chains-subtitle p, .ai-chains-subtitle .button p, .button .ai-how-subtitle p, .ai-how-subtitle .button p, .button .ai-quickstart-subtitle p, .ai-quickstart-subtitle .button p, .button .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .button li, .button .selectbox-list-item h4 *, .selectbox-list-item h4 .button *, .button .selectbox-list-item h4, .selectbox-list-item .button h4, .button .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .button h5, .button .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .button h5, .button .news-hero-body h4, .news-hero-body .button h4, .single-blog-bottom-flex-item a .text-p, .single-blog-bottom-flex-item a .ai-chains-subtitle p, .ai-chains-subtitle .single-blog-bottom-flex-item a p, .single-blog-bottom-flex-item a .ai-how-subtitle p, .ai-how-subtitle .single-blog-bottom-flex-item a p, .single-blog-bottom-flex-item a .ai-quickstart-subtitle p, .ai-quickstart-subtitle .single-blog-bottom-flex-item a p, .single-blog-bottom-flex-item a .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .single-blog-bottom-flex-item a li, .single-blog-bottom-flex-item a .selectbox-list-item h4 *, .selectbox-list-item h4 .single-blog-bottom-flex-item a *, .single-blog-bottom-flex-item a .selectbox-list-item h4, .selectbox-list-item .single-blog-bottom-flex-item a h4, .single-blog-bottom-flex-item a .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .single-blog-bottom-flex-item a h5, .single-blog-bottom-flex-item a .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .single-blog-bottom-flex-item a h5, .single-blog-bottom-flex-item a .news-hero-body h4, .news-hero-body .single-blog-bottom-flex-item a h4, .button .blog-list-blog-title, .single-blog-bottom-flex-item a .blog-list-blog-title, .button .blog .header h2, .button .blog .news-hero h2, .single-blog-bottom-flex-item a .blog .header h2, .single-blog-bottom-flex-item a .blog .news-hero h2, .blog .header .button h2, .blog .news-hero .button h2, .blog .header .single-blog-bottom-flex-item a h2, .blog .news-hero .single-blog-bottom-flex-item a h2, .single-blog-bottom-flex-item .blog .header a h2, .single-blog-bottom-flex-item .blog .news-hero a h2, .white-button .text-p, .white-button .ai-chains-subtitle p, .ai-chains-subtitle .white-button p, .white-button .ai-how-subtitle p, .ai-how-subtitle .white-button p, .white-button .ai-quickstart-subtitle p, .ai-quickstart-subtitle .white-button p, .white-button .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .white-button li, .white-button .selectbox-list-item h4 *, .selectbox-list-item h4 .white-button *, .white-button .selectbox-list-item h4, .selectbox-list-item .white-button h4, .ton-gateway-example-links a .text-p, .ton-gateway-example-links a .ai-chains-subtitle p, .ai-chains-subtitle .ton-gateway-example-links a p, .ton-gateway-example-links a .ai-how-subtitle p, .ai-how-subtitle .ton-gateway-example-links a p, .ton-gateway-example-links a .ai-quickstart-subtitle p, .ai-quickstart-subtitle .ton-gateway-example-links a p, .ton-gateway-example-links a .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .ton-gateway-example-links a li, .ton-gateway-example-links a .selectbox-list-item h4 *, .selectbox-list-item h4 .ton-gateway-example-links a *, .ton-gateway-example-links a .selectbox-list-item h4, .selectbox-list-item .ton-gateway-example-links a h4, .white-button .ton-gateway-posts .post-profile-right h5, .ton-gateway-example-links a .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .white-button h5, .ton-gateway-posts .post-profile-right .ton-gateway-example-links a h5, .ton-gateway-example-links .ton-gateway-posts .post-profile-right a h5, .white-button .notifications .integrations-list .integration h5, .ton-gateway-example-links a .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .white-button h5, .notifications .integrations-list .integration .ton-gateway-example-links a h5, .ton-gateway-example-links .notifications .integrations-list .integration a h5, .notifications .contribute-bottom-buttons .link-button .text-p, .notifications .contribute-bottom-buttons .link-button .ai-chains-subtitle p, .ai-chains-subtitle .notifications .contribute-bottom-buttons .link-button p, .notifications .contribute-bottom-buttons .link-button .ai-how-subtitle p, .ai-how-subtitle .notifications .contribute-bottom-buttons .link-button p, .notifications .contribute-bottom-buttons .link-button .ai-quickstart-subtitle p, .ai-quickstart-subtitle .notifications .contribute-bottom-buttons .link-button p, .notifications .contribute-bottom-buttons .link-button .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .notifications .contribute-bottom-buttons .link-button li, .notifications .contribute-bottom-buttons .link-button .selectbox-list-item h4 *, .selectbox-list-item h4 .notifications .contribute-bottom-buttons .link-button *, .notifications .contribute-bottom-buttons .link-button .selectbox-list-item h4, .selectbox-list-item .notifications .contribute-bottom-buttons .link-button h4, .notifications .contribute-bottom-buttons .link-button .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .notifications .contribute-bottom-buttons .link-button h5, .notifications .contribute-bottom-buttons .link-button .integrations-list .integration h5, .notifications .integrations-list .integration .contribute-bottom-buttons .link-button h5, .white-button .news-hero-body h4, .ton-gateway-example-links a .news-hero-body h4, .notifications .contribute-bottom-buttons .link-button .news-hero-body h4, .news-hero-body .white-button h4, .news-hero-body .ton-gateway-example-links a h4, .ton-gateway-example-links .news-hero-body a h4, .news-hero-body .notifications .contribute-bottom-buttons .link-button h4, .notifications .contribute-bottom-buttons .news-hero-body .link-button h4, .white-button .blog-list-blog-title, .ton-gateway-example-links a .blog-list-blog-title, .notifications .contribute-bottom-buttons .link-button .blog-list-blog-title, .white-button .blog .header h2, .ton-gateway-example-links a .blog .header h2, .notifications .contribute-bottom-buttons .link-button .blog .header h2, .white-button .blog .news-hero h2, .ton-gateway-example-links a .blog .news-hero h2, .notifications .contribute-bottom-buttons .link-button .blog .news-hero h2, .blog .header .white-button h2, .blog .header .ton-gateway-example-links a h2, .ton-gateway-example-links .blog .header a h2, .blog .header .notifications .contribute-bottom-buttons .link-button h2, .notifications .contribute-bottom-buttons .blog .header .link-button h2, .blog .news-hero .white-button h2, .blog .news-hero .ton-gateway-example-links a h2, .ton-gateway-example-links .blog .news-hero a h2, .blog .news-hero .notifications .contribute-bottom-buttons .link-button h2, .notifications .contribute-bottom-buttons .blog .news-hero .link-button h2, .filled-button .text-p, .filled-button .ai-chains-subtitle p, .ai-chains-subtitle .filled-button p, .filled-button .ai-how-subtitle p, .ai-how-subtitle .filled-button p, .filled-button .ai-quickstart-subtitle p, .ai-quickstart-subtitle .filled-button p, .filled-button .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .filled-button li, .brand-assets .brand-asset-buttons a .text-p, .brand-assets .brand-asset-buttons a .ai-chains-subtitle p, .ai-chains-subtitle .brand-assets .brand-asset-buttons a p, .brand-assets .brand-asset-buttons a .ai-how-subtitle p, .ai-how-subtitle .brand-assets .brand-asset-buttons a p, .brand-assets .brand-asset-buttons a .ai-quickstart-subtitle p, .ai-quickstart-subtitle .brand-assets .brand-asset-buttons a p, .brand-assets .brand-asset-buttons a .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .brand-assets .brand-asset-buttons a li, .filled-button .selectbox-list-item h4 *, .brand-assets .brand-asset-buttons a .selectbox-list-item h4 *, .selectbox-list-item h4 .filled-button *, .selectbox-list-item h4 .brand-assets .brand-asset-buttons a *, .brand-assets .brand-asset-buttons .selectbox-list-item h4 a *, .filled-button .selectbox-list-item h4, .brand-assets .brand-asset-buttons a .selectbox-list-item h4, .selectbox-list-item .filled-button h4, .selectbox-list-item .brand-assets .brand-asset-buttons a h4, .brand-assets .brand-asset-buttons .selectbox-list-item a h4, .filled-button .ton-gateway-posts .post-profile-right h5, .brand-assets .brand-asset-buttons a .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .filled-button h5, .ton-gateway-posts .post-profile-right .brand-assets .brand-asset-buttons a h5, .brand-assets .brand-asset-buttons .ton-gateway-posts .post-profile-right a h5, .filled-button .notifications .integrations-list .integration h5, .brand-assets .brand-asset-buttons a .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .filled-button h5, .notifications .integrations-list .integration .brand-assets .brand-asset-buttons a h5, .brand-assets .brand-asset-buttons .notifications .integrations-list .integration a h5, .filled-button .news-hero-body h4, .brand-assets .brand-asset-buttons a .news-hero-body h4, .news-hero-body .filled-button h4, .news-hero-body .brand-assets .brand-asset-buttons a h4, .brand-assets .brand-asset-buttons .news-hero-body a h4, .filled-button .blog-list-blog-title, .brand-assets .brand-asset-buttons a .blog-list-blog-title, .filled-button .blog .header h2, .brand-assets .brand-asset-buttons a .blog .header h2, .filled-button .blog .news-hero h2, .brand-assets .brand-asset-buttons a .blog .news-hero h2, .blog .header .filled-button h2, .blog .header .brand-assets .brand-asset-buttons a h2, .brand-assets .brand-asset-buttons .blog .header a h2, .blog .news-hero .filled-button h2, .blog .news-hero .brand-assets .brand-asset-buttons a h2, .brand-assets .brand-asset-buttons .blog .news-hero a h2, .pink-button .text-p, .pink-button .ai-chains-subtitle p, .ai-chains-subtitle .pink-button p, .pink-button .ai-how-subtitle p, .ai-how-subtitle .pink-button p, .pink-button .ai-quickstart-subtitle p, .ai-quickstart-subtitle .pink-button p, .pink-button .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .pink-button li, .pink-button .selectbox-list-item h4 *, .selectbox-list-item h4 .pink-button *, .pink-button .selectbox-list-item h4, .selectbox-list-item .pink-button h4, .pink-button .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .pink-button h5, .pink-button .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .pink-button h5, .news #load-more-posts .text-p, .news #load-more-posts .ai-chains-subtitle p, .ai-chains-subtitle .news #load-more-posts p, .news #load-more-posts .ai-how-subtitle p, .ai-how-subtitle .news #load-more-posts p, .news #load-more-posts .ai-quickstart-subtitle p, .ai-quickstart-subtitle .news #load-more-posts p, .news #load-more-posts .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .news #load-more-posts li, .news #load-more-posts .selectbox-list-item h4 *, .selectbox-list-item h4 .news #load-more-posts *, .news #load-more-posts .selectbox-list-item h4, .selectbox-list-item .news #load-more-posts h4, .news #load-more-posts .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .news #load-more-posts h5, .news #load-more-posts .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .news #load-more-posts h5, .news-video-right-button .text-p, .news-video-right-button .ai-chains-subtitle p, .ai-chains-subtitle .news-video-right-button p, .news-video-right-button .ai-how-subtitle p, .ai-how-subtitle .news-video-right-button p, .news-video-right-button .ai-quickstart-subtitle p, .ai-quickstart-subtitle .news-video-right-button p, .news-video-right-button .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .news-video-right-button li, .news-video-right-button .selectbox-list-item h4 *, .selectbox-list-item h4 .news-video-right-button *, .news-video-right-button .selectbox-list-item h4, .selectbox-list-item .news-video-right-button h4, .news-video-right-button .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .news-video-right-button h5, .news-video-right-button .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .news-video-right-button h5, .pink-button .news-hero-body h4, .news #load-more-posts .news-hero-body h4, .news-video-right-button .news-hero-body h4, .news-hero-body .pink-button h4, .news-hero-body .news #load-more-posts h4, .news .news-hero-body #load-more-posts h4, .news-hero-body .news-video-right-button h4, .white-papers-box-btn .text-p, .white-papers-box-btn .ai-chains-subtitle p, .ai-chains-subtitle .white-papers-box-btn p, .white-papers-box-btn .ai-how-subtitle p, .ai-how-subtitle .white-papers-box-btn p, .white-papers-box-btn .ai-quickstart-subtitle p, .ai-quickstart-subtitle .white-papers-box-btn p, .white-papers-box-btn .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .white-papers-box-btn li, .white-papers-box-btn .selectbox-list-item h4 *, .selectbox-list-item h4 .white-papers-box-btn *, .white-papers-box-btn .selectbox-list-item h4, .selectbox-list-item .white-papers-box-btn h4, .white-papers-box-btn .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .white-papers-box-btn h5, .white-papers-box-btn .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .white-papers-box-btn h5, .white-papers-box-btn .news-hero-body h4, .news-hero-body .white-papers-box-btn h4, .pink-button .blog-list-blog-title, .news #load-more-posts .blog-list-blog-title, .news-video-right-button .blog-list-blog-title, .white-papers-box-btn .blog-list-blog-title, .pink-button .blog .header h2, .news #load-more-posts .blog .header h2, .news-video-right-button .blog .header h2, .pink-button .blog .news-hero h2, .news #load-more-posts .blog .news-hero h2, .news-video-right-button .blog .news-hero h2, .white-papers-box-btn .blog .header h2, .white-papers-box-btn .blog .news-hero h2, .blog .header .pink-button h2, .blog .header .news #load-more-posts h2, .news .blog .header #load-more-posts h2, .blog .header .news-video-right-button h2, .blog .news-hero .pink-button h2, .blog .news-hero .news #load-more-posts h2, .news .blog .news-hero #load-more-posts h2, .blog .news-hero .news-video-right-button h2, .blog .header .white-papers-box-btn h2, .blog .news-hero .white-papers-box-btn h2, .form-submit-container .form-submit .text-p, .form-submit-container .form-submit .ai-chains-subtitle p, .ai-chains-subtitle .form-submit-container .form-submit p, .form-submit-container .form-submit .ai-how-subtitle p, .ai-how-subtitle .form-submit-container .form-submit p, .form-submit-container .form-submit .ai-quickstart-subtitle p, .ai-quickstart-subtitle .form-submit-container .form-submit p, .form-submit-container .form-submit .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .form-submit-container .form-submit li, .form-submit-container .form-submit .selectbox-list-item h4 *, .selectbox-list-item h4 .form-submit-container .form-submit *, .form-submit-container .form-submit .selectbox-list-item h4, .selectbox-list-item .form-submit-container .form-submit h4, .form-submit-container .form-submit .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .form-submit-container .form-submit h5, .form-submit-container .form-submit .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .form-submit-container .form-submit h5, .form-submit-container .form-submit .news-hero-body h4, .news-hero-body .form-submit-container .form-submit h4, .form-submit-container .form-submit .blog-list-blog-title, .form-submit-container .form-submit .blog .header h2, .form-submit-container .form-submit .blog .news-hero h2, .blog .header .form-submit-container .form-submit h2, .blog .news-hero .form-submit-container .form-submit h2, .expending-box .expend-btn .text-p, .expending-box .expend-btn .ai-chains-subtitle p, .ai-chains-subtitle .expending-box .expend-btn p, .expending-box .expend-btn .ai-how-subtitle p, .ai-how-subtitle .expending-box .expend-btn p, .expending-box .expend-btn .ai-quickstart-subtitle p, .ai-quickstart-subtitle .expending-box .expend-btn p, .expending-box .expend-btn .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .expending-box .expend-btn li, .expending-box .expend-btn .selectbox-list-item h4 *, .selectbox-list-item h4 .expending-box .expend-btn *, .expending-box .expend-btn .selectbox-list-item h4, .selectbox-list-item .expending-box .expend-btn h4, .expending-box .expend-btn .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .expending-box .expend-btn h5, .expending-box .expend-btn .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .expending-box .expend-btn h5, .expending-box .expend-btn .news-hero-body h4, .news-hero-body .expending-box .expend-btn h4, .expending-box .expend-btn .blog-list-blog-title, .expending-box .expend-btn .blog .header h2, .expending-box .expend-btn .blog .news-hero h2, .blog .header .expending-box .expend-btn h2, .blog .news-hero .expending-box .expend-btn h2 {
  margin: 0;
}
.button:hover, .single-blog-bottom-flex-item a:hover, .white-button:hover, .ton-gateway-example-links a:hover, .notifications .contribute-bottom-buttons .link-button:hover, .filled-button:hover, .brand-assets .brand-asset-buttons a:hover, .pink-button:hover, .news #load-more-posts:hover, .news-video-right-button:hover, .white-papers-box-btn:hover, .form-submit-container .form-submit:hover, .expending-box .expend-btn:hover {
  color: white;
  background: #5e75e8;
}

.pink-button, .news #load-more-posts, .news-video-right-button, .white-papers-box-btn, .form-submit-container .form-submit, .expending-box .expend-btn {
  color: #da88de;
  border: 2px solid #da88de;
}
.pink-button:hover, .news #load-more-posts:hover, .news-video-right-button:hover, .white-papers-box-btn:hover, .form-submit-container .form-submit:hover, .expending-box .expend-btn:hover {
  color: white;
  background: #da88de;
}

.filled-button, .brand-assets .brand-asset-buttons a {
  background: #da88de;
  border: 2px solid transparent;
  color: white;
}
.filled-button:hover, .brand-assets .brand-asset-buttons a:hover {
  color: #da88de;
  background: white;
  border: 2px solid #da88de;
}

.white-button, .ton-gateway-example-links a, .notifications .contribute-bottom-buttons .link-button {
  color: white;
  border: 1px solid white;
}
.white-button:hover, .ton-gateway-example-links a:hover, .notifications .contribute-bottom-buttons .link-button:hover {
  color: #5e75e8;
  background: white;
}

.page-title, .side-menu-title, .header h1, .news-hero h1 {
  font-weight: 900;
  font-size: 46px;
  line-height: 60px;
  text-transform: uppercase;
}

.page-section-title, .dtwap-code-examples-title, .ton-gateway-example-title *, .notifications .integrations-list #integration-pr > p, .notifications .contribute-title, .notifications .contribute-bottom h5, .orbs-vm .orbs-vm-graph h3, .universe-second-flex .expending-box-title, .universe-first-flex-sections .universe-first-flex-section-header-title, .network-section-third .network-section-text h2, .form-sub-title, .expending-box-title,
.expending-box .title-h4, .header-top-text, .product-header-github p, .header h4, .news-hero h4, .page-colored-section-title, .ai-section-title, .dlimit .schema-subtitle, .dtwap-explanation-title, .dtwap-benefits-title, .ton-gateway-posts h3, .notifications .apps-title, .notifications .integrations-title, .orbs-vm .orbs-vm-graph-2 h3, .news-posts-title, .contact-socials-section h4, .white-papers-category-title, .universe-second-flex .images-grid-title, .network-section-how h4, .network-section-how h2, .network-section-products-list-item-body h4, .network-section h3, .faq-lists-category h5, .common-section-title, .integrations-integrate-title, .integrations-title, .common-grid-section h3 {
  font-size: 24px;
  font-weight: 700;
  font-family: "Montserrat";
  line-height: 31px;
  color: white;
}

.page-section-subtitle, .network-section-third .network-section-text h4 {
  font-weight: 500;
  font-size: 19px;
  color: white;
  font-family: "Montserrat";
}

.page {
  padding-top: 90px;
}

.main-grid, .news-grid, .contact, .single-blog-header, .small-grid, .orbs-vm .common-grid-section-grid {
  max-width: 1600px;
  width: calc(100% - 100px);
  margin-left: auto;
  margin-right: auto;
}

.small-grid, .orbs-vm .common-grid-section-grid {
  max-width: 900px;
}

.page-title, .side-menu-title, .header h1, .news-hero h1 {
  font-weight: 900;
  font-size: 46px;
  line-height: 60px;
}

.header-top-text, .product-header-github p, .header h4, .news-hero h4 {
  font-weight: 700;
  color: #454545;
}

.header, .news-hero {
  text-align: center;
  margin-bottom: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header h4, .news-hero h4 {
  width: 100%;
  margin-bottom: 0px;
}
.header p, .news-hero p {
  margin-top: 40px;
}

.common-grid-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
}
.common-grid-section-text {
  flex: 1;
}
.common-grid-section-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px;
}
.common-grid-section {
  display: flex;
  align-items: center;
}
.common-grid-section h3 {
  max-width: 90%;
  margin-bottom: 20px;
}

.text-p, .ai-chains-subtitle p, .ai-how-subtitle p, .ai-quickstart-subtitle p, .liquidity-hub-launch-partners-partner .left ul li, .selectbox-list-item h4 *, .selectbox-list-item h4, .ton-gateway-posts .post-profile-right h5, .notifications .integrations-list .integration h5, .news-hero-body h4, .blog-list-blog-title, .blog .header h2, .blog .news-hero h2 {
  font-size: 17px;
  color: #454545;
  line-height: 27px;
  margin-bottom: 20px;
}
.text-p:last-child, .ai-chains-subtitle p:last-child, .ai-how-subtitle p:last-child, .ai-quickstart-subtitle p:last-child, .liquidity-hub-launch-partners-partner .left ul li:last-child, .selectbox-list-item h4 :last-child, .selectbox-list-item h4:last-child, .ton-gateway-posts .post-profile-right h5:last-child, .notifications .integrations-list .integration h5:last-child, .news-hero-body h4:last-child, .blog-list-blog-title:last-child, .blog .header h2:last-child, .blog .news-hero h2:last-child {
  margin-bottom: 0px;
}
.text-p strong, .ai-chains-subtitle p strong, .ai-how-subtitle p strong, .ai-quickstart-subtitle p strong, .liquidity-hub-launch-partners-partner .left ul li strong, .selectbox-list-item h4 strong, .ton-gateway-posts .post-profile-right h5 strong, .notifications .integrations-list .integration h5 strong, .news-hero-body h4 strong, .blog-list-blog-title strong, .blog .header h2 strong, .blog .news-hero h2 strong {
  color: #454545;
}

@media only screen and (max-width: 1050px) {
  .notifications .main-grid, .notifications .news-grid, .notifications .contact, .notifications .single-blog-header, .notifications .small-grid, .notifications .orbs-vm .common-grid-section-grid, .orbs-vm .notifications .common-grid-section-grid {
    width: calc(100% - 40px);
  }
}
@media only screen and (max-width: 800px) {
  .header, .news-hero {
    margin-bottom: 80px;
  }
  .page-title, .side-menu-title, .header h1, .news-hero h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .page-title, .side-menu-title, .header h1, .news-hero h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .page {
    padding-top: 70px;
  }
  .page-section-title, .dtwap-code-examples-title, .ton-gateway-example-title *, .notifications .integrations-list #integration-pr > p, .notifications .contribute-title, .notifications .contribute-bottom h5, .orbs-vm .orbs-vm-graph h3, .universe-second-flex .expending-box-title, .universe-first-flex-sections .universe-first-flex-section-header-title, .network-section-third .network-section-text h2, .form-sub-title, .expending-box-title,
  .expending-box .title-h4, .page-colored-section-title, .ai-section-title, .dlimit .schema-subtitle, .dtwap-explanation-title, .dtwap-benefits-title, .ton-gateway-posts h3, .notifications .apps-title, .notifications .integrations-title, .orbs-vm .orbs-vm-graph-2 h3, .news-posts-title, .contact-socials-section h4, .white-papers-category-title, .universe-second-flex .images-grid-title, .network-section-how h4, .network-section-how h2, .network-section-products-list-item-body h4, .network-section h3, .faq-lists-category h5, .common-section-title, .integrations-integrate-title, .integrations-title, .header-top-text, .product-header-github p, .header h4, .news-hero h4, .common-grid-section h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .text-p, .ai-chains-subtitle p, .ai-how-subtitle p, .ai-quickstart-subtitle p, .liquidity-hub-launch-partners-partner .left ul li, .selectbox-list-item h4 *, .selectbox-list-item h4, .ton-gateway-posts .post-profile-right h5, .notifications .integrations-list .integration h5, .news-hero-body h4, .blog-list-blog-title, .blog .header h2, .blog .news-hero h2 {
    font-size: 16px;
  }
  .button, .single-blog-bottom-flex-item a, .pink-button, .news #load-more-posts, .news-video-right-button, .white-papers-box-btn, .form-submit-container .form-submit, .expending-box .expend-btn, .filled-button, .brand-assets .brand-asset-buttons a, .white-button, .ton-gateway-example-links a, .notifications .contribute-bottom-buttons .link-button {
    padding: 0px 20px;
  }
}
.hljs {
  padding: 0;
  font-size: 15px;
  line-height: 24px;
}

.scroll-button p {
  margin: 0px !important;
}

.line-separator {
  background: #ebebeb;
  width: 70%;
  max-width: 400px;
  height: 3px;
  margin-bottom: 40px;
  margin-top: 40px;
  position: relative;
}
.line-separator::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  background: white;
  border: 2px solid #ebebeb;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.title-pill, .network-section-mission-text h2, .network-section-second .network-section-text h2, .network-section-first-features-item h2 {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 20px;
  background: linear-gradient(268.26deg, #7988e8 14.66%, #db89df 86.69%);
  text-transform: uppercase;
}
.title-pill.alt, .network-section-mission-text h2, .network-section-second .network-section-text h2, .network-section-first-features-item h2.alt {
  background: #fff;
  color: #7988e8;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
  color: white;
  outline: none;
  user-select: text;
  overflow-wrap: break-word;
}

button {
  padding: 0px;
  cursor: pointer;
}

::-webkit-scrollbar {
  width: 0px;
  display: none;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.footer {
  padding: 0px;
}

button {
  background: transparent;
  cursor: pointer;
  border: none;
}

:root {
  font-size: 100%;
}

p,
li {
  font-family: "Montserrat";
}

html {
  scroll-behavior: smooth;
}

.label {
  width: 100px;
  height: 100px;
}

body {
  font-family: "Montserrat";
  overflow-x: hidden;
  position: relative;
}

.app-wrapper {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
}

html {
  height: -webkit-fill-available;
}

body {
  background: #fcf8fd;
}

.md-title-h5 {
  font-size: 1.063rem;
  font-weight: 500;
}
.md-title-h4 {
  font-size: 1.438rem;
  font-weight: 600;
}

*:not(.challenge *) {
  color: #454545;
  letter-spacing: -0.009rem;
}

.overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 999;
  opacity: 0;
  transition: 0.2s all;
  pointer-events: none;
}
.overlay-active {
  opacity: 1;
}

.hljs {
  background: transparent;
  padding: 0px;
}

.hljs-tag {
  color: #24292f;
}

.typed-cursor {
  margin-left: 10px;
  position: relative;
}
.typed-cursor::after {
  position: absolute;
  left: 0px;
  content: ".";
  font-size: 90px;
  color: white;
}

.overflow-hidden {
  overflow: hidden;
}

.disabled-link {
  pointer-events: none;
}

.scroll-top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: white;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s all;
}
.scroll-top img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.1);
}
.scroll-top-active {
  opacity: 1;
  pointer-events: all;
}

.app-loader {
  width: 120px;
  height: 120px;
  position: fixed;
  transition: 0.5s all;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.app-loader img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.app-wrapper {
  transition: 0.5s all;
}

.absolute {
  position: absolute;
  left: 0px;
  height: 100%;
  width: 100%;
  top: 0px;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

@media only screen and (max-width: 700px) {
  .app-loader {
    width: 100px;
    height: 100px;
  }
}
.gdpr {
  width: 100%;
  position: fixed;
  bottom: 0px;
  min-height: 70px;
  background: #5E75E8;
  padding: 10px 40px;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s all;
  display: flex;
  justify-content: space-between;
  transform: translate(0, 100%);
  transition: 0.2s all;
  z-index: 999999;
}
.gdpr * {
  color: white;
}
.gdpr-btns {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.gdpr-btns button {
  padding: 0px 30px;
  height: 45px;
  border: 2px solid white;
  margin-left: 20px;
  font-size: 1rem;
  border-radius: 42px;
  text-transform: capitalize;
  color: white;
}
.gdpr-btns button:first-child {
  margin-left: 0px;
}
.gdpr-btns-accept {
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
}
.gdpr a {
  text-decoration: none;
}
.gdpr .text-p, .gdpr .ai-chains-subtitle p, .ai-chains-subtitle .gdpr p, .gdpr .ai-how-subtitle p, .ai-how-subtitle .gdpr p, .gdpr .ai-quickstart-subtitle p, .ai-quickstart-subtitle .gdpr p, .gdpr .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .gdpr li, .gdpr .selectbox-list-item h4 *, .selectbox-list-item h4 .gdpr *, .gdpr .selectbox-list-item h4, .selectbox-list-item .gdpr h4, .gdpr .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .gdpr h5, .gdpr .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .gdpr h5, .gdpr .news-hero-body h4, .news-hero-body .gdpr h4, .gdpr .blog-list-blog-title, .gdpr .blog .header h2, .gdpr .blog .news-hero h2, .blog .header .gdpr h2, .blog .news-hero .gdpr h2 {
  margin: 0px;
  flex: 1;
  padding-right: 50px;
  align-self: center;
}
.gdpr-active {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0%);
}

.images-grid {
  width: 50%;
}
.images-grid-title {
  letter-spacing: 0.4px;
  margin-bottom: 45px;
  font-weight: 600;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.875rem;
}
.images-grid-list {
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  display: flex;
}
.images-grid-list li {
  text-align: center;
}
.images-grid-list li .text-p, .images-grid-list li .ai-chains-subtitle p, .ai-chains-subtitle .images-grid-list li p, .images-grid-list li .ai-how-subtitle p, .ai-how-subtitle .images-grid-list li p, .images-grid-list li .ai-quickstart-subtitle p, .ai-quickstart-subtitle .images-grid-list li p, .images-grid-list li .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .images-grid-list li li, .images-grid-list li .selectbox-list-item h4 *, .selectbox-list-item h4 .images-grid-list li *, .images-grid-list li .selectbox-list-item h4, .selectbox-list-item .images-grid-list li h4, .images-grid-list li .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .images-grid-list li h5, .images-grid-list li .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .images-grid-list li h5, .images-grid-list li .news-hero-body h4, .news-hero-body .images-grid-list li h4, .images-grid-list li .blog-list-blog-title, .images-grid-list li .blog .header h2, .images-grid-list li .blog .news-hero h2, .blog .header .images-grid-list li h2, .blog .news-hero .images-grid-list li h2 {
  text-align: center;
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.563rem;
}
.images-grid-list li .text-p:last-child, .images-grid-list li .ai-chains-subtitle p:last-child, .ai-chains-subtitle .images-grid-list li p:last-child, .images-grid-list li .ai-how-subtitle p:last-child, .ai-how-subtitle .images-grid-list li p:last-child, .images-grid-list li .ai-quickstart-subtitle p:last-child, .ai-quickstart-subtitle .images-grid-list li p:last-child, .images-grid-list li .liquidity-hub-launch-partners-partner .left ul li:last-child, .liquidity-hub-launch-partners-partner .left ul .images-grid-list li li:last-child, .images-grid-list li .selectbox-list-item h4 :last-child, .selectbox-list-item h4 .images-grid-list li :last-child, .images-grid-list li .selectbox-list-item h4:last-child, .selectbox-list-item .images-grid-list li h4:last-child, .images-grid-list li .ton-gateway-posts .post-profile-right h5:last-child, .ton-gateway-posts .post-profile-right .images-grid-list li h5:last-child, .images-grid-list li .notifications .integrations-list .integration h5:last-child, .notifications .integrations-list .integration .images-grid-list li h5:last-child, .images-grid-list li .news-hero-body h4:last-child, .news-hero-body .images-grid-list li h4:last-child, .images-grid-list li .blog-list-blog-title:last-child, .images-grid-list li .blog .header h2:last-child, .images-grid-list li .blog .news-hero h2:last-child, .blog .header .images-grid-list li h2:last-child, .blog .news-hero .images-grid-list li h2:last-child {
  margin-bottom: 0px;
}
.images-grid-list-img {
  width: 45px;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  margin-bottom: 27px;
}
.images-grid-list-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.expending-box-title,
.expending-box .title-h4 {
  margin-bottom: 20px;
  color: #454545;
  max-width: 80%;
}
.expending-box-text-more {
  display: none;
}
.expending-box-text-more .text-p, .expending-box-text-more .ai-chains-subtitle p, .ai-chains-subtitle .expending-box-text-more p, .expending-box-text-more .ai-how-subtitle p, .ai-how-subtitle .expending-box-text-more p, .expending-box-text-more .ai-quickstart-subtitle p, .ai-quickstart-subtitle .expending-box-text-more p, .expending-box-text-more .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .expending-box-text-more li, .expending-box-text-more .selectbox-list-item h4 *, .selectbox-list-item h4 .expending-box-text-more *, .expending-box-text-more .selectbox-list-item h4, .selectbox-list-item .expending-box-text-more h4, .expending-box-text-more .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .expending-box-text-more h5, .expending-box-text-more .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .expending-box-text-more h5, .expending-box-text-more .news-hero-body h4, .news-hero-body .expending-box-text-more h4, .expending-box-text-more .blog-list-blog-title, .expending-box-text-more .blog .header h2, .expending-box-text-more .blog .news-hero h2, .blog .header .expending-box-text-more h2, .blog .news-hero .expending-box-text-more h2 {
  margin-top: 20px;
}
.expending-box-text-more .title-h4 {
  margin-top: 30px;
}
.expending-box a {
  color: #454545;
  text-decoration: underline;
}
.expending-box .title-h5 {
  letter-spacing: 1px;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 21px;
  margin-top: 20px;
  line-height: 2rem;
}
.expending-box .expend-btn {
  margin-top: 27px;
  transition: 0.2s all;
}
.expending-box .read-less-btn {
  display: none;
}
.expending-box-border-top {
  border-top: 1px solid #5e75e8;
  padding-top: 28px;
}
.expending-box-border-bottom {
  border-bottom: 1px solid #5e75e8;
  padding-bottom: 45px;
}
.expending-box ul li {
  font-size: 0.875rem;
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
  line-height: 1.6rem;
  color: #454545;
}
.expending-box ul li:after {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
  content: "";
  left: 0px;
  top: 8px;
}
.expending-box ul:last-child {
  margin-bottom: 0px;
}
.expending-box-active .read-less-btn {
  display: block;
}
.expending-box-active .read-more-btn {
  display: none;
}
.expending-box-active .expending-box-text-more {
  display: block;
}

.without-max-height {
  max-height: none !important;
}

@media only screen and (max-width: 700px) {
  .expending-box-title {
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.6rem;
  }
}
.boxes-title {
  margin-bottom: 45px;
  color: #ff2cbf;
  font-size: 1.563rem;
  font-weight: 500;
  letter-spacing: 2.9px;
}
.boxes-list {
  flex-wrap: wrap;
  align-items: stretch;
  display: flex;
}
.boxes-list .box {
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(180deg, #cd86df 0%, #688ce9 100%);
  padding: 31px 27px 27px 34px;
  display: flex;
  flex-direction: column;
  min-height: 400px;
}
.boxes-list .box h5 {
  font-size: 1.25rem;
  margin-bottom: 40px;
  line-height: 1.7rem;
  font-weight: 600;
}
.boxes-list .box .text-p, .boxes-list .box .ai-chains-subtitle p, .ai-chains-subtitle .boxes-list .box p, .boxes-list .box .ai-how-subtitle p, .ai-how-subtitle .boxes-list .box p, .boxes-list .box .ai-quickstart-subtitle p, .ai-quickstart-subtitle .boxes-list .box p, .boxes-list .box .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .boxes-list .box li, .boxes-list .box .selectbox-list-item h4 *, .selectbox-list-item h4 .boxes-list .box *, .boxes-list .box .selectbox-list-item h4, .selectbox-list-item .boxes-list .box h4, .boxes-list .box .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .boxes-list .box h5, .boxes-list .box .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .boxes-list .box h5, .boxes-list .box .news-hero-body h4, .news-hero-body .boxes-list .box h4, .boxes-list .box .blog-list-blog-title, .boxes-list .box .blog .header h2, .boxes-list .box .blog .news-hero h2, .blog .header .boxes-list .box h2, .blog .news-hero .boxes-list .box h2 {
  line-height: 1.6rem;
}
.boxes-list .box figure {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-top: auto;
}
.boxes-list .box figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.link-btn {
  padding: 8px 30px 8px 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin: auto;
  width: fit-content;
  text-transform: capitalize;
  text-decoration: none;
  position: relative;
  transition: 0.2s all;
  background: linear-gradient(264.47deg, #7988E8 -9.16%, #5E75E8 40.94%, #DB89DF 93.26%);
}
.link-btn .text-p, .link-btn .ai-chains-subtitle p, .ai-chains-subtitle .link-btn p, .link-btn .ai-how-subtitle p, .ai-how-subtitle .link-btn p, .link-btn .ai-quickstart-subtitle p, .ai-quickstart-subtitle .link-btn p, .link-btn .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .link-btn li, .link-btn .selectbox-list-item h4 *, .selectbox-list-item h4 .link-btn *, .link-btn .selectbox-list-item h4, .selectbox-list-item .link-btn h4, .link-btn .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .link-btn h5, .link-btn .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .link-btn h5, .link-btn .news-hero-body h4, .news-hero-body .link-btn h4, .link-btn .blog-list-blog-title, .link-btn .blog .header h2, .link-btn .blog .news-hero h2, .blog .header .link-btn h2, .blog .news-hero .link-btn h2 {
  letter-spacing: 0.081rem;
  font-size: 0.75rem;
  padding-top: 2px;
  margin-bottom: 0px;
  color: white;
}
.link-btn .link-btn-arrow {
  width: 10px;
  height: 10px;
  position: absolute;
  transition: 0.2s all;
  top: 50%;
}
.link-btn-right {
  padding: 8px 50px 8px 30px;
}
.link-btn-right .link-btn-arrow {
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  right: 25px;
  transform: rotate(-45deg) translate(0, -50%);
}
.link-btn-right:hover {
  padding-right: 30px;
}
.link-btn-right:hover .link-btn-arrow {
  opacity: 0;
}
.link-btn-left {
  padding: 8px 30px 8px 50px;
}
.link-btn-left .link-btn-arrow {
  border: 0px;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
  transform: rotate(45deg) translate(0, -50%);
  left: 25px;
  right: auto;
}
.link-btn-left:hover {
  padding-left: 30px;
}
.link-btn-left:hover .link-btn-arrow {
  opacity: 0;
}

.page-header {
  height: 444px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.page-header-text {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.page-header-text-title {
  margin-top: 139px;
}
.page-header .sub-title {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  z-index: 10;
  margin-top: auto;
  font-size: 1.438rem;
  font-weight: 600;
}
.page-header-gradient {
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(25, 25, 25, 0.3215686275) 18%, #191919 100%) 0% 0% no-repeat padding-box;
  z-index: 2;
}
.page-header-overlay {
  background: black;
  opacity: 0.5;
  z-index: 1;
}
.page-header-media {
  height: 70%;
  overflow: hidden;
}
.page-header-media-video {
  pointer-events: none;
  object-fit: cover;
}
.page-header-media-image {
  pointer-events: none;
  display: none;
  object-fit: cover;
  transform-origin: center;
}

.expending-box-title,
.expending-box .title-h4 {
  margin-bottom: 20px;
  color: #454545;
  max-width: 80%;
}
.expending-box-text-more {
  display: none;
}
.expending-box-text-more .text-p, .expending-box-text-more .ai-chains-subtitle p, .ai-chains-subtitle .expending-box-text-more p, .expending-box-text-more .ai-how-subtitle p, .ai-how-subtitle .expending-box-text-more p, .expending-box-text-more .ai-quickstart-subtitle p, .ai-quickstart-subtitle .expending-box-text-more p, .expending-box-text-more .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .expending-box-text-more li, .expending-box-text-more .selectbox-list-item h4 *, .selectbox-list-item h4 .expending-box-text-more *, .expending-box-text-more .selectbox-list-item h4, .selectbox-list-item .expending-box-text-more h4, .expending-box-text-more .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .expending-box-text-more h5, .expending-box-text-more .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .expending-box-text-more h5, .expending-box-text-more .news-hero-body h4, .news-hero-body .expending-box-text-more h4, .expending-box-text-more .blog-list-blog-title, .expending-box-text-more .blog .header h2, .expending-box-text-more .blog .news-hero h2, .blog .header .expending-box-text-more h2, .blog .news-hero .expending-box-text-more h2 {
  margin-top: 20px;
}
.expending-box-text-more .title-h4 {
  margin-top: 30px;
}
.expending-box a {
  color: #454545;
  text-decoration: underline;
}
.expending-box .title-h5 {
  letter-spacing: 1px;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 21px;
  margin-top: 20px;
  line-height: 2rem;
}
.expending-box .expend-btn {
  margin-top: 27px;
  transition: 0.2s all;
}
.expending-box .read-less-btn {
  display: none;
}
.expending-box-border-top {
  border-top: 1px solid #5e75e8;
  padding-top: 28px;
}
.expending-box-border-bottom {
  border-bottom: 1px solid #5e75e8;
  padding-bottom: 45px;
}
.expending-box ul li {
  font-size: 0.875rem;
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
  line-height: 1.6rem;
  color: #454545;
}
.expending-box ul li:after {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
  content: "";
  left: 0px;
  top: 8px;
}
.expending-box ul:last-child {
  margin-bottom: 0px;
}
.expending-box-active .read-less-btn {
  display: block;
}
.expending-box-active .read-more-btn {
  display: none;
}
.expending-box-active .expending-box-text-more {
  display: block;
}

.without-max-height {
  max-height: none !important;
}

@media only screen and (max-width: 700px) {
  .expending-box-title {
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.6rem;
  }
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.form {
  width: 100%;
  margin: auto;
  flex-wrap: wrap;
  position: relative;
}
.form-content {
  position: relative;
}
.form-success {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: 120px;
  transition: 0.2s all;
  display: none;
}
.form-success h4 {
  font-size: 1.438rem;
  margin-bottom: 30px;
  font-size: bold;
  text-align: center;
}
.form-success .text-p, .form-success .ai-chains-subtitle p, .ai-chains-subtitle .form-success p, .form-success .ai-how-subtitle p, .ai-how-subtitle .form-success p, .form-success .ai-quickstart-subtitle p, .ai-quickstart-subtitle .form-success p, .form-success .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .form-success li, .form-success .selectbox-list-item h4 *, .selectbox-list-item h4 .form-success *, .form-success .selectbox-list-item h4, .selectbox-list-item .form-success h4, .form-success .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .form-success h5, .form-success .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .form-success h5, .form-success .news-hero-body h4, .news-hero-body .form-success h4, .form-success .blog-list-blog-title, .form-success .blog .header h2, .form-success .blog .news-hero h2, .blog .header .form-success h2, .blog .news-hero .form-success h2 {
  text-align: center;
  font-size: 1.063rem;
}
.form-submitted .form-success {
  opacity: 1;
  pointer-events: all;
}
.form-submitted .loader {
  opacity: 0;
}
.form-title {
  margin-bottom: 40px;
  color: #03fcf5;
  font-size: 1.563rem;
  text-transform: uppercase;
  font-family: "bold";
  text-align: center;
}
.form-sub-title {
  color: #454545;
}
.form-inputs {
  flex-wrap: wrap;
}
.form-inputs .form-input {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  position: relative;
}
.form-inputs .form-input label {
  margin-bottom: 15px;
  font-size: 1.063rem;
  font-weight: 500;
}
.form-inputs .form-input input {
  background: transparent;
  border: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0px;
  border-bottom: 1px solid #5e75e8;
  padding-bottom: 15px;
  font-size: 1.063rem;
  font-weight: 400;
  font-family: inherit;
}
.form-inputs .form-input input::placeholder {
  color: #696969;
}
.form-inputs .form-input input:last-child {
  margin-bottom: 0px;
}
.form-inputs .form-input .form-error {
  opacity: 0;
  position: absolute;
  top: calc(100% + 5px);
  font-size: 0.75rem;
}
.form-inputs .form-input .actve-error {
  opacity: 1;
}
.form-inputs .form-input:nth-child(even) {
  margin-left: auto;
}
.form-submit-container {
  margin-top: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-submit-container .form-submit {
  margin: auto;
  background: transparent;
  text-transform: uppercase;
}
.form-submit-container .loader {
  display: none;
  height: 45px;
}

.opening-box {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 20px;
  height: auto;
  margin-bottom: 12px;
}
.opening-box-arrow {
  width: 11px;
  height: 11px;
  position: absolute;
  right: 25px;
  transform: rotate(-45deg);
  top: 26px;
  pointer-events: none;
}
.opening-box-title {
  min-height: 65px;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  padding: 15px 0px;
  padding-right: 50px;
  cursor: pointer;
  user-select: none;
}
.opening-box-text {
  padding-bottom: 20px;
  display: none;
  height: auto;
  padding-right: 50px;
}
.opening-box a {
  min-width: 100%;
}
.opening-box-active .opening-box-text {
  display: block;
}
.opening-box:last-child {
  margin-bottom: 0px;
}
.opening-box ul li {
  font-size: 1rem;
  margin-bottom: 10px;
  padding-left: 18px;
  position: relative;
}
.opening-box ul li::after {
  position: absolute;
  left: 0px;
  top: 6px;
  width: 7px;
  height: 7px;
  background: white;
  border-radius: 50%;
  content: "";
}
.opening-box ul li a {
  text-decoration: none;
}

.subscribe {
  transition: 0.2s all;
  position: fixed;
  width: 100vw;
  min-height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 999999;
  pointer-events: none;
  overflow: auto;
}
.subscribe-overlay {
  width: 100%;
  height: 100%;
  top: 0px;
  background: #fcf8fd;
  position: absolute;
}
.subscribe .form {
  max-width: 1022px;
  width: calc(100% - 100px);
  border: 2px solid rgba(102, 135, 233, 0.7);
  position: absolute;
  margin: 0px;
  z-index: 999;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 40px;
}
.subscribe .form-content {
  max-width: 830px;
  margin: auto;
}
.subscribe .form .form-success {
  padding-top: 40px;
}
.subscribe .form .form-success .text-p, .subscribe .form .form-success .ai-chains-subtitle p, .ai-chains-subtitle .subscribe .form .form-success p, .subscribe .form .form-success .ai-how-subtitle p, .ai-how-subtitle .subscribe .form .form-success p, .subscribe .form .form-success .ai-quickstart-subtitle p, .ai-quickstart-subtitle .subscribe .form .form-success p, .subscribe .form .form-success .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .subscribe .form .form-success li, .subscribe .form .form-success .selectbox-list-item h4 *, .selectbox-list-item h4 .subscribe .form .form-success *, .subscribe .form .form-success .selectbox-list-item h4, .selectbox-list-item .subscribe .form .form-success h4, .subscribe .form .form-success .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .subscribe .form .form-success h5, .subscribe .form .form-success .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .subscribe .form .form-success h5, .subscribe .form .form-success .news-hero-body h4, .news-hero-body .subscribe .form .form-success h4, .subscribe .form .form-success .blog-list-blog-title, .subscribe .form .form-success .blog .header h2, .subscribe .form .form-success .blog .news-hero h2, .blog .header .subscribe .form .form-success h2, .blog .news-hero .subscribe .form .form-success h2 {
  font-size: 20px;
}
.subscribe .form-inputs {
  margin-top: 70px;
}
.subscribe .form-close-btn {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 15px;
  top: 10px;
}
.subscribe .form-close-btn img {
  width: 100%;
  height: 100%;
}
.subscribe .form-title {
  margin-bottom: 70px;
  text-align: center;
  font-size: 1.438rem;
  font-weight: 400;
}
.subscribe-active {
  opacity: 1;
  pointer-events: all;
}

@media only screen and (max-height: 800px) {
  .subscribe .form {
    transform: translate(-50%);
    top: 120px;
  }
}
@media only screen and (max-width: 700px) {
  .subscribe {
    top: 0px;
    height: 100%;
    min-height: unset;
    z-index: 99999999;
    margin-bottom: 100px;
  }
  .subscribe .form {
    width: calc(100% - 20px);
    top: 20px;
    height: calc(100% - 40px);
    padding: 15px;
    overflow: auto;
    padding-top: 40px;
    padding-bottom: 30px;
    transform: translate(-50%);
  }
  .subscribe .form-title {
    margin-bottom: 30px;
    font-size: 1.1rem;
  }
  .subscribe .form-submit-container {
    margin-top: 30px;
  }
  .subscribe .form-inputs {
    margin-top: 40px;
  }
  .subscribe .form-inputs .form-input {
    width: 100%;
  }
}
.copy {
  position: absolute;
  top: 10px;
  right: 20px;
}
.copy img {
  width: 20px;
}
.copy-tooltip {
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  background: white;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 500;
  padding: 5px;
  opacity: 0;
  pointer-events: none;
  transition: 0.25s all;
  transform: translate(0, -50%);
}
.copy .active {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, -50%);
}

.code-container {
  background: white;
  display: flex;
  border-radius: 20px;
  align-items: stretch;
  position: relative;
}
.code-container #get-started {
  position: absolute;
  top: -110px;
}
.code-container-left {
  padding: 50px 35px 50px 35px;
}
.code-container-right {
  position: relative;
  padding: 50px 30px 30px 30px;
  background: #f4f4f4;
  flex: 1;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.code-container code {
  padding: 0 !important;
}

@media only screen and (max-width: 900px) {
  .code-container {
    flex-direction: column;
  }
  .code-container-left {
    padding: 40px 20px 40px 20px;
  }
  .code-container-left > div {
    width: 100%;
  }
  .code-container-right {
    border-radius: 0px 0px 20px 20px;
  }
  .hljs {
    font-size: 14px !important;
    line-height: 22px;
  }
}
.schema {
  padding-top: 80px;
  padding-bottom: 80px;
}
.schema .page-colored-section-title, .schema .ai-section-title, .schema .dlimit .schema-subtitle, .dlimit .schema .schema-subtitle, .schema .dtwap-explanation-title, .schema .dtwap-benefits-title, .schema .ton-gateway-posts h3, .ton-gateway-posts .schema h3, .schema .notifications .apps-title, .notifications .schema .apps-title, .schema .notifications .integrations-title, .notifications .schema .integrations-title, .schema .orbs-vm .orbs-vm-graph-2 h3, .orbs-vm .orbs-vm-graph-2 .schema h3, .schema .news-posts-title, .schema .contact-socials-section h4, .contact-socials-section .schema h4, .schema .white-papers-category-title, .schema .universe-second-flex .images-grid-title, .universe-second-flex .schema .images-grid-title, .schema .network-section-how h4, .network-section-how .schema h4, .schema .network-section-how h2, .network-section-how .schema h2, .schema .network-section-products-list-item-body h4, .network-section-products-list-item-body .schema h4, .schema .network-section h3, .network-section .schema h3, .schema .faq-lists-category h5, .faq-lists-category .schema h5, .schema .common-section-title, .schema .integrations-integrate-title, .schema .integrations-title, .schema .common-grid-section h3, .common-grid-section .schema h3 {
  margin-bottom: 40px;
}
.schema-img {
  width: 100%;
}
.schema-body {
  margin-top: 50px;
}
.schema-subtitle {
  font-size: 18px;
  font-weight: 600;
}

.product-header {
  display: flex;
  position: relative;
}
.product-header-button {
  margin-top: 30px;
  display: flex;
  gap: 20px;
}
.product-header-button .button, .product-header-button .single-blog-bottom-flex-item a, .single-blog-bottom-flex-item .product-header-button a, .product-header-button .pink-button, .product-header-button .news #load-more-posts, .news .product-header-button #load-more-posts, .product-header-button .news-video-right-button, .product-header-button .white-papers-box-btn, .product-header-button .filled-button, .product-header-button .brand-assets .brand-asset-buttons a, .brand-assets .brand-asset-buttons .product-header-button a, .product-header-button .white-button, .product-header-button .ton-gateway-example-links a, .ton-gateway-example-links .product-header-button a, .product-header-button .notifications .contribute-bottom-buttons .link-button, .notifications .contribute-bottom-buttons .product-header-button .link-button, .product-header-button .expending-box .expend-btn, .expending-box .product-header-button .expend-btn, .product-header-button .form-submit-container .form-submit, .form-submit-container .product-header-button .form-submit {
  padding: 0px 40px;
}
.product-header .main-grid, .product-header .news-grid, .product-header .contact, .product-header .single-blog-header, .product-header .small-grid, .product-header .orbs-vm .common-grid-section-grid, .orbs-vm .product-header .common-grid-section-grid {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 50px;
}
.product-header-body {
  position: relative;
  flex: 1;
  z-index: 1;
  text-align: left;
}
.product-header-body * {
  text-align: left;
}
.product-header-body p {
  max-width: 617px;
}
.product-header-body p a {
  color: #5E75E8;
}
.product-header-flex {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.product-header-img {
  position: absolute;
  pointer-events: none;
}
.product-header-powered {
  height: 140px;
  position: absolute;
  width: auto;
}
.product-header-github {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 30px;
}
.product-header-github a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
.product-header-github a img {
  width: 100%;
  height: 100%;
}
.product-header-github p {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1250px) and (min-width: 800px) {
  .product-header h1 {
    font-size: 3.7vw;
    line-height: 4.8vw;
  }
  .product-header-powered {
    height: 10vw;
  }
  .product-header-body .text-p, .product-header-body .ai-chains-subtitle p, .ai-chains-subtitle .product-header-body p, .product-header-body .ai-how-subtitle p, .ai-how-subtitle .product-header-body p, .product-header-body .ai-quickstart-subtitle p, .ai-quickstart-subtitle .product-header-body p, .product-header-body .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .product-header-body li, .product-header-body .selectbox-list-item h4 *, .selectbox-list-item h4 .product-header-body *, .product-header-body .selectbox-list-item h4, .selectbox-list-item .product-header-body h4, .product-header-body .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .product-header-body h5, .product-header-body .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .product-header-body h5, .product-header-body .news-hero-body h4, .news-hero-body .product-header-body h4, .product-header-body .blog-list-blog-title, .product-header-body .blog .header h2, .product-header-body .blog .news-hero h2, .blog .header .product-header-body h2, .blog .news-hero .product-header-body h2 {
    font-size: 1.35vw;
    line-height: 2.2vw;
  }
}
@media only screen and (max-width: 800px) {
  .product-header-powered {
    display: none;
  }
  .product-header-hero {
    display: none;
  }
}
.post-card {
  position: relative;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
}
.post-card-frame {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}
.post-card-children {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.cards {
  background: #f4f4f4;
}
.cards-subtitle {
  margin-bottom: 40px;
}
.cards-list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  align-items: stretch;
}
.cards-card {
  border: 1px solid #7679e7;
  border-radius: 20px;
  padding: 30px 20px 20px 20px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  width: calc(33.3333333333% - 20px);
  background: white;
  text-align: center;
}
.cards-card-img {
  width: 55px;
  height: 55px;
  object-fit: contain;
  margin-bottom: 20px;
}
.cards-card h3 {
  color: #5e75e8;
  font-weight: 600;
  line-height: 28px;
  font-size: 18px;
  text-transform: uppercase;
}
.cards-card h3:last-of-type {
  margin-bottom: 20px;
}
.cards-card .text-p, .cards-card .ai-chains-subtitle p, .ai-chains-subtitle .cards-card p, .cards-card .ai-how-subtitle p, .ai-how-subtitle .cards-card p, .cards-card .ai-quickstart-subtitle p, .ai-quickstart-subtitle .cards-card p, .cards-card .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .cards-card li, .cards-card .selectbox-list-item h4 *, .selectbox-list-item h4 .cards-card *, .cards-card .selectbox-list-item h4, .selectbox-list-item .cards-card h4, .cards-card .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .cards-card h5, .cards-card .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .cards-card h5, .cards-card .news-hero-body h4, .news-hero-body .cards-card h4, .cards-card .blog-list-blog-title, .cards-card .blog .header h2, .cards-card .blog .news-hero h2, .blog .header .cards-card h2, .blog .news-hero .cards-card h2 {
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 26px;
}

.integrations {
  padding-top: 80px;
  padding-bottom: 80px;
}
.integrations-title {
  margin-bottom: 40px;
  text-align: center;
}
.integrations-list {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
  justify-content: center;
}
.integrations-integrate {
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin-top: 80px;
  align-items: center;
}
.integrations-integrate-title {
  margin-bottom: 20px;
}
.integrations-integration {
  background: #f4f4f4;
  padding: 25px;
  max-height: 780px;
  height: 66vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 520px;
  width: calc(50% - 25px);
  border-radius: 20px;
}
.integrations-integration-name {
  font-size: 20px;
  font-weight: 400;
}
.integrations-integration-top {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
.integrations-integration-logo {
  height: 42px;
}
.integrations-integration-links {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.integrations-integration-links a img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.integrations-integration-demo {
  border-radius: 10px;
  flex: 1;
  background: white;
  width: 100%;
  position: relative;
}
.integrations-integration-demo img {
  position: absolute;
  width: auto;
  height: 100%;
  left: 50%;
  max-width: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  flex: 1;
  object-fit: contain;
}

.flex-list {
  flex-wrap: wrap;
  display: flex;
}

.copyright {
  position: absolute;
  right: 5px;
  bottom: 5px;
  background: rgba(0, 0, 0, 0.4);
  padding: 5px 8px 5px 8px;
}
.copyright .text-p, .copyright .ai-chains-subtitle p, .ai-chains-subtitle .copyright p, .copyright .ai-how-subtitle p, .ai-how-subtitle .copyright p, .copyright .ai-quickstart-subtitle p, .ai-quickstart-subtitle .copyright p, .copyright .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .copyright li, .copyright .selectbox-list-item h4 *, .selectbox-list-item h4 .copyright *, .copyright .selectbox-list-item h4, .selectbox-list-item .copyright h4, .copyright .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .copyright h5, .copyright .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .copyright h5, .copyright .news-hero-body h4, .news-hero-body .copyright h4, .copyright .blog-list-blog-title, .copyright .blog .header h2, .copyright .blog .news-hero h2, .blog .header .copyright h2, .blog .news-hero .copyright h2 {
  color: white;
  font-weight: 500;
  font-size: 0.75rem;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: center;
  justify-content: space-between;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.one-line {
  white-space: nowrap;
}

.text-overflow, .bread-crumbs-text, .opening-box a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}

.img-loader {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}

.socials {
  display: flex;
  height: 20px;
  position: relative;
  z-index: 10000;
  gap: 30px;
}
.socials-element {
  width: 23px;
  height: 100%;
}
.socials-element img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.socials a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.limited-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 75px;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}

.inner-links {
  margin-bottom: 20px;
}
.inner-links a {
  width: 27px;
  height: 27px;
  position: relative;
  margin-right: 7px;
}
.inner-links a:last-child {
  margin-right: 0px;
}
.inner-links a img {
  width: 100%;
  height: 100%;
}

.bread-crumbs {
  margin-bottom: 30px;
  padding-right: 20px;
}
.bread-crumbs * {
  font-weight: 500;
  font-size: 14px;
}
.bread-crumbs a {
  text-decoration: none;
  white-space: nowrap;
}
.bread-crumbs-text {
  width: fit-content;
}
.bread-crumbs small {
  margin-right: 5px;
  margin-left: 5px;
}

.side-menu {
  display: flex;
  flex-direction: column;
  padding-right: 40px;
  height: calc(100vh - 200px);
  position: sticky;
  top: 150px;
}
.side-menu-title {
  margin-bottom: 67px;
  text-transform: uppercase;
}
.side-menu a {
  font-size: 17px !important;
}
.side-menu-body .text-p, .side-menu-body .ai-chains-subtitle p, .ai-chains-subtitle .side-menu-body p, .side-menu-body .ai-how-subtitle p, .ai-how-subtitle .side-menu-body p, .side-menu-body .ai-quickstart-subtitle p, .ai-quickstart-subtitle .side-menu-body p, .side-menu-body .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .side-menu-body li, .side-menu-body .selectbox-list-item h4 *, .selectbox-list-item h4 .side-menu-body *, .side-menu-body .selectbox-list-item h4, .selectbox-list-item .side-menu-body h4, .side-menu-body .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .side-menu-body h5, .side-menu-body .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .side-menu-body h5, .side-menu-body .news-hero-body h4, .news-hero-body .side-menu-body h4, .side-menu-body .blog-list-blog-title, .side-menu-body .blog .header h2, .side-menu-body .blog .news-hero h2, .blog .header .side-menu-body h2, .blog .news-hero .side-menu-body h2 {
  margin-bottom: 0px;
}
.side-menu .socials {
  margin-top: auto;
  margin-bottom: 0px;
}

.slider {
  height: 100%;
  overflow: hidden;
  position: relative;
  margin-left: auto;
}
.slider .swiper-container {
  width: 100%;
  height: 100%;
}
.slider .swiper-container .swiper-slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.common-section-grid {
  padding-top: 80px;
  padding-bottom: 80px;
}

.common-section-title {
  margin-bottom: 40px;
}

@media only screen and (min-width: 1000px) {
  .boxes-list .list-item {
    margin-top: 14px;
    width: calc(33.3333333333% - 9.38px);
    margin-right: 14px;
  }
  .boxes-list .list-item:nth-of-type(-n + 3) {
    margin-top: 0px;
  }
  .boxes-list .list-item:nth-of-type(3n) {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
  .boxes-list .list-item {
    margin-top: 14px;
    margin-right: 14px;
    width: calc(50% - 7px);
  }
  .boxes-list .list-item:nth-of-type(-n + 2) {
    margin-top: 0px;
  }
  .boxes-list .list-item:nth-child(even) {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 700px) {
  .side-menu-body {
    text-align: center;
  }
  .side-menu-title {
    text-align: center;
  }
  .title-h4 {
    font-size: 1.2rem;
    line-height: 1.7rem;
  }
  .boxes h5 {
    font-size: 1.125rem;
  }
  .boxes-list .list-item {
    width: 100%;
    margin-top: 14px;
    margin-right: 0px;
  }
  .boxes-list .list-item:nth-of-type(1) {
    margin-top: 0px;
  }
  .boxes-list li:nth-of-type(2) {
    margin-top: 14px;
  }
  .form-title {
    font-size: 1.25rem;
  }
  .form .form-input {
    width: 100%;
  }
  .page-padding-top {
    padding-top: 100px;
  }
  .main-grid, .news-grid, .contact, .single-blog-header, .small-grid, .orbs-vm .common-grid-section-grid {
    width: calc(100% - 44px);
  }
  .gdpr {
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    padding-bottom: 50px;
  }
  .gdpr .text-p, .gdpr .ai-chains-subtitle p, .ai-chains-subtitle .gdpr p, .gdpr .ai-how-subtitle p, .ai-how-subtitle .gdpr p, .gdpr .ai-quickstart-subtitle p, .ai-quickstart-subtitle .gdpr p, .gdpr .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .gdpr li, .gdpr .selectbox-list-item h4 *, .selectbox-list-item h4 .gdpr *, .gdpr .selectbox-list-item h4, .selectbox-list-item .gdpr h4, .gdpr .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .gdpr h5, .gdpr .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .gdpr h5, .gdpr .news-hero-body h4, .news-hero-body .gdpr h4, .gdpr .blog-list-blog-title, .gdpr .blog .header h2, .gdpr .blog .news-hero h2, .blog .header .gdpr h2, .blog .news-hero .gdpr h2 {
    padding: 0px;
    margin-bottom: 40px;
    text-align: center;
  }
  .gdpr-btns {
    margin: 0px;
    justify-content: space-evenly;
    margin: 0px;
  }
}
@media only screen and (max-width: 1250px) {
  .integrations-integration-logo {
    height: 38px;
  }
}
@media only screen and (max-width: 700px) {
  .cards-card {
    width: calc(50% - 20px);
  }
  .integrations-list {
    flex-direction: column;
    align-items: center;
  }
  .integrations-integration {
    width: 100%;
    max-width: 500px;
    width: 100%;
    padding: 20px;
    height: 150vw;
    max-height: 800px;
  }
}
@media only screen and (max-width: 500px) {
  .cards-card {
    width: 100%;
    padding: 30px 20px 40px 20px;
  }
  .cards-card h3 {
    font-size: 16px;
  }
}
.card {
  width: fit-content;
  min-height: 70px;
  height: auto;
  padding: 20px;
  background: #fcf8fd;
  position: relative;
  border: 2px solid #ff7ffa;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 20px;
}
.card-links {
  margin-top: 14px;
}
.card-with-image .card-content {
  width: calc(100% - 134px);
}
.card-socials {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
.card-socials-item {
  width: 17px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.card-socials-item:last-child {
  margin-right: 0px;
}
.card-socials-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}
.card p {
  margin-bottom: 0px;
  font-size: 0.813rem;
  letter-spacing: -0.009rem;
  line-height: 1.25rem;
  color: #454545;
}
.card * {
  font-family: "Montserrat";
  color: #454545;
  font-weight: 500;
}
.card-content {
  width: 100%;
}
.card-body-text {
  margin-bottom: 5px;
}
.card-image {
  width: 114px;
  height: 114px;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  border-radius: 50%;
  padding: 10px;
  background: linear-gradient(180deg, #cd86df 0%, #688ce9 100%);
  margin-right: 20px;
}
.card-image-border {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fcf8fd;
  border-radius: 50%;
}
.card-image img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  position: relative;
}
.card-title {
  margin-bottom: 3px;
  position: relative;
}
.card-title .typed-cursor::after {
  display: none;
}
.card-title-text {
  color: #7479e6;
  font-family: "Montserrat";
  letter-spacing: -0.009rem;
  font-size: 1.25rem;
  font-weight: 900;
  text-transform: uppercase;
}
.card-tooltip {
  padding: 2px 10px;
  background: white;
  border: 1px solid #ff7ffa;
  display: flex;
  align-items: center;
  border-radius: 20px;
  width: fit-content;
  margin-bottom: 12px;
}
.card-tooltip img {
  margin-right: 10px;
  width: 18px;
  height: 100%;
  object-fit: contain;
}
.card-tooltip-label {
  font-family: "Montserrat";
  color: #454545;
  font-size: 0.813rem;
  color: #7479e6;
  letter-spacing: -0.009rem;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.card-link {
  overflow: hidden;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #ff7ffa !important;
}
.card-link:first-child {
  margin-top: 0px;
}
.card-link img {
  width: 17px;
  height: 17px;
  margin-right: 6px;
  object-fit: contain;
  margin-top: 1px;
}
.card-link-text {
  color: #ff7ffa !important;
  font-weight: 900;
  text-transform: uppercase;
  flex: 1;
  letter-spacing: 0.4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 700px) {
  .card p {
    margin-bottom: 0px;
    font-size: 1rem;
    letter-spacing: 0.4px;
  }
  .card-title {
    margin-bottom: 0px;
  }
  .card-title-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.globe-container {
  width: 100%;
  height: 70vh;
  position: relative;
  overflow: visible;
  margin: auto;
}

#globeArea {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#guardianDetails {
  display: none;
  position: absolute;
  left: 50%;
  top: 45%;
  max-width: 300px;
  width: 100%;
  z-index: 9;
}

.home {
  padding-top: 90px;
  padding-bottom: 4rem;
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(268.26deg, #7988e8 14.66%, #db89df 86.69%);
}
.home .title {
  text-align: left;
  margin-bottom: 10px;
}
.home-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 4rem;
}
.home-buttons-link {
  color: #6d80e9;
  font-size: 0.875rem;
  text-decoration: none;
  background-color: #fff;
  padding: 1rem 1.25rem;
  border-radius: 4rem;
  text-transform: uppercase;
  width: auto;
  font-weight: 600;
}
.home-buttons-link:hover {
  opacity: 0.8;
}
.home h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}
.home-link {
  color: #454545;
  margin-top: 40px;
  font-size: 0.938rem;
  text-decoration: none;
  position: relative;
  padding-left: 110px;
}
.home-link::before {
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(180deg, #cd86df 0%, #688ce9 100%);
  position: absolute;
  content: "";
  left: 0px;
  width: 90px;
  top: 50%;
  transform: translate(0, -50%);
  height: 0px;
}
.home-flex {
  align-items: flex-start;
  position: relative;
}
.home-flex-left {
  z-index: 100;
  position: relative;
  padding-top: 16vh;
  flex: 1 0 60%;
}
.home-flex-left h1 {
  font-weight: 800;
  font-size: 4.063rem;
  letter-spacing: 0.206rem;
  line-height: 4.688rem;
  font-family: "Montserrat";
  letter-spacing: -0.009rem;
  color: #fff;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.home-flex-left h2 {
  font-weight: 500;
  font-size: 1.875rem;
  color: #fff;
  margin-bottom: 3rem;
  text-transform: uppercase;
}
.home-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}
.home-partners {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
}
.home-partners-text h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 1.734rem;
  margin-bottom: 2rem;
}
.home-partners-list {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}
.home-partners-list img {
  max-width: 80px;
  max-height: 40px;
}

@media only screen and (max-width: 1600px) {
  .home {
    overflow-y: auto;
  }
  .home-globe-image {
    right: -30vw;
  }
  .home-flex {
    max-height: 60vh;
  }
  .home-flex-left h1 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
  .home-flex-left h2 {
    font-size: 1.5rem;
  }
  .home-bottom {
    margin-top: 4rem;
    width: 100vw;
    position: relative;
    bottom: unset;
    left: unset;
    transform: unset;
    padding: 0 1rem;
  }
}
@media only screen and (max-width: 1200px) {
  .home-flex-left h2 {
    font-size: 1.125rem;
    letter-spacing: 0.138rem;
  }
  .home-flex-left h1 {
    font-size: 1.563rem;
    line-height: 2rem;
    letter-spacing: 0.13rem;
  }
  .home-flex-globe-image {
    transform: translate(180px);
  }
}
@media only screen and (max-width: 700px) {
  .globe-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0.3;
  }
  #globeArea {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
  }
  .home-link {
    background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
    padding-left: 0px;
    padding: 15px;
    border-radius: 40px;
    color: white;
    margin-top: 20px;
  }
  .home-link:before {
    display: none;
  }
  #guardianDetails {
    top: 25%;
    transform: translateX(-50%);
  }
  .home {
    padding-top: 90px;
  }
  .home .title {
    text-align: center;
  }
  .home .sub-title {
    margin-bottom: 16px;
  }
  .home-flex {
    width: 100%;
    overflow: hidden;
    flex-direction: column;
    max-height: 100vh;
  }
  .home-flex-left {
    padding: 0 1rem;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .home-buttons {
    justify-content: center;
    margin-bottom: 2rem;
  }
  .home-partners-text h3 {
    font-size: 1.25rem;
  }
}
.navbar-menu {
  position: fixed;
  top: 0px;
  left: 0px;
  transition: 0.25s all;
  -webkit-transition: 0.25s all;
  z-index: 10;
  width: 100vw;
  max-width: 600px;
  overflow: auto;
  height: 100vh;
  padding-bottom: 50px;
  top: 0px;
  opacity: 1;
  z-index: 9999;
  justify-content: center;
  padding-left: 63px;
  padding-right: 63px;
  transform: translate(-100%);
  background-color: #fff;
}
.navbar-menu-mobile-social .socials {
  width: 100%;
  justify-content: space-between;
}
.navbar-menu .mobile-subscribe {
  display: none;
}
.navbar-menu .socials {
  padding-top: 5px;
  margin-left: auto;
}
.navbar-menu .socials-element {
  width: 25px;
  height: 25px;
}
.navbar-menu-mobile-flags {
  display: none;
}
.navbar-menu-mobile-flags li {
  width: 30px;
  height: 26px;
  margin-left: 20px;
}
.navbar-menu-mobile-flags li:nth-child(1) {
  margin-left: 0px;
}
.navbar-menu-mobile-flags li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.navbar-menu-header {
  margin: 2rem 0;
  align-items: center;
  justify-content: center;
  position: relative;
}
.navbar-menu-header .hide-menu {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) scaleY(1.2);
  width: 24px;
  margin-right: 30px;
}
.navbar-menu-header .hide-menu img {
  width: 100%;
}
.navbar-menu-active {
  pointer-events: all;
  transform: translate(0%);
  opacity: 1;
}
.navbar-menu-links {
  margin-bottom: 40px;
}
.navbar-menu-links-title {
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 15px;
  font-weight: 900;
  letter-spacing: 2.11px;
  background: linear-gradient(90deg, #db89df 20%, #7988e8 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  border-bottom: 1px solid #7988e8;
  padding-bottom: 5px;
}
.navbar-menu-links > ul {
  column-count: 2;
}
.navbar-menu-links-link {
  position: relative;
  margin-bottom: 1rem;
  display: flex;
  transition: 0.2s all;
}
.navbar-menu-links-link figure {
  position: absolute;
  left: 0px;
  top: 60%;
  transform: translate(0, -50%);
  width: 14px;
  border-bottom: 2px solid #454545;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s all;
}
.navbar-menu-links-link .text-p, .navbar-menu-links-link .ai-chains-subtitle p, .ai-chains-subtitle .navbar-menu-links-link p, .navbar-menu-links-link .ai-how-subtitle p, .ai-how-subtitle .navbar-menu-links-link p, .navbar-menu-links-link .ai-quickstart-subtitle p, .ai-quickstart-subtitle .navbar-menu-links-link p, .navbar-menu-links-link .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .navbar-menu-links-link li, .navbar-menu-links-link .selectbox-list-item h4 *, .selectbox-list-item h4 .navbar-menu-links-link *, .navbar-menu-links-link .selectbox-list-item h4, .selectbox-list-item .navbar-menu-links-link h4, .navbar-menu-links-link .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .navbar-menu-links-link h5, .navbar-menu-links-link .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .navbar-menu-links-link h5, .navbar-menu-links-link .news-hero-body h4, .news-hero-body .navbar-menu-links-link h4, .navbar-menu-links-link .blog-list-blog-title, .navbar-menu-links-link .blog .header h2, .navbar-menu-links-link .blog .news-hero h2, .blog .header .navbar-menu-links-link h2, .blog .news-hero .navbar-menu-links-link h2 {
  line-height: normal;
  margin-bottom: 0px;
  font-family: "Montserrat";
  font-size: 0.938rem;
}
.navbar-menu-links-link a {
  transition: 0.2s all;
  text-decoration: none;
  letter-spacing: 0.073rem;
  font-size: 0.938rem;
  font-weight: 500;
  font-family: "Montserrat";
}
.navbar-menu-links-link:last-child {
  margin-bottom: 0px;
}
.navbar-menu-links-sub figure {
  height: 14px;
  left: 15px;
  top: 30%;
}
.navbar-menu-ai-link {
  display: block !important;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 40px;
  font-weight: 900;
  letter-spacing: 2.11px;
  color: #7988e8;
  border-bottom: 1px solid #7988e8;
  padding-bottom: 5px;
  text-decoration: none;
  font-family: "Montserrat";
}
.navbar-menu-resources-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.navbar-menu-resources-box {
  border: 1px solid #7988e8;
  border-radius: 8px;
  height: 57px;
  padding: 8px;
  transition: 0.15s all;
  flex: 1 1 calc(50% - 10px);
}
.navbar-menu-resources-box:hover {
  border: 1px solid #db89df;
}
.navbar-menu-resources-box a {
  width: 100%;
  height: 100%;
}
.navbar-menu-resources-box * {
  text-decoration: none;
}
.navbar-menu-resources-box img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin-right: 5px;
}
.navbar-menu-resources-box-bottom {
  overflow: hidden;
  margin-top: auto;
  justify-content: flex-start;
}
.navbar-menu-resources-box-title {
  font-size: 10px;
  letter-spacing: 1.05px;
  white-space: nowrap;
  max-width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.1px;
  font-weight: 600;
  font-family: "Montserrat";
}
.navbar-menu-resources-box .text-p, .navbar-menu-resources-box .ai-chains-subtitle p, .ai-chains-subtitle .navbar-menu-resources-box p, .navbar-menu-resources-box .ai-how-subtitle p, .ai-how-subtitle .navbar-menu-resources-box p, .navbar-menu-resources-box .ai-quickstart-subtitle p, .ai-quickstart-subtitle .navbar-menu-resources-box p, .navbar-menu-resources-box .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .navbar-menu-resources-box li, .navbar-menu-resources-box .selectbox-list-item h4 *, .selectbox-list-item h4 .navbar-menu-resources-box *, .navbar-menu-resources-box .selectbox-list-item h4, .selectbox-list-item .navbar-menu-resources-box h4, .navbar-menu-resources-box .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .navbar-menu-resources-box h5, .navbar-menu-resources-box .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .navbar-menu-resources-box h5, .navbar-menu-resources-box .news-hero-body h4, .news-hero-body .navbar-menu-resources-box h4, .navbar-menu-resources-box .blog-list-blog-title, .navbar-menu-resources-box .blog .header h2, .navbar-menu-resources-box .blog .news-hero h2, .blog .header .navbar-menu-resources-box h2, .blog .news-hero .navbar-menu-resources-box h2 {
  font-size: 0.688rem;
  font-weight: 500;
  flex: 1;
  letter-spacing: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: normal;
}

@media only screen and (max-width: 1500px) {
  .navbar-menu {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 750px) {
  .navbar-menu {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
  }
  .navbar-menu-links > ul {
    column-count: 1;
  }
  .navbar-menu-links-link a {
    font-size: 0.875rem;
  }
  .navbar-menu-resources-box {
    flex: 1 1 100%;
  }
}
.overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  z-index: 999;
  transition: 0.2s all;
  pointer-events: none;
}

.logo {
  display: flex;
  align-items: center;
  text-decoration: unset;
  gap: 15px;
  font-size: 17px;
  height: fit-content;
}
.logo img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.show-menu {
  width: 27px;
}
.show-menu img {
  width: 100%;
}

.overlay-active {
  opacity: 1;
}

.navbar {
  position: fixed;
  height: 90px;
  width: 100%;
  z-index: 999;
  left: 0px;
  display: flex;
  top: 0px;
  justify-content: space-between;
  align-items: center;
  transition: 0.2s all;
}
.navbar:has(+ .home) {
  background: #fcf8fd;
}
.navbar-flex {
  position: relative;
  margin-top: 0px;
  height: 100%;
}
.navbar-top {
  height: 100%;
  position: relative;
  align-items: center;
}
.navbar-top-left {
  display: flex;
  align-items: center;
  gap: 30px;
}
.navbar-top-right {
  display: flex;
  align-items: center;
}
.navbar-top-action-btn {
  transition: 0.15s all;
  margin-left: 20px;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.073rem;
  font-family: "Montserrat";
  text-decoration: none;
  color: #454545;
}
.navbar-top-flags {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.navbar-top-flags li {
  width: 20px;
  height: 16px;
  cursor: pointer;
  margin-left: 16px;
}
.navbar-top-flags li:first-child {
  margin-left: 0px;
}
.navbar-top-flags li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.navbar-hidden {
  transform: translate(0, -100%);
}

.active-navbar {
  background: #fcf8fd;
}

@media only screen and (min-width: 700px) {
  .navbar-menu-links-link:hover figure {
    opacity: 1;
  }
  .navbar-menu-links-link:hover a {
    padding-left: 20px;
  }
  .navbar-menu-links-sub:hover {
    padding-left: 36px;
  }
  .navbar-menu-links-sub:hover figure {
    opacity: 1;
  }
}
@media only screen and (max-width: 1420px) {
  .navbar-top-left {
    display: flex;
    align-items: center;
    gap: 30px;
  }
  .show-menu {
    position: static;
    transform: unset;
  }
}
@media only screen and (max-width: 900px) {
  .navbar-top-action-btn {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  .navbar {
    height: 70px;
  }
}
@media only screen and (max-width: 350px) {
  .navbar-top-flags li {
    width: 22px;
    height: 18px;
  }
}
.footer {
  width: 100%;
  padding-top: 60px;
  color: white;
  border-top: 1px solid #5e75e8;
  font-family: "Montserrat";
}
.footer .main-grid, .footer .news-grid, .footer .contact, .footer .single-blog-header, .footer .small-grid, .footer .orbs-vm .common-grid-section-grid, .orbs-vm .footer .common-grid-section-grid {
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
}
.footer-section-title {
  display: flex;
  margin-bottom: 20px;
  font-family: "bold";
  align-items: center;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.footer-section-title img {
  margin-right: 16px;
  width: 20px;
  height: 20px;
}
.footer-flex {
  padding-bottom: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 50px;
}
.footer-logo-section {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-logo-section .footer-logo {
  width: auto;
  margin-bottom: 20px;
  height: 28px;
}
.footer-logo-section .text-p, .footer-logo-section .ai-chains-subtitle p, .ai-chains-subtitle .footer-logo-section p, .footer-logo-section .ai-how-subtitle p, .ai-how-subtitle .footer-logo-section p, .footer-logo-section .ai-quickstart-subtitle p, .ai-quickstart-subtitle .footer-logo-section p, .footer-logo-section .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .footer-logo-section li, .footer-logo-section .selectbox-list-item h4 *, .selectbox-list-item h4 .footer-logo-section *, .footer-logo-section .selectbox-list-item h4, .selectbox-list-item .footer-logo-section h4, .footer-logo-section .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .footer-logo-section h5, .footer-logo-section .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .footer-logo-section h5, .footer-logo-section .news-hero-body h4, .news-hero-body .footer-logo-section h4, .footer-logo-section .blog-list-blog-title, .footer-logo-section .blog .header h2, .footer-logo-section .blog .news-hero h2, .blog .header .footer-logo-section h2, .blog .news-hero .footer-logo-section h2 {
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 0;
}
.footer-logo-section .text-p a, .footer-logo-section .ai-chains-subtitle p a, .ai-chains-subtitle .footer-logo-section p a, .footer-logo-section .ai-how-subtitle p a, .ai-how-subtitle .footer-logo-section p a, .footer-logo-section .ai-quickstart-subtitle p a, .ai-quickstart-subtitle .footer-logo-section p a, .footer-logo-section .liquidity-hub-launch-partners-partner .left ul li a, .liquidity-hub-launch-partners-partner .left ul .footer-logo-section li a, .selectbox-list-item h4 .footer-logo-section * a, .footer-logo-section .selectbox-list-item h4 a, .selectbox-list-item .footer-logo-section h4 a, .footer-logo-section .ton-gateway-posts .post-profile-right h5 a, .ton-gateway-posts .post-profile-right .footer-logo-section h5 a, .footer-logo-section .notifications .integrations-list .integration h5 a, .notifications .integrations-list .integration .footer-logo-section h5 a, .footer-logo-section .news-hero-body h4 a, .news-hero-body .footer-logo-section h4 a, .footer-logo-section .blog-list-blog-title a, .footer-logo-section .blog .header h2 a, .footer-logo-section .blog .news-hero h2 a, .blog .header .footer-logo-section h2 a, .blog .news-hero .footer-logo-section h2 a {
  color: #5e75e8;
}
.footer-logo-section .text-p:nth-of-type(3), .footer-logo-section .ai-chains-subtitle p:nth-of-type(3), .ai-chains-subtitle .footer-logo-section p:nth-of-type(3), .footer-logo-section .ai-how-subtitle p:nth-of-type(3), .ai-how-subtitle .footer-logo-section p:nth-of-type(3), .footer-logo-section .ai-quickstart-subtitle p:nth-of-type(3), .ai-quickstart-subtitle .footer-logo-section p:nth-of-type(3), .footer-logo-section .liquidity-hub-launch-partners-partner .left ul li:nth-of-type(3), .liquidity-hub-launch-partners-partner .left ul .footer-logo-section li:nth-of-type(3), .footer-logo-section .selectbox-list-item h4 :nth-of-type(3), .selectbox-list-item h4 .footer-logo-section :nth-of-type(3), .footer-logo-section .selectbox-list-item h4:nth-of-type(3), .selectbox-list-item .footer-logo-section h4:nth-of-type(3), .footer-logo-section .ton-gateway-posts .post-profile-right h5:nth-of-type(3), .ton-gateway-posts .post-profile-right .footer-logo-section h5:nth-of-type(3), .footer-logo-section .notifications .integrations-list .integration h5:nth-of-type(3), .notifications .integrations-list .integration .footer-logo-section h5:nth-of-type(3), .footer-logo-section .news-hero-body h4:nth-of-type(3), .news-hero-body .footer-logo-section h4:nth-of-type(3), .footer-logo-section .blog-list-blog-title:nth-of-type(3), .footer-logo-section .blog .header h2:nth-of-type(3), .footer-logo-section .blog .news-hero h2:nth-of-type(3), .blog .header .footer-logo-section h2:nth-of-type(3), .blog .news-hero .footer-logo-section h2:nth-of-type(3) {
  margin-top: 30px;
}
.footer-logo-section .text-p .email-link, .footer-logo-section .ai-chains-subtitle p .email-link, .ai-chains-subtitle .footer-logo-section p .email-link, .footer-logo-section .ai-how-subtitle p .email-link, .ai-how-subtitle .footer-logo-section p .email-link, .footer-logo-section .ai-quickstart-subtitle p .email-link, .ai-quickstart-subtitle .footer-logo-section p .email-link, .footer-logo-section .liquidity-hub-launch-partners-partner .left ul li .email-link, .liquidity-hub-launch-partners-partner .left ul .footer-logo-section li .email-link, .selectbox-list-item h4 .footer-logo-section * .email-link, .footer-logo-section .selectbox-list-item h4 .email-link, .selectbox-list-item .footer-logo-section h4 .email-link, .footer-logo-section .ton-gateway-posts .post-profile-right h5 .email-link, .ton-gateway-posts .post-profile-right .footer-logo-section h5 .email-link, .footer-logo-section .notifications .integrations-list .integration h5 .email-link, .notifications .integrations-list .integration .footer-logo-section h5 .email-link, .footer-logo-section .news-hero-body h4 .email-link, .news-hero-body .footer-logo-section h4 .email-link, .footer-logo-section .blog-list-blog-title .email-link, .footer-logo-section .blog .header h2 .email-link, .footer-logo-section .blog .news-hero h2 .email-link, .blog .header .footer-logo-section h2 .email-link, .blog .news-hero .footer-logo-section h2 .email-link {
  color: #5e75e8;
  font-weight: 500;
  font-size: 16px;
}
.footer-logo-section a {
  text-decoration: none;
}
.footer-blog-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer-blogs {
  width: 35%;
}
.footer-blogs-subscribe {
  margin-bottom: 30px;
}
.footer-blogs .subscribe-btn {
  text-transform: uppercase;
}
.footer-blogs .footer-blog {
  border-bottom: 1px solid #5e75e8;
  padding-bottom: 20px;
  display: flex;
  text-decoration: none;
}
.footer-blogs .footer-blog-image {
  width: 77px;
  height: 67px;
  margin-right: 24px;
  margin-bottom: 0px;
  object-fit: cover;
}
.footer-blogs .footer-blog-title {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0.015rem;
  margin-bottom: 10px;
}
.footer-blogs .footer-blog-prefix {
  color: #666666;
  font-size: 0.75rem;
  margin-right: 5px;
}
.footer-blogs .footer-blog-right-flex {
  display: flex;
}
.footer-blogs .footer-blog-date {
  margin-top: auto;
  font-size: 0.75rem;
  color: #b2b2b2;
}
.footer-blogs .footer-blog:last-of-type {
  border: 0px;
  padding-bottom: 0px;
}
.footer-tweets {
  height: 320px;
  overflow: hidden;
  flex: 1;
  max-width: 500px;
}
.footer-tweets-content {
  overflow: auto;
  position: relative;
  height: 100%;
}
.footer-navigation {
  background: white;
  display: flex;
  padding-top: 40px;
  border-top: 1px solid #5e75e8;
  border-bottom: 2px solid #5e75e8;
  margin-top: 40px;
  padding-bottom: 40px;
}
.footer-navigation .text-p, .footer-navigation .ai-chains-subtitle p, .ai-chains-subtitle .footer-navigation p, .footer-navigation .ai-how-subtitle p, .ai-how-subtitle .footer-navigation p, .footer-navigation .ai-quickstart-subtitle p, .ai-quickstart-subtitle .footer-navigation p, .footer-navigation .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .footer-navigation li, .footer-navigation .selectbox-list-item h4 *, .selectbox-list-item h4 .footer-navigation *, .footer-navigation .selectbox-list-item h4, .selectbox-list-item .footer-navigation h4, .footer-navigation .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .footer-navigation h5, .footer-navigation .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .footer-navigation h5, .footer-navigation .news-hero-body h4, .news-hero-body .footer-navigation h4, .footer-navigation .blog-list-blog-title, .footer-navigation .blog .header h2, .footer-navigation .blog .news-hero h2, .blog .header .footer-navigation h2, .blog .news-hero .footer-navigation h2 {
  line-height: normal;
}
.footer-navigation-mobile {
  display: none;
}
.footer-navigation-mobile-title {
  height: 40px;
  cursor: pointer;
  padding-left: 20px;
  position: relative;
  display: flex;
  align-items: center;
}
.footer-navigation-mobile-title::after {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(0, -50%);
  content: "+";
}
.footer-navigation-mobile-list {
  flex-direction: column;
  display: none;
  padding-left: 20px;
  margin-top: 10px;
}
.footer-navigation-mobile-list a {
  text-decoration: none;
  margin-bottom: 20px;
  font-size: 14px;
  text-transform: capitalize;
}
.footer-navigation-mobile-list-active {
  display: flex;
}
.footer-navigation-links-title {
  white-space: nowrap;
  font-size: 1rem;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "bold";
}
.footer-navigation-links-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-direction: column;
}
.footer-navigation-links-list a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  font-size: 0.825rem;
  padding-right: 10px;
  font-weight: 500;
}
.footer-navigation-links-list .text-p, .footer-navigation-links-list .ai-chains-subtitle p, .ai-chains-subtitle .footer-navigation-links-list p, .footer-navigation-links-list .ai-how-subtitle p, .ai-how-subtitle .footer-navigation-links-list p, .footer-navigation-links-list .ai-quickstart-subtitle p, .ai-quickstart-subtitle .footer-navigation-links-list p, .footer-navigation-links-list .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .footer-navigation-links-list li, .footer-navigation-links-list .selectbox-list-item h4 *, .selectbox-list-item h4 .footer-navigation-links-list *, .footer-navigation-links-list .selectbox-list-item h4, .selectbox-list-item .footer-navigation-links-list h4, .footer-navigation-links-list .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .footer-navigation-links-list h5, .footer-navigation-links-list .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .footer-navigation-links-list h5, .footer-navigation-links-list .news-hero-body h4, .news-hero-body .footer-navigation-links-list h4, .footer-navigation-links-list .blog-list-blog-title, .footer-navigation-links-list .blog .header h2, .footer-navigation-links-list .blog .news-hero h2, .blog .header .footer-navigation-links-list h2, .blog .news-hero .footer-navigation-links-list h2 {
  margin-bottom: unset;
}
.footer-navigation-overview .text-p, .footer-navigation-overview .ai-chains-subtitle p, .ai-chains-subtitle .footer-navigation-overview p, .footer-navigation-overview .ai-how-subtitle p, .ai-how-subtitle .footer-navigation-overview p, .footer-navigation-overview .ai-quickstart-subtitle p, .ai-quickstart-subtitle .footer-navigation-overview p, .footer-navigation-overview .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .footer-navigation-overview li, .footer-navigation-overview .selectbox-list-item h4 *, .selectbox-list-item h4 .footer-navigation-overview *, .footer-navigation-overview .selectbox-list-item h4, .selectbox-list-item .footer-navigation-overview h4, .footer-navigation-overview .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .footer-navigation-overview h5, .footer-navigation-overview .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .footer-navigation-overview h5, .footer-navigation-overview .news-hero-body h4, .news-hero-body .footer-navigation-overview h4, .footer-navigation-overview .blog-list-blog-title, .footer-navigation-overview .blog .header h2, .footer-navigation-overview .blog .news-hero h2, .blog .header .footer-navigation-overview h2, .blog .news-hero .footer-navigation-overview h2 {
  width: 100%;
}
.footer-navigation-resources .text-p, .footer-navigation-resources .ai-chains-subtitle p, .ai-chains-subtitle .footer-navigation-resources p, .footer-navigation-resources .ai-how-subtitle p, .ai-how-subtitle .footer-navigation-resources p, .footer-navigation-resources .ai-quickstart-subtitle p, .ai-quickstart-subtitle .footer-navigation-resources p, .footer-navigation-resources .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .footer-navigation-resources li, .footer-navigation-resources .selectbox-list-item h4 *, .selectbox-list-item h4 .footer-navigation-resources *, .footer-navigation-resources .selectbox-list-item h4, .selectbox-list-item .footer-navigation-resources h4, .footer-navigation-resources .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .footer-navigation-resources h5, .footer-navigation-resources .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .footer-navigation-resources h5, .footer-navigation-resources .news-hero-body h4, .news-hero-body .footer-navigation-resources h4, .footer-navigation-resources .blog-list-blog-title, .footer-navigation-resources .blog .header h2, .footer-navigation-resources .blog .news-hero h2, .blog .header .footer-navigation-resources h2, .blog .news-hero .footer-navigation-resources h2 {
  width: 30%;
}
.footer-navigation-about .text-p, .footer-navigation-about .ai-chains-subtitle p, .ai-chains-subtitle .footer-navigation-about p, .footer-navigation-about .ai-how-subtitle p, .ai-how-subtitle .footer-navigation-about p, .footer-navigation-about .ai-quickstart-subtitle p, .ai-quickstart-subtitle .footer-navigation-about p, .footer-navigation-about .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .footer-navigation-about li, .footer-navigation-about .selectbox-list-item h4 *, .selectbox-list-item h4 .footer-navigation-about *, .footer-navigation-about .selectbox-list-item h4, .selectbox-list-item .footer-navigation-about h4, .footer-navigation-about .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .footer-navigation-about h5, .footer-navigation-about .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .footer-navigation-about h5, .footer-navigation-about .news-hero-body h4, .news-hero-body .footer-navigation-about h4, .footer-navigation-about .blog-list-blog-title, .footer-navigation-about .blog .header h2, .footer-navigation-about .blog .news-hero h2, .blog .header .footer-navigation-about h2, .blog .news-hero .footer-navigation-about h2 {
  width: 50%;
}
.footer-navigation-mobile-links {
  display: none;
}
.footer .footer-bottom-wrapper {
  background: white;
}
.footer-bottom {
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-bottom-policy a {
  font-size: 0.825rem;
  font-weight: 500;
  color: #ff8b97;
  text-decoration: none;
}
.footer-bottom-policy a:last-child {
  display: none;
}

@media only screen and (max-width: 1000px) {
  .footer-logo-section {
    padding: 0px;
    width: 100%;
  }
  .footer-blogs {
    width: 100%;
    padding: 0px;
  }
  .footer-tweets {
    width: 100%;
    padding: 0px;
  }
  .footer-tweets-content {
    max-height: 500px;
    height: 50vw;
    min-height: 280px;
  }
  .footer-flex {
    flex-direction: column;
    gap: 60px;
  }
  .footer-navigation .main-grid, .footer-navigation .news-grid, .footer-navigation .contact, .footer-navigation .single-blog-header, .footer-navigation .small-grid, .footer-navigation .orbs-vm .common-grid-section-grid, .orbs-vm .footer-navigation .common-grid-section-grid {
    flex-direction: column;
  }
  .footer-navigation .main-grid > div, .footer-navigation .news-grid > div, .footer-navigation .contact > div, .footer-navigation .single-blog-header > div, .footer-navigation .small-grid > div, .footer-navigation .orbs-vm .common-grid-section-grid > div, .orbs-vm .footer-navigation .common-grid-section-grid > div {
    width: 100%;
  }
  .footer-navigation-mobile {
    display: block;
  }
  .footer-navigation-desktop-links {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  .footer-flex {
    flex-direction: column;
  }
  .footer .blog-list-blog-img {
    min-height: auto;
  }
}
@media only screen and (max-width: 400px) {
  .footer-bottom {
    flex-direction: column;
  }
  .footer-bottom-policy {
    order: 2;
    margin-top: 20px;
  }
}
.faq .opening-box ul li::after {
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
  top: 8px;
}
.faq .indicator {
  position: absolute;
  top: -110px;
}
.faq .side-menu-title {
  display: none;
  padding-top: 20px;
}
.faq .opening-box-title {
  font-size: 17px;
  font-weight: 500;
  opacity: 0.5;
}
.faq-flex {
  margin: auto;
  height: auto;
  align-items: flex-start;
  padding-bottom: 50px;
}
.faq-mobile-menu {
  display: none;
  position: sticky;
  top: 0px;
  padding-top: 110px;
  width: 100%;
  z-index: 9;
  background: #191919;
}
.faq-mobile-menu-selected {
  margin-bottom: 20px;
  cursor: pointer;
  padding: 20px;
  border: 2px solid #03fcf5;
}
.faq-mobile-menu-list {
  background: #191919;
  transition: 0.2s all;
  padding-bottom: 20px;
  position: absolute;
  top: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translate(-100%);
  left: 0px;
}
.faq-mobile-menu-list a {
  text-decoration: none;
  margin-bottom: 20px;
}
.faq-mobile-menu-list-active {
  opacity: 1;
  transform: translate(0);
}
.faq .side-menu {
  width: 420px;
}
.faq .side-menu ul {
  display: none;
}
.faq .side-menu .faq-lists-category {
  margin-bottom: 0px;
}
.faq .side-menu .faq-side-menu-links-flex {
  display: flex;
  flex-direction: column;
}
.faq .side-menu .faq-side-menu-links a {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 1.063rem;
  letter-spacing: 0.04rem;
  line-height: 1.438rem;
  text-decoration: none;
}
.faq .side-menu .faq-side-menu-links a:hover {
  text-decoration: underline;
}
.faq .side-menu .faq-side-menu-additional {
  margin-top: 58px;
}
.faq .side-menu .faq-side-menu-additional .text-p, .faq .side-menu .faq-side-menu-additional .ai-chains-subtitle p, .ai-chains-subtitle .faq .side-menu .faq-side-menu-additional p, .faq .side-menu .faq-side-menu-additional .ai-how-subtitle p, .ai-how-subtitle .faq .side-menu .faq-side-menu-additional p, .faq .side-menu .faq-side-menu-additional .ai-quickstart-subtitle p, .ai-quickstart-subtitle .faq .side-menu .faq-side-menu-additional p, .faq .side-menu .faq-side-menu-additional .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .faq .side-menu .faq-side-menu-additional li, .faq .side-menu .faq-side-menu-additional .selectbox-list-item h4 *, .selectbox-list-item h4 .faq .side-menu .faq-side-menu-additional *, .faq .side-menu .faq-side-menu-additional .selectbox-list-item h4, .selectbox-list-item .faq .side-menu .faq-side-menu-additional h4, .faq .side-menu .faq-side-menu-additional .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .faq .side-menu .faq-side-menu-additional h5, .faq .side-menu .faq-side-menu-additional .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .faq .side-menu .faq-side-menu-additional h5, .faq .side-menu .faq-side-menu-additional .news-hero-body h4, .news-hero-body .faq .side-menu .faq-side-menu-additional h4, .faq .side-menu .faq-side-menu-additional .blog-list-blog-title, .faq .side-menu .faq-side-menu-additional .blog .header h2, .faq .side-menu .faq-side-menu-additional .blog .news-hero h2, .blog .header .faq .side-menu .faq-side-menu-additional h2, .blog .news-hero .faq .side-menu .faq-side-menu-additional h2 {
  font-weight: 500;
  font-size: 1.063rem;
}
.faq .side-menu .faq-side-menu-additional .text-p:last-of-type, .faq .side-menu .faq-side-menu-additional .ai-chains-subtitle p:last-of-type, .ai-chains-subtitle .faq .side-menu .faq-side-menu-additional p:last-of-type, .faq .side-menu .faq-side-menu-additional .ai-how-subtitle p:last-of-type, .ai-how-subtitle .faq .side-menu .faq-side-menu-additional p:last-of-type, .faq .side-menu .faq-side-menu-additional .ai-quickstart-subtitle p:last-of-type, .ai-quickstart-subtitle .faq .side-menu .faq-side-menu-additional p:last-of-type, .faq .side-menu .faq-side-menu-additional .liquidity-hub-launch-partners-partner .left ul li:last-of-type, .liquidity-hub-launch-partners-partner .left ul .faq .side-menu .faq-side-menu-additional li:last-of-type, .faq .side-menu .faq-side-menu-additional .selectbox-list-item h4 :last-of-type, .selectbox-list-item h4 .faq .side-menu .faq-side-menu-additional :last-of-type, .faq .side-menu .faq-side-menu-additional .selectbox-list-item h4:last-of-type, .selectbox-list-item .faq .side-menu .faq-side-menu-additional h4:last-of-type, .faq .side-menu .faq-side-menu-additional .ton-gateway-posts .post-profile-right h5:last-of-type, .ton-gateway-posts .post-profile-right .faq .side-menu .faq-side-menu-additional h5:last-of-type, .faq .side-menu .faq-side-menu-additional .notifications .integrations-list .integration h5:last-of-type, .notifications .integrations-list .integration .faq .side-menu .faq-side-menu-additional h5:last-of-type, .faq .side-menu .faq-side-menu-additional .news-hero-body h4:last-of-type, .news-hero-body .faq .side-menu .faq-side-menu-additional h4:last-of-type, .faq .side-menu .faq-side-menu-additional .blog-list-blog-title:last-of-type, .faq .side-menu .faq-side-menu-additional .blog .header h2:last-of-type, .faq .side-menu .faq-side-menu-additional .blog .news-hero h2:last-of-type, .blog .header .faq .side-menu .faq-side-menu-additional h2:last-of-type, .blog .news-hero .faq .side-menu .faq-side-menu-additional h2:last-of-type {
  margin-top: 10px;
}
.faq .side-menu .faq-side-menu-additional .text-p a, .faq .side-menu .faq-side-menu-additional .ai-chains-subtitle p a, .ai-chains-subtitle .faq .side-menu .faq-side-menu-additional p a, .faq .side-menu .faq-side-menu-additional .ai-how-subtitle p a, .ai-how-subtitle .faq .side-menu .faq-side-menu-additional p a, .faq .side-menu .faq-side-menu-additional .ai-quickstart-subtitle p a, .ai-quickstart-subtitle .faq .side-menu .faq-side-menu-additional p a, .faq .side-menu .faq-side-menu-additional .liquidity-hub-launch-partners-partner .left ul li a, .liquidity-hub-launch-partners-partner .left ul .faq .side-menu .faq-side-menu-additional li a, .selectbox-list-item h4 .faq .side-menu .faq-side-menu-additional * a, .faq .side-menu .faq-side-menu-additional .selectbox-list-item h4 a, .selectbox-list-item .faq .side-menu .faq-side-menu-additional h4 a, .faq .side-menu .faq-side-menu-additional .ton-gateway-posts .post-profile-right h5 a, .ton-gateway-posts .post-profile-right .faq .side-menu .faq-side-menu-additional h5 a, .faq .side-menu .faq-side-menu-additional .notifications .integrations-list .integration h5 a, .notifications .integrations-list .integration .faq .side-menu .faq-side-menu-additional h5 a, .faq .side-menu .faq-side-menu-additional .news-hero-body h4 a, .news-hero-body .faq .side-menu .faq-side-menu-additional h4 a, .faq .side-menu .faq-side-menu-additional .blog-list-blog-title a, .faq .side-menu .faq-side-menu-additional .blog .header h2 a, .faq .side-menu .faq-side-menu-additional .blog .news-hero h2 a, .blog .header .faq .side-menu .faq-side-menu-additional h2 a, .blog .news-hero .faq .side-menu .faq-side-menu-additional h2 a {
  text-decoration: none;
}
.faq-lists {
  width: calc(100% - 420px);
  max-width: 792px;
}
.faq-lists-category {
  position: relative;
  margin-bottom: 30px;
}
.faq-lists-category:last-child {
  margin-bottom: 0px;
}
.faq-lists-category small {
  display: none;
}
.faq-lists-category h5 {
  margin-bottom: 20px;
  text-align: left;
}

@media only screen and (max-width: 1000px) {
  .faq-lists {
    width: calc(100% - 350px);
  }
  .faq .side-menu {
    width: 350px;
  }
  .faq .side-menu .faq-side-menu-links a {
    font-size: 90%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 900px) {
  .faq {
    padding-top: 80px;
  }
  .faq-flex {
    flex-direction: column;
  }
  .faq .side-menu {
    display: none;
  }
  .faq-mobile-menu {
    display: none;
  }
  .faq-lists {
    width: 100%;
    padding-top: 0px;
    position: relative;
  }
  .faq .indicator {
    top: -80px;
  }
}
.blog-content {
  background: white;
  padding-top: 60px;
  padding-bottom: 60px;
}
.blog .header h2, .blog .news-hero h2 {
  font-weight: 400;
  margin-top: 30px;
}
.blog-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.blog-list-blog {
  overflow: hidden;
  min-height: 280px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.blog-list-blog * {
  color: black;
  text-decoration: none;
}
.blog-list-blog .limited-lines {
  -webkit-line-clamp: 3;
}
.blog-list-blog-title {
  font-weight: 400;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 105px;
  -webkit-line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.blog-list-blog-description .text-p, .blog-list-blog-description .ai-chains-subtitle p, .ai-chains-subtitle .blog-list-blog-description p, .blog-list-blog-description .ai-how-subtitle p, .ai-how-subtitle .blog-list-blog-description p, .blog-list-blog-description .ai-quickstart-subtitle p, .ai-quickstart-subtitle .blog-list-blog-description p, .blog-list-blog-description .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .blog-list-blog-description li, .blog-list-blog-description .selectbox-list-item h4 *, .selectbox-list-item h4 .blog-list-blog-description *, .blog-list-blog-description .selectbox-list-item h4, .selectbox-list-item .blog-list-blog-description h4, .blog-list-blog-description .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .blog-list-blog-description h5, .blog-list-blog-description .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .blog-list-blog-description h5, .blog-list-blog-description .news-hero-body h4, .news-hero-body .blog-list-blog-description h4, .blog-list-blog-description .blog .header h2, .blog-list-blog-description .blog .news-hero h2, .blog .header .blog-list-blog-description h2, .blog .news-hero .blog-list-blog-description h2, .blog-list-blog-description .blog-list-blog-title {
  font-size: 0.875rem;
  margin-bottom: 0px;
}
.blog-list-blog-img {
  width: 100%;
  height: 219px;
  transition: 0.2s all;
  transform-origin: center;
  object-fit: cover;
  margin-bottom: 20px;
}
.blog-list-blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-list-blog-flex {
  display: flex;
  width: 100%;
  height: 100%;
  text-decoration: none;
  flex-direction: column;
}
.blog-list-blog-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.blog-list-blog-author {
  margin-top: auto;
}
.blog-list-blog-author img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 13px;
  object-position: top;
}
.blog-list-blog-author a {
  font-weight: bold;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.blog-list-blog-author p {
  font-size: 0.875rem;
}
.blog-list-blog-author small {
  margin-left: 10px;
  margin-right: 10px;
}

.hidden-blog {
  opacity: 0 !important;
  width: 0px;
  height: 0px;
  transition: 0.2s all;
  display: none;
}

.active-tag {
  background: white;
  border: 2px solid white;
  color: black;
}

.pagination-container {
  display: flex;
  justify-content: center;
  margin-top: 100px;
}
.pagination-container button {
  color: black;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}
.pagination-container .pagination-selected {
  background: lightblue;
}

@media only screen and (min-width: 1000px) {
  .blog-list {
    gap: 32px;
  }
  .blog-list-blog {
    flex: 0 0 calc(33.333% - 21.333px);
  }
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
  .blog-list {
    gap: 25px;
  }
  .blog-list-blog {
    flex: 0 0 calc(50% - 12.5px);
  }
}
@media only screen and (max-width: 700px) {
  .blog-content {
    padding-top: 40px;
  }
  .blog-header .sub-title .text-p, .blog-header .sub-title .ai-chains-subtitle p, .ai-chains-subtitle .blog-header .sub-title p, .blog-header .sub-title .ai-how-subtitle p, .ai-how-subtitle .blog-header .sub-title p, .blog-header .sub-title .ai-quickstart-subtitle p, .ai-quickstart-subtitle .blog-header .sub-title p, .blog-header .sub-title .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .blog-header .sub-title li, .blog-header .sub-title .selectbox-list-item h4 *, .selectbox-list-item h4 .blog-header .sub-title *, .blog-header .sub-title .selectbox-list-item h4, .selectbox-list-item .blog-header .sub-title h4, .blog-header .sub-title .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .blog-header .sub-title h5, .blog-header .sub-title .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .blog-header .sub-title h5, .blog-header .sub-title .news-hero-body h4, .news-hero-body .blog-header .sub-title h4, .blog-header .sub-title .blog .header h2, .blog-header .sub-title .blog .news-hero h2, .blog .header .blog-header .sub-title h2, .blog .news-hero .blog-header .sub-title h2, .blog-header .sub-title .blog-list-blog-title {
    font-size: 1.063rem;
  }
  .blog-list {
    gap: 25px;
  }
  .blog-list-blog {
    flex: 0 0 100%;
  }
  .blog-list-blog-title {
    font-size: 1.12rem;
    line-height: 1.7rem;
  }
  .blog-list-blog-img {
    height: 50vw;
    min-height: 200px;
  }
}
.single-blog {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.single-blog-bg {
  width: 100vw;
  height: 39.7vw;
  min-height: 250px;
}
.single-blog-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-blog-header {
  max-width: 800px;
  align-items: flex-start;
  margin-bottom: 40px;
}
.single-blog-header h1 {
  text-align: left;
}
.single-blog-header-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.single-blog-header-author {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.single-blog-header-author .blog-hedaer-date {
  margin-top: 0px;
}
.single-blog-header-author-flex {
  margin-top: 30px;
  flex-wrap: wrap;
  display: flex;
  gap: 20px;
  align-items: center;
}
.single-blog-header-author-flex .blog-share {
  margin-left: auto;
  margin-bottom: 0px;
  gap: 20px;
}
.single-blog-header-author-flex .blog-share a {
  width: 22px;
  height: 22px;
}
.single-blog-header-author-flex .blog-share a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.single-blog-header-author a {
  text-transform: uppercase;
}
.single-blog-header-author a,
.single-blog-header-author p {
  text-decoration: none;
  font-size: 0.875rem;
}
.single-blog-header-author small {
  margin-left: 8px;
  margin-right: 8px;
}
.single-blog-header-author .image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
}
.single-blog-header-author .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.single-blog-bottom {
  margin: auto;
  padding: 50px 0px 98px 0px;
  width: 100%;
}
.single-blog-bottom-title {
  font-size: 1.375rem;
  text-align: center;
  font-weight: 500;
}
.single-blog-bottom-flex {
  max-width: 1300px;
  width: calc(100% - 60px);
  margin: auto;
  padding-top: 30px;
  flex-wrap: wrap;
}
.single-blog-bottom-flex-item {
  margin: auto;
  margin-top: 40px;
  align-items: center;
}
.single-blog-bottom-flex-item img {
  margin-bottom: 28px;
  width: 36px;
  height: 34px;
  object-fit: contain;
}
.single-blog-bottom-flex-item h4 {
  font-size: 1.063rem;
  font-weight: 500;
  margin-bottom: 23px;
}
.single-blog-bottom-flex-item a {
  height: 51px;
  padding: 0px 25px;
  text-decoration: none;
}
.single-blog-body {
  background: white;
  margin: auto;
  padding-top: 32px;
  padding-bottom: 80px;
}
.single-blog-body-grid {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.single-blog-body * {
  color: rgb(41, 41, 41);
  font-family: "blog-main";
  letter-spacing: 0.003rem;
}
.single-blog-body a,
.single-blog-body p,
.single-blog-body li {
  font-size: 1.313rem;
  line-height: 2rem;
}
.single-blog-body a {
  word-break: break-all;
}
.single-blog-body code {
  overflow-wrap: anywhere;
}
.single-blog-body .title {
  text-align: left;
}
.single-blog-body strong {
  font-family: "blog-bold";
}
.single-blog-body-bg {
  width: 100%;
  height: auto;
  margin-bottom: 32px;
}
.single-blog-body .text-p, .single-blog-body .ai-chains-subtitle p, .ai-chains-subtitle .single-blog-body p, .single-blog-body .ai-how-subtitle p, .ai-how-subtitle .single-blog-body p, .single-blog-body .ai-quickstart-subtitle p, .ai-quickstart-subtitle .single-blog-body p, .single-blog-body .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .single-blog-body li, .single-blog-body .selectbox-list-item h4 *, .selectbox-list-item h4 .single-blog-body *, .single-blog-body .selectbox-list-item h4, .selectbox-list-item .single-blog-body h4, .single-blog-body .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .single-blog-body h5, .single-blog-body .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .single-blog-body h5, .single-blog-body .news-hero-body h4, .news-hero-body .single-blog-body h4, .single-blog-body .blog .header h2, .single-blog-body .blog .news-hero h2, .blog .header .single-blog-body h2, .blog .news-hero .single-blog-body h2, .single-blog-body .blog-list-blog-title {
  margin-bottom: 32px;
  white-space: normal;
}
.single-blog-body .text-p:first-child, .single-blog-body .ai-chains-subtitle p:first-child, .ai-chains-subtitle .single-blog-body p:first-child, .single-blog-body .ai-how-subtitle p:first-child, .ai-how-subtitle .single-blog-body p:first-child, .single-blog-body .ai-quickstart-subtitle p:first-child, .ai-quickstart-subtitle .single-blog-body p:first-child, .single-blog-body .liquidity-hub-launch-partners-partner .left ul li:first-child, .liquidity-hub-launch-partners-partner .left ul .single-blog-body li:first-child, .single-blog-body .selectbox-list-item h4 :first-child, .selectbox-list-item h4 .single-blog-body :first-child, .single-blog-body .selectbox-list-item h4:first-child, .selectbox-list-item .single-blog-body h4:first-child, .single-blog-body .ton-gateway-posts .post-profile-right h5:first-child, .ton-gateway-posts .post-profile-right .single-blog-body h5:first-child, .single-blog-body .notifications .integrations-list .integration h5:first-child, .notifications .integrations-list .integration .single-blog-body h5:first-child, .single-blog-body .news-hero-body h4:first-child, .news-hero-body .single-blog-body h4:first-child, .single-blog-body .blog .header h2:first-child, .single-blog-body .blog .news-hero h2:first-child, .blog .header .single-blog-body h2:first-child, .blog .news-hero .single-blog-body h2:first-child, .single-blog-body .blog-list-blog-title:first-child {
  margin-top: 0px;
}
.single-blog-body .dots {
  text-align: center;
  letter-spacing: 10px;
  font-size: 30px;
  position: relative;
}
.single-blog-body ul {
  margin-bottom: 40px;
}
.single-blog-body ul li {
  padding-left: 30px;
  position: relative;
}
.single-blog-body ul li::after {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  left: 8px;
  top: 15px;
  background: black;
  content: "";
}
.single-blog-body ul li .text-p, .single-blog-body ul li .ai-chains-subtitle p, .ai-chains-subtitle .single-blog-body ul li p, .single-blog-body ul li .ai-how-subtitle p, .ai-how-subtitle .single-blog-body ul li p, .single-blog-body ul li .ai-quickstart-subtitle p, .ai-quickstart-subtitle .single-blog-body ul li p, .single-blog-body .liquidity-hub-launch-partners-partner .left ul li li, .liquidity-hub-launch-partners-partner .left .single-blog-body ul li li, .single-blog-body ul li .selectbox-list-item h4 *, .selectbox-list-item h4 .single-blog-body ul li *, .single-blog-body ul li .selectbox-list-item h4, .selectbox-list-item .single-blog-body ul li h4, .single-blog-body ul li .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .single-blog-body ul li h5, .single-blog-body ul li .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .single-blog-body ul li h5, .single-blog-body ul li .news-hero-body h4, .news-hero-body .single-blog-body ul li h4, .single-blog-body ul li .blog .header h2, .single-blog-body ul li .blog .news-hero h2, .blog .header .single-blog-body ul li h2, .blog .news-hero .single-blog-body ul li h2, .single-blog-body ul li .blog-list-blog-title {
  margin-bottom: 0px;
}
.single-blog-body ul li {
  margin-bottom: 13.76px;
}
.single-blog-body ul li:last-child {
  margin-bottom: 0px;
}
.single-blog-body ol {
  margin-bottom: 40px;
  list-style-type: decimal;
  padding-left: 25px;
}
.single-blog-body ol li .text-p, .single-blog-body ol li .ai-chains-subtitle p, .ai-chains-subtitle .single-blog-body ol li p, .single-blog-body ol li .ai-how-subtitle p, .ai-how-subtitle .single-blog-body ol li p, .single-blog-body ol li .ai-quickstart-subtitle p, .ai-quickstart-subtitle .single-blog-body ol li p, .single-blog-body ol li .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .single-blog-body ol li li, .single-blog-body ol li .selectbox-list-item h4 *, .selectbox-list-item h4 .single-blog-body ol li *, .single-blog-body ol li .selectbox-list-item h4, .selectbox-list-item .single-blog-body ol li h4, .single-blog-body ol li .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .single-blog-body ol li h5, .single-blog-body ol li .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .single-blog-body ol li h5, .single-blog-body ol li .news-hero-body h4, .news-hero-body .single-blog-body ol li h4, .single-blog-body ol li .blog .header h2, .single-blog-body ol li .blog .news-hero h2, .blog .header .single-blog-body ol li h2, .blog .news-hero .single-blog-body ol li h2, .single-blog-body ol li .blog-list-blog-title {
  margin-bottom: 0px;
}
.single-blog-body ol li {
  margin-bottom: 13.76px;
}
.single-blog-body .blog-table-wrap {
  overflow-x: auto;
  border: 1px solid #e8eaf0;
  border-radius: 12px;
  margin-bottom: 40px;
}
.single-blog-body .blog-table {
  width: 100%;
  min-width: 560px;
  max-width: none;
  margin: 0;
  border-collapse: collapse;
  font-family: "blog-main";
}
.single-blog-body .blog-table th,
.single-blog-body .blog-table td {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 14px 18px;
  text-align: left;
  font-size: 1rem;
  line-height: 1.55;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: top;
}
.single-blog-body .blog-table th {
  background: #313855;
  font-family: "blog-bold";
  font-weight: 600;
  font-size: 0.95rem;
  border-bottom: none;
}
.single-blog-body .blog-table th,
.single-blog-body .blog-table th * {
  color: white;
}
.single-blog-body .blog-table tr:last-child td {
  border-bottom: none;
}
.single-blog-body .image,
.single-blog-body iframe {
  width: 100%;
  max-width: 1100px;
  margin-bottom: 30px;
}
.single-blog-body iframe {
  position: relative;
  transform: translate(-50%);
  left: 50%;
  height: 45vw;
  max-height: 600px;
  min-height: 260px;
}
.single-blog-body .image {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-blog-body .image img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  width: auto;
}
.single-blog-body * {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.single-blog-body .title-h1,
.single-blog-body .title-h2,
.single-blog-body .title-h3,
.single-blog-body .title-h4 {
  margin-bottom: 13.76px;
  padding-top: 20px;
  font-family: "blog-bold";
}
.single-blog-body .title-h1 {
  font-size: 2rem;
}
.single-blog-body .title-h2 {
  font-size: 1.875rem;
}
.single-blog-body .title-h2 a {
  font-size: 1.875rem;
  text-decoration: none;
}
.single-blog-body .title-h3 {
  font-size: 1.563rem;
}
.single-blog-body .title-h3 a {
  font-size: 1.563rem;
}
.single-blog-body .title-h4 {
  font-size: 1.375rem;
}

@media only screen and (max-width: 700px) {
  .single-blog-bg {
    height: auto;
    min-height: 0;
    aspect-ratio: 2/1;
  }
  .single-blog-bg img {
    object-fit: contain;
  }
  .single-blog-header .blog-share a {
    margin-left: 20px;
  }
  .single-blog-header h1.single-blog-header-title {
    font-size: 28px;
    line-height: 1.2;
  }
  .single-blog-header-author .image {
    width: 40px;
    height: 40px;
  }
  .single-blog-header-author a,
  .single-blog-header-author p {
    font-size: 0.813rem;
  }
  .single-blog-body .text-p, .single-blog-body .ai-chains-subtitle p, .ai-chains-subtitle .single-blog-body p, .single-blog-body .ai-how-subtitle p, .ai-how-subtitle .single-blog-body p, .single-blog-body .ai-quickstart-subtitle p, .ai-quickstart-subtitle .single-blog-body p, .single-blog-body .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .single-blog-body li, .single-blog-body .selectbox-list-item h4 *, .selectbox-list-item h4 .single-blog-body *, .single-blog-body .selectbox-list-item h4, .selectbox-list-item .single-blog-body h4, .single-blog-body .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .single-blog-body h5, .single-blog-body .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .single-blog-body h5, .single-blog-body .news-hero-body h4, .news-hero-body .single-blog-body h4, .single-blog-body .blog .header h2, .single-blog-body .blog .news-hero h2, .blog .header .single-blog-body h2, .blog .news-hero .single-blog-body h2, .single-blog-body .blog-list-blog-title {
    margin-bottom: 30px;
  }
  .single-blog-body a,
  .single-blog-body p,
  .single-blog-body li,
  .single-blog-body ol {
    font-size: 1.125rem;
  }
  .single-blog-body .title-h2,
  .single-blog-body .title-h3,
  .single-blog-body .title-h4 {
    margin-bottom: 10px;
  }
  .single-blog-body .title-h2 {
    font-size: 1.5rem;
  }
  .single-blog-body .title-h3 {
    font-size: 1.3rem;
  }
  .single-blog-body .title-h4 {
    font-size: 1.1rem;
  }
  .single-blog-body .blog-table-wrap {
    max-width: calc(100vw - 40px);
  }
}
.twitter-tweet iframe {
  transform: none !important;
}

.network {
  position: relative;
}
.network-header {
  background: url("/https/www.orbs.com/assets/img/network/network-header-bg.png"), linear-gradient(268.26deg, #7988e8 14.66%, #db89df 86.69%);
  background-size: cover;
  background-position: center;
  padding: 100px;
  margin: 0;
}
.network-header h1 {
  color: #fff;
  background: none;
  background-clip: unset;
  -webkit-text-fill-color: unset;
  font-size: 70px;
  line-height: 80px;
}
.network-header h2 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  margin-top: 30px;
  color: #fff;
}
.network-figure {
  position: absolute;
  width: 400px;
}
.network-figure-left {
  top: 68%;
  left: -120px;
}
.network-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
}
.network-section .main-grid, .network-section .news-grid, .network-section .contact, .network-section .small-grid, .network-section .orbs-vm .common-grid-section-grid, .orbs-vm .network-section .common-grid-section-grid, .network-section .single-blog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 70px;
}
.network-section-video {
  background: #d8d6f3;
}
.network-section-video-grid {
  height: 40vw;
  max-height: 600px;
  min-height: 200px;
}
.network-section {
  display: flex;
  align-items: center;
}
.network-section h3 {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.network-section-first {
  background: linear-gradient(343deg, #ffffff 0%, #ffffff 55%, rgba(128, 198, 235, 0.5) 55%, #ffffff 72.81%);
}
.network-section-first .network-section-image {
  max-width: 400px;
  width: 100%;
  height: auto;
  flex-basis: 50%;
}
.network-section-first .network-section-text {
  flex-basis: 50%;
}
.main-grid + .network-section-first-features, .news-grid + .network-section-first-features, .contact + .network-section-first-features, .small-grid + .network-section-first-features, .orbs-vm .common-grid-section-grid + .network-section-first-features, .single-blog-header + .network-section-first-features {
  align-items: start;
}
.network-section-first-features {
  margin-top: 200px;
  text-align: center;
}
.network-section-first-features-item {
  flex-basis: 50%;
}
.network-section-second {
  background: linear-gradient(268.26deg, #7988e8 14.66%, #db89df 86.69%);
  position: relative;
}
.network-section-second .network-section-image {
  flex-grow: 0;
  max-width: 50%;
  width: 100%;
  flex-basis: 50%;
}
.network-section-second .network-section-text {
  flex-basis: 50%;
}
.network-section-second .network-section-text h3 {
  background: none;
  background-clip: unset;
  -webkit-text-fill-color: unset;
  color: white;
}
.network-section-second .network-section-text .text-p, .network-section-second .network-section-text .ai-chains-subtitle p, .ai-chains-subtitle .network-section-second .network-section-text p, .network-section-second .network-section-text .ai-how-subtitle p, .ai-how-subtitle .network-section-second .network-section-text p, .network-section-second .network-section-text .ai-quickstart-subtitle p, .ai-quickstart-subtitle .network-section-second .network-section-text p, .network-section-second .network-section-text .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .network-section-second .network-section-text li, .network-section-second .network-section-text .selectbox-list-item h4 *, .selectbox-list-item h4 .network-section-second .network-section-text *, .network-section-second .network-section-text .selectbox-list-item h4, .selectbox-list-item .network-section-second .network-section-text h4, .network-section-second .network-section-text .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .network-section-second .network-section-text h5, .network-section-second .network-section-text .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .network-section-second .network-section-text h5, .network-section-second .network-section-text .news-hero-body h4, .news-hero-body .network-section-second .network-section-text h4, .network-section-second .network-section-text .blog .header h2, .network-section-second .network-section-text .blog .news-hero h2, .blog .header .network-section-second .network-section-text h2, .blog .news-hero .network-section-second .network-section-text h2, .network-section-second .network-section-text .blog-list-blog-title {
  color: white;
}
.network-section-second-top {
  position: absolute;
  width: 300px;
  top: 0%;
  left: calc(50% - 600px);
  transform: translate(-50%, -50%);
}
.network-section-third {
  background: #5e75e8;
  position: relative;
  min-height: 600px;
}
.network-section-third .network-section-image {
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  max-width: 1200px;
  width: 100%;
  object-fit: cover;
  object-position: right;
}
.network-section-third .network-section-text h2 {
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}
.network-section-third .network-section-text h4 {
  margin-bottom: 40px;
  text-transform: uppercase;
  text-align: center;
}
.network-section-third .network-section-text .text-p, .network-section-third .network-section-text .ai-chains-subtitle p, .ai-chains-subtitle .network-section-third .network-section-text p, .network-section-third .network-section-text .ai-how-subtitle p, .ai-how-subtitle .network-section-third .network-section-text p, .network-section-third .network-section-text .ai-quickstart-subtitle p, .ai-quickstart-subtitle .network-section-third .network-section-text p, .network-section-third .network-section-text .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .network-section-third .network-section-text li, .network-section-third .network-section-text .selectbox-list-item h4 *, .selectbox-list-item h4 .network-section-third .network-section-text *, .network-section-third .network-section-text .selectbox-list-item h4, .selectbox-list-item .network-section-third .network-section-text h4, .network-section-third .network-section-text .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .network-section-third .network-section-text h5, .network-section-third .network-section-text .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .network-section-third .network-section-text h5, .network-section-third .network-section-text .news-hero-body h4, .news-hero-body .network-section-third .network-section-text h4, .network-section-third .network-section-text .blog .header h2, .network-section-third .network-section-text .blog .news-hero h2, .blog .header .network-section-third .network-section-text h2, .blog .news-hero .network-section-third .network-section-text h2, .network-section-third .network-section-text .blog-list-blog-title {
  color: white;
}
.network-section-third .network-section-right {
  position: relative;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 560px;
}
.network-section-third .network-section-right img {
  width: 100%;
  margin-top: 80px;
}
.network-section-products h3:last-of-type {
  text-align: center;
  margin-bottom: 60px;
}
.network-section-products-list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
.network-section-products-list-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  flex: 0 1 25%;
  padding: 25px;
}
.dtwap .network-section-products-list-item-image {
  aspect-ratio: 1.82;
}
.liquidity-hub .network-section-products-list-item-image, .perpetual-hub .network-section-products-list-item-image {
  aspect-ratio: 1.8;
}
.network-section-products-list-item-image {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.network-section-products-list-item-body {
  text-align: center;
}
.network-section-products-list-item-body h4 {
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.network-section-products-list-item-body .text-p, .network-section-products-list-item-body .ai-chains-subtitle p, .ai-chains-subtitle .network-section-products-list-item-body p, .network-section-products-list-item-body .ai-how-subtitle p, .ai-how-subtitle .network-section-products-list-item-body p, .network-section-products-list-item-body .ai-quickstart-subtitle p, .ai-quickstart-subtitle .network-section-products-list-item-body p, .network-section-products-list-item-body .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .network-section-products-list-item-body li, .network-section-products-list-item-body .selectbox-list-item h4 *, .selectbox-list-item h4 .network-section-products-list-item-body *, .network-section-products-list-item-body .selectbox-list-item h4, .selectbox-list-item .network-section-products-list-item-body h4, .network-section-products-list-item-body .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .network-section-products-list-item-body h5, .network-section-products-list-item-body .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .network-section-products-list-item-body h5, .network-section-products-list-item-body .news-hero-body h4, .news-hero-body .network-section-products-list-item-body h4, .network-section-products-list-item-body .blog .header h2, .network-section-products-list-item-body .blog .news-hero h2, .blog .header .network-section-products-list-item-body h2, .blog .news-hero .network-section-products-list-item-body h2, .network-section-products-list-item-body .blog-list-blog-title {
  font-size: 14px;
}
.network-section-why {
  background: linear-gradient(15deg, #ffffff 0%, #ffffff 50%, rgba(128, 198, 235, 0.5) 50%, #ffffff 72.81%);
}
.network-section-why-text {
  text-align: center;
}
.network-section-why-text .text-p, .network-section-why-text .ai-chains-subtitle p, .ai-chains-subtitle .network-section-why-text p, .network-section-why-text .ai-how-subtitle p, .ai-how-subtitle .network-section-why-text p, .network-section-why-text .ai-quickstart-subtitle p, .ai-quickstart-subtitle .network-section-why-text p, .network-section-why-text .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .network-section-why-text li, .network-section-why-text .selectbox-list-item h4 *, .selectbox-list-item h4 .network-section-why-text *, .network-section-why-text .selectbox-list-item h4, .selectbox-list-item .network-section-why-text h4, .network-section-why-text .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .network-section-why-text h5, .network-section-why-text .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .network-section-why-text h5, .network-section-why-text .news-hero-body h4, .news-hero-body .network-section-why-text h4, .network-section-why-text .blog .header h2, .network-section-why-text .blog .news-hero h2, .blog .header .network-section-why-text h2, .blog .news-hero .network-section-why-text h2, .network-section-why-text .blog-list-blog-title {
  margin-bottom: 60px;
}
.network-section-mission {
  background-color: #7a89e9;
  background-image: url("/https/www.orbs.com/assets/img/network/mission-section-bg.png");
  background-size: cover;
  background-position: center;
  padding-top: 100px;
  padding-bottom: 100px;
}
.network-section-mission-text {
  text-align: center;
}
.network-section-mission-text .text-p, .network-section-mission-text .ai-chains-subtitle p, .ai-chains-subtitle .network-section-mission-text p, .network-section-mission-text .ai-how-subtitle p, .ai-how-subtitle .network-section-mission-text p, .network-section-mission-text .ai-quickstart-subtitle p, .ai-quickstart-subtitle .network-section-mission-text p, .network-section-mission-text .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .network-section-mission-text li, .network-section-mission-text .selectbox-list-item h4 *, .selectbox-list-item h4 .network-section-mission-text *, .network-section-mission-text .selectbox-list-item h4, .selectbox-list-item .network-section-mission-text h4, .network-section-mission-text .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .network-section-mission-text h5, .network-section-mission-text .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .network-section-mission-text h5, .network-section-mission-text .news-hero-body h4, .news-hero-body .network-section-mission-text h4, .network-section-mission-text .blog .header h2, .network-section-mission-text .blog .news-hero h2, .blog .header .network-section-mission-text h2, .blog .news-hero .network-section-mission-text h2, .network-section-mission-text .blog-list-blog-title {
  color: white;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
}
.network-section-how {
  text-align: center;
}
.network-section-how h2 {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.network-section-how h4 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 60px;
  text-transform: uppercase;
}
.network-section-how-items.main-grid, .network-section-how-items.news-grid, .network-section-how-items.contact, .network-section-how-items.small-grid, .orbs-vm .network-section-how-items.common-grid-section-grid, .network-section-how-items.single-blog-header {
  align-items: flex-start;
}
.network-section-how-items-item {
  flex-basis: 33.3333%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.network-section-how-items-item-image {
  max-width: 50%;
}
.network-section-how-items-item h4 {
  font-size: 22px;
  margin: 0;
}
.network-section-how-items-item .text-p, .network-section-how-items-item .ai-chains-subtitle p, .ai-chains-subtitle .network-section-how-items-item p, .network-section-how-items-item .ai-how-subtitle p, .ai-how-subtitle .network-section-how-items-item p, .network-section-how-items-item .ai-quickstart-subtitle p, .ai-quickstart-subtitle .network-section-how-items-item p, .network-section-how-items-item .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .network-section-how-items-item li, .network-section-how-items-item .selectbox-list-item h4 *, .selectbox-list-item h4 .network-section-how-items-item *, .network-section-how-items-item .selectbox-list-item h4, .selectbox-list-item .network-section-how-items-item h4, .network-section-how-items-item .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .network-section-how-items-item h5, .network-section-how-items-item .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .network-section-how-items-item h5, .network-section-how-items-item .news-hero-body h4, .news-hero-body .network-section-how-items-item h4, .network-section-how-items-item .blog .header h2, .network-section-how-items-item .blog .news-hero h2, .blog .header .network-section-how-items-item h2, .blog .news-hero .network-section-how-items-item h2, .network-section-how-items-item .blog-list-blog-title {
  font-size: 16px;
}

@media only screen and (max-width: 1680px) {
  .network-section-second-top {
    left: 20px;
    transform: translate(0, -50%);
  }
  .network-figure {
    zoom: 0.8;
  }
}
@media only screen and (max-width: 1500px) {
  .network-section-second-top {
    left: 20px;
    transform: translate(0, -50%);
  }
  .network-figure {
    zoom: 1;
  }
  .network-figure-left {
    width: 20vw;
  }
  .network-figure-right {
    width: 20vw;
  }
  .network-product-image h3 {
    font-size: 1.2rem;
  }
  .network-product-image-1 img {
    width: 500px;
  }
  .network-product-image-2 img {
    width: 400px;
  }
}
@media only screen and (max-width: 1200px) {
  .network-figure {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .network-section .main-grid, .network-section .news-grid, .network-section .contact, .network-section .small-grid, .network-section .orbs-vm .common-grid-section-grid, .orbs-vm .network-section .common-grid-section-grid, .network-section .single-blog-header {
    flex-direction: column;
    gap: 30px;
  }
  .network-section-first-features {
    margin-top: 80px;
  }
  .network-section-first .network-section-left {
    order: 1;
  }
  .network-section-first .network-section-image {
    width: 50%;
    max-width: 250px;
    order: 2;
  }
  .network-section-second-top {
    width: 200px;
  }
  .network-section-second .network-section-right {
    order: 1;
  }
  .network-section-second .network-section-image {
    max-width: 300px;
    width: 90%;
    order: 2;
  }
  .network-section-second .network-section-text {
    text-align: center;
  }
  .network-section-third .network-section-right {
    transform: none;
    margin-left: 0px;
  }
  .network-section-third .network-section-right img {
    max-width: 400px;
    width: 100%;
  }
  .network-section-third .network-section-image {
    transform: translate(-300px);
    display: none;
  }
  .network-product-images {
    gap: 50px;
    flex-direction: column;
    align-items: center;
  }
  .network-product-image-1 img {
    max-width: 400px;
    width: 100%;
  }
  .network-product-image-2 img {
    max-width: 400px;
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .network-header {
    padding: 40px;
  }
  .network-header h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .network-section-products {
    padding-left: 10px;
    padding-right: 10px;
  }
  .network-section-products-list-item {
    flex-basis: 50%;
  }
  .network-section-products-list-item-image {
    max-width: 80%;
  }
  .network-section-mission-text .text-p, .network-section-mission-text .ai-chains-subtitle p, .ai-chains-subtitle .network-section-mission-text p, .network-section-mission-text .ai-how-subtitle p, .ai-how-subtitle .network-section-mission-text p, .network-section-mission-text .ai-quickstart-subtitle p, .ai-quickstart-subtitle .network-section-mission-text p, .network-section-mission-text .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .network-section-mission-text li, .network-section-mission-text .selectbox-list-item h4 *, .selectbox-list-item h4 .network-section-mission-text *, .network-section-mission-text .selectbox-list-item h4, .selectbox-list-item .network-section-mission-text h4, .network-section-mission-text .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .network-section-mission-text h5, .network-section-mission-text .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .network-section-mission-text h5, .network-section-mission-text .news-hero-body h4, .news-hero-body .network-section-mission-text h4, .network-section-mission-text .blog .header h2, .network-section-mission-text .blog .news-hero h2, .blog .header .network-section-mission-text h2, .blog .news-hero .network-section-mission-text h2, .network-section-mission-text .blog-list-blog-title {
    font-size: 20px;
    line-height: 30px;
  }
  .network-section-how-text {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 400px) {
  .network-section-products {
    padding-left: 10px;
    padding-right: 10px;
  }
  .network-section-products-list-item {
    flex-basis: 100%;
  }
  .network-section-products-list-item-image {
    max-width: 60%;
  }
}
.universe-bottom-links {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 80px;
}
.universe .header p, .universe .news-hero p {
  max-width: 730px;
}
.universe-first-flex {
  position: relative;
  margin-top: 80px;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.universe-first-flex-mobile {
  display: none;
}
.universe-first-flex .main-grid, .universe-first-flex .news-grid, .universe-first-flex .contact, .universe-first-flex .small-grid, .universe-first-flex .orbs-vm .common-grid-section-grid, .orbs-vm .universe-first-flex .common-grid-section-grid, .universe-first-flex .single-blog-header {
  display: flex;
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  gap: 140px;
  align-items: stretch;
}
.universe-first-flex-sections {
  display: flex;
  align-items: flex-start;
}
.universe-first-flex-sections .universe-first-flex-section-header {
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.universe-first-flex-sections .universe-first-flex-section-header-subtitle {
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 0px;
  text-align: left;
  margin-bottom: 60px;
}
.universe-first-flex-sections .universe-first-flex-section-header img {
  width: 65px;
  height: 65px;
  object-fit: contain;
}
.universe-first-flex-sections .universe-first-flex-section-header-title {
  margin-bottom: 20px;
  margin-top: 10px;
}
.universe-first-flex-sections .universe-first-flex-section-header .white-button, .universe-first-flex-sections .universe-first-flex-section-header .ton-gateway-example-links a, .ton-gateway-example-links .universe-first-flex-sections .universe-first-flex-section-header a, .universe-first-flex-sections .universe-first-flex-section-header .notifications .contribute-bottom-buttons .link-button, .notifications .contribute-bottom-buttons .universe-first-flex-sections .universe-first-flex-section-header .link-button {
  margin-top: auto;
}
.universe-first-flex-sections * {
  color: white;
}
.universe-first-flex-headers {
  background: #5e75e8;
  width: 100%;
}
.universe-first-flex .universe-first-flex-section-body {
  width: 50%;
}
.universe-first-flex .universe-first-flex-section-body h5 {
  margin-bottom: 30px;
}
.universe-first-flex .universe-first-flex-section-body ul {
  margin-bottom: 37px;
  gap: 25px;
  display: flex;
  flex-direction: column;
}
.universe-first-flex .universe-first-flex-section-body ul:last-of-type {
  margin-bottom: 0px;
}
.universe-first-flex .universe-first-flex-section-body ul li {
  letter-spacing: 0.4px;
  padding-left: 26px;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 500;
  position: relative;
}
.universe-first-flex .universe-first-flex-section-body ul li strong {
  font-weight: 600;
}
.universe-first-flex .universe-first-flex-section-body ul li:after {
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 6px;
  content: "";
  width: 11px;
  height: 11px;
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
}
.universe-first-flex-bodies {
  background: rgba(94, 117, 232, 0.88);
  width: 100%;
}
.universe-second-flex {
  padding-top: 80px;
  align-items: flex-start;
  padding-bottom: 80px;
  background: #f4f4f4;
  margin-bottom: 80px;
}
.universe-second-flex .expending-box {
  padding-top: 0px;
}
.universe-second-flex .expending-box-title {
  color: #454545;
}
.universe-second-flex .images-grid-list-img {
  width: 55px;
  height: 55px;
}
.universe-second-flex .images-grid-title {
  margin-bottom: 68px;
}
.universe-second-flex .images-grid {
  width: 50%;
  max-width: 670px;
  min-width: 500px;
  margin-left: auto;
}
.universe-second-flex .images-grid-list {
  gap: 40px 30px;
}
.universe-second-flex .images-grid-list li {
  width: calc(33.3333333333% - 30px);
}
.universe-second-flex .expending-box-border-top {
  padding-top: 30px;
}
.universe-second-flex-bottom {
  font-weight: 600;
}
.universe-third-flex {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 37px 100px;
}
.universe-third-flex .expending-box {
  width: calc(50% - 50px);
}
.universe-third-flex .expending-box-title {
  width: 100%;
}

@media only screen and (min-width: 1000px) {
  .universe-first-flex {
    width: 100%;
  }
  .universe-first-flex:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0px;
    height: calc(100% - 120px);
    top: 50%;
    transform: translate(0, -50%);
    border: 1px dashed white;
    opacity: 0.6;
    content: "";
  }
  .universe-second-flex-container {
    align-items: flex-start;
    gap: 90px;
  }
  .universe-second-flex-container .expending-box {
    flex: 1;
    padding-top: 0px;
  }
}
@media only screen and (max-width: 1400px) {
  .universe .pos-banner-flex {
    padding-right: 70px;
  }
  .universe .pos-banner-body h4 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1200px) {
  .universe .pos-banner-flex {
    padding-right: 50px;
  }
  .universe .pos-banner-body h4 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1000px) {
  .universe-first-flex .universe-first-flex-section-header {
    width: 100%;
    max-width: 600px;
  }
  .universe-first-flex .universe-first-flex-section-body {
    width: 100%;
    max-width: 600px;
  }
  .universe-first-flex-mobile {
    display: flex;
  }
  .universe-first-flex-desktop {
    display: none;
  }
  .universe-first-flex .main-grid, .universe-first-flex .news-grid, .universe-first-flex .contact, .universe-first-flex .small-grid, .universe-first-flex .orbs-vm .common-grid-section-grid, .orbs-vm .universe-first-flex .common-grid-section-grid, .universe-first-flex .single-blog-header {
    flex-direction: column;
    align-items: center;
    gap: 80px;
  }
  .universe-first-flex-section {
    min-width: 100%;
  }
  .universe-first-flex-section:nth-child(odd) {
    padding-right: 0px;
  }
  .universe-first-flex-section:nth-child(even) {
    padding-left: 0px;
  }
  .universe-second-flex-container {
    flex-direction: column;
  }
  .universe-second-flex .expending-box {
    width: 100%;
  }
  .universe-second-flex .images-grid {
    margin-top: 100px;
    width: 100%;
    margin-left: unset;
  }
  .universe-third-flex .expending-box {
    width: 100%;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 1050px) {
  .universe .pos-banner {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .universe .pos-banner-flex {
    flex-direction: column;
    padding: 0px 20px 0px 20px;
    justify-content: center;
  }
  .universe .pos-banner-bg {
    height: 190px;
  }
  .universe .pos-banner-logo {
    width: 45px;
    height: 45px;
  }
  .universe .pos-banner-link {
    margin-left: unset;
    margin-top: 20px;
  }
  .universe .pos-banner-body h4 {
    font-size: 19px;
    margin-left: 18px;
  }
}
@media only screen and (max-width: 700px) {
  .universe-first-flex {
    margin-top: 70px;
  }
  .universe-first-flex-section-top img {
    width: 50px;
    height: 60px;
    margin-right: 20px;
  }
  .universe-second-flex-container .images-grid {
    min-width: unset;
  }
  .universe-second-flex-container .images-grid-list {
    gap: 45px 20px;
    justify-content: center;
  }
  .universe-second-flex-container .images-grid-list li {
    width: calc(50% - 20px);
  }
}
.smart-contracts .page-header {
  margin-bottom: 80px;
}
.smart-contracts-flex-title {
  margin-bottom: 70px;
  letter-spacing: 0.029rem;
  text-align: center;
}
.smart-contracts-flex-list {
  flex-wrap: wrap;
  align-items: flex-start;
}
.smart-contracts-flex-list .expending-box {
  margin-bottom: 50px;
  width: calc(50% - 50px);
  margin-right: 100px;
}
.smart-contracts-flex-list .expending-box:nth-child(2n) {
  margin-right: 0px;
}
.smart-contracts-content .boxes {
  margin-top: 55px;
}
.smart-contracts-content-text .text-p, .smart-contracts-content-text .ai-chains-subtitle p, .ai-chains-subtitle .smart-contracts-content-text p, .smart-contracts-content-text .ai-how-subtitle p, .ai-how-subtitle .smart-contracts-content-text p, .smart-contracts-content-text .ai-quickstart-subtitle p, .ai-quickstart-subtitle .smart-contracts-content-text p, .smart-contracts-content-text .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .smart-contracts-content-text li, .smart-contracts-content-text .selectbox-list-item h4 *, .selectbox-list-item h4 .smart-contracts-content-text *, .smart-contracts-content-text .selectbox-list-item h4, .selectbox-list-item .smart-contracts-content-text h4, .smart-contracts-content-text .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .smart-contracts-content-text h5, .smart-contracts-content-text .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .smart-contracts-content-text h5, .smart-contracts-content-text .news-hero-body h4, .news-hero-body .smart-contracts-content-text h4, .smart-contracts-content-text .blog .header h2, .smart-contracts-content-text .blog .news-hero h2, .blog .header .smart-contracts-content-text h2, .blog .news-hero .smart-contracts-content-text h2, .smart-contracts-content-text .blog-list-blog-title {
  margin-bottom: 30px;
}
.smart-contracts-content-text .expending-box-content {
  max-width: 880px;
}
.smart-contracts-content-text .expending-box-text {
  max-width: 810px;
}
.smart-contracts-content-text .expending-box-title {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1000px) {
  .smart-contracts-flex-list .expending-box {
    width: 100%;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 700px) {
  .smart-contracts .page-header {
    margin-bottom: 50px;
  }
  .smart-contracts .page-header-text .sub-title {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  .smart-contracts-flex-list .expending-box {
    margin-bottom: 35px;
  }
}
.white-papers-list {
  width: 100%;
  margin: auto;
  margin-bottom: 80px;
}
.white-papers-box {
  align-items: flex-start;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.white-papers-box-flex {
  align-items: flex-start;
}
.white-papers-box-mobile {
  display: none;
  width: 200px;
  height: 270px;
  margin-bottom: 20px;
  padding: 10px;
  overflow: hidden;
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(180deg, #cd86df 0%, #688ce9 100%);
}
.white-papers-box-mobile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.white-papers-box:last-child {
  margin-bottom: 0px;
}
.white-papers-box-btn {
  text-transform: uppercase;
  margin-top: 23px;
}
.white-papers-box-title {
  font-size: 17px;
  font-weight: 800;
  line-height: normal;
}
.white-papers-box-c {
  padding-right: 80px;
  flex: 1;
  max-width: 770px;
}
.white-papers-box-c .text-p, .white-papers-box-c .ai-chains-subtitle p, .ai-chains-subtitle .white-papers-box-c p, .white-papers-box-c .ai-how-subtitle p, .ai-how-subtitle .white-papers-box-c p, .white-papers-box-c .ai-quickstart-subtitle p, .ai-quickstart-subtitle .white-papers-box-c p, .white-papers-box-c .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .white-papers-box-c li, .white-papers-box-c .selectbox-list-item h4 *, .selectbox-list-item h4 .white-papers-box-c *, .white-papers-box-c .selectbox-list-item h4, .selectbox-list-item .white-papers-box-c h4, .white-papers-box-c .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .white-papers-box-c h5, .white-papers-box-c .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .white-papers-box-c h5, .white-papers-box-c .news-hero-body h4, .news-hero-body .white-papers-box-c h4, .white-papers-box-c .blog .header h2, .white-papers-box-c .blog .news-hero h2, .blog .header .white-papers-box-c h2, .blog .news-hero .white-papers-box-c h2, .white-papers-box-c .blog-list-blog-title {
  line-height: normal;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}
.white-papers-box-c-date {
  font-size: 0.813rem;
  letter-spacing: -0.009rem;
  margin: 10px 0px 20px 0px;
  color: #5e75e8;
  font-weight: 500;
}
.white-papers-box-preview {
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(180deg, #cd86df 0%, #688ce9 100%);
  width: 274px;
  height: 294px;
  margin-left: auto;
  padding: 12px;
}
.white-papers-box-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.white-papers-category {
  margin-bottom: 80px;
}
.white-papers-category:last-child {
  margin-bottom: 0px;
}
.white-papers-category-title {
  width: 100%;
  border-bottom: 2px solid #da88de;
  padding-bottom: 20px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 700px) {
  .white-papers-box-preview {
    display: none;
  }
  .white-papers-box-mobile {
    display: block;
  }
  .white-papers-box-c {
    padding-right: 0px;
    max-width: none;
    width: 100%;
  }
}
.white-paper {
  flex: 1;
  padding-bottom: 10px;
  padding-top: 110px;
}
.white-paper-iframe {
  width: 100%;
}
.white-paper-iframe-desktop {
  height: calc(100vh - 100px);
  width: 100%;
}
.white-paper-iframe-mobile {
  display: none;
}

@media only screen and (max-width: 700px) {
  .white-paper-iframe-desktop {
    display: none;
  }
  .white-paper-iframe-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 200px;
  }
  .white-paper-iframe-mobile a {
    background: #5e75e8;
    color: white;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 260px;
    font-weight: 500;
    text-decoration: none;
  }
}
.ecosystem {
  padding-bottom: 100px;
  background: white;
}
.ecosystem .title {
  text-align: center;
}
.ecosystem-grid {
  width: 100%;
  align-items: flex-start;
  margin-top: 84px;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 60px;
}
.ecosystem-grid-section {
  width: calc(33.3333333333% - 40px);
}
.ecosystem-category {
  margin-bottom: 60px;
}
.ecosystem-category:last-child {
  margin-bottom: 0px;
}
.ecosystem-category-title {
  background: #5e75e8;
  padding-left: 15px;
  height: 40px;
  display: flex;
  align-items: center;
}
.ecosystem-category-title h5 {
  color: white;
  width: 100%;
  font-weight: 500;
  font-size: 1.063rem;
}
.ecosystem-category-list {
  flex-wrap: wrap;
  gap: 30px 30px;
  padding-top: 35px;
  justify-content: space-between;
}
.ecosystem-category-list-item {
  height: 50px;
  width: calc(50% - 20px);
}
.ecosystem-category-list-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ecosystem-category-list-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: unset;
}
.ecosystem-category-list-item-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  gap: 10px;
}
.ecosystem-category-list-item-flex img {
  width: auto;
}
.ecosystem-category-list-item-name {
  font-size: 15px;
  font-weight: 600;
}

@media only screen and (max-width: 700px) {
  .ecosystem-grid {
    margin-top: 50px;
    flex-direction: column;
  }
  .ecosystem-grid-section {
    width: 100%;
  }
  .ecosystem-category-title {
    font-size: 0.875rem;
  }
  .ecosystem-category-title h5 {
    padding: 15px;
  }
  .ecosystem-category-list-item {
    height: 50px;
    width: calc(50% - 20px);
  }
}
.contact {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact .form {
  padding-bottom: 100px;
  position: relative;
}
.contact .form::after {
  position: absolute;
  content: "";
  width: 100vw;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
}
.contact .form-content {
  position: relative;
  z-index: 1;
}
.contact-socials {
  width: 100%;
  padding-bottom: 80px;
  position: relative;
}
.contact-socials-section h4 {
  margin-bottom: 20px;
}
.contact-socials-section-link {
  margin-bottom: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  text-align: left;
}
.contact-socials-section-link:last-of-type {
  margin-bottom: 0px;
}
.contact-socials-section-link a {
  color: #ff8b97;
  text-decoration: none !important;
}
.contact-socials-section-link p {
  color: #454545;
  margin-bottom: 5px;
}
.contact-socials #contact-youtube .contact-socials-section-link {
  display: flex;
  align-items: center;
}
.contact-socials h3 {
  margin-bottom: 50px;
}
.contact-socials-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 1;
  position: relative;
}
.contact-container {
  max-width: 820px;
  width: 100%;
}
.contact .form-inputs {
  margin-top: 90px;
}
.contact .form-inputs .form-input:last-child {
  margin-bottom: 0px;
  width: 100%;
}

@media only screen and (max-width: 1100px) {
  .contact-socials-flex {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .contact-socials-section {
    width: 33%;
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 900px) {
  .contact-socials-section {
    width: 50%;
  }
}
@media only screen and (max-width: 700px) {
  .contact .form-inputs {
    margin-top: 50px;
  }
}
#accessibility-declaration {
  direction: rtl;
}

.policy {
  padding-bottom: 100px;
}
.policy .sub-title {
  text-align: center;
  margin-top: 20px;
  text-decoration: underline;
}
.policy .text-p, .policy .ai-chains-subtitle p, .ai-chains-subtitle .policy p, .policy .ai-how-subtitle p, .ai-how-subtitle .policy p, .policy .ai-quickstart-subtitle p, .ai-quickstart-subtitle .policy p, .policy .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .policy li, .policy .selectbox-list-item h4 *, .selectbox-list-item h4 .policy *, .policy .selectbox-list-item h4, .selectbox-list-item .policy h4, .policy .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .policy h5, .policy .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .policy h5, .policy .news-hero-body h4, .news-hero-body .policy h4, .policy .blog .header h2, .policy .blog .news-hero h2, .blog .header .policy h2, .blog .news-hero .policy h2, .policy .blog-list-blog-title {
  font-size: 1rem;
}
.policy h2 {
  margin-bottom: 40px;
}
.policy h4 {
  padding: 30px;
  margin-top: 10px;
  border: 1px solid white;
  text-align: center;
  line-height: 1.563rem;
  margin-bottom: 30px;
}
.policy h5 {
  margin-bottom: 20px;
  padding-top: 20px;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.8rem;
}
.policy h6 {
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 20px;
  position: relative;
  transform: translate(-20px);
}
.policy li {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
}
.policy li::marker {
  font-size: 1.1rem;
}
.policy .title-h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: normal;
}
.policy ol {
  list-style-type: decimal;
  font-size: 1.375rem;
}
.policy ol ol {
  list-style-type: lower-alpha;
  padding-left: 20px;
}
.policy ol ol li::marker {
  font-size: 1rem;
}
.policy ol ul {
  padding-left: 50px;
  list-style-type: disc;
}

#contest h2 {
  margin-bottom: 20px;
  text-align: left;
  text-decoration: underline;
}

@media only screen and (max-width: 700px) {
  .policy h5 {
    font-size: 1.125rem;
  }
  .policy h4 {
    padding: 15px;
  }
  .policy {
    padding-left: 20px;
    padding-right: 20px;
  }
  .policy ol ol {
    padding-left: 10px;
  }
  .policy ol ul {
    padding-left: 20px;
  }
}
.news-hero {
  position: relative;
  margin-bottom: 90px;
}
.news-hero-body {
  text-align: center;
}
.news-hero-body h4 {
  font-weight: 400;
  margin-top: 40px;
}
.news-hero-figure {
  position: absolute;
  background: #53fffa;
  width: 50px;
  height: 50px;
  top: 50px;
  transform: rotate(-60deg);
}
.news-hero-figure-left {
  left: 60px;
}
.news-hero-figure-left aside {
  width: 100%;
  height: 100%;
  border: 1px solid #da88de;
  position: absolute;
  transform: rotate(-160.08deg);
  z-index: 1;
  top: -30px;
  left: -23px;
}
.news-hero-figure-right {
  right: 0px;
}

.news-video {
  border-bottom: 1px solid #53fffa;
  border-top: 1px solid #53fffa;
  padding-top: 40px;
  margin-top: 70px;
  margin-bottom: 100px;
  padding-bottom: 40px;
}
.news-video-youtube {
  height: 40px;
  width: auto;
  margin-bottom: 40px;
}
.news-video-flex {
  display: flex;
}
.news-video-left {
  width: 512px;
  height: 268px;
}
.news-video-right {
  flex: 1;
  padding-left: 100px;
  display: flex;
  flex-direction: column;
}
.news-video-right-title {
  font-weight: 700;
  margin-bottom: 30px;
}
.news-video-right-button {
  margin-top: 45px;
}

.news-subscribe {
  background: #5e75e8;
  width: 100%;
  height: 192px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 40px;
  margin-top: 140px;
}
.news-subscribe-title * {
  font-weight: bold;
  font-size: 1.375rem;
  color: #fdfdfd;
  text-transform: uppercase;
}
.news-subscribe-title {
  padding-right: 70px;
}
.news-subscribe-right {
  display: flex;
  max-width: 721px;
  flex: 1;
  height: 70px;
  background: transparent;
  position: relative;
  border-radius: 50px;
  border: 1px solid #53fffa;
}
.news-subscribe-input {
  width: 100%;
  height: 100%;
  padding-right: 170px;
  border: none;
  background: transparent;
  text-indent: 26px;
  color: white;
  font-weight: 500;
  font-size: 16px;
  font-family: "Montserrat";
}
.news-subscribe-input::placeholder {
  color: white;
}
.news-subscribe-submit {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 155px;
  height: calc(100% - 10px);
  background: #53fffa;
  border-radius: 50px;
  color: #383838;
  font-weight: 500;
  font-size: 15px;
  font-family: "bold";
}
.news-subscribe-submit .loader {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.news-subscribe-submit .loader div {
  background: #383838;
}
.news-subscribe-error {
  position: absolute;
  top: calc(100% + 10px);
  left: 10px;
  font-size: 16px;
  font-family: "Montserrat";
  display: none;
}

.news {
  display: flex;
  flex-direction: column;
  padding-bottom: 100px;
  position: relative;
}
.news-side-dots {
  position: absolute;
  right: 20px;
  width: 150px;
  top: 320px;
  z-index: 0;
  pointer-events: none;
}
.news-figure {
  max-width: 700px;
  width: 80%;
  position: absolute;
  pointer-events: none;
  z-index: 0;
  opacity: 0.2;
  transform: translate(-50%);
}
.news-figure-1 {
  top: 43%;
  left: 30%;
  transform: translate(-50%);
}
.news-figure-2 {
  top: 47%;
  left: 76%;
}
.news-figure-3 {
  top: 82%;
  left: 35%;
}
.news-figure-4 {
  top: 88%;
  left: 77%;
}
.news #load-more-posts {
  margin: 0 auto;
  margin-top: 80px;
}
.news-posts {
  margin-top: 80px;
  position: relative;
}
.news-posts-title {
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}
.news-posts ul {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 28px;
}
.news-post {
  width: calc(33.3333333333% - 20px);
}
.news-post-logo {
  height: fit-content;
  width: auto;
  max-width: 120px;
  height: 44px;
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-post-logo img {
  width: 100%;
  height: auto;
  max-height: 42px;
  object-fit: contain;
}
.news-post-content-flex {
  display: flex;
  align-items: flex-end;
}
.news-post-title {
  display: none;
}
.news-post-link {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.news-post-img {
  width: 100%;
  max-height: 280px;
  height: 20vw;
  object-fit: cover;
}
.news-post-body {
  margin-top: 10px;
}
.news-post-body * {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
.news-post-date {
  margin-left: 20px;
  padding-bottom: 5px;
}
.news-trending {
  margin: 0 auto;
  position: relative;
}
.news-trending-img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.news-trending-flex {
  padding-left: 80px;
}
.news-trending-flex-posts {
  display: flex;
  align-items: flex-start;
  gap: 28px;
}
.news-trending-flex-posts .news-post {
  width: calc(50% - 14px);
}
.news-trending-flex-posts .news-post-img {
  width: 100%;
  max-height: unset;
  height: 414px;
  object-fit: cover;
}
.news-trending-flex-posts .news-post-title {
  font-weight: bold;
  font-size: 30px;
  line-height: 43px;
  margin-bottom: 30px;
  padding-right: 20px;
}
.news-trending-flex-posts .news-post-content {
  display: flex;
  padding-top: 20px;
  align-items: flex-start;
}
.news-trending-flex-posts .news-post-logo {
  width: auto;
  max-width: 166px;
  height: fit-content;
  margin-top: 0px;
}
.news-trending-flex-posts .news-post-date {
  display: none;
}
.news-trending-flex-posts .news-post-body {
  margin-top: 0px;
  padding-left: 20px;
  flex: 1;
}

@media only screen and (max-width: 1500px) {
  .news-post-body {
    line-height: 23px;
  }
  .news-trending-flex-posts .news-post-img {
    height: 27vw;
  }
  .news-trending-flex-posts .news-post-logo {
    width: 10vw;
    height: auto;
  }
  .news-trending-flex-posts .news-post-logo img {
    max-height: 73px;
  }
}
@media only screen and (max-width: 1250px) {
  .news-video-right {
    padding-left: 50px;
  }
  .news-video-left {
    width: 420px;
    height: 240px;
  }
  .news-trending-flex-posts .news-trending-post-title {
    font-size: 24px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 1100px) {
  .news {
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .news-figure {
    display: none;
  }
  .news-hero {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    max-width: 500px;
  }
  .news-hero-figure {
    zoom: 0.5;
    top: 70px;
  }
  .news-hero-figure-left {
    left: 0px;
  }
  .news-hero h4 {
    margin-top: 20px;
  }
  .news-side-dots {
    display: none;
  }
  .news-post-bottom {
    flex-direction: column;
  }
  .news-post-bottom .news-author {
    margin-bottom: 15px;
  }
  .news-post-body * {
    line-height: 23px;
    font-size: 15px;
  }
  .news-grid {
    width: 100%;
  }
  .news-trending {
    margin-left: unset;
    width: 100%;
  }
  .news-trending .news-post-body {
    padding-right: 0px;
  }
  .news-trending .news-post-logo {
    width: 80px;
  }
  .news-trending-img {
    display: none;
  }
  .news-trending-flex {
    padding-left: 0px;
  }
  .news-trending-flex-title {
    text-align: center;
  }
  .news-trending-flex-posts {
    flex-direction: column;
    align-items: center;
    gap: 40px 0px;
  }
  .news-trending-flex-posts .news-post {
    width: 100%;
    max-width: 500px;
  }
  .news-trending-flex-posts .news-post-title {
    padding-right: 0px;
  }
  .news-trending-flex-posts .news-post-img {
    width: 100%;
    height: auto;
  }
  .news-subscribe {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 100%;
    height: 250px;
    margin-top: 70px;
  }
  .news-subscribe-title {
    margin-right: 0px;
    margin-bottom: 40px;
    padding-right: 0px;
    text-align: center;
  }
  .news-subscribe-title * {
    font-size: 16px;
    line-height: 20px;
  }
  .news-subscribe-right {
    flex: unset;
    max-width: unset;
    width: 100%;
    height: 45px;
  }
  .news-subscribe-input {
    padding-right: 100px;
    font-size: 16px;
    text-indent: 12px;
  }
  .news-subscribe-submit {
    width: 100px;
    font-size: 13px;
  }
  .news-posts {
    margin-top: 70px;
  }
  .news-posts ul {
    flex-direction: column;
    align-items: center;
  }
  .news-posts ul .news-post {
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .news-posts ul .news-post-img {
    width: 100%;
    margin: 0 auto;
    height: auto;
    max-height: unset;
  }
  .news-posts ul .news-post-bottom {
    justify-content: center;
  }
  .news-video {
    text-align: center;
  }
  .news-video-youtube {
    height: 30px;
    margin-bottom: 30px;
  }
  .news-video-flex {
    flex-direction: column;
    align-items: center;
  }
  .news-video-left {
    width: 100%;
    height: 40vw;
    max-height: 450px;
    min-height: 270px;
  }
  .news-video-right {
    padding-left: 0px;
    margin-top: 30px;
  }
  .news-video-right-button {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
.orbs-vm {
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.orbs-vm-products {
  width: 100%;
}
.orbs-vm-products .common-grid-section-image {
  width: 200px;
}
.orbs-vm-products #orbs-vm-product-1 {
  padding-top: 0px;
}
.orbs-vm-products #orbs-vm-product-2 {
  background: #f4f4f4;
}
.orbs-vm .orbs-vm-graphs {
  width: 100%;
}
.orbs-vm .orbs-vm-graph-1 {
  position: relative;
  padding-bottom: 80px;
}
.orbs-vm .orbs-vm-graph-1 h3 {
  color: white;
}
.orbs-vm .orbs-vm-graph-1 .text-p, .orbs-vm .orbs-vm-graph-1 .ai-chains-subtitle p, .ai-chains-subtitle .orbs-vm .orbs-vm-graph-1 p, .orbs-vm .orbs-vm-graph-1 .ai-how-subtitle p, .ai-how-subtitle .orbs-vm .orbs-vm-graph-1 p, .orbs-vm .orbs-vm-graph-1 .ai-quickstart-subtitle p, .ai-quickstart-subtitle .orbs-vm .orbs-vm-graph-1 p, .orbs-vm .orbs-vm-graph-1 .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .orbs-vm .orbs-vm-graph-1 li, .orbs-vm .orbs-vm-graph-1 .selectbox-list-item h4 *, .selectbox-list-item h4 .orbs-vm .orbs-vm-graph-1 *, .orbs-vm .orbs-vm-graph-1 .selectbox-list-item h4, .selectbox-list-item .orbs-vm .orbs-vm-graph-1 h4, .orbs-vm .orbs-vm-graph-1 .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .orbs-vm .orbs-vm-graph-1 h5, .orbs-vm .orbs-vm-graph-1 .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .orbs-vm .orbs-vm-graph-1 h5, .orbs-vm .orbs-vm-graph-1 .blog .header h2, .blog .header .orbs-vm .orbs-vm-graph-1 h2, .orbs-vm .orbs-vm-graph-1 .blog-list-blog-title, .orbs-vm .orbs-vm-graph-1 .blog .news-hero h2, .blog .news-hero .orbs-vm .orbs-vm-graph-1 h2, .orbs-vm .orbs-vm-graph-1 .news-hero-body h4, .news-hero-body .orbs-vm .orbs-vm-graph-1 h4 {
  color: white;
  text-align: left;
}
.orbs-vm .orbs-vm-graph-1 {
  background: #5e75e8;
}
.orbs-vm .orbs-vm-graph-1 .orbs-vm-graph-image {
  max-width: 600px;
  width: 100%;
}
.orbs-vm .orbs-vm-graph-1 .orbs-vm-graph-grid {
  margin-left: auto;
  max-width: 630px;
  width: 100%;
  margin-right: unset;
}
.orbs-vm .orbs-vm-graph-2 .orbs-vm-graph-image {
  max-width: 450px;
  width: 100%;
}
.orbs-vm .orbs-vm-graph-2 .orbs-vm-graph-grid {
  max-width: 800px;
}
.orbs-vm .orbs-vm-graph {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
}
.orbs-vm .orbs-vm-graph h3 {
  margin-bottom: 40px;
}
.orbs-vm .orbs-vm-graph-bg {
  object-fit: cover;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  height: 100%;
  object-position: right;
  max-width: 1300px;
}
.orbs-vm .orbs-vm-graph-body {
  margin-top: 40px;
}
.orbs-vm .orbs-vm-graph-grid {
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: 600px;
  text-align: center;
  align-items: center;
}
.orbs-vm .common-grid-section {
  width: 100%;
}
.orbs-vm .common-grid-section strong {
  font-weight: 500;
}

@media only screen and (max-width: 1550px) {
  .orbs-vm .orbs-vm-graph-bg {
    max-width: 1100px;
  }
}
@media only screen and (max-width: 900px) {
  .orbs-vm .orbs-vm-graph-1 .orbs-vm-graph-grid {
    transform: unset;
  }
  .orbs-vm .orbs-vm-graph-bg {
    display: none;
  }
  .orbs-vm .common-grid-section-grid {
    flex-direction: column;
    gap: 70px;
  }
  .orbs-vm .common-grid-section-image {
    order: 1 !important;
  }
  .orbs-vm .common-grid-section-left {
    order: 2;
  }
}
@media only screen and (max-width: 600px) {
  .orbs-vm .common-grid-section-image {
    width: 70vw;
    max-width: 135px;
  }
}
.notifications .socials-title {
  margin-bottom: 24px;
}
.notifications .socials-title h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #15d8f9;
}
.notifications .socials-list {
  display: flex;
  align-items: center;
}
.notifications .socials-link {
  margin-right: 30px;
  width: 32px;
  height: 32px;
}
.notifications .socials-link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.notifications .socials-link:last-child {
  margin-right: 0px;
}

.notifications .product-header h1 {
  max-width: 620px;
}
.notifications .product-header-hero {
  max-width: 530px;
  position: relative;
  margin-top: -60px;
  right: 110px;
}
.notifications .product-header-powered {
  right: 0;
  top: 36%;
}
.notifications .contribute {
  width: 100%;
  background: #5e75e8;
  margin-top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 80px 0px 80px 0px;
}
.notifications .contribute-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.notifications .contribute-bottom-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}
.notifications .contribute-bottom-buttons .link-button {
  text-transform: uppercase;
}
.notifications .contribute-bottom h5 {
  margin-top: 40px;
  margin-bottom: 20px;
}
.notifications .contribute-title {
  margin-bottom: 40px;
  text-align: center;
}
.notifications .contribute-example-body {
  width: 300px;
  height: 100%;
}
.notifications .contribute-example-body .text-p, .notifications .contribute-example-body .ai-chains-subtitle p, .ai-chains-subtitle .notifications .contribute-example-body p, .notifications .contribute-example-body .ai-how-subtitle p, .ai-how-subtitle .notifications .contribute-example-body p, .notifications .contribute-example-body .ai-quickstart-subtitle p, .ai-quickstart-subtitle .notifications .contribute-example-body p, .notifications .contribute-example-body .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .notifications .contribute-example-body li, .notifications .contribute-example-body .selectbox-list-item h4 *, .selectbox-list-item h4 .notifications .contribute-example-body *, .notifications .contribute-example-body .selectbox-list-item h4, .selectbox-list-item .notifications .contribute-example-body h4, .notifications .contribute-example-body .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .notifications .contribute-example-body h5, .notifications .contribute-example-body .integrations-list .integration h5, .notifications .integrations-list .integration .contribute-example-body h5, .notifications .contribute-example-body .blog .header h2, .blog .header .notifications .contribute-example-body h2, .notifications .contribute-example-body .blog-list-blog-title, .notifications .contribute-example-body .blog .news-hero h2, .blog .news-hero .notifications .contribute-example-body h2, .notifications .contribute-example-body .news-hero-body h4, .news-hero-body .notifications .contribute-example-body h4 {
  margin: 0px;
}
.notifications .contribute-example-body h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.notifications .integrations {
  padding-top: 80px;
  padding-bottom: 80px;
  background: white;
}
.notifications .integrations-title {
  text-align: center;
}
.notifications .integrations-list {
  display: flex;
  flex-wrap: wrap;
  gap: 23px;
  padding-top: 50px;
}
.notifications .integrations-list .integration {
  width: calc(20% - 19px);
  min-height: 250px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f4f4f4;
  padding: 30px 0px 30px 0px;
  gap: 20px;
}
.notifications .integrations-list .integration-link {
  margin-top: auto;
}
.notifications .integrations-list .integration-link img {
  width: 31px;
  height: 31px;
  object-fit: contain;
}
.notifications .integrations-list .integration-image {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
}
.notifications .integrations-list .integration h5 {
  font-weight: 500;
  margin-bottom: 0px;
  text-transform: capitalize;
}
.notifications .integrations-list #integration-pr {
  background: #f4f4f4;
  justify-content: center;
  display: flex;
  padding: 0px;
}
.notifications .integrations-list #integration-pr p {
  font-size: 18px;
}
.notifications .integrations-list #integration-pr .link-button {
  margin-top: 30px;
  font-weight: 500;
}
.notifications .integrations-list #integration-pr > p {
  color: #454545;
}
.notifications .apps {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  background: #f4f4f4;
}
.notifications .apps-title {
  margin-bottom: 20px;
}
.notifications .apps-body {
  max-width: 700px;
}
.notifications .apps .small-grid, .notifications .apps .orbs-vm .common-grid-section-grid, .orbs-vm .notifications .apps .common-grid-section-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.notifications .apps-links {
  display: flex;
  justify-content: center;
  padding-top: 40px;
  gap: 20px;
}
.notifications .apps-links a {
  height: 50px;
}
.notifications .apps-links a img {
  width: 100%;
  object-fit: contain;
}

@media only screen and (max-width: 1000px) {
  .notifications .contribute-example {
    flex-direction: column;
  }
  .notifications .contribute-bottom-buttons .link-button {
    padding: 0px 30px;
  }
  .notifications .integrations-list .integration {
    width: calc(33.3333333333% - 18px);
  }
}
@media only screen and (max-width: 550px) {
  .notifications .contribute-example-body {
    width: 100%;
  }
  .notifications .integrations {
    margin-top: 80px;
  }
  .notifications .integrations-list {
    gap: 12px;
    justify-content: center;
    align-items: stretch;
  }
  .notifications .integrations-list #integration-pr p {
    font-size: 17px;
  }
  .notifications .integrations-list .integration {
    width: calc(50% - 10px);
    height: auto;
    gap: 15px;
  }
  .notifications .integrations-list .integration-image {
    width: 70px;
    height: 70px;
  }
  .notifications .apps-title {
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 32px;
    max-width: 300px;
  }
  .notifications .apps-body p {
    font-size: 18px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1250px) and (min-width: 800px) {
  .notifications .product-header-hero {
    max-width: 38vw;
    margin-top: -30px;
  }
}
#notification-page .footer {
  margin-top: 0px;
}
#notification-page .footer-terms {
  display: flex;
}

.ton-gateway .product-header h1:last-of-type {
  background: linear-gradient(102.78deg, #b082d5 10%, #ed7ec4 25%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.ton-gateway .product-header-powered {
  top: 33%;
  transform: translate(0, -50%);
  position: absolute;
  right: 130px;
}
.ton-gateway .product-header-hero {
  max-width: 817px;
  top: -100px;
  right: -100px;
  width: 100%;
}
.ton-gateway-posts {
  background: #313855;
  padding-top: 80px;
  padding-bottom: 80px;
}
.ton-gateway-posts .main-grid, .ton-gateway-posts .small-grid, .ton-gateway-posts .single-blog-header, .ton-gateway-posts .contact, .ton-gateway-posts .news-grid, .ton-gateway-posts .orbs-vm .common-grid-section-grid, .orbs-vm .ton-gateway-posts .common-grid-section-grid {
  display: flex;
  flex-direction: column;
}
.ton-gateway-posts h3 {
  text-align: center;
  margin-bottom: 40px;
}
.ton-gateway-posts-flex {
  display: flex;
  gap: 45px;
  align-items: stretch;
  justify-content: center;
}
.ton-gateway-posts-post .post-card-children {
  align-items: flex-start;
  gap: 30px;
}
.ton-gateway-posts-post {
  max-width: 690px;
  padding: 30px 30px 37px 30px;
  width: 50%;
  gap: 30px;
  align-items: flex-start;
}
.ton-gateway-posts-post * {
  color: white;
}
.ton-gateway-posts .post-content {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.ton-gateway-posts .post-figure {
  height: 80px;
}
.ton-gateway-posts .post-profile {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 20px;
}
.ton-gateway-posts .post-profile-avatar {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  overflow: hidden;
}
.ton-gateway-posts .post-profile-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ton-gateway-posts .post-profile-right h4 {
  font-size: 18px;
  font-weight: 700;
}
.ton-gateway-posts .post-profile-right h4 a {
  text-decoration: unset;
}
.ton-gateway-posts .post-profile-right h5 {
  color: white;
  font-weight: 400;
}
.ton-gateway-example {
  background: #5e75e8;
  padding: 80px 0px 80px 0px;
  position: relative;
}
.ton-gateway-example-options {
  display: flex;
  flex-direction: column;
  gap: 47px;
  width: 360px;
}
.ton-gateway-example-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 50px;
}
.ton-gateway-example-links a {
  text-transform: uppercase;
}
.ton-gateway-example-title {
  margin-bottom: 40px;
}
.ton-gateway-cards {
  width: 100%;
  background: #f4f4f4;
  padding-top: 80px;
  padding-bottom: 80px;
}
.ton-gateway-cards-card {
  width: calc(33.3333333333% - 32px);
  min-height: 310px;
  transition: 0.2s all;
  border-radius: 20px;
  background: white;
  border: 1px solid rgba(94, 117, 232, 0.3);
  position: relative;
}
.ton-gateway-cards-card img {
  height: 55px;
  height: 55px;
  object-fit: contain;
}
.ton-gateway-cards-card-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 35px;
  gap: 20px;
}
.ton-gateway-cards-card-title {
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
}
.ton-gateway-cards-card-title:last-child {
  margin-bottom: 20px;
}
.ton-gateway-cards-card-subtitle {
  padding: 0px 20px;
}
.ton-gateway-cards-card-subtitle * {
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  line-height: 24px;
}
.ton-gateway-cards-card-button {
  margin-bottom: 10px;
  margin-top: 20px;
  position: relative;
  width: 100%;
}
.ton-gateway-cards-card-button-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ton-gateway-cards-card-button-content img {
  width: 32px;
  transition: 0.2s all;
}
.ton-gateway-cards-card-button-content p {
  color: #454545;
  font-size: 14px;
  font-weight: 300;
}
.ton-gateway-cards-card-body {
  background: white;
  border: 1px solid rgba(94, 117, 232, 0.3);
  border-top: unset;
  padding: 26px;
  padding-top: 15px;
  position: absolute;
  top: -40px;
  z-index: 10;
  left: 50%;
  transform: translate(-50%);
  width: calc(100% + 1.5px);
  display: none;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.ton-gateway-cards-card-body * {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  text-align: center;
}
.ton-gateway-cards-card-active {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-shadow: 0px 4px 40px rgba(94, 117, 232, 0.2);
}
.ton-gateway-cards-card-active .ton-gateway-cards-card-body {
  display: block;
}
.ton-gateway-cards-card-active .ton-gateway-cards-card-top {
  border-bottom: unset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ton-gateway-cards-card-active .ton-gateway-cards-card-button-content {
  opacity: 0;
  pointer-events: none;
}
.ton-gateway-cards .list {
  display: flex;
  flex-wrap: wrap;
  gap: 47px;
  align-items: stretch;
}

.selectbox {
  width: 100%;
  cursor: pointer;
  position: relative;
}
.selectbox-title {
  position: absolute;
  top: 0px;
  padding: 0px 8px;
  left: 20px;
  background: white;
  color: #454545;
  top: -21%;
  font-size: 17px;
  font-weight: 700;
  z-index: 1;
  color: #454545;
}
.selectbox-selected {
  padding: 10px 47px 10px 25px;
  width: 100%;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  border-radius: 20px;
  position: relative;
}
.selectbox-selected-value {
  font-weight: 400;
  color: #454545;
}
.selectbox-selected img {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translate(0, -50%);
  zoom: 0.6;
}
.selectbox-list {
  display: flex;
  flex-direction: column;
  width: fit-content;
  min-width: 100%;
  max-width: 700px;
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: calc(100% + 1px);
  border-radius: 10px;
  background: white;
  overflow: hidden;
  transform: rotateX(40deg) scale(0.5);
  transform-origin: top;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}
.selectbox-list-item {
  height: auto;
  min-height: 40px;
  padding: 12px 10px 12px 25px;
  width: 100%;
  list-style-type: unset;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start;
}
.selectbox-list-item .text-p, .selectbox-list-item .ai-chains-subtitle p, .ai-chains-subtitle .selectbox-list-item p, .selectbox-list-item .ai-how-subtitle p, .ai-how-subtitle .selectbox-list-item p, .selectbox-list-item .ai-quickstart-subtitle p, .ai-quickstart-subtitle .selectbox-list-item p, .selectbox-list-item .liquidity-hub-launch-partners-partner .left ul li, .liquidity-hub-launch-partners-partner .left ul .selectbox-list-item li, .selectbox-list-item h4 *, .selectbox-list-item h4, .selectbox-list-item .blog .header h2, .blog .header .selectbox-list-item h2, .selectbox-list-item .blog-list-blog-title, .selectbox-list-item .blog .news-hero h2, .blog .news-hero .selectbox-list-item h2, .selectbox-list-item .notifications .integrations-list .integration h5, .notifications .integrations-list .integration .selectbox-list-item h5, .selectbox-list-item .ton-gateway-posts .post-profile-right h5, .ton-gateway-posts .post-profile-right .selectbox-list-item h5 {
  text-align: left;
  margin-bottom: 0px;
}
.selectbox-list-item .text-p a, .selectbox-list-item .ai-chains-subtitle p a, .ai-chains-subtitle .selectbox-list-item p a, .selectbox-list-item .ai-how-subtitle p a, .ai-how-subtitle .selectbox-list-item p a, .selectbox-list-item .ai-quickstart-subtitle p a, .ai-quickstart-subtitle .selectbox-list-item p a, .selectbox-list-item .liquidity-hub-launch-partners-partner .left ul li a, .liquidity-hub-launch-partners-partner .left ul .selectbox-list-item li a, .selectbox-list-item h4 a, .selectbox-list-item .blog .header h2 a, .blog .header .selectbox-list-item h2 a, .selectbox-list-item .blog-list-blog-title a, .selectbox-list-item .blog .news-hero h2 a, .blog .news-hero .selectbox-list-item h2 a, .selectbox-list-item .notifications .integrations-list .integration h5 a, .notifications .integrations-list .integration .selectbox-list-item h5 a, .selectbox-list-item .ton-gateway-posts .post-profile-right h5 a, .ton-gateway-posts .post-profile-right .selectbox-list-item h5 a {
  margin-left: 10px;
  color: #5e75e8;
  text-decoration: unset;
}
.selectbox-list-item .text-p a:hover, .selectbox-list-item .ai-chains-subtitle p a:hover, .ai-chains-subtitle .selectbox-list-item p a:hover, .selectbox-list-item .ai-how-subtitle p a:hover, .ai-how-subtitle .selectbox-list-item p a:hover, .selectbox-list-item .ai-quickstart-subtitle p a:hover, .ai-quickstart-subtitle .selectbox-list-item p a:hover, .selectbox-list-item .liquidity-hub-launch-partners-partner .left ul li a:hover, .liquidity-hub-launch-partners-partner .left ul .selectbox-list-item li a:hover, .selectbox-list-item h4 a:hover, .selectbox-list-item .blog .header h2 a:hover, .blog .header .selectbox-list-item h2 a:hover, .selectbox-list-item .blog-list-blog-title a:hover, .selectbox-list-item .blog .news-hero h2 a:hover, .blog .news-hero .selectbox-list-item h2 a:hover, .selectbox-list-item .notifications .integrations-list .integration h5 a:hover, .notifications .integrations-list .integration .selectbox-list-item h5 a:hover, .selectbox-list-item .ton-gateway-posts .post-profile-right h5 a:hover, .ton-gateway-posts .post-profile-right .selectbox-list-item h5 a:hover {
  text-decoration: underline;
}
.selectbox-list-item h4 {
  opacity: 0.38;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
}
.selectbox-list-item h4 * {
  color: #454545 !important;
  font-size: 14px;
  margin-left: 0px !important;
  pointer-events: none;
}
.selectbox-list-item:hover {
  background: rgba(94, 117, 232, 0.1);
}
.selectbox-list-item-hidden {
  display: none;
}
.selectbox-open {
  z-index: 99;
}
.selectbox-open .selectbox-list {
  transform: rotateX(0deg) scale(1);
  transition: 0.25s all;
  opacity: 1;
  pointer-events: all;
}

@media only screen and (max-width: 1100px) {
  .ton-gateway-cards-card {
    width: calc(33.3333333333% - 14px);
  }
  .ton-gateway-cards .list {
    gap: 20px;
  }
}
@media only screen and (max-width: 1000px) {
  .ton-gateway-example-options {
    width: 340px;
  }
}
@media only screen and (max-width: 800px) {
  .selectbox-list {
    max-width: 100%;
  }
  .selectbox-list-item h4 {
    white-space: normal;
  }
  .ton-gateway-posts .post-figure {
    height: 40px;
  }
  .ton-gateway-posts .post-profile-right h4 {
    font-size: 16px;
  }
  .ton-gateway-posts .post-profile-avatar {
    width: 60px;
    height: 60px;
  }
  .ton-gateway-posts .post-content {
    gap: 30px;
  }
  .ton-gateway-posts-post {
    padding: 20px;
    width: 100%;
    gap: 15px;
  }
  .ton-gateway-posts-flex {
    flex-direction: column;
    align-items: center;
  }
  .ton-gateway-cards-card {
    width: calc(50% - 12px);
  }
  .ton-gateway-cards .list {
    gap: 20px;
  }
}
@media only screen and (min-width: 500px) {
  .ton-gateway-cards-card:hover {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0px 4px 40px rgba(94, 117, 232, 0.2);
  }
  .ton-gateway-cards-card:hover .ton-gateway-cards-card-body {
    display: block;
  }
  .ton-gateway-cards-card:hover .ton-gateway-cards-card-top {
    border-bottom: unset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .ton-gateway-cards-card:hover .ton-gateway-cards-card-button-content {
    opacity: 0;
    pointer-events: none;
  }
}
@media only screen and (max-width: 500px) {
  .ton-gateway-header .main-grid, .ton-gateway-header .small-grid, .ton-gateway-header .single-blog-header, .ton-gateway-header .contact, .ton-gateway-header .news-grid, .ton-gateway-header .orbs-vm .common-grid-section-grid, .orbs-vm .ton-gateway-header .common-grid-section-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ton-gateway-header-powered {
    position: static;
    margin-top: 20px;
    pointer-events: all;
    margin-right: auto;
  }
  .ton-gateway-cards-card {
    width: 100%;
  }
  .ton-gateway-cards-card-top {
    gap: 16px;
    padding-top: 20px;
  }
  .ton-gateway-cards .list {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
}
.dtwap .integrations {
  background: white;
}
.dtwap .product-header-hero {
  max-width: 750px;
  right: -80px;
  top: 50px;
}
.dtwap .product-header-powered {
  top: 16%;
  right: 190px;
}
.dtwap-benefit {
  display: flex;
  max-width: 560px;
  width: 50%;
  padding: 50px 30px 80px 30px;
}
.dtwap-benefit-title {
  font-size: 17px;
  color: #ff8fd6;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat";
  letter-spacing: -0.009rem;
}
.dtwap-benefit-body p {
  font-size: 14px;
  line-height: 26px;
}
.dtwap-benefit .post-card-children {
  gap: 40px;
}
.dtwap-benefits {
  background: #313855;
  padding-top: 80px;
  padding-bottom: 80px;
}
.dtwap-benefits .main-grid, .dtwap-benefits .small-grid, .dtwap-benefits .single-blog-header, .dtwap-benefits .contact, .dtwap-benefits .news-grid, .dtwap-benefits .orbs-vm .common-grid-section-grid, .orbs-vm .dtwap-benefits .common-grid-section-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dtwap-benefits-title {
  margin-bottom: 40px;
  text-align: center;
  margin-top: 50px;
}
.dtwap-benefits-body {
  text-align: center;
  max-width: 860px;
}
.dtwap-benefits-list {
  display: flex;
  align-items: stretch;
  gap: 40px;
}
.dtwap-benefits p,
.dtwap-benefits strong {
  color: white;
}
.dtwap-benefits p {
  font-weight: 500;
}
.dtwap-explanation {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #f4f4f4;
}
.dtwap-explanation-title {
  margin-bottom: 40px;
  text-align: center;
}
.dtwap-explanation .swiper {
  padding-bottom: 0px;
  width: 100%;
}
.dtwap-explanation .swiper-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  bottom: -10px;
}
.dtwap-explanation .swiper-pagination {
  top: unset;
  left: unset;
  position: static;
  transform: unset !important;
}
.dtwap-explanation .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.dtwap-explanation .swiper-pagination-bullet-active {
  background: #de80c9;
}
.dtwap-explanation .navigation-btn {
  position: static;
  margin: unset;
}
.dtwap-explanation .navigation-btn::after {
  display: none;
}
.dtwap-explanation .swiper-slide {
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  gap: 40px;
  background: white;
  padding: 40px;
}
.dtwap-explanation .swiper-slide-img {
  max-width: 636px;
  max-height: 350px;
  width: 48.182vw;
  height: 26.515vw;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.dtwap-explanation .swiper-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dtwap-explanation .swiper-slide-body {
  background: white;
  flex: 1;
  max-width: 400px;
}
.dtwap-code-examples {
  background: #5e75e8;
  padding-top: 80px;
  padding-bottom: 80px;
}
.dtwap-code-examples-title {
  margin-bottom: 40px;
}
.dtwap-code-examples .options {
  display: flex;
  align-items: center;
  gap: 40px;
  width: fit-content;
  position: relative;
}
.dtwap-code-examples .options::after {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 2px;
  bottom: 2px;
  background: #d4d4d4;
  content: "";
}
.dtwap-code-examples .options .option {
  white-space: nowrap;
  position: relative;
  z-index: 1;
  font-weight: 700;
  color: black;
  font-size: 17px;
  padding-bottom: 12px;
  border-bottom: 5px solid transparent;
  transition: 0.2s all;
}
.dtwap-code-examples .options .option-active {
  border-bottom: 5px solid #5e75e8;
}
.dtwap-code-examples .content-body {
  display: none;
}
.dtwap-code-examples .content-body-active {
  display: block;
}
.dtwap-code-examples .code-container {
  overflow: auto;
}
.dtwap-code-examples pre {
  height: 100%;
  overflow: auto;
}
.dtwap-code-examples .code-container-right {
  max-height: 500px;
}
.dtwap-code-examples .code-container-left {
  max-width: 500px;
  width: 40%;
  padding: 37px 35px 40px 41px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.dtwap-schema {
  padding-bottom: 80px;
}
.dtwap-schema-links {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
}
.dtwap-schema-links .button, .dtwap-schema-links .pink-button, .dtwap-schema-links .filled-button, .dtwap-schema-links .brand-assets .brand-asset-buttons a, .brand-assets .brand-asset-buttons .dtwap-schema-links a, .dtwap-schema-links .white-button, .dtwap-schema-links .expending-box .expend-btn, .expending-box .dtwap-schema-links .expend-btn, .dtwap-schema-links .form-submit-container .form-submit, .form-submit-container .dtwap-schema-links .form-submit, .dtwap-schema-links .single-blog-bottom-flex-item a, .single-blog-bottom-flex-item .dtwap-schema-links a, .dtwap-schema-links .white-papers-box-btn, .dtwap-schema-links .news-video-right-button, .dtwap-schema-links .news #load-more-posts, .news .dtwap-schema-links #load-more-posts, .dtwap-schema-links .notifications .contribute-bottom-buttons .link-button, .notifications .contribute-bottom-buttons .dtwap-schema-links .link-button, .dtwap-schema-links .ton-gateway-example-links a, .ton-gateway-example-links .dtwap-schema-links a {
  text-transform: uppercase;
}

@media only screen and (max-width: 1250px) {
  .dtwap-code-examples .options {
    gap: 20px;
  }
  .dtwap-code-examples .options .option {
    font-size: 14px;
  }
}
@media only screen and (max-width: 900px) {
  .dtwap-explanation .swiper-slide {
    padding: 20px;
  }
  .dtwap-benefit {
    width: 100%;
    padding: 30px 30px 30px 30px;
  }
  .dtwap-benefits-list {
    flex-direction: column;
  }
  .dtwap-schema-links {
    flex-direction: column;
  }
  .dtwap-code-examples .code-container-left {
    width: 100%;
    max-width: unset;
    padding: 20px;
    padding-top: 30px;
  }
  .dtwap-code-examples .code-container-right {
    flex: unset;
    height: 450px;
  }
}
@media only screen and (max-width: 700px) {
  .dtwap-explanation .swiper {
    max-width: 500px;
    width: 100%;
  }
  .dtwap-explanation .swiper-slide {
    flex-direction: column;
    gap: 25px;
  }
  .dtwap-explanation .swiper-slide-img {
    width: 100%;
    height: auto;
  }
}
.brand-assets {
  padding-bottom: 80px;
}
.brand-assets-download-all {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}
.brand-assets-list {
  display: flex;
  gap: 55px 48px;
  flex-wrap: wrap;
  justify-content: center;
}
.brand-assets .brand-asset {
  max-width: 421px;
  width: calc(50% - 25px);
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.brand-assets .brand-asset-image {
  border-radius: 10px;
  width: 100%;
  height: 157px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand-assets .brand-asset-image img {
  max-width: 60%;
  width: 100%;
  max-height: 60%;
  height: 100%;
  object-fit: contain;
}
.brand-assets .brand-asset .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand-assets .brand-asset-body {
  font-weight: 600;
  font-size: 14px;
}
.brand-assets .brand-asset-body * {
  font-weight: inherit;
  font-size: inherit;
}
.brand-assets .brand-asset-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.brand-assets .brand-asset-buttons a {
  padding: 0px 20px;
  height: 40px;
  border-radius: 50px;
}

@media screen and (max-width: 900px) {
  .brand-assets .brand-asset .flex {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 700px) {
  .brand-assets-list {
    flex-direction: column;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .brand-assets .brand-asset {
    width: 100%;
    max-width: unset;
  }
}
.ton-vote .ton-vote-slider {
  display: flex;
}
.ton-vote .ton-vote-slider-text {
  width: 300px;
  background: yellow;
}
.ton-vote .ton-vote-bottom {
  background: #f4f4f4;
}
.ton-vote .ton-vote-partners-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: stretch;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
}
.ton-vote .ton-vote-partners .ton-vote-partner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px;
  width: calc(33.3333333333% - 14px);
  background: white;
  border: 1px solid rgb(224, 224, 224);
  box-shadow: rgba(114, 138, 150, 0.08) 0px 2px 16px;
  transition: border-color 0.2s ease 0s;
  display: flex;
  flex-direction: column;
  border-radius: 13px;
  padding: 20px;
  position: relative;
  text-decoration: unset;
  padding: 40px 20px 40px 20px;
  min-height: 260px;
}
.ton-vote .ton-vote-partners .ton-vote-partner-name p {
  color: rgb(22, 28, 40);
  font-size: 18px;
  font-weight: 600;
}
.ton-vote .ton-vote-partners .ton-vote-partner-address p {
  font-size: 15px;
  color: rgb(114, 138, 150);
}
.ton-vote .ton-vote-partners .ton-vote-partner-avatar {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  margin-bottom: 20px;
}
.ton-vote .ton-vote-slider-btns {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 50px;
}
.ton-vote .ton-vote-slider-btns a {
  min-width: 200px;
  padding-left: 20px;
  padding-right: 20px;
}
.ton-vote .product-header-hero {
  right: -50px;
  width: 422px;
}
.ton-vote .product-header-powered {
  right: 100px;
  top: 240px;
}
.ton-vote .page-colored-section-title, .ton-vote .ai-section-title, .ton-vote .dlimit .schema-subtitle, .dlimit .ton-vote .schema-subtitle, .ton-vote .common-grid-section h3, .common-grid-section .ton-vote h3, .ton-vote .integrations-title, .ton-vote .integrations-integrate-title, .ton-vote .common-section-title, .ton-vote .faq-lists-category h5, .faq-lists-category .ton-vote h5, .ton-vote .network-section h3, .network-section .ton-vote h3, .ton-vote .network-section-products-list-item-body h4, .network-section-products-list-item-body .ton-vote h4, .ton-vote .network-section-how h2, .network-section-how .ton-vote h2, .ton-vote .network-section-how h4, .network-section-how .ton-vote h4, .ton-vote .universe-second-flex .images-grid-title, .universe-second-flex .ton-vote .images-grid-title, .ton-vote .white-papers-category-title, .ton-vote .contact-socials-section h4, .contact-socials-section .ton-vote h4, .ton-vote .news-posts-title, .ton-vote .orbs-vm .orbs-vm-graph-2 h3, .orbs-vm .orbs-vm-graph-2 .ton-vote h3, .ton-vote .notifications .integrations-title, .notifications .ton-vote .integrations-title, .ton-vote .notifications .apps-title, .notifications .ton-vote .apps-title, .ton-vote .ton-gateway-posts h3, .ton-gateway-posts .ton-vote h3, .ton-vote .dtwap-benefits-title, .ton-vote .dtwap-explanation-title {
  text-align: center;
}
.ton-vote .ton-vote-slider {
  flex: 1;
}
.ton-vote .swiper {
  padding-bottom: 0px;
  width: 100%;
}
.ton-vote .swiper-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  bottom: -10px;
}
.ton-vote .swiper-pagination {
  top: unset;
  left: unset;
  position: static;
  transform: unset !important;
}
.ton-vote .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.ton-vote .swiper-pagination-bullet-active {
  background: #de80c9;
}
.ton-vote .navigation-btn {
  position: static;
  margin: unset;
}
.ton-vote .navigation-btn::after {
  display: none;
}
.ton-vote .swiper-slide {
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  gap: 40px;
  background: white;
  padding: 40px;
}
.ton-vote .swiper-slide-img {
  max-width: 636px;
  max-height: 520px;
  width: 48.182vw;
  height: 38vw;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.ton-vote .swiper-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ton-vote .swiper-slide-body {
  background: white;
  flex: 1;
}

@media only screen and (max-width: 800px) {
  .ton-vote .ton-vote-slider-btns {
    flex-direction: column;
    align-items: center;
  }
  .ton-vote .ton-vote-slider-btns a {
    padding: 0px 20px;
    min-width: 150;
  }
  .ton-vote .ton-vote-slider-btns p {
    font-size: 14px !important;
  }
  .ton-vote .swiper-slide {
    padding: 20px;
    flex-direction: column;
  }
  .ton-vote .swiper-slide-img {
    max-width: unset;
    max-height: 520px;
    width: 100%;
    height: 50vw;
  }
  .ton-vote .swiper-slide-body {
    max-width: unset;
  }
  .ton-vote .ton-vote-partners .ton-vote-partner {
    width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 500px) {
  .ton-vote .product-header-button a {
    padding: 0px 20px;
  }
  .ton-vote .product-header-button p {
    font-size: 12px !important;
  }
  .ton-vote .ton-vote-partners .ton-vote-partner {
    width: 100%;
  }
}
.dlimit .integrations {
  background: unset;
}
.dlimit .product-header-hero {
  max-width: 750px;
  right: -100px;
  top: -40px;
}
.dlimit .product-header-powered {
  top: 65%;
  right: 220px;
}
.dlimit .schema .page-colored-section-title, .dlimit .schema .ai-section-title, .dlimit .schema .schema-subtitle, .dlimit .schema .common-grid-section h3, .common-grid-section .dlimit .schema h3, .dlimit .schema .integrations-title, .dlimit .schema .integrations-integrate-title, .dlimit .schema .common-section-title, .dlimit .schema .faq-lists-category h5, .faq-lists-category .dlimit .schema h5, .dlimit .schema .network-section h3, .network-section .dlimit .schema h3, .dlimit .schema .network-section-products-list-item-body h4, .network-section-products-list-item-body .dlimit .schema h4, .dlimit .schema .network-section-how h2, .network-section-how .dlimit .schema h2, .dlimit .schema .network-section-how h4, .network-section-how .dlimit .schema h4, .dlimit .schema .universe-second-flex .images-grid-title, .universe-second-flex .dlimit .schema .images-grid-title, .dlimit .schema .white-papers-category-title, .dlimit .schema .contact-socials-section h4, .contact-socials-section .dlimit .schema h4, .dlimit .schema .news-posts-title, .dlimit .schema .orbs-vm .orbs-vm-graph-2 h3, .orbs-vm .orbs-vm-graph-2 .dlimit .schema h3, .dlimit .schema .notifications .apps-title, .notifications .dlimit .schema .apps-title, .dlimit .schema .ton-gateway-posts h3, .ton-gateway-posts .dlimit .schema h3, .dlimit .schema .dtwap-benefits-title, .dlimit .schema .dtwap-explanation-title {
  margin-bottom: 20px;
  text-align: center;
}
.dlimit .schema-subtitle {
  text-align: center;
  margin-bottom: 30px;
  font-size: 16px;
}

.liquidity-hub {
  position: relative;
}
.liquidity-hub-hero {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 1100px;
  width: 90%;
  pointer-events: none;
}
.liquidity-hub .product-header-powered {
  right: 140px;
  top: 60px;
}
.liquidity-hub-launch-partners {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #f4f4f4;
}
.liquidity-hub-launch-partners h3 {
  text-align: center;
  margin-bottom: 40px;
}
.liquidity-hub-launch-partners-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.liquidity-hub-launch-partners-partner {
  width: 100%;
  background: white;
  padding: 30px 30px 30px 40px;
  border-radius: 20px;
  border: 1px solid #b5b6ed;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  gap: 20px;
}
.liquidity-hub-launch-partners-partner .left {
  padding-top: 20px;
}
.liquidity-hub-launch-partners-partner .left h4 {
  font-weight: 600;
  font-size: 17px;
}
.liquidity-hub-launch-partners-partner .left ul {
  margin-top: 50px;
  gap: 30px;
}
.liquidity-hub-launch-partners-partner .left ul li {
  font-weight: 600;
  margin-bottom: 0px;
}
.liquidity-hub-launch-partners-partner .left ul li figure {
  top: 3px !important;
}
.liquidity-hub-launch-partners-partner .left ul::after {
  height: 90% !important;
  top: 10px;
}
.liquidity-hub-launch-partners-partner .left-header p {
  font-weight: 600;
}
.liquidity-hub-launch-partners-partner .left .partner-logo {
  margin-bottom: 40px;
}
.liquidity-hub-launch-partners-partner .left .quickswap-logo {
  height: 40px;
}
.liquidity-hub-launch-partners-partner .left .thena-logo {
  height: 25px;
}
.liquidity-hub-launch-partners-partner .left a {
  background: #6788ea;
  height: 46px;
  padding: 0px 40px;
  border-radius: 24px;
  color: white;
  height: 46px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  margin-top: 40px;
  display: flex;
  width: fit-content;
  align-items: center;
}
.liquidity-hub-launch-partners-partner .right {
  width: 373px;
  height: 500px;
  background: #1b1c25;
  border-radius: 30px;
  padding: 40px;
}
.liquidity-hub-launch-partners-partner .right img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.liquidity-hub-section-1 {
  background: #313855;
  padding-top: 80px;
  padding-bottom: 80px;
}
.liquidity-hub-section-1 .main-grid, .liquidity-hub-section-1 .small-grid, .liquidity-hub-section-1 .single-blog-header, .liquidity-hub-section-1 .contact, .liquidity-hub-section-1 .news-grid, .liquidity-hub-section-1 .orbs-vm .common-grid-section-grid, .orbs-vm .liquidity-hub-section-1 .common-grid-section-grid {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.liquidity-hub-section-1-boxes {
  display: flex;
  gap: 15px;
  align-items: stretch;
}
.liquidity-hub-section-1-box {
  position: relative;
  width: 50%;
  padding: 35px 40px 50px 40px;
  border-radius: 30px;
  border: 1px solid #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0.55%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(21px);
}
.liquidity-hub-section-1-box h3 {
  color: #ff8fd6;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
  line-height: 27px;
}
.liquidity-hub-section-1-box p {
  color: white;
  font-size: 14px;
  line-height: 24px;
}
.liquidity-hub-section-1-text p {
  color: white;
  margin: 0;
  font-weight: 400;
}
.liquidity-hub-section-1-diagram {
  width: 100%;
  object-fit: contain;
}
.liquidity-hub-section-2 .cards {
  background: #faf8fd;
}
.liquidity-hub-section-2 .cards .common-section-title {
  text-align: center;
}
.liquidity-hub-section-3 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: white;
}
.liquidity-hub-section-3 .page-colored-section-title, .liquidity-hub-section-3 .ai-section-title, .liquidity-hub-section-3 .common-grid-section h3, .common-grid-section .liquidity-hub-section-3 h3, .liquidity-hub-section-3 .integrations-title, .liquidity-hub-section-3 .integrations-integrate-title, .liquidity-hub-section-3 .common-section-title, .liquidity-hub-section-3 .faq-lists-category h5, .faq-lists-category .liquidity-hub-section-3 h5, .liquidity-hub-section-3 .network-section h3, .network-section .liquidity-hub-section-3 h3, .liquidity-hub-section-3 .network-section-products-list-item-body h4, .network-section-products-list-item-body .liquidity-hub-section-3 h4, .liquidity-hub-section-3 .network-section-how h2, .network-section-how .liquidity-hub-section-3 h2, .liquidity-hub-section-3 .network-section-how h4, .network-section-how .liquidity-hub-section-3 h4, .liquidity-hub-section-3 .universe-second-flex .images-grid-title, .universe-second-flex .liquidity-hub-section-3 .images-grid-title, .liquidity-hub-section-3 .white-papers-category-title, .liquidity-hub-section-3 .contact-socials-section h4, .contact-socials-section .liquidity-hub-section-3 h4, .liquidity-hub-section-3 .news-posts-title, .liquidity-hub-section-3 .orbs-vm .orbs-vm-graph-2 h3, .orbs-vm .orbs-vm-graph-2 .liquidity-hub-section-3 h3, .liquidity-hub-section-3 .notifications .integrations-title, .notifications .liquidity-hub-section-3 .integrations-title, .liquidity-hub-section-3 .notifications .apps-title, .notifications .liquidity-hub-section-3 .apps-title, .liquidity-hub-section-3 .ton-gateway-posts h3, .ton-gateway-posts .liquidity-hub-section-3 h3, .liquidity-hub-section-3 .dtwap-benefits-title, .liquidity-hub-section-3 .dtwap-explanation-title, .liquidity-hub-section-3 .dlimit .schema-subtitle, .dlimit .liquidity-hub-section-3 .schema-subtitle {
  text-align: center;
  margin-bottom: 40px;
}
.liquidity-hub-section-3-subtitle p {
  margin: 0;
}
.liquidity-hub-section-3-columns {
  margin-top: 100px;
  display: flex;
  gap: 130px;
}
.liquidity-hub-section-3 .liquidity-hub-list, .liquidity-hub-section-3 .liquidity-hub-launch-partners-partner .left ul, .liquidity-hub-launch-partners-partner .left .liquidity-hub-section-3 ul {
  gap: 50px;
}
.liquidity-hub-section-3-column h4 {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 600;
}
.liquidity-hub-section-4 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #f4f4f4;
}
.liquidity-hub-section-4 .page-colored-section-title, .liquidity-hub-section-4 .ai-section-title, .liquidity-hub-section-4 .common-grid-section h3, .common-grid-section .liquidity-hub-section-4 h3, .liquidity-hub-section-4 .integrations-title, .liquidity-hub-section-4 .integrations-integrate-title, .liquidity-hub-section-4 .common-section-title, .liquidity-hub-section-4 .faq-lists-category h5, .faq-lists-category .liquidity-hub-section-4 h5, .liquidity-hub-section-4 .network-section h3, .network-section .liquidity-hub-section-4 h3, .liquidity-hub-section-4 .network-section-products-list-item-body h4, .network-section-products-list-item-body .liquidity-hub-section-4 h4, .liquidity-hub-section-4 .network-section-how h2, .network-section-how .liquidity-hub-section-4 h2, .liquidity-hub-section-4 .network-section-how h4, .network-section-how .liquidity-hub-section-4 h4, .liquidity-hub-section-4 .universe-second-flex .images-grid-title, .universe-second-flex .liquidity-hub-section-4 .images-grid-title, .liquidity-hub-section-4 .white-papers-category-title, .liquidity-hub-section-4 .contact-socials-section h4, .contact-socials-section .liquidity-hub-section-4 h4, .liquidity-hub-section-4 .news-posts-title, .liquidity-hub-section-4 .orbs-vm .orbs-vm-graph-2 h3, .orbs-vm .orbs-vm-graph-2 .liquidity-hub-section-4 h3, .liquidity-hub-section-4 .notifications .integrations-title, .notifications .liquidity-hub-section-4 .integrations-title, .liquidity-hub-section-4 .notifications .apps-title, .notifications .liquidity-hub-section-4 .apps-title, .liquidity-hub-section-4 .ton-gateway-posts h3, .ton-gateway-posts .liquidity-hub-section-4 h3, .liquidity-hub-section-4 .dtwap-benefits-title, .liquidity-hub-section-4 .dtwap-explanation-title, .liquidity-hub-section-4 .dlimit .schema-subtitle, .dlimit .liquidity-hub-section-4 .schema-subtitle {
  margin-bottom: 40px;
}
.liquidity-hub-section-4 a {
  color: #54cfff;
  text-decoration: unset;
}
.liquidity-hub-section-4 a:hover {
  text-decoration: underline;
}

.liquidity-hub-list, .liquidity-hub-launch-partners-partner .left ul {
  display: flex;
  flex-direction: column;
  position: relative;
}
.liquidity-hub-list::after, .liquidity-hub-launch-partners-partner .left ul::after {
  position: absolute;
  left: 10px;
  width: 1px;
  height: 100%;
  content: "";
  border-left: 2px dashed #cccccc;
}
.liquidity-hub-list li, .liquidity-hub-launch-partners-partner .left ul li {
  z-index: 1;
  padding-left: 40px;
  position: relative;
}
.liquidity-hub-list li figure, .liquidity-hub-launch-partners-partner .left ul li figure {
  background: #faf8fd;
  left: 0;
  top: -1px;
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  border: 1px solid #cccccc;
  width: 20px;
  height: 20px;
}
.liquidity-hub-list li figure::after, .liquidity-hub-launch-partners-partner .left ul li figure::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #6788ea;
  content: "";
}

@media only screen and (max-width: 1300px) {
  .liquidity-hub-launch-partners-partner {
    flex-direction: column;
    padding: 20px;
    gap: 50px;
  }
  .liquidity-hub-launch-partners-partner .right {
    width: 100%;
    max-width: 370px;
    max-height: 490px;
    height: 40vh;
    padding: 15px;
  }
}
@media only screen and (max-width: 900px) {
  .liquidity-hub-section-3-columns {
    gap: 10vw;
  }
}
@media only screen and (max-width: 700px) {
  .liquidity-hub-section-1-boxes {
    flex-direction: column;
  }
  .liquidity-hub-section-1-box {
    width: 100%;
    padding: 20px;
  }
  .liquidity-hub-section-3-columns {
    flex-direction: column;
    gap: 40px;
  }
}
.perps {
  position: relative;
  background: white;
}
.perps .product-header-hero {
  position: absolute;
  top: 50px;
  right: 40px;
  max-width: 580px;
  width: 90%;
  pointer-events: none;
}
.perps .product-header-powered {
  display: none;
}
.perps .product-header {
  margin-bottom: 0;
}
.perps-section-1 {
  padding-top: 60px;
  padding-bottom: 80px;
}
.perps-section-1 .cards {
  background: transparent;
}
.perps-section-1 .cards .common-section-title {
  text-align: left !important;
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  max-width: 750px;
}
.perps-section-1 .cards .cards-subtitle {
  display: none;
}
.perps-section-1 .cards .common-section-grid {
  padding-top: 0;
}
.perps-section-1 .cards .cards-list {
  margin-top: 30px;
}
.perps-section-1 .cards-card {
  border: 1px solid rgba(94, 117, 232, 0.3);
  border-radius: 20px;
  padding: 30px 20px 20px 20px;
  background: white;
}
.perps-section-1 .cards-card-img {
  width: 48px;
  height: 48px;
}
.perps-section-2 {
  padding-top: 0px;
  padding-bottom: 80px;
}
.perps-section-2 .page-colored-section-title, .perps-section-2 .ai-section-title, .perps-section-2 .common-grid-section h3, .common-grid-section .perps-section-2 h3, .perps-section-2 .integrations-title, .perps-section-2 .integrations-integrate-title, .perps-section-2 .common-section-title, .perps-section-2 .faq-lists-category h5, .faq-lists-category .perps-section-2 h5, .perps-section-2 .network-section h3, .network-section .perps-section-2 h3, .perps-section-2 .network-section-products-list-item-body h4, .network-section-products-list-item-body .perps-section-2 h4, .perps-section-2 .network-section-how h2, .network-section-how .perps-section-2 h2, .perps-section-2 .network-section-how h4, .network-section-how .perps-section-2 h4, .perps-section-2 .universe-second-flex .images-grid-title, .universe-second-flex .perps-section-2 .images-grid-title, .perps-section-2 .white-papers-category-title, .perps-section-2 .contact-socials-section h4, .contact-socials-section .perps-section-2 h4, .perps-section-2 .news-posts-title, .perps-section-2 .orbs-vm .orbs-vm-graph-2 h3, .orbs-vm .orbs-vm-graph-2 .perps-section-2 h3, .perps-section-2 .notifications .integrations-title, .notifications .perps-section-2 .integrations-title, .perps-section-2 .notifications .apps-title, .notifications .perps-section-2 .apps-title, .perps-section-2 .ton-gateway-posts h3, .ton-gateway-posts .perps-section-2 h3, .perps-section-2 .dtwap-benefits-title, .perps-section-2 .dtwap-explanation-title, .perps-section-2 .dlimit .schema-subtitle, .dlimit .perps-section-2 .schema-subtitle {
  margin-bottom: 40px;
}
.perps-section-2-body {
  max-width: 620px;
  margin-bottom: 40px;
}
.perps-section-2-diagram-outer {
  width: 100%;
  background: linear-gradient(233.19deg, #FFFFFF 30.2%, #DB89DF 103.83%);
  border-radius: 20px;
  padding: 90px 130px;
  display: flex;
  justify-content: center;
}
.perps-section-2-diagram-wrap {
  width: 100%;
}
.perps-section-2-diagram {
  width: 100%;
  display: block;
}
.perps-section-2 a {
  color: #5e75e8;
  text-decoration: none;
}
.perps-section-2 a:hover {
  text-decoration: underline;
}
.perps-section-partners {
  padding-top: 80px;
  padding-bottom: 80px;
}
.perps-section-partners .page-colored-section-title, .perps-section-partners .ai-section-title, .perps-section-partners .common-grid-section h3, .common-grid-section .perps-section-partners h3, .perps-section-partners .integrations-title, .perps-section-partners .integrations-integrate-title, .perps-section-partners .common-section-title, .perps-section-partners .faq-lists-category h5, .faq-lists-category .perps-section-partners h5, .perps-section-partners .network-section h3, .network-section .perps-section-partners h3, .perps-section-partners .network-section-products-list-item-body h4, .network-section-products-list-item-body .perps-section-partners h4, .perps-section-partners .network-section-how h2, .network-section-how .perps-section-partners h2, .perps-section-partners .network-section-how h4, .network-section-how .perps-section-partners h4, .perps-section-partners .universe-second-flex .images-grid-title, .universe-second-flex .perps-section-partners .images-grid-title, .perps-section-partners .white-papers-category-title, .perps-section-partners .contact-socials-section h4, .contact-socials-section .perps-section-partners h4, .perps-section-partners .news-posts-title, .perps-section-partners .orbs-vm .orbs-vm-graph-2 h3, .orbs-vm .orbs-vm-graph-2 .perps-section-partners h3, .perps-section-partners .notifications .integrations-title, .notifications .perps-section-partners .integrations-title, .perps-section-partners .notifications .apps-title, .notifications .perps-section-partners .apps-title, .perps-section-partners .ton-gateway-posts h3, .ton-gateway-posts .perps-section-partners h3, .perps-section-partners .dtwap-benefits-title, .perps-section-partners .dtwap-explanation-title, .perps-section-partners .dlimit .schema-subtitle, .dlimit .perps-section-partners .schema-subtitle {
  margin-bottom: 40px;
}
.perps-section-partners-body {
  max-width: 620px;
  margin-bottom: 40px;
}
.perps-section-partners-img-wrap {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.perps-section-partners-img {
  width: 100%;
  display: block;
  border-radius: 20px;
}
.perps-section-3 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.perps-section-3 .page-colored-section-title, .perps-section-3 .ai-section-title, .perps-section-3 .common-grid-section h3, .common-grid-section .perps-section-3 h3, .perps-section-3 .integrations-title, .perps-section-3 .integrations-integrate-title, .perps-section-3 .common-section-title, .perps-section-3 .faq-lists-category h5, .faq-lists-category .perps-section-3 h5, .perps-section-3 .network-section h3, .network-section .perps-section-3 h3, .perps-section-3 .network-section-products-list-item-body h4, .network-section-products-list-item-body .perps-section-3 h4, .perps-section-3 .network-section-how h2, .network-section-how .perps-section-3 h2, .perps-section-3 .network-section-how h4, .network-section-how .perps-section-3 h4, .perps-section-3 .universe-second-flex .images-grid-title, .universe-second-flex .perps-section-3 .images-grid-title, .perps-section-3 .white-papers-category-title, .perps-section-3 .contact-socials-section h4, .contact-socials-section .perps-section-3 h4, .perps-section-3 .news-posts-title, .perps-section-3 .orbs-vm .orbs-vm-graph-2 h3, .orbs-vm .orbs-vm-graph-2 .perps-section-3 h3, .perps-section-3 .notifications .integrations-title, .notifications .perps-section-3 .integrations-title, .perps-section-3 .notifications .apps-title, .notifications .perps-section-3 .apps-title, .perps-section-3 .ton-gateway-posts h3, .ton-gateway-posts .perps-section-3 h3, .perps-section-3 .dtwap-benefits-title, .perps-section-3 .dtwap-explanation-title, .perps-section-3 .dlimit .schema-subtitle, .dlimit .perps-section-3 .schema-subtitle {
  margin-bottom: 40px;
}
.perps-section-3-body p {
  max-width: 100%;
}
.perps-section-3-body .text-p:last-of-type, .perps-section-3-body .ai-chains-subtitle p:last-of-type, .ai-chains-subtitle .perps-section-3-body p:last-of-type, .perps-section-3-body .ai-how-subtitle p:last-of-type, .ai-how-subtitle .perps-section-3-body p:last-of-type, .perps-section-3-body .ai-quickstart-subtitle p:last-of-type, .ai-quickstart-subtitle .perps-section-3-body p:last-of-type, .perps-section-3-body .blog .header h2:last-of-type, .blog .header .perps-section-3-body h2:last-of-type, .perps-section-3-body .blog-list-blog-title:last-of-type, .perps-section-3-body .blog .news-hero h2:last-of-type, .blog .news-hero .perps-section-3-body h2:last-of-type, .perps-section-3-body .news-hero-body h4:last-of-type, .news-hero-body .perps-section-3-body h4:last-of-type, .perps-section-3-body .notifications .integrations-list .integration h5:last-of-type, .notifications .integrations-list .integration .perps-section-3-body h5:last-of-type, .perps-section-3-body .ton-gateway-posts .post-profile-right h5:last-of-type, .ton-gateway-posts .post-profile-right .perps-section-3-body h5:last-of-type, .perps-section-3-body .selectbox-list-item h4:last-of-type, .selectbox-list-item .perps-section-3-body h4:last-of-type, .perps-section-3-body .selectbox-list-item h4 :last-of-type, .selectbox-list-item h4 .perps-section-3-body :last-of-type, .perps-section-3-body .liquidity-hub-launch-partners-partner .left ul li:last-of-type, .liquidity-hub-launch-partners-partner .left ul .perps-section-3-body li:last-of-type {
  text-align: center;
  margin-top: 40px;
}
.perps-section-3-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
  margin-bottom: 60px;
}
.perps-section-3 .line-separator {
  width: 100%;
  max-width: unset;
}
.perps-section-3 a {
  color: #5e75e8;
  text-decoration: none;
}
.perps-section-3 a:hover {
  text-decoration: underline;
}
.perps-section-3 em {
  font-size: 14px;
  line-height: 26px;
}

@media only screen and (max-width: 1000px) {
  .perps .product-header-hero {
    max-width: 400px;
    top: 30px;
    right: 20px;
  }
  .perps-section-1 .cards .cards-list {
    flex-wrap: wrap;
  }
  .perps-section-1 .cards .cards-list .cards-card {
    width: calc(50% - 15px);
  }
  .perps-section-2-diagram-outer {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 700px) {
  .perps .product-header-hero {
    display: none;
  }
  .perps .product-header h1 {
    font-size: 28px;
    line-height: 38px;
  }
  .perps-section-1 {
    padding-top: 40px;
  }
  .perps-section-1 .cards .common-section-title {
    font-size: 16px;
    line-height: 24px;
  }
  .perps-section-1 .cards .cards-list {
    flex-direction: column;
  }
  .perps-section-1 .cards .cards-list .cards-card {
    width: 100%;
  }
  .perps-section-2-diagram-outer {
    padding: 20px;
    border-radius: 12px;
  }
  .perps-section-2-diagram-wrap {
    padding: 10px;
    border-radius: 10px;
  }
  .perps-section-partners-img-wrap {
    border-radius: 12px;
  }
  .perps-section-partners-img {
    border-radius: 12px;
  }
  .perps-section-3-buttons {
    flex-direction: column;
    align-items: center;
  }
}
.dsltp {
  position: relative;
}
.dsltp .product-header-hero {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 600px;
  width: 50%;
  pointer-events: none;
}
.dsltp .product-header-powered {
  display: none;
}
.dsltp-section-1 {
  margin-top: 100px;
}
.dsltp-section-1 .common-section-title {
  margin: 0;
  text-align: left !important;
  width: fit-content;
}
.dsltp-section-1 .common-section-grid {
  padding-top: 0;
}
.dsltp-section-1 .main-grid, .dsltp-section-1 .small-grid, .dsltp-section-1 .single-blog-header, .dsltp-section-1 .contact, .dsltp-section-1 .news-grid, .dsltp-section-1 .orbs-vm .common-grid-section-grid, .orbs-vm .dsltp-section-1 .common-grid-section-grid {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-bottom: 60px;
}
.dsltp-section-1 {
  padding-bottom: 80px;
}
.dsltp-section-1 .cards {
  background: #faf8fd;
}
.dsltp-section-1 .cards .common-section-title {
  text-align: center;
}
.dsltp-section-1-bottom {
  text-align: left;
}
.dsltp-section-2 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #313855;
}
.dsltp-section-2 .common-section-title {
  color: white;
  background: unset;
  text-align: center;
  background-clip: unset;
  -webkit-text-fill-color: unset;
}
.dsltp-section-2 a {
  color: white;
}
.dsltp-section-2-diagram {
  width: 100%;
}
.dsltp-section-2-body {
  margin-bottom: 50px;
}
.dsltp-section-3 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #ffffff;
}
.dsltp-section-3 .page-colored-section-title, .dsltp-section-3 .ai-section-title, .dsltp-section-3 .common-grid-section h3, .common-grid-section .dsltp-section-3 h3, .dsltp-section-3 .integrations-title, .dsltp-section-3 .integrations-integrate-title, .dsltp-section-3 .common-section-title, .dsltp-section-3 .faq-lists-category h5, .faq-lists-category .dsltp-section-3 h5, .dsltp-section-3 .network-section h3, .network-section .dsltp-section-3 h3, .dsltp-section-3 .network-section-products-list-item-body h4, .network-section-products-list-item-body .dsltp-section-3 h4, .dsltp-section-3 .network-section-how h2, .network-section-how .dsltp-section-3 h2, .dsltp-section-3 .network-section-how h4, .network-section-how .dsltp-section-3 h4, .dsltp-section-3 .universe-second-flex .images-grid-title, .universe-second-flex .dsltp-section-3 .images-grid-title, .dsltp-section-3 .white-papers-category-title, .dsltp-section-3 .contact-socials-section h4, .contact-socials-section .dsltp-section-3 h4, .dsltp-section-3 .news-posts-title, .dsltp-section-3 .orbs-vm .orbs-vm-graph-2 h3, .orbs-vm .orbs-vm-graph-2 .dsltp-section-3 h3, .dsltp-section-3 .notifications .integrations-title, .notifications .dsltp-section-3 .integrations-title, .dsltp-section-3 .notifications .apps-title, .notifications .dsltp-section-3 .apps-title, .dsltp-section-3 .ton-gateway-posts h3, .ton-gateway-posts .dsltp-section-3 h3, .dsltp-section-3 .dtwap-benefits-title, .dsltp-section-3 .dtwap-explanation-title, .dsltp-section-3 .dlimit .schema-subtitle, .dlimit .dsltp-section-3 .schema-subtitle {
  margin-bottom: 40px;
  display: inline-block;
}
.dsltp-section-3-diagram {
  width: 100%;
}
.dsltp-section-3-body {
  margin-bottom: 50px;
}
.dsltp-section-4 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #faf8fd;
}
.dsltp-section-4 .line-separator {
  width: 100%;
  max-width: unset;
}
.dsltp-section-4 .page-colored-section-title, .dsltp-section-4 .ai-section-title, .dsltp-section-4 .common-grid-section h3, .common-grid-section .dsltp-section-4 h3, .dsltp-section-4 .integrations-title, .dsltp-section-4 .integrations-integrate-title, .dsltp-section-4 .common-section-title, .dsltp-section-4 .faq-lists-category h5, .faq-lists-category .dsltp-section-4 h5, .dsltp-section-4 .network-section h3, .network-section .dsltp-section-4 h3, .dsltp-section-4 .network-section-products-list-item-body h4, .network-section-products-list-item-body .dsltp-section-4 h4, .dsltp-section-4 .network-section-how h2, .network-section-how .dsltp-section-4 h2, .dsltp-section-4 .network-section-how h4, .network-section-how .dsltp-section-4 h4, .dsltp-section-4 .universe-second-flex .images-grid-title, .universe-second-flex .dsltp-section-4 .images-grid-title, .dsltp-section-4 .white-papers-category-title, .dsltp-section-4 .contact-socials-section h4, .contact-socials-section .dsltp-section-4 h4, .dsltp-section-4 .news-posts-title, .dsltp-section-4 .orbs-vm .orbs-vm-graph-2 h3, .orbs-vm .orbs-vm-graph-2 .dsltp-section-4 h3, .dsltp-section-4 .notifications .integrations-title, .notifications .dsltp-section-4 .integrations-title, .dsltp-section-4 .notifications .apps-title, .notifications .dsltp-section-4 .apps-title, .dsltp-section-4 .ton-gateway-posts h3, .ton-gateway-posts .dsltp-section-4 h3, .dsltp-section-4 .dtwap-benefits-title, .dsltp-section-4 .dtwap-explanation-title, .dsltp-section-4 .dlimit .schema-subtitle, .dlimit .dsltp-section-4 .schema-subtitle {
  margin-bottom: 40px;
  display: inline-block;
}
.dsltp-section-4 a {
  color: #6477E8;
  text-decoration: unset;
}
.dsltp-section-4 a:hover {
  text-decoration: underline;
}
.dsltp-section-4 em {
  font-size: 14px;
  line-height: 26px;
}
.dsltp-section-4-body {
  margin-bottom: 50px;
}
.dsltp-section-4-buttons {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.ai-header {
  position: relative;
  overflow: hidden;
}
.ai-header-bg {
  background: transparent;
  padding: 100px 0 80px;
  position: relative;
}
.ai-header-content {
  position: relative;
  z-index: 1;
  max-width: 800px;
}
.ai-header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(94, 117, 232, 0.08);
  border: 1px solid rgba(94, 117, 232, 0.2);
  border-radius: 100px;
  padding: 6px 18px;
  margin-bottom: 30px;
  font-size: 13px;
  color: #5e75e8;
  font-family: "Montserrat";
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ai-header-badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4ade80;
  display: inline-block;
  animation: pulse-dot 2s ease-in-out infinite;
}
.ai-header-body h1 {
  font-weight: 900;
  font-size: 52px;
  line-height: 62px;
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.ai-header-body p {
  font-size: 18px;
  line-height: 30px;
  color: #666;
  font-family: "Montserrat";
  max-width: 650px;
}
.ai-header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
}
.ai-header-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 32px;
  height: 48px;
  border-radius: 100px;
  font-size: 15px;
  font-family: "Montserrat";
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
.ai-header-btn img {
  width: 20px;
  height: 20px;
}
.ai-header-btn-primary {
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
  color: white;
  border: none;
}
.ai-header-btn-primary:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.ai-header-btn-secondary {
  background: transparent;
  color: #191919;
  border: 1px solid #ddd;
}
.ai-header-btn-secondary:hover {
  border-color: #5e75e8;
  color: #5e75e8;
  background: rgba(94, 117, 232, 0.04);
}
.ai-section-title {
  text-align: center;
  margin-bottom: 16px;
  font-size: 28px;
}
.ai-quickstart {
  background: white;
  padding: 80px 0;
}
.ai-quickstart-subtitle {
  text-align: center;
  margin-bottom: 50px;
}
.ai-quickstart-subtitle p {
  color: #666;
}
.ai-quickstart-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.ai-quickstart-card {
  background: #f8f9fc;
  border: 1px solid #e8eaf0;
  border-radius: 16px;
  padding: 36px;
  transition: border-color 0.2s;
}
.ai-quickstart-card:hover {
  border-color: #5e75e8;
}
.ai-quickstart-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.ai-quickstart-card-header h4 {
  font-size: 20px;
  font-weight: 700;
  font-family: "Montserrat";
  color: #191919;
  margin: 0;
}
.ai-quickstart-card-icon {
  font-size: 28px;
  line-height: 1;
}
.ai-quickstart-card-desc {
  font-size: 15px;
  line-height: 24px;
  color: #555;
  font-family: "Montserrat";
  margin-bottom: 16px;
}
.ai-quickstart-card-desc p {
  color: inherit;
}
.ai-quickstart-card-hint {
  font-size: 13px;
  line-height: 22px;
  color: #888;
  font-family: "Montserrat";
  margin-top: 16px;
}
.ai-quickstart-card-hint em {
  color: #5e75e8;
}
.ai-quickstart-code {
  background: #313855;
  border-radius: 10px;
  padding: 16px 20px;
  overflow-x: auto;
  display: flex;
  flex-direction: column;
}
.ai-quickstart-code code {
  font-size: 15px;
  line-height: 24px;
  color: #a5b4fc;
  font-family: "Courier New", monospace;
  overflow-wrap: anywhere;
}
.ai-quickstart-copy {
  margin-top: 14px;
  align-self: flex-start;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: white;
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  padding: 8px 28px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s;
}
.ai-quickstart-copy:hover {
  background: rgba(255, 255, 255, 0.2);
}
.ai-quickstart-view-link {
  display: inline-block;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  color: #5e75e8;
  text-decoration: none;
  transition: opacity 0.15s;
}
.ai-quickstart-view-link:hover {
  opacity: 0.8;
}
.ai-features {
  background: #313855;
  padding: 80px 0;
}
.ai-features-subtitle {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 50px;
  font-size: 16px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.65);
  font-family: "Montserrat";
}
.ai-features-subtitle p {
  color: inherit;
}
.ai-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.ai-feature-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 32px;
  transition: all 0.2s;
}
.ai-feature-card:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}
.ai-feature-icon {
  font-size: 32px;
  margin-bottom: 16px;
  line-height: 1;
}
.ai-feature-title {
  font-size: 18px;
  font-weight: 700;
  color: white;
  font-family: "Montserrat";
  margin-bottom: 10px;
}
.ai-feature-desc {
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Montserrat";
}
.ai-feature-desc p {
  color: inherit;
}
.ai-how-it-works {
  background: white;
  padding: 80px 0;
}
.ai-how-subtitle {
  text-align: center;
  margin-bottom: 50px;
}
.ai-how-subtitle p {
  color: #666;
}
.ai-how-steps {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}
.ai-how-step {
  flex: 1;
  text-align: center;
  padding: 0 20px;
  position: relative;
  max-width: 280px;
}
.ai-how-step-num {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
  color: white;
  font-size: 20px;
  font-weight: 700;
  font-family: "Montserrat";
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}
.ai-how-step-title {
  font-size: 17px;
  font-weight: 700;
  color: #191919;
  font-family: "Montserrat";
  margin-bottom: 8px;
}
.ai-how-step-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: rgba(94, 117, 232, 0.1);
  color: #5e75e8;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
  vertical-align: middle;
}
.ai-how-step-desc {
  font-size: 14px;
  line-height: 22px;
  color: #666;
  font-family: "Montserrat";
}
.ai-how-step-desc p {
  color: inherit;
}
.ai-how-step-arrow {
  position: absolute;
  right: -14px;
  top: 20px;
  font-size: 24px;
  color: #ccc;
  font-weight: 300;
}
.ai-how-step--optional {
  opacity: 0.85;
}
.ai-how-step--optional .ai-how-step-num {
  background: linear-gradient(268.02deg, rgba(121, 136, 232, 0.5) 36.77%, rgba(219, 137, 223, 0.5) 64.32%);
}
.ai-chains {
  background: #f8f9fc;
  padding: 80px 0;
}
.ai-chains-subtitle {
  text-align: center;
  margin-bottom: 40px;
}
.ai-chains-subtitle p {
  color: #666;
}
.ai-chains-table-wrap {
  overflow-x: auto;
  border-radius: 12px;
  border: 1px solid #e8eaf0;
  background: white;
}
.ai-chains-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Montserrat";
}
.ai-chains-table th,
.ai-chains-table td {
  padding: 14px 20px;
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #f0f0f0;
}
.ai-chains-table th {
  background: #313855;
  color: white;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-bottom: none;
}
.ai-chains-table tbody tr {
  transition: background 0.15s;
}
.ai-chains-table tbody tr:hover {
  background: #f8f9fc;
}
.ai-chains-table tbody tr:last-child td {
  border-bottom: none;
}
.ai-chains-name {
  font-weight: 600;
  color: #191919;
  text-align: left !important;
}
.ai-chains-check {
  color: #4ade80;
  font-weight: 700;
}
.ai-chains-note {
  text-align: center;
  margin-top: 20px;
  font-size: 13px;
  color: #888;
  font-family: "Montserrat";
}
.ai-chains-note a {
  color: #5e75e8;
  text-decoration: underline;
}

.ai-skills-index {
  padding-bottom: 80px;
}
.ai-skills-index-header {
  text-align: center;
  padding: 60px 0 50px;
}
.ai-skills-index-title {
  font-weight: 900;
  font-size: 40px;
  line-height: 50px;
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 16px;
}
.ai-skills-index-desc {
  font-size: 17px;
  line-height: 28px;
  color: #666;
  font-family: "Montserrat";
  max-width: 600px;
  margin: 0 auto;
}
.ai-skills-index-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  max-width: 800px;
  margin: 0 auto;
}
.ai-skills-index-card {
  background: #f8f9fc;
  border: 1px solid #e8eaf0;
  border-radius: 16px;
  padding: 36px;
  transition: border-color 0.2s;
}
.ai-skills-index-card:hover {
  border-color: #5e75e8;
}
.ai-skills-index-card-title {
  font-size: 22px;
  font-weight: 700;
  font-family: "Montserrat";
  color: #191919;
  margin-bottom: 12px;
}
.ai-skills-index-card-desc {
  font-size: 15px;
  line-height: 24px;
  color: #555;
  font-family: "Montserrat";
  margin-bottom: 16px;
}
.ai-skills-index-card-desc p {
  color: inherit;
}
.ai-skills-index-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.ai-skills-index-card-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  font-family: "Montserrat";
  color: #5e75e8;
  background: rgba(94, 117, 232, 0.08);
  padding: 4px 12px;
  border-radius: 6px;
}
.ai-skills-index-card-chains {
  font-size: 13px;
  line-height: 22px;
  color: #888;
  font-family: "Montserrat";
  margin-bottom: 20px;
}
.ai-skills-index-card-chains-label {
  font-weight: 600;
  color: #666;
  margin-right: 4px;
}
.ai-skills-index-card-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
.ai-skills-index-card-btn {
  display: inline-flex;
  align-items: center;
  padding: 0 28px;
  height: 42px;
  border-radius: 100px;
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
  color: white;
  transition: opacity 0.15s;
}
.ai-skills-index-card-btn:hover {
  opacity: 0.85;
}
.ai-skills-index-card-link {
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  color: #5e75e8;
  text-decoration: none;
}
.ai-skills-index-card-link:hover {
  opacity: 0.8;
}

@keyframes pulse-dot {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@media only screen and (max-width: 900px) {
  .ai-header-bg {
    padding: 60px 0;
  }
  .ai-header-body h1 {
    font-size: 36px;
    line-height: 44px;
  }
  .ai-header-actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .ai-quickstart-grid {
    grid-template-columns: 1fr;
  }
  .ai-features-grid {
    grid-template-columns: 1fr 1fr;
  }
  .ai-how-steps {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .ai-how-step {
    max-width: 100%;
  }
  .ai-how-step-arrow {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .ai-header-body h1 {
    font-size: 28px;
    line-height: 36px;
  }
  .ai-features-grid {
    grid-template-columns: 1fr;
  }
  .ai-section-title {
    font-size: 22px;
  }
  .ai-quickstart-card {
    padding: 24px 18px;
  }
  .ai-quickstart-code {
    padding: 14px 14px;
  }
  .ai-quickstart-code code {
    font-size: 13px;
    line-height: 20px;
  }
}
.agentic .agentic-gradient {
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.agentic-section-title {
  font-size: 24px;
  font-weight: 700;
  font-family: "Montserrat";
  background: linear-gradient(269.95deg, #7988E8 36.77%, #DB89DF 64.32%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 0.01em;
  margin-bottom: 20px;
}
.agentic-btn {
  display: inline-flex;
  align-items: center;
  padding: 0 26px;
  height: 42px;
  border-radius: 100px;
  font-size: 13px;
  font-family: "Montserrat";
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
  cursor: pointer;
}
.agentic-btn-outline {
  background: transparent;
  color: #5e75e8;
  border: 1.5px solid #5e75e8;
}
.agentic-btn-outline:hover {
  background: #5e75e8;
  color: white;
}
.agentic-header {
  padding: 24px 0 60px;
}
.agentic-header-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.agentic-header-content {
  max-width: 540px;
}
.agentic-header-label {
  font-size: 16px;
  font-weight: 700;
  font-family: "Montserrat";
  color: #191919;
  margin-bottom: 6px;
}
.agentic-header-label p {
  margin: 0;
}
.agentic-header-title {
  font-weight: 900;
  font-size: 46px;
  line-height: 54px;
  background: linear-gradient(268.02deg, #7988e8 36.77%, #db89df 64.32%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.agentic-header-body p {
  font-size: 13.5px;
  line-height: 23px;
  color: #444;
  font-family: "Montserrat";
  margin-bottom: 12px;
}
.agentic-header-body p:last-child {
  margin-bottom: 0;
}
.agentic-header-buttons {
  display: flex;
  gap: 10px;
  margin-top: 24px;
}
.agentic-header-visual {
  flex-shrink: 0;
}
.agentic-header-hero-img {
  width: 480px;
  height: auto;
}
.agentic-breaks {
  padding: 120px 0 120px;
  background: white;
}
.agentic-breaks-subtitle {
  font-size: 15px;
  line-height: 23px;
  color: #444;
  font-family: "Montserrat";
  margin-bottom: 32px;
  max-width: 600px;
}
.agentic-breaks-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.agentic-breaks-card {
  background: white;
  border: 1.5px solid rgba(94, 117, 232, 0.2);
  border-radius: 16px;
  padding: 32px 22px 28px;
  text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.agentic-breaks-card:hover {
  border-color: rgba(94, 117, 232, 0.4);
  box-shadow: 0 4px 16px rgba(94, 117, 232, 0.06);
}
.agentic-breaks-card-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 16px;
}
.agentic-breaks-card-title {
  font-size: 18px;
  font-weight: 600;
  font-family: "Montserrat";
  color: #da88de;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}
.agentic-breaks-card-desc {
  font-size: 14px;
  line-height: 24px;
  color: #454545;
  font-family: "Montserrat";
}
.agentic-tool {
  padding: 120px 0 120px;
}
.agentic-tool-subtitle {
  font-size: 13.5px;
  line-height: 23px;
  color: #444;
  font-family: "Montserrat";
  margin-bottom: 32px;
  max-width: 460px;
}
.agentic-tool-flex {
  display: flex;
  gap: 50px;
  align-items: flex-start;
}
.agentic-tool-list {
  flex: 1;
  max-width: 600px;
}
.agentic-tool-item {
  margin-bottom: 20px;
}
.agentic-tool-item:last-child {
  margin-bottom: 0;
}
.agentic-tool-item-name {
  font-size: 12px;
  font-weight: 700;
  font-family: "Montserrat";
  color: #5e75e8;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 3px;
}
.agentic-tool-item-desc {
  font-size: 13px;
  line-height: 21px;
  color: #555;
  font-family: "Montserrat";
}
.agentic-tool-code-wrap {
  flex: 1;
  max-width: 600px;
  margin-left: auto;
}
.agentic-tool-code {
  background: #f5f6fa;
  border: 1px solid #ecedf2;
  border-radius: 12px;
  padding: 28px 24px;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agentic-tool-code code {
  font-size: 20px;
  line-height: 32px;
  font-family: "Montserrat";
  white-space: pre-wrap;
  color: #888;
}
.agentic-tool-code code .c-obj {
  color: #888;
}
.agentic-tool-code code .c-fn {
  color: #5e75e8;
}
.agentic-tool-code code .c-str {
  color: #e06c9a;
}
.agentic-tool-code code .c-num {
  color: #191919;
}
.agentic-tool-code-caption {
  font-size: 16px;
  color: #59595A;
  font-family: "Montserrat";
  margin-top: 14px;
}
.agentic-chains {
  padding: 0 0 60px;
  overflow: hidden;
}
.agentic-chains-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #ddd, transparent);
  margin-bottom: 50px;
}
.agentic-chains-carousel {
  width: 100%;
  overflow: hidden;
  margin-top: 60px;
}
.agentic-chains-track {
  display: flex;
  gap: 64px;
  align-items: center;
  width: max-content;
  animation: chains-scroll 20s linear infinite;
}
.agentic-chains-item {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.agentic-chains-item-logo {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
}
.agentic-chains-item-name {
  font-size: 24px;
  font-weight: 500;
  font-family: "Montserrat";
  color: #191919;
  white-space: nowrap;
}

@keyframes chains-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.agentic-oracle {
  padding: 120px 0 120px;
  background: white;
}
.agentic-oracle-label {
  font-size: 24px;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 30px;
  background: linear-gradient(269.95deg, #7988E8 36.77%, #DB89DF 64.32%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.agentic-oracle-flex {
  display: flex;
  gap: 50px;
  align-items: flex-start;
}
.agentic-oracle-left {
  max-width: 600px;
  flex: 1;
}
.agentic-oracle-statement {
  font-size: 48px;
  line-height: 60px;
  font-weight: 400;
  font-family: "Montserrat";
  color: #5e75e8;
}
.agentic-oracle-right {
  flex: 1;
  padding-top: 4px;
}
.agentic-oracle-right p {
  font-size: 15px;
  line-height: 23px;
  color: #444;
  font-family: "Montserrat";
  margin-bottom: 14px;
}
.agentic-oracle-right ol {
  padding-left: 18px;
  list-style-type: decimal;
}
.agentic-oracle-right ol li {
  font-size: 15px;
  line-height: 21px;
  color: #444;
  font-family: "Montserrat";
  margin-bottom: 10px;
}
.agentic-oracle-right ol li:last-child {
  margin-bottom: 0;
}
.agentic-arch {
  padding: 20px 0 60px;
  background: white;
}
.agentic-arch-img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.agentic-powered {
  padding: 70px 0 80px;
  background: white;
}
.agentic-powered-title {
  font-size: 24px;
  font-weight: 700;
  font-family: "Montserrat";
  margin-bottom: 14px;
  background: linear-gradient(269.95deg, #7988E8 36.77%, #DB89DF 64.32%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.agentic-powered-body p {
  font-size: 13px;
  line-height: 23px;
  color: #444;
  font-family: "Montserrat";
  margin-bottom: 4px;
}
.agentic-cta {
  background: #5e75e8;
  padding: 120px 0 120px;
}
.agentic-cta-title {
  font-size: 24px;
  font-weight: 600;
  font-family: "Montserrat";
  color: white;
  margin-bottom: 32px;
}
.agentic-cta-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 70px;
}
.agentic-cta-card {
  background: white;
  border-radius: 16px;
  padding: 36px 22px 28px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
}
.agentic-cta-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}
.agentic-cta-card-btn {
  display: inline-block;
  border: 1.5px solid #5e75e8;
  color: #5e75e8;
  border-radius: 100px;
  height: 42px;
  padding: 8px 24px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-family: "Montserrat";
  margin-bottom: 14px;
}
.agentic-cta-card-desc {
  font-size: 12.5px;
  line-height: 21px;
  color: #666;
  font-family: "Montserrat";
}
.agentic-cta-disclaimer {
  font-size: 11px;
  line-height: 17px;
  color: white;
  font-family: "Montserrat";
}

@media only screen and (max-width: 1100px) {
  .agentic-header-title {
    font-size: 38px;
    line-height: 46px;
  }
  .agentic-header-hero-img {
    width: 340px;
  }
  .agentic-tool-flex {
    gap: 32px;
  }
  .agentic-oracle-statement {
    font-size: 36px;
    line-height: 48px;
  }
  .agentic-oracle-flex {
    gap: 32px;
  }
}
@media only screen and (max-width: 900px) {
  .agentic-header {
    padding: 16px 0 40px;
  }
  .agentic-header-flex {
    flex-direction: column;
    gap: 24px;
  }
  .agentic-header-visual {
    order: -1;
    text-align: center;
    width: 100%;
  }
  .agentic-header-hero-img {
    width: 240px;
  }
  .agentic-header-title {
    font-size: 32px;
    line-height: 40px;
  }
  .agentic-header-buttons {
    flex-wrap: wrap;
  }
  .agentic-breaks {
    padding: 50px 0 60px;
  }
  .agentic-breaks-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .agentic-breaks-card {
    padding: 28px 20px 24px;
  }
  .agentic-tool {
    padding: 50px 0 60px;
  }
  .agentic-tool-flex {
    flex-direction: column;
    gap: 28px;
  }
  .agentic-tool-code-wrap {
    max-width: 100%;
    margin-left: 0;
  }
  .agentic-tool-code {
    height: auto;
    padding: 24px 20px;
  }
  .agentic-chains {
    padding: 0 0 40px;
  }
  .agentic-chains-divider {
    margin-bottom: 32px;
  }
  .agentic-chains-carousel {
    margin-top: 32px;
  }
  .agentic-oracle {
    padding: 50px 0 60px;
  }
  .agentic-oracle-flex {
    flex-direction: column;
    gap: 28px;
  }
  .agentic-oracle-statement {
    font-size: 24px;
    line-height: 34px;
  }
  .agentic-arch {
    padding: 12px 0 40px;
  }
  .agentic-arch-img {
    border-radius: 8px;
  }
  .agentic-powered {
    padding: 40px 0 50px;
  }
  .agentic-cta {
    padding: 50px 0 40px;
  }
  .agentic-cta-title {
    font-size: 20px;
  }
  .agentic-cta-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 40px;
  }
  .agentic-cta-card {
    min-height: auto;
    padding: 28px 20px 24px;
  }
  .agentic-section-title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .agentic-header-title {
    font-size: 26px;
    line-height: 34px;
  }
  .agentic-header-hero-img {
    width: 200px;
  }
  .agentic-header-body p {
    font-size: 13px;
    line-height: 21px;
  }
  .agentic-header-buttons {
    gap: 8px;
  }
  .agentic-btn {
    padding: 0 20px;
    font-size: 12px;
    height: 38px;
  }
  .agentic-oracle-statement {
    font-size: 20px;
    line-height: 30px;
  }
  .agentic-tool-code code {
    font-size: 15px;
    line-height: 26px;
  }
  .agentic-chains-item-logo {
    width: 32px;
    height: 32px;
  }
  .agentic-chains-item-name {
    font-size: 18px;
  }
  .agentic-chains-track {
    gap: 36px;
  }
  .agentic-section-title {
    font-size: 18px;
  }
  .agentic-cta-card-btn {
    font-size: 12px;
    padding: 6px 20px;
    height: 38px;
  }
}
@media only screen and (max-width: 600px) {
  .ai-skills-index-title {
    font-size: 28px;
    line-height: 36px;
  }
  .ai-skills-index-desc {
    font-size: 15px;
  }
  .ai-skills-index-card {
    padding: 24px 18px;
  }
  .ai-skills-index-card-actions {
    flex-wrap: wrap;
    gap: 10px;
  }
  .ai-skills-index-card-btn {
    padding: 0 20px;
    height: 38px;
    font-size: 13px;
  }
}
body:has(.challenge) {
  background: #070707 !important;
}

.challenge {
  --page-bg: #070707;
  --card: #121214;
  --card-2: #17171B;
  --rule: rgba(255,255,255,0.08);
  --rule-strong: rgba(255,255,255,0.16);
  --fg: #FCFDFF;
  --fg-2: rgba(252,253,255,0.72);
  --fg-3: rgba(252,253,255,0.48);
  --pink: #DC8AE0;
  --periwinkle: #7A89E9;
  --cyan: #2CEDFC;
  --lilac: #A17AE9;
  --indigo: #3346F2;
  --coral: #FFADAE;
  --grad-supernova: radial-gradient(circle at 30% 30%, #5E70E0 0%, #DC8AE0 23%, #7A89E9 54%, #4F61FF 100%);
  --grad-spectrum: linear-gradient(100deg, #2CEDFC 0%, #DC8AE0 25%, #FFADAE 50%, #7A89E9 78%, #3346F2 100%);
  --shadow-glow-indigo: 0 0 0 1px rgba(51,70,242,0.16), 0 10px 40px -10px rgba(51,70,242,0.45);
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --radius-lockup: 42px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-orbit: 40s;
  --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Raleway", "Helvetica Neue", Arial, sans-serif;
  --font-ui: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, monospace;
}
.challenge.page {
  padding-top: 0;
}
.challenge {
  color: var(--fg);
  background: radial-gradient(ellipse 70% 50% at 85% 6%, rgba(220, 138, 224, 0.14) 0%, transparent 60%), radial-gradient(ellipse 55% 42% at 0% 30%, rgba(44, 237, 252, 0.1) 0%, transparent 65%), radial-gradient(ellipse 60% 40% at 100% 55%, rgba(51, 70, 242, 0.16) 0%, transparent 65%), radial-gradient(ellipse 70% 40% at 10% 72%, rgba(122, 137, 233, 0.14) 0%, transparent 65%), linear-gradient(180deg, #0A0A12 0%, #08080E 30%, #0B0913 55%, #07070D 80%, #060609 100%);
  background-attachment: fixed;
  position: relative;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.challenge * {
  box-sizing: border-box;
}
.challenge img {
  display: block;
  max-width: 100%;
}
.challenge a {
  color: inherit;
  text-decoration: none;
}
.challenge::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.035;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='1'/></svg>");
  mix-blend-mode: overlay;
}
.challenge::after {
  content: "";
  position: fixed;
  inset: -20% -10%;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse 45% 35% at 30% 40%, rgba(44, 237, 252, 0.08), transparent 60%), radial-gradient(ellipse 40% 30% at 70% 60%, rgba(220, 138, 224, 0.08), transparent 60%);
  filter: blur(60px);
  animation: challenge-aurora 38s ease-in-out infinite alternate;
}
.challenge .challenge-nav,
.challenge .challenge-hero,
.challenge .challenge-sec,
.challenge .challenge-footer {
  position: relative;
  z-index: 1;
}
.challenge-shell {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 48px;
}
@media (max-width: 760px) {
  .challenge-shell {
    padding: 0 22px;
  }
}
.challenge .main-grid, .challenge .small-grid, .challenge .single-blog-header, .challenge .contact, .challenge .news-grid, .challenge .orbs-vm .common-grid-section-grid, .orbs-vm .challenge .common-grid-section-grid {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 48px;
}
@media (max-width: 760px) {
  .challenge .main-grid, .challenge .small-grid, .challenge .single-blog-header, .challenge .contact, .challenge .news-grid, .challenge .orbs-vm .common-grid-section-grid, .orbs-vm .challenge .common-grid-section-grid {
    padding: 0 22px;
  }
}
.challenge-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 18px 26px 18px 28px;
  cursor: pointer;
  border: 0;
  transition: transform 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out);
}
.challenge-btn-primary {
  background: var(--indigo);
  color: var(--fg);
  border-radius: var(--radius-lockup) 8px 8px var(--radius-lockup);
  box-shadow: var(--shadow-glow-indigo);
}
.challenge-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(51, 70, 242, 0.25), 0 18px 50px -10px rgba(51, 70, 242, 0.6);
}
.challenge-btn-ghost {
  background: transparent;
  color: var(--fg);
  border: 1px solid var(--rule-strong);
  border-radius: 8px var(--radius-lockup) var(--radius-lockup) 8px;
}
.challenge-btn-ghost:hover {
  border-color: var(--fg);
}
.challenge-btn-arrow {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--cyan);
  color: #0D123D;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
}
.challenge-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: rgba(7, 7, 7, 0.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--rule);
}
.challenge-nav-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 18px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 760px) {
  .challenge-nav-inner {
    padding: 18px 22px;
  }
}
.challenge-nav-left {
  display: flex;
  align-items: center;
  gap: 28px;
}
.challenge-nav-left img {
  height: 22px;
  display: block;
}
.challenge-nav-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  border: 1px solid var(--rule-strong);
  border-radius: 999px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--fg-2);
}
@media (max-width: 760px) {
  .challenge-nav-pill {
    display: none;
  }
}
.challenge-nav-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 12px var(--cyan);
}
.challenge-lang {
  display: inline-flex;
  padding: 4px;
  border: 1px solid var(--rule-strong);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
}
.challenge-lang a {
  cursor: pointer;
  padding: 6px 14px;
  border-radius: 999px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-3) !important;
  text-decoration: none;
  transition: color 0.2s, background 0.2s;
}
.challenge-lang a:hover {
  color: var(--fg) !important;
}
.challenge-lang a.active {
  background: var(--fg);
  color: #0D123D !important;
}
.challenge-hero {
  position: relative;
  overflow: hidden;
  padding: 180px 0 140px;
  isolation: isolate;
}
.challenge-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: radial-gradient(ellipse 90% 80% at 50% 40%, black 30%, transparent 85%);
  -webkit-mask-image: radial-gradient(ellipse 90% 80% at 50% 40%, black 30%, transparent 85%);
}
.challenge-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  background: radial-gradient(ellipse 60% 60% at 78% 28%, rgba(220, 138, 224, 0.22) 0%, transparent 60%), radial-gradient(ellipse 55% 55% at 12% 80%, rgba(44, 237, 252, 0.15) 0%, transparent 60%), radial-gradient(ellipse 80% 70% at 50% 50%, rgba(51, 70, 242, 0.2) 0%, transparent 70%);
}
.challenge-hero-orb {
  position: absolute;
  right: -160px;
  top: 60px;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  background: var(--grad-supernova);
  opacity: 0.42;
  filter: blur(2px);
  z-index: -1;
  animation: challenge-spin var(--dur-orbit) linear infinite;
}
.challenge-hero-orb::after {
  content: "";
  position: absolute;
  inset: 10%;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.3), transparent 55%);
}
@media (max-width: 900px) {
  .challenge-hero-orb {
    width: 360px;
    height: 360px;
    right: -180px;
    top: 160px;
    opacity: 0.28;
  }
}
.challenge-hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--fg-2);
  margin-bottom: 32px;
}
.challenge-hero-eyebrow::before {
  content: "";
  width: 32px;
  height: 1px;
  background: currentColor;
  opacity: 0.7;
}
.challenge-hero-sep {
  opacity: 0.4;
}
.challenge-hero-title {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(54px, 9.5vw, 132px);
  line-height: 0.92;
  letter-spacing: -0.035em;
  margin: 0 0 28px;
  text-transform: uppercase;
  max-width: 14ch;
}
.challenge-hero-grad {
  background: var(--grad-spectrum);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  padding-bottom: 6px;
}
.challenge-hero-sub {
  max-width: 640px;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.4;
  color: var(--fg-2);
  margin: 0 0 40px;
}
.challenge-hero-sub em {
  font-style: normal;
  color: var(--cyan);
  font-weight: 700;
}
.challenge-hero-cta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
}
.challenge-hero-meta {
  display: flex;
  gap: 56px;
  margin-top: 80px;
  flex-wrap: wrap;
  padding-top: 28px;
  border-top: 1px solid var(--rule);
}
.challenge-hero-cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.challenge-hero-k {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.challenge-hero-v {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
.challenge-sec {
  padding: 110px 0;
  position: relative;
  scroll-margin-top: 80px;
  isolation: isolate;
}
.challenge-sec + .challenge-sec {
  border-top: 1px solid var(--rule);
}
.challenge-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.9;
}
.challenge-sec#how::before {
  background: radial-gradient(ellipse 50% 40% at 15% 30%, rgba(44, 237, 252, 0.07), transparent 65%), radial-gradient(ellipse 45% 40% at 90% 75%, rgba(220, 138, 224, 0.08), transparent 65%);
}
.challenge-sec#prizes::before {
  background: radial-gradient(ellipse 55% 45% at 80% 25%, rgba(220, 138, 224, 0.1), transparent 65%), radial-gradient(ellipse 50% 40% at 5% 80%, rgba(51, 70, 242, 0.12), transparent 65%);
}
.challenge-sec#what::before {
  background: radial-gradient(ellipse 50% 45% at 95% 50%, rgba(122, 137, 233, 0.1), transparent 65%), radial-gradient(ellipse 40% 35% at 10% 20%, rgba(44, 237, 252, 0.06), transparent 65%);
}
.challenge-sec#rules::before {
  background: radial-gradient(ellipse 60% 45% at 50% 10%, rgba(51, 70, 242, 0.09), transparent 65%), radial-gradient(ellipse 40% 30% at 90% 90%, rgba(220, 138, 224, 0.07), transparent 65%);
}
.challenge-sec-head {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 56px;
  max-width: 880px;
}
.challenge-sec-head h2 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(36px, 4.6vw, 56px);
  line-height: 1.02;
  letter-spacing: -0.01em;
  margin: 0;
}
.challenge-sec-eyebrow {
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--fg-3);
  display: flex;
  align-items: center;
  gap: 12px;
}
.challenge-sec-idx {
  font-family: var(--font-mono);
  color: var(--cyan);
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}
.challenge-phases {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 900px) {
  .challenge-phases {
    grid-template-columns: 1fr;
  }
}
.challenge-phase {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--card);
  border: 1px solid var(--rule);
  border-radius: var(--radius-xl);
  padding: 40px 40px 36px;
}
.challenge-phase::before {
  content: "";
  position: absolute;
  right: -50px;
  top: -50px;
  width: 280px;
  height: 280px;
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1.2px, transparent 1.4px);
  background-size: 14px 14px;
  mask-image: radial-gradient(circle at 70% 30%, black 0%, transparent 70%);
  -webkit-mask-image: radial-gradient(circle at 70% 30%, black 0%, transparent 70%);
  z-index: -1;
  transition: transform 2s var(--ease-out);
}
.challenge-phase:hover::before {
  transform: rotate(8deg) scale(1.1);
}
.challenge-phase-stamp {
  position: absolute;
  top: 32px;
  right: 36px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 26px;
  color: #0D123D;
  font-variant-numeric: tabular-nums;
}
.challenge-phase-1 .challenge-phase-stamp {
  background: var(--cyan);
  box-shadow: 0 0 0 1px rgba(44, 237, 252, 0.3), 0 0 40px -6px rgba(44, 237, 252, 0.5);
}
.challenge-phase-2 .challenge-phase-stamp {
  background: var(--pink);
  box-shadow: 0 0 0 1px rgba(220, 138, 224, 0.3), 0 0 40px -6px rgba(220, 138, 224, 0.5);
}
.challenge-phase-kicker {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.challenge-phase h3 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 32px;
  line-height: 1.05;
  letter-spacing: -0.01em;
  margin: 14px 0 10px;
  max-width: 360px;
}
.challenge-phase-window {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-2);
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--rule-strong);
  margin-bottom: 22px;
}
.challenge-phase p {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0 0 28px;
  max-width: 440px;
}
.challenge-phase p b {
  color: var(--fg);
  font-weight: 700;
}
.challenge-phase-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--rule);
  padding-top: 20px;
}
.challenge-phase-f {
  padding-right: 16px;
}
.challenge-phase-f + .challenge-phase-f {
  padding-left: 16px;
  border-left: 1px solid var(--rule);
}
.challenge-phase-fk {
  font-family: var(--font-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 6px;
}
.challenge-phase-fv {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
.challenge-prizes-wrap {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 20px;
}
@media (max-width: 1120px) {
  .challenge-prizes-wrap {
    grid-template-columns: 1fr;
  }
}
.challenge-prize-col {
  background: var(--card);
  border: 1px solid var(--rule);
  border-radius: var(--radius-xl);
  padding: 36px;
  display: flex;
  flex-direction: column;
}
.challenge-prize-col h3 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 26px;
  letter-spacing: -0.01em;
  margin: 0 0 8px;
}
.challenge-prize-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.challenge-prize-tag {
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: 0.22em;
  color: #0D123D;
  background: var(--cyan);
}
.challenge-prize-p2 .challenge-prize-tag {
  background: var(--pink);
}
.challenge-prize-note {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--fg-2);
  margin: 0 0 28px;
  line-height: 1.5;
}
.challenge-raffle-hero {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: radial-gradient(circle at 50% 35%, rgba(44, 237, 252, 0.22), transparent 60%), linear-gradient(180deg, rgba(44, 237, 252, 0.05) 0%, transparent 100%);
  border: 1px solid rgba(44, 237, 252, 0.22);
  border-radius: var(--radius-lg);
  padding: 36px 32px 28px;
  position: relative;
  overflow: hidden;
  min-height: 260px;
}
.challenge-raffle-hero::after {
  content: "";
  position: absolute;
  right: -60px;
  top: -60px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(44, 237, 252, 0.4), transparent 60%);
  filter: blur(8px);
}
.challenge-raffle-qty {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 96px;
  line-height: 0.9;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  color: var(--fg);
}
.challenge-raffle-mult {
  color: var(--cyan);
  margin-right: 4px;
}
.challenge-raffle-unit {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -0.01em;
  margin-top: 10px;
}
.challenge-raffle-unit em {
  font-style: normal;
  color: var(--cyan);
  font-weight: 700;
}
.challenge-raffle-lbl {
  margin-top: 14px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fg-2);
}
.challenge-podium {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 14px;
  margin-bottom: 14px;
  align-items: stretch;
}
@media (max-width: 820px) {
  .challenge-podium {
    grid-template-columns: 1fr 1fr;
  }
  .challenge-podium .challenge-slot-1 {
    grid-column: 1/-1;
  }
}
@media (max-width: 520px) {
  .challenge-podium {
    grid-template-columns: 1fr;
  }
  .challenge-podium .challenge-slot-1 {
    grid-column: auto;
  }
}
.challenge-slot {
  background: var(--card-2);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  padding: 24px;
  position: relative;
  overflow: hidden;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.challenge-slot-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.challenge-slot-body {
  margin-top: auto;
}
.challenge-slot-rank {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--fg-3);
}
.challenge-slot-medal {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 14px;
  color: #0D123D;
  line-height: 1;
}
.challenge-slot-prize {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.challenge-slot-hw {
  display: block;
}
.challenge-slot-cash {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cyan);
}
.challenge-slot-sub {
  font-family: var(--font-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-top: 8px;
}
.challenge-slot-1 {
  background: radial-gradient(circle at 90% 0%, rgba(220, 138, 224, 0.25), transparent 55%), var(--card-2);
  border-color: rgba(220, 138, 224, 0.22);
}
.challenge-slot-1 .challenge-slot-medal {
  background: linear-gradient(135deg, #FFADAE, #DC8AE0);
  color: #58375A;
}
.challenge-slot-1 .challenge-slot-prize {
  font-size: 28px;
  white-space: normal;
}
.challenge-slot-2 .challenge-slot-medal {
  background: linear-gradient(135deg, #7A89E9, #A17AE9);
}
.challenge-slot-3 .challenge-slot-medal {
  background: #7F8080;
  color: #0A0A0A;
}
.challenge-lucky {
  background: var(--card-2);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  padding: 22px 24px;
  display: flex;
  align-items: center;
  gap: 22px;
  position: relative;
  overflow: hidden;
}
.challenge-lucky::before {
  content: "";
  position: absolute;
  right: -80px;
  top: 50%;
  transform: translateY(-50%);
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(44, 237, 252, 0.16), transparent 60%);
}
.challenge-lucky-badge {
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: var(--indigo);
  color: var(--fg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
}
.challenge-lucky-txt {
  position: relative;
  z-index: 1;
}
.challenge-lucky-amt {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 26px;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
.challenge-lucky-lbl {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-top: 4px;
}
.challenge-what {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 64px;
  align-items: center;
}
@media (max-width: 900px) {
  .challenge-what {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.challenge-what h2 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(34px, 4.2vw, 52px);
  line-height: 1.02;
  letter-spacing: -0.01em;
  margin: 16px 0 0;
}
.challenge-what p {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.55;
  color: var(--fg-2);
  max-width: 580px;
  margin: 0;
}
.challenge-what p b {
  color: var(--fg);
  font-weight: 700;
}
.challenge-capabilities {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 32px;
}
.challenge-capabilities span {
  padding: 10px 16px;
  border: 1px solid var(--rule-strong);
  border-radius: 999px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg-2);
}
.challenge-capabilities span:nth-child(1) {
  border-color: rgba(44, 237, 252, 0.45);
  color: var(--cyan);
}
.challenge-capabilities span:nth-child(2) {
  border-color: rgba(220, 138, 224, 0.45);
  color: var(--pink);
}
.challenge-capabilities span:nth-child(3) {
  border-color: rgba(161, 122, 233, 0.45);
  color: #B99DEE;
}
.challenge-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--rule);
  border-radius: var(--radius-xl);
  background: var(--card);
  overflow: hidden;
  margin-top: 36px;
}
@media (max-width: 640px) {
  .challenge-stat-grid {
    grid-template-columns: 1fr;
  }
}
.challenge-stat {
  padding: 36px 28px;
  border-right: 1px solid var(--rule);
}
.challenge-stat:last-child {
  border-right: 0;
}
@media (max-width: 640px) {
  .challenge-stat {
    border-right: 0;
    border-bottom: 1px solid var(--rule);
  }
  .challenge-stat:last-child {
    border-bottom: 0;
  }
}
.challenge-stat-n {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 54px;
  letter-spacing: -0.02em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.challenge-stat-u {
  font-size: 28px;
  color: var(--fg-2);
  margin-left: 4px;
}
.challenge-stat-l {
  margin-top: 14px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fg-3);
  line-height: 1.4;
}
.challenge-rules-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--rule);
}
.challenge-rules-list li {
  display: grid;
  grid-template-columns: 100px 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 26px 8px;
  border-bottom: 1px solid var(--rule);
  transition: background 0.2s;
}
.challenge-rules-list li:hover {
  background: rgba(255, 255, 255, 0.02);
}
@media (max-width: 760px) {
  .challenge-rules-list li {
    grid-template-columns: 60px 1fr;
  }
  .challenge-rules-list .challenge-rules-tag {
    display: none;
  }
  .challenge-rules-list .challenge-rules-txt {
    font-size: 16px;
  }
}
.challenge-rules-num {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  color: var(--cyan);
}
.challenge-rules-txt {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.45;
  color: var(--fg);
}
.challenge-rules-tag {
  font-family: var(--font-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fg-3);
  white-space: nowrap;
}
.challenge-band {
  margin-top: 56px;
  border-radius: var(--radius-xl);
  padding: 56px;
  background: radial-gradient(circle at 90% 20%, rgba(220, 138, 224, 0.32), transparent 60%), radial-gradient(circle at 0% 100%, rgba(44, 237, 252, 0.22), transparent 55%), linear-gradient(135deg, #0D123D 0%, #1A2379 60%, #201932 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.challenge-band-diag {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 42%, rgba(44, 237, 252, 0.3) 48%, rgba(122, 137, 233, 0.2) 55%, transparent 62%);
  mix-blend-mode: screen;
}
.challenge-band h3 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(28px, 3.6vw, 44px);
  line-height: 1.02;
  letter-spacing: -0.01em;
  margin: 0;
  max-width: 640px;
  position: relative;
}
.challenge-legal {
  margin-top: 28px;
  padding: 24px 28px;
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.015);
}
.challenge-legal-inner {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 28px;
  align-items: start;
}
@media (max-width: 700px) {
  .challenge-legal-inner {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.challenge-legal-k {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fg-3);
  padding-top: 2px;
}
.challenge-legal p {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
}
.challenge-legal a {
  color: var(--cyan);
  border-bottom: 1px solid rgba(44, 237, 252, 0.35);
}
.challenge-footer {
  padding: 80px 0 40px;
  border-top: 1px solid var(--rule);
  margin-top: 40px;
}
.challenge-footer a {
  color: inherit;
  text-decoration: none;
}
.challenge-foot-top {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--rule);
}
@media (max-width: 760px) {
  .challenge-foot-top {
    flex-direction: column;
    gap: 32px;
  }
}
.challenge-foot-top img {
  height: 22px;
  margin-bottom: 18px;
  display: block;
}
.challenge-foot-top p {
  font-family: var(--font-body);
  color: var(--fg-2);
  font-size: 15px;
  line-height: 1.5;
  max-width: 420px;
  margin: 0;
}
.challenge-socials-label {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 14px;
}
.challenge-socials {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 760px) {
  .challenge-socials {
    justify-content: flex-start;
  }
}
.challenge-social {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 12px 18px;
  border: 1px solid var(--rule-strong);
  border-radius: 999px;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--fg);
  transition: border-color 0.2s, background 0.2s;
}
.challenge-social:hover {
  border-color: var(--fg);
  background: rgba(255, 255, 255, 0.04);
}
.challenge-social-ic {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
}
.challenge-social-ic-x {
  background: var(--fg);
  color: #0A0A0A;
}
.challenge-social-ic-ja {
  background: var(--coral);
  color: #58375A;
}
.challenge-social-ic-kr {
  background: var(--lilac);
  color: #201932;
}
.challenge-foot-bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 28px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--fg-3);
  flex-wrap: wrap;
  gap: 12px;
}
.challenge-foot-legal {
  display: flex;
  gap: 22px;
}
@media (max-width: 760px) {
  .challenge-hero {
    padding: 100px 0 60px;
  }
  .challenge-hero-eyebrow {
    font-size: 9px;
    gap: 10px;
    margin-bottom: 20px;
  }
  .challenge-hero-title {
    font-size: clamp(38px, 12vw, 54px);
    margin-bottom: 20px;
  }
  .challenge-hero-sub {
    font-size: 16px;
    margin-bottom: 28px;
  }
  .challenge-hero-cta {
    flex-direction: row;
  }
  .challenge-hero-meta {
    gap: 24px;
    margin-top: 48px;
  }
  .challenge-hero-v {
    font-size: 18px;
  }
  .challenge-sec {
    padding: 60px 0;
  }
  .challenge-sec-head {
    margin-bottom: 36px;
  }
  .challenge-sec-head h2 {
    font-size: clamp(28px, 7vw, 36px);
  }
  .challenge-phase {
    padding: 28px 24px 24px;
  }
  .challenge-phase-stamp {
    width: 48px;
    height: 48px;
    font-size: 20px;
    top: 24px;
    right: 24px;
  }
  .challenge-phase h3 {
    font-size: 24px;
    max-width: 240px;
  }
  .challenge-phase p {
    font-size: 14px;
  }
  .challenge-prize-col {
    padding: 24px;
  }
  .challenge-raffle-qty {
    font-size: 64px;
  }
  .challenge-raffle-unit {
    font-size: 18px;
  }
  .challenge-slot {
    min-height: 180px;
    padding: 20px;
  }
  .challenge-slot-prize {
    font-size: 24px;
  }
  .challenge-slot-1 .challenge-slot-prize {
    font-size: 22px;
  }
  .challenge-lucky {
    padding: 18px 20px;
    gap: 16px;
  }
  .challenge-lucky-badge {
    width: 44px;
    height: 44px;
  }
  .challenge-lucky-amt {
    font-size: 20px;
  }
  .challenge-what h2 {
    font-size: clamp(28px, 7vw, 36px);
  }
  .challenge-what p {
    font-size: 16px;
  }
  .challenge-stat-n {
    font-size: 40px;
  }
  .challenge-stat-u {
    font-size: 22px;
  }
  .challenge-stat {
    padding: 24px 20px;
  }
  .challenge-band {
    padding: 32px 24px;
    flex-direction: column;
    align-items: flex-start;
  }
  .challenge-band h3 {
    font-size: clamp(22px, 6vw, 28px);
  }
  .challenge-legal {
    padding: 18px 20px;
  }
  .challenge-footer {
    padding: 48px 0 28px;
  }
  .challenge-foot-bot {
    flex-direction: column;
    align-items: flex-start;
  }
  .challenge-btn {
    font-size: 11px;
    padding: 14px 20px 14px 22px;
  }
  .challenge-lang a {
    padding: 5px 10px;
    font-size: 10px;
  }
}

@keyframes challenge-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes challenge-aurora {
  0% {
    transform: translate3d(-2%, 0, 0) rotate(0deg);
  }
  50% {
    transform: translate3d(3%, -2%, 0) rotate(2deg);
  }
  100% {
    transform: translate3d(-1%, 2%, 0) rotate(-2deg);
  }
}
body:has(.institutional) {
  background: #F6F9FB !important;
}

.institutional.page {
  padding-top: 0;
}
@media (max-width: 760px) {
  .institutional.page {
    padding-top: 0;
  }
}
.institutional {
  --page-bg: #F6F9FB;
  --ink: #0A0A12;
  --ink-2: rgba(10, 10, 18, 0.72);
  --ink-3: rgba(10, 10, 18, 0.50);
  --line: rgba(10, 10, 18, 0.14);
  --cyan-1: #74E6F2;
  --cyan-2: #A8F0F6;
  --aqua-1: #7CEBDC;
  --lilac-1: #C3AEF8;
  --lilac-2: #B49BF5;
  --pink-1: #E4B5E8;
  --fg: #FCFDFF;
  --grad-headline: linear-gradient(96deg, #9D7EF4 0%, #B49BF5 40%, #C7B0F2 100%);
  --grad-orbs: linear-gradient(360deg, #3346F2 0%, #DC8AE0 46.21%, #2CEDFC 98.31%);
  --radius-pill: 999px;
  --radius-square: 0;
  --radius-lg: 20px;
  --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Raleway", "Helvetica Neue", Arial, sans-serif;
  --font-ui: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  color: var(--ink);
  background: var(--page-bg);
  -webkit-font-smoothing: antialiased;
  position: relative;
  overflow-x: hidden;
}
.institutional * {
  box-sizing: border-box;
}
.institutional img {
  display: block;
  max-width: 100%;
}
.institutional a {
  color: inherit;
  text-decoration: none;
}
.institutional span, .institutional li, .institutional strong, .institutional em {
  color: inherit;
}
.institutional picture {
  display: contents;
}
.institutional .main-grid, .institutional .small-grid, .institutional .single-blog-header, .institutional .contact, .institutional .news-grid, .institutional .orbs-vm .common-grid-section-grid, .orbs-vm .institutional .common-grid-section-grid {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 48px;
}
@media (max-width: 760px) {
  .institutional .main-grid, .institutional .small-grid, .institutional .single-blog-header, .institutional .contact, .institutional .news-grid, .institutional .orbs-vm .common-grid-section-grid, .orbs-vm .institutional .common-grid-section-grid {
    padding: 0 22px;
  }
}
.institutional-nav {
  position: relative;
  z-index: 10;
  background: var(--page-bg);
  padding: 24px 48px;
}
.institutional-nav-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  width: 100%;
}
.institutional-nav-logo {
  display: inline-flex;
  align-items: center;
}
.institutional-nav-logo img {
  height: 40px;
  width: auto;
  display: block;
}
.institutional-nav-right {
  display: flex;
  align-items: center;
  gap: 24px;
}
.institutional-nav-lang {
  position: relative;
}
.institutional-nav-lang-current {
  cursor: pointer;
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink);
  padding: 8px 4px;
}
.institutional-nav-lang-current::-webkit-details-marker {
  display: none;
}
.institutional-nav-lang-current::marker {
  content: "";
}
.institutional-nav-lang-caret {
  font-size: 10px;
  transition: transform 0.15s ease;
}
.institutional-nav-lang[open] .institutional-nav-lang-caret {
  transform: rotate(180deg);
}
.institutional-nav-lang-options {
  position: absolute;
  top: 100%;
  right: 0;
  list-style: none;
  padding: 6px 0;
  margin: 6px 0 0;
  background: #FFFFFF;
  border: 1px solid rgba(10, 10, 18, 0.12);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  min-width: 80px;
  z-index: 11;
}
.institutional-nav-lang-options li a {
  display: block;
  padding: 8px 16px;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink);
}
.institutional-nav-lang-options li a:hover {
  background: rgba(10, 10, 18, 0.04);
}
@media (max-width: 760px) {
  .institutional-nav {
    padding: 16px 22px;
  }
  .institutional-nav-logo img {
    height: 30px;
  }
  .institutional-nav-right {
    gap: 14px;
  }
}
.institutional-hero {
  position: relative;
  overflow: hidden;
  padding: 96px 0 140px;
  isolation: isolate;
  background: radial-gradient(ellipse 55% 28% at 95% 4%, rgba(180, 155, 245, 0.3) 0%, transparent 70%), linear-gradient(180deg, #F8FBFC 0%, #F4F8FA 100%);
}
.institutional-hero-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}
.institutional-hero .main-grid, .institutional-hero .small-grid, .institutional-hero .single-blog-header, .institutional-hero .contact, .institutional-hero .news-grid, .institutional-hero .orbs-vm .common-grid-section-grid, .orbs-vm .institutional-hero .common-grid-section-grid {
  position: relative;
  z-index: 1;
}
.institutional-hero-content {
  max-width: 720px;
  padding-top: 24px;
}
.institutional-hero-eyebrow {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  color: var(--ink-3);
  text-transform: uppercase;
  margin: 0 0 40px;
}
.institutional-hero-title {
  font-family: var(--font-display);
  font-size: 64px;
  line-height: 1.08;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin: 0 0 32px;
  color: var(--ink);
}
.institutional-hero-grad {
  background-image: var(--grad-orbs);
  background-size: 100% 400%;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.institutional-hero-sub {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-2);
  margin: 0 0 44px;
  max-width: 460px;
}
.institutional-hero-cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.institutional-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 14px 24px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  border: 1px solid transparent;
}
.institutional-btn > * {
  color: inherit;
}
.institutional-btn-arrow {
  display: inline-block;
  transition: transform 0.2s ease;
}
.institutional-btn:hover .institutional-btn-arrow {
  transform: translateX(3px);
}
.institutional-btn-outline {
  color: var(--ink);
  border-color: rgba(10, 10, 18, 0.4);
  background: transparent;
}
.institutional-btn-outline:hover {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}
.institutional-btn-square {
  border-radius: var(--radius-square);
}
.institutional-btn-sm {
  font-size: 10px;
  letter-spacing: 0.18em;
  padding: 11px 18px;
  gap: 10px;
}
.institutional-sec {
  position: relative;
  padding: 300px 0;
  overflow: hidden;
  background: var(--page-bg);
}
.institutional-sec-dark {
  background: var(--ink);
  color: var(--fg);
}
.institutional-sec-dark .institutional-eyebrow {
  color: rgba(252, 253, 255, 0.55);
}
.institutional-sec-dark .institutional-h2 {
  color: var(--fg);
}
.institutional-sec-dark .institutional-body {
  color: rgba(252, 253, 255, 0.72);
}
.institutional-eyebrow {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  color: var(--ink-3);
  text-transform: uppercase;
  margin: 0 0 32px;
}
.institutional-eyebrow-light {
  color: rgba(252, 253, 255, 0.55);
}
.institutional-h2 {
  font-family: var(--font-display);
  font-size: 52px;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin: 0 0 28px;
  color: var(--ink);
}
.institutional-body {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-2);
  margin: 0;
  max-width: 460px;
}
.institutional-body-light {
  color: rgba(252, 253, 255, 0.72);
}
.institutional-grad-cyan {
  background: linear-gradient(96deg, #6FE3F2 0%, #74E6F2 50%, #B8F0F7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.institutional-grad-lilac {
  background: var(--grad-headline);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.institutional-grad-orbs-light, .institutional-grad-orbs-dark {
  background-image: var(--grad-orbs);
  background-size: 100% 400%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.institutional-grad-orbs-light {
  background-position: 0% 50%;
}
.institutional-grad-orbs-dark {
  background-position: 0% 100%;
}
.institutional-pow-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}
.institutional-pow-art {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.institutional-pow-art-img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 860px) {
  .institutional-pow-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .institutional-pow-art-img {
    max-width: 480px;
    margin: 0 auto;
  }
}
.institutional-stats {
  padding: 80px 0 120px;
  background: #F4F7F9;
}
.institutional-stats-grid-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(10, 10, 18, 0.18) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: 0.45;
}
.institutional-stats-row {
  display: flex;
  justify-content: center;
  gap: 96px;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.institutional-stats-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.institutional-stats-shape {
  position: relative;
  width: 132px;
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.institutional-stats-cell {
  will-change: transform, opacity;
  transform-origin: center center;
}
.institutional-stats-badge {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
}
.institutional-stats-value {
  position: relative;
  z-index: 1;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.institutional-stats-label {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-2);
}
@media (max-width: 760px) {
  .institutional-stats-row {
    gap: 40px;
  }
  .institutional-stats-shape {
    width: 108px;
    height: 108px;
  }
  .institutional-stats-value {
    font-size: 18px;
  }
}
.institutional-track {
  background: #F6F9FB;
  position: relative;
}
.institutional-track-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}
.institutional-track .main-grid, .institutional-track .small-grid, .institutional-track .single-blog-header, .institutional-track .contact, .institutional-track .news-grid, .institutional-track .orbs-vm .common-grid-section-grid, .orbs-vm .institutional-track .common-grid-section-grid {
  position: relative;
  z-index: 1;
}
.institutional-track-text {
  max-width: 720px;
}
@media (max-width: 760px) {
  .institutional-track-bg {
    opacity: 0.2;
  }
}
.institutional-venues {
  padding: 120px 0;
  color: var(--fg);
  background: linear-gradient(90deg, #2CEDFC 0%, #A17AE9 80.29%);
}
.institutional-venues-title {
  font-family: var(--font-display);
  font-size: 48px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #FCFDFF;
  text-align: center;
  margin: 0 0 48px;
}
@media (max-width: 960px) {
  .institutional-venues-title {
    font-size: 38px;
  }
}
@media (max-width: 760px) {
  .institutional-venues-title {
    font-size: 28px;
    margin-bottom: 32px;
  }
}
.institutional-venues-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 72px;
  flex-wrap: nowrap;
}
.institutional-venues-logo {
  height: 28px;
  width: auto;
  opacity: 0.95;
  flex-shrink: 0;
}
.institutional-venues-logo-text {
  font-family: var(--font-ui);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #FCFDFF;
  opacity: 0.95;
  height: auto;
}
@media (max-width: 960px) {
  .institutional-venues-row {
    gap: 40px;
    flex-wrap: wrap;
  }
}
@media (max-width: 760px) {
  .institutional-venues-row {
    gap: 24px;
  }
  .institutional-venues-logo {
    height: 22px;
  }
  .institutional-venues-logo-text {
    font-size: 14px;
  }
}
.institutional-products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.institutional-products-intro {
  padding-top: 8px;
}
.institutional-products-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.institutional-products-card {
  background: #121214;
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 22px 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 240px;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.institutional-products-card:hover {
  background: #17171B;
  border-color: rgba(255, 255, 255, 0.14);
}
.institutional-products-cat {
  font-family: var(--font-ui);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(252, 253, 255, 0.45);
}
.institutional-products-logo {
  display: block;
  width: auto;
  max-width: 100%;
  align-self: flex-start;
}
.institutional-products-logo[data-product=dTWAP], .institutional-products-logo[data-product=dLIMIT] {
  height: 20px;
}
.institutional-products-logo[data-product="Liquidity Hub"], .institutional-products-logo[data-product=dSLTP] {
  height: 33px;
}
.institutional-products-name-fallback {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 500;
  color: #FCFDFF;
  letter-spacing: 0.01em;
}
.institutional-products-desc {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
  color: rgba(252, 253, 255, 0.62);
  margin: 0;
  flex-grow: 1;
}
.institutional-products-cta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-ui);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(252, 253, 255, 0.72);
  margin-top: 4px;
}
@media (max-width: 960px) {
  .institutional-products-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}
@media (max-width: 600px) {
  .institutional-products-cards {
    grid-template-columns: 1fr;
  }
}
.institutional-selfcustody {
  background: #F8FAFB;
  position: relative;
}
.institutional-selfcustody-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}
.institutional-selfcustody .main-grid, .institutional-selfcustody .small-grid, .institutional-selfcustody .single-blog-header, .institutional-selfcustody .contact, .institutional-selfcustody .news-grid, .institutional-selfcustody .orbs-vm .common-grid-section-grid, .orbs-vm .institutional-selfcustody .common-grid-section-grid {
  position: relative;
  z-index: 1;
}
.institutional-selfcustody-text {
  max-width: 480px;
}
@media (max-width: 760px) {
  .institutional-selfcustody-bg {
    opacity: 0.2;
  }
}
.institutional-infra {
  padding: 120px 0;
  color: var(--fg);
  background: linear-gradient(90deg, #3346F2 0%, #DC8AE0 100%);
}
.institutional-infra-title {
  font-family: var(--font-display);
  font-size: 48px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #FCFDFF;
  text-align: center;
  margin: 0 0 48px;
}
@media (max-width: 960px) {
  .institutional-infra-title {
    font-size: 38px;
  }
}
@media (max-width: 760px) {
  .institutional-infra-title {
    font-size: 28px;
    margin-bottom: 32px;
  }
}
.institutional-infra-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 72px;
  flex-wrap: nowrap;
  margin-bottom: 18px;
}
.institutional-infra-logo {
  height: 32px;
  width: auto;
  max-width: 140px;
  opacity: 0.95;
  object-fit: contain;
  flex-shrink: 0;
}
.institutional-infra-logo-text {
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #FCFDFF;
  opacity: 0.95;
  height: auto;
}
.institutional-infra-sub {
  font-family: var(--font-body);
  font-size: 12px;
  color: rgba(252, 253, 255, 0.78);
  text-align: center;
  margin: 0;
}
@media (max-width: 960px) {
  .institutional-infra-row {
    gap: 40px;
    flex-wrap: wrap;
  }
}
@media (max-width: 760px) {
  .institutional-infra-row {
    gap: 24px;
  }
  .institutional-infra-logo {
    height: 24px;
  }
  .institutional-infra-logo-text {
    font-size: 13px;
  }
}
.institutional-policy {
  padding: 120px 0;
}
.institutional-policy-stack {
  text-align: center;
  margin: 0 auto;
}
.institutional-policy-line {
  font-family: var(--font-display);
  font-size: 70px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #FCFDFF;
  margin: 0;
}
@media (max-width: 960px) {
  .institutional-policy-line {
    font-size: 56px;
  }
}
@media (max-width: 760px) {
  .institutional-policy-line {
    font-size: 38px;
  }
}
.institutional-policy-punch {
  background-image: var(--grad-orbs);
  background-size: 100% 400%;
  background-position: 0% 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.institutional-paths {
  background: #ECEFF1;
  padding: 100px 0;
}
.institutional-paths-title {
  font-family: var(--font-display);
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0 0 64px;
}
.institutional-paths-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 760px;
  margin: 0 auto;
  padding-top: 32px;
}
.institutional-paths-card {
  border: 1px solid rgba(10, 10, 18, 0.3);
  padding: 32px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  background: transparent;
}
.institutional-paths-card-title {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.institutional-paths-card-body {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink-2);
  margin: 0;
}
@media (max-width: 760px) {
  .institutional-paths-grid {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .institutional-paths-title {
    font-size: 28px;
    margin-bottom: 32px;
  }
}
.institutional-features {
  background: #F4F7F9;
  padding: 100px 0;
}
.institutional-features .institutional-h2 {
  font-size: 48px;
}
@media (max-width: 960px) {
  .institutional-features .institutional-h2 {
    font-size: 38px;
  }
}
@media (max-width: 760px) {
  .institutional-features .institutional-h2 {
    font-size: 28px;
  }
}
.institutional-features-header {
  margin-bottom: 56px;
  max-width: 460px;
}
.institutional-features-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 0;
  border-top: 1px solid rgba(10, 10, 18, 0.12);
}
.institutional-features-list {
  padding: 0;
  margin: 0;
  border-right: 1px solid rgba(10, 10, 18, 0.12);
  display: flex;
  flex-direction: column;
}
.institutional-features-item {
  display: block;
  width: 100%;
  text-align: left;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.005em;
  color: var(--ink);
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(10, 10, 18, 0.1);
  padding: 18px 24px 18px 0;
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease;
}
.institutional-features-item:hover {
  color: #5E70E0;
}
.institutional-features-item:focus-visible {
  outline: 2px solid #5E70E0;
  outline-offset: -4px;
}
.institutional-features-item-active {
  color: #5E70E0;
  font-weight: 500;
}
.institutional-features-panel {
  position: relative;
  padding: 56px 56px 32px;
  background: radial-gradient(ellipse 80% 50% at 50% 100%, rgba(94, 112, 224, 0.65) 0%, transparent 75%), linear-gradient(135deg, #FFFFFF 0%, #DCE0FF 35%, #8C9BF0 70%, #5E70E0 100%);
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.institutional-features-panel-text {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.32;
  font-weight: 400;
  letter-spacing: -0.005em;
  color: var(--ink);
  margin: 0;
  max-width: 460px;
  transition: opacity 0.15s ease;
}
.institutional-features-panel-mark {
  height: 28px;
  width: auto;
  max-width: 140px;
  display: block;
  align-self: flex-start;
}
.institutional-features-ctas {
  display: flex;
  gap: 12px;
  margin-top: 32px;
  flex-wrap: wrap;
}
@media (max-width: 860px) {
  .institutional-features-grid {
    grid-template-columns: 1fr;
  }
  .institutional-features-list {
    border-right: none;
    border-bottom: 1px solid rgba(10, 10, 18, 0.12);
  }
  .institutional-features-panel-text {
    font-size: 22px;
  }
  .institutional-features-panel {
    padding: 40px 32px 24px;
    min-height: 280px;
  }
}
.institutional-whofor {
  padding: 100px 0;
}
.institutional-whofor-title {
  font-family: var(--font-display);
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #FCFDFF;
  margin: 0 0 64px;
}
.institutional-whofor-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 760px;
  margin: 0 auto;
  padding-top: 32px;
}
.institutional-whofor-card {
  background: #17171B;
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 32px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
.institutional-whofor-card-title {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.25;
  color: #FCFDFF;
}
.institutional-whofor-card-list {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.55;
  color: #74E6F2;
  margin: 0;
}
@media (max-width: 760px) {
  .institutional-whofor-grid {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .institutional-whofor-title {
    font-size: 28px;
    margin-bottom: 32px;
  }
}
.institutional-talk {
  padding: 80px 0;
  background: url("/https/www.orbs.com/assets/img/institutional/mesh.svg") center/cover no-repeat, linear-gradient(90deg, #DC8AE0 0%, #FFFFFF 100%);
}
.institutional-talk-inner {
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.institutional-talk-title {
  font-family: var(--font-display);
  font-size: 50px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0 0 16px;
}
@media (max-width: 960px) {
  .institutional-talk-title {
    font-size: 40px;
  }
}
@media (max-width: 760px) {
  .institutional-talk-title {
    font-size: 30px;
  }
}
.institutional-talk-body {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--ink-2);
  margin: 0 0 28px;
}
.institutional-talk-ctas {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.institutional-footer {
  background: #07070D;
  color: #FCFDFF;
  padding: 80px 48px;
}
.institutional-footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 48px;
  flex-wrap: wrap;
  width: 100%;
}
.institutional-footer-brand {
  max-width: 480px;
}
.institutional-footer-logo {
  height: 56px;
  width: auto;
  display: block;
  margin-bottom: 24px;
}
.institutional-footer-copy {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.6;
  color: rgba(252, 253, 255, 0.78);
  margin: 0;
}
.institutional-footer-socials {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 18px;
}
.institutional-footer-socials li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}
.institutional-footer-socials li a:hover {
  opacity: 1;
}
.institutional-footer-socials li a img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
@media (max-width: 760px) {
  .institutional-footer {
    padding: 56px 22px;
  }
  .institutional-footer-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  .institutional-footer-logo {
    height: 42px;
  }
}
@media (max-width: 960px) {
  .institutional-hero-title {
    font-size: 52px;
  }
  .institutional-h2 {
    font-size: 38px;
  }
}
@media (max-width: 760px) {
  .institutional-sec {
    padding: 80px 0;
  }
  .institutional-hero {
    padding: 64px 0 96px;
  }
  .institutional-hero-eyebrow {
    margin-bottom: 28px;
  }
  .institutional-hero-title {
    font-size: 38px;
    margin-bottom: 24px;
  }
  .institutional-hero-sub {
    font-size: 14px;
    margin-bottom: 32px;
  }
  .institutional-hero-bands {
    opacity: 0.85;
  }
  .institutional-h2 {
    font-size: 30px;
  }
}

/*# sourceMappingURL=index.css.map */