*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    font-family: poppins, sans-serif;
  }
  body{
    font-family: poppins, sans-serif;
    
    
  }

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

  /* Track */
  ::-webkit-scrollbar-track {
    background: #525f7d; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #33508a; 
    border-radius: 20px;
    height: 100px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #172E63; 
  }





  
  a{
    text-decoration: none;
  }
  

  /* header styles start */
  header{
    position: relative;
    display: flex;
    color: white;
    /* background-color: #88A2DD; */
    align-items: center;
    height: 90px;
    padding: 10px 70px;
    justify-content: space-between;
    z-index: 100;

  }
  /* header nav{
    display: flex;
  } */
  .brand-name img{
    width: 223px;
  }
  .hamburger{
    display: none;
  }
  header nav{
    margin-left: 20vw;
    /* margin-right: -50px; */
  }
  header nav ul{
    display: flex;
    align-items: center;
    margin: 0;
    
  }
  .lang-bar{
    margin-right: 3%;
  }
  header nav ul li a{
    color: white;
    font-size: 12px;
  }
  header nav ul li .active{
    font-weight: 700;
  }
  /* header nav ul li a:hover{
    text-decoration: underline;
  } */
  header nav ul li:not(:last-child){
    margin-right: 30px;
  }
  .bar-img-left, .bar-img-right{
    display: none;
  }
  .arrow-right{
    display: none;
  }
  .nav-login-btn{
    color: white;
    border: #ffffff 1px solid;
    border-radius: 7px;
    padding: 3px 10px;
    /* margin-right: 20px; */
    font-size: 14px;
  }
  .nav-open-account-btn{
    border: #ffffff 1px solid;
    background-color: #ffffff;
    color: black;
    border-radius: 7px;
    padding: 3px 5px;
    font-size: 14px;
  }
  .nav-login-btn:hover, .nav-open-account-btn:hover{
    background-color: #172E63;
    color: white;
    text-decoration: none;
  }
  /* header styles end */

  /* hero section start */

  .mobile{
    display: none;
  }
  .hero-section{
    /* z-index: -1; */
    position: relative;
    top: -90px;
    background-size: cover;
    /* width: 100%; */
    height: 100vh;
    /* background-position-y: -50px; */
    overflow: hidden;
  }

.hero-title{
  margin-bottom: 0;
  font-family: Poppins;
  font-size: 54.857px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;

  background: linear-gradient(
    to right,
    #fff 20%,
    #172E63 30%,
    #172E63 40%,
    #fff 80%
    );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 200% auto;
  animation: textShine 5s ease-in-out infinite alternate;
}

