@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #0E1821;
  --bs-body-bg-rgb: 14, 24, 33;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
  --bs-font-sans-serif: "Montserrat",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-body-font-family: "Montserrat",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e);

}
:root { --brand-gold: #f2c76e; }

.btn{ border-radius: 60px; }
.text-brand { color: var(--brand-gold) !important; }
.btn-brand { background-color: var(--brand-gold); color: #121416; border: 0; }
.btn-brand:hover { background: #000; color:  var(--brand-gold); }
.placeholder-box {
  min-height: 220px; border: 1px dashed rgba(255,255,255,.2);
  border-radius: .75rem; display: flex; align-items: center; justify-content: center;
}
.btn-outline-light{ border-color: var(--brand-gold); color: var(--brand-gold);}
.btn-outline-light:hover{ background: var(--brand-gold); color: #000;}
.bg-body-secondary {background: #0E1821 !important;}



.bg-body-tertiary {
    --bs-bg-opacity: 0;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.navbar-brand img{
	height: 50px;
}

.main_header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	padding: 10px 0;
	transition: all ease 0.5s;
}

.main_header.scrolled{
	background: #0E1821;
}

.home_hero{
	position: relative;
	overflow: hidden;
	background: #0E1821;
}

.home_hero__content{
	z-index: 1;
	position: relative;
	height: 80vh;
}

.home_hero__vbg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0.2;

  filter: grayscale(0.75);
}

.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: auto;
  overflow: hidden;
  border-radius: 8px;
}

.hero_intro_vid {
  width: 100%;
  height: auto;
  display: block;
  background: #000;
  cursor: pointer;
}

/* Hide default controls initially */
.hero_intro_vid::-webkit-media-controls {
  display: none !important;
  opacity: 0;
}

/* Custom play button styling */
.custom-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 10;
  transition: opacity 0.3s ease;
}

.custom-play-btn svg {
  width: 80px;
  height: 80px;
  opacity: 0.9;
}

.video-wrapper.playing .custom-play-btn {
  opacity: 0;
  pointer-events: none;
}

.trust-icon{
	max-width: 60px;
}

.trust-icon img{
	max-width: 100%;
}

.home_education{
	background: linear-gradient(to bottom,  #0e1821 20%,#0e1821 20%,rgba(230,188,95,0.58) 50%,#0e1821 83%,#0e1821 83%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.home_services{
	background: url('../img/services.png');
	background-size: 100% auto;
	background-attachment: fixed;
	background-position: center;
	position: relative;
}
.home_services .container{
	position: relative;
}
.home_services:before{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #141F2B;
	opacity: 0.9;
	z-index: 0;
}
.home_services img{
	max-width: 80px;
}
.testimonial_section{
  background: #0f1b27;
}
.testimonial_block{

}
.testimonial-slider_wrap{
  max-width: 900px;
    position: relative;
}
.testimonial-slider_wrap .icon{
  display: block;
  position: absolute;
  top: -30px;
  left: 40px;
  width: 50px;
  z-index: 1;
}
.testimonial-slider_wrap .icon img{
  width: 100%;
  transform: scaleX(-1) scaleY(-1);
}
.tns-nav{
  display: none;
}
.footer-logo{
  width: 80px;
}
.footer_social li a{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: 1px solid var(--brand-gold);
  text-decoration: none;
  transition: all ease 0.25s;
}
.footer_social li a:hover{
  background: #000;
}
.footer_social img{
  max-height: 20px;
  max-width: 20px;
}

.signals_hero{
  position: relative;
}

.signals_hero:after{
  background: url('../img/inner-bg.jpg');
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
}


.signals_hero__content{
  z-index: 1;
  position: relative;
  padding-top: 100px;
  padding-bottom: 50px;
}


.package_list {
  display: inline-block;
  margin: 0 auto;
}
.package_list .list-group-item{
  font-weight: bold;
  padding: 18px 30px;
  text-align: left;
  letter-spacing: 1px;
}
.package_list .list-group-item:hover{
  background: var(--brand-gold);
  color:#0E1821;
  font-weight: bold;
}

.package_title{
  text-transform: uppercase;
  letter-spacing: 1px;
}

.package_icon svg{
  margin-top: -3px;
  margin-right: 10px;
}

.package_list .list-group-item:hover .package_icon path{
  fill: #0E1821 !important;
}

.packge_wrap{
  background: rgba(255, 255, 255, 0.015);
  padding: 40px 20px;
  border-radius: 20px;
}

.price_section{
  background: #0f1b27;
}

.plan_steps{
  display: inline-block;
}

.plan_steps li.list-group-item{
  background-color: transparent;
  padding: 15px 20px;
}

.plan_steps li.list-group-item:hover{
  background-color: rgba(255,255,255,0.01) !important;
}

.price_item h5{
  background: rgba(255,255,255,0.05);
  font-size: 32px;
  text-align: center;
  padding: 15px 20px;
  letter-spacing: 2px;
  margin-bottom: 0;
  position: relative;
}

.price_item:hover {
    box-shadow: 1px -2px 6px rgba(255, 255, 255, 0.1);
}

.price_item_popular h5:before{
  position: absolute;
  content: 'most popular';
  display: block;
  top: -30px;
  height: 30px;
  background: var(--brand-gold);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 30px;
  left: 0;
  right: 0;
  color: #0f1b27;
}

.price_item_popular_consult h5:before{
  content: 'Advanced Trading';
}

.price_item h5 span{
  font-size: 12px;
}

.price_item p{
  border: 1px solid rgba(255,255,255,0.1);
  font-size: 18px;
  text-align: center;
  padding: 15px 20px;
  letter-spacing: 2px;
}

.price_item p{
  margin: 0;
}

.consultation_wrap{
  min-height: 50vh;
}

.consultation_img{
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.consultation_img:before{
  background: rgba(255, 255, 255, 0.05);
  content: '';
  display: block;
  position: absolute;
  bottom: -5%;
  height: 100%;
  width: 100%;
  left: -4%;
}

.about_img:before{
  background: rgba(255, 255, 255, 0.01);
}

.indicator_wrap{

}

.indicator_img{
  left: -5%;
  right: -5%;
  top: -8%;
  margin: 0 auto;
  width: 110%;
}

.indicator_img:before{
  background: rgba(255, 255, 255, 0.015);
  content: '';
  display: block;
  position: absolute;
  bottom: -5%;
  height: 100%;
  width: 100%;
  left: -4%;
}

.academy_steps li.list-group-item{
  background-color: transparent;
  padding-left: 0;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: var(--brand-gold);;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-body{
  background: rgba(255, 255, 255, 0.03);
  background: rgba(0, 0, 0, 0.3);
}

/* Accordion arrow: black when collapsed, white when expanded */
.accordion {
  /* collapsed (inactive) */
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

  /* expanded (active) */
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.social_wrap a:hover svg{
  fill:var(--brand-gold) !important;
}

.social_wrap .btn-brand:hover{
  background: var(--brand-gold) !important;
}


@media (max-width: 767px){
  .home_hero__content{
    text-align: center;
  }
  .btn-mobile-full {
    width: 100%;
  }
  .indicator_img{
    position: relative !important;
  }
.navbar-collapse{
  background: rgba(0, 0, 0, 0.8);
  padding: 20px;
  border-radius: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
}
}