/*animated css library*/
@charset "UTF-8";

/*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */
@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {

  0%,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {

  0%,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

.animated.faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion: reduce),
(print) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

/*animated css library ends*/
.t_about .landing-lright-mark {
  z-index: -1;
}

.t_about .landing-rightd-mark {
  z-index: -1;
}

/*about us page -------------------------*/
/*tabs vision mission*/
.vision_mission_tabs #myTab {
  background: #26292d;
  border: 1px solid #35393f;
}

.vision_mission_tabs #myTab .nav-item .nav-link {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  width: 100%;
  height: 100%;
  border-radius: 0;
  color: #fff;
}

.vision_mission_tabs #myTab .nav-item {
  width: 50%;
}

.vision_mission_tabs #myTab .nav-item .nav-link.active {
  background: #35393f;
  border: 0;
  border-bottom: 2px solid;
}

.vision_mission_tabs .tab-pane p {
  color: #fff;
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 140%;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border: 0;
}

.why_choose_mktp .flexhead .lflexheading,
.flexhead76.flexhead .lflexheading {
  width: 76%;
}

.mktp_box .card {
  border: 0;
  border-radius: 9px;
}

.mktp_box .card .card-header {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  background: #f5f7fb;
  padding: 45px 30px 20px;
  border: 0;
}

.mktp_box .card .card-header .card_icon {
  width: 76px;
  height: 76px;
  background: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mktp_box .card .card-header h3 {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 32px !important;
  line-height: 150%;
  color: var(--black);
  margin-bottom: 0;
  margin-top: 10px;
}

.mktp_box .card .card-body {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: var(--darkgrey);
}

.why_choose_mktp {
  margin-bottom: -120px;
  z-index: 3;
}

.why_choose_mktp:before {
  content: "";
  background: #fff;
  width: 100%;
  position: absolute;
  top: 0;
  height: calc(100% - 115px);
  z-index: -3;
}

.why_choose_mktp .row {
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.why_choose_mktp .row>* {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}

.ab_awrd_img {
  position: absolute;
  top: -10px;
}

.award_winning {
  padding-top: 330px;
  padding-bottom: 250px;
}

.awrd-info {
  /* padding-left: 250px; padding-top: 20px; */
  position: relative;
  padding-left: 57px;
  z-index: -1;
}

.awrd_header {
  /* background: linear-gradient(90deg, #333B74 16.75%, #505AA0 40.03%, rgba(80, 90, 160, 0) 93.82%); */
  background: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/award-pan-bg-blue-gradient-v1.png) no-repeat;
  padding-left: 100px;
  background-size: 110% 120%;
  background-position: center left;
  padding: 36px 0 36px 290px;
  margin-left: 70px;
}

.awrd_header h2 {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 55px;
  line-height: 120%;
  margin-bottom: 5px;
}

.awrd_header p {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: #fff;
  max-width: 500px;
}

.awrd_list {
  padding-left: 100px;
  padding-top: 50px;
  max-width: 950px;
  padding-left: 350px;
}

marquee span {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 700;
  font-size: 110px;
  line-height: 130%;
  color: #fff;
  background-color: #fff;
  text-shadow: -1px -1px 0 #999da3, 1px -1px 0 #999da3, -1px 1px 0 #999da3,
    1px 1px 0 #999da3;
}

.marquee-section {
  position: relative;
  min-height: 150px;
}

.marquee-section,
.marquee-section * {
  overflow: hidden;
}

.marquee {
  white-space: nowrap;
}

.marquee span {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 700;
  font-size: 110px;
  line-height: 130%;
  color: #fff;
  margin: 0 20px;
  background-color: #fff;
  text-shadow: -1px -1px 0 #999da3, 1px -1px 0 #999da3, -1px 1px 0 #999da3,
    1px 1px 0 #999da3;
}

.marquee-div {
  position: absolute;
  animation: move-left-to-right linear 10.5s infinite;
}

.marquee-righttoleft {
  position: absolute;
  animation: move-right-to-left linear 12s infinite;
}

/* use this one to move from left to right direction */
@keyframes move-left-to-right {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

/* use this one to move from right to left direction */
@keyframes move-right-to-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

marquee span:hover,
.marquee span:hover {
  color: var(--blue);
  text-shadow: -1px -1px 0 var(--blue), 1px -1px 0 var(--blue),
    -1px 1px 0 var(--blue), 1px 1px 0 var(--blue);
}

.global_presence {
  background: #e8e9eb;
}

img.globe-bg {
  position: absolute;
  z-index: -1;
  top: -30px;
}

.country_list ul li .cntry_icon {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  display: inline-block;
  overflow: hidden;
  border-radius: 100%;
}

.country_list ul li .cntry_icon img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.country_list ul li {
  display: inline-flex;
  align-items: center;
  padding: 15px 0;
  width: 19%;
  justify-content: left;
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  color: #3e3e45;
}

.country_list {
  padding: 40px 50px;
  position: relative;
  border-radius: 9px;
}

.country_list:before {
  content: "";
  background: url(../uploads/bg-white-new.webp);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  border-radius: 9px;
  height: 100%;
  filter: blur(0px);
  background-size: 100% 100%;
}

.card-body-text {
  width: calc(100% - 80px);
  margin-left: 10px;
}

.partner_register .signin_signup_right {
  border: 1px solid #dddddd;
}

/*swap and spread css*/
.trade_fx .em_bottom_container h2 {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 55px;
  color: var(--headingclorlight);
  line-height: 110%;
  margin-bottom: 10px !important;
}

.trade_fx .em_bottom_container p.overgrabhd {
  font-size: 20px !important;
  color: var(--subheadingcolorlight) !important;
  font-weight: 400;
  font-family: var(--secondryfamily);
}

.ex_product .trade_fx .em_bottom_container .brick_section ul li:first-child {
  font-weight: 400 !important;
  padding-left: 25px;
}

.ex_product .trade_fx .brick_section ul li {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 160%;
  color: #1e1e1e;
}

.ex_product .trade_fx .brick_section ul li::before {
  top: 7px;
}

.abt_trade_fx {
  margin-top: -30px;
  max-width: 90%;
}

.spread_context_block {
  margin-top: -100px;
}

.spread_context_block .ex_flex_box {
  background: transparent;
}

.card_dark {
  max-width: 560px;
  min-height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  color: #fff;
  background: #34383d;
  box-shadow: 0px 20px 22px -20px rgba(0, 6, 20, 0.1);
}

.card_dark .card-title {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 130%;
}

.card_dark .card-text {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.8);
}

.table_tabs {
  background: #ffffff;
  box-shadow: 0px 38px 44px -26px rgba(0, 43, 83, 0.2);
  border-radius: 9px;
  border: 1px solid #fff;
}

.table_tabs .nav-tabs {
  background: #f2f7fa;
  border-radius: 8px 8px 0 0;
  padding: 0 31px;
  border: 0;
  height: 71px;
  flex-wrap: inherit;
  white-space: nowrap;
  width: 100%;
  overflow-x: auto;
}

.table_tabs .nav-tabs a {
  font-size: 18px;
  border: 0;
  font-weight: 500;
  padding: 21px 0px;
  opacity: 0.7;
  color: #000;
  font-family: var(--secondryfamily);
  height: 100%;
  margin-right: 90px;
}

.table_tabs .nav-tabs a.active {
  background: transparent;
  border: 0;
  border-bottom: 3px solid #06a7e0;
  color: #06a7e0 !important;
}

.table_tabs .tab-content {
  padding: 30px;
}

.table_tabs table thead tr {
  color: #4d4e55;
  font-weight: 300;
  background: #f2f7fa;
  border-radius: 8px;
  border: 1px solid #f2f7fa;
  font-size: 16px;
  overflow: hidden;
  font-family: var(--secondryfamily);
}

.table_tabs thead {
  border-radius: 4px;
  overflow: hidden;
}

.table_tabs table {
  border-top-left-radius: 4px;
}

.table_tabs table thead tr th {
  border-bottom: 0;
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  /* identical to box height, or 21px */
  color: #4d4e55;
  padding: 20px 10px;
}

.table_tabs table tbody tr {
  background: #fff !important;
  border: 1px solid #dee5ea;
}

.table_tabs table tbody tr td {
  box-shadow: none !important;
  color: #4d4e55;
  font-size: 16px;
  font-weight: 400;
  padding: 20px 10px;
  font-family: var(--secondryfamily);
}

.table_tabs table tbody tr th {
  box-shadow: none !important;
  color: #4d4e55;
  font-size: 16px;
  font-weight: 500;
  padding: 20px 10px;
  font-family: var(--secondryfamily);
}

.table_tabs table {
  border-top-left-radius: 4px;
  width: 100%;
  overflow: hidden;
  border-top-right-radius: 4px;
}

.table_tabs table tr {
  display: none;
}

.table_tabs table tr.active {
  display: table-row;
}

.swap-rate-section .swap-nav {
  background: #34383d;
  border-radius: 15px;
  border: 1px solid #34383d;
  margin: 0 2px;
  transform: scale(0.98);
}

.swap-rate-section .swap-nav .swap-text p {
  margin: 0;
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 15px !important;
  color: #fff;
  line-height: 150%;
}

.swap-rate-section .swap-nav .swap-icon {
  margin-right: 10px;
}

.swap-rate-section .swap-text h4 {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 150%;
  color: #fff;
}

.swap-rate-section .swap-nav.slick-active.slick-center {
  transform: translateY(-3px);
  border: 1px solid #4ba4db;
  box-shadow: 0px 30px 36px -25px rgba(0, 10, 15, 0.3);
  padding: 30px 20px;
}

.swap-rate-section .slick-dotted.slick-slider {
  margin-bottom: 0;
  z-index: 9;
  padding: 0 30px;
}

.swap-rate-section ul.slick-dots {
  display: none !important;
}

.swap-rate-section .slider-for.slick-initialized.slick-slider {
  border: 1px solid #4ba4db;
  border-radius: 17.0979px;
  padding: 60px 0 0;
  margin-top: -60px;
}

.swap-rate-section .slider-for .slick-list {
  background: rgba(52, 56, 61, 0.3);
  padding: 30px 40px;
  z-index: -3;
}

.swap-rate-section .slide-swap-info h3 {
  font-family: var(--primaryfamily) !important;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 10px !important;
  font-size: 25px !important;
  line-height: 150%;
  color: #fff !important;
}

.swap-rate-section .slide-swap-info h5 {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #fff;
}

.swap-rate-section .slider-nav .slick-list {
  padding: 30px 0px !important;
}

.swap-rate-section .slide-swap-info p {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.8);
}

.table_tabs .nav-tabs::-webkit-scrollbar {
  width: 0px;
  height: 5px;
  background: transparent;
}

.table_tabs.mkt-instruments-tabs a.nav-link {
  margin-right: 60px;
}

.minicard-career {
  border-right: 1px solid #ddd;
  border-radius: 0;
}

.minicard-career h5 {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 300;
  font-size: 42px;
  line-height: 130%;
  color: #000;
}

.minicard-career h5 .highlight {
  color: #0077dd;
  font-weight: 500;
}

.minicard-career p {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #35363a;
}

.paddingt8b20 {
  padding-top: 8rem;
  padding-bottom: 20rem;
}

/* .carrer-highlight .helpdesk { background-image: url(../uploads/career-big-banner.webp);} */
.carrer-highlight .helpdesk {
  background-image: url(../uploads/career-banner-feature.webp);
  background-size: 100% 100%;
  height: 30rem;
}

.carrer-highlight .helpdesk h2 {
  font-size: 30px;
}

.carrer-highlight .lineone ul li {
  color: #fff;
  padding-left: 26px;
  margin-bottom: 5px;
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 160%;
  position: relative;
}

.carrer-highlight .lineone ul li:before {
  content: "";
  background: url(../uploads/bullet-white.svg);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.carrer-highlight .lineone ul {
  margin: 20px 0;
}

.carrer-highlight .helpdesk .h_grid {
  padding: 4rem 0rem 0rem 5.5rem;
}

.opening_box {
  background: #f5f7fb;
  padding: 30px 30px;
  border-radius: 4px;
}

.em_bottom_container .opening_title h3 {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 110%;
  /* identical to box height, or 33px */
  color: #1d1d1b;
  display: flex;
  margin: 0;
  align-items: center;
}

.opening_title {
  padding-right: 20px;
}

.opening_title h3 {
  display: flex;
  align-items: center;
}

.em_bottom_container .opening_title h3 img {
  margin-right: 10px;
}

.opening_info p {
  margin-bottom: 0;
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #4d4e55;
}

.opening_info:nth-child(2) {
  color: #000;
  font-weight: 500;
}

.opening_info p:nth-child(2) {
  color: #000;
  font-weight: 500;
}

.opening_info {
  padding-left: 30px;
  border-left: 1px solid #ddd;
}

/* .opening_box:hover { box-shadow: 0px 33px 25px -25px rgba(32, 58, 88, 0.25); } */
.carrer-highlight .mxh_btmn {
  height: 23rem;
}

.apply_manually {
  margin: 50px 0;
  background: #fff;
  border: 1px solid #e0e5ef;
  box-shadow: 0px 33px 25px -25px rgba(32, 58, 88, 0.25);
  border-radius: 4px;
  padding: 30px 50px;
}

.apply_manually h3 {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 42px !important;
  line-height: 130%;
  color: #1d1d1b;
  margin-bottom: 10px !important;
}

.apply_manually p {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #545456;
  max-width: 70%;
  margin-bottom: 0;
}

.apply_manually h5.card-title {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #4d4e55;
}

.apply_manually p.second_pfont {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 27px !important;
  line-height: 110% !important;
  color: #1d1d1b !important;
  margin-bottom: 0;
}

.carrer-highlight .c_gph2::before {
  top: 40px;
}

.bi-chevron-left.slick-arrow {
  position: absolute;
  left: -10px;
  top: 65px;
  width: 30px;
  background: rgba(255, 255, 255, 0.26);
  height: 30px;
  border-radius: 100%;
  padding: 2px 5px;
  color: #fff;
}

.bi-chevron-right.slick-arrow {
  position: absolute;
  right: -10px;
  top: 65px;
  width: 30px;
  background: rgba(255, 255, 255, 0.26);
  height: 30px;
  border-radius: 100%;
  padding: 2px 5px;
  color: #fff;
}

.Page404 {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #000;
}

.Page404 h2 {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 65px;
  line-height: 120%;
  text-align: center;
  background: linear-gradient(0deg, #ffffff, #ffffff),
    linear-gradient(90.12deg, #ffffff 0.16%, #f2ecff 92.45%);
  -webkit-background-clip: text;
}

.page404 p {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 160%;
}

.whitebtn {
  background: #fff;
  border: 1px solid #4ba4db;
  color: #4ba4db;
  width: 177px;
  height: 52px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}

.whitebtn:hover {
  background: #4ba4db;
  color: #fff;
}

.vps-configuration:before {
  content: "";
  background: url(../uploads/bg-vps-shade.webp) no-repeat left center / 100% 100%;
  width: 35%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.vps-system-info {
  margin-top: 80px;
}

.vps-system-info p {
  color: rgba(255, 255, 255, 0.8);
}

.vps_cards .card {
  padding: 30px 20px;
  max-width: 330px;
  width: 48%;
  background: linear-gradient(180deg, #717e8d -35.48%, #425569 96.86%);
  border-radius: 9px;
}

.vps_cards .card h3 {
  color: #fff;
  margin-bottom: 0;
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 600;
  font-size: 63.1947px !important;
  line-height: 80%;
}

.vps_cards .card img {
  width: 120px;
  margin-right: 30px;
}

.vps_cards .card .card-type p {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-size: 28.4388px !important;
  line-height: 120%;
  margin-bottom: 0;
}

.vps_cards .card:before {
  content: "";
  background: url(../uploads/ellipse-shaped.svg) no-repeat left center / 100% 100%;
  position: absolute;
  left: 0px;
  top: -30px;
  width: 190px;
  height: 170px;
}

.vps_cards .card:after {
  content: "";
  background: linear-gradient(310.66deg,
      #dcf2ff 15.17%,
      rgba(224, 243, 255, 0.5) 40.43%,
      rgba(220, 242, 255, 0) 77.2%);
  opacity: 0.1;
  transform: rotate(-90deg);
  width: 92px;
  height: 92px;
  position: absolute;
  border-radius: 100%;
  right: 20px;
  bottom: 10px;
}

.card-desc p {
  margin-bottom: 0;
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  max-width: 85%;
}

.vps_cards .card-purple {
  background: linear-gradient(48.42deg, #505aa0 20.08%, #6873b8 96.74%);
}

.vps_cards .card-purple .card-detail {
  height: 120px;
}

.vps_cards .card-purple .card-detail .card-detail-img {
  width: 84px;
  margin-right: 20px;
}

.vps_cards .card-purple .card-desc p {
  min-height: 40px;
}

.vps-system-info h2 {
  margin-bottom: 40px;
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 50px !important;
  line-height: 120%;
}

.vps_cards {
  margin-top: 40px;
}

.vps_hosting_plans {
  background: url(../uploads/vps-hosting-bg.webp) no-repeat left top / 100% 100%;
  z-index: 9;
}

.hosting_plans .card {
  background: linear-gradient(0deg, #f2f8ff, #f2f8ff),
    linear-gradient(48.42deg, #699bca 20.08%, #81bef8 96.74%);
  border: 1px solid #175fb3;
  box-shadow: 0px 20px 22px -20px rgba(0, 52, 114, 0.35);
  border-radius: 9px;
  margin-bottom: 40px;
}

.hosting_plans .card .card-header {
  background: transparent;
  border: 0;
  padding: 0 30px;
}

.hosting_plans .card .card-header .card_icon {
  margin-top: -5px;
  margin-right: 20px;
}

.hosting_plans .card .card-header .card-metainfo h3 {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 55px;
  margin-bottom: 0;
  line-height: 120%;
  text-transform: uppercase;
  color: #35363a;
  padding-top: 20px;
}

.hosting_plans .card .card-header .card-metainfo h5 {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  color: #1d1d1b;
  margin-top: -15px;
  margin-left: 3px;
}

.hosting_plans .card .card-header .card-metainfo p {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(77, 78, 85, 0.7);
}

.vps-requirements ul li .title {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  color: #1d1d1b;
  margin-left: 10px;
  text-align: left;
}

.vps-requirements ul li .icon {
  width: 26px;
  display: inline-block;
  text-align: center;
}

.vps-requirements ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.vps-features ul li {
  padding-left: 28px;
  margin-bottom: 5px;
  position: relative;
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #3e3e45;
}

.vps-features ul li:before {
  content: "";
  background-image: url(../uploads/blue-dot.svg);
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
}

.hosting_plans .card-body {
  padding: 10px 30px 40px;
}

.hosting_plans hr {
  background: linear-gradient(90deg, #4ba4db 0%, rgba(75, 164, 219, 0) 100%);
  border: 0;
  height: 2px;
  opacity: 1;
  margin: 30px 0;
}

.vps_plan_blocks .row {
  margin: 0 -15px;
}

.vps_plan_blocks .row .col-4 {
  padding: 0 15px;
}

.vps_hosting_plans .lflexheading h2 {
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 55px;
  line-height: 120%;
  color: #fff;
}

.vps_hosting_plans .lflexheading p {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 10px;
}

.vps_hosting_plans .lflexheading {
  width: 100%;
}

.hosting_plans {
  padding: 0 15px;
}

.vps_plans {
  margin: 0 -15px;
}

.paddingt5b15 {
  padding-top: 5rem;
  padding-bottom: 15rem;
}

.vps-hosting-freeMkt .vertical_list h5 {
  margin-bottom: 10px;
}

.vps-hosting-freeMkt .vertical_list p.card-text {
  font-size: 16px;
  line-height: 130%;
  color: #63605d;
}

.hosting_plans.plan_gold .card {
  background: linear-gradient(180deg, #717e8d -35.48%, #425569 96.86%);
  border-color: #425569;
}

.hosting_plans.plan_gold .card .card-header .card-metainfo h3,
.hosting_plans.plan_gold .card .card-header .card-metainfo h5,
.hosting_plans.plan_gold .card .card-header .card-metainfo p,
.hosting_plans.plan_gold .vps-requirements ul li .title,
.hosting_plans.plan_gold .vps-features ul li {
  color: rgba(255, 255, 255, 0.9);
}

/* .vps-requirements ul li .icon img { filter: contrast(0); } */
.hosting_plans.plan_gold .vps-features ul li:before {
  content: "";
  background-image: url(../uploads/bullet-white.svg);
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
}

.tds_whatuget:before {
  background: url(../uploads/tds-what-get-bg.webp) no-repeat;
  background-size: cover;
}

.why_choose_mktp.tds_whatuget .lflexheading h2 {
  color: #fff;
}

.why_choose_mktp.tds_whatuget .lflexheading p {
  color: rgba(255, 255, 255, 0.88);
  margin-top: 10px;
  line-height: 120%;
}

.why_choose_mktp.tds_whatuget .lflexheading {
  width: 60%;
}

.join-tg-banner p {
  display: flex;
  align-items: center;
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 137% !important;
  color: #ffffff;
  margin-top: 30px !important;
  width: 200px;
  margin-bottom: 0px !important;
}

.rightsidelinks {
  margin-left: 20px;
}

.tds-benefits ul li {
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 169%;
  color: #1e1e1e;
}

.tds-benefits ul li:before {
  top: 6px;
}

.tds_whatuget .mktp_box {
  background: #f5f7fb;
  box-shadow: 0px 35px 27px -25px rgba(20, 49, 75, 0.25);
  border-radius: 9px;
  text-align: center;
  overflow: hidden;
}

.tds_whatuget .mktp_box .card-body {
  background: #f5f7fb;
  padding-bottom: 40px;
  font-family: var(--secondryfamily);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  text-align: center;
  color: rgba(30, 30, 30, 0.7);
}

.tds_whatuget .mktp_box h2 {
  margin: 0;
  font-family: var(--primaryfamily);
  font-style: normal;
  font-weight: 500;
  font-size: 76.6667px;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  color: #3d95cb;
}

.tds_whatuget .mktp_box .card .card-header h3 {
  margin-top: -10px;
}

.faq-search-pane {
  background: linear-gradient(269.15deg, #717e8d -13.51%, #425569 100%);
  border-radius: 9px;
  padding: 60px;
  position: relative;
}

.faq-search-box {
  position: relative;
  z-index: 9;
}

.faq-search-box:after {
  content: "";
  background: linear-gradient(310.66deg,
      #dcf2ff 15.17%,
      rgba(224, 243, 255, 0.5) 40.43%,
      rgba(220, 242, 255, 0) 77.2%);
  opacity: 0.3;
  width: 150px;
  height: 150px;
  position: absolute;
  right: -30px;
  top: 0px;
  border-radius: 100%;
  transform: rotate(-90deg);
}

.faq-srch-text h2 {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  font-size: 55px;
  line-height: 120%;
  margin-bottom: 10px;
  color: #ffffff;
}

.faq-search-pane .faq-srch-text p {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: #fff;
}

.faq-search-box label {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 150%;
  color: #fff;
  margin-bottom: 20px;
}

.faq-search-box .input-group {
  background: rgba(51, 62, 75, 0.7);
  border: 1px solid #8b9bab;
  border-radius: 5px;
  overflow: hidden;
}

.faq-search-box .input-group .form-control {
  background: transparent;
  border: 0;
  height: 54px;
  color: #fff !important;
}

button#srch_btn {
  background: #4ba4db;
  color: #fff;
  border: 0;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.5px;
  margin: 1px 1px;
  width: 100px;
  border-radius: 4px;
}

button#srch_btn img {
  margin-top: -3px;
}

.faq-search-pane:before {
  content: "";
  background: url(../uploads/ellipse-faq-top.svg) no-repeat left center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 350px;
  height: 120px;
  top: 0;
}

.faq-search-pane:after {
  content: "";
  background: url(../uploads/ellipse-reverse-faq.svg) no-repeat left center;
  position: absolute;
  left: 70%;
  transform: translateX(-50%);
  width: 440px;
  height: 220px;
  bottom: 0;
}

.faq-search-box .input-group .form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  /* Firefox */
}

.faq-search-box .input-group .form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.8);
}

.faq-search-box .input-group .form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.8);
}

.em_bottom_container .category-list h3 {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500 !important;
  font-size: 30px !important;
  line-height: 130%;
  color: #383635 !important;
  margin-bottom: 10px;
}

.category-list .nav-pills {
  width: 340px;
}

.category-list .nav-pills .nav-link {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 15px 25px;
  text-align: left;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  box-shadow: none;
  color: #35363a;
  position: relative;
}

.category-list .nav-pills .nav-link.active {
  color: #fff !important;
  background: #4ba4db;
}

.faq-category .tab-content {
  width: calc(100% - 340px);
  border-radius: 9px;
  background: #f3f4f5;
  padding-bottom: 20px;
}

.category-list .nav-pills .nav-link:before {
  content: "";
  background: url(../uploads/arrow-gray.svg) no-repeat left center;
  position: absolute;
  right: 20px;
  width: 10px;
  top: 50%;
  height: 20px;
  transform: translateY(-50%);
}

.category-list .nav-pills .nav-link.active:before {
  content: "";
  background: url(../uploads/arrow-white.svg) no-repeat left center;
}

.ex_product.t_faqs {
  background: linear-gradient(0deg, #e8e9eb, #e8e9eb), #ececec;
}

.faq-header {
  padding: 20px 30px;
  position: relative;
}

.faq-header h2 {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 110%;
  color: #1d1d1b;
  margin-bottom: 0;
}

.faq-header p {
  margin-bottom: 0;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #3e3e45;
}

.faq-header:before {
  content: "";
  width: 3px;
  height: 70px;
  background: #4ba4db;
  position: absolute;
  left: 0;
  top: 55%;
  transform: translateY(-55%);
}

.faq-category .accordion-item button.accordion-button:not(.collapsed),
.faq-category .accordion-item .accordion-collapse.show {
  background: #fff;
}

.faq-category .accordion-item button.accordion-button,
.faq-category .accordion-item .accordion-collapse {
  background-color: #f5f5f5;
}

.apply_manually.faq_bottom_manual h4 {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 130%;
  color: #1d1d1b;
  margin-bottom: 0;
}

.apply_manually.faq_bottom_manual p {
  margin: 0;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #545456;
}

.apply_manually.faq_bottom_manual h5.card-title {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #4d4e55;
  margin-bottom: 0;
}

.apply_manually.faq_bottom_manual .em_img {
  top: 0 !important;
}

.apply_manually.faq_bottom_manual .em_rightdata {
  white-space: nowrap;
}

.apply_manually.faq_bottom_manual {
  margin: 0;
  margin-top: -240px;
}

.apply_manually.faq_bottom_manual p.second_pfont {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 130%;
  color: #1d1d1b !important;
}

.paddingb15 {
  padding-bottom: 15rem;
}

.faq-category .accordion-item .accordion-body {
  padding-left: 0;
}

.faq-category .accordion-item button.accordion-button,
.faq-category .accordion-item .accordion-collapse {
  padding-left: 60px;
}

.faq-category .accordion-button span {
  left: 30px;
}

.query_box.leverage_exp .accordion-button:not(.collapsed):after {
  background-image: url(../uploads/arrow-blue.svg);
  background-repeat: no-repeat;
  transform: rotate(-90deg);
}

.query_box.leverage_exp .accordion-button.collapsed:after {
  background-image: url(../uploads/arrow-blue.svg);
  background-repeat: no-repeat;
  transform: rotate(0deg);
}

.op03 {
  opacity: 0.3;
}

#job-openings {
  margin-top: -12rem;
}

.urmoney-urway .flexhead.flexhead76 {
  margin-bottom: 10px;
}

.urmoney-urway .flexhead.flexhead76 .lflexheading {
  width: 100%;
}

.funding-logos {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.funding-logos .logo-listing {
  width: 100%;
  margin-right: 20px;
  background: #fff;
  padding: 60px 70px;
  transform: skewX(10deg);
  margin-left: -22px;
  box-shadow: 5px 7px 13px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  height: 260px;
}

.funding-logos .logo-listing ul {
  display: flex;
  transform: skewX(-10deg);
  flex-wrap: wrap;
}

.funding-logos .logo-listing ul li {
  width: 20%;
  padding: 20px 0;
}

.more-options {
  background: #fff;
  margin-bottom: 20px;
  transform: skewX(10deg);
  margin-right: -40px;
  box-shadow: 5px 7px 13px rgba(0, 0, 0, 0.1);
  width: 260px;
  height: 260px;
}

.more-options a {
  transform: skewX(-10deg);
  padding: 90px 60px;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  height: 100%;
  transition: all 0.5s ease-in-out;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #4ba4db;
}

.more-options a img {
  display: block;
  margin-bottom: 15px;
  transition: all 0.5s ease-in-out;
}

.more-options a:hover img {
  transform: translateX(10px);
  transition: all 0.5s ease-in-out;
}

.funding-logos:after {
  content: "";
  background: linear-gradient(212.36deg, #717e8d 1.5%, #425569 100%);
  position: absolute;
  left: 0;
  top: 20px;
  height: 80%;
  width: 100%;
  z-index: -1;
}

.logincont .disable_inp input#country_val_div {
  padding-left: 0.7rem;
}

#widget_exma_register .select2-selection__rendered {
  line-height: 58px;
}

#widget_exma_register span.select2-selection {
  height: 62px;
  border-color: #ddd;
}

#widget_exma_register span.select2-selection span.select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}

#widget_exma_contact .select2-selection__rendered {
  line-height: calc(3.7rem + calc(var(--bs-border-width) * 2));
}

#widget_exma_contact span.select2-selection {
  height: calc(3.7rem + calc(var(--bs-border-width) * 2));
  border-color: #ddd;
}

#widget_exma_contact span.select2-selection span.select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}

.landing_slider.commodities_banner .item .info .slider_left_img {
  padding: 0px 40px 0px 40px;
}

.otp_blocks .form-control {
  padding: 10px 15px;
  margin: 0.5rem 3px !important;
  font-size: 1.8rem;
}

.contact_success img {
  margin: auto;
}

.contact_success h3 {
  font-size: 24px;
  color: #000;
}

.contact_success {
  background: #fff;
  border-radius: 9px;
  margin-top: -14rem;
  padding: 30px;
  max-width: 25.62rem;
  margin-left: auto;
}

.landing_slider.tradingAcc_banner .item .slider_left_img img {
  max-width: 394px !important;
}



.button-apply .button {
  width: 190px;
}

.logincont .form-floating>textarea.form-control:not(:placeholder-shown)~label {
  display: none;
}

.trading-central-slider .slider_left_img img {
  width: 76%;
}

.modal-restricion {
  padding: 30px 30px 20px 30px !important;
}

.modal-restricion h5 {
  font-size: 30px;
  font-family: "Barlow Condensed", sans-serif;
  color: #191a1d;
}

.modal-restricion p {
  font-size: 16px;
  color: #191a1d;
  font-family: "Barlow Condensed", sans-serif;
  margin-left: 0.5px !important;
}

.restriction-btn {
  height: 52px !important;
  width: 130px;
  min-width: fit-content;
  font-size: 16px !important;
  font-family: "Barlow Condensed", sans-serif;
}

.modal-position p {
  margin-right: 50px;
  color: #191a1d;
  font-size: 16px;
}

.cookies-policy {
  position: fixed;
  bottom: 0px;
  max-width: 100%;
  width: 100%;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 30px;
  z-index: 9999;
}

.flexmobile {
  max-width: 1080px;
  margin: auto;
}

.cookies-policy p {
  margin-bottom: 0;
  margin-right: 30px;
}

ul.faqlist li {
  font-size: 17px;
  list-style: square;
  font-family: "Barlow Semi Condensed", sans-serif;
  color: #545456;
}

ol.faqlist li {
  font-size: 17px;
  list-style-type: decimal;
  font-family: "Barlow Semi Condensed", sans-serif;
  color: #545456;
}

.termsTxt {
  opacity: 0.7;
  font-size: 14px !important;
  font-family: "Barlow Semi Condensed";
}

.tab-pane:before {
  animation: fadeInRight;
  animation-duration: 2s;
  --animation-repeat: 2;
  --animate__repeat: 3;
}

.nav-link:hover img {
  transform: scale(1.1);
  transition: all 0.5s ease-in-out;
}

.xma-flex-tabs .tab-content {
  position: relative;
  overflow: hidden;
}

.common-link-em a .bi {
  position: relative;
  left: 2px;
  top: 2px;
  transition: all 0.5s ease-in-out;
}

.common-link-em a:hover .bi {
  left: 7px;
  transition: all 0.5s ease-in-out;
}

.mt-card-hov .bi {
  position: absolute;
  right: 30px;
  color: #fff;
  transition: all 0.5s ease-in-out;
}

li.mt-card-hov:hover .bi {
  right: 20px;
  transition: all 0.5s ease-in-out;
}

.disk_block .below_card label {
  font-size: 1rem;
}

.em_bottom_container.product_card.product_feature_section h2 {
  font-size: 2.7rem !important;
}

.mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl {
  opacity: 0.7;
}

.partnerWithUs .card-body.one_ricon {
  background: #f5f7fb;
  text-align: center;
  border-radius: 9px;
  min-height: 170px;
  padding: 20px 0;
}

.partnerWithUs .card-body.one_ricon p {
  margin-bottom: 0;
}

.landing_block_wrapper .slick-track {
  display: flex !important;
  align-items: center !important;
}

.singleitem .PrevArrow.slick-arrow,
.singleitem .NextArrow,
.multiitem button.slick-arrow {
  transition: all 0.5s ease-in-out;
}

.singleitem .PrevArrow.slick-arrow:hover,
.singleitem .NextArrow:hover {
  background: #1e2023;
  transition: all 0.5s ease-in-out;
  opacity: 1;
}

.singleitem .PrevArrow.slick-arrow:hover .bi,
.singleitem .NextArrow:hover .bi {
  color: #fff;
}

.multiitem button.slick-arrow:hover {
  opacity: 1;
  color: #2672a0;
  transition: all 0.5s ease-in-out;
}

.multiitem .em-card:hover .card-body-footer i {
  transform: translateX(5px);
  transition: all 0.5s ease-in-out;
}

.multiitem .em-card i {
  transition: all 0.5s ease-in-out;
}

.t_spec .rs_accordian.metatraderTabs .nav-tabs {
  justify-content: start;
  column-gap: 50px;
}

.t_spec .rs_accordian.metatraderTabs .nav-tabs>.nav-tabs {
  margin: 0;
}

.t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs {
  margin: 0;
}

.rs_accordian.metatraderTabs .accordion .accordion-item {
  padding-top: 10px;
}

.rs_accordian.metatraderTabs .accordion .accordion-item .accordion-button {
  background: #f8f8f8;
}

.rs_accordian.metatraderTabs .accordion .accordion-item .accordion-collapse {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rs_accordian.metatraderTabs .accordion .accordion-item button.accordion-button:not(.collapsed) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rs_accordian.metatraderTabs .accordion .accordion-item .accordion-button:after {
  width: 17px;
  height: 17px;
  margin-top: 7px;
}

.t_spec .rs_accordian.metatraderTabs .nav-tabs>.nav-tabs {
  margin: 0;
}

.t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs {
  margin: 0;
}

.rs_accordian.metatraderTabs .accordion .accordion-item {
  padding-top: 10px;
}

.rs_accordian.metatraderTabs .accordion .accordion-item .accordion-button {
  background: #efefef;
  padding: 1rem 1rem 1rem 1rem;
  font-size: 1.2rem;
}

.rs_accordian.metatraderTabs .accordion .accordion-item .accordion-collapse {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0 0 0 10px;
}

.rs_accordian.metatraderTabs .accordion .accordion-item button.accordion-button:not(.collapsed) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rs_accordian.metatraderTabs .accordion .accordion-item .accordion-button:after {
  width: 17px;
  height: 17px;
  margin-top: 7px;
}

.table-responsive.table-height {
  max-height: 400px;
}

.metatraderTabs table td,
.metatraderTabs table th {
  font-size: 1rem;
}

.metatraderTabs table {
  white-space: nowrap;
}

.vps_cards.d-lg-flex.align-items-center.justify-content-between .card {
  height: 230px;
}

.rs_accordian.metatraderTabs .accordion .accordion-item .accordion-collapse table tr.active td,
.rs_accordian.metatraderTabs .accordion .accordion-item .accordion-collapse table tr.active th {
  color: #212529;
}

/* .t_spec .rs_accordian.metatraderTabs .tab-content ::-webkit-scrollbar { width: 10px; height: 0px; } */
.t_spec .rs_accordian.metatraderTabs .tab-content .accordion-collapse ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

#myVideo {
  position: absolute;
  background-position: center center;
  filter: grayscale(1);
  opacity: 0.2;
}

.t_spec .rs_accordian.spread-swap-tabs .nav-tabs li button.active {
  color: #06a7e0 !important;
  border: 0;
  border-bottom: 0;
  opacity: 1;
  background: antiquewhite;
  background: #5aa6dc !important;
  color: #fff !important;
}

.t_spec .rs_accordian.spread-swap-tabs .nav-tabs li button {
  background-color: #dde6ec !important;
  color: #545456;
  background: #d8e2e9;
  border-radius: 4px;
  padding: 10px 6px;
  font-size: 1.12rem;
  min-width: 115px;
}

.rs_accordian.spread-swap-tabs .nav-tabs li {
  width: 100% !important;
  max-width: 7rem !important;
}

.t_spec .rs_accordian.spread-swap-tabs .nav-tabs {
  justify-content: start;
  column-gap: 2px;
}

.t_spec .rs_accordian.spread-swap-tabs .nav-tabs {
  background: transparent;
  padding: 15px 20px 0px 22px;
  justify-content: space-between;
}

.t_spec .rs_accordian.spread-swap-tabs .nav-tabs#myTab {
  justify-content: flex-start;
  column-gap: 20px;
}

