.elementor-kit-11{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-801efc0:#151515;--e-global-color-a146ff4:#324054;--e-global-color-07d9744:#F5F5F7;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.faq-breadcrumb a {
	color: #151515;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
}

.faq-breadcrumb span {
	color: #808080;
}

.terms-page-content h2 {
	font-size: 22px;
}

.terms-page-content h2 span {
	font-weight: 600 !important;
}

.blog-listing-wrap {
	display: flex;
	flex-direction: column;
	gap: 24px;
	font-family: "Inter", Sans-serif !important;
}

.blog-card {
	width: 100%;
	display: flex;
	align-items: stretch;
	gap: 32px;
	border-radius: 16px;
	background: #FFF;
	padding: 16px;
	transition: transform .3s;
}

.blog-card:hover {
	transform: translateY(-3px);
}

.blog-content {
	width: calc(100% - 332px);
	display: flex;
	flex-direction: column;
}

.blog-content span {
	color: #808080;
	font-size: 14px;
	font-weight: 300;
	display: block;
}

.blog-content .time {
	margin-bottom: 13px;
}

.blog-content h4 {
	color: #151515;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	margin: 0 0 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.blog-content h4 a {
	color: #151515;
	text-decoration: none;
}

.blog-content h4 a:hover {
	color: #0066cc;
}

.blog-content p {
	color: #324054;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.blog-person-detail {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
}

.blog-person {
	display: flex;
	align-items: center;
	gap: 8px;
}

.blog-person div {
	display: flex;
	align-items: center;
	gap: 8px;
}

.blog-person span {
	color: #757575;
	font-size: 13px;
	font-weight: 300;
}

.img-box {
	width: 300px;
	min-height: 218px;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
}

.blog-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.blog-pagination {
	display: flex;
	justify-content: center;
	margin: 80px 0 0;
}

.blog-pagination ul {
	display: flex;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.blog-pagination a,
.blog-pagination span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	color: #888;
	background: transparent;
	text-decoration: none !important;
}

.blog-pagination a:hover {
	background: #fff;
	color: #002F86;
}

.blog-pagination .current {
	background: #ECF2FF;
	color: #002F86;
}

.blog-load-more-wrap {
	text-align: center;
	margin: 80px 16px 0px;
}

.load-more-btn {
	background: #151515;
	color: #fff;
	border: none;
	padding: 12px 20px;
	border-radius: 6px;
	cursor: pointer;
	transition: .25s;
	font-family: "Inter", Sans-serif !important;
}

.load-more-btn:hover {
	background: #005c87;
}

.load-more-btn.is-disabled {
	opacity: .6;
	cursor: not-allowed;
}

@media (max-width:680px) {
	.blog-card {
		flex-wrap: wrap;
		flex-direction: column;
		gap: 8px;
	}

	.img-box {
		order: 1;
		width: 100%;
		min-height: auto;
	}

	.blog-content {
		width: 100%;
		order: 2;
	}

	.blog-content h4 {
		font-size: 18px;
		line-height: 28px;
		margin: 0px 0 8px;
	}

	.blog-content p {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 12px;
		font-weight: 300;
		line-height: 16px;
	}

	.blog-content .time {
		margin-bottom: 24px;
	}

	.blog-person-detail {
		margin-top: 8px;
	}
}

.trending-articles-wrap {
	display: flex;
	flex-direction: column;
	gap: 24px;
	font-family: "Inter", Sans-serif !important;
}

