* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

@import url('css2-Robotoitalwght0100..9001100..900_swap.css');

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #fff;
  font-family: Montserrat, sans-serif;
  font-family: 'Open Sans', sans-serif;
  font-family: Oswald, sans-serif;
  font-family: Roboto, sans-serif;
  font-family: Jost, sans-serif
}

a {
  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out;
  text-decoration: none
}

.header_bar.header_warpp {
  box-shadow: 0px 4px 4px 0px #0000001A;
}

.stock-market-simplified {
  overflow: hidden;
}

/* TRADING IN THE ZONE Start */
h3.table-title {
  background: rgba(47, 180, 99, 1);
  color: #fff;
  text-transform: uppercase;
  font-family: Roboto;
  font-weight: 600;
  font-size: 21px;
  line-height: 24.61px;
  padding: 16px 24px;
}

.common-padding {
  padding: 50px 0;
}

.table-outer {
  border: 1px solid #2FB463;
  border-radius: 8px;
  overflow: hidden;
}

.table-common {
  width: 100%;
  background: rgba(245, 245, 249, 1);
  color: #2F4858;
  font-family: Roboto;
  font-weight: 400;
  font-size: 15px;
  line-height: 23.6px;
}

.table-common tr:nth-child(even) {
  background-color: rgba(47, 180, 99, 0.05);
}

.table-common tr:nth-child(odd) {
  background-color: #fff;
}

.table-common thead tr {
  background: rgba(47, 180, 99, 0.05) !important;
}

.table-common thead tr th {
  font-weight: 600;
  position: relative;
}

.table-common thead tr th span {
  position: absolute;
  top: -12px;
  padding: 4px 16px;
  font-family: Roboto;
  font-weight: 600;
  font-size: 12px;
  line-height: 14.06px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 27px;
}


