/*animated css library
back-to-top
back-ol
widget-icons
btn-widget
vps-configuration
funding-logos
*/
@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: -120px;
}

.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(../images/award-pan-bg-blue-gradient.png) no-repeat;
    padding-left: 100px;
    background-size: 110% 120%;
    background-position: center left;
    padding: 36px 0 36px 355px;
}

.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(../images/bg-white-new.webp);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    border-radius: 9px;
    height: 100%;
    filter: blur(0px);
}

.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(../images/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(../images/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(../images/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(../images/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(../images/vps-hosting-bg.webp) no-repeat left top / 100% 80%;
    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(../images/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(../images/bullet-white.svg);
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
}

.tds_whatuget:before {
    background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/arrow-blue.svg);
    background-repeat: no-repeat;
    transform: rotate(-90deg);
}

.query_box.leverage_exp .accordion-button.collapsed:after {
    background-image: url(../images/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;
}

#currentOpenings .accordion-button::after {
    position: absolute;
    right: 30px;
    color: #4ba4db !important;
    background-image: url(../images/arrow-blue.svg);
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    background-size: 12px;
    background-position: 4px 6px;
}

#currentOpenings .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
}

#currentOpenings .accordion-item {
    margin-bottom: 30px;
    border: 1px solid #e0e5ef;
    box-shadow: 0px 33px 25px -25px rgba(32, 58, 88, 0.25);
    border-radius: 4px !important;
    overflow: hidden;
}

.button-viewdetail {
    font-family: "Barlow Semi Condensed";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    /* identical to box height, or 24px */
    text-align: center;
    color: #4ba4db;
}

#currentOpenings .accordion-body {
    padding: 40px;
}

#currentOpenings .accordion-body .job-brief h3 {
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 130%;
    /* or 32px */
    color: #383635;
    margin-bottom: 5px;
}

#currentOpenings .accordion-body .job-brief ul li {
    position: relative;
    padding-left: 24px;
    font-family: "Barlow Semi Condensed";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 190%;
    /* or 34px */
    color: #3e3e45;
}

#currentOpenings .accordion-body .job-brief ul li:before {
    content: "";
    background: url("../uploads/list-bullet-blue.svg") no-repeat;
    position: absolute;
    left: -3px;
    width: 20px;
    height: 20px;
    top: 8px;
}

#currentOpenings .accordion-body .job-brief {
    max-width: 80%;
}

#currentOpenings .accordion-body .job-brief p {
    font-family: "Barlow Semi Condensed";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    color: #3e3e45;
}

.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;
    }

    .ab_awrd_img {
        position: unset;
        top: -120px;
        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(../images/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(../images/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(../images/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(../images/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(../images/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 -------------------------*/
/* Himanshu Css start */
@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(../images/ecn.svg);
}

html[lang="th"] .th_ultimate .left_flex_overlay::after {
    background: url(../images/ecn-individualpage.svg);
    /* width: 200px; */
    background-size: cover;
}

html[lang="th"] .th_ultimate .left_flex_overlay::after {
    background: url(../images/ecn-individualpage.svg);
    /* width: 200px; */
    background-size: cover;
}

html[lang="th"] .thultimate_cent .left_flex_overlay::after {
    /* width: 200px; */
    background: url(../images/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: 65px;
    height: 65px;
}

button#btn-share:hover {
    transform: scale(1.1);
}

.widget-icons {
    position: fixed;
    right: 14px;
    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: 4px;
    left: 4px;
    z-index: -1;
    transition: 0.2s all;
}

.widget-icons .navbar-nav.show li:nth-child(1) {
    bottom: 80px;
}

.widget-icons .navbar-nav.show li:nth-child(2) {
    bottom: 140px;
}

.widget-icons .navbar-nav.show li:nth-child(3) {
    bottom: 200px;
}

.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;
    }

    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;
}

/* Model daylight saving */
.modal-daylight {
    background: #e6e6e6;
    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: -64px;
    margin-left: -10px;
    width: calc(100% + 20px);
}

.modalHeadDaylightImg img {
    width: 100%;
}

.daylightInfo {
    text-align: center;
}

.igInstaLink {
    column-gap: 5px;
    font-family: var(--primaryfamily);
    color: #4eb2f0;
    font-size: 22px;
    font-weight: 500;
    line-height: 180%;
}

.daylightInfo h2 {
    font-size: 46px;
    font-weight: 600;
    text-transform: none;
    color: #000;
    line-height: 110%;
}

.daylightInfo .DaynightSaving-contest {
    transform: scale(1.6);
    margin-top: 20px;
    margin-bottom: 37px;
    margin-left: 14px;
}

.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: #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;
}

.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;
    }
}

/* Model daylight saving */
/* .modal-daylight { background: #e6e6e6; 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: -64px; margin-left: -10px; width: calc(100% + 20px); } .modalHeadDaylightImg img { width: 100%; } .daylightInfo { text-align: center; } .igInstaLink { column-gap: 5px; font-family: var(--primaryfamily); color: #4EB2F0; font-size: 22px; font-weight: 500; line-height: 180%; } .daylightInfo h2 { font-size: 46px; font-weight: 600; text-transform: none;  color: #000; line-height: 110%; } .daylightInfo  .DaynightSaving-contest { transform: scale(1.6); margin-top: 20px; margin-bottom: 37px; margin-left: 14px; } .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: #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; } */
/* Model blackfriday */
/* .modal-blackfriday { background: #26292D; max-width: 320px; border-radius: 10px; } */
/* .modal-blackfriday { background: linear-gradient(to bottom, #4b4b4a, 40%, #000000); max-width: 320px; border-radius: 10px; } #blackfriday-modal .modal-dialog { max-width: 320px; margin: auto; height: 100%; } #blackfriday-modal .modal-dialog .modal-content { border-radius: 13px; box-shadow: 0 0 30px; } .modalHeadblackfridayImg { margin-top: -133px; margin-left: -16px; width: calc(100% + 49px); } .modalHeadblackfridayImg img { width: 100%; } .blackfridayInfo { text-align: center; } .igInstaLink { column-gap: 5px; font-family: var(--primaryfamily); color: #ffffff; font-size: 22px; font-weight: 500; line-height: 180%; } .blackfridayInfo h2 { font-size: 31px; font-weight: 600; text-transform: none; color: #ffffff; line-height: 110%; } .blackfridayInfo .DaynightSaving-contest { transform: scale(1.1); margin-top: 20px; margin-bottom: 30px; margin-left: -17px; max-height: 220px; } .blackfridayInfo .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; } .blackfridayInfo .button.solidbtn:hover { background: #4eb2f0; } .blackfridayInfo .btn-link { color: #ffffff; text-decoration: none; margin-top: 5px; font-size: 15px; } .blackfridayInfo .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; } @media (min-width: 576px) and (max-width: 1540px) { .blackfridayInfo .DaynightSaving-contest { width: 60%; margin-bottom: -10px; } .blackfridayInfo h2 { font-size: 24px; } .modalHeadblackfridayImg { max-width: 90%; text-align: center; margin-left: 15px; } }  */
/* 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: 78vh !important;
}

.modal-holiday {
    background: #27292d;
    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 !important;
    }
}

@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;
    }

    .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(../images/leftside-bottom-mark-faq.png)!important;
}

.faq_calluson .landing-rightd-mark {
    height: 542px;
    background-image: url(../images/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("../images/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.3; position: relative; bottom: 0; } */
.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(../images/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 { bottom: -30px; } */
    .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;
    }
}

/* Homepage Copy and pamm Design End  */