.metatraderTabs.spread-swap-tabs {
  background: transparent;
  padding: 0;
}

.metatraderTabs.spread-swap-tabs ul#myTab {
  padding: 0;
  margin: 0 0 20px;
}

.metatraderTabs.spread-swap-tabs .rs_accordian {
  border-radius: 9px;
}

a.animatedtext.stretched-link:before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

/* .animatedtext.stretched-link:hover .txtbtn { padding: 5px 13px; background: #4ba4db; width: 110px; } */
/* .animatedtext.stretched-link:hover:hover .txtbtn span { font-size: 1rem; } */
.readmore-booster .stretched-link::after {
  position: fixed;
}

.lower-tabs-cont a.global_a {
  color: #4ba4db;
}

#holiday tr.active {
  color: #000 !important;
}

#holiday .table-container {
  height: 500px;
  /* overflow-y: scroll; */
  overflow-y: auto;
}

.vertical_list_inner .em-card .card-body .em_rightdata p {
  font-size: 1rem;
}

.exma-dup-bank {
  transform: translate3d(0, 0, 0);
}

.vps-configuration .ab_img img {
  max-width: 80%;
}

/*products live rate widget css */
.liveRatesWidget .lflexheading h2 {
  color: #fff;
  margin-bottom: 0;
}

.liveRatesWidget .lflexheading p {
  color: rgba(255, 255, 255, 0.8);
}

.widgetCard {
  background: #1e2124;
  border: 0;
  border-radius: 0 !important;
}

.widgetCard .card-header {
  background: #2d3035;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}

.widgetCard .card-header .rflexactionbtn {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.liveRatesWidget .mk_up .spread-up {
  display: block;
}

.liveRatesWidget .mk_up .spread-down {
  display: none;
}

.liveRatesWidget .mk_down .spread-up {
  display: none;
}

.liveRatesWidget .mk_down .spread-down {
  display: block;
}

.widgetCard .card-body.mini_ld_block {
  display: block;
  border: 0;
}

.card.widgetCard.live_data {
  padding: 0;
  border: 0;
}

.card.widgetCard.live_data:before {
  display: none;
}

.widgetAskBid {
  display: flex;
  align-items: center;
  column-gap: 40px;
}

.widgetLiveData {
  width: 50%;
  position: relative;
}

.widgetLiveData:first-child:before {
  content: "";
  width: 1px;
  height: 60px;
  position: absolute;
  background: #2d3035;
  right: -20px;
}

.widgetLiveData h3 {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 26px !important;
}

.widgetLiveData .bidPrice {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 0px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #2d3035;
}

.liveRatesWidget i.bi,
.liveRatesWidget .bi {
  box-shadow: none;
  background: transparent !important;
  width: 20px;
  height: 20px;
  padding: 0;
}

.widgetLiveData .bidPrice h3 {
  margin-bottom: 0;
  width: 77px;
  overflow: hidden;
  white-space: nowrap;
}

a.link-sell {
  display: block;
  text-align: center;
  color: #e84650;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
}

a.link-buy {
  display: block;
  text-align: center;
  color: #a4ffa5;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
}

a.link-buy:hover {
  color: #4cd74d;
}

a.link-sell:hover {
  color: #f7767e;
}

.widgetCard .card-header .lflexheading label {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 150%;
}

label.spreadLabel {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #9a9fa6;
}

.widgetCard .card-header .rflexactionbtn span:first-child {
  width: 32px;
}

.liveWidgetHolder .row {
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.liveWidgetHolder .container,
.liveWidgetHolder .row>* {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.mktOverlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  width: 95%;
  text-align: center;
  border: 1px solid #4ba4db;
  height: 100%;
  background: rgba(57, 62, 70, 0.5);
  border-radius: 4px;
  backdrop-filter: blur(5px);
}

.liveRatesWidget .rflexactionbtn .button i {
  top: -2px;
}

a.link-sell i {
  position: relative;
  top: 0px;
  left: 2px;
  transition: all 0.5s ease-out;
}

a.link-sell:hover i {
  top: 2px;
}

a.link-buy i {
  position: relative;
  top: 0px;
  left: 2px;
  transition: all 0.5s ease-out;
}

a.link-buy:hover i {
  top: -2px;
}

.widgetCard .card-header .lflexheading {
  display: flex;
  column-gap: 5px;
}

.mktOverlay .btnGroups {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
}

.mktOverlay .btnGroups {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
}

.mktOverlay .btnGroups .button {
  box-shadow: 0px 9px 7px -7px rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  height: 34px;
  width: 80px;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  padding: 0;
  font-size: 16px;
  line-height: 150%;
}

.mktOverlay .btnGroups a.button.solidbtn .bi {
  margin-right: 5px;
  display: block;
  margin-left: -5px;
}

.mktOverlay .btnGroups .btnSell {
  background: #e84650;
}

.mktOverlay .btnGroups .btnbuy {
  color: #000;
  background: #a4ffa5;
}

.market_live_slider2 .img-fill {
  transition: all 0.5s ease-in-out;
  position: relative;
}

.market_live_slider2 .img-fill:hover .mktOverlay {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

.mktOverlay .button:hover {
  box-shadow: none;
}

.liveWidgetHolder ul.slick-dots {
  text-align: center;
}

html[lang="el"] .live_data .mini_ld_block li label {
  font-size: 0.9rem;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid #dee2e6;
}

table.dataTable tbody tr {
  border-bottom: 1px solid #dee2e6;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin-bottom: 4px;
}

table.dataTable tbody th,
table.dataTable tbody td {
  color: #212529;
  border-bottom: 1px solid #dee2e6;
}

@media (max-width: 1600px) and (min-width: 992px) {
  .widgetLiveData .bidPrice h3 {
    font-size: 22px !important;
  }

  /* .widgetAskBid { column-gap: 10px; } */
  .widgetCard .card-header {
    height: auto;
  }

  .widgetCard .card-body.mini_ld_block {
    padding: 10px;
  }

  /* .widgetLiveData:first-child:before{right:-3px} */
}

/*products live rate widget css ends------------------*/
@media (min-width: 1600px) {
  #myVideo {
    width: 100%;
  }

  html[lang="el"] .widgetCard .card-header .rflexactionbtn span:first-child {
    width: 38px;
    font-size: 15px;
  }
}

@media (max-width: 1600px) {
  .table_tabs.mkt-instruments-tabs a.nav-link {
    margin-right: 40px;
  }

  .pg_career .button {
    width: auto;
  }

  .minicard-career h5 {
    font-size: 32px;
  }

  .carrer-highlight .lineone ul li {
    font-size: 18px;
  }

  .em_bottom_container .opening_title h3 {
    font-size: 30px !important;
  }

  .t_tradingsignal.ex_product .landing-banner-top {
    min-height: 100vh;
  }

  .tds-benefits .solidbtn {
    width: auto;
  }

  .vps-system-info {
    margin-top: 50px;
  }

  .vps-system-info h2 {
    font-size: 40px !important;
  }

  .vps_cards .card h3 {
    font-size: 53px !important;
  }

  .vps_cards .card .card-type p {
    font-size: 18px !important;
  }

  .funding-logos .logo-listing {
    padding: 25px 70px;
  }

  .funding-logos .logo-listing ul li {
    width: 25%;
  }

  .live_data .mini_ld_block {
    column-gap: 5px;
  }

  .live_data .mini_ld_block li label {
    font-size: 0.9rem;
  }

  .widgetCard .card-header .rflexactionbtn span:first-child {
    width: 32px;
  }

  html[lang="el"] .widgetCard .card-header .rflexactionbtn span:first-child {
    width: 38px;
    font-size: 13px;
  }

  html[lang="el"] .widgetLiveData .bidPrice h3 {
    font-size: 20px !important;
  }
}

@media (max-width: 1540px) {
  .awrd_list .item {
    padding: 0 4px;
  }

  .mktp_box .card .card-header h3 {
    font-size: 26px !important;
  }

  .global_presence {
    background: #e8e9eb;
    padding-bottom: 100px;
  }

  .card-desc p {
    max-width: 100%;
  }

  #widget_exma_contact .select2-selection__rendered {
    line-height: calc(2.8rem + calc(var(--bs-border-width) * 2));
  }

  #widget_exma_contact span.select2-selection {
    height: calc(2.8rem + calc(var(--bs-border-width) * 2));
    text-align: left;
  }

  .disk_block .below_card label {
    font-size: 1rem;
  }

  .em_bottom_container.product_card.product_feature_section h2 {
    font-size: 2.4rem !important;
  }

  .landing_slider .button {
    min-width: 170px;
  }

  .rs_accordian .nav-tabs {
    margin: 0;
  }

  .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs {
    margin: 0;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs li {
    width: 100px;
    display: inline-block;
    margin-right: 20px;
  }

  .t_spec .rs_accordian.metatraderTabs .nav-tabs {
    margin: 0;
  }

  /* .footer_achievement_slider .footer_ach_img{ height: 162px; } */
  .liveRatesWidget a.button {
    width: fit-content;
  }

  .widgetLiveData h3 {
    font-size: 24px !important;
  }

  html[lang="el"] .live_data .mini_ld_block li label {
    font-size: 0.7rem;
  }
}

@media (max-width: 1200px) {
  .mktp_box .card .card-header h3 {
    font-size: 28px !important;
  }
}

@media (max-width: 992px) {
  .why_choose_mktp {
    margin-bottom: -80px;
  }

  .why_choose_mktp:before {
    height: calc(100% - 75px);
  }

  .vision_mission_tabs #myTab .nav-item .nav-link {
    font-size: 30px;
  }

  .m_blocks .mktp_box .card .card-header {
    padding: 30px;
    border-radius: 9px;
  }

  .m_blocks .mktp_box .card .card-header h3 {
    margin-top: 0;
  }

  .awrd_header {
    background: no-repeat;
    padding-left: 30px;
    margin-left: 0;
  }

  .ab_awrd_img {
    position: unset;
    margin-left: 100px;
    text-align: center;
  }

  .award_winning {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .awrd_list {
    padding-left: 0px;
    padding-top: 20px;
  }

  .awrd_list .item {
    padding: 10px;
  }

  .awrd-info {
    padding-left: 0;
    padding-top: 0;
  }

  .why_choose_mktp .flexhead .lflexheading,
  .flexhead76.flexhead .lflexheading {
    width: 100%;
  }

  .flexhead.flexhead76 {
    margin-bottom: 0px;
  }

  .flexhead.flexhead76 h2 {
    margin-bottom: 10px !important;
  }

  marquee span,
  .marquee span {
    font-size: 54px;
    line-height: 140%;
  }

  .marquee-section {
    min-height: 80px;
  }

  .country_list ul li {
    width: 32%;
    font-size: 22px;
    justify-content: flex-start;
  }

  .country_list {
    padding: 20px;
  }

  .table_tabs .nav-tabs::-webkit-scrollbar {
    height: 0px;
  }

  .table-responsive {
    white-space: nowrap;
  }

  .table-responsive::-webkit-scrollbar {
    height: 3px;
    background: #c9dbe7 !important;
    color: #c9dbe7 !important;
  }

  .vps_hosting_plans .flexhead {
    flex-direction: column;
  }

  .vps_hosting_plans .rflexactionbtn {
    display: none;
  }

  .hosting_plans .card .card-header .card-metainfo h5 {
    margin-top: -10px;
    margin-left: 0;
  }

  section.paddingt5b15.vps-hosting-freeMkt {
    padding-bottom: 5rem;
  }

  .vps_cards .card {
    width: 100%;
    margin: 30px auto;
  }

  .why_choose_mktp.tds_whatuget {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .why_choose_mktp.tds_whatuget:before {
    height: 100% !important;
    background-size: cover;
  }

  .why_choose_mktp.tds_whatuget .mktp_box .card .card-header .card_icon {
    display: block;
    width: 120px;
    height: auto;
    background: transparent;
  }

  .why_choose_mktp.tds_whatuget .mktp_box .card .card-header .card_icon h2 {
    line-height: 80%;
  }

  .tds-bottom-section {
    padding-top: 0;
  }

  .join-tg-banner {
    justify-content: center;
  }

  .t_tradingsignal.ex_product .landing-banner-top {
    padding-top: 10rem;
  }

  .faq-category .tab-content {
    width: 100%;
  }

  .category-list .nav-pills {
    width: 100%;
  }

  .carrer-highlight .helpdesk .h_grid {
    padding: 2rem 0rem 0rem 1.5rem;
  }

  .carrer-highlight .helpdesk {
    height: 21.5rem;
  }

  .carrer-highlight .helpdesk .h_grid p {
    font-size: 16px !important;
  }

  .carrer-highlight .lineone ul li {
    font-size: 16px;
  }

  .funding-logos {
    display: block;
  }

  .funding-logos .logo-listing,
  .funding-logos .logo-listing ul {
    transform: initial;
    margin: 0 0 20px;
    height: auto;
  }

  .funding-logos .logo-listing ul li {
    width: 33.33%;
  }

  .more-options {
    transform: initial;
    text-align: center;
    width: 100%;
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
    height: auto;
  }

  .more-options a {
    padding: 40px 40px;
    transform: initial;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
  }

  .more-options a img {
    display: inline-block;
    margin: 0 0 0 40px;
    max-width: 60px;
  }

  .funding-logos .logo-listing {
    padding: 25px 30px;
    margin-bottom: 10px;
  }

  .funding-logos:after {
    width: 95%;
    margin: 0 17px;
  }

  .contact_success {
    margin: auto;
  }

  .contact_success img {
    margin-top: 0 !important;
  }

  .opening_box {
    display: block;
    padding: 20px 20px;
  }

  .opening_box .opening_title {
    width: 100%;
    margin-bottom: 15px;
  }

  .opening_box .ipening_loc {
    width: 100%;
    margin-bottom: 15px;
  }

  .opening_box .button-viewdetail {
    margin-left: auto;
    position: absolute;
    bottom: 7px;
    right: 20px;
  }

  #currentOpenings .accordion-button::after {
    bottom: 8px;
    right: 20px;
  }

  .opening_info:first-child {
    border: 0;
  }

  #currentOpenings .accordion-body .job-brief h3 {
    font-size: 25px !important;
  }

  #currentOpenings .accordion-body .job-brief {
    max-width: 100%;
  }

  /* .landing_block_wrapper .slick-track { display: initial!important; } */
  .rs_accordian.metatraderTabs .tab-content>.tab-pane {
    display: none;
  }

  .rs_accordian.metatraderTabs .tab-content>.active {
    display: block;
  }

  .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs li {
    width: fit-content;
    display: inline-block;
    margin-right: 20px;
  }

  .t_spec .rs_accordian.metatraderTabs .nav-tabs {
    margin: 0;
  }

  .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs {
    padding-left: 0;
  }

  div#innerTabContent .tab-pane {
    padding: 0;
  }

  .em_bottom_container.product_card .em_rightdata p {
    font-size: 1.12rem !important;
  }

  .vps-configuration .ab_img img {
    max-width: 100%;
  }

  .widgetLiveData .bidPrice h3 {
    font-size: 26px !important;
  }

  .liveRatesWidget .rflexactionbtn .button i {
    top: 0;
  }

  .widgetCard .card-header {
    height: auto;
  }

  .widgetCard .card-header .rflexactionbtn span:first-child {
    width: 36px;
  }
}

@media (max-width: 768px) {
  .country_list ul li {
    width: 49%;
    font-size: 22px;
    justify-content: flex-start;
  }

  .country_list {
    padding: 20px;
    margin-top: -260px;
    z-index: 11;
  }

  .country_list ul li .cntry_icon {
    width: 30px;
    height: 30px;
  }

  img.mob_globe {
    transform: scale(1.2);
    margin-top: 70px;
  }

  .country_list:before {
    background-size: cover;
  }

  .country_list:after {
    content: "";
    background: url(../uploads/circle-big.webp) no-repeat;
    position: absolute;
    right: 3px;
    bottom: -70px;
    width: 140px;
    z-index: -2;
    border-radius: 9px;
    height: 140px;
    filter: blur(0px);
  }

  .country_list ul:after {
    content: "";
    background: url(../uploads/blur-circlemsll.webp) no-repeat;
    position: absolute;
    left: 26%;
    top: -25px;
    width: 50px;
    z-index: 1;
    border-radius: 9px;
    height: 50px;
    filter: blur(0px);
  }

  .country_list ul:before {
    content: "";
    background: url(../uploads/small-circle.webp) no-repeat;
    position: absolute;
    right: -6%;
    top: 40%;
    width: 40px;
    z-index: 1;
    border-radius: 9px;
    height: 40px;
    filter: blur(0px);
  }

  /* .swap-nav{width:100% !important; transform: scale(1) !important;} */
  .swap-rate-section .slider-nav .slick-list {
    padding: 30px 0px !important;
    overflow: visible;
    height: 190px;
  }

  .swap-rate-section .slick-arrow {
    display: none !important;
  }

  /* .swap-nav { width: 314px !important; } */
  .swap-rate-section .slick-dotted.slick-slider {
    padding: 0;
  }

  .swap-rate-section .slider-for.slick-initialized.slick-slider {
    border: 0;
    padding: 0;
    margin: 0;
    top: -20px;
  }

  .swap-rate-section .slider-for .slick-list {
    background: transparent;
    padding: 10px;
  }

  .swap-rate-section .em_bottom_container .slide-swap-info h3 {
    font-size: 25px !important;
  }

  .swap-rate-section .em_bottom_container .slide-swap-info h5 {
    margin-bottom: 20px;
  }

  .swap-rate-section {
    padding-bottom: 0;
  }

  .swap-rate-section .swap-nav .swap-icon img {
    width: 40px;
  }

  .card_dark .card-title {
    font-size: 22px;
  }

  .minicard-career {
    background: #fff;
    padding: 20px 10px;
    margin-right: 10px;
    border: 0;
    border-radius: 9px;
    margin-bottom: 20px;
  }

  .minicard-career h5.card-title {
    font-size: 22px;
    margin-bottom: 5px;
  }

  .minicard-career p.second_pfont {
    font-size: 14px !important;
  }

  .carrer-highlight .helpdesk {
    background: url(../uploads/career-mob.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 50rem;
    background-position: bottom center;
  }

  .carrer-highlight .helpdesk .h_grid {
    padding: 4rem 20px;
  }

  .carrer-highlight .mxh_btmn {
    height: 700px;
  }

  .opening_info {
    border: 0;
    padding: 0;
  }

  .opening_box .ipening_loc {
    padding: 10px 30px 20px !important;
  }

  .opening_box {
    padding: 0;
  }

  .opening_box .opening_title {
    padding: 10px 20px;
    margin-bottom: 0;
  }

  .button-apply {
    background: #fff;
    padding: 20px;
  }

  .button-apply a.button.solidbtn {
    width: 80%;
  }

  .apply_manually {
    display: none;
  }

  .abt_trade_fx {
    margin-top: 40px;
  }

  .vps-configuration:before {
    display: none;
  }

  .vps-system-info {
    margin-top: 0;
  }

  /* .img-mob-vps { width: 100%; margin-left: -10%; margin-top: 50px; margin: 0px; left: 0; height: 400px; } */
  .img-mob-vps:before {
    background: url(../uploads/mob-vps-bg.png) no-repeat left center / 100% 100%;
    width: 100%;
    height: 500px;
    content: "";
    position: absolute;
    left: 0;
    top: 30%;
    z-index: -1;
  }

  .img-mob img {
    width: 50%;
    margin: auto;
    display: block;
  }

  .img-mob-vps {
    height: 400px;
  }

  .vps_cards .card {
    width: 100%;
    margin: 30px auto;
  }

  .paddingb15 {
    padding-bottom: 10rem;
  }

  .carrer-highlight .c_gph2::before {
    top: 0;
  }

  #job-openings {
    margin-top: 0rem;
  }

  .modal-mobile {
    /* height: 500px !important; */
    padding: 0px;
  }

  .modal-restricion {
    padding: 10px 15px 10px 15px !important;
    overflow: auto;
    height: 500px;
  }

  .modal-restricion h5 {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 5px;
  }

  .modal-restricion p {
    font-size: 14px !important;
    line-height: 22px;
  }

  .restbtn {
    justify-content: center !important;
  }

  #reverse_solicitation_poupup .modal-restricion {
    height: 100%;
  }

  .restbtn {
    justify-content: center !important;
  }

  /* modal 2 start */
  .cookies-policy p {
    font-size: 14px;
    line-height: 17px;
  }

  .cookies-policy .flexmobile {
    flex-direction: column;
  }

  .modal-position p {
    margin-right: 0px;
  }

  .modal-position .modal-content {
    height: 179px !important;
  }

  .cookies-policy {
    width: 90%;
  }

  .cookies-policy p {
    margin-bottom: 20px;
  }

  .cookies-policy .restriction-btn1 {
    width: 100%;
  }

  .t_partner .em_bottom_container .partnerWithUs .minicard .card-body {
    padding: 30px;
    text-align: left;
    min-height: auto;
    margin-bottom: 20px;
  }

  .partnerWithUs .card-body.one_ricon p {
    margin-bottom: 0;
    min-height: auto;
  }

  .vps_cards.d-lg-flex.align-items-center.justify-content-between .card {
    height: auto;
  }

  .liveRatesWidget .flexhead {
    display: block;
  }

  .liveRatesWidget .flexhead .rflexactionbtn {
    text-align: left;
  }

  .liveRatesWidget a.button {
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
  }

  /* Home Trading ac overview  */
  /* .xma-flex-tabs .nav-pills { max-width: 100%!important; flex-wrap: nowrap!important; } */
}