.table-common thead tr th span.exclusive-bg{ background:#FFC00F; /*animation: exclusive 1.5s ease-in-out infinite alternate;*/ }
@keyframes exclusive {
  from {
    background: #2FB463;
  }

  to {
    background: #fff;
    color: #FF630E;
    border-color: rgba(255, 99, 14, 0.19);
  }
}

.table-common thead tr th span.trending-bg{background:#c94345; /*animation: trending 1.5s ease-in-out infinite alternate; */}
@keyframes trending {
  from {
    background: #E2191C;
  }

  to {
    background: #fff;
    color: #E2191C;
    border-color: #E2191C;
  }
}

.table-common thead tr th span.bestseller-bg{ background: #2FB463;/*animation: bestseller 1.5s ease-in-out infinite alternate;*/ }
@keyframes bestseller {
  from {
    background: #FFC00F;
  }

  to {
    background: #fff;
    color: #FFC00F;
    border-color: #FFC00F;
  }
}

.table-common tfoot {
  background: #F5F5F9 !important;
}

.table-common tfoot tr {
  background: transparent !important;
}

.table-common th,
.table-common td {
  padding: 16px;
}

.table-common .note-row {
  border-top: 1px solid #2FB4631A;
}

.line-height {
  line-height: 30px;
}

.text-orange {
  color: #2FB463;
  font-weight: 700;
}

.common-btn {
  padding: 10px 26px;
  background: #2fb463;
  border: 1px solid #2fb463;
  color: #fff;
  border-radius: 5px;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 16px;
  line-height: 19.5px;
  display: inline-block;
}

.common-btn.bg-green {
  background: #2FB463;
  border: 1px solid #2fb463;
}

.common-btn.bg-green:hover {
  background: #fff;
  color: #2FB463;
}

.common-btn:hover {
  background: #fff;
  color: #2fb463;
  border-color: #2fb463;
}

.color-black,
.color-black:hover {
  color: #000;
}

.tooltip-outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* CTA */
.cta-outer {
  padding: 50px 30px 60px;
  border-top: 1px solid rgba(47, 180, 99, 0.1);
  position: relative;
  overflow: hidden;
  background: #F5F5F9;
}

.cta-outer h5 {
  font-family: Roboto;
  font-weight: 700;
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
  color: #fff;
}

.cta-outer h3 span {
  position: relative;
}

.cta-outer h3 span::before {
  content: "";
  position: absolute;
  right: 0;
  background-image: url(../image/white_shap.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: 13px;
  bottom: -14px;
}

.cta-outer h3 {
  font-family: Roboto;
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: 3%;
  margin: 7px 0;
  color: #fff;
  text-transform: uppercase;
}

.cta-in {
  background: linear-gradient(90deg, #5FEAFE 0%, #5A83FF 100%);
  border-radius: 6px;
  position: relative;
}

.yello-btn.btn {
  background: #FFCF49;
  padding: 15px 26px;
  border-radius: 5px;
  margin-top: 5px;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 16px;
  line-height: 19.5px;
}

.cta-outer .row {
  align-items: center;
}

.cta-in::before {
  content: '';
  width: 340px;
  height: 202px;
  display: block;
  position: absolute;
  bottom: 0;
  background: url(../image/vector-cta.png);
}

.cta-in .right-outer {
  position: relative;
  z-index: 9;
}

.img-ourt {
  position: relative;
  z-index: 99;
  text-align: center;
}

.img-ourt img {
  margin-top: -25px;
}

.shap-ourt .shap1 {
  display: inline-block;
  height: 44px;
  width: 44px;
  background: rgba(47, 180, 99, 0.17);
  border-radius: 50%;
}

.shap-ourt .shap2 {
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-right: -15px;
  background: rgba(47, 180, 99, 0.17);
  border-radius: 50%;
}

.shap-ourt {
  text-align: right;
  padding-right: 46px;
  bottom: 36px;
  position: absolute;
  right: 0;
}

/* Live Market Sessions Start */
.sessions-box-left {
  background: #F5F5F9;
  color: #2F4858;
  padding: 30px 40px;
  border: 1px solid #2FB463;
  position: relative;
  width: 100%;
  max-width: 987px;
  border-radius: 6px;
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}

.common-heading {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 28px;
  line-height: 31px;
  color: #2FB463;
}

.sessions-box-left strong {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 17px;
  line-height: 31px;
  color: #1D1D35;
  padding: 18px 0;
  display: block;
}

.sessions-box-left .price {
  font-family: Roboto;
  font-weight: 700;
  font-size: 21px;
  line-height: 23.6px;
  color: #2FB463;
}

.sessions-box-left .price s {
  color: rgba(47, 72, 88, 0.6);
  font-family: Roboto;
  font-weight: 500;
  font-size: 13px;
  line-height: 23.6px;
  text-decoration: line-through;
}

.sessions-box-left .time-month {
  font-family: Roboto;
  font-weight: 400;
  font-size: 15px;
  line-height: 23.6px;
  margin-left: 10px;
}

.sessions-box-left .price-outer {
  margin: 18px 0;
}

.sessions-box-left .monthly-price {
  font-size: 15px;
  position: relative;
}

.sessions-box-left .monthly-price::before {
  content: "";
  position: absolute;
  left: 0;
  background-image: url(../image/yellow_shap.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 130px;
  height: 10px;
  bottom: -10px;
}

.sessions-box-left .bg-breen {
  background: #2FB463;
  margin: 18px 0;
  display: inline-block;
  color: #fff;
}

.sessions-box-left .note-text {
  font-family: Roboto;
  font-weight: 600;
  font-size: 15px;
  line-height: 30px;
}

.sessions-box-left .max-box {
  max-width: 560px;
}

.market-sessions {
  position: relative;
  padding-bottom: 53px;
}

.live-market-img img {
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  width: 100%;
}

.live-market-sessions .live-market-img {
  max-width: 641px;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 40px;
  border: 8px solid #fff;
  border-radius: 10px;
}

.live-market-sessions .live-market-img::after {
  content: '';
  background: url(../image/star-bg.png);
  display: block;
  width: 58px;
  height: 31px;
  position: absolute;
  bottom: 32%;
  margin-left: -28px;
}

.live-market-sessions .live-market-img::before {
  content: '';
  background: url(../image/star-bg.png);
  display: block;
  width: 58px;
  height: 31px;
  position: absolute;
  top: -15px;
  right: 18px;
}

.sessions-box-left::after {
  content: '';
  width: 39px;
  height: 31px;
  background: url(../image/vector1.png);
  display: block;
  position: absolute;
  bottom: -40px;
  right: 34.7%;
}

.sessions-box-left::before {
  content: '';
  width: 39px;
  height: 31px;
  background: url(../image/vector1.png);
  display: block;
  position: absolute;
  top: 8px;
  right: -48px;
  transform: rotate(180deg);
}

.trading-in-the-zone s {
  color: rgba(47, 72, 88, 0.3);
}

/* journey with gtf Start */
.journey-with-gtf {margin-bottom: 60px; background: url(../image/map1.png); background-repeat: no-repeat; background-position: center bottom;}
.journey-with-gtf .common-heading {color: #1D1D35; margin: 0 auto 50px; position: relative; max-width: 630px; }
.journey-with-gtf .common-heading::before {content: ""; position: absolute; right: 0; background-image: url(../image/lahr.webp); background-repeat: no-repeat; background-size: contain; width: 135px; height: 14px; bottom: -14px;}
.journey-with-gtf .sub-heading {font-family: Montserrat; font-weight: 600; font-size: 14.36px; line-height: 21.28px; background: #FFCF49; border-radius: 15px; padding: 5px 23px; margin-bottom: 21px; display: inline-block; }
.journey-with-gtf .pro-tip {font-family: Roboto; font-weight: 800; font-size: 15px; line-height: 23.6px; border-radius: 8px; background: #00bfb5; color: #FFF; padding: 15px 40px; display: table; margin: 0 auto; margin-top: 50px; }
.journey-with-gtf .pro-tip .text-orange{color: #FFF;font-weight: 800;}
.journey-with-gtf .roadmap-box {box-shadow: 0px 8px 7.7px 0px #00000040; border: 1px solid #596D79; position: relative; z-index: 99; background: #2F4858; color: #fff; padding: 56px 35px 35px; border-radius: 12px; height:100%; }
.journey-with-gtf .roadmap-box h5 {font-family: Roboto; font-weight: 600; font-size: 15px; line-height: 23.6px; color: #2FB463; margin-bottom: 14px; }
.journey-with-gtf .roadmap-box ul li {font-family: Roboto; font-weight: 400; font-size: 14px; padding-left: 20px; line-height: 23.6px; margin-bottom: 10px; position: relative; }
.journey-with-gtf .roadmap-box ul li::after {content: ''; background: #2FB463; height: 11px; width: 11px; border-radius: 50%; display: block; position: absolute; left: 0; top: 6px; }
.map-poient span img {position: relative; z-index: 99; margin-top: -55px; max-width: 60px; }
.map-poient {text-align: center; position: absolute; top: 0px; right: 0; left: 0; }
.map-poient span {position: relative; width: 80px; margin: 0 auto; display: block; z-index: 99;}
.map-poient span::before {content: ''; background: #fff; position: relative; width: 80px; height: 80px; border: 18px solid #2F4858; border-radius: 50%; box-shadow: 0px 4px 4px 0px #00000040; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.map-poient span::after {content: ''; width: 66px; height: 66px; display: block; border: 2px dashed #fff; border-radius: 50%; letter-spacing: 10px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.roadmap-box .map-poient {top: -26px;}
.roadmap-section{ margin-top:50px; }
.roadmap-section .col-box {padding-top: 212px; position: relative;}
.full-road {background: #2F4858; padding: 34px 0; position:relative; }
.full-road::before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 2px; border-top: 2px dashed rgba(255, 255, 255, 0.7); }
.full-road .map-poient {top: -15px; }
.full-road .map-poient span {width: 104px; height: 104px; }
.full-road .map-poient span::before {width: 104px; height: 104px; }
.full-road .map-poient span::after {width: 86px; height: 86px; border-color: rgba(255, 255, 255, 0.7); }
.full-road .map-poient span img {margin-top: -32px; }

/* .journey-with-gtf .common-heading {
  color: #1D1D35;
  margin: 0 auto 50px;
  position: relative;
  max-width: 630px;
}

.journey-with-gtf .common-heading::before {
  content: "";
  position: absolute;
  right: 0;
  background-image: url(../image/lahr.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 135px;
  height: 14px;
  bottom: -14px;
}

.journey-with-gtf .sub-heading {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 14.36px;
  line-height: 21.28px;
  background: #FFCF49;
  border-radius: 15px;
  padding: 5px 23px;
  margin-bottom: 21px;
  display: inline-block;
}

.journey-with-gtf .pro-tip {
  font-family: Roboto;
  font-weight: 400;
  font-size: 15px;
  line-height: 23.6px;
  border-radius: 8px;
  background: #F4F4F4;
  padding: 15px 40px;
  display: table;
  margin: 0 auto;
  margin-top: 50px;
}

.journey-with-gtf .roadmap-box {
  box-shadow: 0px 8px 7.7px 0px #00000040;
  border: 1px solid #596D79;
  position: relative;
  z-index: 99;
  background: #2F4858;
  color: #fff;
  padding: 56px 35px 35px;
  border-radius: 12px;
  height: 100%;
}

.journey-with-gtf .roadmap-box h5 {
  font-family: Roboto;
  font-weight: 600;
  font-size: 15px;
  line-height: 23.6px;
  color: #2FB463;
  margin-bottom: 14px;
}

.journey-with-gtf .roadmap-box ul li {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  padding-left: 20px;
  line-height: 23.6px;
  margin-bottom: 10px;
  position: relative;
}

.journey-with-gtf .roadmap-box ul li::after {
  content: '';
  background: #2FB463;
  height: 11px;
  width: 11px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
}

.map-poient span img {
  position: relative;
  z-index: 99;
  margin-top: -55px;
  max-width: 60px;
}

.map-poient {
  text-align: center;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
}

.map-poient span {
  position: relative;
  width: 80px;
  margin: 0 auto;
  display: block;
  z-index: 99;
}

.map-poient span::before {
  content: '';
  background: #fff;
  position: relative;
  width: 80px;
  height: 80px;
  border: 18px solid #2F4858;
  border-radius: 50%;
  box-shadow: 0px 4px 4px 0px #00000040;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.map-poient span::after {
  content: '';
  width: 66px;
  height: 66px;
  display: block;
  border: 2px dashed #fff;
  border-radius: 50%;
  letter-spacing: 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.roadmap-box .map-poient {
  top: -26px;
}

.roadmap-section {
  margin-top: 50px;
}

.roadmap-section .col-box {
  padding-top: 212px;
  position: relative;
}

.full-road {
  background: #2F4858;
  padding: 34px 0;
  position: relative;
}

.full-road::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2px;
  border-top: 2px dashed rgba(255, 255, 255, 0.7);
}

.full-road .map-poient {
  top: -15px;
}

.full-road .map-poient span {
  width: 104px;
  height: 104px;
}

.full-road .map-poient span::before {
  width: 104px;
  height: 104px;
}

.full-road .map-poient span::after {
  width: 86px;
  height: 86px;
  border-color: rgba(255, 255, 255, 0.7);
}

.full-road .map-poient span img {
  margin-top: -32px;
} */

.padding-top-road {
  padding-top: 358px;
}

.full-road.first-box {
  position: absolute;
  transform: rotate(152.5deg);
  top: 59px;
  left: 187px;
  width: 480px;
  z-index: 1;
}

.full-road.second-box {
  position: absolute;
  transform: rotate(90deg);
  top: 160px;
  left: -21px;
  width: 480px;
}

.full-road.third-box {
  position: absolute;
  transform: rotate(-152.5deg);
  top: 59px;
  right: 187px;
  width: 480px;
  z-index: 1;
}

.full-road.second-box.road-bottom {
  top: inherit;
  bottom: -200px;
  z-index: 9;
}

.row.padding-top-road .full-road.third-box {
  transform: rotate(-139.17deg);
  width: 997px;
  top: -120px;
  right: 80px;
}

.row.padding-top-road .full-road.first-box {
  transform: rotate(-40.83deg);
  width: 997px;
  top: -120px;
  left: 80px;
}

.full-road.second-box.road-bottom::after {
  content: '';
  background-image: url(../image/right-group.png);
  position: absolute;
  right: -20px;
  width: 80px;
  height: 80px;
  top: -6px;
  transform: rotate(-90deg);
}

.bonus-text {
  position: relative;
}

.bonus-text .inner-text-bonus {
  position: absolute;
  max-width: 325px;
  right: 21%;
  font-size: 15px;
  top: 10px;
}

.full-road.second-box.road-bottom img {
  position: absolute;
  right: -25px;
  transform: rotate(-90deg);
  top: -36px;
}

.img-gif .gif {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  position: absolute;
  z-index: 999999;
  transform: rotate(-90deg);
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 11px;
}

.roadmap-box .img-gif .gif {
  top: -43px;
}

.full-road .map-poient span img.gif {
  transform: rotate(-39deg);
}

/* Did You Know Start */
.did-you-know {
  background: linear-gradient(90deg, #00AB6A 0%, #00D2FF 100%);
}

.did-you-know h2 {
  font-family: Roboto;
  font-weight: 900;
  font-size: 52px;
  color: #000;
  text-transform: uppercase;
}

.did-you-know strong {
  font-size: 19px;
  line-height: 37px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
  font-family: Montserrat;
  display: block;
}

.did-you-know span {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 24px;
  line-height: 37px;
  display: block;
  color: #000;
}

.did-you-know .gst span,
.did-you-know .gst strong {
  display: inline-block;
  font-family: Montserrat;
}

.did-you-know .gst span {
  font-size: 44px;
  font-weight: 800;
  line-height: 41px;
  margin-right: 10px;
  position: relative;
}

.did-you-know .btn.bg-black {
  color: #fff;
}

.did-you-know .gst {
  margin-top: 15px;
  padding-bottom: 30px;
}

.did-you-know .gst span::before {
  content: "";
  position: absolute;
  right: 0;
  background-image: url(../image/white_shap.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: 13px;
  bottom: -20px;
}

.did-you-know .row {
  align-items: center;
}

.did-you-know .img-ourt img {
  margin-top: -70px;
}

.did-you-know .img-ourt::after {
  content: '';
  width: 58px;
  height: 31px;
  filter: brightness(0) invert(1);
  left: 0;
  display: block;
  position: absolute;
  bottom: 26px;
  background: url(../image/star-bg.png);
}

.did-you-know .img-ourt::before {
  content: '';
  width: 40px;
  height: 41px;
  left: -20px;
  display: block;
  position: absolute;
  bottom: 106px;
  background: url(../image/cta-vector.png);
}



/* popup */
.modal-header .close {background: #2fb463;border-radius: 0;border: 0;width: 40px;height: 40px;border-radius: 100px;display: flex;align-items: center;justify-content: center;padding: 0;color: #FFF;font-size: 27px;position: absolute;top: 0;right: 0px;}
.modal-dialog button {background: #2fb463;border: 1px solid #2fb463;border-radius: 0;padding: 6px 15px;font-size: 14px;color: #FFF;}
.modal-dialog .modal-header{ padding: 0; border: 0; }
.modal-dialog .modal-body {min-height: 240px;display: flex;flex-direction: column;justify-content: center;}
.trading .tarding_right .zone_box .contact_zone {display: flex;justify-content: space-between;align-items: center;padding: 0 15px;padding-bottom: 20px}
.trading .tarding_right .zone_box ul li {display: flex;justify-content: space-between; align-items: center;margin: 15px 0}
.trading .tarding_right .zone_box ul .inner_zone {display: flex; justify-content: space-between;align-items: center;padding-left: 15px}
.trading .tarding_right .zone_box ul li p {max-width: 190px;font-family: Montserrat, sans-serif;font-style: normal;font-weight: 500;font-size: 12px;line-height: 24px;text-align: right;letter-spacing: .01em;color: #52565b;margin: 0;padding-right: 15px;padding-left: 15px}
.trading .tarding_right .zone_box ul .active {padding: 17px 0}
.trading .tarding_right .zone_box .contact_zone strong {font-family: Montserrat, sans-serif;font-style: normal;font-weight: 700;font-size: 31px;line-height: 24px;letter-spacing: .01em;color: #2fb463}
.trading .tarding_right .zone_box .contact_zone p {font-family: Montserrat, sans-serif;font-style: normal;font-weight: 400;font-size: 20px;line-height: 24px;letter-spacing: .01em;text-decoration-line: line-through;color: rgba(32, 32, 32, .3);margin: 0}
.trading .tarding_right .zone_box ul .inner_zone span {font-family: Roboto, sans-serif;font-style: normal;font-weight: 400;font-size: 14px;line-height: 24px;color: #212832;padding-left: 14px}
.trading .form-select { background: #2fb463; box-shadow: none; border-radius: 3px; width: 150px; padding: 5px 10px; font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; font-size: 13px; line-height: 24px; letter-spacing: .01em; color: #fff; padding-right: 20px; position: relative; margin-right: 15px; background-image: url(../image/select-arrow-down.webp); background-repeat: no-repeat; background-position: right center; background-position: 90% }
.trading .tarding_right .zone_box ul .inner_zone img{ max-width: 20px;}
.bay_now.id-btn button .align-items-center {display: none !important;}
.bay_now.id-btn button {background: #2fb463 !important; border-radius: 7px !important;padding: 12px 40px !important;width: auto !important;display: inline-block !important;}
.trading .tarding_right .view-coures-row .float-right a {font-family: Roboto, sans-serif !important;color: #2fb463 !important;padding: 0 !important;font-weight: 400 !important;font-size: 14px !important;background: 0 0 !important;border-radius: 0 !important;}
.trading .tarding_right .zone_box ul li .form-input {padding: 10px;border: 1px solid #ddd;outline: 0;color: #212832;font-size: 14px;background: #fff;}
.trading .tarding_right .zone_box ul li .bay_now {width: 100%;text-align: center;}
.modal-dialog ul li .view-coures-row {display: flex;justify-content: space-between;width: 100%; padding: 15px 15px 0;flex-wrap: wrap;align-items: center;}
.modal-dialog ul li .view-coures-row span { border: 0 !important;padding-right: 0 !important;font-weight: bolder;color: #2fb463;}
.modal-dialog ul li .view-coures-row span a {font-family: Roboto, sans-serif;color: #2fb463;padding: 0 !important;font-weight: 400;font-size: 14px;}
.table-common thead tr th{    padding-top: 30px;}thead tr th span {top: 4px !important}
.button-arrow {padding-top: 20px;display: flex;align-items: center;justify-content: center;display: -webkit-flex;display: none;}
.indicator.button-arrow {padding-bottom: 20px;}
.table-outer .table-responsive {
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
	scrollbar-color: #2fb463 #C3EAD4;
	scrollbar-width: thin;
}

/* Responsive Start */

@media only screen and (max-width: 1319px) {
  .sessions-box-left {
    max-width: 80%;
  }

  .live-market-sessions .live-market-img {
    max-width: 48%;
  }

  .sessions-box-left .max-box {
    max-width: 60%;
  }

  .did-you-know strong {
    font-size: 14px;
    line-height: 25px;
  }

  .did-you-know .gst span {
    font-size: 30px;
    line-height: 25px;
  }

  .did-you-know h2 {
    font-size: 34px;
  }

  .did-you-know span {
    font-size: 20px;
    line-height: 30px;
  }

  .did-you-know .gst span::before {
    bottom: -15px;
  }

  .did-you-know .gst {
    padding-bottom: 20px;
  }

  .cta-outer {
    padding-bottom: 30px;
  }

  .common-padding {
    padding: 30px 0;
  }

  .journey-with-gtf .container {
    max-width: 960px;
  }

  .full-road.second-box {
    left: -80px;
  }

  .full-road.third-box {
    transform: rotate(-140deg);
    top: 67px;
    right: 80px;
  }

  .full-road.first-box {
    transform: rotate(140deg);
    top: 67px;
    left: 67px;
  }

  .row.padding-top-road .full-road.first-box {
    transform: rotate(-46deg);
    width: 767px;
    top: -90px;
    left: 30px;
  }

  .row.padding-top-road .full-road.third-box {
    transform: rotate(-134deg);
    width: 767px;
    top: -90px;
    right: 30px;
  }

  .full-road.second-box.road-bottom {
    bottom: -110px;
  }

  .padding-top-road {
    padding-top: 250px;
  }

  .bonus-text .inner-text-bonus {
    right: 0;
    font-size: 15px;
    top: 10px;
    z-index: 9;
    background: #fff;
    border: 1px solid #f4f4f4;
    padding: 10px;
    border-radius: 6px;
  }
}

@media only screen and (max-width: 1199px) {
  table.table-common {
    min-width: 1039px;
    display: table-cell;
  }
  #indicator   table.table-common {
    min-width: 368px;}
  #contentoptions table.table-common {min-width: 599px;}
  .button-arrow {
    display: flex !important;
  }

  .button-arrow button {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border: 0;
    background: #2fb463;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    margin: 0 5px;
  }

.button-arrow{display: flex !important;}
.button-arrow button {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  border: 0;
  background: #2fb463;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  margin: 0 5px;
  
}
.journey-with-gtf .button-arrow button {font-size: 22px;width: 50px;
  height: 50px;background: rgba(47, 180, 99, 0.8);}
.journey-with-gtf #left-roadmap, .journey-with-gtf #right-roadmap{top: 53%;}
.table-common th:first-child, .table-common td:first-child {
	position: sticky;
	left: 0;
	top: 0;
  z-index: 1;
  width: 160px;
}
.table-common tr:nth-child(2n) td{background-color:rgb(225, 239, 234);}
.table-common tr:nth-child(2n+1) td{background-color:#FFF ;}
.table-common th:first-child{background-color: #ebf2f1;}
.trading-in-the-zone .container{position: relative;}
.button-arrow button#left-options, .button-arrow button#left-indicator {position: absolute;top: 50%;left: 0;z-index: 999;transform: translateY(-50%);}
.button-arrow button#right-options, .button-arrow button#right-indicator {position: absolute;top: 50%;right: 0;z-index: 999;transform: translateY(-50%);}
.button-arrow button#left-button {position: absolute;top: 50%;left: 0;z-index: 999;transform: translateY(-50%);}
.button-arrow button#right-button {position: absolute;top: 50%;right: 0;z-index: 999;transform: translateY(-50%);}

.button-arrow{padding: 0;}
.table-common thead tr th, .table-common thead tr td {
	width: 220px;
}
}
@media only screen and (max-width: 991px) {
  .table-responsive-lg .table-common {
    min-width: 991px;
  }

  /* .journey-with-gtf .container { max-width: 720px;}
  .journey-with-gtf .roadmap-box{padding: 50px 15px 15px;}
  .journey-with-gtf .roadmap-box ul li{ line-height: 18px;}
  .full-road {background: #2F4858; padding: 20px 0; position: relative;}
  .full-road .map-poient span::after { width: 66px; height: 66px; }
  .full-road .map-poient span::before {width: 84px; height: 84px;}
  .full-road .map-poient span { width: 84px; height: 84px;}
  .full-road.second-box {left: -121px;}
  .full-road.first-box, .full-road.third-box{ width: 400px;}
  .full-road.first-box { transform: rotate(137deg); top: 90px; left: 30px;}
  .full-road.third-box { transform: rotate(-137deg);top: 90px; right: 30px;}
  .row.padding-top-road .full-road.first-box {transform: rotate(-50deg);width: 630px; top: -70px; left: 30px;}
  .row.padding-top-road .full-road.third-box {transform: rotate(-130deg); width: 630px; top: -70px; right: 30px;}
  .full-road.second-box.road-bottom::after{ top: -20px; right: -30px;}
  .full-road.second-box.road-bottom img{ top: -45px;} */
  .eye-section .table-responsive-lg .table-common {	min-width: inherit;}
  .roadmap-section {overflow: hidden;overflow-x: auto; padding-top:76px;scroll-behavior: auto; /* FAST scrolling effect */
    width: 100%; /* Ensure full width */
    cursor: grab; /* Better UX */
    -webkit-overflow-scrolling: touch; /* iOS smooth scroll */}
  .roadmap-section .container {max-width: 100%;overflow: inherit;}
  .roadmap-scroll {min-width: 980px; }
  .roadmap-scroll .row .col-md-4 {flex: 0 0 auto;width: 33.33333333%;}
  .roadmap-scroll .row .col-md-2{flex: 0 0 auto;width: 16.66666667%;}
  .journey-with-gtf{position: relative;}
  .journey-with-gtf #left-roadmap {position: absolute;top: 53%;transform: translateY(-50%);left:10px;z-index: 99;}
  .journey-with-gtf #right-roadmap {position: absolute;top: 53%;transform: translateY(-50%);right:10px; z-index: 99;}
  .journey-with-gtf .roadmap-box{padding: 46px 25px 15px;text-align: center;}
  .map-poient span img{max-width: 50px;}
  .img-gif .gif{height: 22px;width: 22px;}
  .map-poient span::before{width: 70px;height: 70px;}
  .map-poient span::after{width: 56px;height: 56px;top: 11px;}
  .padding-top-road {padding-top: 210px;}
  .full-road{padding: 25px 0;}
  .full-road .map-poient {top: -40px;}
  .full-road .map-poient span {width: 84px;height: 84px;}
  .full-road .map-poient span::before {width: 84px;height: 84px;}
  .full-road .map-poient span::after {width: 66px;height: 66px;top: 0;}
  .full-road.first-box{top: 77px;left: 67px;}
  .row.padding-top-road .full-road.third-box{top: -68px;right: 23px;}
  .row.padding-top-road .full-road.first-box{top: -64px;left: 24px;}
  .full-road.second-box.road-bottom img{top: -36px;}
  .full-road.second-box.road-bottom::after{top: -15px;right: -8px;}
  .bonus-text .inner-text-bonus{font-size: 13px;}

}

@media only screen and (max-width: 767px) {
  .common-btn {
    padding: 8px 12px;
    font-size: 14px;
}
  .cta-in .right-outer {
    padding: 30px 15px;
    text-align: center;
  }

  .cta-outer {
    padding: 50px 15px 30px;
  }

  .shap-ourt {
    z-index: -1;
  }

  .cta-outer h3 {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0 20px;
  }

  .table-common {
    font-size: 14px;
    line-height: 20px;
  }

  h3.table-title {
    font-size: 18px;
    line-height: 18px;
    padding: 10px 15px;
  }

  .table-common th,
  .table-common td {
    padding: 12px;
  }

  .common-heading {
    font-size: 24px;
  }

  .sessions-box-left strong {
    font-size: 16px;
    line-height: 24px;
  }

  .sessions-box-left {
    padding: 20px;
  }

  .sessions-box-left .note-text {
    line-height: 22px;
  }

  .journey-with-gtf .pro-tip {
    padding: 15px;
  }

  .did-you-know {
    text-align: center;
  }

  .did-you-know .gst strong {
    margin-top: 15px;
  }

  .did-you-know .col-lg-7 {
    padding: 20px 15px;
  }

  .cta-outer .row {
    flex-direction: column-reverse;
  }

  .img-ourt img {
    margin-top: 0;
  }

  .did-you-know .row {
    flex-direction: column-reverse;
  }

  .did-you-know .img-ourt img {
    margin-top: 10px;
  }


/* .full-road.first-box {transform: rotate(90deg);top: 130px;left: -14px;}
.full-road.second-box {left: -54px;}
.full-road.third-box{ display: none;}
.roadmap-section .col-box {padding-top: 180px;}
.bonus-text .inner-text-bonus {position: static;margin: 30px auto;max-width: inherit;}
.journey-with-gtf .container {max-width: 320px;}
.full-road.first-box{left: -43px;}
.full-road.second-box {left: -83px;}
.row.padding-top-road .full-road.third-box {display: block;}
.row.padding-top-road .full-road.third-box {transform: rotate(-90deg);	width: 253px;	top: 44px;	right: 30px;}
.row.padding-top-road .full-road.first-box {transform: rotate(-90deg);width: 253px;	top: -13px;	left: 30px;}
.padding-top-road {	padding-top: 60px;}
.full-road.second-box.road-bottom {	bottom: -350px;	width: 700px;	left: -194px;}
.full-road.second-box.road-bottom img {	top: -45px;	right: -70px;}
.bonus-text {	visibility: hidden;} */


  .eye-section .table-responsive-lg .table-common {
    min-width: 440px;
  }

  .eye-section .table-responsive-lg .table-common .text-orange {
    display: block;
  }

}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff
}

.loader {
  width: 100%;
  height: 100%
}

div#preloader.loader {
  background: rgba(0, 0, 0, .3)
}

.loader::before {
  border: 6px solid #00b858 !important;
  border-top-color: #e2eefd !important
}

#preloader::before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #106eea;
  border-top-color: #e2eefd;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite
}

@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.elementary-reward-msg .modal-dialog .modal-content .modal-body {
  min-height: inherit;
}

.trading .tarding_right .zone_box ul li .bay_now a.text-orange:hover {
  color: #2FB463;
}

th.disabled-column {
  opacity: 0.5;
  pointer-events: none;
}

td.disabled-column {
  opacity: 0.5;
  pointer-events: none;
}
img#tooltipElement {
  pointer-events: fill;
}

@media only screen and (max-width:991px) {
  .padding-pro-tip {
    padding: 0 15px;
    text-align: center;
  }
  .journey-with-gtf{margin-bottom: 20px;}
}

.full-road  span.sub-heading {
  display: none;
}
  .full-road  span.sub-heading {
    display: block;
  }
  .journey-with-gtf .text-center .sub-heading{display: none;}
  .roadmap-section{padding-top:226px;}
  .full-road .map-poient {
    top: -190px;
  }
  .full-road span.sub-heading {
    display: block;
    background: transparent;
    text-align: center;
    max-width: 400px;
    margin: auto;
    text-align: center;
  
    padding: 0 20px;
  }
  .full-road.top-road::before{display: none;}
  .full-road.top-road {
    z-index: 99;
    padding: 20px 0;
    max-width: 400px;
    margin: auto;
    border-radius: 10px;
    background: #FFCF49;
  }
  .full-road.top-road .map-poient::before {
    content: '';
    left: 0;
    right: 0;
    margin: auto;
    width: 52px;
    background: #2f4858;
    height: 177px;
    top: 13px;
    z-index: 99;
    position: absolute;
  }
  .full-road.top-road .map-poient::after {
    content: '';
    position: absolute;
    left: 6px;
    right: 0;
    top: 0;
    margin: auto;
    height: 190px;
    border-left: 2px dashed rgba(255, 255, 255, 0.7);
    width: 9px;
    z-index: 111;
  }
  .full-road .map-poient span{z-index: 999;} 
  .table-common thead tr th span.bestseller-bg{    animation-duration: 0.6s;animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-play-state: running;
animation-name: proanicolor;}
.journey-with-gtf .pro-tip .text-orange {
  position: relative;
}
.journey-with-gtf .pro-tip .text-orange::before {
  content: "";
  position: absolute;
  right: 0;
  background-image: url(../image/shap.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 75px;
  height: 13px;
  bottom: -14px;
  -webkit-animation: bounceRight 2s infinite;
  animation: bounceRight 2s infinite;
  filter: brightness(0) saturate(100%) invert(91%) sepia(38%) saturate(1042%) hue-rotate(321deg) brightness(101%) contrast(101%);
}
/* right bounce */
@-webkit-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@-moz-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}
@keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
/* /right bounce */                                                                                      

.tooltip a{color: #00AB6A;}
@media only screen and (max-width: 767px) {
.did-you-know .img-ourt .desktop{display: none;}
.did-you-know .img-ourt .mobile {display: block !important;max-width: 220px;margin: auto;}
}
@media only screen and (max-width: 991px) {
.journey-with-gtf .roadmap-box{text-align: left;}

}
section.trading-in-the-zone th:first-child {
    width: 260px;
}
@media only screen and (max-width: 1199px) {
#indicator table.table-common {
    min-width: 838px;
}
section.trading-in-the-zone th:first-child {
    width: 180px;
}

  }