.trending-articles {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.trending-articles .author-box {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 300;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #292929;
}

.trending-articles .author-box img {
	width: 24px;
	height: 24px;
	border-radius: 50px;
}

.trending-articles .title-text {
	color: #151515;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 0;
}

.trending-articles .title-text a {
	color: #151515;
	text-decoration: none;
}

.trending-articles .title-text a:hover {
	color: #0066cc;
}

.trending-articles .date {
	color: #757575;
	font-size: 14px;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 0;
}

.faq-card-list {
      display: flex;
      flex-direction: column;
      gap: 16px;
      font-family: "Inter", Sans-serif !important;
    }

    .faq-card {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 24px;
      border-radius: 6px;
      background: #FFF;
      box-shadow: 0 2px 4px 0 rgba(7, 4, 146, 0.10), 0 24px 60px 0 rgba(6, 47, 125, 0.05), 0 12px 24px 0 rgba(27, 59, 119, 0.05);
    }

    .faq-card .faq-header {
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap;
      gap: 24px;
    }
    
    .faq-card .close-icon.active {
        transform: rotate(45deg);
    }
    
    .faq-card .close-icon {
        transition: all 0.3s ease;
    }

    .faq-card .faq-header .question-title {
      color: #151515;
      font-size: 22px;
      font-weight: 600;
      line-height: 136%;
      margin-bottom: 0px;
    }

    .faq-card .answer-box {
      color: #657790;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 156%;
      letter-spacing: -0.374px;
    }
    
    /* .gradient-btn.elementor-widget-button .elementor-button {
  position: relative;
  display: inline-block;
  padding: 18px 30px;
  border-radius: 40px;
  color: #fff;
  background: linear-gradient(180deg, #09c2e2 -48.11%, #073361 85.23%),
    linear-gradient(180deg, #09c2e2 -48.11%, #073361 85.23%);
  background-blend-mode: overlay, normal;
  overflow: hidden;
  z-index: 1;
}

.gradient-btn.elementor-widget-button .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: conic-gradient(
    from var(--broker),
    transparent 80%,
    #fff 88%,
    #fff 92%,
    transparent 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: spin 3s linear infinite;
  z-index: -1;
}

.gradient-btn.elementor-widget-button .elementor-button:hover::before {
  animation-play-state: paused;
} */

.gradient-btn.elementor-widget-button .elementor-button {
  position: relative;
  display: inline-block;
  padding: 18px 30px;
  border-radius: 40px;
  color: #fff;
  background-size: 300% 100%;
  background-image: linear-gradient(to right, #09c2e2, #073361, #09c2e2, #073361);
  /*box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);*/
  overflow: hidden;
  z-index: 1;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.gradient-btn.elementor-widget-button .elementor-button:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

@property --broker {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}

@keyframes spin {
  to {
    --broker: 1turn;
  }
}

/* common black btn css */
.common-black-btn .elementor-button {
  position: relative;
  display: inline-block;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 40px;
  background: linear-gradient(
    103deg,
    rgba(0, 0, 0, 0.1) 39.88%,
    rgba(255, 255, 255, 0.1) 122.97%
  );
  overflow: hidden;
  z-index: 1;
}

.common-black-btn .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0; /* cover border area */
  padding: 1px; /* equal to border thickness */
  border-radius: inherit;
  background: linear-gradient(
    346deg,
    #ffffff 0%,
    #ffffff3a 20%,
    #000 70%,
    #00000011 40%,
    #ffffff 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.trading-platform-center .e-con,
.platform-center .e-con{
    margin-left: auto;
}

.platform-center .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    background: #606060;
    width: 7px;
    height: 7px;
    opacity: 1;
    margin: auto 7px;
}

.platform-center .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 14px;
    height: 14px;
    background: #2B7FFF;
}

.platform-center .swiper-pagination-horizontal.swiper-pagination-bullets{
    display: flex;
    align-content: center;
}


.join-us-black-btn{
  position: relative;
  display: inline-block;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 14px;
  background: linear-gradient(
    103deg,
    rgba(0, 0, 0, 0.1) 39.88%,
    rgba(255, 255, 255, 0.1) 122.97%
  );
  overflow: hidden;
  z-index: 1;
}

.join-us-black-btn::before {
  content: "";
  position: absolute;
  inset: 0; /* cover border area */
  padding: 1px; /* equal to border thickness */
  border-radius: inherit;
  background: linear-gradient(
    346deg,
    #ffffff 0%,
    #ffffff3a 20%,
    #000 70%,
    #00000011 40%,
    #ffffff 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}/* End custom CSS */