@media (max-width: 576px) {
  .mobilevertical {
    width: 9rem !important;
  }

  .carrer-highlight .helpdesk {
    background-position: initial;
  }

  .img-mob-vps,
  .img-mob-vps:before {
    height: 280px;
  }

  .faq-search-pane {
    padding: 60px 20px;
  }

  #job-openings {
    margin-top: -4rem;
  }

  .funding-logos .logo-listing ul {
    column-gap: 15px;
  }

  .funding-logos .logo-listing ul li {
    width: 29%;
  }

  .funding-logos:after {
    width: 90%;
  }

  .ex_product .landing-mark {
    display: block;
  }

  .ex_product .landing-mark.landing-leftd-mark {
    display: none;
  }

  .ex_copy .copy-rform .dual_screen {
    padding: 2rem 1.5rem;
  }

  .logincont .disable_inp input#country_val_div {
    padding-left: 0.4rem;
  }

  .xma-flex-tabs .exma-tabs-container .lower-tabs-cont {
    padding-right: 0;
  }

  .mail-mid-right a {
    font-size: 16px !important;
  }

  .mobilevertical .mobilecard {
    margin-top: 0;
    margin-bottom: 9px;
  }

  .mobilevertical {
    bottom: -13px;
  }

  .back-to-top {
    right: 24px;
  }

  .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label span {
    display: block;
    margin-left: 0 !important;
  }

  .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep {
    display: none;
  }

  .mktOverlay .btnGroups {
    column-gap: 10px;
  }

  .mktOverlay .btnGroups .button {
    width: 70px;
  }
}

@media (max-width: 320px) {
  .container.header_container .navbar-brand {
    width: 50%;
  }

  .footer_top_block .social-url ul li a {
    padding: 10px 6px;
  }

  .side_social .social-url i {
    padding: 0.4rem;
  }
}

/*about us page -------------------------*/
@media only screen and (min-width: 1540px) {
  .tp_left_sec {
    width: 90% !important;
  }
}

.mobilevertical {
  width: 13rem;
}

div#signupcrousel .carousel-indicators {
  display: none !important;
}

.swipeslider p {
  font-size: 16px !important;
  line-height: 22px !important;
}

/* mt4 & m5 dots remove */
.mt_4_product .slick-dots {
  display: none !important;
}

/* Homepage maximise your profits css start */
.vertical-box {
  padding: 2.9rem 2rem 15rem 3rem;
}

.news_remove .emp_box {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.awardsptt-10 {
  height: 110px;
  width: 100%;
}

.section-content .r_seltwo::before,
.section-content .r_selthree::before {
  pointer-events: none;
}

.section-content .r_seltwo,
.section-content .r_selthree {
  pointer-events: none;
}

/* .password-visible::after { right: 40px !important; } */
/* Form css - copytrading dropdown */
#widget_exma_register .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 2px;
}

/* Trading platform metatrade with exma future delete */
@media only screen and (min-width: 992px) {

  /* .mt_4_product .m-stepsnew5::before { left: 2rem !important; } */
  .mt_4_product .m-stepsnew5::before {
    left: 2rem !important;
    top: 0;
  }

  .mt_4_product .m-stepsnew5 .topflex h5 {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1540px) {
  .vertical-box {
    padding: 2.9rem 2rem 8.6rem 3rem;
  }

  html[lang="en"] .vertical-box {
    padding: 1.9rem 1rem 11.3rem 2rem;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .vertical-box {
    padding: 2.9rem 2rem 4.6rem 3rem;
  }
}

@media only screen and (max-width: 767px) {
  .swipeslider p {
    font-size: 0.8rem !important;
    line-height: 20px !important;
  }

  .ex_copy .tp_right_sec {
    top: 0;
    left: 0.5rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1540px) {
  .swipeslider p {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  #job-openings {
    margin-top: -9rem !important;
  }
}

div#myModal1 {
  background-color: rgb(9 9 9 / 80%);
}

.promotion_mbottom {
  margin-bottom: 120px;
}

.t_promotion .anc a {
  font-size: 15px;
}

.t_promotion .anc label {
  font-size: 15px;
}

.readmore-booster {
  text-align: right;
  color: #fff;
  position: relative;
  font-weight: 300;
  margin-right: -25px;
  font-size: 14px;
}

body.modal-open {
  overflow: hidden;
  /* position: fixed; */
}

.base-timer {
  position: relative;
  width: 110px;
  height: 110px;
  margin: auto;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 2px;
  stroke: #f7f7f7;
}

.base-timer__path-remaining {
  stroke-width: 2px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: green;
}

.base-timer__path-remaining.orange {
  color: rgb(255, 208, 0);
}

.base-timer__path-remaining.red {
  color: #f00;
}

.base-timer__label {
  position: absolute;
  width: 110px;
  height: 110px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  font-family: "Barlow Condensed";
}

/* Homepage market slider css */
.mg-green.mg_card .mg_img {
  width: 9.7rem;
  height: 8.5rem;
  right: 3rem;
  top: 1.7rem;
}

/* footer start */
.copyright_info {
  text-align: center;
}

.footer_top_block .social-url ul li a:nth-child(4):hover {
  background: #c4302b !important;
}

.footer_top_block .social-url ul li a:nth-child(5):hover {
  background: #0a66c2 !important;
}

/* mobile header  css */
@media only screen and (max-width: 768px) {
  .side_social .social-url i {
    padding: 0.4rem !important;
    margin: 0 !important;
  }

  .footer_top_block .social-url {
    text-align: center !important;
  }

  .navbar-collapse.show {
    height: 100%;
  }

  /* spacing in mobile devices */
  .paddingtb10,
  .paddingtb7,
  .paddingt7b10,
  .paddingt10b8,
  .paddingt10b8,
  .paddingt8b20,
  .paddingt8,
  .paddingtb6,
  .paddingt5b10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  /* Table start Homepage */
  .live_table_data {
    min-width: 100%;
  }

  .live_table_data table th,
  .live_table_data table td {
    padding: 7px 17px;
    font-size: 0.8rem;
  }

  .table_scroll {
    overflow-x: auto;
  }

  /* faq start mobile */
  .query_box .accordion-button span {
    position: absolute;
    top: 17px;
  }

  /* Enter the market 3 easy steps css */
  .btn_actsec {
    text-align: center;
  }

  /* Forex vps hosting */
  .vps_plans .slick-dots li {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 1;
    background-color: #8b8888;
    border-top: inherit;
    border-bottom: inherit;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
  }

  .vps_plans .slick-dots li.slick-active {
    background-color: var(--blue) !important;
    width: 25px !important;
    border-radius: 10px !important;
  }

  .slick-dots button {
    display: none;
  }

  .vps_plan_blocks .slick-dots {
    text-align: center;
  }

  /* pamm btn  */
  .bgpm a {
    width: 100% !important;
  }

  #widget_exma_contact .select2-selection__rendered {
    line-height: calc(2.6rem + calc(var(--bs-border-width) * 2));
  }

  .why_choose_mktp .em_bottom_container {
    padding-bottom: 2.5rem;
  }

  .query_box .acord-mob span {
    /* left: -7px; top: 41px; */
    left: -11px;
    top: 42px;
  }

  .t_partner .mt_4_product.anc {
    position: relative;
    top: 0px;
  }

  .em_bottom_container .opening_title h3 {
    font-size: 18px !important;
  }

  #job-openings {
    margin-top: 0rem !important;
  }

  .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs li:last-child {
    margin-right: 0;
  }

  .t_spec .rs_accordian.metatraderTabs .tab-content .nav-tabs {
    padding-right: 0;
  }

  .pg_career .paddingt8b20 {
    padding-bottom: 13.5rem !important;
  }

  .carrer-highlight .helpdesk {
    background-size: 100% 100% !important;
    height: 55rem !important;
  }

  .helpdesk .lineone {
    margin-bottom: 0rem !important;
  }

  .carrer-highlight .helpdesk .h_grid {
    padding: 2rem 20px;
  }

  .ex-contact .landing_block_wrapper {
    transform: translate(0, 14%) !important;
  }

  .ex-contact .helpdesk .lineone {
    margin-bottom: 5rem !important;
  }

  /* faq start */
  .t_faqs .faq_bottom_manual {
    display: block !important;
    margin-top: 0px;
  }

  .t_faqs .minicard {
    flex-wrap: wrap !important;
  }

  .t_faqs .faq_bottom_manual .em_rightdata {
    width: 144px;
  }
}

@media only screen and (min-width: 769px) {
  .vps_plans .slick-dots li {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1540px) {
  .intfl .lactivebx ul li p {
    font-size: 11px !important;
  }

  .intfl .lactivebx ul li label {
    font-size: 11px !important;
  }
}

/* All languages start */
/* Greek start */
html[lang="el"] .ct-grbtn,
html[lang="ms"] .ct-grbtn {
  width: 100%;
}

html[lang="el"] .pm_btn .button {
  width: 100%;
}

html[lang="el"] .fx-timel .l-time label {
  font-size: 13px;
}

html[lang="el"] .fx-timel .l-time span {
  width: 60px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 1540.98px) {
  html[lang="el"] .fx-timel .l-time span {
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
  }
}

@media only screen and (max-width: 768px) {
  html[lang="el"] .fx-timel .l-time span {
    width: 45px !important;
  }

  html[lang="el"] .footer_leverage_table ul {
    padding-right: 0rem !important;
  }

  html[lang="el"] .fx-timel .l-time label {
    font-size: 11px;
  }

  html[lang="es"] .ex_fund .card_design .in_block .right_info label,
  html[lang="id"] .ex_fund .card_design .in_block .right_info label,
  html[lang="pt"] .ex_fund .card_design .in_block .right_info label,
  html[lang="th"] .ex_fund .card_design .in_block .right_info label,
  html[lang="ms"] .ex_fund .card_design .in_block .right_info label,
  html[lang="el"] .ex_fund .card_design .in_block .right_info label,
  html[lang="tr"] .ex_fund .card_design .in_block .right_info label {
    width: auto !important;
    padding: 0 5px;
  }
}

/* Malay & Portuguese css Start */
/* Funding Methods  */
html[lang="ms"] .ex_fund .card_design .in_block .right_info label,
html[lang="el"] .ex_fund .card_design .in_block .right_info label {
  font-size: 0.9rem !important;
}

/* Megamenu slick baner  */
html[lang="ms"] .mg_card {
  min-height: 235px;
}

html[lang="ms"] .mg_card label {
  font-size: 1.3rem;
}

html[lang="ms"] .mg_card p {
  font-size: 0.8rem;
}

/* html[lang="ms"] .rvwhitegrid .mt_4_product .brick_section ul li, html[lang="th"] .rvwhitegrid .mt_4_product .brick_section ul li, html[lang="tr"] .rvwhitegrid .mt_4_product .brick_section ul li, html[lang="pt"] .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.1rem !important; line-height: 23px; } */
.font40_central {
  font-size: 40px !important;
}

html[lang="ms"] .mt_4_product .miniactbtn {
  width: 12rem;
}

html[lang="ms"] .prt_wh .second_pfont,
html[lang="pt"] .prt_wh .second_pfont {
  font-size: 16px;
  margin-bottom: 1.2rem;
}

/* html[lang="ms"] .rvwhitegrid .mt_4_product, html[lang="pt"] .rvwhitegrid .mt_4_product { padding-left: 0px; } */
html[lang="ms"] .lower-tabs-cont .inblock-ab-btn {
  right: -10px !important;
  max-width: 245px !important;
}

html[lang="ms"] .trade_prod .grid_one .button,
html[lang="tr"] .trade_prod .grid_one .button {
  width: 200px;
}

@media only screen and (min-width: 768px) {
  html[lang="ms"] ul.slider_bottom_bar li p {
    font-size: 13px;
  }

  html[lang="ms"] ul.slider_bottom_bar li label {
    font-size: 22px;
  }
}

/* Funding Methods Mobile */
@media only screen and (max-width: 576px) {

  html[lang="es"] .ex_fund .card_design .in_block .bottom_body a,
  html[lang="pt"] .ex_fund .card_design .in_block .bottom_body a,
  html[lang="el"] .ex_fund .card_design .in_block .bottom_body a,
  html[lang="id"] .ex_fund .card_design .in_block .bottom_body a,
  html[lang="th"] .ex_fund .card_design .in_block .bottom_body a,
  html[lang="ms"] .ex_fund .card_design .in_block .bottom_body a,
  html[lang="tr"] .ex_fund .card_design .in_block .bottom_body a {
    max-width: 200px !important;
  }

  html[lang="th"] .ex_fund .rflexactionbtn .button,
  html[lang="es"] .ex_fund .rflexactionbtn .button,
  html[lang="pt"] .ex_fund .rflexactionbtn .button,
  html[lang="el"] .ex_fund .rflexactionbtn .button,
  html[lang="id"] .ex_fund .rflexactionbtn .button,
  html[lang="ms"] .ex_fund .rflexactionbtn .button,
  html[lang="tr"] .ex_fund .rflexactionbtn .button {
    width: 150px !important;
    font-size: 17px;
  }
}

/* Partners start */
@media only screen and (min-width: 1540px) {
  html[lang="ms"] .intfl .lactivebx ul li p {
    font-size: 15px !important;
  }

  html[lang="ms"] .intfl .lactivebx ul li label {
    font-size: 14px !important;
  }
}

/* Turkish css start */
/* html[lang="tr"] .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.1rem !important; } */
html[lang="tr"] .rs_accordian .nav-tabs li button {
  font-size: 0.9rem !important;
}

html[lang="tr"] .rs_accordian .nav-tabs li {
  width: 100%;
  max-width: 8.2rem !important;
}

/* Thai css start */
/* Megamenu slick baner  */
html[lang="th"] .mg_card {
  min-height: 240px;
}

html[lang="th"] .mg_card label {
  font-size: 1.2rem;
}

html[lang="th"] .mg_card p {
  font-size: 0.77rem;
  width: 252px;
}

html[lang="th"] .t_about .em_bottom_container h2,
html[lang="tr"] .t_about .em_bottom_container h2 {
  font-size: 2.43rem;
}

html[lang="th"] #exclusive-account h5,
html[lang="id"] #exclusive-account h5,
html[lang="tr"] #exclusive-account h5 {
  width: 25%;
  font-size: 30px;
}

html[lang="th"] #v-pills-Account::before {
  background-image: url(../uploads/ecn.svg);
}

html[lang="th"] .th_ultimate .left_flex_overlay::after {
  background: url(../uploads/ecn-individualpage.svg);
  /* width: 200px; */
  background-size: cover;
}

html[lang="th"] .th_ultimate .left_flex_overlay::after {
  background: url(../uploads/ecn-individualpage.svg);
  /* width: 200px; */
  background-size: cover;
}

html[lang="th"] .thultimate_cent .left_flex_overlay::after {
  /* width: 200px; */
  background: url(../uploads/trading_box_4.svg) !important;
  background-size: cover !important;
}

@media only screen and (min-width: 768px) {
  html[lang="th"] ul.slider_bottom_bar li {
    max-width: 200px;
  }
}

@media only screen and (max-width: 768px) {

  html[lang="th"] #exclusive-account h5,
  html[lang="id"] #exclusive-account h5,
  html[lang="tr"] #exclusive-account h5 {
    width: 100%;
  }

  /* Copy Trading */
  html[lang="en"] .ex_copy .button,
  html[lang="es"] .ex_copy .button,
  html[lang="pt"] .ex_copy .button,
  html[lang="id"] .ex_copy .button,
  html[lang="th"] .ex_copy .button,
  html[lang="ms"] .ex_copy .button,
  html[lang="tr"] .ex_copy .button {
    min-width: 224px !important;
  }

  /* Exclusive button */
  html[lang="es"] .in_page .btn_actsec .button,
  html[lang="pt"] .in_page .btn_actsec .button,
  html[lang="id"] .in_page .btn_actsec .button,
  html[lang="th"] .in_page .btn_actsec .button,
  html[lang="ms"] .in_page .btn_actsec .button,
  html[lang="tr"] .in_page .btn_actsec .button {
    width: 80% !important;
  }

  html[lang="th"] ul.slider_bottom_bar li label,
  html[lang="es"] ul.slider_bottom_bar li label,
  html[lang="pt"] ul.slider_bottom_bar li label,
  html[lang="id"] ul.slider_bottom_bar li label,
  html[lang="ms"] ul.slider_bottom_bar li label,
  html[lang="tr"] ul.slider_bottom_bar li label {
    font-size: 22px;
  }

  html[lang="th"] ul.slider_bottom_bar li p,
  html[lang="es"] ul.slider_bottom_bar li p,
  html[lang="pt"] ul.slider_bottom_bar li p,
  html[lang="id"] ul.slider_bottom_bar li p,
  html[lang="ms"] ul.slider_bottom_bar li p,
  html[lang="tr"] ul.slider_bottom_bar li p {
    font-size: 12px;
  }

  html[lang="th"] .brick_section .inblock-ab-btn .darkbutton b,
  html[lang="pt"] .brick_section .inblock-ab-btn .darkbutton b,
  html[lang="ms"] .brick_section .inblock-ab-btn .darkbutton b,
  html[lang="id"] .brick_section .inblock-ab-btn .darkbutton b {
    font-size: 16px;
  }

  html[lang="th"] .brick_section .inblock-ab-btn .darkbutton,
  html[lang="pt"] .brick_section .inblock-ab-btn .darkbutton,
  html[lang="ms"] .brick_section .inblock-ab-btn .darkbutton,
  html[lang="id"] .brick_section .inblock-ab-btn .darkbutton {
    padding: 10px 14px;
  }

  html[lang="el"] .m_brick .brick_section .inblock-ab-btn .darkbutton span {
    font-size: 1rem;
  }

  html[lang="th"] .footer_top_block .social-url ul li a {
    padding: 11px;
  }

  html[lang="tr"] .footer_top_block .social-url ul li a,
  html[lang="es"] .footer_top_block .social-url ul li a,
  html[lang="pt"] .footer_top_block .social-url ul li a,
  html[lang="id"] .footer_top_block .social-url ul li a,
  html[lang="ms"] .footer_top_block .social-url ul li a {
    padding: 10px;
  }

  html[lang="th"] #standard-account .ex_flex_box .left_flex_overlay ul label {
    font-size: 1.2rem;
  }

  html[lang="th"] #exclusive-account .ex_flex_box .left_flex_overlay ul label {
    font-size: 1.2rem;
  }

  .ex_flex_box .left_flex_overlay ul li {
    width: 100% !important;
  }
}

/* Indonesia css start */
html[lang="id"] .mt_4_product .miniactbtn {
  width: 13rem !important;
}

html[lang="pt"] #standard-plus h5,
html[lang="id"] #standard-plus h5,
html[lang="th"] #standard-plus h5 {
  width: 23%;
  font-size: 30px;
}

html[lang="pt"] .in_page ul,
html[lang="id"] .in_page ul,
html[lang="th"] .in_page ul {
  margin-left: 60px;
}

@media only screen and (max-width: 768px) {

  html[lang="pt"] #standard-plus h5,
  html[lang="id"] #standard-plus h5,
  html[lang="th"] #standard-plus h5 {
    width: 100%;
  }

  html[lang="pt"] .in_page ul,
  html[lang="id"] .in_page ul,
  html[lang="th"] .in_page ul {
    margin-left: 0px;
  }

  html[lang="id"] .in_page .left_flex_overlay ul label,
  html[lang="en"] .in_page .left_flex_overlay ul label {
    font-size: 1.4rem !important;
    line-height: 22px;
  }
}

/* Portuguese start */
html[lang="pt"] #standard-account h5,
html[lang="th"] #standard-account h5,
html[lang="tr"] #standard-account h5 {
  width: 25%;
  font-size: 28px;
}

html[lang="pt"] .vps_cards .card .card-type p {
  font-size: 18px !important;
  margin-top: 10px;
}

html[lang="pt"] .vps_cards .card-purple .card-detail .card-detail-img {
  width: 50px;
}

@media only screen and (max-width: 768px) {

  html[lang="pt"] #standard-account h5,
  html[lang="th"] #standard-account h5,
  html[lang="tr"] #standard-account h5 {
    width: 100%;
  }
}

/* Spanish start */
html[lang="es"] .fullwidthslider .livedatabox .bottom_label label {
  font-size: 1.7rem !important;
}

html[lang="th"] .fullwidthslider .livedatabox .bottom_label label {
  font-size: 1.6rem !important;
}

html[lang="es"] .subscribe_btn input,
html[lang="id"] .subscribe_btn input,
html[lang="th"] .subscribe_btn input {
  padding: 1.1rem 10rem 1.3rem 0.6rem;
  font-size: 0.8rem;
}

html[lang="es"] .pgrid label,
html[lang="pt"] .pgrid label,
html[lang="id"] .pgrid label,
html[lang="th"] .pgrid label,
html[lang="ms"] .pgrid label,
html[lang="tr"] .pgrid label {
  font-size: 24px;
}

html[lang="es"] .bgpm,
html[lang="pt"] .bgpm,
html[lang="id"] .bgpm,
html[lang="th"] .bgpm,
html[lang="ms"] .bgpm,
html[lang="tr"] .bgpm {
  height: 44.563rem;
}

html[lang="es"] .navbar-light .navbar-nav .nav-link {
  font-size: 1.1rem;
  padding: 0;
}

html[lang="es"] .navbar-light .dropdown .dropdown-toggle {
  font-size: 0.8rem !important;
}

html[lang="es"] .mg_head i {
  width: 16px;
}

/* Megamenu slick baner  */
html[lang="es"] .mg_card {
  min-height: 235px;
}

html[lang="es"] .mg_card label {
  font-size: 1.4rem;
}

html[lang="es"] .mg_card p {
  font-size: 1rem;
}

/* html[lang='es'] .t_pamm .solidbtn { width: 173px; } */
#widget_exma_register .solidbtn {
  width: 100% !important;
}

/* trading instrument table start */
@media only screen and (min-width: 1540px) {
  html[lang="pt"] .maxw124 {
    max-width: 140px;
  }

  html[lang="id"] .live_table_data label {
    font-size: 17px;
  }

  html[lang="id"] .maxw124 {
    max-width: 147px;
    font-size: 15px;
  }

  html[lang="tr"] .live_table_data label {
    font-size: 20px;
  }

  html[lang="tr"] .maxw124 {
    max-width: 148px;
    font-size: 15px;
    padding: 10px;
  }
}

@media only screen and (max-width: 768px) {

  html[lang="es"] .maxw124,
  html[lang="pt"] .maxw124,
  html[lang="el"] .maxw124,
  html[lang="id"] .maxw124,
  html[lang="th"] .maxw124,
  html[lang="ms"] .maxw124,
  html[lang="tr"] .maxw124 {
    max-width: 135px !important;
    font-size: 12px !important;
    padding: 8px !important;
  }

  html[lang="es"] .live_table_data label,
  html[lang="pt"] .live_table_data label,
  html[lang="el"] .live_table_data label,
  html[lang="id"] .live_table_data label,
  html[lang="th"] .live_table_data label,
  html[lang="ms"] .live_table_data label,
  html[lang="tr"] .live_table_data label {
    font-size: 13px !important;
  }
}

/* About services start */
@media only screen and (min-width: 992px) {

  html[lang="pt"] .navbar-light .navbar-nav .nav-link,
  html[lang="ms"] .navbar-light .navbar-nav .nav-link,
  html[lang="tr"] .navbar-light .navbar-nav .nav-link {
    padding: 3px !important;
  }

  html[lang="es"] .mktp_box .card .card-header h3,
  html[lang="pt"] .mktp_box .card .card-header h3,
  html[lang="id"] .mktp_box .card .card-header h3,
  html[lang="th"] .mktp_box .card .card-header h3,
  html[lang="ms"] .mktp_box .card .card-header h3,
  html[lang="tr"] .mktp_box .card .card-header h3 {
    font-size: 1.4rem !important;
  }

  html[lang="es"] .mktp_box .card-header,
  html[lang="pt"] .mktp_box .card-header,
  html[lang="id"] .mktp_box .card-header,
  html[lang="th"] .mktp_box .card-header,
  html[lang="ms"] .mktp_box .card-header,
  html[lang="tr"] .mktp_box .card-header {
    min-height: 220px;
  }

  html[lang="es"] .mktp_box .card,
  html[lang="pt"] .mktp_box .card,
  html[lang="id"] .mktp_box .card,
  html[lang="th"] .mktp_box .card,
  html[lang="ms"] .mktp_box .card,
  html[lang="tr"] .mktp_box .card {
    min-height: 470px;
  }
}

/* slick slider  */
html[lang="es"] .swipeslider label {
  font-size: 1.5rem !important;
}

html[lang="el"] .swipeslider label {
  font-size: 1.1rem !important;
}

html[lang="th"] .swipeslider label {
  font-size: 1.3rem !important;
}

html[lang="el"] .swipeslider p,
html[lang="th"] .swipeslider p {
  font-size: 15px !important;
  line-height: 20px !important;
}

html[lang="el"] .mt4_swipecard .swipeslider p {
  font-size: 13px !important;
  line-height: 18px !important;
}

