@charset "UTF-8";
.viewFrame {
  background: var(--bodycolor);
  border: 1px solid var(--bordercolor);
  padding: 6px 12px 6px 6px;
  border-radius: 4px;
  display: inline-block;
  min-width: 70px;
}
.modalTableData .tabTable input,
.modalTableData .tabTable select {
  border: 1px solid var(--bordercolor);
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  color: var(--menutext);
  font-weight: 400;
  font-family: inherit;
  font-size: 12px;
  vertical-align: middle;
  letter-spacing: 0;
  width: 60px;
  height: 33px;
  padding: 0 8px;
}
.modalTableData .tabTable .form-input {
  width: 60px;
}
.blockElement.ourCompany h1 {
  position: relative;
}
.blockElement.ourCompany h1:before {
  position: absolute;
  content: "";
  width: 220px;
  height: 120px;
  background-image: url(../images/ourMission.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: -60px;
  top: -80px;
}
.blockElement.ourCompany.space {
  padding: 6% 0 10% 0;
}
.blockElement.ourCompany.beforeNone h1:before {
  content: none;
}
.whoWeAre .boxed {
  background-color: var(--white);
  border-radius: 16px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin-top: -140px;
  padding: 40px;
}
.main-timeline {
  position: relative;
}
.main-timeline:before {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  background-image: url(../images/timeline-dot.png);
  background-repeat: repeat-y;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-size: 30px;
}
.main-timeline .timeline {
  margin-bottom: 40px;
  position: relative;
  display: flex;
}
.main-timeline .timeline:after {
  content: "";
  display: block;
  clear: both;
}
.main-timeline .icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  z-index: 99;
}
.main-timeline .icon:before {
  background-image: url(../images/Ellipse.svg);
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.33s ease-out 0s;
}
.main-timeline .timeline-content {
  width: 48%;
  margin-top: -17px;
}
.main-timeline .timeline-content.left .description {
  padding-right: 20px;
}
.main-timeline .timeline-content.left .stroyImg {
  margin: 0px 30px 0 0;
}
.main-timeline .timeline-content.right .description {
  padding-left: 20px;
}
.main-timeline .timeline-content.right .stroyImg {
  margin: 0px 0px 0 30px;
}
.main-timeline .timeline-content.right .title {
  margin-left: 20px;
}
.main-timeline .timeline-content .description {
  margin: 15px 0 0 0;
}
.main-timeline .timeline-content .content {
  width: calc(100% - 150px);
}
.main-timeline .timeline-content .stroyImg {
  flex: none;
  width: 120px;
}
.main-timeline .timeline-content .lineBorder {
  width: 100%;
}
.main-timeline .timeline-content .onHover {
  display: none;
}
.main-timeline .timeline-content:hover .onHover {
  display: block;
}
.main-timeline .timeline-content:hover .inlineBorder {
  display: none;
}
.main-timeline .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 24px;
}
.meetTeam .card-body img {
  background-color: var(--white);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 75px;
  margin: 0 0 10px 0;
}
.calendarList {
  border: 1px solid var(--bordercolor);
}
.calendarList .viewDate {
  padding: 0 0;
}
.calendarList .listCalendar {
  padding: 9px 15px;
}
.calendarList .listCalendar:not(:last-child) {
  border-bottom: 1px solid var(--bordercolor);
}
.calendarList .day {
  min-width: 120px;
}
.calendarList .name {
  border-left: 1px solid var(--bordercolor);
  padding-left: 20px;
}
.calendarList .currency {
  display: flex;
  align-items: center;
}
.calendarList .currency span {
  color: var(--white);
  padding: 3px 7px;
  border-radius: 4px;
  font-size: 14px;
}
.calendarList .currency span.darkBG {
  background: var(--middark);
}
.leftBarFilter .form-group .label {
  width: 134px;
}
.leftBarFilter .listCheck li {
  width: 33%;
}
.customXpad {
  min-width: 370px;
}
.automated {
  width: 70px;
  flex: none;
}
.contentCalc {
  width: calc(100% - 60px);
}
/*Home page*/
.zulu_btn.gradient,
.button.fillBtn.hoverBtn:hover {
  box-shadow: 0 0 7px 1px rgba(255, 114, 0, 0.75);
  background: #ff7200;
  background: linear-gradient(90deg, #ff7200, #ff9e00);
}
.homeBanner .zulu_btn.large {
  min-width: 220px;
  width: auto;
  display: inline-flex;
  height: 48px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.homeBanner .zulu_btn.large:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
}
.button.fillBtn.hoverBtn {
  min-width: 200px;
  display: inline-flex;
  justify-content: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.button.fillBtn.hoverBtn:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
}
.listContent li {
  color: var(--menutext);
  padding: 0 0 13px 0;
  display: flex;
  align-items: center;
}
.row.space {
  padding: 60px 0;
}
.element3 .boxed {
  box-shadow: 0 19px 57px 57px rgba(0, 0, 0, 0.02);
}
.blockElement.space.upPadding {
  padding-top: 16%;
  margin-top: -230px;
}
.zuluTradeWhy .card-body {
  padding-right: 30px;
}
.clientLogo li {
  width: 33%;
}
.clientLogo li a {
  display: flex;
  background: var(--white);
  padding: 0px 10px;
  border-radius: 6px;
  margin: 3%;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-shadow: 0 5px 10px rgba(2, 34, 64, 0.2);
}
.clientLogo li a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.clientLogo li a.transparent {
  background: transparent;
}
/*Range Slider*/
[slider] {
  position: relative;
  height: 11px;
  border-radius: 10px;
  text-align: left;
  margin: 18px 0 10px 0;
}
[slider] > div {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 11px;
}
[slider] > div > [inverse-left] {
  position: absolute;
  left: 0;
  height: 11px;
  border-radius: 10px;
  background-color: var(--white);
  border: 1px solid var(--lightborder);
  margin: 0;
}
[slider] > div > [inverse-right] {
  position: absolute;
  right: 0;
  height: 11px;
  border-radius: 10px;
  background-color: var(--white);
  border: 1px solid var(--lightborder);
  margin: 0 7px;
}
[slider] > div > [range] {
  position: absolute;
  left: 0;
  height: 11px;
  border-radius: 14px;
  background-color: var(--secondary);
}
[slider] > div > [thumb] {
  position: absolute;
  top: -7px;
  z-index: 2;
  height: 22px;
  width: 22px;
  text-align: left;
  margin-left: -11px;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.13);
  background-color: var(--white);
  border-radius: 50%;
  outline: none;
}
[slider] > input[type=range] {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  z-index: 3;
  height: 11px;
  top: -2px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
div[slider] > input[type=range]::-ms-track {
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}
div[slider] > input[type=range]::-moz-range-track {
  -moz-appearance: none;
  background: transparent;
  color: transparent;
}
div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
}
div[slider] > input[type=range]:focus {
  outline: none;
}
div[slider] > input[type=range]::-ms-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
}
div[slider] > input[type=range]::-moz-range-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: var(--red);
}
div[slider] > input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  border: 0 none;
  background: red;
  -webkit-appearance: none;
}
div[slider] > input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0 none;
}
div[slider] > input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0 none;
}
div[slider] > input[type=range]::-ms-tooltip {
  display: none;
}
[slider] > div > [sign] {
  opacity: 0;
  position: absolute;
  margin-left: -11px;
  top: -39px;
  z-index: 3;
  background-color: var(--secondary);
  color: var(--white);
  width: 28px;
  height: 28px;
  border-radius: 28px;
  -webkit-border-radius: 28px;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
[slider] > div > [sign]:after {
  position: absolute;
  content: '';
  left: 0;
  border-radius: 16px;
  top: 19px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top-width: 16px;
  border-top-style: solid;
  border-top-color: var(--secondary);
}
[slider] > div > [sign] > span {
  font-size: 12px;
  font-weight: 700;
  line-height: 28px;
}
[slider]:hover > div > [sign] {
  opacity: 1;
}
.slide-text-new-feature {
  background-color: var(--secondary);
  color: var(--white);
  padding: 0.35rem 1rem 0.35rem 0.35rem;
  margin: 1.25rem 0;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
  display: flex;
  justify-content: flex-end;
}
.slide-text-new-feature .text-new-feature {
  font-size: 18px;
}
.slide-text-new-feature .text-new-feature a {
  font-weight: 600;
  text-decoration: underline;
}
.circleImg {
  width: 56px;
  height: 56px;
  border: 2px solid var(--white);
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.smallSize {
  width: 15px;
  opacity: 0.7;
}
.udetail-dropdown .dropdown-toggle::after {
  display: none;
}
.dashboard-logged .navbar .navbar-nav .nav-link {
  color: var(--menutext);
}
.dashboard-logged .navbar .navbar-nav .nav-link .nav-icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-bottom: 1px;
}
.dashboard-logged .navbar .navbar-nav .nav-item {
  margin-right: 2rem;
  border-bottom: 3px solid transparent;
}
.dashboard-logged .navbar .navbar-nav .nav-item.active,
.dashboard-logged .navbar .navbar-nav .nav-item:hover {
  border-color: var(--secondary);
  color: var(--menutext);
  transition: color 0.1s linear;
  text-decoration: none;
}
.hideArrow.dropdown-toggle::after {
  display: none;
}
.content h4 {
  color: var(--menutext);
  font-weight: 500;
}
.content h4.green {
  color: var(--green);
}
.content h4.secondary {
  color: var(--secondary);
}
.shareModal-social li a {
  width: 60px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
  color: var(--white);
  border-radius: 3px;
}
.shareModal-social li a img {
  width: 15px;
  height: 15px;
}
#socialSharePop .modal-dialog {
  max-width: 320px;
}
.gridCol3 .content {
  min-width: 180px;
}
.content .chat {
  font-size: 24px;
}
.btn-close:focus {
  box-shadow: none;
}
.switchToggle {
  color: var(--inactive);
  padding: 4px;
}
.switchToggle.left {
  border-radius: 4px 0 0 4px;
}
.switchToggle.right {
  border-radius: 0 4px 4px 0;
}
.switchToggle.active {
  background-color: var(--secondary);
  color: var(--white);
}
#advancedSearch .modal-dialog {
  max-width: 75%;
  background: var(--modalbody);
}
#advancedSearch .form-group .form-control {
  border-color: var(--lightborder);
}
#advancedSearch .advancedMenu .selectDropdown {
  border: 1px solid var(--lightborder);
  border-radius: 0;
  font-size: 14px;
  height: 40px;
  min-width: 200px;
}
#advancedSearch .advancedMenu .selectDropdown.min-auto {
  min-width: 120px;
}
#advancedSearch .week li a {
  position: relative;
  font-size: 12px;
  padding: 4px 30px;
  display: block;
}
#advancedSearch .week li a.active,
#advancedSearch .week li a:hover {
  background-image: url(../images/check.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 8px 5px;
}
#advancedSearch label.minAdd {
  min-width: 90px;
}
#advancedSearch .pipRange {
  margin: 0 0 8px 0;
}
#advancedSearch .pipRange label.minAdd {
  min-width: 220px;
  font-size: 14px;
}
.block1 .winningSearch {
  width: 60%;
}
.dualButton .button.zulu_btn {
  min-width: 150px;
}
.secondtab-subcontents .selectDropdown {
  font-size: 14px;
  color: var(--inactive);
  padding: 6px 12px;
  height: auto;
}
/* Social feed page start here */
.trendingUp {
  background: var(--bodycolor);
  padding: 4px 8px;
  border-radius: 50px;
}
.trendingUp .linkBelow {
  padding: 0 11px;
  font-weight: 600;
}
.trendingUp .trending {
  background: var(--white);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  border-radius: 50%;
}
.userIcon {
  width: 32px;
  height: 32px;
  background: var(--link);
  color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 8px;
}
.userLogged li a {
  padding: 9px 10px;
  font-size: 14px;
  border-bottom: 1px solid #f3f3f3;
}
.w-16 {
  width: 1rem;
}
.btnScroll {
  background: var(--ltgray);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 0;
  border-radius: 10px;
  color: var(--lightgray);
  font-size: 30px;
}
.btnScroll i.fa {
  opacity: 0.5;
}
.btnScroll .masterPips .card-body {
  padding: 15px;
  border-radius: 10px;
  border-left: 4px solid transparent;
}
.btnScroll .masterPips .card-body.active,
.btnScroll .masterPips .card-body:hover {
  border-color: var(--secondary);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.defaultFill {
  display: inline-flex;
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid var(--bordercolor);
}
/*tooltip*/
.tooltipbutton {
  position: relative;
  display: inline-block;
}
.tooltipbutton .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: var(--white);
  color: var(--menutext);
  text-align: left;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 9;
  top: 125%;
  left: 50%;
  margin-left: -150px;
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  font-size: 12px;
  border: 1px solid var(--bordercolor);
}
.tooltipbutton .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--secondary) transparent;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 12px;
}
.tooltipbutton .tooltiptext.left {
  top: -165%;
  left: 100%;
  margin-left: 0px;
}
.tooltipbutton .tooltiptext.left::after {
  border-width: 8px;
  border-color: transparent var(--secondary) transparent transparent;
  left: -16px;
  right: inherit;
  width: 12px;
  top: 40%;
}
.tooltipbutton:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.tradeManually .headIcon {
  font-size: 25px;
  opacity: 0.7;
  margin: 0 10px 0 0;
}
.tradeManually .headIcon .open {
  display: none;
}
.tradeManually .hideTab .headIcon .close {
  display: none;
}
.tradeManually .hideTab .headIcon .open {
  display: block;
}
.tradeManually .hideTab .showHideTab {
  display: none;
}
.tradeManually .cardAccordian {
  box-shadow: none !important;
  border: 1px solid var(--bordercolor);
}
.tradeManually .cardAccordian .headerTab {
  background-color: var(--bodycolor);
  padding: 10px;
  border-radius: 8px 8px 0 0;
}
.tradeManually .cardAccordian .close {
  opacity: 0.5;
}
.tradeManually .cardAccordian .close .feather {
  width: 18px;
}
.tradeManually .cardAccordian .yelloSelected {
  background: var(--yellow);
  width: 12px;
  height: 12px;
  display: flex;
  border: 1px solid var(--bordercolor);
  border-radius: 50%;
}
.tradeManually .cardAccordian .majorFX {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.feather.small {
  width: 14px;
}
.onOffButton {
  background: var(--bodycolor);
  border-radius: 6px;
}
.onOffButton a {
  padding: 8px 10px;
  display: flex;
}
.onOffButton a.active {
  background: var(--gray);
  color: var(--white);
}
.onOffButton a.left {
  border-radius: 6px 0 0 6px;
}
.onOffButton a.right {
  border-radius: 0px 6px 6px 0px;
}
.leftIcon .form-control {
  padding-left: 30px;
}
.leftIcon .searchIcon {
  right: inherit;
  left: 8px;
  top: 7px;
}
.leftIcon .searchIcon .feather {
  width: 18px;
}
.selectSymbolsMega.position-absolute {
  top: 8px;
  right: 10px;
}
.selectSymbolsMega .dropdown_menu_animated {
  width: 600px;
  max-height: initial;
}
.selectSymbolsMega .dropdown_menu_animated .listSymbol li {
  padding: 0;
}
.selectSymbolsMega .dropdown_menu_animated li a {
  display: flex;
  flex-direction: column;
}
.selectSymbolsMega .dropdown_menu_animated li a.selected {
  color: var(--secondary);
}
.currencyTable .bodyBG {
  background: var(--bodycolor);
}
.currencyTable .up {
  color: var(--successcontent);
}
.currencyTable .down {
  color: var(--redcontent);
}
.smallFont a {
  font-size: 14px;
}
.inviteFriend .shareModal-social li a {
  margin: 2px;
  border-radius: 0;
}
.inviteFriend .shareModal-social li a .largeIcon {
  width: 35px;
  height: 35px;
}
/*Header*/
.mainHeader {
  border-color: var(--bordertop) !important;
  position: sticky;
  top: 0;
  z-index: 999;
}
.mainHeader nav.navbar {
  background-color: var(--white);
  min-height: 72px;
  z-index: 1000;
  margin: auto;
  position: static;
}
.mainHeader nav.navbar .nav-link {
  font-weight: 600;
  color: var(--menutext);
  font-size: 1rem;
  display: block;
  padding: 0 18px;
}
.mainHeader nav.navbar .nav-link.active,
.mainHeader nav.navbar .nav-link:hover {
  color: var(--secondary);
}
.mainHeader nav.navbar .feedLink .nav-link {
  color: var(--secondary);
  font-weight: 600;
}
.mainHeader .megaMenuList li {
  position: static;
}
.mainHeader .megaMenuList li .showMegaMenu {
  animation: slide-up 0.2s linear both;
  background-color: var(--white);
  border-radius: 0;
  border: 0;
  left: 0;
  right: 0;
  z-index: -1;
  min-height: 290px;
  padding-top: 40px;
}
.mainHeader .megaMenuList li .showMegaMenu li a.active,
.mainHeader .megaMenuList li .showMegaMenu li a:hover {
  background-color: transparent;
}
.mainHeader .megaMenuList li .showMegaMenu .icon {
  box-shadow: 0 1px 4px var(--gray);
  height: 42px;
  width: 41px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 20px 0 0;
  flex: none;
}
.mainHeader .megaMenuList li .showMegaMenu .icon img {
  width: 24px;
}
.mainHeader .megaMenuList li .showMegaMenu.show {
  animation: slide-down 0.2s linear both;
  box-shadow: 0 100vh 0 100vh rgba(0, 0, 0, 0.27), 0 5px 5px rgba(0, 0, 0, 0.27);
  transition-delay: 0.2s;
}
@keyframes slide-down {
  0% {
    visibility: hidden;
    top: -300px;
  }
  95% {
    visibility: visible;
    top: 72px;
  }
  /* Set height to 'auto' after animation for spacing showing form-invalid feedback message */
  100% {
    visibility: visible;
    top: 72px;
  }
}
@keyframes slide-up {
  from {
    visibility: visible;
    top: 72px;
  }
  to {
    visibility: hidden;
    top: -300px;
  }
}
.trendingUp .linkBelow.active,
.trendingUp .linkBelow:hover {
  color: var(--secondary);
}
.new-feature {
  border: 1.5px solid var(--secondary);
  border-radius: 0.5rem;
  padding: 0.1rem 0.3rem;
  color: var(--secondary);
  font-weight: 600;
}
.loginRegister .linkBtn {
  font-size: 14px;
}
.bg-white.boxed {
  padding: 15px;
  border-radius: 10px;
}
.button.fillBtn {
  border-radius: 15rem;
  padding: 4px 1rem;
  background-color: var(--secondary);
  border: 1px solid var(--secondary);
  color: var(--white);
}
.button.fillBtn.large {
  display: flex;
  justify-content: center;
  height: 40px;
  align-items: center;
}
.button.fillBtn.radius-4 {
  border-radius: 6px;
  padding: 6px 12px;
}
.button.borderBtn {
  border-radius: 15rem;
  padding: 4px 1rem;
  background-color: var(--white);
  border: 1px solid var(--secondary);
  color: var(--secondary);
}
.button.borderBtn.large {
  display: flex;
  justify-content: center;
  height: 40px;
  align-items: center;
}
.rightHeader .belowMenu li a {
  display: flex;
  align-items: center;
  padding: 0 8px;
  color: var(--gray);
}
.rightHeader .belowMenu li a:hover {
  color: var(--dark);
  background: transparent;
}
.rightHeader .belowMenu li a .icon {
  width: 16px;
}
.selectLanguage .dropdown-menu {
  width: 390px;
  right: 0;
  left: inherit;
  flex-wrap: wrap;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}
.selectLanguage .dropdown-menu.show {
  display: flex;
}
.selectLanguage .dropdown-menu li {
  width: 33%;
}
.selectLanguage .dropdown-menu li a {
  font-size: 12px;
  padding: 7px 15px;
}
.selectLanguage .dropdown-menu li a img {
  margin: 0 8px 0 0;
}
.selectLanguage a img {
  width: 17px;
  height: 17px;
}
/*Footer*/
.mainFooter {
  display: block;
  background-color: var(--middark);
  padding: 40px 0;
}
.mainFooter .footerList li a {
  font-size: 12px;
  color: var(--lightwhite);
}
.mainFooter .footerList li a:hover {
  color: var(--white);
}
.mainFooter h6 {
  font-size: 14px;
  color: var(--lightwhite);
  border-bottom: 1px solid var(--darkborder);
  padding: 0 0 5px 0;
  color: var(--white);
}
.mainFooter .content li a {
  font-size: 16px;
  padding: 3px 0;
  display: block;
  color: var(--white);
}
.mainFooter .socialList li a {
  color: var(--lightwhite);
  padding: 0 8px;
}
.mainFooter .disclamer p {
  font-size: 11px;
  line-height: 16px;
  color: var(--lightwhite);
}
/*End*/
:root {
  --bodycolor: #f3f3f3;
  --menutext: #535353;
  --green: #339942;
  --lightgreen: #eafbec;
  --red: #e03338;
  --midred: #ff6565;
  --title: #212529;
  --white: #ffffff;
  --secondary: #ff7200;
  --inactive: #939393;
  --dark: #131313;
  --bordercolor: #d8dde6;
  --bordertop: #c8c8c8;
  --gray: #808080;
  --link: #1384cd;
  --title: #404040;
  --graytext: #777777;
  --midgray: #778290;
  --lightgray: #979797;
  --middark: #454545;
  --lightwhite: #d3d2d2;
  --darkborder: #3e3e3e;
  --ltgray: #E6E6E6;
  --inputbg: #F7F7F7;
  --modalhead: #efefef;
  --modalbody: #fbfbfb;
  --darkinput: #e9ebec;
  --lightborder: #ebebeb;
  --grayborder: #d3d3d3;
  --rating: #ffd300;
  --lightred: #ffe3cc;
  --btnred: #ff7200;
  --activelight: #f9f9f9;
  --tabledata: #f8f8f8;
  --reddata: #ffc5bf;
  --redcontent: #b21606;
  --errordata: #f9dcda;
  --successdata: #c6f2c2;
  --successcontent: #008f41;
  --successdataligh: #ddf3db;
  --darkblue: #022a4f;
  --blue: #0069ff;
  --progressbar: #7c91a5;
  --tableHead: #293c4f;
  --upcoming: #fff2e8;
  --upcomingevent: #fff7f1;
  --darkmix: #2b2b2b;
  --yellow: #fdffc9;
  /*Social*/
  --facebook: #4267B2;
  --twitter: #00acee;
  --linkedin: #006fa6;
  --pintrest: #BD091D;
  --reddit: #FF4006;
  --thumblr: #36465D;
  --mix: #eb4924;
  --oauth: #4C75A3;
  --telegram: #0088cc;
  --messenger: #0080FF;
  --whatsapp: #25D366;
  --xing: #006567;
  --shareline: #00b900;
  --sms: #20c16c;
  --email: #FF961C;
  --sharecopy: #607D8B;
  /*--regular:'lucida_granderegular';
    --bold:'lucida_grandebold';*/
}
.facebook {
  background-color: var(--facebook);
}
.twitter {
  background-color: var(--twitter);
}
.linkedin {
  background-color: var(--linkedin);
}
.pinterest {
  background-color: var(--pintrest);
}
.reddit {
  background-color: var(--reddit);
}
.thumblr {
  background-color: var(--thumblr);
}
.mix {
  background-color: var(--mix);
}
.oauth {
  background-color: var(--oauth);
}
.telegram {
  background-color: var(--telegram);
}
.messanger {
  background-color: var(--messenger);
}
.whatsapp {
  background-color: var(--whatsapp);
}
.xing {
  background-color: var(--xing);
}
.line {
  background-color: var(--shareline);
}
.sms {
  background-color: var(--sms);
}
.email {
  background-color: var(--email);
}
.copy {
  background-color: var(--sharecopy);
}
.midred {
  color: var(--midred);
}
.midredBG {
  background-color: var(--midred);
  color: var(--white);
}
.green {
  color: var(--green);
}
.greenBG {
  background: var(--green);
  color: var(--lightwhite);
}
.red {
  color: var(--red);
}
.upcoming {
  background-color: var(--upcoming);
}
.upcomingLight {
  background-color: var(--upcomingevent);
}
.redBG {
  background-color: var(--lightred);
  color: var(--btnred);
}
.secondary {
  color: var(--secondary);
}
.bodyBG {
  background-color: var(--bodycolor);
}
.bg-yellow {
  background-color: var(--yellow);
}
b {
  font-weight: 600;
}
.f-9 {
  font-size: 0.563rem;
  line-height: 1.3;
}
.f-10 {
  font-size: 0.625rem;
  line-height: 1.3;
}
.f-11 {
  font-size: 0.688rem;
  line-height: 1.4;
}
.f-12 {
  font-size: 0.75rem;
  line-height: 1.4;
}
.f-13 {
  font-size: 0.813rem;
}
.f-14 {
  font-size: 0.875rem;
}
.f-15 {
  font-size: 0.938rem;
}
.f-16 {
  font-size: 1rem;
}
.f-18 {
  font-size: 1.125rem;
}
.f-20 {
  font-size: 1.25rem;
}
.f-22 {
  font-size: 1.375rem;
}
.f-24 {
  font-size: 1.5rem;
}
.f-30 {
  font-size: 1.875rem;
}
.gray {
  color: var(--gray);
}
.title {
  color: var(--title);
}
.link {
  color: var(--link);
}
.link.secondary{
  color: var(--secondary);
}
.link:hover {
  color: var(--secondary);
}
.medium {
  font-weight: 600;
}
.regular {
  font-weight: 400;
}
.w-18 {
  width: 18px;
}
.inactive {
  color: var(--inactive);
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk_RkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4n.ttf) format('truetype');
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button:focus,
select:focus,
input:focus,
.btn:focus,
.form-control:focus {
  outline: none;
  box-shadow: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  background-color: var(--bodycolor);
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  padding: 0;
  font-weight: normal;
  height: 100%;
  counter-reset: section;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: var(--menutext);
}
h1 {
  font-size: 2.75rem;
  line-height: 51px;
  color: var(--dark);
  letter-spacing: -1px;
}
h2 {
  font-size: 2rem;
  letter-spacing: -1px;
  color: var(--title);
  font-weight: 700;
  line-height: 40px;
}
h3 {
  font-size: 1.563rem;
  font-weight: 500;
}
h4 {
  font-size: 1.25rem;
  font-weight: 600;
}
h5 {
  font-size: 1.125rem;
  font-weight: 600;
}
h6 {
  font-size: 1rem;
  font-weight: 600;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1rem;
  color: var(--menutext);
  line-height: 24px;
}
img {
  max-width: 100%;
}
strong {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
a {
  color: var(--themecolor);
  text-decoration: none;
  background-color: transparent;
}
i {
  font-style: italic;
}
a:hover {
  color: var(--theme-colordark);
  text-decoration: none;
}
button:focus {
  outline: none;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  box-shadow: none;
}
/*Input*/
::-webkit-input-placeholder {
  color: var(--inactive);
}
::-moz-placeholder {
  color: var(--inactive);
}
:-ms-input-placeholder {
  color: var(--inactive);
}
:-moz-placeholder {
  /* Firefox 18- */
  color: var(--inactive);
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}
.bold {
  font-weight: 700;
}
.greenBtn {
  background-color: var(--lightgreen);
  color: var(--green);
  padding: 2px 10px;
}
.grayBtn {
  color: var(--graytext);
  background-color: hsla(0, 0%, 47%, 0.1);
  padding: 2px 10px;
}
.card {
  border-radius: 14px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  border: 0;
}
.bg-secondary {
  background-color: var(--secondary) !important;
}
.bg-secondary h2,
.bg-secondary p {
  color: var(--white);
}
.line-1 {
  line-height: 1;
}
.line-4 {
  line-height: 1.4;
}
.h-70 {
  height: 70px;
}
b {
  font-weight: 700;
}
.disabled {
  background: var(--gray) !important;
  border: 1px solid var(--bordercolor) !important;
  opacity: 0.5;
  pointer-events: none;
}
.disabled.border-0 {
  border: 0 !important;
}
/*CSS*/
.zulu_btn {
  background: var(--themecolor);
  color: var(--white);
  font-size: 15px;
  font-weight: 400;
  padding: 8px 20px;
  min-width: 110px;
  height: 40px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: medium none;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  text-transform: capitalize;
}
.zulu_btn:hover {
  color: var(--white);
  opacity: 0.7;
}
.zulu_btn.large {
  min-width: 100%;
}
.zulu_btn.small {
  font-size: 14px;
  padding: 7px 0;
  height: auto;
}
.zulu_btn.border-button {
  background: transparent;
  color: var(--titlecolor);
  border: 1px solid var(--bordercolor);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.zulu_btn.border-button:hover {
  background: var(--secondary);
  color: var(--white);
  border-color: var(--secondary);
}
.zulu_btn.bg-white:hover {
  color: var(--secondary);
}
.zulu_btn.rounded {
  border-radius: 50px !important;
}
.pointer {
  cursor: pointer;
}
.shadow {
  box-shadow: 0 2px 3px hsla(0, 0%, 48%, 0.3) !important;
}
.max-1370,
.container.max-1370 {
  max-width: 1370px;
}
.fw-300 {
  font-weight: 300;
}
.gridCol1 {
  width: 25%;
}
.gridCol2 {
  width: 25%;
}
.gridCol3 {
  width: 50%;
}
.mainWrapper {
  background-color: var(--bodycolor);
  padding: 0 0 40px 0;
  min-height: calc(100vh - 658px);
}
.max-1660 {
  max-width: 1660px;
  margin: 0 auto;
}
.zuluTabs {
  overflow: auto;
}
.zuluTabs li a {
  position: relative;
  color: var(--inactive);
  letter-spacing: 0.0625rem;
  font-size: 0.875rem;
  padding: 23px 15px;
  display: block;
  white-space: nowrap;
}
.zuluTabs li a.f-16 {
  font-size: 1rem;
  font-weight: 500;
}
.zuluTabs li a.active {
  color: var(--dark);
}
.zuluTabs li a:hover:before {
  position: absolute;
  content: "";
  background: var(--secondary);
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.zuluTabs li.active a {
  color: var(--dark);
}
.zuluTabs li.active a:before {
  position: absolute;
  content: "";
  background: var(--secondary);
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.zuluTabs.large li a {
  font-size: 1rem;
  padding: 0 20px 12px 20px;
}
.zuluInput .form-control {
  background-color: var(--white);
  color: var(--menutext);
  border: 1px solid var(--bordercolor);
  border-radius: 0.25rem;
  width: 100%;
  transition: border 0.1s linear, background-color 0.1s linear;
  display: inline-block;
  padding: 0 1rem 0 0.75rem;
  line-height: 1.875rem;
  min-height: calc(1.875rem + (1px * 2));
  font-size: 0.875rem;
}
.form-search {
  position: relative;
}
.form-search .zuluInput {
  max-width: 250px;
}
.searchIcon {
  display: block;
  position: absolute;
  right: 5px;
  top: 3px;
  width: 18px;
  opacity: 0.5;
}
.searchIcon .search {
  width: 16px;
}
.commonList li {
  padding: 0 0 20px 34px;
  position: relative;
}
.commonList li::before {
  counter-increment: section;
  content: "" counter(section) "";
  background-color: rgba(229, 233, 237, 0.95);
  color: var(--menutext);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 800;
  position: absolute;
  left: 0;
  top: 2px;
}
.commonList li span {
  display: block;
}
.arrowLeft li:before {
  position: absolute;
  content: "\f054";
  font-family: 'FontAwesome';
  width: 15px;
  height: 15px;
  left: 0;
  font-size: 14px;
  color: var(--secondary);
  top: 3px;
}
.arrowLeft.commonList li {
  padding: 0 0 20px 22px;
}
.dropdown-menu.viewMenu li a {
  font-size: 13px;
  padding: 3px 13px;
  display: block;
}
.dropdown-menu li a:hover {
  color: var(--secondary);
}
.dropdown-menu.w-180 {
  width: 180px;
}
.dropdown-menu.r-0 {
  left: inherit !important;
  right: 0 !important;
}
.settingUp .nav-link {
  opacity: 0.5;
}
.graphList li a {
  font-size: 12px;
  font-weight: 600;
  padding: 5px 11px;
  display: block;
}
.graphList li a.active,
.graphList li a:hover {
  background: var(--secondary);
  color: var(--white);
  border-radius: 4px;
}
.dropdown-menu.userLogged {
  width: 230px;
}
.customPad {
  padding: 0 0 0 50px;
}
.viewNews p {
  line-height: 21px;
  font-weight: 500;
}
.commentArea li {
  padding: 0 40px 0 0;
}
.commentArea li a {
  color: var(--midgray);
  font-weight: 500;
}
.newsfeed-card .searchIcon {
  right: inherit;
  left: 9px;
}
.newsfeed-card .form-control {
  font-size: 12px;
  border-radius: 50px;
  padding: 5px 30px;
  background: var(--inputbg);
}
.trendign-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
}
/*Combos Page*/
.combosElement .avatar {
  width: 50px;
}
.combosElement .boxed {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.modal-header {
  background: var(--modalhead);
}
.modal-680 .modal-dialog.modal-dialog-centered {
  max-width: 680px;
}
.modal-820 .modal-dialog.modal-dialog-centered {
  max-width: 820px;
}
.modal-900 .modal-dialog.modal-dialog-centered {
  max-width: 900px;
}
/*Login*/
.form-group {
  margin: 0 0 18px 0;
}
.form-group.max-300 {
  max-width: 300px;
  width: 100%;
}
.form-group label {
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: 600;
}
.form-group .form-control {
  font-size: 14px;
  height: 40px;
  border-color: var(--bordercolor);
}
.form-group .form-control.disabled {
  background: var(--bodycolor) !important;
}
.form-group .form-control.searchCountry {
  font-size: 12px;
}
.form-group .form-control.textarea {
  height: 70px;
  resize: none;
}
.blockElement.space {
  padding: 60px 0;
}
.or {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}
.or:before,
.or:after {
  position: absolute;
  content: "";
  background: var(--bordercolor);
  width: 110px;
  height: 1px;
  right: 110%;
  top: 13px;
}
.or:after {
  left: 110%;
}
.box-shadow {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.borderButton {
  border: 1px solid var(--bordercolor);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 19px;
  border-radius: 50px;
}
.fiveColumn .col {
  max-width: 20%;
  margin: 0 0 20px 0;
  width: 100%;
}
/*Register*/
.register-users,
.zuluTradeAccount {
  position: relative;
  background-image: url(../images/join-us-background.png);
  background-repeat: no-repeat;
  background-size: 580px;
  background-position: left top;
}
.register-users .boxed,
.zuluTradeAccount .boxed {
  padding: 20px 50px;
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  box-shadow: 0 7px 20px 16px hsla(0, 0%, 82%, 0.31);
  border-radius: 16px;
  width: 90%;
  margin-left: auto;
}
.register-users .searchIcon,
.zuluTradeAccount .searchIcon {
  top: 7px;
}
.register-users .form-group .form-control,
.zuluTradeAccount .form-group .form-control {
  background: var(--darkinput);
  border: 0;
}
.register-users .form-group .form-control.searchCountry,
.zuluTradeAccount .form-group .form-control.searchCountry {
  background: var(--white);
  border: 1px solid var(--bordercolor);
  margin: 0 0 9px 0;
}
.contentList li {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.contentList li p {
  font-size: 1rem;
}
.contentList li span {
  min-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
}
.inputIcon .form-control {
  padding-right: 30px;
}
.selectDropdown {
  position: sticky;
  top: 0;
  border-radius: 0.375rem;
  background: var(--darkinput);
  height: 40px;
  padding: 0 10px;
}
.dropdown_menu_animated {
  position: absolute;
  display: none;
  top: 100%;
  right: 0;
  width: 100%;
  perspective: 1000px;
  z-index: 9;
  background: var(--white);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  -webkit-animation: growDown 0.3s ease-in-out forwards;
  animation: growDown 0.3s ease-in-out forwards;
  -webkit-transform-origin: top center;
  -webkit-animation: growDown 300ms ease-in-out forwards;
  animation: growDown 300ms ease-in-out forwards;
  transform-origin: top center;
  max-height: 200px;
  overflow: auto;
}
.dropdown_menu_animated.openTop {
  top: inherit;
  bottom: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 -4px 5px rgba(0, 0, 0, 0.23);
  transform-origin: bottom center;
}
.dropdown_menu_animated li a {
  padding: 7px 10px;
}
.dropdown_menu_animated li a:hover {
  color: var(--secondary);
}
.dropdown_menu_animated.show {
  display: block;
}
@-moz-keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@-o-keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
.selectnumber .selectDropdown {
  width: 120px;
  margin-right: 13px;
}
.selectnumber .form-group {
  width: calc(100% - 100px);
}
.secondtab-subcontents .zuluTabs li a {
  padding: 12px 10px;
  font-size: 0.75rem;
}
.iconButton {
  background-color: var(--bodycolor);
  padding: 5px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.gary.fa {
  opacity: 0.5;
  font-size: 20px;
}
.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.radius-0 {
  border-radius: 0;
}
.dashed {
  border-bottom: 1px dashed var(--bordercolor);
}
.underline {
  text-decoration: underline;
}
/*Custom ChechBox*/
.cutomChechBox {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cutomChechBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.cutomChechBox input:checked ~ .checkmark {
  background-color: var(--white);
}
.cutomChechBox input:checked ~ .checkmark:after {
  display: block;
}
.cutomChechBox .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: transparent;
  border-radius: 2px;
  border: 1px solid var(--bordercolor);
}
.cutomChechBox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid var(--secondary);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cutomChechBox.radio .checkmark {
  border-radius: 50%;
}
.cutomChechBox.radio .checkmark:after {
  border: 0;
  top: 4px;
  left: 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--secondary);
}
.labelCheckBox li {
  width: 33%;
}
.inRow li {
  width: 9%;
}
input.showValue {
  background-color: var(--white);
  border: 1px solid var(--lightborder);
  font-size: 12px;
  padding: 6px 10px;
  width: 80px;
}
.dropdown-item.active,
.dropdown-item:hover {
  background-color: transparent;
}
/*Single Trade Page*/
.zuluTabs.singleSmall li.active a:before {
  display: none;
}
.zuluTabs.singleSmall li a {
  padding: 10px 15px;
  font-size: 12px;
}
.zuluTabs.singleSmall li a:hover:before {
  display: none;
}
.zl-trader-header {
  border-bottom: 1px solid var(--grayborder);
  padding: 5px 0;
}
.strategyBlock {
  padding: 30px 0;
  border-bottom: 1px solid var(--grayborder);
}
.rating li {
  padding-right: 2px;
}
.rating li .feather {
  fill: #d3d3d3;
  stroke: none;
}
.rating li .active .feather {
  fill: var(--rating);
}
.otherBroker {
  background: var(--bodycolor);
  font-size: 10px;
  padding: 1px 4px;
  border-radius: 3px;
}
.overViewInvestors {
  padding: 20px 0;
}
.list-leftBar li {
  line-height: 23px;
  padding: 0 0 5px 0;
}
h5 sub {
  bottom: 0;
  font-size: 13px;
}
.flex-0 {
  flex: none;
}
.leftBarFollwers span {
  font-weight: 600;
}
.radiun-0 {
  border-radius: 0;
}
.toogleUP {
  background-color: var(--activelight);
  color: var(--inactive);
  padding: 5px 10px;
  font-size: 0.875rem;
}
.toogleUP.active {
  background-color: var(--lightred);
  color: var(--btnred);
  font-weight: 700;
}
.overallList li {
  width: 25%;
  text-align: center;
  padding-bottom: 11px;
}
.overallList li:not(:last-child) {
  border-right: 1px solid var(--lightborder);
}
/*data Table*/
.table.currencyTable .tooltiptext p {
  line-height: 1.4;
}
.table.currencyTable tr {
  border-top: 1px solid var(--tabledata);
  border-bottom: 1px solid var(--tabledata);
  line-height: 1rem;
}
.table.currencyTable tr th {
  font-size: 11px;
  color: var(--inactive);
  vertical-align: middle;
}
.table.currencyTable tr td {
  font-size: 11px;
  color: var(--menutext);
  vertical-align: middle;
}
.table.currencyTable tr td.error1 {
  background-color: var(--reddata) !important;
  color: var(--redcontent) !important;
}
.table.currencyTable tr td.error2 {
  background-color: var(--errordata) !important;
  color: var(--redcontent) !important;
}
.table.currencyTable tr td.success1 {
  background-color: var(--successdata) !important;
  color: var(--successcontent) !important;
}
.table.currencyTable tr td.success2 {
  background-color: var(--successdataligh) !important;
  color: var(--successcontent) !important;
}
.table.currencyTable .sorted {
  position: relative;
}
.table.currencyTable .sorted:before {
  position: absolute;
  content: "";
  background-color: var(--dark);
  opacity: 0.05;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.table.currencyTable tbody > tr:nth-child(odd) > td {
  background-color: var(--tabledata);
}
.form-select:focus,
.page-link:focus {
  box-shadow: none;
}
.pagination li a {
  color: var(--inactive);
  font-size: 13px;
}
.active > .page-link,
.page-link.active,
.page-link:hover {
  background-color: var(--lightgray);
  border-color: var(--lightgray);
  color: var(--white);
}
.blueColor,
.secondaryColor {
  background-color: var(--blue);
  width: 10px;
  height: 10px;
  display: block;
}
.secondaryColor {
  background-color: var(--secondary);
}
.hasList li {
  text-align: center;
  line-height: 1;
  width: 18%;
  margin: 0 0 15px 10px;
}
.trendign-list li a {
  font-size: 14px;
}
.inputForm .borderButton {
  border: 0.0063rem solid var(--bordercolor);
  font-size: 0.938rem;
  font-weight: 500;
  border-radius: 0.625rem;
  height: 3.375rem;
  padding: 0 0.938rem;
}
.inputForm .borderButton span {
  flex: 1;
  text-align: center;
}
.inputForm .form-group .iconInput .eye {
  right: 11px;
  top: 10px;
  width: 15px;
}
.zuluTradeAccount .form-group .form-control {
  background: var(--white);
  border: 1px solid var(--bordercolor);
}
.passwordStrenth li {
  font-size: 12px;
  color: var(--gray);
  padding: 2px 0;
}
.passwordStrenth li.green {
  color: var(--green);
}
.passwordStrenth li.red {
  color: var(--red);
}
.accordion-button {
  font-weight: 700;
}
.accordion-button:not(.collapsed),
.accordion-button:focus {
  box-shadow: none;
  background: rgba(255, 114, 0, 0.08);
  color: var(--secondary);
}
.accordion-button:not(.collapsed):after,
.accordion-button:focus:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff7200'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.horizontralBorder {
  position: relative;
  padding-right: 60px;
}
.horizontralBorder:after {
  background-color: var(--bordercolor);
  position: absolute;
  right: 40px;
  content: "";
  width: 2px;
  height: 200px;
  z-index: 9;
  transition-delay: 0.2s;
}
.wl-table {
  background-color: var(--white);
  box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.15);
  height: 100%;
  width: 100%;
  border-radius: 8px;
}
.wl-table thead tr th {
  padding: 12px 10px;
  text-align: center;
  font-weight: 400;
  background-color: var(--tableHead);
  color: var(--white);
}
.wl-table thead tr th:first-child {
  border-top-left-radius: 8px;
}
.wl-table thead tr th:last-child {
  border-top-right-radius: 8px;
}
.wl-table tbody tr td {
  padding: 12px 10px;
  border: 1px solid var(--bordercolor);
  font-weight: 600;
  vertical-align: middle;
}
.wl-table .cellSpacing thead tr th,
.wl-table .cellSpacing tbody tr th,
.wl-table .cellSpacing thead tr td,
.wl-table .cellSpacing tbody tr td {
  padding: 22px 40px;
}
.accordion-body b {
  font-weight: 600;
}
.reatesPage .form-group {
  max-width: 300px;
  width: 100%;
}
.reatesPage .form-group .form-control {
  padding-right: 30px;
}
.reatesPage .form-group .searchIcon {
  top: 6px;
}
.reatesPage .form-group .searchIcon .feather {
  width: 16px;
}
.toolBox {
  height: 100%;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 11px 0 rgba(136, 144, 156, 0.46);
}
.toolBox:hover h4 {
  color: var(--secondary);
}
.toolBox:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.boxedShadow {
  box-shadow: 0 2px 11px 0 rgba(136, 144, 156, 0.46);
  border-radius: 16px;
}
.boxedShadow .topRadius {
  padding: 40px;
}
.boxedShadow .getResult {
  background-color: var(--middark);
  padding: 40px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.allCalculator .form-group .form-select,
.allCalculator .form-group .form-control {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--bordercolor);
  padding-right: 7px;
  padding-left: 7px;
  height: 48px;
}
.resultList li {
  text-align: center;
  width: 50%;
  position: relative;
}
.resultList li p {
  color: var(--white);
}
.resultList li:not(:last-child) {
  border-right: 1px solid var(--bordercolor);
}
.dotList li {
  list-style-type: disc;
  margin: 0 0 8px 19px;
  color: var(--menutext);
}
.halfRounded {
  background-image: url(../images/hero-bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 -130px;
}
.customCarousel .carousel-indicators {
  position: relative;
  left: inherit;
  margin: 0;
  display: block;
  width: 90px;
  text-align: right;
}
.customCarousel .carousel-indicators button {
  background-color: transparent;
  width: auto;
  height: 18px;
  color: var(--gray);
  text-indent: 0px;
  font-weight: 600;
  opacity: 1;
}
.customCarousel .carousel-indicators button.active {
  color: var(--dark);
}
.customCarousel .carousel-indicators .carousel-control-next-icon,
.customCarousel .carousel-indicators .carousel-control-prev-icon {
  background-image: none;
}
.customCarousel .carousel-indicators .carousel-control-next,
.customCarousel .carousel-indicators .carousel-control-prev {
  margin: 0 auto;
  font-size: 20px;
}
.customCarousel .carousel-indicators .carousel-control-next {
  top: inherit;
  bottom: -40px;
}
.customCarousel .carousel-indicators .carousel-control-prev {
  top: -30px;
  right: 0;
  left: inherit;
}
.partnershipPage {
  background-image: url(../images/partnerships.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.partnershipPage .transparentBG {
  background: rgba(255, 255, 255, 0.58);
  padding: 40px;
  margin: 0 0 15% 0;
}
.partnershipPage .transparentBG .letterSpace {
  display: block;
  font-size: 70px;
  letter-spacing: 20px;
  line-height: 70px;
  margin: 0 0 3% 0;
}
.darkZulutrade {
  background-color: var(--darkmix);
  background-image: url(../images/world-map.png);
  background-repeat: repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
.listArrow li {
  padding: 0 0 13px 25px;
  position: relative;
  color: var(--menutext);
}
.listArrow li:before {
  position: absolute;
  content: "\f054";
  font-family: FontAwesome;
  left: 0;
  color: var(--secondary);
  font-size: 14px;
  top: 3px;
}
.additionalBox .card-body {
  box-shadow: 0 2px 11px 0 rgba(136, 144, 156, 0.46);
}
.contactUSForm {
  background-color: var(--bodycolor);
}
.helpCenter .form-group {
  max-width: 600px;
  margin: 0 auto;
}
.helpCenter .form-group .form-control {
  height: 60px;
  border-radius: 50px;
  padding: 0 25px 0 60px;
  font-size: 18px;
}
.helpCenter .form-group .searchIcon {
  right: inherit;
  top: 16px;
  left: 20px;
}
.questionList li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.questionList li a {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.questionList li a:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.shadowButton {
  background-color: var(--white);
  padding: 15px;
  box-shadow: 0 6px 19px 0 rgba(0, 0, 0, 0.17);
  border-radius: 15rem;
  margin: 0 0.5rem 1rem;
}
.topicsElement {
  background: url(../images/pattern.png);
  background-repeat: repeat;
}
.topicsElement h4 a:hover {
  color: var(--secondary);
}
.topicsElement .automated {
  width: 100px;
}
.moreHelp .card-body {
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  text-align: center;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.moreHelp .card-body.minInherit {
  min-height: inherit;
}
.moreHelp .card-body img {
  margin: 0 auto;
}
.listhelp li {
  padding: 0 0 15px 0;
}
.listhelp li a {
  font-size: 14px;
}
.masterPips .leftPips .card-body {
  padding: 20px;
  border-radius: 12px;
  background-color: var(--white);
}
.masterPips .leftPips .card-body:hover,
.masterPips .leftPips .card-body.active {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.list li {
  font-size: 14px;
  color: var(--menutext);
  padding: 0 0 7px 0;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.upload-btn-wrapper .btn {
  border: 1px solid var(--bordercolor);
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
}
.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.inputToolTip .tooltipbutton {
  position: absolute;
  top: 7px;
  right: 6px;
  z-index: 99;
}
.tabTable th {
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--bordercolor);
  background: var(--bodycolor);
  font-weight: 600;
  letter-spacing: -0.5px;
  color: var(--inactive);
  background-clip: padding-box;
  text-align: center;
  vertical-align: middle;
}
.tabTable.leftContent th {
  text-align: left;
}
.tabTable tbody td {
  font-size: 14px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--bordercolor);
  font-weight: 500;
  letter-spacing: -0.5px;
  color: var(--menutext);
  background-clip: padding-box;
  vertical-align: middle;
  text-align: center;
}
.tabTable tbody td .fa {
  color: var(--menutext);
  font-size: 20px;
  opacity: 0.5;
  font-weight: 300;
}
.example .btn-toggle {
  top: 50%;
  transform: translateY(-50%);
}
.btn-toggle {
  margin: 0 30px;
  padding: 0;
  position: relative;
  border: none;
  height: 14px;
  width: 35px;
  border-radius: 1.5rem;
  color: var(--inactive);
  background: var(--bodycolor);
}
.btn-toggle.bg-gray {
  background: #dfdfdf;
}
.btn-toggle :focus {
  outline: none;
}
.btn-toggle:before,
.btn-toggle:after {
  line-height: 1.5rem;
  width: 90px;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: -5px;
  transition: opacity 0.25s;
}
.btn-toggle:before {
  content: 'Off';
  left: -4rem;
}
.btn-toggle:after {
  content: 'On';
  right: -4rem;
  opacity: 0.5;
}
.btn-toggle.active {
  transition: background-color 0.25s;
  background-color: var(--secondary);
}
.btn-toggle.active:before {
  opacity: 0.5;
}
.btn-toggle.active:after {
  opacity: 1;
}
.btn-toggle > .handle {
  position: absolute;
  top: 1px;
  left: 0.1875rem;
  width: 12px;
  height: 12px;
  border-radius: 1.125rem;
  background: var(--inactive);
  transition: left 0.25s;
}
.btn-toggle.active > .handle {
  left: 21px;
  background-color: var(--white);
  transition: left 0.25s;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--white);
}
.infinite.form-control {
  width: 90px;
  margin: 0 10px 0 0;
}
.numaricList li {
  font-size: 14px;
  color: var(--menutext);
  padding: 0 0 6px 0;
  list-style: lower-roman;
  margin-left: 19px;
}
.modal-body.autoScrollable {
  height: calc(100vh - 340px);
  overflow: auto;
}
.feedBackicon li {
  padding: 0 20px;
}
.feedBackicon li a {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: flex;
}
.feedBackicon li a img {
  width: 40px;
  height: 40px;
  display: block;
}
.feedBackicon li a .onhover {
  display: none;
}
.feedBackicon li a:hover,
.feedBackicon li a.active {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.feedBackicon li a:hover .onhover,
.feedBackicon li a.active .onhover {
  display: flex;
}
.feedBackicon li a:hover .vuew,
.feedBackicon li a.active .vuew {
  display: none;
}
.feedBackicon li:not(:last-child) {
  border-right: 1px solid var(--bordercolor);
}
.inlineRadio .cutomChechBox {
  text-align: center;
  padding: 10px 3%;
}
.inlineRadio .cutomChechBox .d-block {
  margin: 0 0 5px 0;
}
.inlineRadio .cutomChechBox .checkmark {
  position: relative;
  display: flex;
  justify-content: center;
}
.automatorMenu {
  max-width: 250px;
  width: 100%;
}
.automatorMenu .dropdown_menu_animated li a {
  padding: 7px 0px;
  font-size: 13px;
}
.position-sticky.top-0 {
  top: 0;
}
.ifColumn .form-group {
  margin-right: 10px;
}
.textCondition {
  margin: 0 0 30px 0;
}
.textCondition h4 {
  background: var(--bodycolor);
  width: 40px;
  height: 40px;
  margin: -38px 0 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.textCondition h4.then {
  width: auto;
  border-radius: 10px;
  display: inline-flex;
  height: auto;
  margin: 0;
  padding: 4px 20px;
  position: relative;
  top: -28px;
}
.button.borderBtn.rounded {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
}
.tooltipbutton {
  z-index: 99;
}
.gridTabs li a {
  opacity: 0.5;
  background: var(--bodycolor);
  padding: 8px 10px;
  display: flex;
  margin: 0 3px 5px 0;
}
.gridTabs li.active a {
  background: var(--gray);
  opacity: 1;
  color: var(--white);
}
.tradeManually {
  padding: 10px 20px;
}
.tradeManually .card-body {
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.13);
  border-radius: 8px;
  padding: 15px;
}
.tradeManually .card-body h6 {
  color: var(--darkblue);
}
.tradeManually .card-body .tarde {
  background: var(--bodycolor);
  padding: 2px 9px;
  min-width: 49%;
  margin: 5px 2px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  min-height: 48px;
  align-items: center;
  display: flex;
}
.tradeManually .card-body .tarde.text-end {
  justify-content: flex-end;
}
.tradeManually .card-body .tarde.f-14 {
  font-size: 14px;
}
.tradeManually .card-body .tarde.up {
  background: var(--successdataligh);
  color: var(--successcontent);
}
.tradeManually .card-body .tarde.down {
  background: var(--errordata);
  color: var(--redcontent);
}
.tradeManually .card-body .numValue {
  position: absolute;
  left: 50%;
  font-size: 12px;
  font-weight: 700;
  padding: 0 7px;
  border-radius: 4px;
  z-index: 9;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: var(--darkblue);
}
.tradeManually .card-body .progress {
  height: 5px;
}
.tradeManually .card-body .progress .progress-bar {
  background-color: var(--progressbar);
}
.table th {
  font-size: 14px;
  font-weight: 600;
}
.table td {
  font-size: 14px;
}
.table-striped td {
  border-bottom: 1px solid var(--bordercolor);
  padding: 13px 10px;
}
.w-70 {
  width: 70%;
}
.notificationPreferences {
  background-image: url(../images/notifications-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}
.notificationPreferences .boxed {
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.25);
}
.modal:before {
  position: fixed;
  content: "";
  background: rgba(0, 0, 0, 0.34);
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.breadcrumb li {
  font-size: 14px;
}
.breadcrumb li a {
  font-size: 14px;
  color: var(--secondary);
}
.repeatList .selected {
  padding: 0px 7px;
}
.repeatList a {
  font-size: 14px;
  padding: 8px 11px;
}
.repeatList a.main-link:hover,
.repeatList a.main-link.active {
  color: var(--secondary);
  background: var(--bodycolor);
  border-left: 2px solid var(--secondary);
}

.repeatList .collapse a:hover, .repeatList .collapse a.active{
  color: var(--secondary);
  background: transparent;
  border-left: none;
}
.fullList .selected p {
  font-size: 14px;
  line-height: 20px;
  padding: 0 0 0 20px;
}
ul.list-style-circle{
  list-style: circle;
}
.fullList .selected ol{
  list-style: auto;
  padding: 0 0 0 33px;
}
.fullList .selected ol li, .fullList .selected ul li{
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}
.fullList .selected ol li:last-child, .fullList .selected ul li:last-child{
  margin-bottom: 0;
}
.fullList .selected ul.list-style-circle{
  padding-left: 38px;
}

.linkage-policy ul, .support_sec ul{
  list-style: unset;
  padding: 0 0 0 17px;
}
.linkage-policy ul li, .support_sec ul li{
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}
.linkage-policy p{
  font-size: 14px;
  line-height: 20px;
}
.linkage-policy .example-item{
  border: 1px solid var(--secondary);
  border-radius: 10px;
  position: relative;
  padding: 50px 24px 24px 24px;
}

.linkage-policy .example-item .sr-no{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  opacity: 1;
  background: linear-gradient(195deg,#ff7200,#ff7200);
  color: #fff;
  border-radius: 10px 10px 10px 10px;
  position: absolute;
  left: 24px;
  top: -2rem;
}

.fullList .arrow {
  position: relative;
  color: var(--secondary);
  padding: 10px 0px 10px 20px;
}
.fullList .arrow:before {
  position: absolute;
  font-family: 'FontAwesome';
  width: 15px;
  height: 15px;
  left: 0;
  font-size: 14px;
  color: var(--secondary);
  top: 14px;
}
.fullList .arrow[aria-expanded="false"]:before {
  content: "\f054";
}
.fullList .arrow[aria-expanded="true"]:before {
  content: "\f078";
}
.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 12px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: var(--secondary);
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px var(--secondary);
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--modalhead);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 0;
  bottom: -3px;
  background-color: var(--white);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid var(--bordercolor);
}
.switch .slider.round {
  border-radius: 34px;
}
.switch .slider.round:before {
  border-radius: 50%;
}
.selectDated .dropdown_menu_animated li {
  padding: 0 12px;
}
.selectDated .dropdown_menu_animated li a {
  font-size: 13px;
  padding: 5px 0;
}
.selectTime {
  width: 220px;
}
.selectTime .timeList {
  max-height: 340px;
  overflow: auto;
}
.selectTime .timeList .time {
  color: var(--blue);
  border: 1px solid;
  font-size: 14px;
  display: block;
  text-align: center;
  padding: 10px 0;
  margin: 5px 0;
  font-weight: 700;
}
.selectTime .timeList .afterSelected {
  display: none;
}
.selectTime .timeList .afterSelected.active {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.selectTime .timeList .btnDefault {
  background: var(--middark);
  color: var(--white);
  font-size: 12px;
  padding: 11px 0px;
  min-width: 85px;
  text-align: center;
  height: auto;
  line-height: 1;
  font-weight: 700;
  border-radius: 4px;
}
.selectTime .timeList .btnDefault.bg-blue {
  background-color: var(--blue);
  color: var(--white);
}
.backArrow {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bordercolor);
  color: var(--blue);
  border-radius: 50%;
  margin: 0 0 11px 0;
  font-size: 22px;
}
.vidContent h4 {
  position: relative;
}
.vidContent h4:before {
  background-color: var(--secondary);
  position: absolute;
  content: "";
  width: 40px;
  height: 2px;
  left: 0;
  bottom: -3px;
}
.videoThums .card-body {
  display: block;
  padding: 10px;
  border-radius: 8px;
}
.videoThums .card-body.active,
.videoThums .card-body:hover {
  background-color: rgba(245, 141, 57, 0.95);
}
.videoThums .card-body.active h4,
.videoThums .card-body:hover h4,
.videoThums .card-body.active p,
.videoThums .card-body:hover p {
  color: var(--white);
}
.sitemap-lvl1 li a {
  display: block;
  border-bottom: 1px solid var(--bordercolor);
  padding: 8px 0px;
}
.sitemap-lvl1 li a:hover {
  color: var(--secondary);
}
.categoreyTab li a {
  font-size: 14px;
  display: flex;
  align-items: center;
}
.categoreyTab li a img {
  width: 18px;
  margin-right: 4px;
}
.searchPost .form-group {
  width: 220px;
}
.searchPost .searchIcon {
  top: 7px;
}
.mkpCamp .boxed {
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 15px;
  vertical-align: top;
  box-shadow: #e4e4e4 0px 4px 20px;
  border-radius: 15px;
  background-color: var(--white);
}
.mkpCamp .boxed img {
  height: 340px;
  width: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 4px;
}
.mkpCamp .boxed .tags a {
  display: block;
  background: none repeat scroll 0 0 #E6E6E6;
  color: #AEAEAE;
  padding: 4px 8px;
  text-shadow: none;
  font-size: 12px;
  margin: 1px 5px 0 0;
  line-height: 13px;
  font-weight: 600;
  box-shadow: none;
  border-radius: 8px;
}
.mkpCamp .boxed:hover h3 {
  color: var(--secondary);
}

.boxed .inner-box h3.border-bottom{
  padding-top: 25px;
}
.boxed .inner-box:first-child h3.border-bottom{
  padding-top: 0;
}

.getStart.guide_lines{
  position: sticky;
  top: 90px;
}
/* ppc policy table css start */

.card-with-border {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: initial;
  border: 1px solid #00008b;
  border-radius: 0.75rem;
  max-width: 600px;
  margin: auto;
}
.guiderline-table-outer-header {
  padding: 1.5rem;
  background-color: #00008b;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.guiderline-table-outer-header h6 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.guiderline-table-container {
  padding: 1.25rem;
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  margin: 0;
}
.table td, .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.guiderline-table-container table tbody tr:first-child td {
  border-top: none;
  padding: 0 0.75rem 0.75rem;
}
.guiderline-table-container table tbody tr:last-child td {
  padding:  0.75rem 0.75rem 0 0.75rem;
}

.dualbannerbtn{
  column-gap: 20px;
}
.dualButton.dualbannerbtn .button.zulu_btn{
  min-width: 200px;
}
.dualButton.dualbannerbtn .button.zulu_btn.borderBtn:hover{
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: #fff;
}