@keyframes textShine {
  0% {
      background-position: 0% 50%;
  }
  100% {
      background-position: 100% 50%;
  }
  /* 75% {
    background-position: 100% 50%;
}
  100% {
    background-position: 0% 50%;
} */
}





  .hero-subtitle{
    color: #FFF;
    font-family: Poppins;
    font-size: 34.286px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    
    margin-bottom: 43px;
  }
  .hero-text-box{
    margin-top: 180px;
    padding: 0 70px 0 100px;
  }
  .hero-button{
    display: inline-block;
    background-color: #172E63;
    
    padding: 7px 12px;
    
    /* flex-shrink: 0; */
    cursor: pointer;

    border-radius: 12.571px;
    border: 1.143px solid rgba(255, 255, 255, 0.42);
    background: linear-gradient(0deg, #172E63 0%, #172E63 100%), #FFF;
    box-shadow: 0px 4.57143px 8px -2.28571px rgba(255, 255, 255, 0.33) inset;

    color: #FFF;
    font-family: Poppins;
    font-size: 20.57px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
  }


  .hero-button:hover{
    background-color: #102044;
    background: linear-gradient(0deg, #0d1937 100%, #172E63 100%), #FFF;
  }
  .gray-ellips{
    position: absolute;
    top: -150px;
    left: -100px;

  }
  .blue-ellips{
    position: absolute;
    right: -150px;
    top: -100px;
  }

  /* hero section end */

   /* news line ------------------------------ */
   .news-line{
    background-color: white;
    height: 80px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;

    P{
      margin-bottom: 0;
    }
  }

  /* data chart section start */
  .dollar-div{
    position: relative;
    height: 50px;
    left: 40px;
    bottom: 12px;
  }
  .pip-col .img-reset img{
    position: absolute;
    width: 90px;
    margin-top: -25px;
    margin-left: -75px;
    
  }
  .pip-col .img-reset{
    position: relative;
    height: 50px;
    left: 40px;
    bottom: 0px;
  }
  .data-chart-section{
    /* background-color: #88A2DD; */
    /* top: -45px; */
    padding: 0 140px;
    
    position: relative;
    
  }
  .pip-row{
    padding: 30px 20px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background-image: radial-gradient(#172e63, #000);
   
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 12px 1px 37px 9px rgba(0, 0, 0, 0.43);
  }
 
  .pip-col{
    display: flex;
    align-items: center;
  }
  .pip-div{
    padding: 10px;
    display: flex;
    flex-direction: column;
    color: white;
  }
  .pip-img-div{
    border-right: #787878 .5px solid;
    padding: 5px 10px;
  }
  .pip-img-div img{
    width: 40px;
  }
  .pip-title{

    color: #FFF;
    font-family: Poppins;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
  }
  .pip-subtitle{
    color: #D4D4D4;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: capitalize;
  }
  /* data chart section end */

  /* account style start */
  .account-section{
    background-size: cover;
    background-position: center;
    /* background-position-y: -300px; */
    background-repeat: no-repeat;
    /* height: 160vh; */
    margin-top: -90px;
    background-image: radial-gradient(#172e63, #000);
    
  }
  .account-container{
    /* position: absolute; */
    margin-top: -30px;
  }
  .account-row{
    justify-content: center;
    margin-top: 50px;
  }
  .account-title-div{
    display: flex;
    align-items: end;
    justify-content: center;
  }
  .account-title{
    color: #ffffff;
    font-family: Poppins;
    font-size: 62px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 40px;
  }
  .white-candle, .blue-candle{
    width: 73px;
    height: 229px;
  }
  .account-subtitle{


    color: #ffffff;
    font-family: Poppins;
    font-size: 59.576px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
  }
  .highlight{
    color: #6FB9E4;
  }
  .account-subtitle-div{
    text-align: center;
  }
  .account-sub-subtitle{
    color: #ffffff;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
  }
  .account-btn{
    z-index: 1;
    margin-top: -18px;
    color: white;
    display: block;
    width: fit-content;
    padding: 8px 15px;
    border-radius: 9px;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    background-color: #172E63;
    box-shadow: 0px 4px 7px -2px rgba(255, 255, 255, 0.37) inset, 0px 4px 9px -1px rgba(0, 0, 0, 0.47);
  }
  .account-btn:hover{
    background: linear-gradient(0deg, #0d1937 100%, #172E63 100%), #FFF;
  }
  .account-card-wraper{
    display: flex;
    justify-content: space-around;
    padding: 50px 100px;


  }
  .account-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    
  }
  .first, .third{
    /* margin-top: 105px; */
    position: relative;

    
  }
 
  
  .first img, .third img{
    background: rgba(255, 255, 255, 0.01);
    border-radius: 25px;
    box-shadow: 7px 0px 26px 3px rgba(163, 186, 239, 0.78) inset, -6px 3px 23px -6px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(38.5px);
  }
  
  /* account style end */

  .clear-fix{
    margin-top: -250px;
    background-color: #ffffff 0%;
  }
  .hide-acc-card{
    opacity: 0;
  }





  /* new html account cards start */

  .accTypeSection{
    background-image: radial-gradient(#172e63, #000);
    padding: 0 50px 70px;
    margin-bottom: 70px;
  }
  .accTypeRow{
    justify-content: center;
  }
  .accCardCol{
    /* background-color: #00d49a; */
    padding: 0 3vw;
    display: flex;
    flex-direction: column;
    align-items: center;

  }
  .cardDown{
    margin-top: 200px;
  }
  .accCard{
    background-color: #657ca6;
    padding: 20px 15px 15px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 7px 0px 26px 3px rgba(163, 186, 239, 0.78) inset, -6px 3px 23px -6px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(38.5px);

    max-width: 270px;
    min-width: 230px;
    margin: auto;
  }
  
  .innerCard{
    background-color: rgb(8, 19, 51, 0.1);
    /* background-image: linear-gradient(to bottom, #1a1a1a, rgb(26, 26, 26, 0.1)); */
    padding: 20px;
    

   

    border-width: 1.5px;
    border-style: solid;
    border-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(255, 255, 255, 0)) 1;
    border-radius: 25px;

    /* position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    color: darkblue;
    padding: 0.5rem 1rem;
    cursor: pointer; */
  }
  .accTitle{
    color: white;
    text-align: center;
    padding-bottom: 15px;
  }
  .accTitle h1{
    font-size: 22px;
    font-weight: 700;
  }
  .accText{
    color: white;
    display: flex;
    justify-content: space-between;
  }
  .accText p{
    font-size: 13px;
  }
  .innerCard .accText:last-child p{
    margin-bottom: 0;
  }
  .account-btn{
    z-index: 1; position: absolute; margin-top: 15px; margin-left: 9px;
  }


  @media only screen and (max-width: 767px){
    .accCardCol:not(:last-child){
      margin-bottom: 50px;
    }
    .cardDown{
      margin-top: 0;
    }
    .accTypeSection{
      padding: 50px 40px 70px;
      margin-top: -1px;
    }
  }
  /* new html account cards end */
  
  /* trading platform section start */
  .tp-section{
    overflow-x: hidden;
  }
  .tp-container{
    padding: 0;
  }
  .tp-row-1{
    /* padding: 30px 0; */
    /* width: 99.999%; */
    color: white;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border-radius: 0 420px 420px 0;
    /* background: radial-gradient(123.07% 104.42% at 50% 42.39%, #1D4068 0%, #000 80.34%); */
    background-image: radial-gradient(#172e63, #000);
    overflow: hidden;
  }
  .tp-col{
    padding: 0;
    
  }
  .tp-col h1{
    font-size: 58px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 100px;
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .tp-col ul{
    margin-top: 20px;
    padding-left: 110px;
    list-style-type: disc;
  }
  .tp-col ul li{
    list-style-type: disc;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
    

    color: #ffffff;
    font-family: Poppins;
    
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
  }
  .tp-candles{
    width:100%;
    margin-top: -330px;
  }
  .tp-row-2{
    margin-top: 100px;
    padding: 0 50px;
  }
  .tp-btn{
    color: white;
    display: block;
    width: fit-content;
    padding: 8px 20px;
    border-radius: 9px;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    background: linear-gradient(0deg, #172E63 0%, #172E63 100%), #FFF;
  }
  .tp-row-2-col{
    border-right: #c4c4c4 1px solid;
    padding: 0;
    
  }
  .tp-row-2-col:last-child{
    border-right: none;
  }
  .meta-card{
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 40px;
    border-bottom: #c4c4c4 1px solid;
    margin-bottom: 20px;
    min-height: 410px;
  }

  .meta-card .invisible-text{
    color: rgb(255, 255, 255, 0);
  }
  .meta-card img{
    margin-left: 50px;
    margin-bottom: 30px;
    
  }
  .meta-card-title, .meta-card-text{
    color: #172E63;

  }
  
  /* .meta-card-title{
    margin-bottom: 20px;
  } */
  .meta-card h1{
    font-size: 26px;
    font-weight: 700;
  }
  .meta-card-text{
    font-size: 18px;
  }
  .tp-download{
    padding: 0 40px;
    display: flex;
  }
  .tp-download a{
    display: inline-block;
    margin-right: 20px;
  }
  .tp-row-3{
    background: radial-gradient(123.07% 104.42% at 50% 42.39%, #1D4068 0%, #000 80.34%);
    background-image: radial-gradient(#172e63, #000);
    justify-content: center;
    padding: 50px;
    margin-top: 100px;
  }
  .tp-footer{
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 7px 0px 26px 3px rgba(163, 186, 239, 0.78) inset, -6px 3px 23px -6px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(38.5px);
    padding: 30px;
    text-align: center;
  }
  .tp-footer-title{
    color: #ffffff;
    font-family: Poppins;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .tp-footer-subtitle{
    color: #ffffff;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: -15px;
  }
  .tp-footer-btn{
    color: white;
    display: inline-block;
    width: 160px;
    margin-right: 20px;
    padding: 8px 20px;
    border-radius: 9px;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    background-color: #172E63;

    border-radius: 10.516px;
    border: 1.168px solid rgba(255, 255, 255, 0.42);
    background: linear-gradient(0deg, #172E63 0%, #172E63 100%), #FFF;
    box-shadow: 0px 4.67383px 8.17921px -2.33692px rgba(255, 255, 255, 0.37) inset, 0px 4.67383px 10.51613px -1.16846px rgba(0, 0, 0, 0.47);
  }
  .tp-footer-signup-btn{
    color: white;
    display: inline-block;
    width: 160px;
   
    padding: 8px 20px;
    border-radius: 9px;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255);
  }
  .tp-footer-btn:hover, .tp-footer-signup-btn:hover{
    background: linear-gradient(0deg, #0d1937 100%, #172E63 100%), #FFF;
  }
  .footer-btn-div{
    margin-top: 30px;
  }
  /* trading platform section end */

  /* security section start */
  .security-mobile{
    display: none;
  }
  .security-section{
    margin-top: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 110vh;
    padding-bottom: 50px;
  }
  .security-row{
    justify-content: center;
    padding: 50px 100px 0px;

    position: absolute;
    z-index: 22;
    width: 100%;
  }
  .security-text-wraper{
    text-align: center;
  }
  .security-card{
    text-align: center;
    margin-top: 50px;
    background-repeat: no-repeat;
    background-position: center;
    height: 40vh;
    padding:  10px;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .security-card img{
    width: 60px;
    margin-top: -20px;
  }
  .card-text{
    font-size: 13px;
    color: white;
  }
  .security-title{
    margin-top: 170px;
    font-weight: 800;
    color: white;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .security-subtitle{
    font-size: 24px;
    font-weight: 400;
    color: white;
  }

  .security-line{
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: 260px;
    z-index: 10;
  }
  /* security section end */

  .trading-bull-div{
    text-align: center;
    /* height: 70vh; */

  }
  .trading-bull{
    width: 66%;
    /* margin-top: -60px; */
  }
  

  /* benefit section start */
  .benefit-mobile{
    display: none;
  }
  .benefit-title-div{
    background-color: #172E63;
    color: white;
    width: fit-content;
    display: flex;
    align-items: center;
    border-radius: 15px;
    border: white 3px solid;
    box-shadow: 0px 4px 7px 0px rgba(255, 255, 255, 0.37) inset;
    filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.47));
    padding: 12px 10px 12px 35px;
    margin: auto;

  }
  .benefit-col{
    padding: 0;
  }
  .benefit-title{
    font-size: 40px;
    font-weight: 600;
  }
  .benefit-img{
    width: 100%;
    margin-top: -35px;
  }
  .trading-journey{
    color: #172E63;
    text-align: center;
    font-family: Poppins;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .journey-btn{
    color: white;
    display: block;
    width: fit-content;
    margin: auto;
    margin-top: 30px;
    padding: 7px 30px;
    border-radius: 18px;
    font-size: 31px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.42);
    box-shadow: 0px 4.39474px 7.69079px 0px rgba(255, 255, 255, 0.37) inset;

    background-color: #172E63;
  }
  .journey-btn:hover{
    background: linear-gradient(0deg, #0d1937 100%, #172E63 100%), #FFF;
  }


.benefit-card{
  color: white; 
  width: 100%; 
  /* height: 400px;  */
  background-size: contain; 
  background-repeat: no-repeat; 
  background-position: center top;
  
 
}

.benefit-card-lg{
  color: white; 
  width: 100%; 
  /* height: 400px;  */
  background-size: contain; 
  background-repeat: no-repeat; 
  background-position: center top;
  


  /* width: 16%;
  color: white; 
  
  
  background-size: 100%; 
  background-repeat: no-repeat; 
  background-position: center top;
  padding: 2.5vw 1vw 1vw; */
  /* margin-top: 120px; */
  /* min-height: 420px;  */
  
}
.benefit-card p, .benefit-card-lg p{
  font-size: 10px;
  word-spacing: 1.4px;
  padding: 0 8px;
  text-align: left;
}
.benefit-card-lg p{
  padding-left: 10px;
}
.benefit-card h4{
  font-size: 14.28px;
  font-weight: 600;
  border-bottom: rgb(255, 255, 255, 0.4) 1px solid;
  padding: 0 5px 7px;
}
.benefit-card-lg h4{
  font-size: 14.28px;
  font-weight: 600;
  border-bottom: rgb(255, 255, 255, 0.4) 1px solid;
  padding: 0 5px 7px;
}


.benefit-col-new{
  display: flex;
  justify-content: space-around;
  /* margin-top: 180px; */
  padding: 0 100px;
}
.benefit-col-new-2{
  display: flex;
  justify-content: space-around;
  /* margin-top: -250px; */
  padding: 0 100px;
}
.benefit-end{
  padding-top: 20px;
}







  /* benefit section end */

  /* new benefit section */
  .benefit-section-new{
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0px;
    margin-top: -30px;
    height: 100vw;
  }
  .ben-container{
    position: absolute;
  
  }
  .ben-row{
    justify-content: center;
    padding: 10vw 100px 0;
   
  }
  .ben-card-col{
    padding: 0 6vw;
  }
  .ben-lg{
    margin-top: 230px;
  }
  .lower-cards{
    margin-top: -50px;
  }

  
  .ben-card{
    border-radius: 36.368px;
    
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.52) 5.16%, rgba(23, 46, 99, 0.00) 96.47%);
    box-shadow: 0px 4.39474px 14.28289px -6.59211px rgba(255, 255, 255, 0.52) inset;
    /* backdrop-filter: blur(49.99013137817383px); */
    padding: 18px 10px 7px;
    
  }
  .white-div{
    background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(255, 255, 255, 0), rgb(255, 255, 255, 0));
    padding: 1px;
    border-radius: 26.48px;
    
  }
  .ben-card-inner{
    color: white;
    border-radius: 26.48px;
    /* border: 1.099px solid #FFF; */
    background: linear-gradient(to bottom, #172E63, rgb(23, 46, 99, 0.1));
    min-height: 220px;
  }
  .ben-card-inner h3{
    font-size: 14.28px;
    font-weight: 700;
    border-bottom: rgb(255, 255, 255, 0.5) 0.5px solid;
    text-align: center;
    padding: 10px 5px;
  }
  .ben-card-inner p{
    font-size: 12px;
    /* letter-spacing: 0.5px; */
    line-height: normal;
    margin-bottom: 0;
    padding: 0 7px 15px;
  }
  .ben-hide{
    opacity: 0;
  }
  







  /* journey section start */
  .corner-candles-btm{
    display: none;
  }
  .corner-candles{
    position: absolute;
    width: 13%;
    right: 30px;
    margin-top: -60px;
  }
  .journey-section{
    padding: 70px 120px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 50px;
  }
  .journey-row{
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 7px 0px 26px 3px rgba(163, 186, 239, 0.78) inset, -6px 3px 23px -6px rgba(0, 0, 0, 0.25);
    /* backdrop-filter: blur(38.5px); */
    color: #ffffff11;
    padding: 20px;
  }
  .journey-col{
    display: flex;
    margin-bottom: 30px;
    align-items: center;
  }
  .journey-text{
    color: white;
    padding: 10px 20px;
    
  }
  .journey-icon-div{
    /* border-right: #5f5f5f 1px solid; */
    padding: 10px 20px;
    text-align: center;
    display: flex;
    align-items: center;
  }
  .journey-icon-div img{
    width: 60px;
  }
  .journey-heading{
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .journey-subheading{
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
  }
  .vertical-line{
    width: 1px;
    height: 55px;
    background-color: #787878;
  }
  /* journey section end */

  /* open account section start */
  .open-account{
    padding: 70px 120px;
  }
  .open-account-heading{
    color: #172E63;
    text-align: center;
    font-family: Poppins;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .open-account-col{
    text-align: center;
    padding: 20px 10px;
  }
  .blue-btn{
    display: inline-block;
    color: white;
    
    width: 180px;
    margin: auto;
    margin-top: 30px;
    padding: 8px 20px;
    border-radius: 17px;
    font-size: 18px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    
    background-color:  #172E63;
    stroke-width: 1px;
    stroke: rgba(255, 255, 255, 0.42);
    box-shadow: 0px 4px 7px 0px rgba(255, 255, 255, 0.37) inset;
    filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.47));
    margin-right: 30px;
  }
  .white-btn{
    display: inline-block;
    color: #172E63;
    
    width: 180px;
    margin: auto;
    margin-top: 30px;
    padding: 8px 20px;
    border-radius: 17px;
    font-size: 18px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    background-color:  #ffffff;    
    stroke-width: 1px;
    stroke: rgba(255, 255, 255, 0.42);
    box-shadow: 0px 4px 7px 0px rgba(255, 255, 255, 0.37) inset;
    filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.47));
  }
  .blue-btn:hover, .white-btn:hover{
    background: linear-gradient(0deg, #0d1937 100%, #172E63 100%), #FFF;
    color: white;
  }


  /* open account section end */

  /* process section start */
  .process-section{
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #172E63;
  }
  .process-row{
    padding: 40px;
  }
  .process-col-1, .process-col-2, .process-col-3{
    display: flex;
  }
  .process-num{
    font-size: 50px;
    font-weight: 700;
    color: white;
   
  }
  
  .process-col-1{
    padding-top: 150px;
  }
  .process-col-2{
    padding-top: 100px;
  }
  .process-text{
    font-size: 26px;
    font-weight: 500;
    color: white;
    margin-top: 27px;
    margin-left: 7px;
    
  }
  .process-col-img-1, .process-col-img-2, .process-col-img-3{
    display: flex;
    align-items: end;
  }
  
  /* process section end */

  /* ================================= about page styles start ================================== */

  .big-section{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    /* background-position-y: -50px; */
  }

  /* hero section start */

  .about-hero-row{
    justify-content: center;
    padding-top: 60px;
    
  }
  .about-hero-col{
    margin-top: 50px;
    padding: 40px;
    padding-bottom: 120px;
    padding-top: 150px;
    color: white;
    text-align: center;
    border-radius: 200px;
    background-color: rgba(255, 255, 255, 0.01);
    /* opacity: 0.97; */
    box-shadow: 5.86207px 0px 21.77341px 0px rgba(163, 186, 239, 0.78) inset;
    filter: drop-shadow(-5.024633407592773px 2.5123167037963867px 19.26109504699707px rgba(0, 0, 0, 0.25));
    /* backdrop-filter: blur(32.24140548706055px); */
  }
  .about-hero-col h1{
    color: #FFF;
    text-shadow: 0px 0px 31.219240188598633px #88A2DD;
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
  .about-hero-col > .proud{
    margin-top: 80px;
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 191%; /* 34.38px */
    letter-spacing: 16PX;
    text-transform: uppercase;
  }
  .about-hero-col h2{
    
    font-size: 3.4vw;
    color: #FFF;
    text-shadow: 0px 0px 37.24954605102539px #FFF, 0px 0px 74.49909210205078px #FFF, 0px 0px 260.746826171875px #FFF;
    
    /* font-size: 47.032px; */
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
  .about-hero-col > .detail-text{
    margin: 20px 26px 0;
    
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
  }
  .about-hero-candle-2{
    text-align: right;
    margin-top: 50px;
  }
  .about-hero-candle-2 img{
    width: 120px;
  }
  .about-hero-candle-1{
    text-align: left;
    position: absolute;
    margin-left: 20px;
  }
  /* hero section end */

  /* feature section start */
  .feature-section{
    margin-top: 200px;
    padding: 0 150px;
  }
  .feature-row{
    justify-content: center;
    /* min-height: 80vh; */
  }
  .feature-row-2{
    margin-top: 50px;
  }
  .feature-col{
    display: flex;
    justify-content: center;
    padding: 20px;
  }
  .feature-card{
    border-radius: 200px;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding: 40px;

    width: 70%;
    min-height: 60vh;
    text-align: center;

    background-color: rgba(255, 255, 255, 0.02);
    
    box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
    filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(54.58000564575195px);

    animation-name: example;
    animation-duration: 5s;
    animation-iteration-count: infinite;
  }
  @keyframes example {
    0%{
      background-color: rgba(255, 255, 255, 0.02); 
      box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
      backdrop-filter: blur(54.58000564575195px);
    }
    50%	{
      background-color: #172E63;
      box-shadow: 4.58247px 0px 37px 0px rgba(255, 255, 255, 0.89) inset;
      backdrop-filter: blur(14.079999923706055px);
    }
    100%  {
      background-color: rgba(255, 255, 255, 0.02); 
      box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
      backdrop-filter: blur(54.58000564575195px);
    }
    
  }
  /* .feature-card-inner{
    width: 220px;
  } */
  .feature-card img{
    width: 107px;

  }
  .feature-card h3{
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 10px 0;
  }
  .feature-card p{
    text-align: center;
    color: #ffffff;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  /* feature section end */

  /* infrastructure secton start */
  .infra-section{
    padding-top: 150px;
  }
  .infra-row{
    justify-content: center;
    color: white;
  }
  .infra-text-col{
    padding: 0 125px 30px;
    justify-content: center;
  }
  .infra-text-col h1{
    color: #FFF;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
  }
  .infra-text-col p{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
  }
  .infra-card h6{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
  }
  .infra-card h1{
    color: #FFF;
    text-align: center;
    font-size: 50px;
    font-weight: 600;
    line-height: normal;
  }
  .infra-card p{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
  }
  /* infrastructure section end */

  .big-section-2{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /* background-position-y: -50px; */
  }

  /* knowledge section start */
  .feature-on-wraper{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .line-div{
    width: 40%;
    height: 1px;
    background-color: white;
  }
  .feature-on{
    padding: 3px 15px;
    border-radius: 50px;
    border: white 1px solid;
    color: white;
    margin: 0 5px;
    font-size: 12px;
  }
  .knowledge-col{
    text-align: center;
    justify-content: center;
  }
  .knowledge-col h1{
    color: #FFF;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    position: relative;
    top: 410px;
  }
  .knowledge-col img{
    width: 80%;
  }
  .knowledge-card{
    margin: auto;
    margin-top: -300px;
    width: 45%;
    padding: 70px;
    border-radius: 160px;
    fill: rgba(255, 255, 255, 0.01);
    opacity: 0.97;
    box-shadow: 5.13263px 0px 19.06405px 0px rgba(163, 186, 239, 0.78) inset;
    filter: drop-shadow(-4.3993964195251465px 2.1996982097625732px 16.86435317993164px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(28.229467391967773px);
  }
  .knowledge-card p{
    text-align: left;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 17.844px;
    font-weight: 400;
    line-height: normal;
  }
  /* knowledge section end */

  /* ================================= about page styles end ================================== */


  /* ================================= product page styles start ================================== */
  .product-mobile{
    display: none;
  }
  .product-hero-section{
    position: relative;
    margin-top: -90px;
    z-index: -100;
    height: 130vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: brightness(50%);

    animation-name: example-2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
  }
    
  
  @keyframes example-2 {
    0%{
      filter: brightness(50%);
    }
    50%	{
      filter: brightness(100%);
    }
    100%  {
      filter: brightness(50%);
    }
    
  }


  .product-hero-row{
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
  }
  .product-hero-col{
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .product-hero-img{
    /* margin-top: -90px; */
    align-items: center;
    width: 100%;
  }
  .access{
    padding: 40px 20px;
    margin-top: 575px;
    background-color: rgba(255, 255, 255, 0.01);
    border-radius: 164px;
    box-shadow: 5.09639px 0px 18.92946px 0px rgba(163, 186, 239, 0.78) inset;
    filter: drop-shadow(-4.368336200714111px 2.1841681003570557px 16.745288848876953px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(28.030162811279297px);
  }
  .access h1{
    color: #FFF;
    text-shadow: 0px 0px 35.6712760925293px #FFF, 0px 0px 71.3425521850586px #FFF, 0px 0px 249.69891357421875px #FFF, 0px 0px 499.3978271484375px #FFF, 0px 0px 856.1106567382812px #FFF, 0px 0px 1498.1934814453125px #FFF;
    
    font-size: 3vw;
   
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
  .hero-text-product p{
    
    margin-top: 325px;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 18.24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 148.225% */
    letter-spacing: 0.607px;
    /* text-transform: capitalize; */
  }

  /* products hero section end */

  /* liquidity products section start */

  .liquidity-section{
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    

    animation-name: example-3;
    transition: 3s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
  }

  

  
    
  
  @keyframes example-3 {
    0%{
      background-blend-mode: normal;
      
    }
    50%	{
      background-blend-mode:hard-light;
    }
    100%  {
      background-blend-mode: normal;
    }
    
  }
  .liquidity-row{
    margin: 0;
    justify-content: center;
  
  }
  
  .liquidity-title{
    width: fit-content;
    padding: 15px 40px;
    margin: auto;
    margin-top: 90px;
    background-color: rgba(255, 255, 255, 0.01);
    border-radius: 164px;
    box-shadow: 5.09639px 0px 18.92946px 0px rgba(163, 186, 239, 0.78) inset;
    filter: drop-shadow(-4.368336200714111px 2.1841681003570557px 16.745288848876953px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(28.030162811279297px);
  }
  .liquidity-title h1{
    color: #FFF;
    text-shadow: 0px 0px 21.744064331054688px #FFF, 0px 0px 43.488128662109375px #FFF, 0px 0px 152.20843505859375px #FFF, 0px 0px 304.4168701171875px #FFF, 0px 0px 521.8575439453125px #FFF, 0px 0px 913.2506103515625px #FFF;
    font-family: Poppins;
    font-size: 28.478px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    
  }

  .liquidity-col p{
    margin-top: 50px;
    margin-bottom: 80px;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  
.p-card-row{
  padding: 0 200px;
  margin: 0;
}
.p-card-col{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.p-card{
  box-shadow: 7.97884px 2.45503px 20.25397px 7.97884px rgba(255, 255, 255, 0.30) inset;
  backdrop-filter: blur(7.058200836181641px);

  border-radius: 86.53px; 
  text-align: center; 
  display: flex; 
  flex-direction: column;
  align-items: center; 
  justify-content: center;
  width: 280px; 
  background-size: 30%; 
  background-position: center; 
  background-position-y: 80px;  
  background-repeat: no-repeat; 
  background-color: #172E63; 
  background-blend-mode: luminosity; 
  height: 400px;
  transition: 1s;
  padding: 10px 30px;

}
.p-card span{
  color: #ffffff;
  text-align: center;
  font-size: 16.907px;
  font-weight: 300;
  line-height: 19.412px; /* 114.815% */
}
.headingp{
  color: white; 
  margin-top: 100px;
  margin-bottom: 10px;
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 53.695px; /* 114.815% */
  transition: 0.5s;
}
.p-card:hover{
  box-shadow: 7.97884px 2.45503px 20.25397px 7.97884px rgba(255, 255, 255, 0.30) inset;
  backdrop-filter: blur(7.058200836181641px);

  cursor: pointer;
  background-color: #052A80;
  background-size: 40%;
  .headingp{
    color: white; 
    font-size: 46px;
    margin-top: 110px;
  }
}

  /* liquidity products section end */

  /* ================================= product page styles end ================================== */

/* ================================= account page styles start ================================== */

/* hero section start */
.acc-top-gray-shade{
  display: inline-block;
 position: absolute;
}
.account-hero-section{
  /* z-index: -10; */
  position: relative;
  top: -90px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  background-blend-mode: luminosity;
}
.account-hero-row{
  justify-content: center;
  margin: 0;
  padding-bottom: 150px;
}
.account-hero-col{
  display: flex;
  justify-content: center;
  text-align: center;
}
.acc-subheading{
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.account-hero-h1{
  border-radius: 148px;
  
  padding: 7px 50px;
  width: fit-content;
  margin-top: 200px;
  margin-bottom: 30px;
  
  filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
  
  background-color: rgba(255, 255, 255, 0.02);
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  backdrop-filter: blur(54.58000564575195px);

  animation-name: example-4;
  transition: 3s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes example-4 {
  0%{
    background-color: rgba(255, 255, 255, 0.02);
    box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
    backdrop-filter: blur(54.58000564575195px);
    
  }
  50%	{
    background-color: #172E63;
    opacity: 0.76;
    box-shadow: 4.58247px 0px 37px 0px rgba(255, 255, 255, 0.89) inset;
    
    backdrop-filter: blur(14.079999923706055px);
  }
  100%  {
    background-color: rgba(255, 255, 255, 0.02);
    box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
    backdrop-filter: blur(54.58000564575195px);
  }
  
}


.account-hero-h1 h1{
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.acc-subheading h2{
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 73px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.acc-subheading p{
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.acc-hero-btn{
  display: block;
  padding: 10px 20px;
  background-color: #172E63;
  color: white;
  border-radius: 50px;
  width: fit-content;
  margin-top: 10px;

}
.acc-hero-btn:hover{
  background: linear-gradient(0deg, #0d1937 100%, #172E63 100%), #FFF;
}
.acc-row-2{
  margin: 0;
  justify-content: center;
}
.acc-card-col{
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  /* background-color: #00d49a; */
  padding: 0;
  height: 50vh;
}
.acc-card-inner-row{
  display: flex;
  color: white;
  justify-content: space-between;
  text-align: left;
  font-size: 14px;
  margin-bottom: 10px;
}
.acc-card{
  width: 220px;
  height: 268px;
  padding: 12px;
  border-radius: 35px;
  background: rgba(255, 255, 255, 0.01);
  box-shadow: 7px 0px 26px 3px rgba(163, 186, 239, 0.78) inset, -6px 3px 23px -6px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(38.5px);
  transition: 1s;
  
}
.acc-card:hover{
  width: 240px;
  height: 300px;
  cursor: pointer;
}

.border-div{
  padding: 1px;
  /* background-color: white; */
  background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(255, 255, 255, 0), rgb(255, 255, 255, 0));
  border-radius: 30px;
  
}
.acc-card-inner{
  
  /* border: 1px solid rgb(255, 255, 255); */
  /* border-image: linear-gradient(#f6b73c, #4d9f0c) 30;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 5px; */

    
  
  text-align: center;
  padding: 10px 15px;
  border-radius: 30px;
  /* background-color: #000; */
  background-image: linear-gradient(to bottom, #000, #000, rgba(0, 0, 0, 0.5));
  
}
.acc-card-inner h1{
  color: #ffffff;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.acc-card-btn{
  margin: auto;
  position: relative;
  bottom: -35px;
  display: block;
  padding: 8px 15px;
  width: fit-content;
 
  
  color: white;
  
  font-size: 12px;

  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  background-color: #172E63;
  box-shadow: 0px 4px 7px -2px rgba(255, 255, 255, 0.37) inset, 0px 4px 9px -1px rgba(0, 0, 0, 0.47);
}
.acc-card-btn:hover{
  background: linear-gradient(0deg, #0d1937 100%, #172E63 100%), #FFF;
}
.curve-row{
  margin: 0;
  justify-content: center;
}
.curve-col{
  padding: 0;
}
.curve-col img{
  width: 100%;
}
.why-mobile{
  display: none;
}
.mobile-acc-curve{
  display: none;
}
.why-acc{
  background-color: rgba(255, 255, 255, 0.02);
  /* opacity: 0.76; */
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(5px);
  width: fit-content;
  padding: 30px;
  border-radius: 148px;
  display: flex;
  align-items: center;
  margin-top: -70px;

  animation-name: example-4;
  transition: 3s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}


@keyframes example-4 {
0%{
  background-color: rgba(255, 255, 255, 0.02);
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  backdrop-filter: blur(5.58000564575195px);
  
}
50%	{
  background-color: #172E63;
  opacity: 0.76;
  box-shadow: 4.58247px 0px 37px 0px rgba(255, 255, 255, 0.89) inset;
  
  backdrop-filter: blur(14.079999923706055px);
}
100%  {
  background-color: rgba(255, 255, 255, 0.02);
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  backdrop-filter: blur(5.58000564575195px);
}

}


.why-acc-col{
  display: flex;
  justify-content: center;
  /* margin-bottom: 100px; */
}
.why-acc .decor-btn-1, .why-acc .decor-btn-2{
  width: 56px;
  height: 56px;
}
.why-acc h1{
  margin: 0 20px;
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 43px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
.why-acc p{
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  margin: 20px 100px;
}
.acc-row-2 > .acc-card-col:nth-child(odd){
  margin-top: 110px;
}
.acc-row-2{
  padding-left: 200px;
  padding-right: 200px;
}
.wire-col{
  height: 200px;
}
.wire-col .left-wire{
  rotate: 90deg;
  position: absolute;
  left: 500px;
  width: 150px;
}
.wire-col .right-wire{
  rotate: 90deg;
  position: absolute;
  right: 500px;
  width: 150px;
}

  

  
    
  
  


/* hero section end */

/* account feature section start */
.acc-feature-section{
  margin-top: -90px !important;
}
.acc-feature-col{
  display: flex;
  justify-content: center;
  
}
.acc-feature-col > .feature-card{
  max-width: 60%;
  min-height: 40vh !important;
  padding: 30px;
}
.acc-feature{
  padding: 40px 0;
}
.acc-feature h3{
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 18.125px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 30px 0 10px;
}
.acc-feature p{
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.acc-feature-row{
  margin: 0;
  padding: 10px 200px 100px;
}
/* account feature section end */

/* ================================= account page styles end ================================== */

/* ================================= forex page styles start ================================== */
.forex-head-img{
  display: none;
}
.forex-head-img-2{
  display: none;
}
.forex-hero-section{
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  background-position: center;
  margin-top: -90px;
  background-color: #172E63;
  background-blend-mode: luminosity;
  

  animation-name: example-7;
  transition: 3s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  
}

@keyframes example-7 {
  0%{
    background-color: #00d49a;
  }

  50%	{
    background-color: #172E63;   
  }

  100%  {
    background-color: #00d49a;
  }

}

.forex-hero-row{
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  margin: 0;
}
.forex-hero-col{
  
  justify-content: center;
  text-align: center;
  align-items: center;
}
.forex-hero-col h1{
  
  color: #FFF;
  text-shadow: 0px 0px 74.286865234375px #88A2DD;
  font-family: Poppins;
  font-size: 114.217px;
  font-style: normal;
  font-weight: 700;
  line-height: 169px; /* 147.964% */
  letter-spacing: 5.848px;
  text-transform: uppercase;

  background: linear-gradient(
    to right,
    #fff 20%,
    #172E63 30%,
    #172E63 40%,
    #fff 80%
    );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 200% auto;
  animation: forexShine 3s ease-in-out infinite alternate;
}

@keyframes forexShine {
  0% {
      background-position: 0% 50%;
      letter-spacing: inherit;
  }
  100% {
      background-position: 100% 50%;
      letter-spacing: 1%;
  }
  /* 75% {
    background-position: 100% 50%;
}
  100% {
    background-position: 0% 50%;
} */
}
  


.pair-card-wraper{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}
.pair-card{
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0px 0px 15px 1px #FFF;
  backdrop-filter: blur(4px);
  padding: 20px 80px 10px;
  text-align: center;
  margin: 0 25px;

  animation-name: example-9;
  transition: 3s;
  
  animation-duration: 3s;
  animation-iteration-count: infinite;
  
}

/* @keyframes example-9 {
  0%{
    letter-spacing: inherit;
  }

  50%	{
    letter-spacing: 5px;
    color: #172E63;
  }

  100%  {
    letter-spacing: inherit;
  }

} */

.pair-card span{
  color: #FFF;
  text-align: center;
  
  font-size: 50px;
 
  font-weight: 500;
  
}
.pair-card h5{
  color: #FFF;
  text-align: center;
  margin-bottom: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.forex-gray-shade{
  position: absolute;
  top: 0;
  left: 110px;
  text-align: center;
  
}

/* table header section start */
.table-header-section{
  background-color: #000;
  padding: 100px 0;
}
.table-header-row{
  padding: 0;
}
.table-header-col{
  padding: 0;

}
.table-header-col img{
  width: 100%;
  
}
.table-header-col > .forex-blue-shade{
  position: absolute;
  top: 300px;
  opacity: 0.8;
}
.table-header-col div h2{
  color: #FFF;
  text-shadow: 0px 0px 34.89754867553711px #88A2DD;
  font-family: Poppins;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 79.391px; /* 147.964% */
  letter-spacing: 6.975px;
  text-transform: uppercase;
}
.table-header-col div p{
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: lighter;
  line-height: normal;
  text-transform: capitalize;
  margin: 20px 0;
}
.table-header-col div{
  animation-name: example-6;
  transition: 3s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  border-radius: 200px;
  width: 60%;
  padding: 90px 50px;
  text-align: center;
  margin: auto;
  margin-top: -460px;

}
.table-header-col div a{
  color: white;
  display: inline-block;
  width: fit-content;
  padding: 5px 15px;
  border-radius: 20px;

  fill: rgba(255, 255, 255, 0.02);
  /* opacity: 0.76; */
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(54.58000564575195px);
}
.table-header-col div a img{
  width: 15px;
}



@keyframes example-6 {
0%{
  background-color: rgba(255, 255, 255, 0.02);
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  backdrop-filter: blur(54.58000564575195px);
  
}
50%	{
  background-color: #172E63;
  opacity: 0.76;
  box-shadow: 4.58247px 0px 37px 0px rgba(255, 255, 255, 0.89) inset;
  
  backdrop-filter: blur(14.079999923706055px);
}
100%  {
  background-color: rgba(255, 255, 255, 0.02);
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  backdrop-filter: blur(54.58000564575195px);
}

}
.table-header-col > .forex-circle-1{
  display: inline-block;
  width: 150px;
  position: absolute;
  margin-top: 40px;
}
.table-header-col > .forex-circle-1-right{
  display: inline-block;
  width: 150px;
  position: absolute;
  margin-top: 15px;
  right: 120px;
}
.table-header-col .forex-circle-3{
  display: inline-block;
  width: 150px;
  position: absolute;
  margin-top: 550px;
}

/* table header section end */

/* forex link section start */
.link-section{
  background-color: #000;
  padding: 0 20px;
}
.link-mobile{
  display: none;
}
.link-container{
  padding: 50px 20px;

  border-radius: 147.5px;
  background-color: rgba(255, 255, 255, 0.02);
  /* opacity: 0.76; */
  
  filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
  box-shadow: 20.58247px 0px 60.02061px 20px rgba(163, 186, 239, 0.78) inset;
  backdrop-filter: blur(54.58000564575195px);

  /* box-shadow: 0px 4px 45px 20px rgba(255, 255, 255, 0.57) inset;
  backdrop-filter: blur(8.5px); */
}
.link-col img{
  width: 30px;
  margin-top: -8px;
  
}
.link-col a{
  font-size: 18px;
  color: white;
  transition: 0.5s;
}
.link-col a:hover{
  /* text-decoration: underline; */
  text-shadow: 0 0 20px #fff;
  
}

.link-col .liq-prd-active{
  /* text-decoration: underline; */
  
  font-weight: 600;
}
.link-row{
  justify-content: center;
}
.link-row:first-child{
  margin-bottom: 20px;
}
.link-row:last-child{
  padding-left: 50px;
}

/* forex link section end */

/* forex table start */

.forex-pair-section{
  padding: 100px;
  
  
  background-color: #000;
}
.table-container{
  padding: 70px;
  border-radius: 148px;
  fill: rgba(255, 255, 255, 0.02);
  /* opacity: 0.76; */
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(54.58000564575195px);

  animation-name: example-10;
  transition: 3s;
  
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes example-10 {
  0%{
    background-color: rgba(255, 255, 255, 0.02);
    /* opacity: 0.76; */
    box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
    filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(54.58000564575195px);
  }

  50%	{
    background-color: #172E63;
    /* opacity: 0.76; */
    box-shadow: 4.58247px 0px 37px 0px rgba(255, 255, 255, 0.89) inset;
    filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(14.079999923706055px);
  }

  100%  {
    background-color: rgba(255, 255, 255, 0.02);
    /* opacity: 0.76; */
    box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
    filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(54.58000564575195px);
  }

}
.forex-pair-row{
  
  padding: 0;
  box-shadow: 0px 6px 50px 0px rgba(255, 255, 255, 0.65);
  /* background-color: #119A8E; */
  border-radius: 15px;
}

.table-chart-wraper{
  box-shadow: 0 0 10px rgb(0, 0, 0, 0.5);
  padding: 3px;
  /* margin-top: 50px; */
  border-radius: 20px;
  

}
.sub-wraper{
  overflow-x: auto;
  border-radius: 12px;
}
.pairs-chart{
  
  width: 100%;
  
}
.pairs-chart th{
  padding: 15px 10px;
  vertical-align: top;
  
  
}
.pairs-chart tr:first-child{
  /* background-image: linear-gradient(to right, #002856, #00d49a); */
  background: radial-gradient(137.18% 98.33% at 50% 50%, #172E63 0%, #000 100%);
  color: white;
}
.pairs-chart td{
  /* background-color: #444; */
  color: #fcf7f7;
  vertical-align: top;
  padding: 10px;
  
}
.pairs-chart tr th,td{
  border-bottom: rgb(0, 0, 0) 3px solid;
}
.pairs-chart tr:last-child td{
  border-bottom: none;
}
.pairs-chart tr:nth-child(even){
  background-color: #434343;
}
.pairs-chart tr:nth-child(odd){
  background-color: #172E63;
}
.pairs-chart th{
  font-size: 12px;
  font-weight: 600;
}
.pairs-chart tr td >.symbols{
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
  text-transform: uppercase;

}
.pairs-chart tr td{
  font-size: 12px;
}
.pairs-chart tr > .second-td-header{
  width: 15%;
}
.forex-circle-big{
  width: 100%;
  position: absolute;
  left: 0;
  margin-top: 800px;
}
.forex-circle-big-2{
  width: 100%;
  position: absolute;
  left: 0;
  margin-top: 3500px;
}



/* forex table end */


/* ================================= forex page styles end ================================== */

/* ================================= contact page styles start ================================== */

/* contact hero section start */
.contact-hero-section{
  margin-top: -90px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 120vh;
  
}
.contact-hero-col{
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.faqMobile{
  display: none;
}
.faq-btn{
  position: absolute;
  right: 100px;
  top: 100px;
  z-index: 3;
  
}
.faq-img{
  transition: 1s;
}
.faq-btn:hover{
  cursor: pointer;
}
.faq-btn:hover .faq-img{
  width: 50px;
}

.sand{
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  opacity: 0.09;
}
.cont-top-gray-shade{
  position: absolute;
  display: block;
  top: 0;
  left: 10%;
  z-index: 3;

}
.x-light{
  animation-name: xLight;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  
}
@keyframes xLight{
  0%{
    opacity: 1;
    
  }
  50%{
    opacity: 0.5;
    
  }
  100%{
    opacity: 1;
    
  }
}
.contact-hero-h1 h1{
  font-size: 68px;
  font-weight: 700;
}
.contact-hero-h2 h2{
  font-size: 48px;
  font-weight: 600;
}

.contact-hero-h1, .contact-hero-h2{
  border-radius: 148px;
  
  padding: 13px 60px;
  width: fit-content;
  margin-top: 120px;
  margin-bottom: 30px;
  
  filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
  color: white;
  background-color: rgba(255, 255, 255, 0.02);
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  backdrop-filter: blur(54.58000564575195px);

  animation-name: example-4;
  transition: 3s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.contact-hero-h2{
  padding: 25px 60px;
  margin-top: 100px;
}

@keyframes example-4 {
  0%{
    background-color: rgba(255, 255, 255, 0.02);
    box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
    backdrop-filter: blur(54.58000564575195px);
    
  }
  50%	{
    background-color: #172E63;
    /* opacity: 0.76; */
    box-shadow: 4.58247px 0px 37px 0px rgba(255, 255, 255, 0.89) inset;
    
    backdrop-filter: blur(14.079999923706055px);
  }
  100%  {
    background-color: rgba(255, 255, 255, 0.02);
    box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
    backdrop-filter: blur(54.58000564575195px);
  }
  
}

/* pma section start */
.pma-section{
  background-position: center;
  background-color: rgb(0, 0, 0); 
  /* margin-top: 110px;  */
  /* padding-top: 150px; */
  /* background-blend-mode:luminosity; */
  background-repeat: no-repeat;
  background-size: cover;
  
}
.contact-animation{
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0.6;
  
}
.pma-row{
  color: white;
  justify-content: center;
  margin: 0;
  /* margin-top: -120px; */
}
.pma-col{
  filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
  color: white;
  background-color: rgba(255, 255, 255, 0.01);
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  backdrop-filter: blur(10px);
  margin: 30px;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
}
.pma-col img{
  display: block;
  margin-right: 20px;
}
.pma-col span{
  font-size: 12px;
}
.pma-col-h1{
  text-align: center;
  margin-top: 50px;

}
.pma-col-h1 h1{
  color: #FFF;
  text-align: center;
  position: relative;
  font-family: Poppins;
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 100.1px; /* 130% */
}

/* form section start */
.form-section{
  background-color: rgba(0, 0, 0, 0.8);
  
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: luminosity;
  position: relative;
  
  background-size: 30%;
}
.form-row{
  margin: 0;
  justify-content: center;
  padding: 70px;
}
.form-col{
 
  padding: 70px;
  margin: 0;
  min-height: 400px;
  border-radius: 148px;

  filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
  color: white;
  background-color: rgba(255, 255, 255, 0.01);
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  backdrop-filter: blur(3px);

}


.field-wraper, .field-msg, .field-check{
  margin-bottom: 35px;
}
.field-wraper{
  display: flex;
  
}
.field{
  width: 50%;
  color: white;
}
.field-msg{
  width: 100%;
  
}
#name, #mail, #phone, #subject, #msg{
  width: 100%;
  background-color: rgb(171, 177, 190, 0.7);
  border-radius: 3px;
  height: 35px;
  border: none;
  color: white;
}
#msg{
  min-height: 100px;
}
.field-wraper .field:first-child{
  margin-right: 30px;
}
.submit-btn{
  border-radius: 10px;
  border: 1px solid #FFF;
  background: #172E63;
  font-size: 16px;
  font-weight: 500;
  color: white;
  padding: 5px 15px;
}

/* bull bear section start */
.bull-bear-section{
  background-color: #000;
  background-position: center;
  height: 50vh;
  background-repeat: no-repeat;
  background-blend-mode: luminosity;
  
}
.black-div{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);


  transition: 3s;
  animation-name: black-div;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes black-div {
  0%{
    background-color: rgba(0, 0, 0, 0.7);
  }
  50%{
    background-color: rgba(0, 0, 0, 0.5);
  }
  100%{
    background-color: rgba(0, 0, 0, 0.7);
  }
  
  
  
}
.x-light-img{
  position: absolute;
  right: 50px;
  margin-top: 140px;
}
.x-fade{
  position: absolute;
  right: 50px;
}

/* ================================= contact page styles end ================================== */


/* ================================= faq page styles start ================================== */
/* hero section start */
.faq-hero-section{
  margin-top: -90px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}
.faq-hero-h1{
  border-radius: 148px;
  padding: 18px 60px;
  width: fit-content;
  margin: 160px auto 30px;

  /* filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25)); */
  color: white;
  background-color: rgba(255, 255, 255, 0.02);
  box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
  backdrop-filter: blur(10px);

  animation-name: faq-h1;
  transition: 3s;
  animation-duration: 3s;
  animation-iteration-count: infinite;

}

@keyframes faq-h1 {
  0%{
    background-color: rgba(255, 255, 255, 0.02);
    box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
    backdrop-filter: blur(54.58000564575195px);
    
  }
  50%	{
    background-color: #172E63;
    /* opacity: 0.76; */
    box-shadow: 4.58247px 0px 37px 0px rgba(255, 255, 255, 0.89) inset;
    
    backdrop-filter: blur(14.079999923706055px);
  }
  100%  {
    background-color: rgba(255, 255, 255, 0.02);
    box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
    backdrop-filter: blur(54.58000564575195px);
  }
  
}

.faq-hero-h1 h1{
  color: #FFF;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* faq section start */
.faq-row{
  padding: 0 100px;
  background: radial-gradient(36.82% 18.19% at 50% 56.2%, #172E63 0%, #000 100%);
}
.faq-col{
  border-radius: 228px;
  fill: rgba(255, 255, 255, 0.01);
  opacity: 0.97;
  box-shadow: 9.32062px 0px 34.61943px 0px rgba(163, 186, 239, 0.78) inset;
  filter: drop-shadow(-7.98909854888916px 3.99454927444458px 30.624879837036133px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(51.263397216796875px);
  min-height: 100vh;
  padding: 130px;
  margin-top: -120px;
}
.accordion {
  --bs-accordion-btn-color: #fff;
  
  --bs-accordion-btn-bg: rgb(0, 0, 0, 0);
  --bs-accordion-active-bg: rgb(0, 0, 0, 0);
  --bs-accordion-active-color: white;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-bg: rgb(0, 0, 0, 0);
  --bs-accordion-color: white;
  --bs-accordion-border-width: 0.5px;
  --bs-accordion-border-color: #c2c2c2;

  
}
.accordion-button:not(.collapsed) {
  box-shadow: none;
  color: white;
  
}

.accordion-item {
  border: none;
}

.accordion-divider{
  height: 0.5px; 
  background-color: rgb(201, 201, 201); 
  width: 100%;
  margin-top: 40px;
}

.accordion-item button{
  color: #FFF;
  font-family: Poppins;
  font-size: 29px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.9px;
  text-transform: uppercase;
}
.accordion-body{
  color: #FFF;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 40px; /* 222.222% */
  letter-spacing: 1.8px;
  text-transform: capitalize;
}

/* ================================= faq page styles end ================================== */

/* promotions page ----------------------------------- */
.promotion-hero-section{
  background-image: url(../images/promotion-hero-img.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 90px;
  min-height: 130vh;
  overflow-x: hidden;
  width: 100%;
}

.promotion-hero-title-row{
  justify-content: center;
  margin: 50px 0;
}

.promotion-hero-title-col{
  text-align: center;
  max-width: 850px;
}
.promotion-hero-title-col h1{
  color: #FFF;
  text-shadow: 0px 0px 28.434px #FFF, 0px 0px 56.868px #FFF;
  font-family: Poppins;
  font-size: 35.901px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.promotion-hero-title-col p{
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 16.03px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.promotion-form-row{
  padding: 100px 0 100px 90px;
}
.promotion-form{
  background-color: rgba(255, 255, 255, 0.01);
  opacity: 0.97;
  box-shadow: 5.595px 0px 20.78px 0px rgba(163, 186, 239, 0.78) inset;
  filter: drop-shadow(-4.795px 2.398px 18.382px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(30.770069122314453px);
  border-radius: 75px;
  max-width: 485px;
  color: white;
  padding: 40px;
}

.promotion-form h1{
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 27.009px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.promotion-form input{
  display: block;
  width: 100%;
  margin-bottom: 24px;
  height: 35px;
  padding: 5px;
}

.promotion-form select{
  width: 100%;
}


.select-one{
  display: flex;
  margin-top: 24px;
  margin-bottom: 20px;
}

.select-one lable{
  font-size: 15px;
  display: block;
  margin-right: 20px;
}

.select-one select{
  width: 150px;
  height: 30px;
  margin-left: 10px;
}

.promotion-form button{
  border-radius: 10.797px;
  border: 1.2px solid rgba(255, 255, 255, 0.93);
  background: linear-gradient(0deg, #172E63 0%, #172E63 100%), #FFF;
  box-shadow: 0px 4.798px 8.397px -2.399px rgba(255, 255, 255, 0.37) inset, 0px 4.798px 10.797px -1.2px rgba(0, 0, 0, 0.47);
  color: white;
  padding: 5px 20px;
}


/* bonus section ------------------------------- */
.bonus-section{
  background: radial-gradient(#172e63, #0f1e42, #000);
  backdrop-filter: blur(0px);
  padding: 100px 0;
  position: relative;
  overflow-x: hidden;
  width: 100%;
}

.line-big{
  height: 2px;
  width: 180px;
  background-color: white;
  margin: 20px auto 10px;
}

.line-sm{
  height: 2px;
  width: 90px;
  background-color: white;
  margin: 0 auto 30px;
}

.bonus-section h1{
  color: #FFF;
  text-shadow: 0px 0px 37.25px #FFF, 0px 0px 74.499px #FFF, 0px 0px 260.747px #FFF, 0px 0px 521.494px;
  font-family: Poppins;
  font-size: 47.032px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin: auto;
  text-align: center;
}

.bonus-section p{
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 16.03px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  
  max-width: 1050px;
  margin: auto;


}

.terms-policy{
  max-width: 850px;
  margin: auto;
  margin-top: 100px;
  background-color: #172e63;
  padding-bottom: 40px;
}

.terms-title{
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 20px;
}


.terms-policy ul{
  background-color: #172e63;
  color: white;
  margin: 40px;
  
}

.terms-policy ul li{
  color: #FFF;
  font-family: Poppins;
  font-size: 16.03px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  list-style: disc !important;
  margin-bottom: 20px;
}

.terms-title h1{
  color: #172E63;
  text-align: center;
  font-family: Poppins;
  font-size: 16.03px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin: 0;
  width: fit-content;
}


/* how does it work section ----------------------------- */

.how-work-section{
  background: radial-gradient(#172e63, #0f1e42, #000);
  padding: 100px 0;
  position: relative;
  overflow-x: hidden;
  width: 100%;
}
.how-work-row{
  justify-content: center;
  padding: 0 20px;
  max-width: 1200px;
  margin: auto !important;
}

.how-work-title-col{
  margin-bottom: 50px;
}

.how-work-title-col h1{
  color: #FFF;
  text-shadow: 0px 0px 37.25px #FFF, 0px 0px 74.499px #FFF, 0px 0px 260.747px #FFF, 0px 0px 521.494px;
  font-family: Poppins;
  font-size: 47.032px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin: auto;
  text-align: center;
}
.how-work-card{
  background-color: rgba(255, 255, 255, 0.02);
  opacity: 0.76;
  box-shadow: 4.582px 0px 17.021px 0px rgba(163, 186, 239, 0.78) inset;
  filter: drop-shadow(-3.928px 1.964px 15.057px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(54.58000564575195px);
  border-radius: 147px;
  text-align: center;
  max-width: 310px;
  margin: auto;
  padding: 70px 50px;
  color: white;
  height: 100%;
}

.how-work-card h1{
  font-size: 18.12px;
  font-weight: 600;
  margin: 20px auto;
}

.how-work-card p{
  font-size: 12px;
}

.start-trading-row{
  padding-top: 150px;
  margin-bottom: 20px;
}
.start-trading-col{
  color: white;
  text-align: center;
}

.start-trading-col h1{
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}

.start-trading-col p{
  max-width: 800px;
  margin: 0 auto 20px;
}

.start-trading-col h1.get-in-touch{
  color: #FFF;
  text-shadow: 0px 0px 37.25px #FFF, 0px 0px 74.499px #FFF, 0px 0px 260.747px #FFF, 0px 0px 521.494px #FFF, 0px 0px 893.989px #FFF, 0px 0px 1564.481px #FFF;
  font-family: Poppins;
  font-size: 45.032px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.meta-div h1{
  font-size: 26px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px;
}

.meta-div img{
  margin: 0 10px 20px;
}

.meta-div a{
  border-radius: 4.846px;
  border: 0.606px solid rgba(255, 255, 255, 0.42);
  background: linear-gradient(0deg, #172E63 0%, #172E63 100%), #FFF;
  box-shadow: 0px 2.423px 4.24px -1.212px rgba(255, 255, 255, 0.37) inset, 0px 2.423px 5.452px -0.606px rgba(0, 0, 0, 0.47);
  padding: 2px 20px;
  color: white;
  display: block;
  width: fit-content;
  margin: 0 auto 50px;
}

.contact-row-promo{
  
  justify-content: center;
  align-items: start;
  gap: 50px;
  color: white;
  padding-bottom: 50px;
}


.contact-div{
  display: flex;
  justify-content: start;
  align-items: start;
  max-width: 350px;
}

.contact-div img{
  margin-right: 10px;
}

.contact-div p{
  margin-bottom: 0;
  margin-top: 7px;
}

/* ellipse style -------------------- */

.ellipse-1{
  position: absolute;
  z-index: -1;
  right: -72px;
  top: 438px;
}
.ellipse-2{
  position: absolute;
  z-index: -1;
  top: 1250px;
  left: -60px;
}
.ellipse-3{
  position: absolute;
  top: 760px;
  left: -70px;
}
.ellipse-4{
  position: absolute;
  right: 0;
  top: 1100px;
  transform: translateX(50%);
}

/* ellipse style -------------------- */

/* copy trading page start ------------------------------- */
.copy-hero-section{
  background-image: radial-gradient(91.84% 67.59% at 51.31% 56.08%, #172E63 0%, #000 100%);
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

img.circle-left{
  position: absolute;
  bottom: 0;
  left: 0;
  
}

img.circle-right{
  position: absolute;
  bottom: 0;
  right: 0;
  
}

.copy-hero-row{
  background-image: url(../images/copy-page/hero-img.png);
  background-repeat: no-repeat;
  background-position: center top;
  
}

.copy-hero-col{
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  padding-top: 100px;
}

.copy-hero-col .title-div{
  background-color: rgba(255, 255, 255, 0.02);
  opacity: 1;
  box-shadow: 4.582px 0px 17.021px 0px rgba(163, 186, 239, 0.78) inset;
  filter: drop-shadow(-3.928px 1.964px 15.057px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(2.58000564575195px);
  border-radius: 147px;
  max-width: 1100px;
  padding: 30px;
  text-align: center;
  margin-top: 120px;
}

.copy-hero-col h1{
  font-size: 62.865px;
  font-style: normal;
  font-weight: 700;
  line-height: 75.396px;
  text-transform: uppercase;
  color: white;
}

.copy-hero-col p{
  font-size: 16px;
  font-weight: 400;
  color: white;
  text-transform: uppercase;
  max-width: 800px;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 45px;
}

.copy-hero-col a{
  border-radius: 16.571px;
  border: 1.143px solid rgba(255, 255, 255, 0.42);
  background-image: linear-gradient(0deg, #172E63 0%, #172E63 100%);
  box-shadow: 0px 4.571px 8px -2.286px rgba(255, 255, 255, 0.33) inset;
  color: white;
  display: block;
  padding: 10px 15px;
  font-size: 20.57px;
  font-weight: 600;
  text-transform: uppercase;
}

.invest-div{
  background-image: radial-gradient(91.84% 67.59% at 51.31% 56.08%, #172E63 0%, #000 100%);
  padding: 40px;
  margin-top: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  position: relative;
  z-index: 2;
}

.invest-div div{
  text-align: center;
}

.invest-div div h2{
  font-size: 22.48px;
  font-weight: 600;
  color: white;
  text-transform: capitalize;
}

.invest-div div p{
  font-size: 18px;
  font-weight: 400;
  color: white;
  margin: 20px auto;
  max-width: 100%;
  text-transform: none;
}


/* work section ---------------------- */
.work-section{
  position: relative;
  width: 100%;
  overflow-x: hidden;
  padding-bottom: 100px;
}

.work-curve-1{
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}

.work-curve-2{
  position: absolute;
  width: 100%;
  top: 470px;
  left: 0;
  right: 0;
  margin: auto;
}

.work-row{
  max-width: 1200px;
  margin: auto;
  /* display: flex;
  justify-content: center;
  align-items: start; */
}

.work-row div h1{
  font-size: 92.14px;
  font-weight: 700;
  color: #172E63;
  text-align: center;
  margin-bottom: 100px;
  margin-top: 150px;
}

.work-col-inner{
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  box-shadow: 4.582px 0px 17.021px 0px rgba(163, 186, 239, 0.78) inset;
  filter: drop-shadow(-3.928px 1.964px 15.057px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(2.58000564575195px);
  border-radius: 147.29px;
  padding: 80px 40px;
  text-align: center;
  color: #172e63;
  margin: 0 30px;
  max-width: 320px;
  height: 100% !important;
  margin: auto;
}

.work-col-inner h2{
  font-size: 17.84px;
  font-weight: 600;
  color: #172e63;
  line-height: 23px;
  
}

.work-col-inner p{
  color: #172e63;
}

.best-trader-div{
  width: 100%;
  background-color: white;
  border-radius: 10px;
  
}

.best-trader-div div.content{
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 10px;
  padding:  10px 5px;

  h3{
    font-size: 12px;
    text-align: left;
  }

  h4{
    font-size: 10px;
    text-align: left;
  }

  p{
    font-size: 10px;
    color: #00BD3E;
    text-align: left;
  }
}


.top-trader-img-div img{
  object-fit: cover;
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 50px;
  border: 1px rgb(194, 194, 194) solid;
  box-shadow: 0 0 5px #5f5f5f;
}

.best-trader-div div.div-foot{
  background-color: #00BD3E;
  color: white;
  border-radius: 0 0 10px 10px;
}

/* feature section -------------------------------- */
.copy-feature-section{
  background-color: black;
  width: 100%;
  overflow-x: hidden;
  padding: 200px 20px;
  position: relative;
}

img.wave{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.copy-feature-row{
  max-width: 1200px;
  justify-content: center;
  align-items: start;
  margin: auto;
  position: relative;
  z-index: 2;
}

.feature-col-inner{
  text-align: center;
}

.feature-col-inner h1{
  color: #FFF;
  text-align: center;
  text-shadow: 0px 1.212px 1.212px rgba(0, 0, 0, 0.25);
  font-family: Poppins;
  font-size: 25.364px;
  font-style: normal;
  font-weight: 600;
  line-height: 30.419px; /* 119.932% */
  text-transform: uppercase;
  margin-top: 20px;
}


.adv-title{
  fill: rgba(255, 255, 255, 0.02);
  opacity: 1;
  box-shadow: 4.582px 0px 17.021px 0px rgba(163, 186, 239, 0.78) inset;
  filter: drop-shadow(-3.928px 1.964px 15.057px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(54.58000564575195px);
  width: fit-content;
  margin: 50px auto;
  padding: 30px 50px;
  border-radius: 50px;

  color: #172E63;
  text-align: center;
  text-shadow: 0px 1.212px 1.212px rgba(0, 0, 0, 0.25);
  font-family: Poppins;
  font-size: 25.364px;
  font-style: normal;
  font-weight: 600;
  line-height: 30.419px; /* 119.932% */
  text-transform: capitalize;
}

/* advantage section --------------------------------- */
.adv-section{
  background-image: radial-gradient(91.84% 67.59% at 51.31% 56.08%, #172E63 0%, #000 100%);
  color: white ;
  padding: 100px 20px 0;
}

.adv-row{
  max-width: 1200px;
  margin: auto;
}

.adv-col-inner{

  text-align: center;
  margin: 0 30px;
  margin-bottom: 100px;

  img{
    margin-bottom: 30px;
  }
  h1{
    font-size: 24px;
    font-weight: 600;
  }

  p{
    font-size: 18px;
    max-width: 200px;
    margin: auto;
    margin-top: 20px;
  }
}

/* faq section --------------------------- */
.copy-faq-section{
  padding: 100px 20px;
  background-image: url(../images/copy-page/faq-bg.png);
  background-position: center;
  background-size: cover;
}

.copy-faq-col h1{
  font-size: 92.14px;
  font-size: 600;
  color: #172E63;
  text-align: center;
  margin-bottom: 30px;
}

.accordion {
  max-width: 900px;
  margin: auto;

}

.accordion-item {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1px;
  overflow: hidden;
  color: #172E63;
  padding: 30px 0;
}

.accordion-header {
  font-size: 23.5px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #172E63;
}

.accordion-content {
  display: none;
  padding: 10px;
  padding-bottom: 0;
  color: #172E63;
  font-size: 18px;
  font-weight: 300;
  line-height: 40px;

  p{
    margin-bottom: 0;
    font-weight: 300;
  }
}

.arrow {
  transition: transform 0.3s ease;
  transform:  rotate(90deg);
}

.arrow.up {
  transform: rotate(270deg);
}



/* copy trading page end ----------------------------------- */

/* leader board page ---------------------------- */
.leader-hero-section{
  background-image: url(../images/copy-page/leader-hero-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  padding: 20px;
  padding-left: 100px;
}

.leader-hero-col{

  padding-top: 180px;

  h1{
    color: #172E63;
    -webkit-text-stroke: 2.5px white;
    text-shadow: 0px 2.341px 2.341px rgba(0, 0, 0, 0.25);
    font-family: Poppins;
    font-size: 58.999px;
    font-style: normal;
    font-weight: 900;
    line-height: 59.8px; /* 122.043% */
    letter-spacing: 2.94px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  h2{
    color: #FFF;
    text-shadow: 0px 2.195px 2.195px rgba(0, 0, 0, 0.25);
    font-family: Poppins;
    font-size: 45.934px;
    font-style: normal;
    font-weight: 700;
    line-height: 55.09px; /* 119.932% */
    text-transform: uppercase;
    margin-bottom: 20px;
    max-width: 500px;
  }

  p{
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 36px;
    max-width: 600px;
  }

  a.leader{
    color: #FFF;
    background-color: #172E63;
    font-family: Poppins;
    font-size: 23.019px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    width: fit-content;
    padding: 10px 20px;
    margin-bottom: 20px;

    border-radius: 14.067px;
    border: 1.279px solid rgba(255, 255, 255, 0.42);
    background: linear-gradient(0deg, #172E63 0%, #172E63 100%), #FFF;
    box-shadow: 0px 5.115px 8.952px -2.558px rgba(255, 255, 255, 0.33) inset;
  }

  a.copier{
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: uppercase;
    display: block;
    width: fit-content;
  }
}

.leader-adv-section{
  background-image: none;
  color: #002653;

  a{
    display: block;
    text-transform: uppercase;
    background-color: #002653;
    color: white;
    font-size: 30px;
    font-weight: 600;
    width: fit-content;
    margin: auto;
    margin-bottom: 50px;
    padding: 10px 20px;
    border-radius: 19.14px;
    border: 1.74px solid rgba(255, 255, 255, 0.42);
    background-image: linear-gradient(0deg, #172E63 0%, #172E63 100%), #FFF;
    box-shadow: 0px 6.96px 12.18px -3.48px rgba(255, 255, 255, 0.33) inset;
  }

  p.title-text{
    color: #172E63;
    text-align: center;
    max-width: 920px;
    margin: auto;
    margin-bottom: 100px;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
}


/* leader card section ------------------------------------------ */
.leader-card-section{
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
  background-color: #000;
  background-image: url(../images/copy-page/leader-card-section-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
}

.lc-heading{
  color: white;
  text-align: center;
  margin-bottom: 50px;
}
.lc-title{
  margin: auto;
  max-width: 1350px;
  color: white;
  margin-bottom: 20px;

  h2{
    margin: 0 20px;
  }

  a{
    color: white;
    border: 1px white solid;
    border-radius: 15px;
    padding: 3px 8px;
    background-color: rgb(255, 255, 255, 0.5);
    display: block;
    width: fit-content;
    margin: 20px 20px 0;

  }
}

.leader-card-row{
  justify-content: center;

}

.lc-inner{
  clip-path: fill-box;
  border-radius: 45px;
  color: white;
  background-color: rgba(255, 255, 255, 0.01);
  opacity: 1;
  box-shadow: 2.112px 0px 22.071px 0px rgba(163, 186, 239, 0.78) inset;
  filter: drop-shadow(-1.811px 0.905px 6.941px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(11.618670463562012px);

  img.g-img{
    width: 100%;
  }
}

.lc-inner-sub{
  padding: 20px;
  padding-bottom: 0;

  h1{
    font-size: 16px;
    font-weight: 500;
    margin: 20px auto;
  }
}

.copy-follow{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  text-transform: uppercase;

  span{
    font-weight: 600;
  }
}

p.graph-percent{
  color: #0FEB32;
  border: 1px white solid;
  width: fit-content;
  text-align: center;
  margin: auto;
  padding: 5px 15px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
}

.lc-card-top{
  display: flex;
  justify-content: space-between;
  align-items: center;

  h5{
    margin-bottom: 0;
    font-size: 12px;
    text-transform: uppercase;
    background-color: red;
    padding: 4px 10px;
    

    border-radius: 15px;
    border: 0.664px solid #FFF;
    background: rgba(166, 83, 83, 0.37);
    color: #D30303;
  }
}


.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  gap: 20px;
  padding: 20px;
  max-width: 1400px;
  margin: auto;
}

@media only screen and (max-width: 1300px){
  .grid-container {
    
    grid-template-columns: auto auto auto auto;
   
  }
}

@media only screen and (max-width: 1200px){
  .grid-container {
    
    grid-template-columns: auto auto auto;
   
  }
}

@media only screen and (max-width: 900px){
  .grid-container {
    
    grid-template-columns: auto auto;
   
  }
}

@media only screen and (max-width: 575px){
  .grid-container {
    
    grid-template-columns: auto;
   
  }
}

.grid-item {
  
  text-align: center;
  font-size: 30px;
}



.card-lg-row{
  margin: auto;
  margin-top: 100px;
  margin-bottom: 50px;
  max-width: 1100px;

}

@media only screen and (max-width: 991px){
  .card-lg-row{
    max-width: 400px;
  }
}

.card-lg-col{
  min-width: 245px;
  margin-bottom: 50px;
}
.card-lg-col h1{
  background-color: #172E63;
  color: white;
  font-size: 27px;
  font-weight: 500;
  text-align: center;
  padding: 15px;
  margin-bottom: -15px;
  position: relative;
  z-index: 2;
  border-radius: 18px;
}

.card-lg-inner{
  background-color: rgba(255, 255, 255, 0.02);
  opacity: 1;
  box-shadow: 4.582px 0px 17.021px 0px rgba(163, 186, 239, 0.78) inset;
  filter: drop-shadow(-3.928px 1.964px 15.057px rgba(0, 0, 0, 0.25));
  backdrop-filter: blur(54.58000564575195px);

  padding: 30px;
  padding-top: 60px;
  border-radius: 45px;
  min-width: 245px !important;
  
}
.card-lg-content{
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  margin-bottom: 20px;
  position: relative;

  p.graph-percent{
    margin: 0;
  }
}

span.notify-num{
  background-color: #552611; 
  font-size: 12px; 
  font-weight: 500; 
  padding: 5px; 
  border-radius: 10px; 
  width: 20px; 
  height: 20px; 
  display: inline-flex; 
  justify-content: center; 
  align-items: center; 
  position: absolute; 
  top: 20px; 
  left: 25px;
}




/* leader board page end ------------------------------------------------------ */

  /* footer section start */
  
  .footer-row-wrap{
    margin: 0 !important; justify-content: center;
    margin-top: 100px;
    background-image: linear-gradient(to bottom, #002653, #000);
    padding: 50px 0;
  
  }
  .about-top-mrgn{
    margin-top: 0 !important;
  }
  .footer-row{
    margin: 0 !important;
   
    justify-content: center;
  }
  .footer-col{
    /* background-color: #474747; */
    margin: 0;
    padding: 0 !important;
    font-size: 14px;
    color: white;
    
  }
  .footer-sub-div{
    display: flex; align-items: center;
    display: flex; align-items: center;
    display: flex; align-items: center;
    margin-bottom: 10px;
  }
  .footer-sub-div a{
    text-decoration: none;
    color: white;
  }
  .footer-sub-div img{
    margin-right: 15px;
  }
  .footer-text{
    font-size: 12px;
    font-weight: lighter;
  }
  /* footer section end */


  @media only screen and (max-width:1900px){
    .ben-row{
      justify-content: center;
      padding: 12vw 100px 0;
     
    }
    .ben-card-col{
      padding: 0 6.5vw;
    }
    .ben-lg{
      margin-top: 200px;
    }
    .lower-cards{
      margin-top: -60px;
    }
  }

  @media only screen and (max-width:1800px){
    .ben-row{
      justify-content: center;
      padding: 11vw 100px 0;
     
    }
    .ben-card-col{
      padding: 0 6vw;
    }
    .ben-lg{
      margin-top: 180px;
    }
    .lower-cards{
      margin-top: -80px;
    }
  }

  @media only screen and (max-width:1700px){
     .ben-row{
      justify-content: center;
      padding: 11vw 100px 0;
     
    }
    .ben-card-col{
      padding: 0 5.4vw;
    }
    .ben-lg{
      margin-top: 180px;
    }
    .lower-cards{
      margin-top: -100px;
    }
    .feature-card{
      width: 80%;
    }
  }
  @media only screen and (max-width:1650px){
    .ben-row{
     justify-content: center;
     padding: 11vw 100px 0;
    
   }
   .ben-card-col{
     padding: 0 5.5vw;
   }
   .ben-lg{
     margin-top: 180px;
   }
   .lower-cards{
     margin-top: -120px;
   }
 }

  @media only screen and (max-width:1600px){
    .ben-row{
      justify-content: center;
      padding: 9vw 100px 0;
     
    }
    .ben-card-col{
      padding: 0 5vw;
    }
    .ben-lg{
      margin-top: 180px;
    }
    .lower-cards{
      margin-top: -100px;
    }
  }

  @media only screen and (max-width:1550px){
    .ben-row{
      justify-content: center;
      padding: 9vw 100px 0;
     
    }
    .ben-card-col{
      padding: 0 4.5vw;
    }
    .ben-lg{
      margin-top: 180px;
    }
    .lower-cards{
      margin-top: -110px;
    }
    .acc-feature-col > .feature-card {
      max-width: 80%;
    }
  }

  @media only screen and (max-width: 1500px){
    .ben-row{
      justify-content: center;
      padding: 130px 100px 0;
     
    }
    .ben-card-col{
      padding: 0 4.4vw;
    }
    .ben-lg{
      margin-top: 180px;
    }
    .lower-cards{
      margin-top: -135px;
    }
  }
 
  

  @media only screen and (max-width: 1440px){
    .ben-card-col{
      padding: 0 4.5vw;
    }
    .lower-cards{
      margin-top: -120px;
    }
    .ben-card-inner p{
      font-size: 10px;
      
    }
    .ben-row{
      padding: 140px 100px 0;
     
    }
    
    
    .ben-card{
      padding: 15px 8px 5px;
      border-radius: 25.368px;
    }
    .white-div, .ben-card-inner{
      border-radius: 15.48px;
    }
    .ben-card-inner{
      min-height: 200px;
    }




    .security-row{
      padding-top: 0;
    }
    .security-line{
      margin-top: 210px;
    }
    .benefit-col-new{
      display: flex;
      justify-content: space-around;
      margin-top: 100px;
      padding: 0 10vw;
    }
    .benefit-col-new-2{
      display: flex;
      justify-content: space-around;
      margin-top: -300px;
      padding: 0 10vw;
    }
    .benefit-card{
      width: 12vw;
      background-size: 100%;
    }
    .benefit-card-lg{
      width: 14vw;
      margin-top: 170px;
    }
    .benefit-card p, .benefit-card-lg p{
      font-size: 9.5px;
      letter-spacing: 0.8px;
      font-weight: 300;
      color: #FFF;
    }
    .p-card-row{
      padding: 0 100px;
    }
    .access{
      padding: 30px 20px;
      margin-top: 375px;
    }
    .hero-text-product p{
    
      margin-top: 215px;
    }
    .acc-row-2{
      padding-left: 80px;
      padding-right: 80px;
    }
    .acc-feature-row{
      margin: 0;
      padding: 10px 100px 100px;
    }
    .acc-feature-col > .feature-card{
      max-width: 80%;
      min-height: 30vh !important;
      padding: 30px;
    }
    .feature-card p{
      font-size: 13px;
    }
    .feature-section{
      padding: 0 100px;
    }
    
    .feature-card{
      border-radius: 148px;
      background-position: center;
      background-repeat: no-repeat;
      color: white;
      padding: 20px 30px;
  
      width: 80%;
      min-height: 55vh;
    }
    .about-hero-col{
      padding: 40px;
      padding-bottom: 20px;
      color: white;
      text-align: center;
      border-radius: 188.42px;
      background-color: rgba(255, 255, 255, 0.01);
      /* opacity: 0.97; */
      box-shadow: 5.86207px 0px 21.77341px 0px rgba(163, 186, 239, 0.78) inset;
      filter: drop-shadow(-5.024633407592773px 2.5123167037963867px 19.26109504699707px rgba(0, 0, 0, 0.25));
      /* backdrop-filter: blur(32.24140548706055px); */
    }
    .about-hero-candle-2{
      text-align: right;
      margin-top: -10px;
    }
    
    .about-hero-candle-1{
      text-align: left;
      position: absolute;
      margin-left: 20px;
    }

    .contact-hero-section{
      margin-top: -90px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 150vh;
      
    }
    .bull-bear-section{
      height: 80vh;
    }
    header nav{
      margin-left: 10%;
      /* margin-right: -50px; */
    }
  
    header nav ul li:not(:last-child){
      margin-right: 30px;
    }
    .table-header-col div{
      border-radius: 148px;
      margin-top: -330px;
      padding: 30px 50px;
    }
    .table-header-col div p{
      font-size: 13px;
    }
    .benefit-section{
      height: 205vh;
    }
    .hero-section{
      height: 105vh;
    }
  }
  

  @media only screen and (max-width: 1390px){
    
    .ben-card-col{
      padding: 0 4.5vw;
    }
    .lower-cards{
      margin-top: -120px;
    }
    
  }

  @media only screen and (max-width: 1350px){
    .ben-card-col{
      padding: 0 4.5vw;
    }
    .lower-cards{
      margin-top: -120px;
    }
    .ben-lg{
      margin-top: 140px;
    }
    .ben-card-inner{
      min-height: 180px;
    }

    .meta-card{
      min-height: 500px;
    }
    
  }

  @media only screen and (max-width: 1280px){
    .ben-card-col{
      padding: 0 4.3vw;
    }
    .lower-cards{
      margin-top: -120px;
    }
    .ben-lg{
      margin-top: 140px;
    }
    .ben-card-inner{
      min-height: 180px;
    }
    .ben-row{
      padding: 120px 100px 0;
     
    }





    header nav{
      margin-left: 50px;
    }
    header nav ul li:not(:last-child){
      margin-right: 20px;
    }
    .security-row{
      padding-top: 0;
    }
    .security-line{
      position: absolute;
      width: 100%;
      left: 0;
      margin-top: 250px;
      z-index: 10;
    }
    .security-section{
      height: 120vh;
    }
    
    
    .benefit-section{
      height: 170vh;
    }
    .benefit-card p, .benefit-card-lg p{
      font-size: 9px;
    }
    .benefit-card-lg p{
      padding-left: 8px;
    }
    .data-chart-section{
      padding: 0 100px;
    }
    .acc-subheading h2{
      font-size: 60px;
    }
    .acc-feature-col > .feature-card{
      max-width: 90%;
      min-height: 30vh !important;
      padding: 20px;
    }
    .acc-feature-row{
      margin: 0;
      padding: 10px 50px 100px;
    }
    .feature-section{
      padding: 0 40px;
    }
    /* .feature-card{
      min-height: 60vh;
    } */
    
    
  }
  @media only screen and (max-width: 1250px){
    /* .first, .third{
      margin-top: 50px;
    } */
    .ben-card-col{
      padding: 0 4.3vw;
    }
    .lower-cards{
      margin-top: -120px;
    }
    .ben-lg{
      margin-top: 140px;
    }
    .ben-card-inner{
      min-height: 180px;
    }
    .ben-row{
      padding: 120px 100px 0;
     
    }





    .ben-card-inner p{
      font-size: 9.7px;
    }


    .p-card{
      width: 250px;
      height: 360px;
    }
    

    .link-col a{
      font-size: 18px;
      color: white;
    }
    .hero-title{
      font-size: 49px;
    }
    .hero-subtitle{
      font-size: 29px;
    }
    .hero-section{
      height: 95vh;
    }
    .account-card img{
      width: 90%;
    }
    /* .first, .third{
      margin-top: 120px;
    } */
    .tp-col ul li{
      font-size: 20px;
    }
    .acc-feature-col > .feature-card{
      max-width: 100%;
      min-height: 25vh !important;
      padding: 20px;
    }
    .faq-hero-h1 h1{
      color: #FFF;
      font-size: 5vw;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
    }
    .accordion-item button{
      font-size: 2vw; 
    }
    .accordion-body{
      font-size: 1.4vw;
    }
    .faq-col{
      padding: 8vw;
    }

    
  }


  @media only screen and (max-width: 1220px){
    .ben-card-inner p{
      font-size: 9.7px;
    }
  }
  @media only screen and (max-width: 1200px){
    .ben-card-inner p{
      font-size: 9.7px;
    }
    .lower-cards{
      margin-top: -100px;
    }
    .ben-row{
      justify-content: center;
      padding: 120px 100px 0;
     
    }
    .ben-lg{
      margin-top: 10vw;
    }
    .ben-card-col{
      padding: 0 4vw;
    }

    .meta-card{
      min-height: 500px;
    }
  }

  @media only screen and (max-width: 1199px){
    .leader-card-row{
      justify-content: start;
    
    }
  }

  @media only screen and (max-width: 1150px){
    .ben-card-col{
      padding: 0 3.7vw;
    }
    .ben-row{
      padding: 100px 100px 0;
    }
  }




  @media only screen and (max-width: 1100px){
    .benefit-desktop{
      display: none;
    }
    .benefit-mobile{
      display: block;
    }
    .benefit-title{
      font-size: 12px;
      font-weight: 600;
    }
    .benefit-title-div img{
      width: 56.5px;
      height: 22px;

    }
    .ben-container{
      position: relative;
    }
    .benefit-section-new{
      background-repeat: no-repeat;
      background-size: 100% 100%;
      margin-bottom: 0px;
      margin-top: -20px;
      height: fit-content;
      padding-bottom: 380px;
      
    }
    .ben-card{
      border-radius: 32px;
      padding: 18px 10px 7px;
    }
    .white-div{
      border-radius: 22px;
      padding: 1.3px;
    }
    .ben-card-inner{
      min-height: 205px;
      border-radius: 20.02px;
    }
    .ben-vertical-line{
      margin: auto; width: 0.5px; height: 40px; background-color: rgb(102, 102, 102); box-shadow: 0 0 10px white;
    }
    .ben-card-inner h3{
      font-size: 17.35px;
      font-weight: 700;
      border-bottom: rgb(255, 255, 255, 0.5) 0.5px solid;
      text-align: center;
      padding: 10px 5px;
    }
    .ben-card-inner p{
      font-size: 11px;
      /* letter-spacing: 0.5px; */
      line-height: normal;
      margin-bottom: 0;
      padding: 0 8px 15px;
    }
    .ben-card-col{
      padding: 0 2vw;
    }
  }






  @media only screen and (max-width: 1000px){
    .feature-card h3{
      font-size: 24px;
    }
    .feature-card{
      width: 90%;
    }
  }

  @media only screen and (max-width: 991px){
    .work-col{
      margin-bottom: 50px;
    }
  }

  @media only screen and (max-width: 950px){
   .hamburger{
    display: block;
    cursor: pointer;
   }
   header{
    padding: 10px 20px;
   }
   
   .lang{
    font-size: 10px;
   }
   .burger-line{
    width: 20px;
    height: 2px;
    background-color: white;
    margin: 3px 0;
   }
   .hide{
    display: none;
   }
   header nav{
    z-index: 2;
    position: absolute;
    top: 70px;
    left: 0;
    margin-left: 0;
    width: 100%;
    padding: 20px;
    height: calc(100vh - 70px);
    background: radial-gradient(50% 50% at 50% 50%, #172E63 0%, #000 100%);
   }
   header nav ul{
    flex-direction: column;
    padding-left: 0;
    align-items: start;

   }
   header nav ul li{
    margin-right: 0 !important;
    display: block;

    width: 100%;
   }
   header nav ul li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
   }
   header nav ul li:not(:last-child){
    margin-bottom: 40px;
    
   }
   .arrow-right{
    display: block;

  }
  .login-signup{
    margin-top: 50px;
    display: flex;
    justify-content: center;
  }
  .login-signup a{
    width: fit-content;
    display: inline-block;
  }
  .bar-img-left, .bar-img-right{
    display: block;
    position: absolute;
  }
  .bar-img-left{
    left: 0;
    bottom: 0;
  }
  .bar-img-right{
    right: 0;
    bottom: 0;
  }
  .brand-name img{
    width: 90px;
  }
  .access{
    margin-top: 28vw;
    padding: 15px;
  }
  .hero-text-product{
    position: absolute;
    bottom: 1px;
  }
  .hero-text-product p{
    
    margin-top: 0px;
    margin-bottom: 0;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 12.47px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.607px;
    /* text-transform: capitalize; */
  }
  .p-card-row{
    padding: 0 50px;
  }
  }
  @media only screen and (max-width: 900px){
    .feature-card{
      width: 100%;
    }
    .feature-section{
      padding: 0 5px;
    }
  }

  @media only screen and (max-width: 767px){
    .how-work-col{
      min-height: 403.75px;
      margin-bottom: 50px;
    }

    .work-col-inner{
      margin-bottom: 50px;
    }

    .work-curve-1{
      width: 100%;
    }

    .work-curve-2{
      display: none;
    }
  }


/* ==================================== mobile styles ========================================== */
/* ==================================== mobile styles ========================================== */
/* ==================================== mobile styles ========================================== */
/* ==================================== mobile styles ========================================== */
/* ==================================== mobile styles ========================================== */

  @media only screen and (max-width: 440px){
    header{
      background: radial-gradient(127.65% 86.3% at 50% 50%, #172E63 0%, #040404 100%);
    }
    .mobile{
      display: block;
    }
    .hero-title{
      font-size: 28.37px;
      font-weight: 700;
    }
    .hero-subtitle{
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 20px;
    }
    .desktop{
      display: none;
    }
    .hero-section{
      background-position: center;
      background-size: 100%;
      
      background-repeat: no-repeat;
      height: calc(100vh - 90px);
      position: relative;
      top: 0;
      overflow: hidden;
      background-color: #08122b;
    }
    .hero-text-box{
      margin-top: 5px;
      padding: 15px 15px 0px;
      text-align: center;
    }
    .hero-button{
      font-size: 16.82px;
      font-weight: 500;
    }



    
    
    .pip-col:not(:last-child){
    margin-bottom: 25px;
    }


    .account-section{
      margin-top: 500px;
      position: relative;
      
    }
    .data-chart-section{
      /* background-color: #88A2DD; */
      position: absolute;
      top: -600px;
      padding: 0;
      width: 80%;
      margin-left: 10%;
    }
    .pip-subtitle{
      color: white;
    }
    .pip-clear{
      display: none;
    }
    .account-container{
      /* position: absolute; */
      padding-top: 100px;
    }
    .account-title{
      color: #ffffff;
      font-family: Poppins;
      font-size: 26px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin: 0 20px;
    }
    .white-candle, .blue-candle{
      width: 26px;
      height: 71px;
    }
    .account-subtitle{
      font-size: 12px;
      font-weight: 500;
      margin-bottom: 5px;
    }
    .account-sub-subtitle{
      font-size: 10px;
      font-weight: 500;
    }
    .clear-fix{
      display: none;
    }
    .hide-acc-card{
      opacity: 1;
    }
    .first, .third{
      /* margin-top: 105px; */
      position: normal;
  
      
    }
    .account-card-wraper{
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding: 50px 40px;
  
  
    }
    .account-card:not(:last-child){
      margin-bottom: 40px;
    }



    .tp-section{
      margin-top: 50px;
      
    }
    .tp-row-1{
      border-radius: 85px;
      
    }
    .tp-candles{
      width:100%;
      margin-top: -50px;
    }
    .tp-col{
      text-align: center;
      padding-bottom: 30px;
    }
    .tp-col h1{
      font-size: 26.45px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      margin-left: 0;
      margin-top: 50px;
      margin-bottom: 20px;
    }
    .tp-col ul{
      margin-top: 20px;
      padding-left: 50px;
      padding-right: 10px;
      list-style-type: disc;
      text-align: left;
    }
    .tp-col ul li{
      list-style-type: disc;
      margin-bottom: 15px;
      font-size: 11.65px;
      font-weight: 500;
      
  
      color: #ffffff;
      font-family: Poppins;
      
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      text-transform: capitalize;
    }
    .tp-row-2-col{
      border: #c4c4c4 0.5px solid !important;
      border-top: none !important;
      padding-bottom: 20px;
      
    }
    .meta-card{
      display: flex;
      flex-direction: column;
      align-items: start;
      padding: 40px;
      border-bottom: none;
      margin-bottom: 0px;
      min-height: fit-content;
    }
    .tp-row-2{
      margin-top: -12px;
      padding: 0 50px;
    }
    .meta-card h1{
      font-size: 18px;
      font-weight: 700;
    }
    .meta-card-text{
      font-size: 12.51px;
    }
    .meta-card img{
      width: 66px;

    }

    .tp-footer{
      border-radius: 25px;
      background: rgba(255, 255, 255, 0.01);
      box-shadow: 7px 0px 26px 3px rgba(163, 186, 239, 0.78) inset, -6px 3px 23px -6px rgba(0, 0, 0, 0.25);
      backdrop-filter: blur(38.5px);
      padding: 20px;
      text-align: left;
    }
    .tp-footer-title{
      
      font-size: 23.21px;
      font-style: normal;
      font-weight: 700;
      
    }
    .tp-footer-subtitle{
      color: #ffffff;
      font-family: Poppins;
      font-size: 16.45px;
      font-style: normal;
      
      line-height: normal;
      margin-top: -15px;
    }
    .tp-footer-btn{
      color: white;
      display: inline-block;
      width: 120px;
      margin-right: 10px;
      padding: 8px;
      border-radius: 9px;
      font-size: 12px;
      border: 1px solid rgba(255, 255, 255, 0.42);
      background-color: #172E63;
      text-align: center;
      border-radius: 10.516px;
      border: 1.168px solid rgba(255, 255, 255, 0.42);
      background: linear-gradient(0deg, #172E63 0%, #172E63 100%), #FFF;
      box-shadow: 0px 4.67383px 8.17921px -2.33692px rgba(255, 255, 255, 0.37) inset, 0px 4.67383px 10.51613px -1.16846px rgba(0, 0, 0, 0.47);
    }
    .tp-footer-signup-btn{
      color: white;
      display: inline-block;
      width: 110px;
      text-align: center;
      padding: 8px;
      border-radius: 9px;
      font-size: 12px;
      border: 1px solid rgba(255, 255, 255);
    }
    .tp-row-3{
      border-radius: 34px;
      padding: 20px;
      margin: 50px 15px;
    }



    
    .security-section{
      display: none;
      margin-top: 7px;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 100%;
      height: fit-content;
      padding-bottom: 5px;
      
    }

    .security-mobile{
      display: block;
    }
    .security-line{
      display: none;
    }
    .security-row{
      justify-content: center;
      padding: 50px 10px 0px;
      margin: auto;
      position: relative;
      z-index: 22;
      width: 100%;
    }
    .security-title{
      margin-top: 30px;
      margin-bottom: 0;
      color: white;
      font-size: 21.32px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
    }
    .security-subtitle{
      font-size: 10px;
    }
   
    .security-card{
      text-align: center;
      margin-top: 50px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 70%;
      height: 50vw;
      padding:  10px;
      
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .card-text{
      font-size: 10px;
      color: white;
    }
    .sec-2{
      margin-top: -6px;
    }
    .sec-1, .sec-3{
      margin-top: 100px;
    }
    .sec-4{
      margin-top: -70px;
    }


    .trading-bull-div{
      overflow-x: hidden;

    }
    .trading-bull-div img{
      width: 90%;
    }


    .benefit-desktop{
      display: none;
    }
    .benefit-mobile{
      display: block;
    }
    .benefit-title{
      font-size: 12px;
      font-weight: 600;
    }
    .benefit-title-div img{
      width: 56.5px;
      height: 22px;

    }
    .ben-container{
      position: relative;
    }
    .benefit-section-new{
      background-repeat: no-repeat;
      background-size: 100% 100%;
      margin-bottom: 0px;
      margin-top: -20px;
      height: fit-content;
      padding-bottom: 380px;
      
    }
    .ben-card{
      border-radius: 32px;
      padding: 18px 10px 7px;
    }
    .white-div{
      border-radius: 22px;
      padding: 1.3px;
    }
    .ben-card-inner{
      min-height: 205px;
      border-radius: 20.02px;
    }
    .ben-vertical-line{
      margin: auto; width: 0.5px; height: 40px; background-color: rgb(102, 102, 102); box-shadow: 0 0 10px white;
    }
    .ben-card-inner h3{
      font-size: 17.35px;
      font-weight: 700;
      border-bottom: rgb(255, 255, 255, 0.5) 0.5px solid;
      text-align: center;
      padding: 10px 5px;
    }
    .ben-card-inner p{
      font-size: 11px;
      /* letter-spacing: 0.5px; */
      line-height: normal;
      margin-bottom: 0;
      padding: 0 8px 15px;
    }
    .ben-card-col{
      padding: 0 2vw;
    }

    .trading-journey{
      
      font-size: 21.2px;
      
      font-weight: 700;
      
    }
    .journey-btn{
      
      font-size: 12.50px;
      
    }



    .corner-candles{
      position: absolute;
      width: 40%;
      left: 20px;
      margin-top: -30px;
    }
    .corner-candles-btm{
      display: block;
      margin-right: -50px;
      width: 30%;
      right: 0;
      
      
    }
    .journey-section{
      padding: 50px 30px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      margin-top: 50px;
      border-radius: 220px;
    }
    .journey-row{
      border-radius: 225px;
      background: rgba(255, 255, 255, 0.01);
      box-shadow: 7px 0px 26px 3px rgba(163, 186, 239, 0.78) inset, -6px 3px 23px -6px rgba(0, 0, 0, 0.25);
      /* backdrop-filter: blur(38.5px); */
      color: #ffffff11;
      padding: 30px 15px;
    }
    .journey-col{
      display: flex;
      flex-direction: column;
      margin-bottom: 30px;
      align-items: center;
      text-align: center;
    }
    .journey-text{
      color: white;
      padding: 10px 20px;
      
    }
    .journey-icon-div{
      /* border-right: #5f5f5f 1px solid; */
      padding: 10px 20px;
      text-align: center;
      display: flex;
      align-items: center;
    }
    .journey-icon-div img{
      width: 80px;
    }
    .journey-heading{
      color: #FFF;
      text-align: center;
      font-family: Poppins;
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
    }
    .journey-subheading{
      color: #FFF;
      text-align: center;
      font-family: Poppins;
      font-size: 10px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      margin-bottom: 0;
    }
    .vertical-line{
      display: none;
    }



    .open-account{
      padding: 70px 20px;
    }
    .open-account-heading{
      font-size: 35.78px;
      font-weight: 700;
    }
    .open-acc-row{
      border-radius: 73px;
    }
    .blue-btn{
      margin-right: 0;
    }

    

    .process-row{
      justify-content: center;
    }
    .process-col-img-1, .process-col-img-2, .process-col-img-3{
      text-align: center;
      align-items: center;
      justify-content: center;
    }
    .footer-col{
      padding-left: 30px !important;
    }
    .pip-row{
      padding: 30px 20px;
      border: 1px solid rgba(255, 255, 255, 0.20);
  
     
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.43);
    }
    .pip-title{
      font-size: 16.4px;
      font-weight: 500;
    }
    .pip-subtitle{
      font-size: 16px;
      font-weight: 300;
    }



    /* about page start */

    .about-section{
      background-image: linear-gradient(to bottom, #000, rgb(0, 0, 0, 0));
    }
    .about-hero-col h1{
      font-size: 31.59px;
      font-size: 700;
    }
    .about-hero-col > .proud{
      font-size: 12.08px;
      letter-spacing: 5px;
      text-align: left;
    }
    .about-hero-row{
      justify-content: center;
      padding: 60px;
      
    }
    .about-hero-col{
      margin-top: 50px;
      padding: 40px;
      padding-bottom: 80px;
      padding-top: 100px;
      color: white;
      text-align: center;
      border-radius: 100px;
      background-color: rgba(255, 255, 255, 0.01);
      /* opacity: 0.97; */
      box-shadow: 5.86207px 0px 21.77341px 0px rgba(163, 186, 239, 0.78) inset;
      filter: drop-shadow(-5.024633407592773px 2.5123167037963867px 19.26109504699707px rgba(0, 0, 0, 0.25));
      /* backdrop-filter: blur(32.24140548706055px); */
    }
    
    .about-hero-col h2{
      text-align: left;
      font-size: 44.45px;
      color: #FFF;
      text-shadow: 0px 0px 37.24954605102539px #FFF, 0px 0px 74.49909210205078px #FFF, 0px 0px 260.746826171875px #FFF;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      text-transform: uppercase;
    }
    .about-hero-col > .detail-text{
      margin: 20px 0px 0 0;
      
      color: #FFF;
      text-align: center;
      font-family: Poppins;
      font-size: 19px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      text-transform: none;
      text-align: left;
    }
    .about-hero-candle-2{
      text-align: right;
      margin-top: 10px;
    }
    .about-hero-candle-2 img{
      width: 110px;
      position: absolute;
      margin-left: -50px;
      margin-top: -10px;

    }
    .about-hero-candle-1{
      text-align: left;
      position: absolute;
      margin-left: -80px;
      margin-top: -100px;
    }
    .about-hero-candle-1 img{
      width: 110px;
    }


    .feature-section{
      margin-top: 100px;
      padding: 0 40px;
    }
    .feature-row{
      justify-content: center;
      /* min-height: 80vh; */
    }
    .feature-row-2{
      margin-top: 50px;
    }
    .feature-col{
      display: flex;
      justify-content: center;

    }
    .feature-row .feature-col:not(:last-child){
      margin-bottom: 50px;
    }
    .feature-card{
      border-radius: 200px;
      background-position: center;
      background-repeat: no-repeat;
      color: white;
      padding: 20px 40px;
  
      width: 100%;
      min-height: 50vh;
      text-align: center;
  
      background-color: rgba(255, 255, 255, 0.02);
      
      box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
      filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
      backdrop-filter: blur(54.58000564575195px);
  
      animation-name: example;
      animation-duration: 5s;
      animation-iteration-count: infinite;
    }
    .feature-card img{
      width: 107px;
  
    }
    .feature-card h3{
      color: #FFF;
      text-align: center;
      font-family: Poppins;
      font-size: 32.34px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin: 10px 0;
    }
    .feature-card p{
      text-align: center;
      color: #ffffff;
      font-size: 14.14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
    }
    .about-feature-light{
      width: 9px;
      height: 22px;
    }



     /* infrastructure secton start */
  .infra-section{
    padding-top: 150px;
  }
  .infra-row{
    justify-content: center;
    color: white;
  }
  .infra-text-col{
    padding: 0 50px 30px;
    justify-content: center;
  }
  .infra-text-col h1{
    color: #FFF;
    text-align: center;
    font-size: 24.49px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
  }
  .infra-text-col p{
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
  }
  .infra-card h6{
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
  }
  .infra-card h1{
    color: #FFF;
    text-align: center;
    font-size: 32.74px;
    font-weight: 600;
    line-height: normal;
  }
  .infra-card p{
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
  }
  .infra-card:not(:last-child){
    margin-bottom: 30px;
  }
  /* infrastructure section end */


  /* knowledge section start */
  .big-section-2{
    margin-top: -5px;
  }
  .knowledge-col{
    text-align: center;
    justify-content: center;
  }
  .knowledge-col h1{
    color: #FFF;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    position: relative;
    top: 410px;
  }
  .knowledge-col img{
    width: 80%;
  }
  .knowledge-card{
    margin: auto;
    margin-top: -80px;
    width: 70%;
    padding: 30px;
    border-radius: 76px;
    fill: rgba(255, 255, 255, 0.01);
    opacity: 1;
    box-shadow: 5.13263px 0px 19.06405px 0px rgba(163, 186, 239, 0.78) inset;
    filter: drop-shadow(-4.3993964195251465px 2.1996982097625732px 16.86435317993164px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(10px);
  }
  .knowledge-card p{
    text-align: center;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
  }
  .feature-on-wraper{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .line-div{
    width: 40%;
    height: 1px;
    background-color: white;
  }
  .feature-on{
    padding: 3px 15px;
    border-radius: 50px;
    border: white 1px solid;
    color: white;
    margin: 0 5px;
    font-size: 12px;
  }
  /* knowledge section end */


  /* ===============product page start========================= */
  /* ===============product page start========================= */


  .product-hero-section{
    display: none;
    position: relative;
    margin-top: -90px;
    z-index: -100;
    height: 157vw;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    filter: brightness(50%);

    animation-name: example-2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
  }
  .product-mobile{
    display: block;
  }
    
  
  @keyframes example-2 {
    0%{
      filter: brightness(50%);
    }
    50%	{
      filter: brightness(100%);
    }
    100%  {
      filter: brightness(50%);
    }
    
  }


  .product-hero-row{
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
  }
  .product-hero-col{
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .product-hero-img{
    /* margin-top: -90px; */
    align-items: center;
    width: 100%;
  }
  .access{
    width: 90%;
    margin: auto;
    padding: 20px 10px;
    margin-top: 84vw;
    background-color: rgba(255, 255, 255, 0.01);
    border-radius: 164px;
    box-shadow: 5.09639px 0px 18.92946px 0px rgba(163, 186, 239, 0.78) inset;
    filter: drop-shadow(-4.368336200714111px 2.1841681003570557px 16.745288848876953px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(28.030162811279297px);
  }
  .access h1{
    color: #FFF;
    /* text-shadow: 0px 0px 35.6712760925293px #FFF, 0px 0px 71.3425521850586px #FFF, 0px 0px 249.69891357421875px #FFF, 0px 0px 499.3978271484375px #FFF, 0px 0px 856.1106567382812px #FFF, 0px 0px 1498.1934814453125px #FFF; */
    text-shadow: 0px 0px 13.26464557647705px #FFF, 0px 0px 26.5292911529541px #FFF, 0px 0px 92.85250854492188px #FFF, 0px 0px 185.70501708984375px #FFF, 0px 0px 318.35150146484375px #FFF, 0px 0px 557.1150512695312px #FFF;

    font-size: 15px;
    margin-bottom: 0;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
  .hero-text-product{
    position: absolute;
    bottom: 1px;
  }
  .hero-text-product p{
    
    margin-top: 0px;
    margin-bottom: 0;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 12.47px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.607px;
    /* text-transform: capitalize; */
  }

  /* products hero section end */
  .liquidity-title h1{
    font-size: 22.22px;
  }
  .liquidity-col p{
    font-size: 20px;
    font-weight: 500;
  }
  .p-card{
    border-radius: 90px;
  }
  .liquidity-section{
    background-size: 100%;
    background-position: center bottom;
    background-image: linear-gradient(to bottom, #000, #172e63);
  }
  .liq-bg{
    background: radial-gradient(#172E63 0%, #040404 100%);
    width: 100%;
    height: 400vh;
    position: absolute;
  }

  /* =================ACCOUNT PAGE START================== */
  .acc-top-gray-shade{
    display: none;
  }
  .account-hero-h1{
    padding: 7px 40px;
  }
  .account-hero-h1 h1{
    font-size: 31px;
    font-weight: 700;
  }
  .acc-subheading h2{
    font-size: 19px;
    font-weight: 500;
  }
  .acc-subheading p{
    font-size: 12.57px;
    font-weight: 500;
  }
  .acc-hero-btn{
    font-size: 14px;
    font-weight: 500;
  }
  .account-hero-section{
   
    position: relative;
    top: -90px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100vh;
    background-color: #000;
    background-blend-mode: luminosity;
  }
  .account-hero-row{
    padding-bottom: 20px;
  }
  .acc-row-2{
    padding-left: 50px;
    padding-right: 50px;
  }
  .acc-card-col{
    margin-top: 0 !important;
    height: fit-content;
    margin: 40px 0 !important;
  }
  .why-acc-col{
    display: none;
  }
  .why-mobile{
    display: block;
    margin-top: -80px;
  }
  .why-acc h1{
    font-size: 24px;
    font-weight: 600;
    margin: 0;
  }
  .decor-btn-1, .decor-btn-2{
    width: 25px !important;
    height: 25px !important;
  }
  .why-acc{
    display: block;
    padding: 10px 30px;
    margin-top: 1px;
  }
  .why-acc div{
    display: flex;
    justify-content: space-between;
  }
  .desktop-acc-curve{
    display: none;
  }
  .mobile-acc-curve{
    display: block;
    width: 100%;
    text-align: center;
  }
  .wire-col{
    height: 100px;
  }
  .wire-col .left-wire{
    rotate: 90deg;
    position: absolute;
    left: 20px;
    width: 100px;
  }
  .wire-col .right-wire{
    rotate: 90deg;
    position: absolute;
    right: 20px;
    width: 100px;
  }
  .why-acc-col-2{
    display: block;
    margin-top: -40px;
    border-bottom: rgb(122, 122, 122) 1px solid;
    padding: 0 20px 50px;
  }
  .why-acc-2{
    padding: 40px 20px;
  }
  .why-acc-2 p{
    margin: 20px;
    font-size: 22px;
    border-radius: 165px;
  }
  .shade-div{
    display: none;
  }




  .acc-feature h3{
    font-size: 18.12px;
    font-weight: 600;
  }
  .acc-feature-col:not(:last-child){
    margin-bottom: 50px;
  }
  .acc-feature-section{
    padding-top: 50px !important;
  }
  .acc-feature-row{
    padding: 0 10vw;
  }
  .feature-row-2{
    padding-bottom: 50px;
  }
  .feature-card{
    border-radius: 148px;
  }
  .acc-feature{
    min-height: 80vw;
  }




  .contact-hero-section{
    width: 100%;
    margin-top: 0;
    height: fit-content;
    background-size: 100% 100vh;
    background-position: center top;
    background-color: #000;
  }
  .x-light{
    width: 280px;
  }
  .contact-hero-h1{
    padding: 10px 30px;
  }
  .contact-hero-h1 h1{
    font-size: 35px;
    font-weight: 700;
  }
  .contact-hero-h2 h2{
    font-size: 33px;
    font-weight: 600;
  }
  .sand{
    position: absolute;
    top: 80px;
    opacity: 0.1;
    width: 95%;
  }
  .faqMobile{
    display: block;
  }
  
  .faq-btn{
    
    right: 20px;
    top: 100px;
    z-index: 3;
    
  }
  .faq-img{
    width: 40px;
  }
  .contact-hero-h2{
    padding: 30px 10px;
    margin: 50px 10px 10px;
    border-radius: 50px;
  }
  .pma-row{
    padding: 0 10px;
  }
  .pma-section{
    margin-top: -2px;
    width: 100%;
  }
  .contact-animation{
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0.6;
    height: 150vw;
    
  }
  .pma-col{
    margin-bottom: 0px;
    width: 90%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .pma-col-h1 h1{
    font-size: 29px;
    font-weight: 600;
    line-height: 40px;
  }




  .form-section{
    background-color: rgba(0, 0, 0, 0.8);
    
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: luminosity;
    position: relative;
    
    background-size: 30%;
  }
  .form-row{
    margin: 0;
    justify-content: center;
    padding: 70px 10px;
  }
  .form-col{
   
    padding: 50px 20px;
    margin: 0;
    min-height: 400px;
    border-radius: 56px;
  
    filter: drop-shadow(-3.9278318881988525px 1.9639159440994263px 15.05668830871582px rgba(0, 0, 0, 0.25));
    color: white;
    background-color: rgba(255, 255, 255, 0.01);
    box-shadow: 4.58247px 0px 17.02061px 0px rgba(163, 186, 239, 0.78) inset;
    backdrop-filter: blur(3px);
  
  }
  .field-wraper, .field-msg, .field-check{
    margin-bottom: 35px;
  }
  .field-wraper{
    display: block;
    
  }
  .field{
    width: 100%;
  }
  .field:not(:last-child){
    margin-bottom: 35px;
  }
  .field-msg{
    width: 100%;
    
  }
  .field-check label{
    font-size: 12px;
  }
  .submit-btn{
    display: block;
    margin: auto;
  }
  .bull-bear-section{
    width: 100%;
    overflow-x: hidden;
    background-color: #000;
    background-position: center;
    background-size: cover;
    height: 100vw;
    background-repeat: no-repeat;
    background-blend-mode: luminosity;
    
  }
  .x-light-img{
    position: absolute;
    right: 27vw;
    margin-top: 37vw;
    width: 210px;
  }
  .x-fade{
    display: none;
  }
  .cont-top-gray-shade{
    display: none;
  }
  .pma-shade-div{
    display: none;
  }





  .faq-hero-section{
    margin: 0 !important;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100vh;
    background-color: #000;
    background-position: center top;
  }
  .faqDesktop{
    display: none;
  }
  .faq-hero-row{
    margin: 0;
  }
  .faq-hero-col{
    padding: 0 10px;
  }
  .faq-hero-h1{
    border-radius: 50px;
    text-align: center;
    padding: 20px 30px;
    animation-name: faq-h1-new;

    background-color: rgba(255, 255, 255, 0.02);
    opacity: 1;
    box-shadow: 1.44255px 0px 5.35806px 0px rgba(163, 186, 239, 0.78) inset;
    filter: drop-shadow(-1.2364745140075684px 0.6182372570037842px 4.739819049835205px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(17.181690216064453px);
    transition: 3s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
  }
  .faq-hero-h1 h1{
    font-size: 32.23px;
    font-weight: 700;
  }
  @keyframes faq-h1-new {
    0%{
      background-color: rgba(255, 255, 255, 0.02);
      
      box-shadow: 1.44255px 0px 5.35806px 0px rgba(163, 186, 239, 0.78) inset;
      filter: drop-shadow(-1.2364745140075684px 0.6182372570037842px 4.739819049835205px rgba(0, 0, 0, 0.25));
      backdrop-filter: blur(1px);
      
    }
    50%	{
      background-color: #172E63;
      
      box-shadow: 1.44255px 0px 5.35806px 0px rgba(163, 186, 239, 0.78) inset;
      filter: drop-shadow(-1.2364745140075684px 0.6182372570037842px 4.739819049835205px rgba(0, 0, 0, 0.25));
      backdrop-filter: blur(5px);
    }
    100%  {
      background-color: rgba(255, 255, 255, 0.02);
      
      box-shadow: 1.44255px 0px 5.35806px 0px rgba(163, 186, 239, 0.78) inset;
      filter: drop-shadow(-1.2364745140075684px 0.6182372570037842px 4.739819049835205px rgba(0, 0, 0, 0.25));
      backdrop-filter: blur(1px);
    }
    
  }
  .faq-hero-h1{
    margin-top: 100px;
  }
  .cont-top-gray-shade{
    display: none;
  }

  .faq-section{
    margin: -2px 0 0;
    width: 100%;
  }
  .faq-row{
    margin: 0;
    padding: 0 30px;
  }
  .faq-col{
    border-radius: 90px;
    margin-top: -300px;
    min-height: 80vh;
  }
  .accordion-item button{
    color: #FFF;
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  .accordion-body{
    color: #FFF;
    font-family: Poppins;
    font-size: 9px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.8px;
    text-transform: capitalize;
  }


  /* =========================forex page start================== */
  .forex-hero-section{
    background-repeat: no-repeat;
    background-size: cover;
    height: fit-content;
    background-position: center;
    margin-top: 0px;
    background-color: #172E63;
    background-blend-mode: luminosity;
    padding-bottom: 50px;
  }
  .forex-hero-row{
    padding-top: 50px;
  }
  .forex-hero-col h1{
    font-size: 53.39px;
    font-weight: 700;
    line-height: 60px;
  }
  .pair-card-wraper{
    display: block;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
  }
  .pair-card{
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0px 0px 15px 1px #FFF;
    backdrop-filter: blur(4px);
    padding: 20px;
    text-align: center;
    margin: 0 25px;
    
  }
  .pair-card:not(:last-child){
    margin-bottom: 30px;
  }
  .forex-gray-shade{
    display: none;
  }
  .forex-blue-shade{
    display: none;
  }
  .table-header-col div{
    animation-name: example-6;
    transition: 3s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    border-radius: 200px;
    width: 80%;
    padding: 90px 20px;
    text-align: center;
    margin: auto;
    margin-top: -110px;
    background-image: radial-gradient(#172e63, #172e6302) !important;
    
  
  }
  .forex-circle-1, .forex-circle-1-right, .forex-circle-3{
    display: none !important;
  }
  .forex-head-img-desktop{
    display: none;
  }
  .forex-head-img{
    display: block;
  }
  .forex-head-img-2{
    display: block;
    margin-top: -110px;
  }
  .table-header-col div h2{
    color: #FFF;
    text-shadow: 0px 0px 34.89754867553711px #88A2DD;
    font-family: Poppins;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 79.391px; /* 147.964% */
    letter-spacing: 6.975px;
    text-transform: uppercase;
  }
  .table-header-col div p{
    color: #FFF;
    text-align: left;
    font-family: Poppins;
    font-size: 17.54px;
    font-style: normal;
    font-weight: lighter;
    line-height: normal;
    text-transform: none;
    margin: 20px 0;
  }
  .link-section{
    display: none;
  }
  .link-mobile{
    display: block;
    padding: 0;
  }
  .link-col img{
    display: none;
  }
  .link-container{
    border-radius: 0;
    background-color: #000 !important;
    padding: 0;
  }
  .link-col{
    padding: 2px;
  }
  .link-col a{
    font-size: 8px;
    color: white;
    transition: 0.5s;
  }
  .link-col .liq-prd-active{
    /* text-decoration: underline; */
    font-size: 10px;
    font-weight: 600;
  }
  .link-row{
    padding: 0 !important;
    margin: 0 !important;
  }
  .nfd{
    padding-left: 20px !important;
  }
  .forex-pair-section{
    padding: 5px;
    margin-top: -1px;
  }
  .table-container{
    border-radius: 54px;
    padding: 30px;
  }
  .ben-row{
    padding-left: 110px;
    padding-right: 110px;
  }
  .footer-btn-div{
    display: flex;
    justify-content: center;
  }
  .process-col-3{
    margin-top: 50px;
  }
  .footer-col:not(:last-child){
    margin-bottom: 30px;
  }


  .promotion-form-row{
    padding: 50px 20px;
  }

  .bonus-section p{
    padding: 0 20px;
  }

  .work-curve-1, .work-curve-2{
    display: none;
  }

  .leader-hero-section{
    padding-left: 20px;
  }

  }
  

  @media only screen and (max-width: 390px){
    .x-light-img{
      position: absolute;
      right: 23vw;
      margin-top: 25vw;
      width: 210px;
    }
    .ben-row{
      padding-left: 80px;
      padding-right: 80px;
    }
    .about-hero-row{
      padding-left: 30px;
      padding-right: 30px;
    }
    .about-hero-candle-1 {
      
      margin-left: -60px;
    }
    .feature-section {
      padding: 0 20px;
    }
    .feature-card {
      padding: 40px 30px;
    }
  }

    .tradingview-widget-container{
        height: 45px !important;
  }