@media only screen and (max-width: 1540.98px) {
  html[lang="es"] .swipeslider label {
    font-size: 1.1rem !important;
  }

  html[lang="el"] .swipeslider label,
  html[lang="th"] .swipeslider label {
    font-size: 0.9rem !important;
  }

  html[lang="el"] .swipeslider p html[lang="th"] .swipeslider p {
    font-size: 11px !important;
    line-height: 16px !important;
  }

  html[lang="el"] .mt4_swipecard .swipeslider p {
    font-size: 11px !important;
    line-height: 14px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1540px) {

  html[lang="es"] .subscribe_btn a,
  html[lang="id"] .subscribe_btn a,
  html[lang="th"] .subscribe_btn a {
    padding: 16px 19px;
  }

  html[lang="es"] .bgpm,
  html[lang="pt"] .bgpm,
  html[lang="id"] .bgpm,
  html[lang="th"] .bgpm,
  html[lang="ms"] .bgpm,
  html[lang="tr"] .bgpm {
    height: 36.563rem;
  }

  html[lang="es"] .navbar-light .navbar-nav .nav-link {
    font-size: 0.7rem;
    padding: 0 !important;
  }
}

@media only screen and (max-width: 767px) {

  html[lang="es"] .mktp_box .card .card-header h3,
  html[lang="pt"] .mktp_box .card .card-header h3,
  html[lang="id"] .mktp_box .card .card-header h3,
  html[lang="th"] .mktp_box .card .card-header h3,
  html[lang="ms"] .mktp_box .card .card-header h3,
  html[lang="tr"] .mktp_box .card .card-header h3 {
    font-size: 22px !important;
    line-height: 23px;
  }

  html[lang="es"] .bgpm,
  html[lang="pt"] .bgpm,
  html[lang="id"] .bgpm,
  html[lang="th"] .bgpm,
  html[lang="ms"] .bgpm,
  html[lang="tr"] .bgpm {
    height: auto !important;
  }

  html[lang="el"] .swipeslider p {
    line-height: 14px !important;
    font-size: 11px !important;
  }

  html[lang="th"] .swipeslider p {
    line-height: 16px !important;
    font-size: 14px !important;
  }

  html[lang="el"] .mt4_swipecard .swipeslider p {
    font-size: 11px !important;
    line-height: 14px !important;
  }

  /* Button start */
  html[lang="es"] .esmbtn {
    width: 173px;
  }

  html[lang="pt"] .button,
  html[lang="id"] .button,
  html[lang="th"] .button,
  html[lang="ms"] .button,
  html[lang="tr"] .button,
  html[lang="es"] .button {
    width: 100% !important;
  }

  html[lang="es"] .ex_copy .button,
  html[lang="id"] .ex_copy .button,
  html[lang="pt"] .ex_copy .button,
  html[lang="th"] .ex_copy .button,
  html[lang="tr"] .ex_copy .button,
  html[lang="ms"] .ex_copy .button {
    width: 280px !important;
  }

  html[lang="es"] .pm_product,
  html[lang="en"] .pm_product,
  html[lang="pt"] .pm_product,
  html[lang="el"] .pm_product,
  html[lang="id"] .pm_product,
  html[lang="th"] .pm_product,
  html[lang="ms"] .pm_product,
  html[lang="tr"] .pm_product {
    padding-bottom: 30px;
  }
}

/* Homepage maximise your profits css start */
html[lang="th"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b {
  min-width: 290px;
}

html[lang="es"] .vertical-box {
  padding: 2.9rem 2rem 19.2rem 3rem;
}

html[lang="th"] .vertical-box {
  padding: 2.9rem 2rem 14.98rem 3rem;
}

html[lang="pt"] .vertical-box {
  padding: 2.9rem 2rem 15.3rem 3rem;
}

html[lang="el"] .vertical-box {
  padding: 2.9rem 2.5rem 13.8rem 3rem;
}

html[lang="ms"] .vertical-box {
  padding: 2.9rem 2rem 16.1rem 3rem;
}

html[lang="tr"] .vertical-box {
  padding: 2.9rem 2rem 16.1rem 3rem;
}

@media (max-width: 1199.98px) and (min-width: 991px) {
  html[lang="es"] .vertical-box {
    margin-top: 7.4rem;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1540px) {
  html[lang="es"] .vertical-box {
    padding: 2.9rem 1.9rem 10.8rem 1.9rem;
  }

  html[lang="th"] .vertical-box {
    padding: 1.9rem 2rem 10.4rem 3rem;
  }

  html[lang="pt"] .vertical-box {
    padding: 1.9rem 1.9rem 10.8rem 1.9rem;
  }

  html[lang="pt"] .exma-dup-bank.bgdmp {
    padding: 4.2rem 3rem 4.2rem 12rem;
  }

  html[lang="el"] .vertical-box {
    padding: 2.9rem 1rem 11rem 1rem;
  }

  html[lang="id"] .vertical-box {
    padding: 1.9rem 1rem 10.3rem 2rem;
  }

  html[lang="ms"] .vertical-box {
    padding: 1.8rem 1rem 9.6rem 1rem;
  }

  html[lang="tr"] .vertical-box {
    padding: 1.5rem 1rem 11.1rem 2rem;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  html[lang="es"] .vertical-box {
    padding: 2.9rem 2rem 6.5rem 3rem;
  }

  html[lang="th"] .vertical-box {
    padding: 2.9rem 2rem 9.5rem 3rem;
  }

  html[lang="pt"] .vertical-box {
    padding: 2.9rem 2rem 5rem 3rem;
  }

  html[lang="el"] .vertical-box {
    padding: 2.9rem 1rem 11.2rem 2rem;
  }

  html[lang="id"] .vertical-box {
    padding: 2.9rem 2rem 9.6rem 3rem;
  }

  html[lang="ms"] .vertical-box {
    padding: 1.9rem 1rem 9.5rem 1rem;
  }

  html[lang="tr"] .vertical-box {
    padding: 1.9rem 1rem 10.5rem 2rem;
  }
}

@media (max-width: 992px) {
  html[lang="es"] .vertical-box {
    padding: 2.9rem 1rem 13.5rem 2rem;
  }
}

@media only screen and (max-width: 768px) {
  html[lang="es"] .vertical-box {
    padding: 2.9rem 2rem 15rem 3rem;
  }

  html[lang="tr"] .vertical-box {
    padding: 2.9rem 2rem 11.5rem 3rem;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .navbar-light .navbar-nav .nav-link {
    font-size: 0.9rem;
  }
}

@media (max-width: 1200px) and (min-width: 992px) {

  /* html[lang="es"] .exma-dup-bank.bgdmp { padding: 4.5rem 3rem 5.5rem 12rem; } */
  html[lang="es"] .vertical-box {
    padding: 1.9rem 0.9rem 10.8rem 0.9rem;
  }
}

@media (max-width: 1199.98px) and (min-width: 992px) {
  html[lang="pt"] .vertical-box {
    margin-top: 4.9rem;
  }

  html[lang="en"] .vertical-box,
  html[lang="el"] .vertical-box,
  html[lang="id"] .vertical-box,
  html[lang="th"] .vertical-box,
  html[lang="ms"] .vertical-box,
  html[lang="tr"] .vertical-box {
    margin-top: 5rem;
  }

  html[lang="en"] .vertical-box {
    padding: 2.9rem 1rem 10.3rem 2rem;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  html[lang="pt"] .vertical-box {
    padding: 2.9rem 1rem 10rem 1rem;
  }

  html[lang="el"] .vertical-box {
    margin-top: 23.4em;
  }

  html[lang="id"] .vertical-box {
    padding: 2.9rem 1rem 12.6rem 2rem;
  }

  html[lang="th"] .vertical-box {
    padding: 2.9rem 1rem 14.3rem 2rem;
  }

  html[lang="ms"] .vertical-box {
    margin-top: 21.5em;
  }

  html[lang="tr"] .vertical-box,
  html[lang="en"] .vertical-box {
    margin-top: 20em;
  }
}

/* All Screen  */
/* Old css is perfect fine in different image */
@media only screen and (max-width: 1540px) {

  html[lang="es"] .button,
  html[lang="pt"] .button,
  html[lang="id"] .button,
  html[lang="th"] .button,
  html[lang="ms"] .button,
  html[lang="tr"] .button {
    width: auto;
  }

  html[lang="es"] .em_bottom_container h2,
  html[lang="pt"] .em_bottom_container h2,
  html[lang="id"] .em_bottom_container h2,
  html[lang="th"] .em_bottom_container h2,
  html[lang="ms"] .em_bottom_container h2,
  html[lang="tr"] .em_bottom_container h2 {
    font-size: 2.3rem !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1540px) {

  html[lang="es"] .maxw124,
  html[lang="pt"] .maxw124,
  html[lang="id"] .maxw124,
  html[lang="th"] .maxw124,
  html[lang="ms"] .maxw124,
  html[lang="el"] .maxw124,
  html[lang="tr"] .maxw124 {
    min-width: 133px !important;
    width: fit-content !important;
  }

  .promotion_mbottom {
    margin-bottom: 160px;
  }
}

@media only screen and (max-width: 768px) {
  .promotion_mbottom {
    margin-bottom: 140px;
  }

  /* Homepage css funding slider_strip */
  .strip_slider {
    top: 45rem !important;
    rotate: -6deg !important;
    scale: 1.2 !important;
  }

  .strip_slider2 {
    top: 47rem !important;
    left: 2rem !important;
    rotate: -20deg !important;
    scale: 1.2 !important;
  }

  /* for Greek only */
  html[lang="el"] .strip_slider {
    top: 50.1rem !important;
  }

  html[lang="el"] .strip_slider2 {
    top: 52rem !important;
    left: 1rem !important;
  }

  .cardimg.p_bottom45 {
    padding-bottom: 29vh !important;
  }

  .em_bottom_container .strip_mobile_text h2.font-striped {
    font-size: 24px !important;
  }
}

/* @media only screen and (min-width: 576px) { Homepage css funding slider_strip html[lang="el"] .strip_slider { top: 52rem !important; } html[lang="el"] .strip_slider2 { top: 53rem !important; } } */
.footer_btn_bottom .second_pfont a {
  color: #4ba4db;
}

/*Back to top css*/
.back-to-top {
  position: fixed;
  bottom: 0;
  left: 14px;
  z-index: 999;
  width: 65px;
}

.back-bg {
  border-radius: 50%;
  width: 78px;
  height: 78px;
  background: transparent;
  margin-bottom: 20px;
}

.back-ol {
  border-radius: 50%;
  width: 74px;
  height: 74px;
  background: #506376;
  transition: all 0.5s ease-in-out;
  position: absolute;
  margin-top: 2px;
  margin-left: 2px;
  padding: 12px 14px;
  line-height: 15px;
  text-transform: uppercase;
  color: #fff;
  border: 8px solid rgba(0, 0, 0, 0.5);
  text-align: center;
}

.back-ol:hover {
  background: #384048;
  transition: all 0.5s ease-in-out;
}

a.back-to-top .bi {
  position: relative;
  top: 0;
  transition: all 0.5s ease-in-out;
}

.back-ol:hover .bi {
  top: -3px;
  transition: all 0.5s ease-in-out;
}

.back-ol a {
  position: relative;
  transition: all 0.5s ease-in-out;
}

@media (max-width: 767px) {

  /* .back-to-top { display: none !important; } */
  .back-ol {
    width: 46px;
    height: 46px;
    font-size: 0;
    padding: 6px;
  }

  .back-bg {
    width: 50px;
    height: 50px;
  }

  .back-ol .bi {
    font-size: 14px;
  }

  .awardglobal-center {
    margin: auto;
  }
}

/*Back to top css ends*/
.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #1d1d1b;
}

.readmore-booster .bi {
  font-size: 12px;
  margin-left: 4px;
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: #1d1d1b;
}

.was-validated .form-control.password_validation:invalid,
#exma_login input.form-control.password_validation:invalid {
  background-position: 85% center !important;
}

.needs-validation .password_validation.validator-valid:valid,
#exma_login input.form-control.password_validation:valid {
  background-position: 85% center !important;
}

#widget_exma_register .password-visible::after {
  top: 0px;
}

/* Starttrading in 3 steps homepage check hide */
.section-content input[type="radio"]+label::after {
  transform: translateY(-50%) scale(0.55);
}

@media (max-width: 992px) {
  .vertical-box {
    padding: 2.9rem 1rem 13rem 2rem;
  }
}

/* Homepage Trading ac overview */
html[lang="es"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep,
html[lang="pt"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep,
html[lang="ms"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep,
html[lang="tr"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep {
  right: -9px;
}

/*custom widget*/
button#btn-share img,
button#btn-share {
  width: 80px;
  height: 80px;
}

button#btn-share:hover {
  transform: scale(1.1);
}

.widget-icons {
  position: fixed;
  right: 8px;
  bottom: 14px;
  z-index: 999;
}

.btn-widget {
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  padding: 0;
  border: 0;
}

.widget-icons .navbar-nav li {
  position: absolute;
  bottom: 17px;
  left: 17px;
  z-index: -1;
  transition: 0.2s all;
}

.widget-icons .navbar-nav.show li:nth-child(1) {
  bottom: 100px;
}

.widget-icons .navbar-nav.show li:nth-child(2) {
  bottom: 160px;
}

.widget-icons .navbar-nav.show li:nth-child(3) {
  bottom: 220px;
}

.slider_left_img .animateImg {
  display: none;
}

#signupcrousel .carousel-indicators {
  display: none !important;
}

.form-floating>.form-control.password_validation {
  padding-right: 40px;
}

.ex_product .em_bottom_container h3.font3rem {
  font-size: 3rem;
}

@media (min-width: 1540px) {
  .livetradecrypto .slick-track {
    width: 100% !important;
    display: flex;
  }

  .livetradecrypto .slick-track .col-lg-4 {
    width: 33% !important;
  }
}

/* Home trading mobile css */
.home-trading-sm .tab-content .nav-tabs {
  margin: 0;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
  overflow-x: auto;
  overflow-y: hidden;
}

.home-trading-sm .tab-content .nav-tabs li {
  display: inline-block;
}

.ex_product.ex-contact .logincont .form-floating>textarea.form-control:not(:placeholder-shown)~label {
  display: block;
}

@media (max-width: 768px) {
  .xma-flex-tabs .nav-pills .nav-link:hover {
    background-color: #fff;
    border-left: 2px solid #000;
    color: var(--lightblack);
  }

  .xma-flex-tabs .nav-pills .nav-link:hover span {
    color: var(--lightblack);
  }

  .xma-flex-tabs .nav-pills .nav-link.active span {
    color: #fff;
  }

  .nav-link:hover img {
    transform: unset;
    transition: all 0.5s ease-in-out;
  }

  .xma-flex-tabs .nav-pills .nav-link.active {
    background-color: #4ba4db;
    border-left: 2px solid #4ba4db;
  }
}

.leverageMargin.ScrollPagesAccount {
  cursor: pointer;
}

/* Italian Language start */
/* Home Copytrading  */
@media only screen and (min-width: 1025px) and (max-width: 1540px) {
  html[lang="it"] .vertical-box {
    padding: 2.9rem 2rem 9.3rem 3rem;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  html[lang="it"] .vertical-box {
    padding: 2.9rem 2rem 4.6rem 3rem;
  }
}

html[lang="it"] .pgrid label {
  font-size: 24px;
}

html[lang="it"] ul.slider_bottom_bar li label {
  font-size: 1.5rem;
}

html[lang="it"] ul.slider_bottom_bar li p {
  font-size: 0.9rem;
}

html[lang="it"] .badge.openbadge {
  width: 190px;
  font-size: 14px;
  line-height: 200%;
}

html[lang="it"] .rs_accordian .nav-tabs li button {
  font-size: 0.9rem;
}

html[lang="it"] .promotionSlider ul.slick-dots {
  margin-top: -3px;
}

html[lang="it"] .promotionSlider .stepBox h3 {
  font-size: 15px !important;
}

html[lang="it"] .d_flexgrid .grid_one {
  width: 40rem !important;
}

html[lang="it"] .ex_fund .card_design .in_block .right_info label {
  font-size: 0.9rem !important;
}

html[lang="it"] .ex_flex_box .left_flex_overlay h5 {
  font-size: 2rem;
}

html[lang="it"] #exclusive-account h5 {
  width: 25%;
  font-size: 30px;
}

html[lang="it"] #standard-account h5 {
  width: 25%;
  font-size: 28px;
}

html[lang="it"] #standard-plus h5 {
  width: 23%;
  font-size: 30px;
}

html[lang="it"] #shares-account h5 {
  width: 25%;
  font-size: 30px;
  padding-right: 4rem;
}

html[lang="it"] .fullwidthslider .livedatabox .bottom_label label {
  font-size: 1.7rem !important;
}

html[lang="it"] .vertical-box {
  padding: 1.8rem 2rem 18.5rem 2.2rem;
}

html[lang="it"] .boosterBox .box h3 {
  font-size: 19px;
}

@media only screen and (max-width: 767px) {
  html[lang="it"] .button {
    width: 100% !important;
  }

  html[lang="it"] .bgpm {
    height: auto;
  }

  html[lang="it"] .pm_product {
    padding-bottom: 30px;
  }

  html[lang="it"] .ex_copy .button {
    width: 280px !important;
  }

  html[lang="it"] .extab .nav-tabs li button {
    font-size: 0.8rem !important;
  }

  html[lang="it"] .mktp_box .card .card-header h3 {
    font-size: 22px !important;
    line-height: 23px;
  }
}

@media (max-width: 1199.98px) and (min-width: 992px) {
  html[lang="it"] .vertical-box {
    margin-top: 5rem;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1540px) {
  html[lang="it"] .vertical-box {
    padding: 1.8rem 2rem 10.5rem 2.2rem;
  }

  html[lang="it"] .vertical-box {
    padding: 1.8rem 1rem 10.5rem 1.2rem;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  html[lang="it"] .vertical-box {
    padding: 1.8rem 1rem 12.2rem 1rem;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  html[lang="it"] .vertical-box {
    padding: 2rem 2rem 10.4rem 1rem;
  }
}

@media only screen and (max-width: 1540px) {
  html[lang="it"] .button {
    width: auto;
  }

  html[lang="it"] .badge.openbadge {
    line-height: 150%;
  }

  html[lang="it"] .em_bottom_container h2 {
    font-size: 2.3rem !important;
  }

 .ex-contact .form-floating .form-select { padding: 1.2rem 0.75rem 0.375rem 0.75rem; font-size: 15px; }

  html[lang="it"] .boosterBox .box h3 {
    font-size: 20px !important;
  }
}

@media only screen and (max-width: 768px) {
  html[lang="it"] .in_page .btn_actsec .button {
    width: 80% !important;
  }

  html[lang="it"] ul.slider_bottom_bar li p {
    font-size: 14px !important;
  }

  html[lang="it"] ul.slider_bottom_bar li label {
    font-size: 17px;
  }

  html[lang="it"] .ex_fund .card_design .in_block .right_info label {
    width: auto !important;
    padding: 0 5px;
  }

  html[lang="it"] .footer_top_block .social-url ul li a {
    padding: 10px !important;
  }

  html[lang="it"] #exclusive-account h5 {
    width: 100%;
    font-size: 30px;
  }

  html[lang="it"] #standard-account h5 {
    width: 100%;
  }

  html[lang="it"] #standard-plus h5 {
    width: 100%;
  }

  html[lang="it"] #shares-account h5 {
    width: 100%;
  }

  html[lang="it"] .in_page .left_flex_overlay ul label {
    font-size: 1.4rem !important;
    line-height: 25px;
  }

  html[lang="it"] .vertical-box {
    padding: 2.9rem 2rem 12rem 3rem;
  }

  html[lang="it"] .strip_slider {
    top: 49.4rem !important;
  }

  html[lang="it"] .strip_slider2 {
    top: 52rem !important;
    left: 1rem !important;
  }

  html[lang="it"] .in_page .btn_actsec .button {
    width: 80% !important;
  }

  .btn_actsec .button.button {
    width: 80% !important;
  }

  html[lang="it"] .vision_mission_tabs #myTab .nav-item .nav-link {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1540px) {
  html[lang="it"] .mg_card p {
    font-size: 0.8rem;
  }

  html[lang="it"] .mg_card label {
    font-size: 1.3rem;
    line-height: 36px;
  }
}

@media only screen and (min-width: 992px) {
  html[lang="it"] .t_partner .em_rightdata p {
    font-size: 0.9rem !important;
  }

  html[lang="it"] .bgpm {
    height: 42.563rem;
  }

  html[lang="it"] .mktp_box .card-header {
    min-height: 220px;
  }

  html[lang="it"] .mktp_box .card .card-header h3 {
    font-size: 1.4rem !important;
  }

  html[lang="it"] .mktp_box .card {
    min-height: 470px;
  }
}

@media only screen and (max-width: 576px) {
  html[lang="it"] .em_bottom_container .expBoxTable h3 {
    font-size: 22px !important;
  }

  html[lang="it"] .promotionSlider ul.slick-dots {
    margin-top: -6px;
  }

  html[lang="it"] .promotionSlider .item .stepBox {
    min-height: 110px;
    padding: 10px 50px 10px 20px;
  }

  html[lang="it"] .ex_fund .card_design .in_block .bottom_body a {
    max-width: 200px !important;
  }

  html[lang="it"] .ex_fund .rflexactionbtn .button {
    width: 150px !important;
    font-size: 17px;
  }
}

.below_card.cardfn.dailyMktFull {
  background-image: url(https://exclusivemarkets.com/public/uploads/trading-centeral-single.svg);
  padding-left: 40%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  cursor: pointer;
  flex-direction: column;
  width: 100%;
}

.below_card.cardfn.dailyMktFull span {
  position: unset;
  font-size: 16px;
}

.below_card.cardfn.dailyMktFull label {
  font-size: 26px;
  margin-bottom: 5px;
  cursor: pointer;
}

html[lang="el"] .below_card.cardfn.dailyMktFull label {
  font-size: 20px;
}

#reverse_solicitation_poupup .modal-restricion {
  padding: 50px !important;
}

/* Trading instruments  */
.slick-slide img.darkaward {
  display: none;
}

.slick-slide.showaward img.lightaward {
  display: none;
}

.slick-slide.showaward img.darkaward {
  display: block;
}

.slick-slide:hover img.darkaward {
  display: block;
}

.showaward:hover .darkaward {
  display: block;
}

.showaward:hover .lightaward {
  display: none;
}

.showaward .lightaward {
  display: block;
}

.modifieddots.broker-instrumentslick .slick-dots li {
  padding: 0;
  width: 10px;
  height: 10px;
}

.broker-instrumentslick ul.slick-dots {
  text-align: center;
  margin-top: 10px;
}

.broker-instrumentslick li {
  margin-left: 0px !important;
  padding: 2rem;
  margin-bottom: 0px;
}

.broker-instrumentslick {
  margin: 0 !important;
}

.broker-instrumentslick li.showaward {
  border: 1px solid #c2c9d6;
  box-shadow: 0px 20px 10px -3px rgba(0, 0, 0, 0.1);
}

.broker-instrumentslick button.PrevArrow.slick-arrow {
  top: auto;
  bottom: -40px;
  position: absolute;
  background-color: #fff;
  border: 2px solid #828282;
  opacity: 0.3;
  border-radius: 4px;
  height: 38px;
  width: 38px;
}

.broker-instrumentslick button.NextArrow.slick-arrow {
  position: absolute;
  right: 0;
  bottom: -40px;
  background-color: #fff;
  border: 2px solid #828282;
  opacity: 0.3;
  border-radius: 4px;
  height: 38px;
  width: 38px;
}

.broker-instrumentslick i.bi.bi-chevron-left {
  color: #666666;
}

.broker-instrumentslick .slick-list {
  transform: scale(0.998);
  padding: 30px 0px;
  padding: 10px 0px;
}

.broker-instrumentslick li .insidegrid img {
  max-width: 100%;
}

.broker-instrumentslick button.slick-arrow.slick-disabled {
  border: 2px solid #a9a9a9;
  opacity: 0.2;
  cursor: default;
}

.broker-instrumentslick button.slick-arrow.slick-disabled .bi {
  color: #a9a9a9;
}

/* CFd stocks  */
.cursor-pointer-mrkt {
  cursor: pointer;
}

/*ig contest Instagram Modal*/
body.modal-open {
  padding-right: 0 !important;
}

.modal-igcontest {
  background: #26292d;
  max-width: 320px;
  border-radius: 10px;
}

#ig-contest-modal .modal-dialog {
  max-width: 320px;
  margin: auto;
}

#ig-contest-modal .modal-dialog .modal-content {
  border-radius: 13px;
}

.modalHeadImg {
  margin-top: -75px;
  margin-left: -10px;
  width: calc(100% + 20px);
}

.modalHeadImg img {
  width: 96%;
}

.igContestInfo {
  text-align: center;
}

.igInstaLink {
  column-gap: 5px;
  font-family: var(--primaryfamily);
  color: #4eb2f0;
  font-size: 25px;
  font-weight: 400;
  line-height: 110%;
}

.igContestInfo h2 {
  font-size: 76px;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
}

.igContestInfo h3 {
  font-size: 73px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 82%;
  margin-top: -10px;
}

.igContestInfo h4 {
  background: #000;
  width: 230px;
  margin: auto;
  margin-top: 5px;
  height: 45px;
  line-height: 42px;
  font-size: 32px;
  color: #4eb2f0;
  border-radius: 4px;
}

.igContestInfo .igContestPrize {
  transform: scale(1.1);
  margin-top: -37px;
  margin-bottom: 25px;
}

.igContestInfo .button.solidbtn {
  width: 200px;
  margin: auto;
  font-size: 16px;
  font-family: "Barlow Semi Condensed";
  line-height: 22px;
  height: 100%;
  display: flex;
  align-items: center;
}

.igContestInfo .button.solidbtn:hover {
  background: #4eb2f0;
}

.igContestInfo .btn-link {
  color: #fff;
  text-decoration: none;
  margin-top: 5px;
  font-size: 15px;
}

.igContestInfo .btn-link:hover {
  color: #4eb2f0;
}

.closeIgModal .btn-close {
  position: absolute;
  bottom: -50px;
  left: 50%;
  border: 1px solid #fff;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  text-align: center;
  transform: translate(-50%, 20px);
  opacity: 1;
  color: #fff;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.closeIgModal .btn-close:hover {
  background: #4ba4db;
}

html[lang="el"] .igContestInfo h2,
html[lang="el"] .igContestInfo h3,
html[lang="el"] .igContestInfo h4,
html[lang="el"] .igInstaLink {
  font-family: "Barlow Condensed";
}

.input-spinner {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-width: 2px;
  color: #4ba4db !important;
}

.exm_reg .form-floating>#phone {
  padding-right: 40px;
}

.text-default.validation-text {
  font-size: 14px;
  text-align: right;
  width: 100%;
  display: inline-block;
  color: #4ba4db !important;
}

.prt_wh .copy-rform .exma_rs .dual_screen {
  padding: 2rem;
  top: -8rem;
}

@media (max-width: 992px) {
  .prt_wh .copy-rform .exma_rs .dual_screen {
    top: -2rem;
  }
}


/* Register ISO  */
.inner-left-text label {
  line-height: 100% !important;
}

.inner-left-textiso label {
  margin-left: 32px !important;
  font-size: 25px !important;
  font-family: "Barlow Condensed" !important;
  line-height: 20px !important;
}

.inner-left-textiso p {
  margin-left: 32px !important;
  font-size: 20px !important;
  color: #ffffff !important;
  opacity: 1 !important;
  font-family: "Barlow Condensed" !important;
  line-height: 18px !important;
}

.signin_signup_left .signup-miniblock {
  column-gap: 10px;
}

.signin_signup_left .signup-miniblock .left-inner-image {
  max-width: 85px;
}

.signin_signup_left {
  padding: 6rem 4.1rem;
  max-width: 44rem;
}

.signin_signup_left {
  max-width: 57rem;
}

.isoLabel:before {
  content: "";
  height: 1px;
  width: calc(100% + 68px);
  position: absolute;
  top: -34px;
  left: 0;
  background: #4b5973;
  left: -37px;
  z-index: 4;
}

.isoLabel {
  position: relative;
}

.signin_signup_left .signup-miniblock:last-child {
  border-bottom: 0;
  align-items: center;
}

.signin_signup_left .signup-miniblock.divident {
  border-image-source: linear-gradient(10deg,
      #4b5973 10%,
      rgba(216, 216, 216, 0) 100%);
  padding-bottom: 80px !important;
}

/* Homepage footer */
.isoLabel-homepage {
  position: relative;
  margin-top: 75px;
  align-items: center;
}

.isoLabel-homepage:before {
  content: "";
  height: 1px;
  width: calc(100% + -12px);
  position: absolute;
  top: -30px;
  left: 0;
  opacity: 0.2;
  background: #878787;
  left: 5px;
  z-index: 4;
}

.inner-left-textmsecb p {
  margin-left: 32px;
  font-size: 20px;
  opacity: 0.7;
  line-height: 27px;
  color: #fff;
}

.left-inner-image-iso img {
  max-width: 100px;
}

/* Regulation */
.msecb-certificate .crtflexg {
  flex-direction: row-reverse;
}

.msecb-certificate .rcrtflexg {
  left: 0;
  right: auto;
  top: 34%;
  padding-right: 5rem;
}

.msecb-certificate .lcrtflexg {
  margin-right: 3rem;
}

.msecb-certificate {
  background-color: #f4f5f6;
  padding-bottom: 5rem;
}

.t_licence .lcrtflexg {
  width: 550px;
  margin-left: 0;
  margin-top: 6rem;
  margin-right: 0;
}

.t_licence .bgblend {
  padding: 3rem;
}

@media (max-width: 1540px) {
  .t_licence .lcrtflexg {
    width: 450px;
  }

  .inner-left-textiso label {
    font-size: 1.37rem;
  }

  .inner-left-textiso p {
    font-size: 0.87rem;
  }
}

@media (max-width: 992px) {
  .msecb-certificate .crtflexg {
    flex-direction: column-reverse;
  }

  .t_licence .lcrtflexg {
    margin-right: 0rem;
    margin-top: 0;
    margin-bottom: -8rem;
  }
}

@media (max-width: 768px) {
  .inner-left-textmsecb p {
    font-size: 15px;
    line-height: 22px;
  }

  .t_licence .rcrtflexg {
    padding: 30px;
  }

  .t_licence .rcrtflexg h2 {
    font-size: 2.4rem !important;
  }

  .t_licence .bgblend {
    padding: 0;
  }
}

@media (max-width: 576px) {
  .t_licence .rcrtflexg {
    padding: 0px;
  }

  .t_licence .rcrtflexg h2 {
    font-size: 2rem !important;
  }

  .t_licence .lcrtflexg {
    width: 390px;
  }
}

/* Model isoiec */
.modal-isoiec {
  background: #26292d;
  max-width: 326px;
  border-radius: 10px 10px 0px 0px;
  padding-bottom: 40px;
}

#isoiec-modal .modal-dialog {
  max-width: 326px;
  margin: auto;
}

#isoiec-modal .modal-dialog .modal-content {
  border-radius: 13px;
}

/* .modalHeadisoiecImg { margin-top: -66px; margin-left: 28px; width: calc(62% + 30px); margin-bottom: -50px; } */
.modalHeadisoiecImg {
  margin-top: -60px;
  min-width: 326px;
  margin-bottom: -50px;
  margin-left: -16px;
}

.modalHeadisoiecImg img {
  width: 100%;
}

.isoiecInfo {
  text-align: center;
}

.igInstaLink {
  column-gap: 5px;
  font-family: "Barlow Condensed";
  color: #ffffff;
  font-size: 40px;
  font-weight: 500;
  line-height: 180%;
}

.isoiecInfo h2 {
  font-size: 21px;
  font-weight: 400;
  text-transform: none;
  color: #e1e1e1;
  line-height: 130%;
  font-family: "Barlow Semi Condensed";
}

.isoiecInfo h2 span {
  font-weight: 600;
  letter-spacing: 2px;
}

.isoiecInfo .DaynightSaving-contest {
  transform: scale(1.1);
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: -17px;
  max-height: 220px;
}

.isoiecInfo .button.solidbtn {
  width: 200px;
  margin: auto;
  margin-bottom: 10px;
  font-size: 16px;
  font-family: "Barlow Semi Condensed";
  line-height: 22px;
  height: 100%;
  display: flex;
  align-items: center;
}

.isoiecInfo .button.solidbtn:hover {
  background: #4eb2f0;
}

.isoiecInfo .btn-link {
  color: #ffffff;
  text-decoration: none;
  margin-top: 5px;
  font-size: 15px;
}

.isoiecInfo .btn-link:hover {
  color: #4eb2f0;
}

.closeIgModal .btn-close {
  position: absolute;
  bottom: -50px;
  left: 50%;
  border: 1px solid #ffffff;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  text-align: center;
  transform: translate(-50%, 20px);
  opacity: 1;
  color: #fff;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.closeIgModal .btn-close:hover {
  background: #4ba4db;
}

.iso-bg .button {
  width: 220px;
}

.iso-bg {
  background-color: #2b2f34 !important;
  border: none;
  padding: 35px;
  border-radius: 0px 0px 10px 10px;
  justify-content: center;
}

html[lang="el"] .igInstaLink,
html[lang="th"] .igInstaLink {
  font-size: 32px;
}

html[lang="id"] .igInstaLink,
html[lang="tr"] .igInstaLink {
  font-size: 30px;
}

html[lang="ms"] .igInstaLink,
html[lang="pt"] .igInstaLink {
  font-size: 36px;
}

/*css for contact us page after 2 fields addition*/
.banneroverflow {
  min-height: 90vh !important;
}

@media(min-width:992px) {
  .ex_product .landing-banner-top {
      height: 90vh;
  }

  .ex_product .landing_block_wrapper {
      transform: translate(0, -59%);
  }
}


.modal-holiday {
  max-width: 326px;
  border-radius: 10px;
}

#holiday-modal .modal-dialog {
  max-width: 326px;
  margin: auto;
}

#holiday-modal .modal-dialog .modal-content {
  border-radius: 13px;
  box-shadow: 0 0 30px;
}

.modalHeadHolidayImg {
  margin-top: -64px;
  text-align: center;
  width: calc(100% + 20px);
}

.modalHeadHolidayImg img {
  width: 90px;
  height: auto;
}

.holidayInfo {
  text-align: center;
}

.hgInstaLink {
  column-gap: 5px;
  font-family: var(--secondryfamily);
  color: #4eb2f0;
  font-size: 22px;
  font-weight: 500;
  line-height: 180%;
}

.holidayInfo h2 {
  font-size: 40px;
  font-weight: 300;
  text-transform: none;
  color: #ffffff;
  line-height: 110%;
}

.holidayInfo h3 {
  font-size: 40px;
  font-weight: 500;
  text-transform: none;
  color: #ffffff;
  line-height: 110%;
}

.holidayInfo .HolidaySaving-contest {
  transform: scale(1.1);
  margin-top: 20px;
  margin-bottom: 15px;
  margin-left: 0px;
}

