* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-size: 20px;
}

@font-face {
  font-family: "proxima_novaregular";
  src: url("fonts/proxima_nova_regular-webfont.woff") format("woff2"),
    url("fonts/proxima_nova_regular-webfont.woff") format("woff");

  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proxima_novasemibold";
  src: url("fonts/proxima_nova_semibold-webfont.woff2") format("woff2"),
    url("fonts/proxima_nova_semibold-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "proxima_novabold";
  src: url("fonts/ProximaNova-Bold.woff2") format("woff2"),
    url("fonts/ProximaNova-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

html,
body {
  font-family: "proxima_novaregular";
  /* width: 100vw; */
  overflow-x: hidden;
}

.blue-btn {
  font-family: "proxima_novasemibold";
  padding: 0 24px;
  height: 50px;
  font-size: 16px;
  background: #26175c;
  border-radius: 20px;
  overflow: hidden;
  color: #fbfbfc;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  text-transform: uppercase;
}

.blue-btn.center {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  align-items: center;
  text-decoration: none;
  font-family: "proxima_novasemibold";
  list-style: none;
}

.blue-btn:hover {
  background: transparent;
  color: #26175c;
  border: 1px solid #26175c;
}

/* Header Starts */
header {
  position: absolute;
  width: 100%;
  height: 80px;
  z-index: 1;
}

header .container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}

.container {
  max-width: 1700px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.body-container {
  max-width: 1360px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  /* margin-top: 60px; */
}

.logo-section {
  width: 200px;
}

/* Header Ends */

.pt0 {
  padding-top: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.comm-space {
  padding: 60px 0px 30px 0px;
  /* margin-top: 30px; */
  /* margin-bottom: -62px; */
}

.comm-space2 {
  padding: 60px 0px 60px 0px;
  margin-bottom: 2px;
}

.comm-section-hdn {
  font-size: 42px;
  font-family: "proxima_novabold";
  line-height: 1;
  position: relative;
  margin-bottom: 11px;
  margin-top: -50px;
  color: #26175c;
  padding-bottom: 12px;
  margin-bottom: 16px;
  /* margin-top: 30px; */
}

.comm-section-hdn.sky-blue {
  color: #77edff;
}

.comm-section-hdn.sky-blue::after {
  background: #ffffff;
}

.comm-section-hdn::after {
  content: "";
  width: 80px;
  height: 3px;
  background: #47c6e7;
  position: absolute;
  top: 100%;
  left: 0;
}

.comm-para p {
  font-size: 20px;
  font-family: "proxima_novaregular";
  color: #000000;
  line-height: 1.5;
  margin-bottom: 12px;
}

.comm-para p:last-child {
  margin-bottom: 0;
}

.banner-section {
  position: relative;
  overflow: hidden;
  padding-bottom: 60px;
}

.banner-section .container {
  position: relative;
  padding: 160px 0 60px;
}

.banner-content-wrap {
  display: flex;
  gap: 60px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.banner-img {
  width: 100%;
  height: 100%;
  position: absolute;
}

.banner-img img {
  width: 100%;
  height: 100%;
  /*object-fit: contain;*/
  object-position: top;
}

.banner-hdn-box {
  max-width: 445px;
}

.banner-hdn span {
  font-size: 92pt;
  color: #47c6e7;
  display: block;
  font-family: "proxima_novabold";
}

.banner-small-hdn .bakisab {
  font-size: 29pt;
  color: #white !important;
  font-family: 'Montserrat', sans-serif; font-style: italic; font-weight: 400;
}

.banner-hdn {
  font-size: 50pt;
  margin-bottom: 0px;
  font-family: "proxima_novasemibold";
  color: #ffffff;
  line-height: 1;
}

.radio-form {
  display: flex;
  align-items: center;
  gap: 8px;
}
.radio-form input {
  width: 25px;
  height: 35px;
  margin-bottom: 0;
}
.szcls {
  margin-top: 15px;
}
.radio-form label {
  font-size: 15px;
}

.form-wrap button {
  width: 100%;
}

.form-wrap .title {
  font-size: 30px;
  font-family: "proxima_novasemibold";
  color: #15468c;
  margin-bottom: 16px;
  text-align: center;
}

.form-group input {
  font-family: "proxima_novaregular";
  width: 100%;
  height: 50px;
  padding: 0px 35px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 12px;
  border: 1px solid #efefef;
  margin-bottom: 10px;
}

.checboxcls label {
  text-align: left;
  font-size: 13px;
}
.hyperlinkterm {
  font-size: 13px;
}
input[type="checkbox"] {
  margin-bottom: 0px;
  width: 15px;
  height: 15px;
}

input {
  margin-bottom: 20px;
  border: none;
  outline: none;
}

input[type="checkbox"] {
  margin-bottom: 0px;
  width: 18px;
  height: 20px;
  vertical-align: middle;
}

input:focus-visible {
  border: 1px solid #efefef;
}

form .form-group .usericon {
  background: url(../images/usericon.webp);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 10px;
}

form .form-group .callicon {
  background: url(../images/callicon.webp);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 10px;
  border-radius: 10px;
}

form .form-group .mailicon {
  background: url(../images/mailicon.webp);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 10px;
  border-radius: 10px;
}

.checboxcls {
  margin-bottom: 20px;
}

.form-wrap {
  max-width: 380px;
  background-color: #fff;
  box-shadow: 0px 0px 15px -5px #000;
  padding: 50px;
  border-radius: 15px;
}

.banner-small-hdn {
  font-size: 38pt;
  margin-bottom: 12px;
  font-family: "proxima_novabold";
  color: #ffffff;
  line-height: 1;
  position: relative;
  padding-bottom: 15px;
}

.banner-small-hdn::after {
  content: "";
  width: 110px;
  height: 2px;
  background: #47c6e7;
  position: absolute;
  top: 100%;
  left: 0;
}

.banner-para p {
  font-size: 25pt;
  font-family: "proxima_novabold";
  color: #ffffff;
  line-height: 1.3;
}

.pro-tip-wrap {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 10px;
}

.pro-box-wrap {
  display: flex;
  gap: 45px;
  max-width: 1200px;
  width: 100%;
}

.gold-box {
  border-radius: 14px;
  /* overflow: hidden; */
  padding: 30px 20px;
  background: #fff6e5;
  width: 100%;
  /* max-height: 380px; */
  border: #f8ae26 3px solid;
}

.gold-box p {
  font-size: 22px;
  font-family: "proxima_novaregular";
  color: black;
  line-height: 1.4;
  margin-bottom: 16px;
  text-align: left;
}

.gold-pricing-wrap {
  font-family: "proxima_novasemibold";
  border-radius: 24px;
  overflow: hidden;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
  background: #fce8c3;
  box-shadow: 0px 0px 15px -5px #000;
}

.gold-pricing-wrap del {
  font-size: 22px;
  color: #26175c;
  padding-left: 12px;
}

.gold-pricing-wrap h5 {
  font-size: 45px;
  color: #26175c;
  font-family: "proxima_novasemibold";
  font-weight: bold;
}
.gold-pricing-wrap span {
  font-size: 24px;
  color: #26175c;
  background: #f9d798;
  font-family: "proxima_novasemibold";
  padding: 5px;
  border-radius: 20px;
  text-transform: uppercase;
}

.pro-box {
  border-radius: 14px;
  /* overflow: hidden; */
  padding: 30px 20px;
  background: #edf2ff;
  width: 100%;
  /* max-height: 380px; */
}

.bgnone img {
  width: 80%;
}
.pro-box p {
  font-size: 24px;
  font-family: "proxima_novaregular";
  color: black;
  line-height: 1.4;
  margin-bottom: 50px;
  text-align: left;
}

.pro-hdn {
  font-size: 32px;
  font-family: "proxima_novabold";
  color: #26175c;
  line-height: 1.25;
  margin-bottom: 22px;
  text-align: left;
}
.bgnone {
  background-color: transparent !important;
  padding-top: 10px;
}
.pro-pricing-wrap {
  font-family: "proxima_novasemibold";
  border-radius: 24px;
  overflow: hidden;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
  background: #cddbff;
  box-shadow: 0px 0px 15px -5px #000;
}

.pro-pricing-wrap del {
  font-size: 22px;
  color: #26175c;
  padding-left: 12px;
}

.pro-pricing-wrap h5 {
  font-size: 45px;
  color: #26175c;
  font-family: "proxima_novasemibold";
  font-weight: bold;
}
.pro-pricing-wrap span {
  font-size: 24px;
  color: #26175c;
  background: #b3c8ff;
  font-family: "proxima_novasemibold";
  padding: 5px;
  border-radius: 20px;
  text-transform: uppercase;
}

.pro-box:nth-child(even) {
  background: #fff2f5;
}

.pro-box:nth-child(even) .pro-pricing-wrap {
  background: #ffdce5;
}

.pro-box:nth-child(even) .pro-pricing-wrap span {
  background: #ffceda;
}

.pro-img {
  height: 552px;
  /* width: 470px; */
}

.pro-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-right: auto;
}
.pro-tip-detail {
  margin: 0rem 0rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zero-img{
  width: 17rem;
}

.zero2{
  margin-top: 1.5rem;
}

.zero2 h1 {
  font-size: 32px;
  color: #26175c;
  font-family: "proxima_novasemibold";
  margin-bottom: 20px;
  line-height: 1rem;
}

.zero2 p {
  font-size: 22px;
  color: #515151;
  font-family: "proxima_novaregular";
  margin-bottom: 2rem;
  margin-top: 5px;
  line-height: 2rem;
}
.text_decoration_none {
  text-decoration: none;
}
.shadow-seperator {
  margin-bottom: 0px;
  margin-top: -24px;
}

.rule-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1px;
  margin-top: 5px;
  /* gap: 100px; */
}

.rule-info {
  flex: 1;
}

.rule-para {
  padding-bottom: 24px;
  border-bottom: 1px solid #a3e2f3;
  margin-bottom: 24px;
}

.rule-para p {
  font-size: 24px;
  font-family: "proxima_novaregular";
  color: #000000;
  line-height: 1.6;
  margin-bottom: 12px;
}

.rule-para p:last-child {
  margin-bottom: 0;
}

.rule-img {
  /* padding: 86px; */
  margin-bottom: 3rem;
}

.featured-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 26px;
}

.featured-box {
  display: flex;
  align-items: center;
  gap: 16px;
}

.featured-wrap p {
  font-size: 24px;
  color: #26175c;
  font-family: "proxima_novabold";
  line-height: 1.2;
}

.featured-img {
  width: 80px;
  height: 80px;
}

.featured-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.subscribe-box {
  background: #fff6e5;
  display: flex;
  gap: 12px;
  padding: 24px;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
}

.subscribe-box p {
  font-size: 22px;
  color: #26175c;
  font-family: "proxima_novasemibold";
  line-height: 1.4;
  flex: 1;
}

.succeed-wrap {
  background: #15468c;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.succeed-info {
  padding: 84px 34px 40px 34px;
  flex: 1;
}

.succeed-info .comm-para p {
  color: #ffffff;
  margin-bottom: 34px;
}

.trade-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background-image: linear-gradient(#005e9c, #005e9c00);
  border-radius: 16px;
  padding: 36px;
}

.trade-box .blue-btn {
  background: #77edff;
  color: #26175c;
}

.trade-box p {
  font-size: 22px;
  color: #fff;
  font-family: "proxima_novasemibold";
  line-height: 1.4;
  flex: 1;
}

.trade-box .blue-btn:hover {
  background: transparent;
  color: #77edff;
  border: 1px solid #77edff;
}

.succeed-img {
  /* height: 500px; */
  width: 600px;
}

.succeed-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px 0 0 24px;
  /* margin-top: -120px; */
}

/*==========================================================================
=> Accordion
==========================================================================*/
.acc-faq .panel {
  background: #26175c;
  color: #fff;
  padding: 18px;
}

.acc-faq .accordion {
  padding: 24px 60px 24px 20px;
  background: #fafafa;
}

.acc-faq .accordion::after {
  right: 26px;
}

.acc-faq.active .accordion::after {
  color: #fff;
  right: 30px;
}
.acc-faq {
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 12px;
}
.acc-faq.active .accordion {
  background: #26175c;
  color: #fff;
}

.acc-item {
  border-bottom: 2px solid #26175c;
}

.accordion {
  color: #26175c;
  cursor: pointer;
  padding: 24px 60px 24px 0px;
  border: none;
  outline: none;
  font-size: 22px;
  transition: 0.4s;
  text-align: left;
  font-family: "proxima_novasemibold";
  background: #fff;
  position: relative;
}

.accordion::after {
  content: "+";
  font-size: 46px;
  color: #26175c;
  position: absolute;
  right: 0;
  top: 10px;
  transition: all 0.3s ease;
}

.active .accordion::after {
  content: "-";
  font-size: 50px;
  top: 5px;
}

.panel {
  display: none;
  padding: 0 0 18px;
  background-color: white;
}

.panel p {
  font-size: 18px;
  margin-bottom: 18px;
  line-height: 1.6;
}

.panel p:last-child {
  margin-bottom: 0;
}

/*==========================================================================
=> Accordion Ends
==========================================================================*/

.subscribe-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

.subscribe-img {
  width: 50%;
  height: 700px;
}

.subscribe-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.acc-container {
  flex: 1;
}

.brockerage-info {
  position: relative;
  padding: 50px 0;
}

.brockerage-info a {
  text-decoration: none;
}

.brockerage-info::after {
  content: "";
  background: url("../images/shadow-sep.webp");
  width: 100%;
  height: 26px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -50px;
}

.brockerage-info::before {
  content: "";
  background: url("../images/shadow-sep.webp");
  width: 100%;
  height: 26px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -50px;
}

.brockerage-info .comm-section-hdn {
  text-align: center;
  max-width: 1050px;
  margin: 0 auto 30px;
  font-size: 60px;
}

.brockerage-info .comm-section-hdn::after {
  left: calc(50% - 40px);
}

.brockerage-para p {
  font-size: 20px;
  margin-bottom: 26px;
  color: #000;
  line-height: 1.6;
  text-align: center;
}

.stoxbox-detail-section {
  background: #f7f5fe;
}

.content-detail p {
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  margin-bottom: 12px;
}

.content-detail ol li {
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  margin: 10px 18px 10px;
}

.content-detail ol li::marker {
  position: absolute;
  top: 5px;
  left: 11px;
}

.detail-img {
  width: 200px;
  height: 43px;
  margin-bottom: 25px;
  margin-top: 30px;
}

.detail-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.disclosure-sec {
  background-color: #26175c;
  padding: 20px 0;
}

.disclosure-sec p {
  font-size: 18px;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
}
.disclosure-sec a {
  color: #ffffff;
  text-decoration: none;
}
.alert-section .succeed-wrap {
  overflow: visible;
}

.alert-section .succeed-img {
  position: relative;
}

.alert-section .succeed-img img:nth-child(even) {
  position: absolute;
  left: 61px;
  object-fit: contain;
  width: 430px;
  height: 927px;
  top: -230px;
}
.pt-4 {
  padding-top: 40px;
}
.pt-0 {
  padding-top: 0px;
}
.alert-section .succeed-wrap {
  background: #040b48;
}

.alert-section .trade-box {
  display: block;
  background-image: none;
  padding: 0;
}

.alert-section .trade-box p {
  margin-bottom: 18px;
  margin-top: -10px;
}

.alert-pointer {
  margin-bottom: 36px;
  margin-top: 30px;
}

.alert-pointer li {
  padding-left: 40px;
  position: relative;
  list-style: none;
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #fff;
}

.alert-pointer li::before {
  content: "";
  background: url(../images/green-tick-mark.png) no-repeat;
  background-size: 25px;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 3px;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40px;
}

th,
td {
  padding: 24px;
  font-size: 19px;
  text-align: left;
}

td {
  color: #272727;
  line-height: 33px;
}

tr {
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 12px;
}

tr:nth-child(1) {
  background: #26175c;
  color: #fff;
}

tr:nth-child(2n) {
  background: #edf2ff;
  color: #26175c;
}

tr:nth-child(3n) {
  background: #f9fbff;
  color: #26175c;
}

.separate-para p {
  font-size: 23px;
  line-height: 1.3;
  margin-bottom: 40px;
  color: #26175c;
  text-align: center;
}
.faq-acc-container {
  padding: 0px 0px 0px 0px;
}
.pt_4 {
  padding-top: 40px;
}
.pt_5 {
  padding-top: 100px;
  padding-bottom: 40px;
}
.mt_4 {
  margin-top: 40px;
}
.font_14 {
  font-size: 14px;
}

.close-btn {
  font-family: "proxima_novasemibold";
  padding: 0 10px;
  height: 50px;
  font-size: 16px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #26175c;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  text-transform: uppercase;
}

.close-btn.center {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  align-items: center;
  text-decoration: none;
  font-family: "proxima_novasemibold";
  list-style: none;
}

.close-btn:hover {
  background: transparent;
  color: #26175c;
  border: 1px solid #26175c;
}

#phclosebtn{
  text-align: right;
}