:root {
   --emerald: #06654f;
   --gold-light: #e6c300;
   --gold: #917c07;
   --gold-11: #4e4307;
   --emerald-dark: #006a50;
   --gold-dark: #a38805;
   --light-bg: #f8f9fa;
   --dark-text: #212529;
   --light-text: #f8f9fa;
 }

 html,
 body {
   overflow-x: hidden;
   font-family: 'Poppins', sans-serif;
   background-color: var(--light-bg);
   color: var(--dark-text);
   scroll-behavior: smooth;
 }

 .container-fluid {
   width: 100%;
   margin: 0 auto;
 }


 /* Navbar Style */
 .btn-navbar {
  background: linear-gradient(to bottom left, var(--emerald-dark), var(--gold));
     color: white;
 }

 .btn-navbar:hover {
   /* background: linear-gradient(135deg, var(--emerald), var(--gold)); */
   color: white;
   /* border: 3px solid gold; */
 }

 .navbar {
   transition: background-color 0.9s ease;
   background-color: rgba(0, 0, 0, 0.01);
 }

 .navbar.scrolled {
   background-color: #000 !important;
 }

 /* Home Banner */
 .trading-view {
   background: var(--dark-text);
   color: white;
   border-radius: 10px;
   padding: 10px 20px;
   font-weight: bold;
   font-size: 16px;
   border: none;
   transition: background-color 0.3s ease, transform 0.3s ease;
 }

 .Home_First_Section {
   min-height: 100vh;
   /* background-image: url("homepage-1.png"); */
   background: linear-gradient(to bottom left,var(--emerald-dark), var(--gold));
   /* filter: brightness(90%) contrast(200%) saturate(200%) blur(30) hue-rotate(0deg); */
   background-size: cover;
   background-position: center;
   /* opacity: 1; */
   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
   padding: 100px 0;
 }

 .btn-gradient {
  /* background: linear-gradient(to bottom left, var(--emerald-dark), var(--gold));   color: white; */
  background-color: black;
  color: white;
   border: none;
   font-weight: 500;
   padding: 12px 30px;
   /* border-radius: 50px; */
   transition: all 0.2s ease;
   box-shadow: 0 4px 15px rgba(0, 128, 98, 0.3);

   &:hover {
     background-color: var(--emerald);
     color: white;
   }
 }


 .text_Homerow {
   position: relative;
   top: 20px;
 }

 /* Video Section */
 .video-section {
   position: relative;
   margin-top: -90px;
   z-index: 3;
 }

 .video-overlay-gradient::before {
   background: white;
   z-index: revert-layer;
 }

 .video-container {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   border-radius: 12px;

 }

 .video-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
 }

 .subtext {
   text-align: center;
   color: #444;
   font-size: 0.95rem;
   margin-top: 10px;
 }

 /* feature card section */

 .feature-card {
   background: white;
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease;
   height: 100%;
   border: 1px solid rgba(0, 0, 0, 0.05);
 }

 .feature-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 15px 30px rgba(0, 128, 98, 0.1);
   border-color: rgba(0, 128, 98, 0.2);
 }

 .feature-icon {
   width: 60px;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: linear-gradient(135deg, var(--emerald), var(--gold));
   color: white;
   border-radius: 12px;
   font-size: 24px;
   margin-bottom: 20px;
 }

 /* Brand Slider Section */
 .broker-partners-section {
    background: linear-gradient(135deg, var(--emerald-dark), var(--gold));
   padding: 40px 0;
   position: relative;
   overflow: hidden;
 }

 .broker-partners-header {
   position: relative;
   text-align: center;
   margin-bottom: 40px;
 }

 .broker-partners-title {
   display: inline-block;
   font-size: 28px;
   /* font-weight: 600; */
   color: white;
   /* background: linear-gradient(135deg, blue,blue 100%); */
   padding: 0 15px;
   position: relative;
   z-index: 2;
 }

 .broker-partners-header:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   height: 1px;
   background: linear-gradient(to right, transparent, #020b71, white, #020b71 transparent);
   z-index: 1;
 }

 .broker-partners-slider-container {
   margin: 0 auto;
   overflow: hidden;
   position: relative;
   max-width: 1200px;
 }

 .broker-partners-slider-track {
   display: flex;
   width: calc(150px * 14);
   animation: brokerPartnersScroll 15s linear infinite;
 }

 .broker-partners-logo {
   width: 150px;
   height: 150px;
   margin: 0 20px;
   object-fit: contain;
   filter: grayscale(100%) brightness(0.5);
   opacity: 0.8;
   transition: all 0.3s ease;
 }

 .broker-partners-logo:hover {
   filter: grayscale(100%) brightness(0.7);
   opacity: 1;
 }

 .broker-partners-counter {
   text-align: center;
   margin-top: 25px;
   font-size: 18px;
   color: white;
 }

 .broker-partners-count {
   font-weight: 700;
   color: white;
 }

 @keyframes brokerPartnersScroll {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(-50%);
   }
 }

 @media (max-width: 992px) {
   .broker-partners-title {
     font-size: 24px;
   }

   .broker-partners-logo {
     width: 130px;
     margin: 0 15px;
   }
 }

 @media (max-width: 768px) {
   .broker-partners-section {
     padding: 40px 0;
   }

   .broker-partners-title {
     font-size: 20px;
     padding: 0 15px;
   }

   .broker-partners-logo {
     width: 110px;
     margin: 0 10px;
   }

   .broker-partners-counter {
     font-size: 16px;
   }
 }

 @media (max-width: 576px) {
   .broker-partners-title {
     font-size: 18px;
   }

   .broker-partners-logo {
     width: 90px;
     margin: 0 8px;
     height: 50px;
   }
 }

 /* Testimonial Section */
 .testimonial-section {
   background: linear-gradient(135deg, var(--emerald-dark), var(--gold));
   border-radius: 20px;
   color: white;
   position: relative;
   overflow: hidden;
 }

 .testimonial-section::before {
   content: '';
   position: absolute;
   top: -50%;
   left: -50%;
   width: 200%;
   height: 200%;
   background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
   transform: rotate(30deg);
 }

 .testimonial-card {
   background: rgba(255, 255, 255, 0.2);
   backdrop-filter: blur(10px);
   border-radius: 16px;
   padding: 30px;
   border: 1px solid rgba(255, 255, 255, 0.2);
 }

 .testimonial-box {
   color: white;
   position: relative;
 }

 .img-wrapper {
   position: relative;
   max-width: 320px;
 }

 .img-top {
   width: 100%;
   z-index: 1;
   position: relative;
 }

 .img-bottom {
   position: absolute;
   bottom: -40px;
   left: -90px;
   width: 85%;
   z-index: 2;
 }

 .section-title {
   font-size: 2rem;
   font-weight: bold;
   text-align: center;
   margin-top: 2rem;
   color: #212121;
 }

 .sub-title {
   text-align: center;
   color: #777;
   margin-bottom: 1.5rem;
 }

 .features {
   text-align: center;
   margin-bottom: 2rem;
 }

 .features span {
   margin: 0 10px;
   color: #5e5e5e;
 }

 .card {
   border: none;
   border-radius: 1rem;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
   transition: transform 0.3s ease;
   height: 100%;
   display: flex;
   flex-direction: column;
 }

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

 .card img {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
   object-fit: cover;
   height: auto;
 }

 .card-body {
   padding: 1.2rem;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }

 .price del {
   margin-right: 5px;
   color: #888;
 }

 .price strong {
   color: blue;
 }

 .btn-custom {
   /* background: linear-gradient(135deg, var(--emerald), var(--gold)); */
   background-color: black;
   border: none;
   color: white;
   border-radius: 10px;
   padding: 8px 20px;
   margin-top: 1rem;
 }

 .btn-custom:hover {
   /* background: linear-gradient(135deg, var(--emerald), var(--gold)); */
    background-color: var(--emerald-dark);
   color: white;
   /* border: 3px solid gold; */
 }

 .list_card_section {
   background: rgb(230, 254, 230);
   border-radius: 12px;
   text-align: center;
   padding: 12px 8px;
   font-weight: 600;
   flex: 1;
 }

 .sub_list_text {
   color: blue;
   font-weight: 600;
 }

 /* Input  */
 .strategy-card {
   border: none;
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease;
   height: 100%;
 }

 .strategy-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 15px 30px rgba(0, 128, 98, 0.1);
 }

 .strategy-badge {
   background: linear-gradient(135deg, var(--emerald), var(--gold));
   color: white;
   position: absolute;
   top: 15px;
   right: 15px;
   padding: 5px 15px;
   border-radius: 50px;
   font-size: 12px;
   font-weight: 600;
 }

 .stat-pill {
   background: rgba(0, 128, 98, 0.1);
   color: var(--emerald);
   padding: 5px 15px;
   border-radius: 50px;
   font-weight: 600;
   font-size: 14px;
 }

 /* track record section */

 .report-container {
   border-radius: 25px;
   background: linear-gradient(135deg, var(--emerald), var(--gold));
   filter: brightness(100%) contrast(100%) saturate(100%) blur(0) hue-rotate(0deg);
   padding: 40px 20px;
 }

 .chart-box {
   background-color: #000;
   border-radius: 15px;
   padding: 20px;
   height: 60%;
 }

 .stats-box {
   background-color: #fff;
   color: #000;
   border-radius: 20px;
   padding: 30px;
   height: 60%;
   font-family: 'Inter', sans-serif;
 }

 .label-badge {
   background: #eaeaff;
   color: #4f46e5;
   font-size: 14px;
   padding: 6px 12px;
   border-radius: 20px;
   display: inline-flex;
   align-items: center;
   gap: 6px;
 }

 .label-badge i {
   color: #4f46e5;
 }

 .growth-value {
   color: #4f46e5;
   font-weight: 600;
   font-size: 14px;
 }

 .stats-list li {
   display: flex;
   justify-content: space-between;
   padding: 6px 0;
   font-size: 14px;
   border-bottom: 1px solid #f0f0f0;
 }

 .stats-list li:last-child {
   border-bottom: none;
 }

 .label {
   font-weight: 500;
 }

 .value {
   font-weight: 600;
 }

 p.text-muted {
   font-size: 12px;
   line-height: 1.5;
 }

 /* track record section */

 /* video second */
 .heading-highlight {
   color: #6C2BD9;
   font-weight: 500;
   font-size: 14px;
 }

 .section-heading {
   font-weight: 700;
   font-size: 2rem;
   line-height: 1.2;
   text-align: center;
 }
 
 .download-content
 {
     color:white;
 }
 
 .icon-gradient {
  font-size: 2.5rem; /* size of icon */
  background: linear-gradient(135deg, #006241, #b8860b); /* green → golden gradient */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

 /*  */

 .video-box {
   display: flex;
   justify-content: center;
   /* Center the video horizontally */
 }

 .video-box video {
   border-radius: 16px;
   width: 60%;
   /* 80% of col-sm-6 */
   height: 600px;
   /* Fixed height */
   object-fit: cover;
   /* Adjusts video nicely within dimensions */
 }

 /*  */
 .badge-box {
   background-color: #f1eaff;
   border-radius: 12px;
   padding: 1rem;
   margin-bottom: 1rem;
 }

 .badge-box i {
   color: #6C2BD9;
 }

 .badge-label {
   font-weight: 600;
   font-size: 14px;
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }

 .review-text {
   font-size: 15px;
   color: #444;
 }

 .user-info {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 1rem;
 }

 .user-info img {
   width: 40px;
   height: 40px;
   border-radius: 50%;
 }

 .user-name {
   font-weight: 600;
 }

 /* Slider Start */
 .testimonial-card {
   /* background-color: #f7f4fc; */
   border-radius: 16px;
   padding: 30px;
   margin: 10px;
   height: 100%;
   position: relative;
 }

 /*  */

 .stars {
   font-size: 18px;
   margin-bottom: 10px;
   color: gold;
 }
 
 .stars .half {
  position: relative;
  display: inline-block;
  color: lightgray; /* background star */
}
.stars .half::before {
  content: "★";
  position: absolute;
  left: 0;
  width: 50%;
  overflow: hidden;
  color: gold; /* half star filled */
}

 .testimonial {
   font-size: 16px;
   color: #333;
   line-height: 1.6;
 }

 .user {
   display: flex;
   align-items: center;
   margin-top: 20px;
 }

 .user img {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   object-fit: cover;
   margin-right: 12px;
 }

 .user-name {
   font-weight: bold;
   color: #111;
 }

 .carousel-inner {
   display: flex;
 }

 .carousel-item {
   transition: transform 0.5s ease;
   flex: 0 0 100%;
 }

 .carousel-item>.row {
   display: flex;
   flex-wrap: nowrap;
 }

 @media (max-width: 767.98px) {
   .carousel-item>.row {
     flex-wrap: wrap;
   }
 }

 .carousel-indicators [data-bs-target] {
   background-color: #000;
   color: black;
 }

 /* Youtube Section End */
 .Section-Forget-free-indicators {
   /* background-image: url("homepage-1.png"); */
   background: linear-gradient(150deg, #008062, #e6c300);
   filter: brightness(90%) contrast(200%) saturate(200%) blur(30) hue-rotate(0deg);
   background-size: cover;
   background-position: center;
   transition: background 0.3s, border-radius 0.3s, ;
   padding: 60px 0;
   color: white;
   /* filter: brightness(100%) contrast(100%) saturate(200%) hue-rotate(0deg); */
 }

 /*  */
 .Youtube-section {
   /* background-image: url("homepage-1.png"); */
   background: linear-gradient(150deg, #008062, #e6c300);
   filter: brightness(90%) contrast(200%) saturate(200%) blur(30) hue-rotate(0deg);
   background-size: cover;
   background-position: center;
   padding: 60px 0;
   color: white;
   position: relative;
   overflow: hidden;
   /* filter: brightness(100%) contrast(100%) saturate(200%) hue-rotate(0deg); */
 }

 .shape-divider-top,
 .shape-divider-bottom {
   position: absolute;
   width: 100%;
   line-height: 0;
 }

 .shape-divider-top {
   top: 0;
   transform: rotate(360deg);
 }


 .shape-divider-top svg,
 .shape-divider-bottom svg {
   display: block;
   width: 100%;
   height: 60px;
 }

 /* Question and Ans */

 .faq-container {
   background-color: white;
   border-radius: 15px;
   padding: 40px 20px;
   max-width: 800px;
   margin: auto;
 }

 .accordion-button {
   font-size: 1rem;
   color: #111 !important;
   background-color: transparent;
   transition: color 0.3s ease, background-color 0.3s ease;
   font-weight: 500;
 }

 .accordion-button:not(.collapsed) {
   color: #eabc49!important;
   font-weight: 600;
   background-color: #f0f0ff;
 }

 .accordion-collapse {
   transition: all 0.4s ease-in-out;
 }

 .accordion-item {
   border: none;
   border-bottom: 1px solid #ddd;
 }

 .accordion-body {
   color: #333;
   padding-top: 0;
 }

 /*  Foter Section*/
 .footer-main {
   background-color: #fff;
   color: #000;
   padding: 60px 20px 30px 20px;
 }

 .footer-main h5 {
   font-size: 17px;
   font-weight: 600;
   margin-bottom: 20px;
 }

 .footer-main ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .footer-main ul li {
   margin-bottom: 10px;
 }

 .footer-main a {
   color: #000;
   text-decoration: none;
 }

 .footer-main a:hover {
   text-decoration: underline;
 }

 .footer-subtext {
   font-size: 14px;
   color: #666;
 }

 .footer-divider {
   border-top: 1px solid #ddd;
   margin: 30px 0 20px;
 }

 .footer-bottom {
   background-color: #000;
   color: #fff;
   font-size: 12px;
   padding: 25px 20px;
   line-height: 1.7;
 }

 .footer-icon {
   color: #7c3aed;
   font-size: 18px;
   margin-right: 8px;
 }

 @media (max-width: 767px) {

   .footer-main .col-md-3,
   .footer-main .col-md-6 {
     margin-bottom: 30px;
   }
 }

 /* Responsive fix */

 @media (max-width: 768px) {
   .img-bottom {
     position: static;
     margin-top: 20px;
   }

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

 @media (max-width: 767.98px) {
   .col-md-6 {
     margin-bottom: 10px;
   }
 }