.holidayInfo .button.solidbtn {
  width: 200px;
  margin: auto;
  margin-bottom: 10px;
  font-size: 16px;
  font-family: var(--primaryfamily);
  line-height: 22px;
  height: 100%;
  display: flex;
  align-items: center;
}

.holidayInfo .button.solidbtn:hover {
  background: #4eb2f0;
}

.holidayInfo .btn-link {
  color: #fff;
  text-decoration: none;
  margin-top: 5px;
  font-size: 15px;
}

.holidayInfo .btn-link:hover {
  color: #4eb2f0;
}

.closeIgModal .btn-close {
  position: absolute;
  bottom: -50px;
  left: 50%;
  border: 1px solid #fff;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  text-align: center;
  transform: translate(-50%, 20px);
  opacity: 1;
  color: #fff;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.closeIgModal .btn-close:hover {
  background: #4ba4db;
}

/* Holiday Trading Popup Languages  */
html[lang="el"] .holidayInfo h2 {
  font-size: 33px;
  font-weight: 300;
  text-transform: none;
  color: #ffffff;
  line-height: 120%;
}

html[lang="el"] .holidayInfo h3 {
  font-size: 33px;
  font-weight: 500;
  text-transform: none;
  color: #ffffff;
  line-height: 120%;
}

html[lang="el"] .holidayInfo .button.solidbtn {
  width: 220px;
}

html[lang="ar"] .holidayInfo h2 {
  font-size: 33px;
  font-weight: 300;
  text-transform: none;
  color: #ffffff;
  line-height: 120%;
}

html[lang="ar"] .holidayInfo h3 {
  font-size: 33px;
  font-weight: 500;
  text-transform: none;
  color: #ffffff;
  line-height: 120%;
}

html[lang="ar"] .holidayInfo .button.solidbtn {
  width: 220px;
}

html[lang="hi"] .holidayInfo h2 {
  font-size: 33px;
  font-weight: 300;
  text-transform: none;
  color: #ffffff;
  line-height: 120%;
}

html[lang="hi"] .holidayInfo h3 {
  font-size: 33px;
  font-weight: 500;
  text-transform: none;
  color: #ffffff;
  line-height: 120%;
}

html[lang="hi"] .holidayInfo .button.solidbtn {
  width: 220px;
}

/* Twitter SVG */
.footer_social_list svg {
  margin-top: -3px;
}

/* Twitter SVG */
.side_social .social-url i {
  padding-top: 0;
}

html[lang="ar"] .footer_top_block .social-url ul li a {
  padding: 8px 10px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
}

html[lang="ar"] .footer_top_block {
  justify-content: space-between;
}

@media (max-width: 1541px) and (min-width: 992px) {
  html[lang="ar"] .footer_top_block .support_now_block .support_now_blocks:nth-child(2) {
    min-width: 44%;
  }

  html[lang="ar"] .footer_top_block .support_now_block .support_now_blocks {
    min-width: 30%;
  }

  html[lang="ar"] .footer_top_block .support_now_block .support_now_blocks .linebtn {
    left: 0;
  }
}

@media (max-width: 1199.99px) {
  .footer_top_block .support_now_block {
    width: 76%;
  }

  .footer_top_block .social-url {
    width: 24%;
  }

  .footer_top_block .social-url ul .footer_menu_heading {
    margin-right: 0;
  }
}

@media (max-width: 991.99px) {
  .footer_top_block .support_now_block {
    width: 60%;
  }

  .footer_top_block .social-url {
    width: 40%;
  }

  .footer_top_block .social-url ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 7px;
  }

  .landing_slider .item .info .slider_left_img,
  .landing_slider .item .info .landing_slider_desc,
  .landing_slider .item .info .slider_left_img img {
    height: auto;
  }
}

@media (max-width: 767.99px) {
  .footer_top_block .support_now_block {
    width: 100%;
  }

  .footer_top_block .social-url {
    width: 100%;
  }

  .footer_top_block .social-url ul .footer_menu_heading {
    margin-right: 10px;
  }

  .card_split .card-body .em_leftdata {
    min-width: 60px;
  }

  .card_split .card-body .em_leftdata img {
    width: 60px !important;
    max-width: 60px !important;
  }

  .hp-tpart .m_hp_tpart img {
    width: auto;
    height: auto;
  }

  .funding-logos .logo-listing img {
    width: auto !important;
    height: auto !important;
  }

  .side-flex-social {
    position: relative;
  }

  .side_social {
    right: auto;
    left: 0;
    bottom: -8rem;
    text-align: center;
    margin: auto;
    padding-bottom: 2rem;
    width: 100%;
  }
}

@media (max-width: 576px) {
  .side_social {
    bottom: -8rem;
  }

  .side_social .social-url i {
    padding: 0 !important;
  }
}

html[lang="es"] .mail-mid-right a {
  font-size: 1rem;
}

@media (max-width: 1540.99px) {
  html[lang="es"] .mail-mid-right a {
    font-size: 0.8rem;
  }
}

/* FAQ EN new 2024 */
.faq_calluson .landing-mark {
  height: 542px;
  background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/leftside-bottom-mark-faq.png) !important;
}

.faq_calluson .landing-rightd-mark {
  height: 542px;
  background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/rightside-bottom-mark-faq.png) !important;
}

.apply_manually.faq_bottom_manual h5.card-title {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 18px !important;
  line-height: 100%;
  color: #4d4e55;
  margin-bottom: 0;
}

.apply_manually.faq_bottom_manual a {
  font-size: 22px;
  font-weight: 500;
  font-family: "Barlow Condensed";
}

.prt_wh .em_img {
  height: auto;
}

.t_faqs .category-list .nav-pills .nav-link.active {
  box-shadow: 0px 17px 14.5px -15px rgba(0, 0, 0, 0.25);
}

.faq_calluson {
  z-index: 1;
}

@media only screen and (max-width: 1540px) {
  .apply_manually.faq_bottom_manual a {
    font-size: 17px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
  .apply_manually.faq_bottom_manual a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .faq_calluson {
    padding-bottom: 0rem;
  }

  .apply_manually.faq_bottom_manual {
    margin-top: -290px;
  }

  .t_faqs .em-card .card-body .em_leftdata {
    margin-right: 1rem;
  }

  .t_faqs .faq-search-pane .ab_tpsec {
    margin-top: -5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .apply_manually.faq_bottom_manual h4 {
    font-size: 29px;
  }

  .t_faqs .minicard {
    flex-wrap: nowrap !important;
    flex-direction: column;
    align-items: self-start;
  }

  .apply_manually.faq_bottom_manual a {
    font-size: 20px;
  }

  .t_faqs .faq_bottom_manual .em_rightdata {
    position: relative;
    top: 8px;
  }

  .t_faqs .faq_bottom_manual {
    padding: 25px;
  }

  .faq_calluson {
    padding-top: 0rem !important;
    padding-bottom: 3rem !important;
  }

  .t_faqs .category-list .nav-pills .nav-link {
    white-space: nowrap;
    width: fit-content;
  }

  .t_faqs .faqtn-mb {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    overflow: auto;
    column-gap: 10px;
  }

  .t_faqs .category-list .nav-pills .nav-link:before {
    display: none;
  }

  .t_faqs .faq-accordtionIframe {
    height: 200px;
  }

  .t_faqs .query_box button.accordion-button {
    font-size: 18px;
  }

  .t_faqs .accordion-body p {
    font-size: 16px !important;
  }

  .t_faqs .faq-srch-text h2 {
    font-size: 36px !important;
  }

  .t_faqs ::-webkit-scrollbar-thumb {
    background-color: #b8bcc5 !important;
    border-radius: 10px !important;
  }

  .t_faqs ::-webkit-scrollbar-track {
    background-color: #dddee1 !important;
    box-shadow: inset 0 0 5px #dddee1 !important;
  }

  .t_faqs ::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
  }
}

@media only screen and (max-width: 576px) {
  .t_faqs .em-card .card-body .em_leftdata {
    margin-right: 1rem;
  }

  .t_faqs .apply_manually p {
    max-width: 100%;
  }
}

/* FAQ Languages  */
@media only screen and (max-width: 992px) {
  html[lang="es"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 26px;
  }

  html[lang="pt"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 24px;
  }

  html[lang="el"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 26px;
  }

  html[lang="id"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 26px;
  }

  html[lang="th"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 23px;
  }

  html[lang="ms"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 26px;
  }

  html[lang="tr"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 26px;
  }

  html[lang="it"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 27px;
  }

  html[lang="ar"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 26px;
  }

  html[lang="hi"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 26px;
  }

  html[lang="es"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title {
    font-size: 15px !important;
  }

  html[lang="pt"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title {
    font-size: 16px !important;
  }

  html[lang="el"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title {
    font-size: 16px !important;
  }

  html[lang="id"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title {
    font-size: 16px !important;
  }

  html[lang="th"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title {
    font-size: 16px !important;
  }

  html[lang="ms"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title {
    font-size: 15px !important;
  }

  html[lang="tr"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title {
    font-size: 16px !important;
  }

  html[lang="it"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title {
    font-size: 15px !important;
  }

  html[lang="ar"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title {
    font-size: 16px !important;
  }

  html[lang="hi"] .t_faqs .apply_manually.faq_bottom_manual h5.card-title {
    font-size: 16px !important;
  }

  html[lang="es"] .t_faqs .apply_manually.faq_bottom_manual p {
    font-size: 15px !important;
  }

  html[lang="pt"] .t_faqs .apply_manually.faq_bottom_manual p {
    font-size: 16px !important;
  }

  html[lang="el"] .t_faqs .apply_manually.faq_bottom_manual p {
    font-size: 15px !important;
  }

  html[lang="id"] .t_faqs .apply_manually.faq_bottom_manual p {
    font-size: 16px !important;
  }

  html[lang="th"] .t_faqs .apply_manually.faq_bottom_manual p {
    font-size: 15px !important;
  }

  html[lang="ms"] .t_faqs .apply_manually.faq_bottom_manual p {
    font-size: 15px !important;
  }

  html[lang="tr"] .t_faqs .apply_manually.faq_bottom_manual p {
    font-size: 16px !important;
  }

  html[lang="it"] .t_faqs .apply_manually.faq_bottom_manual p {
    font-size: 15px !important;
  }

  html[lang="ar"] .t_faqs .apply_manually.faq_bottom_manual p {
    font-size: 15px !important;
  }

  html[lang="hi"] .t_faqs .apply_manually.faq_bottom_manual p {
    font-size: 15px !important;
  }
}

@media only screen and (max-width: 576px) {
  html[lang="es"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 22px;
  }

  html[lang="pt"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 24px;
  }

  html[lang="el"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 24px;
  }

  html[lang="id"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 24px;
  }

  html[lang="th"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 24px;
  }

  html[lang="ms"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 24px;
  }

  html[lang="tr"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 24px;
  }

  html[lang="it"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 23px;
  }

  html[lang="ar"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 24px;
  }

  html[lang="hi"] .t_faqs .apply_manually.faq_bottom_manual h4 {
    font-size: 24px;
  }
}

/* FAQ Modal */
.modal-faq {
  background: #27292d;
  max-width: 1000px;
  border-radius: 10px;
  padding: 0;
}

#faq-modal .modal-dialog {
  max-width: 1000px;
  margin: auto;
}

#faq-modal .modal-dialog .modal-content {
  border-radius: 13px;
  box-shadow: 0 0 30px;
}

.closeIgModal .btn-close {
  position: absolute;
  bottom: -50px;
  left: 50%;
  border: 1px solid #fff;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  text-align: center;
  transform: translate(-50%, 20px);
  opacity: 1;
  color: #fff;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.closeIgModal .btn-close:hover {
  background: #4ba4db;
}

.responsive-videofaq {
  position: relative;
  padding-bottom: 52.15%;
  padding-top: 25px;
  height: 0;
}

.faqnew-accordtionIframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.faq-youtube-container {
  display: block;
  width: 100%;
  margin: 20px auto;
  background-color: #e0e1e4;
  border-radius: 12px;
}

.youtube-player {
  display: block;
  margin: 20px auto;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: hand;
  cursor: pointer;
  display: block;
}

.faq-youtube-play-btn {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/faq-youtube-play-icon.png") no-repeat center center;
  background-size: 72px 72px;
}

.faq-youtube-container h5 {
  font-size: 20px;
  color: #17191b;
  padding: 10px;
  font-weight: 500;
  font-family: "Barlow Semi Condensed", sans-serif;
}

.faqnewbutton {
  margin: 0px 10px 10px 10px;
  position: relative;
  cursor: pointer;
}

.faq-youtube-container .faqnewbutton img {
  border-radius: 8px;
}

@media only screen and (max-width: 576px) {
  .faq-youtube-play-btn {
    background-size: 30px 30px;
  }

  .faq-youtube-container h5 {
    font-size: 16px;
  }
}

/* Homepage Copy and pamm Design revamp 10-02-2024  */
.t-fullwidth .ctdmphome {
  padding-left: 48px;
  padding-bottom: 28px;
}

.t-fullwidth .exma-dup-bank .more_capital img {
  scale: 1;
  position: absolute;
  bottom: 0px;
  width: 343px;
  height: auto;
  right: -15px;
}

html[lang="ar"] .t-fullwidth .exma-dup-bank .more_capital img {
  left: 0;
  right: auto;
}

.ctdmphome p {
  font-size: 17px;
}

.pmdpmhome p {
  font-size: 17px;
}

html[lang="ar"] .exma-dup-bank {
  padding: 3.7rem 3rem 3.5rem 3rem !important;
}

html[lang="ar"] .vertical-box .graph-circle.graph-circle {
  bottom: 15.9rem;
}

html[lang="ar"] .brick_container .landing-right-photo {
  left: -32%;
  right: auto;
  max-width: 52rem;
  max-height: 48rem;
}

@media only screen and (min-width: 1540px) and (max-width: 1820px) {
  html[lang="ar"] .brick_container .landing-right-photo {
    max-width: 34rem !important;
    max-height: 35rem !important;
    bottom: -173px !important;
    left: -10% !important;
    right: auto !important;
  }
}

@media only screen and (min-width: 1540px) and (max-width: 1640px) {
  .brick_container .landing-right-photo {
    max-width: 48rem !important;
    max-height: 45rem !important;
    bottom: -173px !important;
    right: -25% !important;
  }
}

@media (min-width: 1240px) and (max-width: 1540px) {
  html[lang="ar"] .brick_container .landing-right-photo {
    max-width: 20rem !important;
    max-height: 32rem !important;
    bottom: -123px !important;
    left: -19% !important;
    right: auto !important;
  }
}

@media (min-width: 1540px) {
  .brick_container .landing-right-photo {
    max-width: 52rem;
    max-height: 48rem;
    background-size: contain;
    bottom: -205px;
    right: -32%;
  }

  .brick_section .graph-person1 {
    width: 100%;
    height: 19.31rem;
    bottom: 0;
    left: 0;
  }

  .pmdpmhome .vertical-box {
    padding: 2.3rem 2rem 21.3rem 3rem;
  }

  .pmdpmhome .vertical-box .graph-circle {
    filter: grayscale(0.4);
    bottom: 18.9rem;
    right: 0;
  }

  .pmdpmhome .graph-circle {
    background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/graph-circle-pamm.svg);
  }

  html[lang="es"] .pmdpmhome .vertical-box {
    padding: 2.3rem 2rem 21.8rem 3rem;
    margin-top: 15.9rem;
  }

  html[lang="pt"] .pmdpmhome .vertical-box {
    padding: 2.3rem 2rem 21.8rem 3rem;
    margin-top: 14.1rem;
  }

  html[lang="el"] .pmdpmhome .vertical-box {
    padding: 2.3rem 2rem 21.8rem 3rem;
    margin-top: 17.3rem;
  }

  html[lang="id"] .pmdpmhome .vertical-box {
    padding: 2.3rem 2rem 21.8rem 3rem;
    margin-top: 9.6rem;
  }

  html[lang="th"] .pmdpmhome .vertical-box {
    padding: 2.3rem 2rem 21.8rem 3rem;
    margin-top: 9.6rem;
  }

  html[lang="ms"] .pmdpmhome .vertical-box {
    padding: 2.3rem 2rem 22.8rem 3rem;
    margin-top: 18.1rem;
  }

  html[lang="tr"] .pmdpmhome .vertical-box {
    padding: 2.3rem 2rem 22.8rem 3rem;
    margin-top: 15rem;
  }

  html[lang="it"] .pmdpmhome .vertical-box {
    padding: 2.3rem 2rem 21.8rem 3rem;
    margin-top: 13.7rem;
  }

  html[lang="hi"] .pmdpmhome .vertical-box {
    padding: 2.3rem 2rem 21.8rem 3rem;
    margin-top: 15.4rem;
  }

  html[lang="ar"] .pmdpmhome .vertical-box {
    padding: 2.3rem 2rem 21.8rem 3rem !important;
    margin-top: 12.2rem;
  }
}

@media (max-width: 1540px) {
  .brick_container .landing-right-photo {
    right: -59%;
    max-width: 24rem;
    max-height: 34rem;
    bottom: -116px;
    width: 56rem;
    min-width: 56rem;
  }

  .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 17rem 2rem !important;
  }

  .pmdpmhome .vertical-box .graph-circle {
    bottom: 15.9rem;
    filter: grayscale(0.4);
  }

  .brick_section .graph-person1 {
    height: 11.31rem;
    width: 100%;
    height: 17.31rem;
    bottom: 0;
  }

  .t-fullwidth .exma-dup-bank .more_capital img {
    width: 280px;
  }

  html[lang="es"] .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 17.7rem 2rem !important;
    margin-top: 9.9em;
  }

  html[lang="pt"] .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 19.7rem 2rem !important;
    margin-top: 6.4em;
  }

  html[lang="el"] .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 19.7rem 2rem !important;
    margin-top: 10.6em;
  }

  html[lang="id"] .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 19.7rem 2rem !important;
    margin-top: 2.5em;
  }

  html[lang="th"] .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 19.7rem 2rem !important;
    margin-top: 2.5em;
  }

  html[lang="ms"] .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 19.7rem 2rem !important;
    margin-top: 6.3em;
  }

  html[lang="tr"] .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 19.7rem 2rem !important;
    margin-top: 8.8em;
  }

  html[lang="it"] .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 19.7rem 2rem !important;
    margin-top: 2.4em;
  }

  html[lang="hi"] .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 19.7rem 2rem !important;
    margin-top: 2.7em;
  }

  html[lang="ar"] .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 19.7rem 2rem !important;
    margin-top: 7.9em;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1540px) {
  html[lang="pt"] .exma-dup-bank.bgdmp {
    padding: 4.2rem 3rem 4.2rem 3rem;
  }
}

@media (max-width: 1199.98px) and (min-width: 991px) {
  html[lang="es"] .pmdpmhome .vertical-box {
    margin-top: 10.6rem;
  }

  html[lang="pt"] .pmdpmhome .vertical-box {
    margin-top: 6.8rem;
  }

  html[lang="el"] .pmdpmhome .vertical-box {
    margin-top: 11.4rem;
  }

  html[lang="id"] .pmdpmhome .vertical-box {
    margin-top: 2.7rem;
  }

  html[lang="th"] .pmdpmhome .vertical-box {
    margin-top: 2.7rem;
  }

  html[lang="ms"] .pmdpmhome .vertical-box {
    margin-top: 6.8rem;
  }

  html[lang="tr"] .pmdpmhome .vertical-box {
    margin-top: 9.4rem;
  }

  html[lang="it"] .pmdpmhome .vertical-box {
    margin-top: 2.6rem;
  }

  html[lang="hi"] .pmdpmhome .vertical-box {
    margin-top: 2.7rem;
  }

  html[lang="ar"] .pmdpmhome .vertical-box {
    margin-top: 8.5rem;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  .pmdpmhome .vertical-box {
    margin-top: 31.6em !important;
  }

  html[lang="es"] .pmdpmhome .vertical-box {
    margin-top: 23.9em !important;
  }

  html[lang="pt"] .pmdpmhome .vertical-box {
    margin-top: 19.9em !important;
  }

  html[lang="el"] .pmdpmhome .vertical-box {
    margin-top: 31.5em !important;
  }

  html[lang="id"] .pmdpmhome .vertical-box {
    margin-top: 19.9em !important;
  }

  html[lang="th"] .pmdpmhome .vertical-box {
    margin-top: 21.5em !important;
  }

  html[lang="ms"] .pmdpmhome .vertical-box {
    margin-top: 25.5em !important;
  }

  html[lang="tr"] .pmdpmhome .vertical-box {
    margin-top: 24em !important;
  }

  html[lang="it"] .pmdpmhome .vertical-box {
    margin-top: 19.9em !important;
  }

  html[lang="hi"] .pmdpmhome .vertical-box {
    margin-top: 20.6em !important;
  }

  html[lang="ar"] .pmdpmhome .vertical-box {
    margin-top: 24.6em !important;
  }
}

@media only screen and (min-width: 890px) and (max-width: 992px) {
  .brick_container .landing-right-photo {
    height: 280px !important;
    bottom: -8% !important;
    left: 75% !important;
  }

  html[lang="ar"] .brick_container .landing-right-photo {
    left: -10% !important;
    right: auto;
    max-width: 48rem;
    max-height: 22rem;
    bottom: -7% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 890px) {
  .brick_container .landing-right-photo {
    height: 322px !important;
    bottom: -9% !important;
    left: 62% !important;
  }

  html[lang="ar"] .brick_container .landing-right-photo {
    height: 317px !important;
    bottom: -10% !important;
    left: -5% !important;
    right: auto !important;
    right: auto !important;
  }
}

@media (max-width: 992px) {
  .t-fullwidth .exma-dup-bank .more_capital img {
    height: auto !important;
    width: 300px !important;
    padding-bottom: 45px;
    position: unset;
    scale: 1.3;
  }

  .brick_container .landing-right-photo {
    height: 270px;
    bottom: 50px;
    left: 76%;
  }

  .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 16.8rem 2rem !important;
  }
}

@media (max-width: 1240px) and (min-width: 992px) {
  .brick_container .landing-right-photo {
    right: -62%;
    max-width: 20rem;
    max-height: 24rem;
    bottom: -91px;
  }

  html[lang="ar"] .brick_container .landing-right-photo {
    left: -5%;
    max-width: 20rem;
    max-height: 24rem;
    bottom: -98px;
    right: auto;
  }
}

@media (max-width: 768px) {
  .t-fullwidth .ctdmphome {
    padding-left: 30px;
  }

  html[lang="es"] .pmdpmhome .vertical-box,
  html[lang="pt"] .pmdpmhome .vertical-box,
  html[lang="el"] .pmdpmhome .vertical-box,
  html[lang="id"] .pmdpmhome .vertical-box,
  html[lang="th"] .pmdpmhome .vertical-box,
  html[lang="ms"] .pmdpmhome .vertical-box,
  html[lang="tr"] .pmdpmhome .vertical-box,
  html[lang="it"] .pmdpmhome .vertical-box,
  html[lang="hi"] .pmdpmhome .vertical-box,
  html[lang="ar"] .pmdpmhome .vertical-box {
    margin-top: 40px !important;
  }
}

@media (max-width: 576px) {
  .t-fullwidth .exma-dup-bank .more_capital img {
    bottom: 0;
    padding-top: 15px;
  }

  .brick_section .graph-person1 {
    bottom: 0;
    height: 16.9rem;
  }

  .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 17rem 2rem !important;
  }

  .t-fullwidth .exma-dup-bank .more_capital img {
    padding-bottom: 0;
  }

  html[lang="es"] .pmdpmhome .vertical-box,
  html[lang="pt"] .pmdpmhome .vertical-box,
  html[lang="el"] .pmdpmhome .vertical-box,
  html[lang="id"] .pmdpmhome .vertical-box,
  html[lang="th"] .pmdpmhome .vertical-box,
  html[lang="ms"] .pmdpmhome .vertical-box,
  html[lang="tr"] .pmdpmhome .vertical-box,
  html[lang="it"] .pmdpmhome .vertical-box,
  html[lang="hi"] .pmdpmhome .vertical-box,
  html[lang="ar"] .pmdpmhome .vertical-box {
    padding: 1.9rem 1rem 17rem 2rem !important;
  }
}

/* Trading Central */
/* 29-02-2024 */
.t_central .rvwhitegrid .t_center img {
  max-width: 47rem;
  padding-bottom: 190px;
}

html[lang="ar"] .t_central .bottom_fxs label {
  font-size: 1.8rem;
  padding: 1rem;
}

@media (min-width: 1540px) {
  .t_central .rvwhitegrid .t_center {
    right: 66px;
    left: auto;
  }

  html[lang="es"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1.2rem !important;
  }

  html[lang="pt"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1.2rem !important;
    line-height: 25px;
  }

  html[lang="id"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1.1rem !important;
  }

  html[lang="ms"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1.1rem !important;
  }

  html[lang="it"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1.2rem !important;
  }

  html[lang="ar"] .t_central .rvwhitegrid .t_center {
    left: 110px;
    right: auto;
  }

  html[lang="ar"] .t_central .rvwhitegrid .mt_4_product {
    padding-right: 2rem;
  }
}

@media (max-width: 1540px) {
  .t_central .rvwhitegrid .t_center img {
    max-width: 35rem !important;
    padding-bottom: 135px;
  }

  html[lang="el"] .t_central .rvwhitegrid .t_center img {
    padding-bottom: 230px;
  }

  html[lang="es"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1rem !important;
  }

  html[lang="pt"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1.02rem !important;
  }

  html[lang="el"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1.1rem !important;
  }

  html[lang="id"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1rem !important;
  }

  html[lang="ms"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1rem !important;
  }

  html[lang="tr"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1rem !important;
  }

  html[lang="it"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li {
    font-size: 1rem !important;
  }

  html[lang="ar"] .t_central .rvwhitegrid .t_center {
    left: 80px;
    right: auto;
  }

  html[lang="el"] .t_central .bottom_fxs label {
    font-size: 1rem;
  }

  html[lang="el"] .t_central .rvwhitegrid .t_center {
    top: 94px;
  }
}

@media (max-width: 992px) {
  .t_central .bottom_fxs {
    position: unset !important;
  }

  .t_central .rvwhitegrid .t_center img {
    padding-bottom: 0;
  }

  html[lang="el"] .t_central .rvwhitegrid .t_center img {
    padding-bottom: 94px;
  }

  html[lang="ar"] .t_central .rvwhitegrid .t_center {
    left: 0;
    right: auto;
  }

  html[lang="ar"] .t_central .bottom_fxs label {
    font-size: 1.2rem;
  }
}

@media (max-width: 768px) {
  .t_central .rvwhitegrid .t_center img {
    padding-bottom: 0;
    width: 100%;
  }

  .t_central .rflexactionbtn {
    padding-bottom: 50px;
  }

  .t_central .rvwhitegrid .mt_4_product {
    padding-left: 0;
  }

  .t_central .bottom_fxs label {
    padding: 0.2rem;
    font-size: 15px;
  }

  html[lang="el"] .t_central .bottom_fxs label {
    font-size: 0.7rem;
  }

  html[lang="id"] .t_central .bottom_fxs label {
    padding: 0.4rem;
    font-size: 18px;
  }

  html[lang="th"] .t_central .bottom_fxs label {
    font-size: 14px;
  }

  html[lang="ms"] .t_central .bottom_fxs label {
    padding: 0.6rem;
    font-size: 17px;
  }

  html[lang="tr"] .t_central .bottom_fxs label {
    padding: 0.5rem;
    font-size: 17px;
  }

  html[lang="it"] .t_central .bottom_fxs label {
    font-size: 16px;
  }

  html[lang="ar"] .t_central .bottom_fxs label {
    font-size: 13px !important;
    text-align: center;
  }
}

@media (max-width: 400px) {
  .t_central .bottom_fxs label {
    padding: 0.4rem !important;
    font-size: 14px !important;
  }
}

/*NEW UPI India Popup*/
.modal-upiNetBanking {
  background: #000;
  max-width: 326px;
  border-radius: 10px;
  padding: 30px 0;
}

#upiNetBanking-modal .modal-dialog {
  max-width: 326px;
  margin: auto;
}

#upiNetBanking-modal .modal-dialog .modal-content {
  border-radius: 13px;
  box-shadow: 0 0 30px;
}

.upiNetBanking {
  text-align: center;
}

.hgInstaLink {
  column-gap: 5px;
  font-family: var(--secondryfamily);
  color: #4eb2f0;
  font-size: 22px;
  font-weight: 500;
  line-height: 180%;
}

.upiNetBanking h2 {
  font-size: 40px;
  font-weight: 300;
  text-transform: none;
  color: #ffffff;
  line-height: 110%;
}

.upiNetBanking h3 {
  font-size: 40px;
  font-weight: 500;
  text-transform: none;
  color: #ffffff;
  line-height: 110%;
}

.upiNetBanking .button.solidbtn {
  width: 200px;
  margin: auto;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: var(--primaryfamily);
  line-height: 22px;
  height: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 13px;
  padding-top: 8px;
}

.upiNetBanking .button.solidbtn:hover {
  background: #4eb2f0;
}

.closeIgModal .btn-close {
  position: absolute;
  bottom: -50px;
  left: 50%;
  border: 1px solid #fff;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  text-align: center;
  transform: translate(-50%, 20px);
  opacity: 1;
  color: #fff;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.closeIgModal .btn-close:hover {
  background: #4ba4db;
}

.upiInfo {
  margin-bottom: -70px;
  position: relative;
}

.upiRedirect {
  position: relative;
  margin-top: -70px;
}

@media (max-width: 768px) {
  .upiNetBanking .button.solidbtn {
    padding-top: 8px;
    padding-bottom: 12px;
  }
}


/*vps hosting homepage renew*/
@media (min-width: 1541px) {
  .vpsServices .copyformflex .copyformflexl {
    width: 32rem;
  }

  .vpsServices .copyformflex .copyformflexr {
    width: 36rem;
  }
}

.vpsServices .copyloginbody .copyformflexl p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7) !important;
  max-width: 80%;
  margin-top: 10px;
}

.vpsServices .em_bottom_container .minicard .card-body p {
  font-size: 18px !important;
  color: #fff !important;
  opacity: 1;
  max-width: 100% !important;
}

.vpsServices .em_bottom_container .minicard .card-body {
  margin-right: 2px;
  margin-bottom: 0;
}

.vpsBenefits li {
  position: relative;
  padding-left: 30px;
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
}

.vpsBenefits li:before {
  content: "";
  background: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/vps-bullet-list.svg) no-repeat left center;
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  top: 2px;
}

.vpsBenefits {
  margin-bottom: 30px;
}

.vps-system-info h2 {
  margin-bottom: 20px;
}

.t_vpshosting .solidbtn {
  min-width: 177px;
}

.vertical_list .em-card .card-body .em_leftdata .em_img img {
  width: 60px;
  height: auto;
}

@media (max-width: 1540.99px) {
  .vpsServices .copyloginbody {
    padding: 2.5rem 3.2rem;
  }

  .vpsServices .copyformflex .copyformflexr {
    width: 30rem;
  }

  .vpsServices .copyformflex .copyformflexl {
    width: 25rem;
  }

  .vpsServices .em_bottom_container .minicard .card-body p {
    font-size: 15px !important;
  }

  .vpsServices .copyloginbody .copyformflexl p {
    font-size: 14px !important;
    max-width: 100%;
  }

  #widget_exma_register span.select2-selection {
    height: 47px;
  }

  .select-manual .select2-selection__rendered {
    height: 46px;
  }

  .vpsServices .copy-rform .dual_screen {
    padding: 3rem 2rem;
  }

  .vpsServices .em_bottom_container .minicard .card-body {
    margin-top: 0;
    padding-right: 0 !important;
  }
}

@media (max-width: 992px) {
  .vpsServices .copyformflex .copyformflexl {
    width: 100%;
  }

  .vpsServices .copyformflex {
    display: block;
  }

  .vpsServices .copyformflex .copyformflexr {
    width: 100%;
  }

  .vpsServices .copy-rform {
    top: 0;
  }

  .vpsServices .logincont {
    width: 100%;
    margin: auto;
    margin-top: 3rem;
  }

  .vpsServices .copy-rform .dual_screen {
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
    max-width: 100% !important;
  }

  .vpsServices .copy-rform::before {
    display: none;
  }

  .vpsServices .formmaxhead h2,
  .vpsServices .formmaxhead p {
    max-width: 100%;
  }

  .vpsServices .copyloginbody .copyformflexl p {
    font-size: 16px !important;
    max-width: 100%;
  }

  .vpsServices .em_bottom_container .minicard .card-body {
    max-width: 80%;
  }

  .vps_hosting_plans {
    background-size: cover;
    background-position: left center;
  }

  .em-card .card-body .em_leftdata {
    display: block;
  }

  .vpsServices {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .t_vpshosting .vps-hosting-freeMkt {
    padding-top: 3rem;
  }
}

@media (max-width: 767px) {
  .vps-system-info .img-mob-vps {
    margin-top: 50px;
  }

  .vps-system-info .img-mob-vps .img-mob img {
    max-height: 430px;
    height: auto;
  }

  .t_vpshosting .vps-configuration {
    padding-bottom: 3rem !important;
  }

  .vps-system-info .img-mob-vps,
  .img-mob-vps:before {
    bottom: 50px;
    top: auto;
  }

  .vps-system-info .img-mob-vps {
    height: auto !important;
  }

  .vps-system-info .img-mob-vps:before {
    height: 300px;
    max-height: 400px;
  }
}

@media (max-width: 576px) {
  .vpsServices .copyloginbody {
    padding: 2rem 1.5rem;
  }

  .vpsServices .copy-rform .dual_screen {
    padding: 2rem 1.5rem;
  }
}

/* Languages vps hosting homepage renew*/
html[lang="ar"] .t_vpshosting .ab_tpsec h2 {
  font-size: 2.2rem;
  line-height: 60px;
}

html[lang="ar"] .vpsBenefits li:before {
  right: 0;
}

html[lang="ar"] .vpsBenefits li {
  padding-right: 30px;
}

@media (min-width: 992px) {

  html[lang="es"] .vpsServices .em_bottom_container .minicard .card-body p,
  html[lang="pt"] .vpsServices .em_bottom_container .minicard .card-body p,
  html[lang="id"] .vpsServices .em_bottom_container .minicard .card-body p,
  html[lang="th"] .vpsServices .em_bottom_container .minicard .card-body p,
  html[lang="ms"] .vpsServices .em_bottom_container .minicard .card-body p,
  html[lang="tr"] .vpsServices .em_bottom_container .minicard .card-body p,
  html[lang="it"] .vpsServices .em_bottom_container .minicard .card-body p,
  html[lang="ar"] .vpsServices .em_bottom_container .minicard .card-body p,
  html[lang="hi"] .vpsServices .em_bottom_container .minicard .card-body p {
    font-size: 16px !important;
    max-width: 90% !important;
  }

  html[lang="el"] .vpsServices .em_bottom_container .minicard .card-body p {
    font-size: 14px !important;
    max-width: 85% !important;
  }
}

@media (min-width: 1540px) {
  html[lang="id"] .t_vpshosting .em_bottom_container .whitebtn {
    min-width: fit-content;
  }

  html[lang="ar"] .vpsServices .em_bottom_container .copyloginbody {
    padding-right: 40px !important;
  }
}

@media (max-width: 1540.99px) {
  html[lang="ar"] .vpsServices .em_bottom_container .copyloginbody {
    padding-right: 30px;
  }
}

@media (max-width: 992px) {
  html[lang="ar"] .vpsServices .em_bottom_container .copyloginbody {
    padding: 3.5rem 3.2rem;
  }
}

@media (max-width: 768px) {
  html[lang="ar"] .vpsServices .em_bottom_container .copyloginbody {
    padding: 1.6rem;
  }
}

/*verify login 2fa*/
.goBacktopage {
  position: absolute;
  top: 40px;
}

.goBacktopage .button.linebtn {
  height: 50px;
  width: 115px;
  text-align: center;
  font-size: 22px;
  font-family: var(--primaryfamily);
  border-left: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 0 0 1px #d0d2d5 inset;
}

.goBacktopage .button.linebtn:hover {
  box-shadow: 0 0 1px #4ba4db inset;
}

#verify_login p {
  color: #383c43;
  margin-bottom: 10px;
}

#verify_login h2 {
  margin-bottom: 0px;
}

#verify_login .form-check-input[type="checkbox"] {
  border-color: #ddd !important;
}

.verifyLoginCred .signupfooter {
  text-align: left;
}

.verifyLoginCred .signupfooter p {
  margin-bottom: 0;
  color: #383c43;
  font-family: var(--secondryfamily);
  font-weight: 400;
}

.verifyLoginCred .signupfooter label {
  font-weight: 400;
}

.verifyLoginCred .signupfooter p a {
  color: var(--blue);
  text-decoration: underline;
}

.verifyLoginCred .signupfooter {
  margin-top: 20px;
}

@media (max-width: 576px) {
  .verifyLoginCred {
    padding: 120px 20px;
  }
}

/* product pages highlight text */
.visible-textex:hover {
  color: #4ba4db;
}

.visible-textex {
  color: #4ba4db;
  display: inline;
}

/* Optimiation attributes */
@media (max-width: 1540px) {
  .w-auto-lg {
    width: auto;
    height: auto;
  }
}

/* Optimiation attributes */

/* Footer As featured at */
@media (max-width: 768px) {

  .m_hp_tpart ul li:nth-child(1),
  .m_hp_tpart ul li:nth-child(2),
  .m_hp_tpart ul li:nth-child(3),
  .m_hp_tpart ul li:nth-child(4) {
    width: 30%;
    max-width: 30%;
  }
}

/* market pages icons */
.one_ricon .em_leftdata .em_img img { width: auto !important; }
/* market pages icons */


/*verify login 2fa*/
.goBacktopage { position: absolute; top: 40px; }
.goBacktopage .button.linebtn { height: 50px; width: 115px; text-align: center; font-size: 22px; font-family: var(--primaryfamily); border-left: 0 !important; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 0 0 1px #D0D2D5 inset; }
.goBacktopage .button.linebtn:hover { box-shadow: 0 0 1px #4ba4db inset; }
#verify_login p { color: #383C43; margin-bottom: 10px; }
#verify_login h2 { margin-bottom: 0px; }
#verify_login .form-check-input[type="checkbox"] { border-color: #ddd !important; }
.verifyLoginCred .signupfooter { text-align: left; }
.verifyLoginCred .signupfooter p {margin-bottom: 0;color: #383C43;font-family: var(--secondryfamily);font-weight: 400;}
.verifyLoginCred .signupfooter label {font-weight: 400;}
.verifyLoginCred .signupfooter p a { color: var(--blue); text-decoration: underline; }
.verifyLoginCred .signupfooter { margin-top: 20px; }
#code-error {    font-size: 14px;    color: #dc3545;    font-weight: 400;  }
#code-error:empty {
    display: none !important;
}
.verifyLoginCred .form-control { margin: 0 !important;}
#authentication-subheading { margin-bottom: 0; }
.verifyLoginCred .right-form h2 { margin-bottom: 0; }
@media(max-width:576px){
  .verifyLoginCred { padding: 120px 20px; }
}

/* product pages highlight text */
.visible-textex:hover { color: #4ba4db; }
.visible-textex { color: #4ba4db;  display: inline;}

/* market pages icons */
.one_ricon .em_leftdata .em_img img { width: auto !important; }
/* market pages icons */


/*update Header*/
.header_container { max-width: 1170px; }
.mega-menu .innermega { max-width: 1170px; }
.navbar-light .navbar-nav .nav-link{font-weight: 500;}
.topMenu .col-6 > ul {display: flex;align-items: center;column-gap: 27px;height: 20px;}
.topMenu.navbar-light .dropdown .dropdown-toggle {padding: 0 0;}
.topMenu li.dropdown.display-web-view { min-width: auto; }
header.main_header { padding: 0; }
.topMenu {padding: 16px 0;background: #0F1113;height: 52px;}
.topMenu ul li{position: relative;}
.topMenu ul li a {color: #fff;font-size: 14px;font-family: var(--secondryfamily);text-transform: uppercase;letter-spacing: 0.2px;}
.topMenu ul li:first-child:after {content: '';position: absolute;right: -13px;top: 50%;width: 1px;height: 14px;background: #33383D;transform: translateY(-45%);}
.topMenu ul li:last-child:after{display: none;}
.topMenu ul li { line-height: 100%; }
.topMenu.navbar-light .nav-link:hover,.topMenu.navbar-light .nav-link:focus, .topMenu.navbar-light .nav-link.show, .topMenu.navbar-light .nav-link:hover i , .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:hover i { color: #00A7E1; }
.topMenu.navbar-light .nav-link:hover svg path, .topMenu.navbar-light .nav-link.active svg path{stroke: #00A7E1;}
.topMenu ul li .mg_head i{top: -1px;}
.navbar {padding: 20px 0;height: 88px;}
.mega-menu { top: 8.6rem; background: #0f1113; }
.nav-link.show::after { top: 8.6rem !important; }
.topMenu.navbar-light  .custome-menu::before{    background-color: #0f1113;}
.topMenu.navbar-light .custome-menu{right: 0 !important;}
.mega-menu .innermega .leftmega_section {max-width: 100%;padding-right: 0;padding-top: 0;margin-top: 60px;height: 100%;padding-bottom: 0;}
.navbar-light .navbar-nav .nav-link { font-size: 18px;letter-spacing: 0.2px; }
/* .mg_head i { font-size: 8px; } */
.nav-item .dropdown-menu[data-bs-popper] { top: 120%; }
.header_btn .button { height: 42px; padding: 12px 20px;}
.mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead , .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl{font-size: 22px;font-weight: 500;    height: 30px;border-bottom: 0;padding: 0;border-left: 4px solid  #2A2E33;padding-left: 17px;margin-bottom: 32px;line-height: 110%;color: #fff;letter-spacing: 0.2px;font-family: var(--primaryfamily);}
.mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead i { top: -3px; }
.mega-menu .innermega .leftmega_section .mega_list .mg_box a {padding-left: 19px;font-size: 20px;color: #e6e6e6;border-left: 3px solid transparent;line-height: 40px;font-weight: 500;font-family: var(--primaryfamily);}
.mega-menu .innermega .leftmega_section .mega_list .mg_box a:hover{padding-left: 17px;}
.mega-menu .innermega .leftmega_section .mega_list .mg_box a:not(.mg_mainhead):hover, .mega-menu .innermega .leftmega_section .mega_list .mg_box a.active {padding-left: 19px;border-left: 3px solid;font-weight: 500;}
.mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl {padding-left: 17px !important;color: #A5AEBB;font-weight: 500;}
.mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl:hover {padding-left: 17px !important;color: #A5AEBB !important;}
.mega-menu .innermega { flex-direction: column; justify-content: space-between; }
.mg_blog { margin-top: 0; }
.headerNews { padding: 30px 0; position: relative; border-top: 1px solid #17191C; }
.mg_blog .product_article_section .card-body { margin: 0 50px 0 0; }
.mg_blog .product_article_section .card-body { display: flex; column-gap: 10px; }
.product_article_section .card-body .em_rightdata h5 {color: #fff;font-family: var(--secondryfamily);font-weight: 500;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.mg_blog .product_article_section .common-link-em { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-left: 10px; }
.product_article_section .card-body .em_rightdata { padding-right: 0; position: relative; }
.mg_blog .product_article_section .common-link-em span { color: #fff; font-weight: 400; font-family: var(--secondryfamily); font-size: 14px; }
.mg_blog .product_article_section .card-body::after{display: none;}
.product_article_section ul.slick-dots { text-align: center; margin-top: 20px; }
.headerNews .commonhead { margin-bottom: 10px; }
.viewMarketNews { position: absolute; top: 40%; right: 0; }
.headerNews .commonhead a:hover { color: #4ba4db; }
.headerNews .commonhead a { font-size: 22px;  }
.headerNews .commonhead a .bi { font-size: 15px; }
.custome-menu .mg_mainhead { font-size: 22px; font-family: var(--primaryfamily);}
.custome-menu a { font-size: 20px; margin-bottom: 1rem; font-family: var(--primaryfamily);}
.mgdropmenu { min-width: 310px; }
.mgdropmenu .mg_mainhead i { top: -3px; }
.mega-menu .innermega .leftmega_section .mega_list { border-left: 1px solid rgba(26, 29, 32, 0.7); }
.mg_head.active , .mg_head.active .bi, .nav-item .active, .mega-menu .innermega .leftmega_section .mega_list .mg_box a:hover, .mega-menu .innermega .leftmega_section .mega_list .mg_box a.active, .nav-item.mg_mclick.active > a{color:#00A7E1 !important}
.mg_mclick.active:after, .mg_head:has(.active) .mg_mclick:after , .mg_mclick:has(.mg_head.active):after { content: ''; width: 100%; height: 2px; background: #00a7e1; bottom: -20px; position: absolute; }
.topMenu ul li ul a { text-transform: capitalize; font-size: 16px; margin-bottom: 8px; }
.topMenu ul ul li:first-child:after { display: none; }
.custome-menu a.mg_mainhead:after{ content: ''; width: 4px; height: 80%; background: #2A2E33; bottom: 10px; position: absolute; left: -20px; }
.custome-menu a.mg_mainhead.active:after, .custome-menu a.mg_mainhead:hover:after{  background: #00a7e1; }
.custome-menu a:not(.mg_mainhead):hover:after, .custome-menu a:not(.mg_mainhead).active:after { content: ''; width: 4px; height: 100%; background: #00a7e1; bottom: 0px; position: absolute; left: -20px; }
.custome-menu a{position:relative}
.topMenu .mg_mclick.active:after, .topMenu .mg_head:has(.active) .mg_mclick:after, .topMenu .mg_mclick:has(.mg_head.active):after { display: none; }
.mg_mainhead:hover { border-color: #00A7E1 !important; }
.custome-menu .mg_mainhead:hover { border-color: #1c2125 !important; }
.mg_blog .product_article_section .common-link-em span.readmoretxt, .mg_blog .product_article_section .card-body:hover h5 { color: #4ba4db; }
.product_article_section .card-body img { height: 99px; object-fit: cover; }
.product_article_section .card-body .em_rightdata h5 { font-size: 18px !important; font-weight: 400 !important; }
.mega-menu .innermega .leftmega_section .mega_list .mg_box { padding-right: 1rem; }
.footer_top_block .social-url ul li a {background: #2c3136;display: inline-flex;align-items: center;justify-content: center;height: 40px;width: 40px;}
@media(max-width:1540px){
  .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl, .custome-menu .mg_mainhead { font-size: 20px; }
  .mega-menu .innermega .leftmega_section .mega_list .mg_box a, .custome-menu a  { font-size: 18px; }
  .mg_mclick.active .mega-menu{height: 83%;}
  .header_btn .button {width: fit-content; min-width:120px }
}
@media(max-width:1200px){
  .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl, .custome-menu .mg_mainhead { font-size: 18px; }
  .header_mgmenu .nav-item { margin: 0 7px !important; }
  .navbar-light .navbar-nav .nav-link { font-size: 16px; }
}
@media(max-width:991.98px){
  .mega-menu { top: 0; }
  .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl, .custome-menu .mg_mainhead { font-size: 18px; }
  .mega-menu .innermega .leftmega_section .mega_list .mg_box a, .custome-menu a  { font-size: 18px; margin-bottom: 0; }
  .mega-menu .innermega .leftmega_section { flex-wrap: wrap; flex: 50%; box-sizing: border-box; }
  .mega-menu .innermega .leftmega_section .mega_list { width: 50%; margin-bottom: 30px; }
  .mg_mclick.active:after, .mg_head:has(.active) .mg_mclick:after, .mg_mclick:has(.mg_head.active):after{display: none;}
  .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead i { top: 0px; }
  .custome-menu { margin-bottom: 20px; }
  .navbar-collapse{top: 70px;}

  .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl { margin-bottom: 10px; }
  .mega-menu .innermega .leftmega_section { margin-top: 20px; }
  .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl { line-height: 30px; }
  .mg_head.active, .mg_head.active .bi, .nav-item .active, .mega-menu .innermega .leftmega_section .mega_list .mg_box a:hover, .mega-menu .innermega .leftmega_section .mega_list .mg_box a.active, .nav-item.mg_mclick.active > a, a.nav-link.mg_head.active{border-color: #00A7E1;}
  .mega-menu .innermega .leftmega_section .mega_list .mg_box a:not(.mg_mainhead).active, .custome-menu a:not(.mg_mainhead).active{background-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.10) 100%); padding-left: 30px !important;}
  .navbar-light .mobile_language_drop_down  .dropdown .dropdown-toggle { background: #383C43; border-radius: 4px; }
  .navbar-light .navbar-nav .nav-link, html[lang="es"] .navbar-light .navbar-nav .nav-link { font-size: 24px; font-weight: 400; }
.mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl { font-size: 22px; margin-bottom: 30px; padding-left: 13px !important; border-width: 3px; }
.mega-menu .innermega .leftmega_section .mega_list .mg_box a:not(.mg_mainhead):hover, .mega-menu .innermega .leftmega_section .mega_list .mg_box a.active { padding-left: 30px !important; }
.mega-menu .innermega .leftmega_section .mega_list .mg_box a { padding-left: 15px; font-size: 22px; font-weight: 400; font-family: 'Barlow Semi Condensed'; margin-bottom: 10px; }
.mega-menu .innermega .leftmega_section .mega_list { margin-bottom: 60px; }
.mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.active { background: transparent !important; padding-left: 15px !important; }
.mg_mclick.active .mg_head:before, .mg_mclick.active .mg_head:before, .mg_mclick .mg_head.active:before { content: ''; width: 3px; height: 30px; position: absolute; left: 0; background: #00a7e1; top: 16px; }
.mg_mclick .mg_head.active { padding-left: 15px !important; }
.mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl { border-left: 0; }
.mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.active { border-left: 0; }
.navbar-collapse.show { height: 90%; }
.mg_mclick.active .nav-link.mg_head { padding-left: 15px !important; }
.custome-menu a.mg_mainhead:after { display: none; }
.mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl, .custome-menu .mg_mainhead, .custome-menu a { font-size: 22px; padding-left: 15px !important; }
.mg_mclick.active .nav-link.mg_head { padding-left: 15px !important; }
.custome-menu a.mg_mainhead:after { display: none; }
.mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead, .mega-menu .innermega .leftmega_section .mega_list .mg_box .mg_mainhead.nourl, .custome-menu .mg_mainhead, .custome-menu a { font-size: 22px; padding-left: 15px !important; margin-bottom: 20px; }
.custome-menu a:not(.mg_mainhead):hover:after, .custome-menu a:not(.mg_mainhead).active:after { left: 0; }
html[lang="es"] .navbar-light .dropdown .dropdown-toggle { font-size: 1rem !important; }
.langdrop a { margin-bottom: 0; font-size: 18px; }
}

@media(max-width:768px){
  .mega-menu .innermega .leftmega_section .mega_list { width: 100%; }  
  .navbar-collapse.show { height: 90%; }
}
@media(max-width:576px){
  .header_btn .button {width: fit-content; min-width:220px }
  .navbar-brand lottie-player { width: 140px !important; }
}

/*news section Home page*/
.newsBlock { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; }
.insgihtsection { margin-bottom: 0 !important; }
.right_news_anchor { position: unset; font-size: 18px !important; }
.right_news_anchor a { font-size: 15px; font-family: var(--secondryfamily); font-weight: 500; margin-top: 5px; }
.insgihtsection {align-items: baseline;position: relative;}
.newsInfoHome { height: 100%; padding: 20px 40px 20px 20px; display: flex; align-items: center; position: relative; flex-direction: column; justify-content: center; }
.insgihtsection:before { content: ''; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.insgihtsection label { padding: 0; position: unset; }
.newsInfoHome { transform: translateY(100%); transition: all 0.5s ease-in-out; }
.newsInfoHome p{font-size: 14px; font-family: var(--secondryfamily); color: #fff; line-height: 130%; margin-top: 10px;}
.botton_news_section.insgihtsection { position: relative; overflow: hidden; transition: all 0.5s ease-in-out; }
.botton_news_section.insgihtsection:hover{transition: all 0.5s ease-in-out;}
.botton_news_section.insgihtsection:hover .newsInfoHome { transform: translateY(0); transition: all 0.5s ease-in-out; background: rgba(29,54,170,0.5); }
p.newsHead { position: absolute; top: 50%; transform: translateY(-50%); padding: 20px; color: #fff; font-size: 22px; height: 100%; line-height: 130%; font-family: var(--primaryfamily); transition: all 0.5s ease-in-out; display: flex; align-items: center; }
.botton_news_section.insgihtsection:hover .newsHead { transition: all 0.5s ease-in-out; transform: translateY(-140%); }
.subscribe_btn input { padding: 1rem 9.5rem 1rem 1rem; font-size: 16px; }
.subscribe_btn a { height: 58px; display: flex; align-items: center; justify-content: center; line-height: 100%; column-gap: 2px; width: 140px; font-size: 16px;}
.newspetterbox .unihdtext { font-size: 22px; }
.article_box{height: 100%;}
.newsFeatureImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; filter: blur(3px) grayscale(1); }
.botton_news_section.insgihtsection:hover .newsFeatureImg{filter: blur(0px) grayscale(0);}
.subscribe_btn .blog_subscribr_msg, .subscribe_btn #subscribe_email-error { position: absolute; font-size: 13px; font-weight: 400; color: #f00; }
.subscribe_btn .spinner-border-sm { position: absolute; left: 8px; }
.arrowTopRight { position: absolute; right: 0; top: 0px; width: 40px; height: 40px; background: #3242bb; z-index: 9; border-radius: 0px 0 0 4px; display: flex; align-items: center; justify-content: center; }

#email-error { color: #f00; font-weight: 400; }
.newsGridHome { display: flex; column-gap: 20px; }
.newsGridHome > div { width: 50%; }
.recentPostGrid .newsGridSingle {height: 100%;border: 0;background: transparent;transition: all 0.5s ease-in-out;}
.recentPostGrid .newsGridSingle .featureImg {height: 270px;border-radius: 5px 5px 0 0;overflow: hidden;}
.recentPostGrid .newsGridSingle:hover .featureImg img { scale: 1.1; transition: all 0.5s ease-in-out; }
.recentPostGrid .newsGridSingle img { transition: all 0.5s ease-in-out; }
.recentPostGrid .newsGridSingle .featureImg img { height: 100%; object-fit: cover;  width: 100% !important;}
.recentPostGrid { border-radius: 5px; overflow: hidden; background: #f1f4f8; }
.recentPostGrid .newsGridSingle .newsInfo { padding: 10px 20px; }
.recentPostGrid .newsGridSingle .blogViewsCalendar span { align-items: center; display: flex; column-gap: 5px; font-size: 13px; font-family: var(--secondryfamily); color: #7D7D7D; line-height: 16px; }
.recentPostGrid .newsGridSingle .blogViewsCalendar span img { width: 16px; }
.recentPostGrid .newsGridSingle .blogViewsCalendar { margin-bottom: 10px; }
.recentPostGrid .newsGridSingle .newsInfo h4 { color: #1D1D1B; line-height: 130%; font-weight: 500; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.recentPostGrid .newsGridSingle:hover .newsInfo h4{color:#4ba4db}
.recentPostGrid .newsGridSingle .newsInfo .readMore { color: #4ba4db;font-size: 14px !important; }
.recentPostGrid .newsGridSingle:hover .newsInfo .readMore {  text-decoration: underline;}
.recentPostThumb .imgThumbnail img { height: 120px; object-fit: cover; }
.recentPostTiles .recentPostThumb:not(:last-child) { margin-bottom: 30px; }
.recentPostTiles .recentPostThumb { border: 0; transition: all 0.5s ease-in-out; }
.recentPostTiles .recentPostThumb .card-body { height: 120px; }
.recentPostTiles .recentPostThumb .card-body .card-title { margin-bottom: 15px; font-size: 22px; color: #1D1D1B; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; }
.newsGridHome .recentPostThumb .blogViewsCalendar { display: flex; align-items: center; justify-content: space-between; column-gap: 10px; font-size: 14px; line-height: 160%; margin-bottom: 0; }
.newsGridHome .recentPostThumb .blogViewsCalendar span { display: flex; align-items: center; column-gap: 5px; color: #595959; }
.newsGridHome .recentPostThumb .blogViewsCalendar span.readMore { color: #4ba4db; text-decoration: underline; font-size: 14px; }
.newsGridHome .recentPostTiles .recentPostThumb:hover .imgThumbnail  img { scale: 1.1; transition: all 0.5s ease-in-out; }
.recentPostTiles .recentPostThumb img{transition: all 0.5s ease-in-out;}
.recentPostTiles .recentPostThumb .imgThumbnail { overflow: hidden; border-radius: 5px; transition: all 0.5s ease-in-out; }
.recentPostTiles .recentPostThumb:hover .card-title{color:rgba(75, 164, 219, 0.8)}
.recentPostTiles .recentPostThumb .imgThumbnail img { width: 100%; }
html[lang="ar"] .recentPostTiles .recentPostThumb .card-body .card-title { line-height: 130%; font-size: 20px; }
html[lang="ar"] .recentPostThumb .blogViewsCalendar span { font-size: 14px; }
html[lang="ar"] .subscribe_btn .blog_subscribr_msg, html[lang="ar"] .subscribe_btn #subscribe_email-error { text-align: right !important; line-height: 160%; height: 100%; font-size: 12px !important; }
@media(max-width:1540px){
  .recentPostGrid .newsGridSingle .featureImg { height: 230px; }
.recentPostTiles .recentPostThumb:not(:last-child) { margin-bottom: 10px; }
.recentPostTiles .recentPostThumb .card-body .card-title { font-size: 20px; }
.recentPostGrid .newsGridSingle .newsInfo h4 { font-size: 22px; }
}
@media(max-width:1541px) and (min-width:992px){
    .article_box{padding-right: 0;}
    .subscribe_btn a { padding: 10px; width: 120px; }
 .subscribe_btn input { padding-right: 8rem; }
}
@media(max-width:992px){
    .newsBlock { display: block; }
    .botton_news_section.insgihtsection{margin: 0 5px;}
    .newsBlock ul.slick-dots { text-align: center; }
    .dailyMarketHome .commonhead { display: flex; align-items: center; justify-content: space-between; }
    .common-link-sm { font-size: 15px; font-family: var(--secondryfamily); font-weight: 500; margin-top: 5px; color: #4ba4db; }
    p.newsHead { display: none; }
    .newsInfoHome { transform: translateY(0); text-align: left; background: rgba(29,54,170,0.5);; align-items: flex-start; }
    .newsInfoHome label { text-align: left; font-size: 22px !important; }
}
@media(max-width:768px){
  .newsGridHome {
    flex-direction: column;
    row-gap: 20px;
}

.newsGridHome > div {
    width: 100%;
}

.recentPostGrid .newsGridSingle .featureImg img {
    width: 100%;
}
html[lang="ar"] .subscribe_btn input { height: 58px; }
html[lang="ar"] .article_box.overartbx { padding-right: 0; padding-left: 0; }
}
@media(max-width:576px){
  .newsBlock { grid-template-columns: 1fr; }
}

#subscribe_form .form-control.error , #subscribe_form_mobile .form-control.error, .validator-error {
    border-color: #dc3545;
}


/* login timercount */
.timer-counter-logiin { margin: 10px 0 5px 0; font-weight: 500; font-size: 1.12rem; color: #1d1d1b; font-family: var(--secondryfamily); }
#timer-countlg{ margin-left: 5px; color: #4ba4db;}


.microIntract_rover { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
html[lang="el"] .microIntract_rover {
    left: 42%;
}
@media(max-width:1540px){
html[lang="el"] .microIntract_rover {
    left: 32%;
}
}
@media(max-width:992px){
.microIntract_rover{display:none}
}

/* Pamm Iframe CTA */
.t_pamm .flexhead .lflexheading { width: 96%; }
.t_pamm .landing_block_wrapper .button.linebtn { width: auto; }
.t_pamm .landing_block_wrapper .button.solidbtn { width: 200px; margin-right: 10px; }
@media(min-width:991px) and (max-width:1540px){
    html[lang="el"] .t_pamm .landing_block_wrapper .button.solidbtn { width: 292px; margin-right: 10px; margin-bottom: 10px; }
    html[lang="tr"] .t_pamm .landing_block_wrapper .button.solidbtn { width: 242px; margin-right: 10px; margin-bottom: 10px; }
    html[lang="hi"] .t_pamm .landing_block_wrapper .button.solidbtn { width: 253px; margin-right: 10px; margin-bottom: 10px; }
    html[lang="pt"] .t_pamm .landing_block_wrapper .button.solidbtn { width: 254px; margin-right: 10px; margin-bottom: 10px; }
}

@media(max-width:768px){
   .t_pamm .landing_block_wrapper .button.solidbtn, .t_pamm .landing_block_wrapper .button.linebtn { width: 100%; max-width: 300px; margin-right: 0; margin-bottom: 10px; }
}

@media(max-width:576px){
  html[lang="el"] .t_pamm .landing_block_wrapper .button.solidbtn, .t_pamm .landing_block_wrapper .button.linebtn { padding: 10px; }
}
/* Languages */
html[lang="ar"] .t_pamm .solidbtn { margin-left: 10px; }
@media(max-width:768px){
    .t_pamm #iframePamm .nomarginb { padding-bottom: 10px; }
    .t_pamm #iframePamm .second_pfont { margin-bottom: 0; }
     html[lang="ar"] .t_pamm .solidbtn { margin-left: 0; } 
}




/* 25-06-2024 Added tiktok icon */
.footer_top_block .social-url ul li a:nth-child(6):hover { background: #000000!important; border: 1px solid rgba(255, 255, 255, 0.2)!important; transition: unset; }
@media (max-width: 1540px) {
  .footer_top_block .social-url ul .footer_menu_heading{ margin-right: 0;}
   html[lang='hi'] .footer_top_block .social-url ul .footer_menu_heading { margin-bottom: 5px!important; }
}

@media (max-width: 1199.99px) {
  .footer_top_block .social-url { width: 28%; }
  .footer_top_block .support_now_block { width: 72%; }

  html[lang="el"] .footer_top_block .support_now_block { width: 70%; }
  html[lang="el"] .footer_top_block .social-url { width: 30%; }
  html[lang="hi"] .footer_top_block .support_now_block { width: 70%; }
  html[lang="hi"] .footer_top_block .social-url { width: 30%; }
}

@media (min-width: 1540px) {
  html[lang="tr"] .footer_top_block .social-url ul .footer_menu_heading { margin-right: 3px; }
  html[lang="el"] .footer_top_block .social-url ul .footer_menu_heading { margin-right: 0rem; }
  html[lang="th"] .footer_top_block .social-url ul .footer_menu_heading { margin-right: 10px; }
  html[lang="hi"] .footer_top_block .social-url ul .footer_menu_heading { margin-right: 0px; }
}

@media(min-width:991.98px) and (max-width:1540px) {
  html[lang="tr"] .footer_top_block .support_now_block .support_now_blocks .linebtn { left: -30px; }
  html[lang="ar"]  .footer_top_block .support_now_block { width: 55%; }
  html[lang="ar"] .footer_top_block .social-url { width: 45%; }
  html[lang="ar"] .footer_top_block .support_now_block .support_now_blocks { min-width: 22%; }
}

@media (max-width: 991.99px) {
  .footer_top_block .support_now_block { width: 58%; }
  .footer_top_block .social-url { width: 42%; }

  html[lang="el"] .footer_top_block .support_now_block { width: 58%; }
  html[lang="el"] .footer_top_block .social-url { width: 42%; }
  html[lang='el'] .footer_top_block .social-url ul li { height: unset!important; margin-bottom: 5px; }
  html[lang="hi"] .footer_top_block .support_now_block { width: 58%; }
  html[lang="hi"] .footer_top_block .social-url { width: 42%; }
  
}

@media(min-width:768px) and (max-width:991.98px) {
  .footer_top_block .social-url ul .footer_menu_heading { margin-right: 6px; }
}

@media (max-width: 767.99px) {
  .footer_top_block .support_now_block { width: 100%; }
  .footer_top_block .social-url { width: 100%; }
  .footer_top_block .social-url ul .footer_menu_heading { margin-right: 10px; margin-bottom: 5px; }
  html[lang="el"] .footer_top_block .support_now_block { width: 100%; }
  html[lang='el'] .footer_top_block .social-url { width: 100%; }
  html[lang="hi"] .footer_top_block .support_now_block { width: 100%; }
  html[lang='hi'] .footer_top_block .social-url { width: 100%!important; }
}
/* 25-06-2024 Added tiktok icon */

/*to add exclusive funded link*/
.topMenu ul li:not(:last-child):after {content: '';position: absolute;right: -13px;top: 50%;width: 1px;height: 14px;background: #33383D;transform: translateY(-45%);}
.topMenu ul.langdrop li:not(:last-child):after {    display: none;}



/*updated lang drop down menu*/
@media(min-width:992px){
.topMenu.navbar-light .custome-menu.langdrop {    background: #262a2c;    width: 540px;    display: none;    grid-template-columns: 1fr 1fr 1fr;    gap: 10px;}
.topMenu.navbar-light .custome-menu.langdrop.show{display: grid; }
.topMenu.navbar-light .custome-menu.langdrop::before {    background: #4BA4DB;    width: 70px;    border: 0;    height: 3px;    transform: rotate(0deg);    top: 0;    right: 0;}
}
@media(max-width:991.98px){
.mobile_language_drop_down .dropdown-menu {    max-width: 540px;    grid-template-columns: 1fr 1fr 1fr;    width: 100%;    min-width: 500px;}
.mobile_language_drop_down .dropdown-menu.show{display: grid; }
}
@media(max-width:576.98px){
.mobile_language_drop_down .dropdown-menu {   grid-template-columns: 1fr 1fr; min-width: 300px; }
.mobile_language_drop_down .dropdown-menu.show{display: grid; }
html[lang="ar"] .navbar-light .navbar-nav.mobile_language_drop_down .dropdown-menu { right: auto; left: 0 !important; }
html[lang="ar"] .navbar-light .navbar-nav.mobile_language_drop_down .dropdown-menu a, html[lang="el"] .navbar-light .navbar-nav.mobile_language_drop_down .dropdown-menu a { font-size: 16px; }
html[lang="el"] .navbar-light .navbar-nav.mobile_language_drop_down .dropdown-menu li { margin: 0; }
html[lang="hi"] .navbar-light .navbar-nav.mobile_language_drop_down .dropdown-menu a { font-size: 16px; }
html[lang="zh-Hans-cn"] .navbar-light .navbar-nav.mobile_language_drop_down li a { font-size: 16px; }
html[lang="zh-Hant-tw"] .navbar-light .navbar-nav.mobile_language_drop_down li a { font-size: 16px; }
html[lang="en"] .navbar-light .navbar-nav.mobile_language_drop_down li a { font-size: 17px; }
}



/* Vietnamese Css */
html[lang="vi"] .big_number.big_number_vi{    font-size: 60px !important; margin-bottom: 15px !important; }
html[lang="vi"] .em_bottom_container h2, .ex_product .em_bottom_container h3 { font-size: 2.9rem; }
html[lang="vi"] .ex_product .landing_slider .landing_slider_desc h1, .ex_product .landing_slider .landing_slider_desc h2, .ex_product .landing_slider .landing_slider_desc h3 { font-size: 3.8rem; }
html[lang='vi'] .ex_flex_box .left_flex_overlay h5 { font-size: 2.2rem; line-height: 106%; }
html[lang="vi"] #exclusive-account h5 { width: 27%; font-size: 37px; }
html[lang="vi"] #standard-account h5 { width: 27%; font-size: 37px; }
html[lang="vi"] #standard-plus h5 { width: 27%; font-size: 37px; }
html[lang="vi"] #cent-account h5 { width: 27%; font-size: 38px; padding-right: 3rem; }
html[lang="vi"] #shares-account h5 { width: 27%; font-size: 32px; padding-right: 4rem; }
html[lang='vi'] .trd_tool .ex_flex_box .left_flex_overlay h5 { font-size: 1.8rem; }
html[lang="vi"] .ex_fund .card_design .in_block .right_info label { font-size: 0.9rem !important; }
html[lang="vi"] .ex_copy .flexhead .lflexheading h2 { font-size: 2.7rem; }
html[lang='vi'] .t_pamm .pm_brick .bgpm li:not(:first-child) { font-size: 1.1rem !important; }
html[lang="vi"] .footer_top_block .support_now_block .support_now_blocks .linebtn { position: relative; left: -42px; width: 175px; }
html[lang='vi'] .mail-mid-right a { font-size: 1.1rem; }
html[lang="vi"] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont .inner-flex-block label b sep { right: -8px; }
html[lang="vi"] .exTableTrade tr td small { line-height: 130%; }
html[lang="vi"] .registerMarginBox .boosterHighlights h2 { font-size: 2.7rem; }
html[lang='vi'] .boosterBox .box { padding: 20px; }
html[lang="vi"] .boosterBox .box h3 { font-size: 21px!important; line-height: 130%; }
html[lang="vi"] .boosterBox .box p { font-size: 18px; margin-top: 2px; }
html[lang="vi"] .t_about .vision_mission_tabs #myTab .nav-item .nav-link { font-size: 22px; }
html[lang="vi"] .promotionSlider .stepBox h3 { font-size: 17px !important; }
html[lang='vi'] .promotionSlider .item .stepBox { min-height: 120px; }
html[lang='vi'] .exm_reg .inner-left-textiso p { line-height: 24px !important; }
html[lang="vi"] .faq-header h2 { padding-bottom: 5px; }
html[lang="vi"] .goBacktopage .button.linebtn { width: 125px; font-size: 21px; }



@media(min-width:1540px){
  html[lang="vi"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.3rem !important; }
  html[lang='vi'] .t_pamm .bgpm h3 { font-size: 1.9rem !important; }
  html[lang="vi"] .t_pamm .pgrid label { font-size: 30px; }
  html[lang="vi"] .t_pamm .bgpm { height: 40rem; }
  html[lang="vi"] .t_partner .mt_4_product .brick_section ul li:first-child{ line-height: 30px; }
  html[lang="vi"] .t_partner .intfl .lactivebx ul li label{font-size: 1.3rem; }
  html[lang="vi"] .t_partner .em_bottom_container h2, .ex_product .em_bottom_container h3 { font-size: 2.8rem; }
  html[lang="vi"] .pmdpmhome .vertical-box { padding: 2.3rem 2rem 21.8rem 3rem; margin-top: 9rem; }
  html[lang='vi'] .promoHighlights { padding-bottom: 43px; }
  html[lang="vi"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 36px; }
  html[lang="vi"] .landing-page .faqList h5{ font-size: 20px; }
  html[lang="vi"] .landing-page .faqList p { font-size: 17px; min-height: 80px; }
  html[lang="vi"] .footer_top_block .social-url ul .footer_menu_heading { margin-right: 0px; }
}


@media (max-width: 1600px) {
  html[lang='vi'] .boosterBox .box { padding: 20px 10px; }
  html[lang='vi'] .boosterBox .box h3 { font-size: 20px !important; line-height: 140%; }
  html[lang='vi'] .footer_top_block .social-url ul .footer_menu_heading { margin-bottom: 5px !important; }
}


@media only screen and (max-width: 1540px) {
    html[lang="vi"] .in_page .ex_flex_box .left_flex_overlay ul label { line-height: 30px;font-size: 1.5rem; }
    html[lang="vi"] .in_page .ex_flex_box .left_flex_overlay h5 { font-size: 1.9rem; }
    html[lang="vi"] .in_page .ex_flex_box .left_flex_overlay ul p { font-size: 1rem !important; }
    html[lang="vi"] .t_central .rvwhitegrid .t_center img { padding-bottom: 230px; }
    html[lang="vi"] .t_central .rvwhitegrid .mt_4_product .brick_section ul li { font-size: 1.2rem !important; }
    html[lang="vi"] .t_central .rvwhitegrid .t_center { top: 94px; }
    html[lang="vi"] .t_pamm .pm_brick .bgpm h3 { font-size: 1.5rem !important; }
    html[lang="vi"] .t_pamm .pgrid label { font-size: 1.1rem; }
    html[lang="vi"] .t_partner .em_bottom_container .minicard .card-body h5{ font-size: 1rem !important; }
    html[lang="vi"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 17.7rem 2rem!important; margin-top: 2.5em; }
    html[lang='vi'] .footer_top_block .support_now_block .support_now_blocks .linebtn { left: 0; }
    html[lang="vi"] .below_card.cardfn.dailyMktFull label { font-size: 22px; }
    html[lang='vi'] .promoHighlights { padding-bottom: 0px; }
    html[lang="vi"] .landing-page .faqList p { min-height: 80px; }
    /* html[lang="vi"] .button { width: auto; } */
    html[lang="vi"] .landing_slider .button { min-width: 220px; }
}


@media (max-width: 1299px) {
    html[lang="vi"] .ex_product .landing_slider .landing_slider_desc h1, .ex_product .landing_slider .landing_slider_desc h2, .ex_product .landing_slider .landing_slider_desc h3 { font-size: 2.8rem; }
    html[lang="vi"] #exclusive-account h5 { width: 30%; font-size: 26px; }
    html[lang="vi"] #standard-account h5 { width: 27%; font-size: 26px; }
    html[lang="vi"] #standard-plus h5 { width: 30%; font-size: 26px; }
    html[lang="vi"] #cent-account h5 { width: 30%; font-size: 26px; }
    html[lang="vi"] #shares-account h5 {  padding-right: 1rem; font-size: 26px; }
}


@media (max-width: 1199.98px) and (min-width: 991px) {
  html[lang="vi"] .pmdpmhome .vertical-box { margin-top: 2.7rem; }
}


@media (min-width: 768px)  and (max-width: 992px) {
  html[lang="vi"] .pmdpmhome .vertical-box { margin-top: 27.8em !important; }
}

@media(min-width:992px){
  html[lang='vi'] .vpsServices .em_bottom_container .minicard .card-body p{ font-size: 16px !important; max-width: 90% !important; }
  html[lang="vi"] .t_partner .partnerWithUs .card-body.one_ricon{ min-height: 220px; }
  html[lang="vi"] .more-options a { padding: 90px 60px 0px 40px; }
  html[lang="vi"] .t_about .mktp_box .card { min-height: 440px; }
  html[lang="vi"] .t_about .mktp_box .card .card-header h3 { font-size: 1.4rem !important; min-height: 64px; }
}


@media(max-width:992px){
  html[lang="vi"] .t_central .rvwhitegrid .t_center img { padding-bottom: 93px; }
  html[lang='vi'] .promoHighlights { padding-bottom: 100px; }
  html[lang="vi"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 36px; }
  html[lang="vi"] .landing-page .faqList p { min-height: 0; }
}

@media(min-width:768px) and (max-width:1540px){
  html[lang="vi"] .t_pamm .bgpm { height: 32rem; }
}

@media only screen and (max-width: 768px) {
    html[lang="vi"] #exclusive-account h5 { width: 100%; font-size: 30px;  line-height: 10px; }
    html[lang="vi"] #standard-account h5 { width: 100%; font-size: 30px; line-height: 10px;  }
    html[lang="vi"] #standard-plus h5 { width: 100%; font-size: 30px; line-height: 10px; }
    html[lang="vi"] #cent-account h5 { width: 100%;font-size: 30px; line-height: 10px;  }
    html[lang="vi"] #shares-account h5 { width: 100%; font-size: 30px;  line-height: 10px; }
    html[lang="vi"] .ex_fund .card_design .in_block .right_info label { width: auto !important; padding: 0 5px; }
    html[lang="vi"] .t_central .bottom_fxs label { padding: 0.4rem; font-size: 18px; }
    html[lang="vi"] .t_central .rvwhitegrid .t_center { top: 20px; }
    html[lang="vi"] .t_central .rvwhitegrid .t_center img { padding-bottom: 19px; }
    html[lang="vi"] .ex_copy .button { width: 220px !important; font-size: 15px; }
    html[lang="vi"] ul.slider_bottom_bar li label { font-size: 17px; }
    html[lang="vi"] ul.slider_bottom_bar li p { font-size: 14px !important; }
    html[lang='vi'] .xma-flex-tabs .exma-tabs-container .upper-tabs-cont h5 { font-size: 1.5rem; }
    html[lang="vi"] .mxh_btmn .margint5r .h_box p { font-size: 16px !important; }
    html[lang="vi"] .t_about .vision_mission_tabs #myTab .nav-item .nav-link { font-size: 15px; }
    /* html[lang="vi"] .button { width: 100%; } */
}

@media (max-width: 576px) {
html[lang="vi"] .big_number.big_number_vi { font-size: 40px !important; margin-bottom: 13px !important; }
html[lang="vi"] .t_pamm .pgrid label { font-size: 1.1rem!important; }
html[lang="vi"] .pmdpmhome .vertical-box { padding: 1.9rem 1rem 14.8rem 2rem !important; }
html[lang="vi"] .promotionSlider {  margin-top: -35px }
html[lang='vi'] .t_licence .exdownprev a{ width: 100%; }
html[lang='en'] .t_licence .exdownprev a{ width: 100%; }
html[lang="vi"] .mxh_btmn .margint5r .h_box p { font-size: 20px !important; }
html[lang="vi"] .t_about .mktp_box .card .card-header h3 { font-size: 20px !important; }
html[lang='vi'] .boosterBox .box { padding: 35px; }
html[lang='vi'] .boosterBox .box h3 { font-size: 22px !important; line-height: 120%; }
html[lang='vi'] .promoHighlights { padding-bottom: 1px; }
html[lang='vi'] .promotionSlider .item .stepBox{ min-height: 115px; }
html[lang="vi"] .promotionSlider ul.slick-dots { margin-top: -6px; }
html[lang="vi"] .t_faqs .apply_manually.faq_bottom_manual h4 { font-size: 24px; }
}

@media (min-width: 410px)  and (max-width: 430px) {
  html[lang="vi"] .promotionSlider { margin-left: calc(100% / 2) !important; transform: translateX(-50%); } 
}

/* Funded Modal 12-07-2024 */
  #fundedPopup .modal-body{ max-width: 380px; border-radius: 10px; padding: 0; }
#fundedPopup .modal-dialog { max-width: 380px; margin: auto; }
#fundedPopup .modal-dialog .modal-content {border-radius: 9px;background: none;border: none;background: linear-gradient(to bottom, #191F24 0%, #191F24 0%) padding-box, linear-gradient(to top,#2D3B43 0%, #51778A 169%, #648CA0 143%) border-box;border: 1px solid transparent;}
.modalHeadfundedImg1 { text-align: center; }
.modalHeadfundedImg1 img {border-radius: 9px 9px 0 0;}
.fundedInfo {text-align: center;padding: 0 0px;/* background: #101214; */border-radius: 0 0 13px 13px;padding-bottom: 30px;position: relative;/* top: -10px; */padding: 0;}
.fundedInfo p span { color: #394957; margin: 0 6px; }
.fundedInfo p.fundedPoints { font-size: 20px; color: #fff; margin-top: -25px; margin-bottom:30px; }
.termsApply {font-size: 16px;  margin-bottom: 40px;color: #fff; font-family: 'Barlow Semi Condensed';}
.hgInstaLink { column-gap: 5px; font-family: var(--secondryfamily); color: #4eb2f0; font-size: 22px; font-weight: 500; line-height: 180%; }
.fundedInfo h2 { font-size: 28px; font-family: "Barlow Semi Condensed" !important; font-weight: 400; text-transform: none; color: #ffffff; margin: 8px 0 15px 0; }
.funded .fundedSaving-contest { width: 90%; }
.funded .rang-rover-poupup.button.solidbtn { width: 190px !important; margin: auto; font-size: 16px; font-family: var(--primaryfamily); line-height: 22px; height: 100%; display: flex; align-items: center; margin-top: 12px; }
.funded .button.solidbtn:hover { background: #4eb2f0; }
.funded .btn-link { color: #fff; text-decoration: none; margin-top: 5px; font-size: 15px; }
.funded .btn-link:hover { color: #4eb2f0; }
.closeIgModal .btn-close { position: absolute; bottom: -45px; left: 50%; border: 1px solid #fff; width: 40px; height: 40px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; }
.closeIgModal .btn-close:hover { background: #4ba4db; }
p.tc a { color: #fff; font-family: "Barlow Condensed"; font-size: 13px; font-style: normal; font-weight: 400; }
.rangRover3 { font-size: 91px; font-family: "Barlow Semi Condensed" !important; position: relative; font-weight: 700; line-height: normal; text-transform: uppercase; color: #9cfcff; line-height: 110%; font-style: italic;transform: translateX(-12px);}
html[lang="id"] .rangRover3, html[lang="gr"] .rangRover3, html[lang="ar"] .rangRover3  { transform: translateX(0);}
.rangRover3::before { position: absolute; top: 0; left: 91px; font-family: "Barlow Semi Condensed"; content: "WIN"; font-weight: 500; text-shadow: 0px 0px 16.447px #00ace1; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #24f9ff; color: transparent; }
.funded4 { font-family: "Barlow Semi Condensed" !important; font-size: 52px; font-weight: 700; position: relative; color: #00c3ff; text-transform: uppercase; }
.funded4::before { position: absolute; top: 0; left: 18px; content: "Range Rover"; font-weight: 500; text-shadow: 0px 0px 16.447px #00ace1; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #00e4fe; color: transparent; }
.bgImg { position: relative; }
.bgImg::after { content: ""; width: 83px; background: url(https://www.exclusivemarkets.com/public/uploads/rover-text-shdow-left.png) no-repeat; position: absolute; height: 58px; left: 0px; top: 23px; }
.bgImg::before { content: ""; width: 83px; background: url(https://www.exclusivemarkets.com/public/uploads/rover-text-shdow-right.png) no-repeat; position: absolute; height: 58px; right: 0; top: 23px; }
.popupCtas { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 15px; }
.popupCtas .watchavideo { color: #29ABE2; font-size: 20px; margin-bottom: 10px; display: flex; font-family: 'Barlow Condensed'; font-weight: 400;transition:all 0.5s ease-in-out }
.popupCtas .watchavideo:hover { color: #fff;transition:all 0.2s ease-in-out }
.popupCtas .watchavideo:hover svg path { fill: #fff; stroke: #fff;transition:all 0.2s ease-in-out }
.popupCtas .button.linebtn { font-size: 26px; width: auto; width: 234px; display: flex; align-items: center; justify-content: center; font-weight: 500; line-height: 100%; color: #00A7E1; padding: 12px 0 15px; border: 1px solid #00A7E1; box-shadow: 0px 10px 30px rgba(0,0,0,0.2); }
.popupCtas .button.linebtn:hover { color: #fff; }

@media(max-width:576px){
    #fundedPopup .modal-dialog { max-width: 350px; padding-right: 0; }
    #fundedPopup { padding-right: 0 !important; }
}


/*spriteimage css home*/
.spriteImgHome{background: url('https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/sprite-icons-home-min.svg');}
.card_split.cardSprite .em_leftdata { position: relative; }
.card_split.cardSprite .em_rightdata p { min-height: auto; }
.card_split.cardSprite .em_img{width: 70px !important;height: 70px;background-position: -19px -15px;}
.card_split.cardSprite .icon-spot-metals { background-position: -107px -20px; content: ''; }
.card_split.cardSprite .icon-commodities { background-position: -197px -16px; content: ''; }
.card_split.cardSprite .icon-indices { background-position: -287px -17px; }
.card_split.cardSprite .icon-cfd-stocks { background-position: -19px -96px; content: ''; }
.card_split.cardSprite .icon-cryptos { background-position: -108px -97px; content: ''; }
.card_split.cardSprite .icon-equities { background-position: -195px -98px; content: ''; }
.card_split.cardSprite .icon-cfd-etf { background-position: -285px -99px; content: ''; }



/*section 2*/
.ovr_rtimg .em_img { width: 50px; height: 50px; }

.icon50sprite .em_img { width: 50px !important; height: 50px !important; background-position: -29px -195px; }
.icon50sprite .em_img.iconsprite-innovative { background-position: -95px -192px; }
.icon50sprite .em_img.iconsprite-reputable { background-position: -148px -192px; }
.icon50sprite .em_img.iconsprite-regulated { background-position: -212px -192px; }

/*tabs*/
.spritehometabs .nav-link { display: flex !important; align-items: center !important; }
.spriteImgHome.excAccpill { background-position: -376px -20px; }
.active .spriteImgHome.excAccpill { background-position: -436px -22px; }
.spriteImgHome.stdAccpill { background-position: -496px -17px; }
.active .spriteImgHome.stdAccpill { background-position: -558px -19px; }
.spriteImgHome.stdplusAccpill { background-position: -377px -90px; }
.active .spriteImgHome.stdplusAccpill { background-position: -442px -88px; }
.spriteImgHome.centAccpill { background-position: -506px -90px; }
.active .spriteImgHome.centAccpill { background-position: -567px -90px; }
.spriteImgHome.sharesAccpill { background-position: -375px -164px; }
.active .spriteImgHome.sharesAccpill { background-position: -443px -161px; }
.spritehometabs .spriteImgHome { width: 52px; height: 52px; margin-left: 0 !important; }

/*app download icons*/
.appdownloadIcons { width: 24px; height: 30px; margin: auto; }
.windowiconsprite { background-position: -179px 80px; }
.maciconsprite { background-position: -99px 80px; }
.iosiconsprite { background-position: -64px 80px; }
.androidiconsprite { background-position: -27px 80px; }
.webiconsprite { background-position: -134px 80px; width: 34px; }
@media(max-width:576px){
  html[lang="en"] .scroll_bar_box .app_download .app_inner_download{padding: 15px 7px 5px 7px;}
}

/*partner section*/
.partner_in .partnerIcons { width: 60px; height: 60px; display: block; }
.partner_in .promoteiconsprite { background-position: -296px -195px; }
.partner_in  .earniconsprite { background-position: -225px -263px; }
.partner_in  .trackconsprite { background-position: -303px -263px; }
.dolloriconsprite { width: 43px; height: 50px; background-position: 130px -162px; }
.tradingIcons { width: 44px; height: 44px; }
.paymenticonsprite { background-position: 206px -231px; }
.paymentOptionCards { align-items: center; gap: 5px; }
.depositiconsprite { background-position: 54px -225px; }
.zerocommiconsprite { background-position: 154px -225px; }
.fundsecurityiconsprite { background-position: 106px -225px; }


.financialGoalsIcons { width: 50px; height: 50px; display: block; }
.financialGoals { align-items: center; }

.experticonsprite { background-position: 71px -155px; }
.withdrawtimeiconsprite { background-position: 210px -226px; }
.regulatediconsprite { background-position: 266px -282px; }
.negbaliconsprite { background-position: 208px -288px; }
.educationiconsprite { background-position: 152px -286px; }
.lenguagesupporticonsprite { background-position: 97px -280px; }


/* Trading Instruments Slider Fade in */
.broker-instrumentslick:not(.slick-initialized) { display: none; }
.slick-slide:hover img.lightaward { display: none; }
.ti-fade-in { animation: ti-fade-in 1s ease-in; }
@keyframes ti-fade-in {
    0% { transform: translateY(20px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
@media (max-width: 767.98px) {
    .right_em_imgcont.pt7.mpimgbig { right: 0; top: 2rem; left: 0; }
}

/* Trading booster & about new  */
.global-award-new { padding: 15px;  }
.award-new-list { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 0; padding-top: 50px; width: 100%; text-align: center; padding-left: 340px; }
@media (max-width: 1540px) {
    .award-new-list { grid-template-columns: repeat(4, calc(100% / 4));  }
}
@media (max-width: 991px) {
    .award-new-list{ padding-left: 0;}
}
@media (max-width: 576px) {
    .award-new-list{ grid-template-columns: repeat(3, calc(100% / 3));   }
    .global-award-new { padding: 10px;  }
}




/*trading instruments*/
.instrumentsIconSprite {
	background: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/trade-instruments-sprite.png);
	width: 92px;
	height: 50px;
	margin: auto;
}

.spriteIconeurusd {
	background-position: -10px -85px;
}

.spriteIconusdjpy {
	background-position: -100px -85px;
}

.spriteIcongbpusd {
	background-position: -191px -85px;
}

.spriteIconusdchf {
	background-position: -280px -85px;
}

.spriteIcongold {
	background-position: -285px -20px;
	width: 70px;
}

.spriteIconsilver {
	background-position: -355px -20px;
	width: 70px;
}


.spriteIconwti {
	background-position: -424px -20px;
	width: 70px;
}

.spriteIconcrude {
	background-position: -495px -20px;
	width: 70px;
}

.spriteIconnaturalgas {
	background-position: -568px -20px;
	width: 70px;
}

.spriteIconnasdaq {
	background-position: -8px -151px;
	width: 70px;
}

.spriteIconsandp {
	background-position: -149px -151px;
	width: 70px;
}

.spriteIcondowjohn {
	background-position: -79px -151px;
	width: 70px;
}

.spriteIconnifty {
	background-position: -217px -151px;
	width: 70px;
}

.spriteIconapple {
	background-position: -366px -85px;
	width: 70px;
}

.spriteIconamazon {
	background-position: -433px -85px;
	width: 70px;
}

.spriteIconmicrosoft {
	background-position: -504px -85px;
	width: 70px;
}

.spriteIcontesla {
	background-position: -573px -85px;
	width: 70px;
}

.spriteIconcitygrp {
	background-position: -288px -151px;
	width: 70px;
}

.spriteIconchegg {
	background-position: -357px -151px;
	width: 70px;
}

.spriteIconbitcoin {
	background-position: -7px -21px;
	width: 70px;
}

.spriteIconethereum {
	background-position: -80px -20px;
	width: 70px;
}

.spriteIconlitcoin {
	background-position: -148px -20px;
	width: 70px;
}

.spriteIconripple {
	background-position: -219px -20px;
	width: 70px;
}

.spriteIcongoldUS {
	background-position: -426px -150px;
}

.spriteIconsilverUS {
	background-position: -518px -150px;
}

.spriteIconusoUS {
	background-position: -12px -218px;
}

.spriteIconungUS {
	background-position: -106px -218px;
}
/*------------------------------------------------
   About Page Award Sec
-------------------------------------------------*/  
.awardWiningSec.award_winning{padding-top: 200px; padding-bottom: 150px;background-color: rgba(25,28,31,1)}
.landing-page .awardWiningSec.award_winning{padding-bottom: 179px;}
.awardWiningSec .ab_awrd_img{left: -375px;}
.awardWiningSec .awrd_header, .landing-page .awardWiningSec .awrd_header{background: none;padding: 20px 0 36px 250px;}
.awardWiningSec .award-new-list-holder{padding-left: 320px;}
.awardWiningSec .award-new-list{padding: 30px;background-color: rgba(38,43,45,1);border-radius: 9px;display: flex;flex-wrap: wrap;}
.awardWiningSec .global-award-new{width: 20%;}
.awardWiningSec .global-award-new img{max-width: 122px;width: 100%;height: auto;}
.awardWiningSec .awrd_header p{max-width: inherit;}
.awardWiningSec .viewAll{width: 100%;padding: 0;text-align: right;}
.awardWiningSec .awrd-info{z-index: 1;}

html[lang="ar"] .awardWiningSec .bi-arrow-right::before { transform: rotate(180deg); }
html[lang="ar"] .awardWiningSec .viewAll{text-align: left;}
html[lang="ar"] .awardWiningSec .awrd_header, .landing-page .awardWiningSec .awrd_header{padding-right: 0!important;}
html[lang="ar"] .landing-page .awardWiningSec.award_winning{padding-bottom: 176px;}
@media (max-width: 1540px) {
    .awardWiningSec .global-award-new{width: 25%;}
    .awardWiningSec .viewAll{width: 100%;padding: 0;}
    .landing-page .awardWiningSec.award_winning{padding-bottom: 154px;}
    html[lang="ar"] .landing-page .awardWiningSec.award_winning{padding-bottom: 135px;}
}
@media (max-width: 991px) {
    .awardWiningSec .ab_awrd_img{margin-left: 0;}
    .awardWiningSec .ab_awrd_img img{margin-left: -100px;}
    .awardWiningSec .awrd_header, .landing-page .awardWiningSec .awrd_header{padding-left: 0px;}
    .awardWiningSec .award-new-list-holder { padding-left: 0; }
}
@media (max-width: 768px) {
    .awardWiningSec .global-award-new{padding: 10px;width: calc(100% / 3);}
    .awardWiningSec .award-new-list{padding: 15px;}
    .awardWiningSec .viewAll{width: 100%;padding: 0;}
}
@media (max-width: 576px) {    
    .awardWiningSec .ab_awrd_img img{margin-left: -50px;}
}


/* Homepage Strips Payment Gateway New */
@media (max-width: 768px) {
.strip_slider .slick-slide, .strip_slider2 .slick-slide { margin-left: -6px; }
}



/* Vps page Existing & New User  */
.tabs-vpshosting { position: relative; top: -13.188rem; z-index: 2; margin: 0 auto; left: 0; width: 411px; }
.prt_wh .copy-exmaform .exma_rs .dual_screen { top: -3.7rem; }
.copy-exmaform .dual_screen{ padding: 2rem;} 
.tabs-vpshosting-nav li { float: left; width: 50%; }
.tabs-vpshosting li:first-child>a { background-color: #eeeeee; border-top-left-radius: 13px; font-size: 22px; font-weight: 500; color: #4ba4db; border-bottom: 3px solid #4ba4db; }
.tabs-vpshosting li:first-child>a:hover { color: #4ba4db; }
.tabs-vpshosting li:nth-child(2)>a { background-color: #eeeeee; border-top-right-radius: 13px; font-size: 22px; font-weight: 500; color: #000; border-bottom: 1px solid #a9a9a9; transition: none; }
.tabs-vpshosting li:nth-child(2)>a:hover { color: #4ba4db; border-bottom: 3px solid #4ba4db; }
.tabs-vpshosting a { color: #fff; display: block; font-weight: 400; padding: 22px 0; text-align: center; text-decoration: none; }
html[lang="el"] .tabs-vpshosting li:first-child>a, html[lang="el"] .tabs-vpshosting li:nth-child(2)>a { font-size: 17px; }
html[lang="ms"] .tabs-vpshosting li:first-child>a, html[lang="ms"] .tabs-vpshosting li:nth-child(2)>a { font-size: 19px; }
html[lang="ar"] .tabs-vpshosting li:first-child>a, html[lang="ar"] .tabs-vpshosting li:nth-child(2)>a { font-size: 19px; }
html[lang="vi"] .tabs-vpshosting li:first-child>a, html[lang="vi"] .tabs-vpshosting li:nth-child(2)>a { font-size: 19px; }
html[lang="ja"] .tabs-vpshosting li:first-child>a, html[lang="ja"] .tabs-vpshosting li:nth-child(2)>a { font-size: 17px; }

@media (max-width: 1540px) {
    .tabs-vpshosting { width: 320px; left: -8px; top: -11.188rem;}
    .prt_wh .copy-exmaform .exma_rs .dual_screen { top: -1.8rem; }
}

@media (max-width: 992px) {
    .tabs-vpshosting { width: 100%; left: 0; top: 30px; }
     .ex-contact .paddingt8b24 .landing-mark, .landing-banner-top:before, .landing-banner-top:after { display: none; }
     .prt_wh .copy-exmaform .exma_rs .dual_screen { top: 15px; }
}

@media (max-width: 576px) {
    .prt_wh .copy-exmaform .exma_rs .dual_screen { top: 0; }
    .tabs-vpshosting { top: 15px; }
    .vpsServices .copy-exmaform .dual_screen { padding: 2rem 1.5rem!important; }
    html[lang="es"] .tabs-vpshosting li:first-child>a, html[lang="es"] .tabs-vpshosting li:nth-child(2)>a { font-size: 20px; }
    html[lang="pt"] .tabs-vpshosting li:first-child>a, html[lang="pt"] .tabs-vpshosting li:nth-child(2)>a { font-size: 20px; }
    html[lang="el"] .tabs-vpshosting li:first-child>a, html[lang="el"] .tabs-vpshosting li:nth-child(2)>a { font-size: 15px; }
    html[lang="th"] .tabs-vpshosting li:first-child>a, html[lang="th"] .tabs-vpshosting li:nth-child(2)>a { font-size: 19px; }
    html[lang="ms"] .tabs-vpshosting li:first-child>a, html[lang="ms"] .tabs-vpshosting li:nth-child(2)>a { font-size: 18px; }
    html[lang="tr"] .tabs-vpshosting li:first-child>a, html[lang="tr"] .tabs-vpshosting li:nth-child(2)>a { font-size: 20px; }
    html[lang="it"] .tabs-vpshosting li:first-child>a, html[lang="it"] .tabs-vpshosting li:nth-child(2)>a { font-size: 20px; }
    html[lang="hi"] .tabs-vpshosting li:first-child>a, html[lang="hi"] .tabs-vpshosting li:nth-child(2)>a { font-size: 19px; }
    html[lang="vi"] .tabs-vpshosting li:first-child>a, html[lang="vi"] .tabs-vpshosting li:nth-child(2)>a { font-size: 17px; }
    html[lang="vi"] .tabs-vpshosting li:first-child>a, html[lang="vi"] .tabs-vpshosting li:nth-child(2)>a { font-size: 17px; }
    html[lang="zh-Hant-tw"] .tabs-vpshosting li:first-child>a, html[lang="zh-Hant-tw"] .tabs-vpshosting li:nth-child(2)>a { font-size: 19px; }
    html[lang="zh-Hans-cn"] .tabs-vpshosting li:first-child>a, html[lang="zh-Hans-cn"] .tabs-vpshosting li:nth-child(2)>a { font-size: 19px; }
    html[lang="ko"] .tabs-vpshosting li:first-child>a, html[lang="ko"] .tabs-vpshosting li:nth-child(2)>a { font-size: 19px; }
    html[lang="ja"] .tabs-vpshosting li:first-child>a, html[lang="ja"] .tabs-vpshosting li:nth-child(2)>a { font-size: 14px; }
}


/* Holiday Cashback Css */
.holiday-cashback-login { position: absolute; top: 30px; left: 0; transform: translateX(-0%); }
.holiday-cashback-login img{ width: 100%; height: 100%;}
.holiday-cashback-login-mobile { position: fixed; bottom: 20px; left: 0; transform: translateX(-0%);display: none;}
.holiday-cashback-login-mobile img{  width: calc(80% - 50px); max-width:320px; height: 100%;}
@media (max-width: 991px) {
  .holiday-cashback-login{display: none;}
  .holiday-cashback-login-mobile{display: block;}
}


/* Christmas LOGO */
.menuIntraction {    position: absolute;    right: -30px;    bottom: -20px; z-index: 1;}
html[lang="ar"] .menuIntraction { left: -39px; right: auto; transform: scaleX(-1);  }
@media(min-width:992px){
.navbar-expand-lg .navbar-collapse{position:relative}
}
@media(max-width:1299px){
.menuIntraction {display:none!important;}
}


/* Holiday Trading Modal2024 */
.modal-holiday { background:  #27292D; max-width: 326px; border-radius: 10px; }
#holiday-modal-new .modal-dialog { max-width: 326px; margin: auto; }
#holiday-modal-new .modal-dialog .modal-content { border-radius: 13px; box-shadow: 0 0 30px; }
.modalHeadHolidayImg { margin-top: -64px; text-align: center; width: calc(100% + 20px); }
.modalHeadHolidayImg img { width: 90px; height: auto; }
.holidayInfo { text-align: center; }
.hgInstaLink { column-gap: 5px; font-family: var(--secondryfamily); color: #4eb2f0; font-size: 22px; font-weight: 500; line-height: 180%; }
.holidayInfo h2 { font-size: 40px; font-weight: 300; text-transform: none; color: #ffffff; line-height: 110%; }
.holidayInfo h3 { font-size: 40px; font-weight: 500; text-transform: none; color: #ffffff; line-height: 110%; }
.holidayInfo .HolidaySaving-contest { transform: scale(1.1); margin-top: 20px; margin-bottom: 15px; margin-left: 0px; }
.holidayInfo .button.solidbtn { width: 200px; margin: auto; margin-bottom: 10px; font-size: 16px; font-family: var(--primaryfamily); line-height: 22px; height: 100%; display: flex; align-items: center; }
.holidayInfo .button.solidbtn:hover { background: #4eb2f0; }
.holidayInfo .btn-link { color: #fff; text-decoration: none; margin-top: 5px; font-size: 15px; }
.holidayInfo .btn-link:hover { color: #4eb2f0; }
.closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #fff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; }
.closeIgModal .btn-close:hover { background: #4ba4db; }
html[lang="el"] .holidayInfo h2 { font-size: 33px; line-height: 120%; }
html[lang="el"] .holidayInfo h3 { font-size: 33px;  line-height: 120%; }
html[lang="el"] .holidayInfo .button.solidbtn { width: 220px; }
html[lang="ar"] .holidayInfo h2 { font-size: 33px;  line-height: 120%; }
html[lang="ar"] .holidayInfo h3 { font-size: 33px;  line-height: 120%; }
html[lang="ar"] .holidayInfo .button.solidbtn { width: 220px; }
html[lang="hi"] .holidayInfo h2 { font-size: 33px;  line-height: 120%; }
html[lang="hi"] .holidayInfo h3 { font-size: 33px;  line-height: 120%; }
html[lang="hi"] .holidayInfo .button.solidbtn { width: 220px; }
html[lang="ja"] .holidayInfo h2 { font-size: 33px;  line-height: 120%; }
html[lang="ja"] .holidayInfo h3 { font-size: 33px;  line-height: 120%; }
html[lang="ja"] .holidayInfo .button.solidbtn { width: 220px; }
html[lang="zh-Hans-cn"] .holidayInfo h2 { font-size: 33px;  line-height: 120%; }
html[lang="zh-Hans-cn"] .holidayInfo h3 { font-size: 33px;  line-height: 120%; }
html[lang="zh-Hans-cn"] .holidayInfo .button.solidbtn { width: 220px; }
html[lang="ko"] .holidayInfo h2 { font-size: 33px;  line-height: 120%; }
html[lang="ko"] .holidayInfo h3 { font-size: 33px;  line-height: 120%; }
html[lang="ko"] .holidayInfo .button.solidbtn { width: 220px; }
html[lang="zh-Hant-tw"] .holidayInfo h2 { font-size: 33px;  line-height: 120%; }
html[lang="zh-Hant-tw"] .holidayInfo h3 { font-size: 33px;  line-height: 120%; }
html[lang="zh-Hant-tw"] .holidayInfo .button.solidbtn { width: 220px; }
/* Holiday Trading Modal2024 */


/* Location New Header CSS */
.client-location { display: flex; flex-direction: row; align-items: normal; }
.client-location img { width: 100%; }
.client-content { display: flex; flex-direction: column; padding-left: 8px; margin-bottom: -16px; }
.client-content h3 {font-size: 11px; font-weight: 300; color: #ffffff; opacity: 0.6; font-family: var(--secondryfamily); white-space: nowrap;}
.client-content p {color: #ffffff; font-size: 14px; line-height: 16px; letter-spacing: 0; font-family: var(--secondryfamily); white-space: nowrap;}
html[lang="ar"] .client-content{ padding-right: 8px; text-align: left; }
html[lang="ar"] .client-location img { margin: auto; }
html[lang="ar"] .client-location{ direction: ltr; }

@media(max-width:992px) {   
    .client-content  { margin-bottom: 0; }
    .client-content h3 { font-size: 17px; }
    .client-content p{ font-size: 21px; line-height: 112%; margin-bottom: 0; } 
    html[lang="th"] .client-content p { font-size: 19px; line-height: 118%; }
    html[lang="ms"] .client-content p { font-size: 20px; }
    html[lang="it"] .client-content p { font-size: 20px; }
    html[lang="vi"] .client-content p { font-size: 20px; }
    html[lang="hi"] .client-content p { font-size: 20px; }
    html[lang="ko"] .client-content p { font-size: 20px; line-height: 123%; }
    html[lang="ja"] .client-content p { font-size: 20px; line-height: 123%; }
    html[lang="el"] .client-content p { font-size: 19px; }
    html[lang="ar"] .client-content p { font-size: 17px; }
    html[lang="zh-Hant-tw"] .client-content p { font-size: 17px; line-height: 123%; }
    html[lang="ar"] .side-flex-social { position: relative; }
    html[lang="ar"] .side_social { right: auto; left: 0; bottom: -8rem; text-align: center; margin: auto; padding-bottom: 2rem; width: 100%; }
}


@media(max-width:768px) {
    .client-content p { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: block; width: 70px; } 
}

/*For funded account menu*/
@media(max-width:992px) {
    .navNewFeatures { position: absolute; top: 0px; display: flex; align-items: center; width: 100%; left: 0; padding: 10px 25px; background: #222222; justify-content: space-between; }
    .navNewFeatures li .nav-link { font-size: 22px; padding: 0px !important; color: #fff; text-transform: uppercase; letter-spacing: 0.32px; }
    .navNewFeatures li .nav-link.active svg path { stroke: #00A7E1; }
    .navNewFeatures:before { content: ''; position: absolute; left: 50%; width: 1px; height: 25px; background: #3A3A3A; top: 30%; }
    .navNewFeatures a.nav-link.mg_head.active:before { display: none; }
    .navbar-collapse { padding-top: 66px; }
    html[lang="th"] .navbar-collapse { padding-top: 60px; }
    html[lang="ar"] .navbar-collapse { padding-top: 74px; }
    html[lang="zh-Hans-cn"] .navbar-collapse { padding-top: 69px; }
    html[lang="ko"] .navbar-collapse { padding-top: 70px; }
    html[lang="el"] .navbar-collapse { padding-top: 70px; }
    html[lang="ja"] .navbar-collapse { padding-top: 70px; }
    html[lang="zh-Hant-tw"] .navbar-collapse { padding-top: 66px; }
    html[lang="hi"] .navbar-collapse { padding-top: 66px; }
    html[lang="id"] .navNewFeatures li .nav-link { font-size: 19px; }
    html[lang="th"] .navNewFeatures li .nav-link { font-size: 16px; }
    html[lang="ms"] .navNewFeatures li .nav-link { font-size: 19px; }
    html[lang="it"] .navNewFeatures li .nav-link { font-size: 20px; }
    html[lang="vi"] .navNewFeatures li .nav-link { font-size: 21px; }
    html[lang="hi"] .navNewFeatures li .nav-link { font-size: 21px; }
    html[lang="ko"] .navNewFeatures li .nav-link { font-size: 21px; }
    html[lang="ja"] .navNewFeatures li .nav-link { font-size: 18px; }
    html[lang="el"] .navNewFeatures li .nav-link { font-size: 17px; }
}

@media(max-width:576px) {
    .navNewFeatures:before { left: 56%;  }
    html[lang="ar"] .navNewFeatures:before { right: 56%;  }
    html[lang="el"] .navNewFeatures li .nav-link { max-width: 120px; }
}


/* CONTACT US PAGE DUBAI ADDRESS UPDATE */
.helpdesk{ background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/contactus-support.png ); border-radius: 0; }
.helpdesk .h_grid { padding: 5rem 0rem 0rem 5.5rem; }
.helpdesk .lineone:last-child{ position: relative; top: 10px; }
.ex-contact .paddingt8b24 { padding-bottom: 18rem; }
.ex-contact .h_btmn { top: -17.5rem; }
.ex-contact .c_gph2::before { top: 3rem; }
.ex-contact .c_gph3::before { right: 1rem; }
html[lang="ar"] .ex-contact .c_gph3::before { left: 1rem; right: auto; }
html[lang="ar"] .helpdesk .h_grid .lineone .minicard p { font-size: 20px;     margin-top: 5px; }
html[lang="ar"] .ex-contact .paddingt8b24 { padding-bottom: 27rem; }
html[lang="ar"] .ex-contact .h_btmn { top: -23.5rem; }
html[lang="ar"] .helpdesk{ background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/contactus-support-ar.png ); }
html[lang="ar"] .helpdesk .h_grid { padding: 5rem 3rem 0rem 5.5rem; }
html[lang="el"] .helpdesk .h_grid { padding: 3rem 0rem 0rem 5.5rem; }
html[lang="hi"] .helpdesk .h_grid .lineone .minicard p { font-size: 20px; }

@media (min-width: 1540.98px) {
    html[lang="ar"] .ex-contact .h_btmn { top: -17.5rem; }
    html[lang="ar"] .ex-contact .paddingt8b24 { padding-bottom: 16rem; }
}

@media (max-width: 1540.98px) {
    .helpdesk { height: 30.48rem; }
    .ex-contact .h_btmn { top: -14.5rem; }
    .ex-contact .paddingt8b24 { padding-bottom: 14rem; }
    .ex-contact .c_gph2::before { top: 2rem; }
    html[lang="ar"] .helpdesk .h_grid .lineone .minicard p { font-size: 16px !important; }
    html[lang="ar"] .helpdesk .h_grid { padding: 3rem 3rem 0rem 5.5rem; }
    html[lang="ar"] .ex-contact .paddingt8b24 { padding-bottom: 14rem; }
    html[lang="ar"] .ex-contact .h_btmn { top: -14.5rem; }
    html[lang="hi"] .helpdesk .h_grid .lineone .minicard p { font-size: 1.1rem !important; }
}

@media (max-width: 991.98px) {
    .ex-contact .c_gph2::before { top: 0rem; }
    html[lang="ar"] .ex-contact .c_gph2::before { left: 10rem; right: auto; }
   
}

@media (min-width: 768px) and (max-width: 991px) {
    .helpdesk .h_grid .card-body { padding: 1rem 0px; }
    .helpdesk { background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/contactus-support-tablet.png ); height: 30.18rem; }
    .helpdesk .h_grid { padding: 3rem 0rem 0rem 5.5rem; }
    .helpdesk .lineone:last-child { position: relative; top: 0; }
    .ex-contact .h_btmn { top: -14.2rem; }
    .helpdesk .h_grid .lineone .minicard p { font-size: 18px !important;  width: 300px; }
    .helpdesk .h_grid .lineone .minicard h2 {  width: 300px; }
    html[lang="ar"] .helpdesk .h_grid .lineone .minicard p { font-size: 14px !important; width: 300px; }
 
    html[lang="ar"] .helpdesk .h_grid { padding: 3rem 3rem 0rem 5.5rem!important; }
    html[lang="ar"] .helpdesk .h_grid .lineone .minicard p { font-size: 14px !important; }
    html[lang="ar"] .ex-contact .c_gph2::before { top: 2rem; }
    html[lang="ar"] .ex-contact .h_btmn { top: -14.3rem; }
    .helpdesk { background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/contactus-support-tablet-ar.png )!important; }
    html[lang='el'] .ex-contact .helpdesk .h_grid h2 { font-size: 1.6rem !important; }
    html[lang="hi"] .helpdesk .h_grid .lineone .minicard p { font-size: 16px !important; }
}

@media (max-width: 768px) {
    .helpdesk { background-image: url(https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/contactus-support-mobile.png)!important; height: 62.18rem; border-radius: 8px; }
    .helpdesk .h_grid { padding: 3rem 2rem; }
    .ex-contact .h_btmn { top: -12.9rem; }
    .ex-contact .paddingt8b24 { padding-bottom: 16rem; }
    .ex-contact .helpdesk .lineone { margin-bottom: 4rem !important; }
    .helpdesk .lineone:last-child { top: 0; }
    html[lang="ar"] .ex-contact .h_btmn { top: -12.9rem; }
    html[lang="ar"] .helpdesk .h_grid .lineone .minicard p { font-size: 18px !important; }
    html[lang="ar"]  .ex-contact .paddingt8b24 { padding-bottom: 15rem; }
    html[lang="ar"] .ex-contact .h_btmn { top: -13.8rem; }
    html[lang="ar"] .helpdesk .h_grid { padding: 5rem 3rem 0rem 5.5rem; }
    html[lang='el'] .helpdesk .h_grid { padding: 3rem 2rem!important; }
    html[lang='el'] .helpdesk .h_grid .lineone .minicard p { font-size: 1rem !important; }
}

@media (min-width: 510px) and (max-width: 578px) {
    .ex-contact .h_btmn { top: -11.5rem; }
    html[lang="ar"] .ex-contact .h_btmn { top: -12.7rem; }
}

@media (min-width: 579px) and (max-width: 768px) {
    .ex-contact .h_btmn { top: -13.9rem; }
}

@media (min-width: 436px) and (max-width: 768px) {
    .ex-contact .helpdesk .lineone { margin-bottom: 5rem !important; }
}

@media (max-width: 576px) {
    .helpdesk {  height: 67.18rem; }
    .helpdesk .h_grid .card-body { padding: 2rem 0 0 0; }
    html[lang="ar"] .helpdesk .h_grid { padding: 3rem 2rem 0rem 0.5rem; }
    html[lang="ar"] .helpdesk .h_grid .lineone .minicard p { font-size: 17px !important; }
    html[lang="hi"] .helpdesk .h_grid .lineone .minicard p { font-size: 1rem !important; }
    html[lang="ar"] .ex-contact .h_btmn { top: -12.9rem; }
    html[lang="zh-Hant-tw"] .ex-contact .helpdesk .h_grid .lineone .minicard p { font-size: 1.1rem !important; }
}

/* Model daylight saving */
/* .modal-daylight { background-image: linear-gradient(to bottom, #BCCAD8, transparent); max-width: 320px; border-radius: 10px; } */
.modal-daylight { background: #E2E3E4; max-width: 320px; border-radius: 10px; }
#daylight-modal .modal-dialog { max-width: 320px; margin: auto; }
#daylight-modal .modal-dialog .modal-content { border-radius: 13px; }
.modalHeadDaylightImg { margin-top: -70px; margin-left: -5px; width: calc(100% + 10px); margin-bottom: 10px; }
.modalHeadDaylightImg img { width: 100%; }
.daylightInfo { text-align: center; }
.igInstaLink { column-gap: 5px; font-family: var(--secondryfamily); color: #4BA4DB; font-size: 22px; font-weight: 500; line-height: 140%; margin-bottom: 5px; }
.daylightInfo h2 { font-size: 36px; font-weight: 600; text-transform: none; color: #000; line-height: 110%; margin-bottom: 2px; }
.daylightInfo h3 { font-size: 36px; font-weight: 600; text-transform: none; color: #000; line-height: 110%; }
.daylightInfo .DaynightSaving-contest { transform: scale(1.25); margin-top: 20px; margin-bottom: 25px; margin-left: -15px; }
.daylightInfo .button.solidbtn { width: 200px; margin: auto; margin-bottom: 10px; font-size: 16px; font-family: 'Barlow Semi Condensed'; line-height: 22px; height: 100%; display: flex; align-items: center; }
.daylightInfo .button.solidbtn:hover { background: #4EB2F0; }
.daylightInfo .btn-link { color: #fff; text-decoration: none; margin-top: 5px; font-size: 15px; }
.daylightInfo .btn-link:hover { color: #4BA4DB; }
.closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #fff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; }
.closeIgModal .btn-close:hover { background: #4ba4db; }
html[lang="pt"] .igInstaLink, html[lang="id"] .igInstaLink, html[lang="th"] .igInstaLink, html[lang="ms"] .igInstaLink, html[lang="el"] .igInstaLink, html[lang="it"] .igInstaLink, html[lang="ar"] .igInstaLink { font-size: 24px; }
html[lang="gr"] .igInstaLink, html[lang="tr"] .igInstaLink { font-size: 22px; }
html[lang="hi"] .igInstaLink, html[lang="zh-Hans-cn"] .igInstaLink, html[lang="zh-Hant-tw"] .igInstaLink, html[lang="ko"] .igInstaLink, html[lang="ja"] .igInstaLink { font-size: 19px!important; }
 
html[lang="hi"] .daylightInfo h2, html[lang="zh-Hans-cn"] .daylightInfo h2,  html[lang="zh-Hant-tw"] .daylightInfo h2, html[lang="ko"] .daylightInfo h2, html[lang="ja"] .daylightInfo h2 { font-size: 32px; }
html[lang="el"] .daylightInfo h2, html[lang="el"] .daylightInfo h3, html[lang="ar"] .daylightInfo h2, html[lang="ar"] .daylightInfo h3, html[lang="hi"] .daylightInfo h2, html[lang="hi"] .daylightInfo h3, html[lang="zh-Hans-cn"] .daylightInfo h2, html[lang="zh-Hans-cn"] .daylightInfo h3, html[lang="zh-Hant-tw"] .daylightInfo h2, html[lang="zh-Hant-tw"] .daylightInfo h3, html[lang="ko"] .daylightInfo h2, html[lang="ko"] .daylightInfo h3, html[lang="ja"] .daylightInfo h2, html[lang="ja"] .daylightInfo h3{font-size: 26px;line-height: 120%;font-weight:bold;}
html[lang="gr"] .daylightInfo h2 { font-size: 32px; }
/* Model daylight saving */

/* TRUSTPILOT */
@media (min-width: 991.98px) {
    .trustPilot-homebanner { margin-top: 20px !important; position: relative; left: -50px; }
  html[lang="ar"]  .trustPilot-homebanner { margin-top: 20px !important; position: relative; right: -50px; }
}
@media (max-width: 991.98px) {
    .trustPilot-homebanner { margin-top: 20px !important; display: inline-block;}
}


/* Social Trading  Css */
.t_pamm .accordion-body li strong { font-size: 17px; list-style: square; font-family: "Barlow Semi Condensed", sans-serif; color: #545456; font-weight: 500; }
.t_pamm .accordion-body li { font-size: 17px; list-style: square; font-family: "Barlow Semi Condensed", sans-serif; color: #545456; }
.ex_copy .accordion-body li strong { font-size: 17px; list-style: square; font-family: "Barlow Semi Condensed", sans-serif; color: #545456; font-weight: 500; }
.ex_copy .accordion-body li { font-size: 17px; list-style: square; font-family: "Barlow Semi Condensed", sans-serif; color: #545456; }
.ex_copy .accordion-body ul{ padding-left: 2rem; }
 html[lang="ar"] .ex_copy .faq-ar .accordion-item .accordion-button span { left: auto; right: 20px; }
 html[lang="ar"] .ex_copy .accordion-body ul { padding-right: 2rem; }
/* Social Trading  Css */


/* Economic Calendar Iframe */
.calendar-center-enhance{text-align: center; }
.calendar-center-enhance p { max-width: 700px; margin: 0 auto; padding-bottom: 30px; }
@media (min-width: 1190.98px) and (max-width: 1540px) {
    .frame-fullwidth { max-width: 1191px; } 
}
 @media (min-width: 1540.98px) {
    .frame-fullwidth { max-width: 1414px; } 
   /* .frame-fullwidth { max-width: 1270px; }  */
}
 @media (max-width: 576.98px) {
     .extab .tab-content .tab-pane { padding: 1.5rem 0.5rem; }
}


/* slider banner-Cashback CSS */
.ehc-tnc a{ font-size: 1.3rem; color: #4ba4db !important; }
p.ehc-tnc { font-size: 1.1rem!important; margin-bottom: 0!important  }
.termsTxt { opacity: 0.9; }