/*@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");*/
@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 300;
    src: url(~/css/fonts/Oxygen-Light.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 400;
    src: url(~/css/fonts/Oxygen-Regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Oxygen';
    font-style: normal;
    font-weight: 700;
    src: url(~/css/fonts/Oxygen-Bold.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*fonts*/
/*strat*/
@font-face {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-style: normal;
    src: url("/new/css/fa-regular-400.woff2") format("woff2"), url("/new/css/fa-regular-400.woff") format("woff");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    src: url("/new/css/fa-solid-900.woff2") format("woff2"), url("/new/css/fa-solid-900.woff") format("woff");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-style: normal;
    src: url("/new/css/fa-brands-400.woff2") format("woff2"), url("/new/css/fa-brands-400.woff") format("woff");
}

@font-face {
    font-display: block;
    font-family: "bootstrap-icons";
    src: url("/new/css/bootstrap-icons.woff2") format("woff2"), url("/new/css/bootstrap-icons.woff") format("woff");
}
/*strat*/

@charset "UTF-8"; /*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}
body {
    font-family: Oxygen, sans-serif;
    overflow-x: hidden;
}

:root {
    --primary-color: #AC1A2D;
    --secondary-color: #;
    --white-color: #fff;
    --black-color: #000;
    --border-color: #ccc;
    --yellow-color: #f7a600;
    --text-color: #353941;
}

.help-text {
    color: #808080;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #CCCCCC;
}

.head-mobile {
    display: none
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animate__animated.animate__infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animate__animated.animate__repeat-1 {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: var(--animate-repeat);
        animation-iteration-count: var(--animate-repeat)
    }

    .animate__animated.animate__repeat-2 {
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2;
        -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
        animation-iteration-count: calc(var(--animate-repeat)*2)
    }

    .animate__animated.animate__repeat-3 {
        -webkit-animation-iteration-count: 3;
        animation-iteration-count: 3;
        -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
        animation-iteration-count: calc(var(--animate-repeat)*3)
    }

    .animate__animated.animate__delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-delay: var(--animate-delay);
        animation-delay: var(--animate-delay)
    }

    .animate__animated.animate__delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-delay: calc(var(--animate-delay)*2);
        animation-delay: calc(var(--animate-delay)*2)
    }

    .animate__animated.animate__delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-delay: calc(var(--animate-delay)*3);
        animation-delay: calc(var(--animate-delay)*3)
    }

    .animate__animated.animate__delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
        -webkit-animation-delay: calc(var(--animate-delay)*4);
        animation-delay: calc(var(--animate-delay)*4)
    }

    .animate__animated.animate__delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
        -webkit-animation-delay: calc(var(--animate-delay)*5);
        animation-delay: calc(var(--animate-delay)*5)
    }

    .animate__animated.animate__faster {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-duration: calc(var(--animate-duration)/2);
        animation-duration: calc(var(--animate-duration)/2)
    }

    .animate__animated.animate__fast {
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-duration: calc(var(--animate-duration)*0.8);
        animation-duration: calc(var(--animate-duration)*0.8)
    }

    .animate__animated.animate__slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-duration: calc(var(--animate-duration)*2);
        animation-duration: calc(var(--animate-duration)*2)
    }

    .animate__animated.animate__slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-duration: calc(var(--animate-duration)*3);
        animation-duration: calc(var(--animate-duration)*3)
    }

@media (prefers-reduced-motion:reduce),print {
    .animate__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
    }

        .animate__animated[class*=Out] {
            opacity: 0
        }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

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

.animate__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)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.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,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    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 shakeX {
    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)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

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

.animate__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)
    }
}

.animate__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(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.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(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.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)
    }
}

.animate__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)
    }
}

.animate__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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__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)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}


.mobile-otp-box {
    display: block;
    background: #fff;
    padding: 16px;
    border-radius: 20px;
}

    .mobile-otp-box .head_box2 h3 {
        font-size: calc(23px - 3px);
        margin-bottom: calc(23px - 3px);
        font-weight: 700;
        font-size: 23px;
        line-height: 1.3;
        color: #757373;
        margin-bottom: 23px;
    }

    .mobile-otp-box .head_box2 p {
        font-weight: 400;
        font-size: 20px;
        line-height: 25px;
        color: #757373;
        font-size: calc(20px - 2px);
        margin-bottom: calc(20px - 5px);
    }

.text-field p {
    color: #6e6e6e;
    margin-bottom: 0px;
    font-size: 13px;
}

.text-field span {
    /* color: #c91429; */

    color: #333;
    font-size: 15px;
    font-weight: 500;
}
 
.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.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(.97,.97,.97);
        transform: scale3d(.97,.97,.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(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.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(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.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(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.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(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

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

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-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(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.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(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.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
    }
}

.animate__animated.animate__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)
    }
}

.animate__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)
    }
}

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

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -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
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    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 lightSpeedInRight {
    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)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    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 lightSpeedInLeft {
    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)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -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-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -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
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.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(.1) rotate(30deg);
        transform: scale(.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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

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

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}


/*style css*/
/*body {
    font-family: "Open Sans", sans-serif;
    color: #444444;
    overflow-x: hidden;
}
*/
.h5, h5 {
    font-size: 1.15rem;
}

a {
    color: #ed502e;
    text-decoration: none;
}

    a:hover {
        color: #f1775d;
        text-decoration: none;
    }

/*h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", sans-serif;
}*/

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    border-radius: inherit;
}

.opacity-90 {
    opacity: 0.9 !important;
}

.z-index-n1 {
    z-index: -1;
}

section, .section {
    position: relative;
    z-index: 1;
}

/*.bg-gradient-primary {
    background-color: #5b2be0;
    background-image: linear-gradient( 130deg, #4922b3 15%, #5b2be0 40%, #5b2be0 60%, #7c55e6 100%) !important;
}*/

.padding-top {
    padding: 1% 0px 2% 0px;
}

.text-red {
    color: #fff;
    font-size: 28px;
    letter-spacing: 1px;
    /* text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px 5px #555;*/
}

.registration-form {
    padding: 2rem 3rem 2rem 3rem;
}

footer .footer-sec-1 .jm-logo {
    height: 54px;
    margin-bottom: 16px;
}

.footer-sec-1 {
    padding: 20px 0px;
}

footer .footer-sec-2 {
    background: #ececec;
    padding: 26px 0 73px;
    font-size: 14px;
}


/*REkyc ISS css*/

.our-services {
    margin: 0px;
    list-style-type: none;
    margin-top: 5%;
    padding: 0px;
}

.brd-green {
    border: 2px dashed #27b36a;
}

.brd-orange {
    border: 2px dashed #e6ce50;
}

.brd-yellow {
    border: 2px dashed #e68e3c;
}

.brd-blue {
    border: 2px dashed #5c9edd;
}

.brd-red {
    border: 2px dashed #d63636;
}

.our-services li {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
}

    .our-services li div {
        line-height: 85px;
        width: 100px;
        height: 100px;
        text-align: center;
        color: #fff;
        border-radius: 50%;
        display: inherit;
        margin: auto;
    }








.home-registration-form {
    border-radius: 0px;
    webkit-box-shadow: 1px 11px 68px -20px rgb(0 0 0 / 75%);
    -moz-box-shadow: 1px 11px 68px -20px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 11px 68px -20px rgb(0 0 0 / 75%);
    padding: 0px;
    background-color: #fff;
    border-radius: 15px;
}

.registration-form .btn-primary {
    background: #0c54a0 !important;
    color: #ffffff !important;
    border: 0px;
    border-radius: 12px;
    padding: 10px 10px;
}

.waves-animate > svg {
    display: block;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    animation: animateWave 3s cubic-bezier(0.23, 1, 0.32, 1) forwards;
    -webkit-animation: animateWave 3s cubic-bezier(0.23, 1, 0.32, 1) forwards;
    margin-bottom: -18px;
}
/* three boxes */
.ECR .box {
    border-radius: 10px;
    webkit-box-shadow: 1px 11px 68px -20px rgb(0 0 0 / 75%);
    -moz-box-shadow: 1px 11px 68px -20px rgba(0, 0, 0, 0.75);
    padding: 0px;
    background-color: #fff;
    border: 1px solid #f7f7f7;
    padding: 20px 15px;
    margin-top: 0px;
    margin-bottom: 50px;
    display: flex;
    box-shadow: 0 4px 12px #c1ddfc;
    margin-right: 15px;
}

.brd {
    border: 1px #d9000d solid !important;
}

.ECR .box .one {
    width: 25%;
    height: 65px;
    border-radius: 10px;
    text-align: center;
    margin-right: 15px;
}

/*Services */
/* services css */
.services h3 {
    font-size: 30px;
    line-height: 45px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #1e1765;
    text-align: center;
}

.services p {
    color: #828282;
}

.services .box p {
    margin-top: 10px;
    font-size: 15px;
}

.services .box {
    margin: 0 15px;
    padding: 42px 25px;
}

    .services .box:hover {
        background: #fff;
        box-shadow: 0px 0px 30px 0px rgba(177,89,105,.1);
        border-radius: 10px;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out
    }

.services .active {
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgb(177 89 105 / 10%);
    border-radius: 10px;
}

h5 {
   
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 600;
}


.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}





.ECR h4 {
    font-size: 18px;
    color: #084b8d;
    margin: 5px 0px 5px 0px;
    font-family: "Open Sans", sans-serif;
}

.ECR p {
    font-size: 16px;
    color: #909090;
    margin: 0px;
    font-family: arial;
}

.ECR .icon {
    background: #ffe8e1;
}

.ECR .box .one img {
    margin-top: 5px
}

.ECR .box .two {
    width: 75%
}

.logo-color {
    color: #d9000d;
}

footer {
    font-size: 14px;
}

    footer .box p {
        margin-bottom: 10px;
        font-size: 14px;
    }

    footer .box div {
        margin-bottom: 5px;
        font-size: 14px;
    }

.ft-list {
    margin: 0px 0px 20px 0px;
    list-style-type: square;
    padding: 0px;
    font-family: "Open Sans", sans-serif;
}

    .ft-list li {
        display: inline-block;
        margin-right: 16px;
        font-weight: 400;
        padding-right: 8px;
        font-size: 15px;
        color: #444;
    }

footer .footer-sec-2 {
    background: #ececec;
    padding: 26px 0 73px;
    font-size: 14px;
}

footer .footer-sec-3 {
    background: #132f87;
    padding: 16px 0px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.ft-list li a {
    color: #444;
}

footer .footer-sec-2 .reg-num span:first-child {
    color: #777;
    font-weight: 600;
    margin-bottom: 3px;
}

.display-5 {
    font-size: 3rem;
}

label.error {
    display: none !important;
}

input.error, select.error {
    border: 1px solid #F00 !important;
}

.latest-popup .close {
    color: #f37021 !important;
    border: none !important;
    font-size: 1.6rem;
}

.latest-popup .modal-header {
    background-color: #00529c;
    color: #fff !important;
}

.latest-popup label {
    margin-bottom: 2px;
}

.latest-popup .btn-close {
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fc0'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.popup-footer-group .btn-primary {
    background: #f37021;
    border-color: #f37021;
}

.logo-light {
    width: 150px;
}


/*01-03-24*/
.box-content {
    padding: 30px 0 24px;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 20px;
    -moz-box-shadow: 0 0 15px 0 rgba(2,3,3,.1);
    -webkit-box-shadow: 0 0 15px 0 rgba(2,3,3,.1);
    box-shadow: 0 0 15px 0 rgba(2,3,3,.1);
    border: 1px #f1f1f1 solid;
}

    .box-content p {
        text-align: center;
        font-size: 14px;
        font-weight: 500;
    }


/*banner bg*/
.banner-bg:after {
    position: absolute;
    content: "";
    right: 0px;
    top: -200px;
    background: url(../images/bg-banner.svg) no-repeat;
    background-size: cover;
    width: 1113.97px;
    height: 850.62px;
    z-index: -1;
}

.left-text-box small {
    display: inline-block;
    padding: 5px 20px;
    color: #FBB244;
    text-transform: uppercase;
    background-color: rgba(251, 178, 68, 0.2);
    border-radius: 30px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

/*.left-text-box h1, h2, h3, h4, h5 {
    font-family: "Montserrat", sans-serif;
}*/

.left-text-box h1 {
    color: #081158;
    font-size: 28px;
    font-weight: 700;
}

.left-text-box h3 {
    color: #081158;
    font-weight: 500;
    font-size: 20px;
}

.circle-section {
    position: relative;
}

    .circle-section .vector-1 {
        position: absolute;
        top: 245px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -200px;
        z-index: -1;
    }

.user-img {
    width: 230px;
    margin-top: 10px;
}
/*Footer*/
/* footer */
/*.footer-wrap {
    background-image: url('../images/footer-wrap-bg.jpg');
    background-repeat: repeat;
    height: 586px;
    padding-top: 27px;
    padding-bottom: 27px;
    font-family: 'Montserrat', sans-serif;
}

    .footer-wrap h5 {
        color: #7c7c7c;
        font-size: 13px;
        line-height: 20px;
        margin-top: 5px;
    }

    .footer-wrap h3 {
        color: #adadad;
        font-size: 14px;
        line-height: 43px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .footer-wrap ul {
        padding: 0;
        margin: 0;
    }

        .footer-wrap ul li {
            list-style-type: none;
        }

            .footer-wrap ul li a {
                color: #adadad;
                font-size: 13px;
                line-height: 30px;
                font-weight: 300;
            }

                .footer-wrap ul li a:hover {
                    color: #fcf600;
                }

    .footer-wrap p {
        color: #adadad;
        font-size: 13px;
        line-height: 30px;
        margin-bottom: 0;
    }

.footer-social-wrap {
    margin-top: 18px;
}

    .footer-social-wrap i {
        color: #787878;
        font-size: 30px;
        line-height: 40px;
        display: inline-block;
        margin-right: 10px;
    }

        .footer-social-wrap i:hover {
            color: #fcf600;
        }

.pad10 {
    padding-left: 10px;
}

.footer-wrap h6 {
    color: #8e8e8e;
    font-size: 11px;
    line-height: 19px;
    font-weight: 300;
    text-align: center;
    margin: 22px 0;
    padding: 0 90px;
}

.important-message-wrap p {
    color: #0ea5f0;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
}

footer {
    background-color: #2f2f2f;
    height: 49px;
}

    footer p {
        color: #6a6a6a;
        font-size: 12px;
        line-height: 49px;
        margin-bottom: 0;
    }

        footer p a {
            color: #6a6a6a;
        }

            footer p a:hover {
                color: #fcf600;
            }

    footer ul {
        padding: 0;
        margin: 0;
        text-align: right;
    }

        footer ul li {
            list-style-type: none;
            display: inline-block;
        }

            footer ul li:nth-child(2n) {
                color: #6a6a6a;
                font-size: 12px;
                line-height: 49px;
                padding: 0 3px;
            }

            footer ul li a {
                color: #6a6a6a;
                font-size: 12px;
                line-height: 49px;
            }

                footer ul li a:hover {
                    color: #fcf600;
                }*/

/*End*/


@media (max-width: 1199px) {
    .ECR p {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .banner-bg:after {
        right: 0px;
        top: 0px;
    }

    .our-services li {
        width: 33%;
        height: 160px;
    }

    .ECR .box {
        width: 100%;
    }

    .reg-num {
        margin-bottom: 18px;
    }

    .padding-top {
        padding-top: 2%;
    }
}

@media (max-width: 768px) {
    .footer-wrap h6 {
        line-height: 16px;
        margin: 15px 0;
        padding: 0px 10px;
    }
}

@media (max-width: 480px) {
    .header {
        display: block !important;
        text-align: center;
        line-height: 30px;
    }

    .formBox {
        margin-top: 30px;
    }

    .main-logo img {
        text-align: center;
    }

    .text-red {
        font-size: 22px;
    }
}

@media (max-width: 420px) {
    .our-services li {
        width: 100%;
        height: auto !important;
    }
}

/*mobile-head*/
@media (max-width: 991px) {
    .help-text {
        color: #717182;
        font-size: 10px !important;
        font-weight: 400 !important;
    }

    .head-mobile {
        height: 56px;
        box-shadow: 0 10px 10px -10px #c4c4c4;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        background: white;
        z-index: 99;
    }

    .mobile-box {
        display: flex;
        justify-content: space-between;
        font-weight: 600;
        align-items: center;
        padding: 5px;
        height: auto;
    }
}

@media (max-width: 767px) {
    .banner-form .form-grid input {
        font-size: 12px;
    }
}

@media screen and (max-width: 575px) {
    .w_40 {
        width: 135px;
    }

    .head {
        display: none;
    }

    .head-mobile {
        display: block
    }
}

@media screen and (max-width: 430px) {
    .w_40 {
        width: 130px;
    }
}

@media screen and (max-width: 375px) {
    .w_40 {
        width: 100px;
    }
}



/*rekyc landing home page start*/
h1, h2, h3, h4, h5, h6, p, ul {
    margin: 0;
    padding: 0;
}

.new-header {
    display: flex;
    /* overflow-x: hidden; */
}

header {
    overflow: unset;
}

header {
    padding: 0;
}
.modal-title {
    color: #AC1A2D !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
}


.headerL {
    flex-shrink: 0;
    background-color: var(--white-color);
    padding: 10px 25px;
    border-radius: 0px 0px 7px 0px;
}

    .headerL img {
        max-width: 180px;
    }
.btn-primary:hover {
    background-color: #971224 !important;
}
.btn-primary {
    background-color: #ac1a2d !important;
    border-color: #ac1a2d !important;
    color: white !important;
    font-size: calc(18px - 2px) !important;
    border-radius: 50px;
    padding: calc(14px - 2px) calc(35px - 5px);
    font-weight: 600;
}

    .btn-primary:hover {
        background-color: #971224 !important;
    }
.btn-warning {
    font-size: calc(18px - 2px) !important;
    padding: calc(14px - 2px) calc(35px - 5px);
    border-radius: 50px;
    padding: 10px 35px;
    border: 1px solid #7C7C7B;
    color: #AC1A2D !important;
    font-weight: 600;
    margin: 0 5px;
    font-size: 18px;
    transition: 0.2s;
    background: transparent;
}
.btn-resend {
    font-size: calc(18px - 2px) !important;
    padding: calc(14px - 2px) calc(35px - 5px);
    border-radius: 50px;
    padding: 10px 35px;
    border: 1px solid #7C7C7B;
    color: #AC1A2D !important;
    font-weight: 600;
    margin: 0 5px;
    font-size: 18px;
    transition: 0.2s;
    background: transparent;
}
/*.btn-warning:hover {
    border: 1px solid #ac1a2d;
    color: #fff !important;
    background: #ac1a2d;
}
*/
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none !important;
}


.one-time-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #757373;
    margin-top: -1rem;
}
.modal .btn-primary {
    padding: 10px 35px;
}

.modal .btn-warning {
    padding: 10px 35px;
}


.btn:first-child:hover, :not(.btn-check) + .btn:hover {
    color: #ac1a2d;
    background-color: transparent;
    border-color: #7C7C7B;
}

.headerR {
    width: 100%;
    background-color: var(--primary-color);
    padding: 10px 72px 10px 52px;
    border-bottom-left-radius: 15px;
    display: flex;
    align-items: center;
}

.userInfo {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: auto;
}

.headerR img {
    max-width: 105px;
}

.header-bottom {
    padding: 10px 25px;
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
}

    .header-bottom p {
        font-size: 16px;
        color: #AC1A2D;
        font-weight: 600;
    }

    .header-bottom img {
        max-width: 90px;
    }

    .header-bottom span {
        display: block;
        width: 16px;
        height: 2px;
        background-color: #AC1A2D;
        margin: 0 10px;
    }


/*media*/
@media(max-width: 1600px) {
    .headerL img {
        max-width: 180px;
    }

    .headerR img {
        max-width: 105px;
    }
}

@media(max-width: 1400px) {
    .headerL img {
        max-width: 144px;
    }

    .headerR img {
        max-width: 94px;
    }
}

@media(max-width: 991px) {
}

@media(max-width: 767px) {
}

@media(max-width: 575px) {
    .opt_box input{
        width:50%;
        margin:auto;
        display:table
    }
    .popup_footer_group .btn {
        width: 100%;
        margin-bottom: 15px;
        font-size: 14px !important;
        padding: 13px 13px;
    }

    /*.popup_footer_group .btn {
        width: 100%;
        margin-bottom: 15px;
    }*/
    .one-time-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #757373;
        margin-top: -1rem;
    }
    .headerL {
        padding-left: 15px;
        padding-right: 15px;
    }

    .headerR, .headerL {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .headerL {
        padding-top: 7px;
        padding-bottom: 7px;
    }

        .headerL img {
            max-width: 97.2px;
        }

    .headerR {
        padding-left: 20px;
        padding-right: 0;
    }

        .headerR img {
            max-width: 76.4px;
        }

    .header-bottom p {
        font-size: 15px;
    }

    .header-bottom img {
        max-width: 76px;
    }
}
@media(max-width: 480px){
    .registration-input-box.w-25 {
        width: 50% !important;
    }
}

/*----------------------------------------------------main-content starts here------------------------------------*/
/*-------------triangles-------start------*/
.up-down-anim {
    animation-name: up-down-anim;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

    .up-down-anim.two {
        animation-delay: 1s;
    }

@keyframes up-down-anim {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0);
    }
}

.scale-anim {
    animation-name: scale-anim;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes scale-anim {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}

.blink-anim {
    animation-name: blink-anim;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

    .blink-anim.blink-anim-1 {
        animation-delay: 0.1s;
    }

    .blink-anim.blink-anim-2 {
        animation-delay: 0.2s;
    }

    .blink-anim.blink-anim-3 {
        animation-delay: 0.3s;
    }

    .blink-anim.blink-anim-4 {
        animation-delay: 0.4s;
    }

    .blink-anim.blink-anim-5 {
        animation-delay: 0.5s;
    }

    .blink-anim.blink-anim-6 {
        animation-delay: 0.6s;
    }

    .blink-anim.blink-anim-7 {
        animation-delay: 0.7s;
    }

    .blink-anim.blink-anim-8 {
        animation-delay: 0.8s;
    }

    .blink-anim.blink-anim-9 {
        animation-delay: 0.9s;
    }

    .blink-anim.blink-anim-10 {
        animation-delay: 1s;
    }

    .blink-anim.blink-anim-11 {
        animation-delay: 1.1s;
    }

    .blink-anim.blink-anim-12 {
        animation-delay: 1.2s;
    }

    .blink-anim.blink-anim-13 {
        animation-delay: 1.3s;
    }

    .blink-anim.blink-anim-14 {
        animation-delay: 1.4s;
    }

    .blink-anim.blink-anim-15 {
        animation-delay: 1.5s;
    }

    .blink-anim.blink-anim-16 {
        animation-delay: 1.6s;
    }

    .blink-anim.blink-anim-17 {
        animation-delay: 1.7s;
    }

    .blink-anim.blink-anim-18 {
        animation-delay: 1.8s;
    }

    .blink-anim.blink-anim-19 {
        animation-delay: 1.9s;
    }

    .blink-anim.blink-anim-20 {
        animation-delay: 2s;
    }

    .blink-anim.blink-anim-21 {
        animation-delay: 2.1s;
    }

    .blink-anim.blink-anim-22 {
        animation-delay: 2.2s;
    }

    .blink-anim.blink-anim-23 {
        animation-delay: 2.3s;
    }

    .blink-anim.blink-anim-24 {
        animation-delay: 2.4s;
    }

    .blink-anim.blink-anim-25 {
        animation-delay: 2.5s;
    }

    .blink-anim.blink-anim-26 {
        animation-delay: 2.6s;
    }

    .blink-anim.blink-anim-27 {
        animation-delay: 2.7s;
    }

    .blink-anim.blink-anim-28 {
        animation-delay: 2.8s;
    }

    .blink-anim.blink-anim-29 {
        animation-delay: 2.9s;
    }

    .blink-anim.blink-anim-30 {
        animation-delay: 3s;
    }

    .blink-anim.blink-anim-31 {
        animation-delay: 3.1s;
    }

    .blink-anim.blink-anim-32 {
        animation-delay: 3.2s;
    }

    .blink-anim.blink-anim-33 {
        animation-delay: 3.3s;
    }

    .blink-anim.blink-anim-34 {
        animation-delay: 3.4s;
    }

    .blink-anim.blink-anim-35 {
        animation-delay: 3.5s;
    }

    .blink-anim.blink-anim-36 {
        animation-delay: 3.6s;
    }

    .blink-anim.blink-anim-37 {
        animation-delay: 3.7s;
    }

    .blink-anim.blink-anim-38 {
        animation-delay: 3.8s;
    }

    .blink-anim.blink-anim-39 {
        animation-delay: 3.9s;
    }

    .blink-anim.blink-anim-40 {
        animation-delay: 4s;
    }

    .blink-anim.blink-anim-41 {
        animation-delay: 4.1s;
    }

    .blink-anim.blink-anim-42 {
        animation-delay: 4.2s;
    }

    .blink-anim.blink-anim-43 {
        animation-delay: 4.3s;
    }

    .blink-anim.blink-anim-44 {
        animation-delay: 4.4s;
    }

    .blink-anim.blink-anim-45 {
        animation-delay: 4.5s;
    }

    .blink-anim.blink-anim-46 {
        animation-delay: 4.6s;
    }

    .blink-anim.blink-anim-47 {
        animation-delay: 4.7s;
    }

    .blink-anim.blink-anim-48 {
        animation-delay: 4.8s;
    }

    .blink-anim.blink-anim-49 {
        animation-delay: 4.9s;
    }

    .blink-anim.blink-anim-50 {
        animation-delay: 5s;
    }

    .blink-anim.blink-anim-51 {
        animation-delay: 5.1s;
    }

    .blink-anim.blink-anim-52 {
        animation-delay: 5.2s;
    }

    .blink-anim.blink-anim-53 {
        animation-delay: 5.3s;
    }

    .blink-anim.blink-anim-54 {
        animation-delay: 5.4s;
    }

    .blink-anim.blink-anim-55 {
        animation-delay: 5.5s;
    }

    .blink-anim.blink-anim-56 {
        animation-delay: 5.6s;
    }

    .blink-anim.blink-anim-57 {
        animation-delay: 5.7s;
    }

    .blink-anim.blink-anim-58 {
        animation-delay: 5.8s;
    }

    .blink-anim.blink-anim-59 {
        animation-delay: 5.9s;
    }

    .blink-anim.blink-anim-60 {
        animation-delay: 6s;
    }

    .blink-anim.blink-anim-61 {
        animation-delay: 6.1s;
    }

    .blink-anim.blink-anim-62 {
        animation-delay: 6.2s;
    }

    .blink-anim.blink-anim-63 {
        animation-delay: 6.3s;
    }

    .blink-anim.blink-anim-64 {
        animation-delay: 6.4s;
    }

    .blink-anim.blink-anim-65 {
        animation-delay: 6.5s;
    }

    .blink-anim.blink-anim-66 {
        animation-delay: 6.6s;
    }

    .blink-anim.blink-anim-67 {
        animation-delay: 6.7s;
    }

    .blink-anim.blink-anim-68 {
        animation-delay: 6.8s;
    }

    .blink-anim.blink-anim-69 {
        animation-delay: 6.9s;
    }

    .blink-anim.blink-anim-70 {
        animation-delay: 7s;
    }

    .blink-anim.blink-anim-71 {
        animation-delay: 7.1s;
    }

    .blink-anim.blink-anim-72 {
        animation-delay: 7.2s;
    }

    .blink-anim.blink-anim-73 {
        animation-delay: 7.3s;
    }

    .blink-anim.blink-anim-74 {
        animation-delay: 7.4s;
    }

    .blink-anim.blink-anim-75 {
        animation-delay: 7.5s;
    }

    .blink-anim.blink-anim-76 {
        animation-delay: 7.6s;
    }

    .blink-anim.blink-anim-77 {
        animation-delay: 7.7s;
    }

    .blink-anim.blink-anim-78 {
        animation-delay: 7.8s;
    }

    .blink-anim.blink-anim-79 {
        animation-delay: 7.9s;
    }

    .blink-anim.blink-anim-80 {
        animation-delay: 8s;
    }

    .blink-anim.blink-anim-81 {
        animation-delay: 8.1s;
    }

    .blink-anim.blink-anim-82 {
        animation-delay: 8.2s;
    }

    .blink-anim.blink-anim-83 {
        animation-delay: 8.3s;
    }

    .blink-anim.blink-anim-84 {
        animation-delay: 8.4s;
    }

    .blink-anim.blink-anim-85 {
        animation-delay: 8.5s;
    }

    .blink-anim.blink-anim-86 {
        animation-delay: 8.6s;
    }

    .blink-anim.blink-anim-87 {
        animation-delay: 8.7s;
    }

    .blink-anim.blink-anim-88 {
        animation-delay: 8.8s;
    }

    .blink-anim.blink-anim-89 {
        animation-delay: 8.9s;
    }

    .blink-anim.blink-anim-90 {
        animation-delay: 9s;
    }

    .blink-anim.blink-anim-91 {
        animation-delay: 9.1s;
    }

    .blink-anim.blink-anim-92 {
        animation-delay: 9.2s;
    }

    .blink-anim.blink-anim-93 {
        animation-delay: 9.3s;
    }

    .blink-anim.blink-anim-94 {
        animation-delay: 9.4s;
    }

    .blink-anim.blink-anim-95 {
        animation-delay: 9.5s;
    }

    .blink-anim.blink-anim-96 {
        animation-delay: 9.6s;
    }

    .blink-anim.blink-anim-97 {
        animation-delay: 9.7s;
    }

    .blink-anim.blink-anim-98 {
        animation-delay: 9.8s;
    }

    .blink-anim.blink-anim-99 {
        animation-delay: 9.9s;
    }

    .blink-anim.blink-anim-100 {
        animation-delay: 10s;
    }

    .blink-anim.blink-anim-101 {
        animation-delay: 10.1s;
    }

    .blink-anim.blink-anim-102 {
        animation-delay: 10.2s;
    }

    .blink-anim.blink-anim-103 {
        animation-delay: 10.3s;
    }

    .blink-anim.blink-anim-104 {
        animation-delay: 10.4s;
    }

@keyframes blink-anim {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.triangle-icon {
    position: absolute;
}

    .triangle-icon svg {
        height: auto;
    }

        .triangle-icon svg g path {
            animation-name: blink-anim;
            animation-duration: 1s;
            animation-iteration-count: infinite;
        }

            .triangle-icon svg g path.path-anim-0 {
                animation-delay: 0s;
            }

            .triangle-icon svg g path.path-anim-1 {
                animation-delay: 0.1s;
            }

            .triangle-icon svg g path.path-anim-2 {
                animation-delay: 0.2s;
            }

            .triangle-icon svg g path.path-anim-3 {
                animation-delay: 0.3s;
            }

            .triangle-icon svg g path.path-anim-4 {
                animation-delay: 0.4s;
            }

            .triangle-icon svg g path.path-anim-5 {
                animation-delay: 0.5s;
            }

            .triangle-icon svg g path.path-anim-6 {
                animation-delay: 0.6s;
            }

            .triangle-icon svg g path.path-anim-7 {
                animation-delay: 0.7s;
            }

            .triangle-icon svg g path.path-anim-8 {
                animation-delay: 0.8s;
            }

            .triangle-icon svg g path.path-anim-9 {
                animation-delay: 0.9s;
            }

            .triangle-icon svg g path.path-anim-10 {
                animation-delay: 1s;
            }

            .triangle-icon svg g path.path-anim-11 {
                animation-delay: 1.1s;
            }

            .triangle-icon svg g path.path-anim-12 {
                animation-delay: 1.2s;
            }

            .triangle-icon svg g path.path-anim-13 {
                animation-delay: 1.3s;
            }

            .triangle-icon svg g path.path-anim-14 {
                animation-delay: 1.4s;
            }

            .triangle-icon svg g path.path-anim-15 {
                animation-delay: 1.5s;
            }

            .triangle-icon svg g path.path-anim-16 {
                animation-delay: 1.6s;
            }

            .triangle-icon svg g path.path-anim-17 {
                animation-delay: 1.7s;
            }

            .triangle-icon svg g path.path-anim-18 {
                animation-delay: 1.8s;
            }

            .triangle-icon svg g path.path-anim-19 {
                animation-delay: 1.9s;
            }

            .triangle-icon svg g path.path-anim-20 {
                animation-delay: 2s;
            }

            .triangle-icon svg g path.path-anim-21 {
                animation-delay: 2.1s;
            }

            .triangle-icon svg g path.path-anim-22 {
                animation-delay: 2.2s;
            }

            .triangle-icon svg g path.path-anim-23 {
                animation-delay: 2.3s;
            }

            .triangle-icon svg g path.path-anim-24 {
                animation-delay: 2.4s;
            }

            .triangle-icon svg g path.path-anim-25 {
                animation-delay: 2.5s;
            }

            .triangle-icon svg g path.path-anim-26 {
                animation-delay: 2.6s;
            }

            .triangle-icon svg g path.path-anim-27 {
                animation-delay: 2.7s;
            }

            .triangle-icon svg g path.path-anim-28 {
                animation-delay: 2.8s;
            }

            .triangle-icon svg g path.path-anim-29 {
                animation-delay: 2.9s;
            }

            .triangle-icon svg g path.path-anim-30 {
                animation-delay: 3s;
            }

            .triangle-icon svg g path.path-anim-31 {
                animation-delay: 3.1s;
            }

            .triangle-icon svg g path.path-anim-32 {
                animation-delay: 3.2s;
            }

            .triangle-icon svg g path.path-anim-33 {
                animation-delay: 3.3s;
            }

            .triangle-icon svg g path.path-anim-34 {
                animation-delay: 3.4s;
            }

            .triangle-icon svg g path.path-anim-35 {
                animation-delay: 3.5s;
            }

            .triangle-icon svg g path.path-anim-36 {
                animation-delay: 3.6s;
            }

            .triangle-icon svg g path.path-anim-37 {
                animation-delay: 3.7s;
            }

            .triangle-icon svg g path.path-anim-38 {
                animation-delay: 3.8s;
            }

            .triangle-icon svg g path.path-anim-39 {
                animation-delay: 3.9s;
            }

            .triangle-icon svg g path.path-anim-40 {
                animation-delay: 4s;
            }

            .triangle-icon svg g path.path-anim-41 {
                animation-delay: 4.1s;
            }

            .triangle-icon svg g path.path-anim-42 {
                animation-delay: 4.2s;
            }

            .triangle-icon svg g path.path-anim-43 {
                animation-delay: 4.3s;
            }

            .triangle-icon svg g path.path-anim-44 {
                animation-delay: 4.4s;
            }

            .triangle-icon svg g path.path-anim-45 {
                animation-delay: 4.5s;
            }

            .triangle-icon svg g path.path-anim-46 {
                animation-delay: 4.6s;
            }

            .triangle-icon svg g path.path-anim-47 {
                animation-delay: 4.7s;
            }

            .triangle-icon svg g path.path-anim-48 {
                animation-delay: 4.8s;
            }

            .triangle-icon svg g path.path-anim-49 {
                animation-delay: 4.9s;
            }

            .triangle-icon svg g path.path-anim-50 {
                animation-delay: 5s;
            }

            .triangle-icon svg g path.path-anim-51 {
                animation-delay: 5.1s;
            }

            .triangle-icon svg g path.path-anim-52 {
                animation-delay: 5.2s;
            }

            .triangle-icon svg g path.path-anim-53 {
                animation-delay: 5.3s;
            }

            .triangle-icon svg g path.path-anim-54 {
                animation-delay: 5.4s;
            }

            .triangle-icon svg g path.path-anim-55 {
                animation-delay: 5.5s;
            }

            .triangle-icon svg g path.path-anim-56 {
                animation-delay: 5.6s;
            }

            .triangle-icon svg g path.path-anim-57 {
                animation-delay: 5.7s;
            }

            .triangle-icon svg g path.path-anim-58 {
                animation-delay: 5.8s;
            }

            .triangle-icon svg g path.path-anim-59 {
                animation-delay: 5.9s;
            }

            .triangle-icon svg g path.path-anim-60 {
                animation-delay: 6s;
            }

            .triangle-icon svg g path.path-anim-61 {
                animation-delay: 6.1s;
            }

            .triangle-icon svg g path.path-anim-62 {
                animation-delay: 6.2s;
            }

            .triangle-icon svg g path.path-anim-63 {
                animation-delay: 6.3s;
            }

            .triangle-icon svg g path.path-anim-64 {
                animation-delay: 6.4s;
            }

            .triangle-icon svg g path.path-anim-65 {
                animation-delay: 6.5s;
            }

            .triangle-icon svg g path.path-anim-66 {
                animation-delay: 6.6s;
            }

            .triangle-icon svg g path.path-anim-67 {
                animation-delay: 6.7s;
            }

            .triangle-icon svg g path.path-anim-68 {
                animation-delay: 6.8s;
            }

            .triangle-icon svg g path.path-anim-69 {
                animation-delay: 6.9s;
            }

            .triangle-icon svg g path.path-anim-70 {
                animation-delay: 7s;
            }

            .triangle-icon svg g path.path-anim-71 {
                animation-delay: 7.1s;
            }

            .triangle-icon svg g path.path-anim-72 {
                animation-delay: 7.2s;
            }

            .triangle-icon svg g path.path-anim-73 {
                animation-delay: 7.3s;
            }

            .triangle-icon svg g path.path-anim-74 {
                animation-delay: 7.4s;
            }

            .triangle-icon svg g path.path-anim-75 {
                animation-delay: 7.5s;
            }

            .triangle-icon svg g path.path-anim-76 {
                animation-delay: 7.6s;
            }

            .triangle-icon svg g path.path-anim-77 {
                animation-delay: 7.7s;
            }

            .triangle-icon svg g path.path-anim-78 {
                animation-delay: 7.8s;
            }

            .triangle-icon svg g path.path-anim-79 {
                animation-delay: 7.9s;
            }

            .triangle-icon svg g path.path-anim-80 {
                animation-delay: 8s;
            }

            .triangle-icon svg g path.path-anim-81 {
                animation-delay: 8.1s;
            }

            .triangle-icon svg g path.path-anim-82 {
                animation-delay: 8.2s;
            }

            .triangle-icon svg g path.path-anim-83 {
                animation-delay: 8.3s;
            }

            .triangle-icon svg g path.path-anim-84 {
                animation-delay: 8.4s;
            }

            .triangle-icon svg g path.path-anim-85 {
                animation-delay: 8.5s;
            }

            .triangle-icon svg g path.path-anim-86 {
                animation-delay: 8.6s;
            }

            .triangle-icon svg g path.path-anim-87 {
                animation-delay: 8.7s;
            }

            .triangle-icon svg g path.path-anim-88 {
                animation-delay: 8.8s;
            }

            .triangle-icon svg g path.path-anim-89 {
                animation-delay: 8.9s;
            }

            .triangle-icon svg g path.path-anim-90 {
                animation-delay: 9s;
            }

            .triangle-icon svg g path.path-anim-91 {
                animation-delay: 9.1s;
            }

            .triangle-icon svg g path.path-anim-92 {
                animation-delay: 9.2s;
            }

            .triangle-icon svg g path.path-anim-93 {
                animation-delay: 9.3s;
            }

            .triangle-icon svg g path.path-anim-94 {
                animation-delay: 9.4s;
            }

            .triangle-icon svg g path.path-anim-95 {
                animation-delay: 9.5s;
            }

            .triangle-icon svg g path.path-anim-96 {
                animation-delay: 9.6s;
            }

            .triangle-icon svg g path.path-anim-97 {
                animation-delay: 9.7s;
            }

            .triangle-icon svg g path.path-anim-98 {
                animation-delay: 9.8s;
            }

            .triangle-icon svg g path.path-anim-99 {
                animation-delay: 9.9s;
            }

            .triangle-icon svg g path.path-anim-100 {
                animation-delay: 10s;
            }

            .triangle-icon svg g path.path-anim-101 {
                animation-delay: 10.1s;
            }

            .triangle-icon svg g path.path-anim-102 {
                animation-delay: 10.2s;
            }

            .triangle-icon svg g path.path-anim-103 {
                animation-delay: 10.3s;
            }

            .triangle-icon svg g path.path-anim-104 {
                animation-delay: 10.4s;
            }

            .triangle-icon svg g path.path-anim-105 {
                animation-delay: 10.5s;
            }

            .triangle-icon svg g path.path-anim-106 {
                animation-delay: 10.6s;
            }

            .triangle-icon svg g path.path-anim-107 {
                animation-delay: 10.7s;
            }

            .triangle-icon svg g path.path-anim-108 {
                animation-delay: 10.8s;
            }

            .triangle-icon svg g path.path-anim-109 {
                animation-delay: 10.9s;
            }

            .triangle-icon svg g path.path-anim-110 {
                animation-delay: 11s;
            }

            .triangle-icon svg g path.path-anim-111 {
                animation-delay: 11.1s;
            }

            .triangle-icon svg g path.path-anim-112 {
                animation-delay: 11.2s;
            }

            .triangle-icon svg g path.path-anim-113 {
                animation-delay: 11.3s;
            }

            .triangle-icon svg g path.path-anim-114 {
                animation-delay: 11.4s;
            }

            .triangle-icon svg g path.path-anim-115 {
                animation-delay: 11.5s;
            }

            .triangle-icon svg g path.path-anim-116 {
                animation-delay: 11.6s;
            }

            .triangle-icon svg g path.path-anim-117 {
                animation-delay: 11.7s;
            }

            .triangle-icon svg g path.path-anim-118 {
                animation-delay: 11.8s;
            }

            .triangle-icon svg g path.path-anim-119 {
                animation-delay: 11.9s;
            }

            .triangle-icon svg g path.path-anim-120 {
                animation-delay: 12s;
            }

            .triangle-icon svg g path.path-anim-121 {
                animation-delay: 12.1s;
            }

            .triangle-icon svg g path.path-anim-122 {
                animation-delay: 12.2s;
            }

            .triangle-icon svg g path.path-anim-123 {
                animation-delay: 12.3s;
            }

            .triangle-icon svg g path.path-anim-124 {
                animation-delay: 12.4s;
            }

            .triangle-icon svg g path.path-anim-125 {
                animation-delay: 12.5s;
            }

            .triangle-icon svg g path.path-anim-126 {
                animation-delay: 12.6s;
            }

            .triangle-icon svg g path.path-anim-127 {
                animation-delay: 12.7s;
            }

            .triangle-icon svg g path.path-anim-128 {
                animation-delay: 12.8s;
            }

            .triangle-icon svg g path.path-anim-129 {
                animation-delay: 12.9s;
            }

            .triangle-icon svg g path.path-anim-130 {
                animation-delay: 13s;
            }

            .triangle-icon svg g path.path-anim-131 {
                animation-delay: 13.1s;
            }

            .triangle-icon svg g path.path-anim-132 {
                animation-delay: 13.2s;
            }

            .triangle-icon svg g path.path-anim-133 {
                animation-delay: 13.3s;
            }

            .triangle-icon svg g path.path-anim-134 {
                animation-delay: 13.4s;
            }

            .triangle-icon svg g path.path-anim-135 {
                animation-delay: 13.5s;
            }

            .triangle-icon svg g path.path-anim-136 {
                animation-delay: 13.6s;
            }

            .triangle-icon svg g path.path-anim-137 {
                animation-delay: 13.7s;
            }

            .triangle-icon svg g path.path-anim-138 {
                animation-delay: 13.8s;
            }

            .triangle-icon svg g path.path-anim-139 {
                animation-delay: 13.9s;
            }

            .triangle-icon svg g path.path-anim-140 {
                animation-delay: 14s;
            }

            .triangle-icon svg g path.path-anim-141 {
                animation-delay: 14.1s;
            }

            .triangle-icon svg g path.path-anim-142 {
                animation-delay: 14.2s;
            }

            .triangle-icon svg g path.path-anim-143 {
                animation-delay: 14.3s;
            }

            .triangle-icon svg g path.path-anim-144 {
                animation-delay: 14.4s;
            }

            .triangle-icon svg g path.path-anim-145 {
                animation-delay: 14.5s;
            }

            .triangle-icon svg g path.path-anim-146 {
                animation-delay: 14.6s;
            }

            .triangle-icon svg g path.path-anim-147 {
                animation-delay: 14.7s;
            }

            .triangle-icon svg g path.path-anim-148 {
                animation-delay: 14.8s;
            }

            .triangle-icon svg g path.path-anim-149 {
                animation-delay: 14.9s;
            }

            .triangle-icon svg g path.path-anim-150 {
                animation-delay: 15s;
            }

            .triangle-icon svg g path.path-anim-151 {
                animation-delay: 15.1s;
            }

            .triangle-icon svg g path.path-anim-152 {
                animation-delay: 15.2s;
            }

            .triangle-icon svg g path.path-anim-153 {
                animation-delay: 15.3s;
            }

            .triangle-icon svg g path.path-anim-154 {
                animation-delay: 15.4s;
            }

            .triangle-icon svg g path.path-anim-155 {
                animation-delay: 15.5s;
            }

            .triangle-icon svg g path.path-anim-156 {
                animation-delay: 15.6s;
            }

            .triangle-icon svg g path.path-anim-157 {
                animation-delay: 15.7s;
            }

            .triangle-icon svg g path.path-anim-158 {
                animation-delay: 15.8s;
            }

            .triangle-icon svg g path.path-anim-159 {
                animation-delay: 15.9s;
            }

            .triangle-icon svg g path.path-anim-160 {
                animation-delay: 16s;
            }

            .triangle-icon svg g path.path-anim-161 {
                animation-delay: 16.1s;
            }

            .triangle-icon svg g path.path-anim-162 {
                animation-delay: 16.2s;
            }

            .triangle-icon svg g path.path-anim-163 {
                animation-delay: 16.3s;
            }

            .triangle-icon svg g path.path-anim-164 {
                animation-delay: 16.4s;
            }

            .triangle-icon svg g path.path-anim-165 {
                animation-delay: 16.5s;
            }

            .triangle-icon svg g path.path-anim-166 {
                animation-delay: 16.6s;
            }

            .triangle-icon svg g path.path-anim-167 {
                animation-delay: 16.7s;
            }

            .triangle-icon svg g path.path-anim-168 {
                animation-delay: 16.8s;
            }

            .triangle-icon svg g path.path-anim-169 {
                animation-delay: 16.9s;
            }

            .triangle-icon svg g path.path-anim-170 {
                animation-delay: 17s;
            }

            .triangle-icon svg g path.path-anim-171 {
                animation-delay: 17.1s;
            }

            .triangle-icon svg g path.path-anim-172 {
                animation-delay: 17.2s;
            }

            .triangle-icon svg g path.path-anim-173 {
                animation-delay: 17.3s;
            }

            .triangle-icon svg g path.path-anim-174 {
                animation-delay: 17.4s;
            }

            .triangle-icon svg g path.path-anim-175 {
                animation-delay: 17.5s;
            }

            .triangle-icon svg g path.path-anim-176 {
                animation-delay: 17.6s;
            }

            .triangle-icon svg g path.path-anim-177 {
                animation-delay: 17.7s;
            }

            .triangle-icon svg g path.path-anim-178 {
                animation-delay: 17.8s;
            }

            .triangle-icon svg g path.path-anim-179 {
                animation-delay: 17.9s;
            }

            .triangle-icon svg g path.path-anim-180 {
                animation-delay: 18s;
            }

            .triangle-icon svg g path.path-anim-181 {
                animation-delay: 18.1s;
            }

            .triangle-icon svg g path.path-anim-182 {
                animation-delay: 18.2s;
            }

            .triangle-icon svg g path.path-anim-183 {
                animation-delay: 18.3s;
            }

            .triangle-icon svg g path.path-anim-184 {
                animation-delay: 18.4s;
            }

            .triangle-icon svg g path.path-anim-185 {
                animation-delay: 18.5s;
            }

            .triangle-icon svg g path.path-anim-186 {
                animation-delay: 18.6s;
            }

            .triangle-icon svg g path.path-anim-187 {
                animation-delay: 18.7s;
            }

            .triangle-icon svg g path.path-anim-188 {
                animation-delay: 18.8s;
            }

            .triangle-icon svg g path.path-anim-189 {
                animation-delay: 18.9s;
            }

            .triangle-icon svg g path.path-anim-190 {
                animation-delay: 19s;
            }

            .triangle-icon svg g path.path-anim-191 {
                animation-delay: 19.1s;
            }

            .triangle-icon svg g path.path-anim-192 {
                animation-delay: 19.2s;
            }

            .triangle-icon svg g path.path-anim-193 {
                animation-delay: 19.3s;
            }

            .triangle-icon svg g path.path-anim-194 {
                animation-delay: 19.4s;
            }

            .triangle-icon svg g path.path-anim-195 {
                animation-delay: 19.5s;
            }

            .triangle-icon svg g path.path-anim-196 {
                animation-delay: 19.6s;
            }

            .triangle-icon svg g path.path-anim-197 {
                animation-delay: 19.7s;
            }

            .triangle-icon svg g path.path-anim-198 {
                animation-delay: 19.8s;
            }

            .triangle-icon svg g path.path-anim-199 {
                animation-delay: 19.9s;
            }

            .triangle-icon svg g path.path-anim-200 {
                animation-delay: 20s;
            }

            .triangle-icon svg g path.path-anim-201 {
                animation-delay: 20.1s;
            }

            .triangle-icon svg g path.path-anim-202 {
                animation-delay: 20.2s;
            }

            .triangle-icon svg g path.path-anim-203 {
                animation-delay: 20.3s;
            }

            .triangle-icon svg g path.path-anim-204 {
                animation-delay: 20.4s;
            }

            .triangle-icon svg g path.path-anim-205 {
                animation-delay: 20.5s;
            }

            .triangle-icon svg g path.path-anim-206 {
                animation-delay: 20.6s;
            }

            .triangle-icon svg g path.path-anim-207 {
                animation-delay: 20.7s;
            }

            .triangle-icon svg g path.path-anim-208 {
                animation-delay: 20.8s;
            }

            .triangle-icon svg g path.path-anim-209 {
                animation-delay: 20.9s;
            }

            .triangle-icon svg g path.path-anim-210 {
                animation-delay: 21s;
            }

            .triangle-icon svg g path.path-anim-211 {
                animation-delay: 21.1s;
            }

            .triangle-icon svg g path.path-anim-212 {
                animation-delay: 21.2s;
            }

            .triangle-icon svg g path.path-anim-213 {
                animation-delay: 21.3s;
            }

            .triangle-icon svg g path.path-anim-214 {
                animation-delay: 21.4s;
            }

            .triangle-icon svg g path.path-anim-215 {
                animation-delay: 21.5s;
            }

            .triangle-icon svg g path.path-anim-216 {
                animation-delay: 21.6s;
            }

            .triangle-icon svg g path.path-anim-217 {
                animation-delay: 21.7s;
            }

            .triangle-icon svg g path.path-anim-218 {
                animation-delay: 21.8s;
            }

            .triangle-icon svg g path.path-anim-219 {
                animation-delay: 21.9s;
            }

            .triangle-icon svg g path.path-anim-220 {
                animation-delay: 22s;
            }

            .triangle-icon svg g path.path-anim-221 {
                animation-delay: 22.1s;
            }

            .triangle-icon svg g path.path-anim-222 {
                animation-delay: 22.2s;
            }

            .triangle-icon svg g path.path-anim-223 {
                animation-delay: 22.3s;
            }

            .triangle-icon svg g path.path-anim-224 {
                animation-delay: 22.4s;
            }

            .triangle-icon svg g path.path-anim-225 {
                animation-delay: 22.5s;
            }

            .triangle-icon svg g path.path-anim-226 {
                animation-delay: 22.6s;
            }

            .triangle-icon svg g path.path-anim-227 {
                animation-delay: 22.7s;
            }

            .triangle-icon svg g path.path-anim-228 {
                animation-delay: 22.8s;
            }

            .triangle-icon svg g path.path-anim-229 {
                animation-delay: 22.9s;
            }

            .triangle-icon svg g path.path-anim-230 {
                animation-delay: 23s;
            }

            .triangle-icon svg g path.path-anim-231 {
                animation-delay: 23.1s;
            }

            .triangle-icon svg g path.path-anim-232 {
                animation-delay: 23.2s;
            }

            .triangle-icon svg g path.path-anim-233 {
                animation-delay: 23.3s;
            }

            .triangle-icon svg g path.path-anim-234 {
                animation-delay: 23.4s;
            }

            .triangle-icon svg g path.path-anim-235 {
                animation-delay: 23.5s;
            }

            .triangle-icon svg g path.path-anim-236 {
                animation-delay: 23.6s;
            }

            .triangle-icon svg g path.path-anim-237 {
                animation-delay: 23.7s;
            }

            .triangle-icon svg g path.path-anim-238 {
                animation-delay: 23.8s;
            }

            .triangle-icon svg g path.path-anim-239 {
                animation-delay: 23.9s;
            }

            .triangle-icon svg g path.path-anim-240 {
                animation-delay: 24s;
            }

            .triangle-icon svg g path.path-anim-241 {
                animation-delay: 24.1s;
            }

            .triangle-icon svg g path.path-anim-242 {
                animation-delay: 24.2s;
            }

            .triangle-icon svg g path.path-anim-243 {
                animation-delay: 24.3s;
            }

            .triangle-icon svg g path.path-anim-244 {
                animation-delay: 24.4s;
            }

            .triangle-icon svg g path.path-anim-245 {
                animation-delay: 24.5s;
            }

            .triangle-icon svg g path.path-anim-246 {
                animation-delay: 24.6s;
            }

            .triangle-icon svg g path.path-anim-247 {
                animation-delay: 24.7s;
            }

            .triangle-icon svg g path.path-anim-248 {
                animation-delay: 24.8s;
            }

            .triangle-icon svg g path.path-anim-249 {
                animation-delay: 24.9s;
            }

            .triangle-icon svg g path.path-anim-250 {
                animation-delay: 25s;
            }

            .triangle-icon svg g path.path-anim-251 {
                animation-delay: 25.1s;
            }

            .triangle-icon svg g path.path-anim-252 {
                animation-delay: 25.2s;
            }

            .triangle-icon svg g path.path-anim-253 {
                animation-delay: 25.3s;
            }

            .triangle-icon svg g path.path-anim-254 {
                animation-delay: 25.4s;
            }

            .triangle-icon svg g path.path-anim-255 {
                animation-delay: 25.5s;
            }

            .triangle-icon svg g path.path-anim-256 {
                animation-delay: 25.6s;
            }

            .triangle-icon svg g path.path-anim-257 {
                animation-delay: 25.7s;
            }

            .triangle-icon svg g path.path-anim-258 {
                animation-delay: 25.8s;
            }

            .triangle-icon svg g path.path-anim-259 {
                animation-delay: 25.9s;
            }

            .triangle-icon svg g path.path-anim-260 {
                animation-delay: 26s;
            }

            .triangle-icon svg g path.path-anim-261 {
                animation-delay: 26.1s;
            }

            .triangle-icon svg g path.path-anim-262 {
                animation-delay: 26.2s;
            }

            .triangle-icon svg g path.path-anim-263 {
                animation-delay: 26.3s;
            }

            .triangle-icon svg g path.path-anim-264 {
                animation-delay: 26.4s;
            }

            .triangle-icon svg g path.path-anim-265 {
                animation-delay: 26.5s;
            }

            .triangle-icon svg g path.path-anim-266 {
                animation-delay: 26.6s;
            }

            .triangle-icon svg g path.path-anim-267 {
                animation-delay: 26.7s;
            }

            .triangle-icon svg g path.path-anim-268 {
                animation-delay: 26.8s;
            }

            .triangle-icon svg g path.path-anim-269 {
                animation-delay: 26.9s;
            }

            .triangle-icon svg g path.path-anim-270 {
                animation-delay: 27s;
            }

            .triangle-icon svg g path.path-anim-271 {
                animation-delay: 27.1s;
            }

            .triangle-icon svg g path.path-anim-272 {
                animation-delay: 27.2s;
            }

            .triangle-icon svg g path.path-anim-273 {
                animation-delay: 27.3s;
            }

            .triangle-icon svg g path.path-anim-274 {
                animation-delay: 27.4s;
            }

            .triangle-icon svg g path.path-anim-275 {
                animation-delay: 27.5s;
            }

            .triangle-icon svg g path.path-anim-276 {
                animation-delay: 27.6s;
            }

            .triangle-icon svg g path.path-anim-277 {
                animation-delay: 27.7s;
            }

            .triangle-icon svg g path.path-anim-278 {
                animation-delay: 27.8s;
            }

            .triangle-icon svg g path.path-anim-279 {
                animation-delay: 27.9s;
            }

            .triangle-icon svg g path.path-anim-280 {
                animation-delay: 28s;
            }

            .triangle-icon svg g path.path-anim-281 {
                animation-delay: 28.1s;
            }

            .triangle-icon svg g path.path-anim-282 {
                animation-delay: 28.2s;
            }

            .triangle-icon svg g path.path-anim-283 {
                animation-delay: 28.3s;
            }

            .triangle-icon svg g path.path-anim-284 {
                animation-delay: 28.4s;
            }

            .triangle-icon svg g path.path-anim-285 {
                animation-delay: 28.5s;
            }

            .triangle-icon svg g path.path-anim-286 {
                animation-delay: 28.6s;
            }

            .triangle-icon svg g path.path-anim-287 {
                animation-delay: 28.7s;
            }

            .triangle-icon svg g path.path-anim-288 {
                animation-delay: 28.8s;
            }

            .triangle-icon svg g path.path-anim-289 {
                animation-delay: 28.9s;
            }

            .triangle-icon svg g path.path-anim-290 {
                animation-delay: 29s;
            }

            .triangle-icon svg g path.path-anim-291 {
                animation-delay: 29.1s;
            }

            .triangle-icon svg g path.path-anim-292 {
                animation-delay: 29.2s;
            }

            .triangle-icon svg g path.path-anim-293 {
                animation-delay: 29.3s;
            }

            .triangle-icon svg g path.path-anim-294 {
                animation-delay: 29.4s;
            }

            .triangle-icon svg g path.path-anim-295 {
                animation-delay: 29.5s;
            }

            .triangle-icon svg g path.path-anim-296 {
                animation-delay: 29.6s;
            }

            .triangle-icon svg g path.path-anim-297 {
                animation-delay: 29.7s;
            }

            .triangle-icon svg g path.path-anim-298 {
                animation-delay: 29.8s;
            }

            .triangle-icon svg g path.path-anim-299 {
                animation-delay: 29.9s;
            }

            .triangle-icon svg g path.path-anim-300 {
                animation-delay: 30s;
            }

            .triangle-icon svg g path.path-anim-301 {
                animation-delay: 30.1s;
            }

            .triangle-icon svg g path.path-anim-302 {
                animation-delay: 30.2s;
            }

            .triangle-icon svg g path.path-anim-303 {
                animation-delay: 30.3s;
            }

            .triangle-icon svg g path.path-anim-304 {
                animation-delay: 30.4s;
            }

            .triangle-icon svg g path.path-anim-305 {
                animation-delay: 30.5s;
            }

            .triangle-icon svg g path.path-anim-306 {
                animation-delay: 30.6s;
            }

            .triangle-icon svg g path.path-anim-307 {
                animation-delay: 30.7s;
            }

            .triangle-icon svg g path.path-anim-308 {
                animation-delay: 30.8s;
            }

            .triangle-icon svg g path.path-anim-309 {
                animation-delay: 30.9s;
            }

            .triangle-icon svg g path.path-anim-310 {
                animation-delay: 31s;
            }

            .triangle-icon svg g path.path-anim-311 {
                animation-delay: 31.1s;
            }

            .triangle-icon svg g path.path-anim-312 {
                animation-delay: 31.2s;
            }

            .triangle-icon svg g path.path-anim-313 {
                animation-delay: 31.3s;
            }

            .triangle-icon svg g path.path-anim-314 {
                animation-delay: 31.4s;
            }

            .triangle-icon svg g path.path-anim-315 {
                animation-delay: 31.5s;
            }

            .triangle-icon svg g path.path-anim-316 {
                animation-delay: 31.6s;
            }

            .triangle-icon svg g path.path-anim-317 {
                animation-delay: 31.7s;
            }

            .triangle-icon svg g path.path-anim-318 {
                animation-delay: 31.8s;
            }

            .triangle-icon svg g path.path-anim-319 {
                animation-delay: 31.9s;
            }

            .triangle-icon svg g path.path-anim-320 {
                animation-delay: 32s;
            }

            .triangle-icon svg g path.path-anim-321 {
                animation-delay: 32.1s;
            }

            .triangle-icon svg g path.path-anim-322 {
                animation-delay: 32.2s;
            }

            .triangle-icon svg g path.path-anim-323 {
                animation-delay: 32.3s;
            }

            .triangle-icon svg g path.path-anim-324 {
                animation-delay: 32.4s;
            }

            .triangle-icon svg g path.path-anim-325 {
                animation-delay: 32.5s;
            }

            .triangle-icon svg g path.path-anim-326 {
                animation-delay: 32.6s;
            }

            .triangle-icon svg g path.path-anim-327 {
                animation-delay: 32.7s;
            }

            .triangle-icon svg g path.path-anim-328 {
                animation-delay: 32.8s;
            }

            .triangle-icon svg g path.path-anim-329 {
                animation-delay: 32.9s;
            }

            .triangle-icon svg g path.path-anim-330 {
                animation-delay: 33s;
            }

            .triangle-icon svg g path.path-anim-331 {
                animation-delay: 33.1s;
            }

            .triangle-icon svg g path.path-anim-332 {
                animation-delay: 33.2s;
            }

            .triangle-icon svg g path.path-anim-333 {
                animation-delay: 33.3s;
            }

            .triangle-icon svg g path.path-anim-334 {
                animation-delay: 33.4s;
            }

            .triangle-icon svg g path.path-anim-335 {
                animation-delay: 33.5s;
            }

            .triangle-icon svg g path.path-anim-336 {
                animation-delay: 33.6s;
            }

            .triangle-icon svg g path.path-anim-337 {
                animation-delay: 33.7s;
            }

            .triangle-icon svg g path.path-anim-338 {
                animation-delay: 33.8s;
            }

            .triangle-icon svg g path.path-anim-339 {
                animation-delay: 33.9s;
            }

            .triangle-icon svg g path.path-anim-340 {
                animation-delay: 34s;
            }

            .triangle-icon svg g path.path-anim-341 {
                animation-delay: 34.1s;
            }

            .triangle-icon svg g path.path-anim-342 {
                animation-delay: 34.2s;
            }

            .triangle-icon svg g path.path-anim-343 {
                animation-delay: 34.3s;
            }

            .triangle-icon svg g path.path-anim-344 {
                animation-delay: 34.4s;
            }

            .triangle-icon svg g path.path-anim-345 {
                animation-delay: 34.5s;
            }

            .triangle-icon svg g path.path-anim-346 {
                animation-delay: 34.6s;
            }

            .triangle-icon svg g path.path-anim-347 {
                animation-delay: 34.7s;
            }

            .triangle-icon svg g path.path-anim-348 {
                animation-delay: 34.8s;
            }

            .triangle-icon svg g path.path-anim-349 {
                animation-delay: 34.9s;
            }

            .triangle-icon svg g path.path-anim-350 {
                animation-delay: 35s;
            }

            .triangle-icon svg g path.path-anim-351 {
                animation-delay: 35.1s;
            }

            .triangle-icon svg g path.path-anim-352 {
                animation-delay: 35.2s;
            }

            .triangle-icon svg g path.path-anim-353 {
                animation-delay: 35.3s;
            }

            .triangle-icon svg g path.path-anim-354 {
                animation-delay: 35.4s;
            }

            .triangle-icon svg g path.path-anim-355 {
                animation-delay: 35.5s;
            }

            .triangle-icon svg g path.path-anim-356 {
                animation-delay: 35.6s;
            }

            .triangle-icon svg g path.path-anim-357 {
                animation-delay: 35.7s;
            }

            .triangle-icon svg g path.path-anim-358 {
                animation-delay: 35.8s;
            }

            .triangle-icon svg g path.path-anim-359 {
                animation-delay: 35.9s;
            }

            .triangle-icon svg g path.path-anim-360 {
                animation-delay: 36s;
            }

            .triangle-icon svg g path.path-anim-361 {
                animation-delay: 36.1s;
            }

            .triangle-icon svg g path.path-anim-362 {
                animation-delay: 36.2s;
            }

            .triangle-icon svg g path.path-anim-363 {
                animation-delay: 36.3s;
            }

            .triangle-icon svg g path.path-anim-364 {
                animation-delay: 36.4s;
            }

            .triangle-icon svg g path.path-anim-365 {
                animation-delay: 36.5s;
            }

            .triangle-icon svg g path.path-anim-366 {
                animation-delay: 36.6s;
            }

            .triangle-icon svg g path.path-anim-367 {
                animation-delay: 36.7s;
            }

            .triangle-icon svg g path.path-anim-368 {
                animation-delay: 36.8s;
            }

            .triangle-icon svg g path.path-anim-369 {
                animation-delay: 36.9s;
            }

            .triangle-icon svg g path.path-anim-370 {
                animation-delay: 37s;
            }

            .triangle-icon svg g path.path-anim-371 {
                animation-delay: 37.1s;
            }

            .triangle-icon svg g path.path-anim-372 {
                animation-delay: 37.2s;
            }

            .triangle-icon svg g path.path-anim-373 {
                animation-delay: 37.3s;
            }

            .triangle-icon svg g path.path-anim-374 {
                animation-delay: 37.4s;
            }

            .triangle-icon svg g path.path-anim-375 {
                animation-delay: 37.5s;
            }

            .triangle-icon svg g path.path-anim-376 {
                animation-delay: 37.6s;
            }

            .triangle-icon svg g path.path-anim-377 {
                animation-delay: 37.7s;
            }

            .triangle-icon svg g path.path-anim-378 {
                animation-delay: 37.8s;
            }

            .triangle-icon svg g path.path-anim-379 {
                animation-delay: 37.9s;
            }

            .triangle-icon svg g path.path-anim-380 {
                animation-delay: 38s;
            }

            .triangle-icon svg g path.path-anim-381 {
                animation-delay: 38.1s;
            }

            .triangle-icon svg g path.path-anim-382 {
                animation-delay: 38.2s;
            }

            .triangle-icon svg g path.path-anim-383 {
                animation-delay: 38.3s;
            }

            .triangle-icon svg g path.path-anim-384 {
                animation-delay: 38.4s;
            }

            .triangle-icon svg g path.path-anim-385 {
                animation-delay: 38.5s;
            }

            .triangle-icon svg g path.path-anim-386 {
                animation-delay: 38.6s;
            }

            .triangle-icon svg g path.path-anim-387 {
                animation-delay: 38.7s;
            }

            .triangle-icon svg g path.path-anim-388 {
                animation-delay: 38.8s;
            }

            .triangle-icon svg g path.path-anim-389 {
                animation-delay: 38.9s;
            }

            .triangle-icon svg g path.path-anim-390 {
                animation-delay: 39s;
            }

            .triangle-icon svg g path.path-anim-391 {
                animation-delay: 39.1s;
            }

            .triangle-icon svg g path.path-anim-392 {
                animation-delay: 39.2s;
            }

            .triangle-icon svg g path.path-anim-393 {
                animation-delay: 39.3s;
            }

            .triangle-icon svg g path.path-anim-394 {
                animation-delay: 39.4s;
            }

            .triangle-icon svg g path.path-anim-395 {
                animation-delay: 39.5s;
            }

            .triangle-icon svg g path.path-anim-396 {
                animation-delay: 39.6s;
            }

            .triangle-icon svg g path.path-anim-397 {
                animation-delay: 39.7s;
            }

            .triangle-icon svg g path.path-anim-398 {
                animation-delay: 39.8s;
            }

            .triangle-icon svg g path.path-anim-399 {
                animation-delay: 39.9s;
            }

            .triangle-icon svg g path.path-anim-400 {
                animation-delay: 40s;
            }

            .triangle-icon svg g path.path-anim-401 {
                animation-delay: 40.1s;
            }

            .triangle-icon svg g path.path-anim-402 {
                animation-delay: 40.2s;
            }

            .triangle-icon svg g path.path-anim-403 {
                animation-delay: 40.3s;
            }

            .triangle-icon svg g path.path-anim-404 {
                animation-delay: 40.4s;
            }

            .triangle-icon svg g path.path-anim-405 {
                animation-delay: 40.5s;
            }

            .triangle-icon svg g path.path-anim-406 {
                animation-delay: 40.6s;
            }

            .triangle-icon svg g path.path-anim-407 {
                animation-delay: 40.7s;
            }

            .triangle-icon svg g path.path-anim-408 {
                animation-delay: 40.8s;
            }

            .triangle-icon svg g path.path-anim-409 {
                animation-delay: 40.9s;
            }

            .triangle-icon svg g path.path-anim-410 {
                animation-delay: 41s;
            }

            .triangle-icon svg g path.path-anim-411 {
                animation-delay: 41.1s;
            }

            .triangle-icon svg g path.path-anim-412 {
                animation-delay: 41.2s;
            }

            .triangle-icon svg g path.path-anim-413 {
                animation-delay: 41.3s;
            }

            .triangle-icon svg g path.path-anim-414 {
                animation-delay: 41.4s;
            }

            .triangle-icon svg g path.path-anim-415 {
                animation-delay: 41.5s;
            }

            .triangle-icon svg g path.path-anim-416 {
                animation-delay: 41.6s;
            }

            .triangle-icon svg g path.path-anim-417 {
                animation-delay: 41.7s;
            }

            .triangle-icon svg g path.path-anim-418 {
                animation-delay: 41.8s;
            }

            .triangle-icon svg g path.path-anim-419 {
                animation-delay: 41.9s;
            }

            .triangle-icon svg g path.path-anim-420 {
                animation-delay: 42s;
            }

            .triangle-icon svg g path.path-anim-421 {
                animation-delay: 42.1s;
            }

            .triangle-icon svg g path.path-anim-422 {
                animation-delay: 42.2s;
            }

            .triangle-icon svg g path.path-anim-423 {
                animation-delay: 42.3s;
            }

            .triangle-icon svg g path.path-anim-424 {
                animation-delay: 42.4s;
            }

            .triangle-icon svg g path.path-anim-425 {
                animation-delay: 42.5s;
            }

            .triangle-icon svg g path.path-anim-426 {
                animation-delay: 42.6s;
            }

            .triangle-icon svg g path.path-anim-427 {
                animation-delay: 42.7s;
            }

            .triangle-icon svg g path.path-anim-428 {
                animation-delay: 42.8s;
            }

            .triangle-icon svg g path.path-anim-429 {
                animation-delay: 42.9s;
            }

            .triangle-icon svg g path.path-anim-430 {
                animation-delay: 43s;
            }

            .triangle-icon svg g path.path-anim-431 {
                animation-delay: 43.1s;
            }

            .triangle-icon svg g path.path-anim-432 {
                animation-delay: 43.2s;
            }

            .triangle-icon svg g path.path-anim-433 {
                animation-delay: 43.3s;
            }

            .triangle-icon svg g path.path-anim-434 {
                animation-delay: 43.4s;
            }

            .triangle-icon svg g path.path-anim-435 {
                animation-delay: 43.5s;
            }

            .triangle-icon svg g path.path-anim-436 {
                animation-delay: 43.6s;
            }

            .triangle-icon svg g path.path-anim-437 {
                animation-delay: 43.7s;
            }

            .triangle-icon svg g path.path-anim-438 {
                animation-delay: 43.8s;
            }

            .triangle-icon svg g path.path-anim-439 {
                animation-delay: 43.9s;
            }

            .triangle-icon svg g path.path-anim-440 {
                animation-delay: 44s;
            }

            .triangle-icon svg g path.path-anim-441 {
                animation-delay: 44.1s;
            }

            .triangle-icon svg g path.path-anim-442 {
                animation-delay: 44.2s;
            }

            .triangle-icon svg g path.path-anim-443 {
                animation-delay: 44.3s;
            }

            .triangle-icon svg g path.path-anim-444 {
                animation-delay: 44.4s;
            }

            .triangle-icon svg g path.path-anim-445 {
                animation-delay: 44.5s;
            }

            .triangle-icon svg g path.path-anim-446 {
                animation-delay: 44.6s;
            }

            .triangle-icon svg g path.path-anim-447 {
                animation-delay: 44.7s;
            }

            .triangle-icon svg g path.path-anim-448 {
                animation-delay: 44.8s;
            }

            .triangle-icon svg g path.path-anim-449 {
                animation-delay: 44.9s;
            }

            .triangle-icon svg g path.path-anim-450 {
                animation-delay: 45s;
            }

            .triangle-icon svg g path.path-anim-451 {
                animation-delay: 45.1s;
            }

            .triangle-icon svg g path.path-anim-452 {
                animation-delay: 45.2s;
            }

            .triangle-icon svg g path.path-anim-453 {
                animation-delay: 45.3s;
            }

            .triangle-icon svg g path.path-anim-454 {
                animation-delay: 45.4s;
            }

            .triangle-icon svg g path.path-anim-455 {
                animation-delay: 45.5s;
            }

            .triangle-icon svg g path.path-anim-456 {
                animation-delay: 45.6s;
            }

            .triangle-icon svg g path.path-anim-457 {
                animation-delay: 45.7s;
            }

            .triangle-icon svg g path.path-anim-458 {
                animation-delay: 45.8s;
            }

            .triangle-icon svg g path.path-anim-459 {
                animation-delay: 45.9s;
            }

            .triangle-icon svg g path.path-anim-460 {
                animation-delay: 46s;
            }

            .triangle-icon svg g path.path-anim-461 {
                animation-delay: 46.1s;
            }

            .triangle-icon svg g path.path-anim-462 {
                animation-delay: 46.2s;
            }

            .triangle-icon svg g path.path-anim-463 {
                animation-delay: 46.3s;
            }

            .triangle-icon svg g path.path-anim-464 {
                animation-delay: 46.4s;
            }

            .triangle-icon svg g path.path-anim-465 {
                animation-delay: 46.5s;
            }

            .triangle-icon svg g path.path-anim-466 {
                animation-delay: 46.6s;
            }

            .triangle-icon svg g path.path-anim-467 {
                animation-delay: 46.7s;
            }

            .triangle-icon svg g path.path-anim-468 {
                animation-delay: 46.8s;
            }

            .triangle-icon svg g path.path-anim-469 {
                animation-delay: 46.9s;
            }

            .triangle-icon svg g path.path-anim-470 {
                animation-delay: 47s;
            }

            .triangle-icon svg g path.path-anim-471 {
                animation-delay: 47.1s;
            }

            .triangle-icon svg g path.path-anim-472 {
                animation-delay: 47.2s;
            }

            .triangle-icon svg g path.path-anim-473 {
                animation-delay: 47.3s;
            }

            .triangle-icon svg g path.path-anim-474 {
                animation-delay: 47.4s;
            }

            .triangle-icon svg g path.path-anim-475 {
                animation-delay: 47.5s;
            }

            .triangle-icon svg g path.path-anim-476 {
                animation-delay: 47.6s;
            }

            .triangle-icon svg g path.path-anim-477 {
                animation-delay: 47.7s;
            }

            .triangle-icon svg g path.path-anim-478 {
                animation-delay: 47.8s;
            }

            .triangle-icon svg g path.path-anim-479 {
                animation-delay: 47.9s;
            }

            .triangle-icon svg g path.path-anim-480 {
                animation-delay: 48s;
            }

            .triangle-icon svg g path.path-anim-481 {
                animation-delay: 48.1s;
            }

            .triangle-icon svg g path.path-anim-482 {
                animation-delay: 48.2s;
            }

            .triangle-icon svg g path.path-anim-483 {
                animation-delay: 48.3s;
            }

            .triangle-icon svg g path.path-anim-484 {
                animation-delay: 48.4s;
            }

            .triangle-icon svg g path.path-anim-485 {
                animation-delay: 48.5s;
            }

            .triangle-icon svg g path.path-anim-486 {
                animation-delay: 48.6s;
            }

            .triangle-icon svg g path.path-anim-487 {
                animation-delay: 48.7s;
            }

            .triangle-icon svg g path.path-anim-488 {
                animation-delay: 48.8s;
            }

            .triangle-icon svg g path.path-anim-489 {
                animation-delay: 48.9s;
            }

            .triangle-icon svg g path.path-anim-490 {
                animation-delay: 49s;
            }

            .triangle-icon svg g path.path-anim-491 {
                animation-delay: 49.1s;
            }

            .triangle-icon svg g path.path-anim-492 {
                animation-delay: 49.2s;
            }

            .triangle-icon svg g path.path-anim-493 {
                animation-delay: 49.3s;
            }

            .triangle-icon svg g path.path-anim-494 {
                animation-delay: 49.4s;
            }

            .triangle-icon svg g path.path-anim-495 {
                animation-delay: 49.5s;
            }

            .triangle-icon svg g path.path-anim-496 {
                animation-delay: 49.6s;
            }

            .triangle-icon svg g path.path-anim-497 {
                animation-delay: 49.7s;
            }

            .triangle-icon svg g path.path-anim-498 {
                animation-delay: 49.8s;
            }

            .triangle-icon svg g path.path-anim-499 {
                animation-delay: 49.9s;
            }

            .triangle-icon svg g path.path-anim-500 {
                animation-delay: 50s;
            }

            .triangle-icon svg g path.path-anim-501 {
                animation-delay: 50.1s;
            }

            .triangle-icon svg g path.path-anim-502 {
                animation-delay: 50.2s;
            }

            .triangle-icon svg g path.path-anim-503 {
                animation-delay: 50.3s;
            }

            .triangle-icon svg g path.path-anim-504 {
                animation-delay: 50.4s;
            }

            .triangle-icon svg g path.path-anim-505 {
                animation-delay: 50.5s;
            }

            .triangle-icon svg g path.path-anim-506 {
                animation-delay: 50.6s;
            }

            .triangle-icon svg g path.path-anim-507 {
                animation-delay: 50.7s;
            }

            .triangle-icon svg g path.path-anim-508 {
                animation-delay: 50.8s;
            }

            .triangle-icon svg g path.path-anim-509 {
                animation-delay: 50.9s;
            }

            .triangle-icon svg g path.path-anim-510 {
                animation-delay: 51s;
            }

            .triangle-icon svg g path.path-anim-511 {
                animation-delay: 51.1s;
            }

            .triangle-icon svg g path.path-anim-512 {
                animation-delay: 51.2s;
            }

            .triangle-icon svg g path.path-anim-513 {
                animation-delay: 51.3s;
            }

            .triangle-icon svg g path.path-anim-514 {
                animation-delay: 51.4s;
            }

            .triangle-icon svg g path.path-anim-515 {
                animation-delay: 51.5s;
            }

            .triangle-icon svg g path.path-anim-516 {
                animation-delay: 51.6s;
            }

            .triangle-icon svg g path.path-anim-517 {
                animation-delay: 51.7s;
            }

            .triangle-icon svg g path.path-anim-518 {
                animation-delay: 51.8s;
            }

            .triangle-icon svg g path.path-anim-519 {
                animation-delay: 51.9s;
            }

            .triangle-icon svg g path.path-anim-520 {
                animation-delay: 52s;
            }
/*-------------triangles-----end--------*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
}
.form-check-input:checked {
    background-color: #ac1a2d;
    border-color: #ac1a2d;
    cursor: pointer;
}
.form-check-input:focus {
    box-shadow: none !important;
    border-color: #d4dae1 !important;
}
.btn:first-child:hover, :not(.btn-check) + .btn:hover {
    color: #ac1a2d;
    background-color: transparent;
    border-color: #7C7C7B;
}
ul {
    list-style: none;
}

a {
    display: inline-block;
    text-decoration: none;
}

input {
    outline: 0;
}

.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    color: #c91429;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: fit-content;
}

    .custom-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: #eee;
    border-radius: 4px;
}

.custom-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

.custom-checkbox input:checked ~ .checkmark {
    background-color: #c91429;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.custom-checkbox .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.common-btn {
    padding: 12px 35px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    border: 1px solid transparent;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease;
}

@media (max-width: 1600px) {
    .common-btn {
        font-size: calc(18px - 2px);
        padding: 12px calc(35px - 5px);
    }
}

.common-btn p {
    transition: 0.3s ease;
    opacity: 1;
}

.common-btn.btn-white {
    border: 1px solid #fff;
    color: #fff;
}

    .common-btn.btn-white:hover {
        background-color: #fff;
        transition-delay: 0.3s;
        transition-duration: 0.2s;
    }

        .common-btn.btn-white:hover p {
            transform: translateY(200%);
            opacity: 0;
        }

        .common-btn.btn-white:hover::before {
            top: 25%;
            opacity: 1;
            color: #c91429;
        }

.common-btn.btn-red {
    border: 1px solid #c91429;
    color: #c91429;
}

    .common-btn.btn-red:hover {
        background-color: #c91429;
        transition-delay: 0.3s;
        transition-duration: 0.2s;
    }

        .common-btn.btn-red:hover p {
            transform: translateY(200%);
            opacity: 0;
        }

        .common-btn.btn-red:hover::before {
            top: 25%;
            opacity: 1;
            color: #fff;
        }

.common-btn.view-more::after {
    position: absolute;
    right: 15px;
    z-index: 3;
    height: 21px;
    width: 20px;
    object-fit: contain;
    top: 20px;
}

.common-btn p {
    position: relative;
}

.common-btn::before {
    content: attr(data-btn-name);
    position: absolute;
    top: -100%;
    transition: 0.3s ease;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    text-align: center;
}

input:focus {
    outline: 0;
}

#ui-datepicker-div {
    display: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    margin-top: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #78909c;
}

.ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 0;
}

    .ui-datepicker-calendar tbody td a {
        display: block;
        border-radius: 0.25rem;
        line-height: 2rem;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        color: #1d1d1d;
        font-size: 0.875rem;
        text-decoration: none;
    }

        .ui-datepicker-calendar tbody td a:hover {
            background-color: #cc1e3536;
        }

        .ui-datepicker-calendar tbody td a.ui-state-active {
            background-color: #6c6c6c;
            color: #fff;
        }

.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

    .ui-datepicker-header a.ui-corner-all:hover {
        background-color: #eceff1;
    }

.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
}

.ui-datepicker-header a > span {
    display: none;
}

.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}

.ui-datepicker-week-col {
    color: #78909c;
    font-weight: 400;
    font-size: 0.75rem;
}

.ui-datepicker-month {
    margin-right: 7px;
}

.ui-datepicker-month,
.ui-datepicker-year {
    padding: 3px 8px;
    outline: 0;
    background-color: #cc1e35;
    color: #fff;
}

.custom-date-picker {
    position: relative;
    z-index: 1;
}

    .custom-date-picker input {
        background-color: transparent;
        cursor: pointer;
    }

    .custom-date-picker span {
        position: absolute;
        right: 15px;
        top: 15px;
    }

.ui-state-disabled {
    color: #b9b9b9;
}

.date-icon {
    position: absolute;
    right: 20px;
    top: 12px;
    line-height: 1;
    z-index: 0;
}

/*------------------------banner--section--start----------------------------------*/
.banner {
    padding: 120px 0;
    background: #f2f2f2;
    position: relative;
    overflow: hidden;
    height: 750px;
}

@media (max-width: 1600px) {
    .banner {
        padding: calc(120px - 20px) 0;
        height: calc(750px - 125px);
    }
}

@media (max-width: 1400px) {
    .banner {
        padding: calc(120px - 20px * 2) 0;
        height: calc(750px - 125px * 1.3);
    }
}

@media (max-width: 1200px) {
    .banner {
        padding: calc(120px - 20px * 3) 0;
        height: calc(750px - 125px * 1.7);
    }
}

@media (max-width: 767px) {
    .banner {
        padding: calc(120px - 20px * 4) 0;
        height: calc(750px - 125px * 2);
    }
}

@media (max-width: 575px) {
    .banner {
        height: calc(750px - 110px);
    }
    .modal-title {
        font-size: 16px !important;
        line-height: 22px !important;
    }
}

@media (max-width: 767px) {
    .banner-image {
        display: none;
    }
}

.banner-image svg {
    height: auto;
}

@media (max-width: 1600px) {
    .banner-image svg {
        max-width: 750px;
    }
}

@media (max-width: 1400px) {
    .banner-image svg {
        max-width: 392px;
        max-width: 692px;
    }
}

@media (max-width: 1200px) {
    .banner-image svg {
        max-width: 324.8px;
        max-width: 520px;
    }
}

@media (max-width: 991px) {
    .banner-image svg {
        max-width: 350px;
    }
}

.banner-container {
    max-width: 1568px;
    margin: auto;
    padding: 0 12px;
    position: relative;
}

@media (max-width: 1600px) {
    .banner-container {
        max-width: calc(1568px - 260px);
    }
}

@media (max-width: 1400px) {
    .banner-container {
        max-width: calc(1568px - 260px * 1.6);
    }
}

@media (max-width: 1200px) {
    .banner-container {
        max-width: calc(1568px - 260px * 2.3);
    }
}

@media (max-width: 991px) {
    .banner-container {
        max-width: calc(1568px - 260px * 3.2);
    }
}

@media (max-width: 767px) {
    .banner-container {
        max-width: calc(1568px - 260px * 3.9);
    }
}

.banner-content {
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    .banner-content {
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
    .banner-content {
        display: block;
    }
}

.banner-left {
    width: 960px;
    margin-right: 74px;
}

@media (max-width: 1600px) {
    .banner-left {
        width: calc(960px - 160px);
        margin-right: calc(74px - 12px);
    }
}

@media (max-width: 1400px) {
    .banner-left {
        width: calc(960px - 160px * 1.6);
        margin-right: calc(74px - 12px * 2);
    }
}

@media (max-width: 1200px) {
    .banner-left {
        width: calc(960px - 160px * 2);
        margin-right: calc(74px - 12px * 3);
    }
}

@media (max-width: 991px) {
    .banner-left {
        width: calc(960px - 160px * 3.4);
    }
}

@media (max-width: 767px) {
    .banner-left {
        width: calc(960px - 160px * 4.5);
    }
}

@media (max-width: 575px) {
    .banner-left {
        width: 100%;
        margin-right: 0;
    }
}

.banner-right {
    width: 520px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1600px) {
    .banner-right {
        width: calc(520px - 86px);
    }
}

@media (max-width: 1400px) {
    .banner-right {
        width: calc(520px - 86px * 1.4);
    }
}

@media (max-width: 1200px) {
    .banner-right {
        width: calc(520px - 86px * 2);
    }
}

@media (max-width: 575px) {
    .banner-right {
        width: calc(520px - 86px * 2.4);
    }
}

@media (max-width: 991px) {
    .banner-content-box {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .banner-content-box {
        margin-top: 0;
        margin-bottom: 25px;
    }
}

@media (max-width: 575px) {
    .banner-content-box {
        display: block;
        margin: 25px auto 0 auto;
    }
}

@media (max-width: 414px) {
    .banner-content-box {
        max-width: 260px;
    }
}

.banner-content-box h1 {
    margin-bottom: 18px;
}

@media (max-width: 575px) {
    .banner-content-box h1 {
        margin-bottom: 12px;
    }
}

.banner-content-box h1,
.banner-content-box h2 {
    font-weight: 400;
    font-size: 30px;
    line-height: 1.3;
    text-align: right;
    color: #757373;
}

@media (max-width: 1600px) {
    .banner-content-box h1,
    .banner-content-box h2 {
        font-size: calc(30px - 5px);
    }
}

@media (max-width: 1400px) {
    .banner-content-box h1,
    .banner-content-box h2 {
        font-size: calc(30px - 5px * 1.3);
    }
}

@media (max-width: 1200px) {
    .banner-content-box h1,
    .banner-content-box h2 {
        font-size: calc(30px - 5px * 1.9);
    }
}

@media (max-width: 991px) {
    .banner-content-box h1,
    .banner-content-box h2 {
        text-align: left;
        font-size: calc(30px - 5px * 1.2);
    }
}

@media (max-width: 575px) {
    .banner-content-box h1,
    .banner-content-box h2 {
        text-align: center;
        font-size: calc(30px - 5px * 1.6);
    }
}

.banner-content-box h1 span,
.banner-content-box h2 span {
    font-weight: 700;
    color: #cc1e35;
}

.banner-form {
    padding: 54px 60px 22px 60px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(139, 139, 139, 0.15);
    border-radius: 10px;
}

@media (max-width: 1600px) {
    .banner-form {
        padding: calc(54px - 9px) calc(60px - 10px) calc(22px - 3px) calc(60px - 10px);
    }
}

@media (max-width: 1400px) {
    .banner-form {
        padding: calc(54px - 9px * 2) calc(60px - 10px * 2) calc(22px - 3px * 2) calc(60px - 10px * 2);
    }
}

@media (max-width: 1200px) {
    .banner-form {
        padding: calc(54px - 9px * 3) calc(60px - 10px * 3) calc(22px - 3px * 3) calc(60px - 10px * 3);
    }
}

@media (max-width: 767px) {
    .banner-form {
        padding: calc(54px - 9px * 4) calc(60px - 10px * 4) calc(22px - 3px * 4) calc(60px - 10px * 4);
    }
}

@media (max-width: 575px) {
    .banner-form {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .banner-form .custom-checkbox {
        margin: auto;
    }
}

.banner-form a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #c91429;
    text-align: right;
    margin: auto;
}

.banner-form h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.22;
    color: #c91429;
    margin-bottom: 11px;
}

@media (max-width: 1600px) {
    .banner-form h3 {
        font-size: calc(36px - 5px);
    }
}

@media (max-width: 1400px) {
    .banner-form h3 {
        font-size: calc(36px - 5px * 1.6);
    }
}

@media (max-width: 1200px) {
    .banner-form h3 {
        font-size: calc(36px - 5px * 2.4);
    }
}

.banner-form h4 {
    font-weight: 400;
    font-size: 23px;
    line-height: 1.3;
    color: #757373;
    margin-bottom: 25px;
}

@media (max-width: 1600px) {
    .banner-form h4 {
        font-size: calc(23px - 3px);
        margin-bottom: calc(25px - 4px);
    }
}

@media (max-width: 1400px) {
    .banner-form h4 {
        font-size: calc(23px - 3px * 2);
        margin-bottom: calc(25px - 4px * 2);
    }
}

@media (max-width: 1200px) {
    .banner-form h4 {
        font-size: calc(23px - 3px * 3);
        margin-bottom: calc(25px - 4px * 3);
    }
}

.banner-form .form-grid {
    background: #fff;
    margin-bottom: 20px;
    position: relative;
}

@media (max-width: 1600px) {
    .banner-form .form-grid {
        margin-bottom: calc(20px - 2px);
    }
}

@media (max-width: 1200px) {
    .banner-form .form-grid {
        margin-bottom: calc(20px - 2px * 2);
    }
}

.banner-form .form-grid input {
    width: 100%;
    outline: 0;
    border: none;
    border-radius: 0;
    font-size: 16px;
    padding: 11px 16px;
    height: 48px;
    border: 1px solid #e3e5e6;
    border-radius: 8px;
}

@media (max-width: 1600px) {
    .banner-form .form-grid input {
        font-size: 15px;
    }
}

.banner-form input[type="submit"] {
    background: #c91429;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    padding: 15px 35px;
    border: 1px solid #c91429;
    border-radius: 30px;
}

@media (max-width: 1600px) {
    .banner-form input[type="submit"] {
        font-size: 16px;
        padding: 13px 30px;
    }
}

@media (max-width: 1400px) {
    .banner-form input[type="submit"] {
        font-size: 15px;
        padding: 11px 25px;
    }
}

@media (max-width: 1200px) {
    .banner-form input[type="submit"] {
        font-size: 14px;
        padding: 11px 25px;
        margin: auto;
    }
}

.banner-form.two {
    display: none;
}

.banner-form-box {
    max-width: 332px;
    margin-bottom: 26px;
}

@media (max-width: 1600px) {
    .banner-form-box {
        margin-bottom: calc(26px - 4px);
    }
}

@media (max-width: 1400px) {
    .banner-form-box {
        margin-bottom: calc(26px - 4px * 2);
    }
}

.banner-form-box p {
    margin: 16px 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #6b6969;
}

.banner-inner {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .banner-inner {
        align-items: center;
    }
}

@media (max-width: 575px) {
    .banner-inner {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
}

.triangle-icon {
    position: absolute;
    left: -6rem;
    top: 0;
    transform: rotate(180deg);
}

.banner-top-left {
    top: 0;
    left: -6rem;
}

    .banner-top-left svg {
        width: 245px;
    }

@media (max-width: 1600px) {
    .banner-top-left svg {
        width: calc(245px - 40px);
        left: -5rem;
    }
}

@media (max-width: 1400px) {
    .banner-top-left svg {
        width: calc(245px - 40px * 2);
        left: -4rem;
    }
}

.banner-top-right {
    left: unset;
    right: 0;
}

.banner-bottom-right {
    bottom: 0;
    right: 0;
    transform: rotate(0);
    top: unset;
    left: unset;
}

@media (max-width: 1600px) {
    .banner-bottom-right svg {
        width: calc(422px - 70px);
    }
}

@media (max-width: 1400px) {
    .banner-bottom-right svg {
        width: calc(422px - 70px * 2);
    }
}

.banner-bottom-left {
    right: unset;
    top: unset;
    left: -6rem;
    bottom: 0;
}

@media (max-width: 1600px) {
    .banner-bottom-left svg {
        width: calc(353px - 58px);
    }
}

@media (max-width: 1400px) {
    .banner-bottom-left svg {
        width: calc(353px - 58px * 2);
    }
}

.counter {
    padding: 98px 0 68px 0;
    overflow: hidden;
}

@media (max-width: 1600px) {
    .counter {
        padding: calc(98px - 15px) 0 calc(68px - 11px) 0;
    }
}

@media (max-width: 1400px) {
    .counter {
        padding: calc(98px - 15px * 2) 0 calc(68px - 11px * 2) 0;
    }
}

@media (max-width: 1200px) {
    .counter {
        padding: calc(98px - 15px * 3) 0 calc(68px - 11px * 3) 0;
    }
}

@media (max-width: 991px) {
    .counter {
        padding: calc(98px - 15px * 4) 0 calc(68px - 11px * 4) 0;
    }
}

.counter .row [class*="col-"] {
    margin-bottom: 30px;
}

@media (max-width: 1600px) {
    .counter .row [class*="col-"] {
        margin-bottom: calc(30px - 5px);
    }
}

.counter-container {
    max-width: 1040px;
    padding: 0 15px;
    margin: auto;
}

@media (max-width: 1600px) {
    .counter-container {
        max-width: calc(1040px - 170px);
    }
}

@media (max-width: 1400px) {
    .counter-container {
        max-width: calc(1040px - 170px * 1.8);
    }
}

@media (max-width: 1200px) {
    .counter-container {
        max-width: calc(1040px - 170px * 2.5);
    }
}

@media (max-width: 991px) {
    .counter-container {
        max-width: calc(968px - 160px * 1.9);
    }
}

.counter-icon {
    margin-bottom: 14px;
}

    .counter-icon svg {
        height: auto;
    }

@media (max-width: 1600px) {
    .counter-icon svg {
        height: calc(57px - 9px);
    }
}

.counter-content p {
    font-weight: 400;
    font-size: 25px;
    line-height: 1.21;
    color: #afafaf;
}

@media (max-width: 1600px) {
    .counter-content p {
        font-size: calc(25px - 4px);
    }
}

@media (max-width: 1400px) {
    .counter-content p {
        font-size: calc(25px - 4px * 2);
    }
}

.count {
    font-weight: 700;
    font-size: 75px;
    line-height: 1;
    color: #c91429;
    margin-bottom: 5px;
    position: relative;
}

@media (max-width: 1600px) {
    .count {
        font-size: calc(75px - 12px);
    }
}

@media (max-width: 1400px) {
    .count {
        font-size: calc(75px - 12px * 2);
    }
}

@media (max-width: 1200px) {
    .count {
        font-size: calc(75px - 12px * 2.8);
    }
}

@media (max-width: 991px) {
    .count {
        font-size: calc(75px - 12px * 3.2);
    }
}

.count.plus::after {
    position: absolute;
    content: "+";
}

.counter-item {
    text-align: center;
}

.key-point {
    padding: 60px 0;
    background-color: #c91429;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1600px) {
    .key-point {
        padding: calc(60px - 10px) 0;
    }
}

@media (max-width: 1400px) {
    .key-point {
        padding: calc(60px - 10px * 2) 0;
    }
}

@media (max-width: 575px) {
    .key-point {
        padding: calc(60px - 10px * 2.6) 0;
    }
}

.key-point .section-head {
    color: #fff;
    margin-bottom: 106px;
}

@media (max-width: 1600px) {
    .key-point .section-head {
        margin-bottom: calc(106px - 17px);
    }
}

@media (max-width: 1400px) {
    .key-point .section-head {
        margin-bottom: calc(106px - 17px * 2);
    }
}

@media (max-width: 1200px) {
    .key-point .section-head {
        margin-bottom: calc(106px - 17px * 3);
    }
}

@media (max-width: 991px) {
    .key-point .section-head {
        margin-bottom: calc(106px - 17px * 4);
    }
}

.key-point .one {
    left: 11rem;
    top: 0;
    transform: rotate(180deg);
}

.key-point .two {
    bottom: 0;
    left: 2rem;
    width: 274px;
}

.key-point .three {
    top: 0;
    right: 0;
    width: 232px;
    transform: rotate(180deg);
}

.key-point .four {
    bottom: 0;
    right: 11rem;
}

.key-point-container {
    max-width: 900px;
    margin: auto;
    position: relative;
}

@media (max-width: 991px) {
    .key-point-container {
        max-width: calc(900px - 145px * 1.2);
    }
}

@media (max-width: 767px) {
    .key-point-container {
        padding: 0 15px;
        max-width: calc(900px - 145px * 2.4);
    }
}

.key-point-item-wraper {
    margin-bottom: 18px;
}

@media (max-width: 1600px) {
    .key-point-item-wraper {
        margin-bottom: calc(18px - 2px);
    }
}

.key-point-item-wraper .row [class*="col-"] {
    margin-bottom: 60px;
}

@media (max-width: 1600px) {
    .key-point-item-wraper .row [class*="col-"] {
        margin-bottom: calc(60px - 10px);
    }
}

@media (max-width: 1400px) {
    .key-point-item-wraper .row [class*="col-"] {
        margin-bottom: calc(60px - 10px * 2);
    }
}

.key-point-icon {
    margin-bottom: 20px;
}

@media (max-width: 1600px) {
    .key-point-icon {
        margin-bottom: calc(20px - 2px);
    }
}

.key-point-icon img {
    height: auto;
    max-height: 90px;
}

@media (max-width: 1600px) {
    .key-point-icon img {
        height: calc(90px - 15px);
    }
}

@media (max-width: 1400px) {
    .key-point-icon img {
        height: calc(90px - 15px * 1.5);
    }
}

@media (max-width: 991px) {
    .key-point-icon img {
        height: calc(90px - 15px * 2);
    }
}

.key-point-item {
    max-width: 252px;
}

@media (max-width: 767px) {
    .key-point-item {
        max-width: 100%;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .key-point-item {
        max-width: 260px;
        margin: auto;
    }
}

.key-point-item h4 {
    font-weight: 700;
    font-size: 25px;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 9px;
}

@media (max-width: 1600px) {
    .key-point-item h4 {
        font-size: calc(25px - 4px);
    }
}

@media (max-width: 1400px) {
    .key-point-item h4 {
        font-size: calc(25px - 4px * 1.5);
    }
}

.key-point-item p {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}

.journey {
    padding: 44px 0 54px 0;
    background: #fbfbfb;
    overflow: hidden;
}

@media (max-width: 1600px) {
    .journey {
        padding: calc(44px - 7px) 0 calc(54px - 9px) 0;
    }
}

@media (max-width: 1400px) {
    .journey {
        padding: calc(44px - 7px * 2) 0 calc(54px - 9px * 2) 0;
    }
}

.journey .section-head {
    color: #c91429;
}

.journey-slider .owl-stage-outer {
    padding-bottom: 30px;
}

@media (max-width: 1600px) {
    .journey-slider .owl-stage-outer {
        padding-bottom: calc(30px - 5px);
    }
}

@media (max-width: 1400px) {
    .journey-slider .owl-stage-outer {
        padding-bottom: calc(30px - 5px * 2);
    }
}

@media (max-width: 1200px) {
    .journey-slider .owl-stage-outer {
        padding-bottom: calc(30px - 5px * 3);
    }
}

.journey-slider .owl-stage-outer .owl-stage {
    margin: 0 auto;
    margin-left: -0.8vw;
}

@media (max-width: 1700px) {
    .journey-slider .owl-stage-outer .owl-stage {
        margin-left: -6vw;
    }
}

@media (max-width: 1450px) {
    .journey-slider .owl-stage-outer .owl-stage {
        margin-left: -8vw;
    }
}

@media (max-width: 1200px) {
    .journey-slider .owl-stage-outer .owl-stage {
        margin-left: -16vw;
    }
}

@media (max-width: 991px) {
    .journey-slider .owl-stage-outer .owl-stage {
        margin-left: -6vw;
    }
}

@media (max-width: 768px) {
    .journey-slider .owl-stage-outer .owl-stage {
        margin-left: 2vw;
    }
}

@media (max-width: 575px) {
    .journey-slider .owl-stage-outer .owl-stage {
        margin-left: 5vw;
    }
}

.journey-slider .owl-stage-outer .owl-stage .owl-item {
    z-index: 1;
}

    .journey-slider .owl-stage-outer .owl-stage .owl-item::after {
        position: absolute;
        content: "";
        height: 2px;
        width: 100px;
        background: #c91429;
        right: -4rem;
        top: 50%;
        z-index: 0;
    }

    .journey-slider .owl-stage-outer .owl-stage .owl-item:last-child::after {
        display: none;
    }

.section-header {
    max-width: 600px;
    margin: auto;
    margin-bottom: 60px;
    text-align: center;
    padding: 0 15px;
}

@media (max-width: 1600px) {
    .section-header {
        margin-bottom: calc(60px - 10px);
    }
}

@media (max-width: 1400px) {
    .section-header {
        margin-bottom: calc(60px - 10px * 2);
    }
}

@media (max-width: 1200px) {
    .section-header {
        margin-bottom: calc(60px - 10px * 3);
    }
}

.journey-slider-item {
    padding: 22px 32px;
    background: #fff;
    box-shadow: 0 5px 4px rgba(129, 129, 129, 0.15);
    border-radius: 60px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}

@media (max-width: 1600px) {
    .journey-slider-item {
        padding: calc(22px - 3px) calc(32px - 5px);
    }
}

.journey-slider-number {
    width: 69px;
    height: 69px;
    background: #c91429;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 300;
    font-size: 40px;
    margin-right: 13px;
    flex-basis: 1;
    flex-grow: 0;
}

@media (max-width: 1600px) {
    .journey-slider-number {
        width: calc(69px - 10px);
        height: calc(69px - 10px);
        font-size: calc(40px - 6px);
    }
}

@media (max-width: 1400px) {
    .journey-slider-number {
        font-size: calc(40px - 6px * 1.5);
    }
}

.journey-slider-content {
    width: 72%;
}

    .journey-slider-content h5 {
        color: #757373;
        font-weight: 700;
        font-size: 25px;
        margin-bottom: 5px;
    }

@media (max-width: 1600px) {
    .journey-slider-content h5 {
        font-size: calc(25px - 4px);
    }
}

@media (max-width: 1400px) {
    .journey-slider-content h5 {
        font-size: calc(25px - 4px * 1.3);
    }
}

.journey-slider-content p {
    color: #757373;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.23;
}

.our-products {
    padding: 96px 0 76px 0;
    overflow: hidden;
}

@media (max-width: 1600px) {
    .our-products {
        padding: calc(96px - 15px) 0 calc(76px - 12px) 0;
    }
}

@media (max-width: 1400px) {
    .our-products {
        padding: calc(96px - 15px * 2) 0 calc(76px - 12px * 2) 0;
    }
}

@media (max-width: 1200px) {
    .our-products {
        padding: calc(96px - 15px * 3) 0 calc(76px - 12px * 3) 0;
    }
}

@media (max-width: 991px) {
    .our-products {
        padding: calc(96px - 15px * 4) 0 calc(76px - 12px * 4) 0;
    }
}

.our-product-container {
    max-width: 1450px;
    padding: 0 15px;
    margin: auto;
}

@media (max-width: 1600px) {
    .our-product-container {
        max-width: calc(1450px - 240px);
    }
}

@media (max-width: 1400px) {
    .our-product-container {
        max-width: calc(1450px - 240px * 1.5);
    }
}

@media (max-width: 1200px) {
    .our-product-container {
        max-width: calc(1450px - 240px * 2);
    }
}

@media (max-width: 991px) {
    .our-product-container {
        max-width: calc(1450px - 240px * 3.6);
    }
}

@media (max-width: 767px) {
    .our-product-container {
        max-width: calc(1450px - 240px * 4.7);
    }
}

.our-products-item-wraper {
    margin-bottom: 12px;
}

    .our-products-item-wraper .row [class*="col-"] {
        margin-bottom: 30px;
    }

@media (max-width: 1600px) {
    .our-products-item-wraper .row [class*="col-"] {
        margin-bottom: calc(30px - 5px);
    }
}

.our-products-item:hover .our-products-item-image {
    background-color: #c91429;
    transition: 0.3s ease;
}

.our-products-item:hover .our-products-item-content {
    box-shadow: 0 13px 7px -7px #f0f0f0;
}

.our-products-item-image {
    height: 310px;
    text-align: center;
    background: #fbfbfb;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border-radius: 6.30808px 6.30808px 0 0;
}

@media (max-width: 1600px) {
    .our-products-item-image {
        height: calc(310px - 50px);
    }
}

@media (max-width: 1400px) {
    .our-products-item-image {
        height: calc(310px - 50px * 2);
    }
}

.our-products-item-image svg {
    height: auto;
}

@media (max-width: 1600px) {
    .our-products-item-image svg {
        height: calc(247px - 42px);
    }
}

@media (max-width: 1400px) {
    .our-products-item-image svg {
        height: calc(247px - 42px * 2);
    }
}

.our-products-item-content {
    padding: 16px 24px;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.2;
    color: #757373;
    border: 0.450577px solid #7c7b7b38;
    border-radius: 0 0 6.30808px 6.30808px;
    border-top: none;
    text-align: center;
    transition: 0.3s ease;
}

@media (max-width: 1600px) {
    .our-products-item-content {
        padding: 14px 20px;
        font-size: calc(21px - 4px);
    }
}

@media (max-width: 1400px) {
    .our-products-item-content {
        padding: 12px 13px;
        font-size: calc(21px - 3px * 1.6);
    }
}

@media (max-width: 1200px) {
    .our-products-item-content {
        font-size: calc(21px - 3px * 1.4);
    }
}

.mx-1600 {
    max-width: 1600px;
    margin: auto;
    padding: 0 15px;
}

@media (max-width: 1600px) {
    .mx-1600 {
        max-width: calc(1600px - 245px);
    }
}

@media (max-width: 1400px) {
    .mx-1600 {
        max-width: calc(1600px - 245px * 1.6);
    }
}

@media (max-width: 1200px) {
    .mx-1600 {
        max-width: calc(1600px - 245px * 2.5);
    }
}

.key-benefit {
    padding: 64px 0;
    background: #fbfbfb;
    overflow: hidden;
}

@media (max-width: 1600px) {
    .key-benefit {
        padding: calc(64px - 10px) 0;
    }
}

@media (max-width: 1400px) {
    .key-benefit {
        padding: calc(64px - 10px * 2) 0;
    }
}

@media (max-width: 1200px) {
    .key-benefit {
        padding: calc(64px - 10px * 3) 0;
    }
}

.key-benefit-item-wraper {
    display: flex;
    margin-bottom: 29px;
}

@media (max-width: 1600px) {
    .key-benefit-item-wraper {
        margin-bottom: calc(29px - 4px);
    }
}

@media (max-width: 991px) {
    .key-benefit-item-wraper {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.key-benefit-item-wraper .key-benefit-item:last-child {
    margin-right: 0;
}

@media (max-width: 991px) {
    .key-benefit-item-wraper .key-benefit-item:nth-child(3) {
        margin-right: 0;
    }
}

.key-benefit-item {
    max-width: 307px;
    width: 100%;
    padding: 36px;
    background: #fff;
    border-radius: 6px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
}

@media (max-width: 1600px) {
    .key-benefit-item {
        padding: calc(36px - 6px);
    }
}

@media (max-width: 1400px) {
    .key-benefit-item {
        padding: calc(36px - 6px * 2);
    }
}

@media (max-width: 1200px) {
    .key-benefit-item {
        padding: calc(36px - 6px * 3);
    }
}

@media (max-width: 991px) {
    .key-benefit-item {
        max-width: 236px;
    }
}

@media (max-width: 767px) {
    .key-benefit-item {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .key-benefit-item-wraper .key-benefit-item:nth-child(odd) {
        margin-right: 10px;
    }
}

@media (max-width: 575px) {
    .key-benefit-item-wraper .key-benefit-item:nth-child(odd) {
        margin-right: 0;
    }
}

.key-benefit-item-icon {
    margin-bottom: 15px;
}

@media (max-width: 1600px) {
    .key-benefit-item-icon img {
        height: calc(60px - 10px);
    }
}

@media (max-width: 1400px) {
    .key-benefit-item-icon img {
        height: calc(60px - 10px * 1.6);
    }
}

@media (max-width: 1200px) {
    .key-benefit-item-icon img {
        height: calc(60px - 10px * 2);
    }
}

.key-benefit-item-content {
    font-weight: 400;
    font-size: 23px;
    line-height: 1.22;
    text-align: center;
    color: #7c7c7b;
}

@media (max-width: 1600px) {
    .key-benefit-item-content {
        font-size: calc(23px - 3px);
    }
}

@media (max-width: 1400px) {
    .key-benefit-item-content {
        font-size: calc(23px - 3px * 2);
    }
}

@media (max-width: 1200px) {
    .key-benefit-item-content {
        font-size: calc(23px - 3px * 2.7);
    }
}

.fast-order {
    padding-top: 110px;
    background: #c91429;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1600px) {
    .fast-order {
        padding-top: calc(110px - 15px);
    }
}

@media (max-width: 1400px) {
    .fast-order {
        padding-top: calc(110px - 15px * 2);
    }
}

@media (max-width: 1200px) {
    .fast-order {
        padding-top: calc(110px - 15px * 3);
    }
}

@media (max-width: 991px) {
    .fast-order {
        padding-top: calc(110px - 15px * 4);
    }
}

.fast-order .one {
    left: 44%;
    top: 0;
    transform: rotate(180deg);
}

.fast-order .two {
    right: 11rem;
    bottom: 0;
}

.fast-order-container {
    max-width: 1130px;
    margin: auto;
    padding: 0 15px;
}

@media (max-width: 1600px) {
    .fast-order-container {
        max-width: calc(1130px - 180px * 1.2);
    }
}

@media (max-width: 991px) {
    .fast-order-container {
        max-width: calc(1130px - 180px * 2.4);
    }
}

.fast-order-icon {
    margin-bottom: 10px;
}

    .fast-order-icon img {
        max-width: 70px;
    }

@media (max-width: 991px) {
    .fast-order-content {
        padding-bottom: 40px;
    }
}

.fast-order-content h4 {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 22px;
}

@media (max-width: 1600px) {
    .fast-order-content h4 {
        font-size: calc(50px - 8px);
        margin-bottom: calc(22px - 3px);
    }
}

@media (max-width: 1400px) {
    .fast-order-content h4 {
        font-size: calc(50px - 8px * 2);
        margin-bottom: calc(22px - 3px * 2);
    }
}

@media (max-width: 1200px) {
    .fast-order-content h4 {
        font-size: calc(50px - 8px * 2.5);
        margin-bottom: calc(22px - 3px * 2.5);
    }
}

@media (max-width: 991px) {
    .fast-order-content h4 {
        font-size: calc(50px - 8px * 3);
        margin-bottom: calc(22px - 3px * 2.7);
    }
}

.fast-order-points {
    margin-bottom: 28px;
}

@media (max-width: 1600px) {
    .fast-order-points {
        margin-bottom: calc(28px - 4px);
    }
}

@media (max-width: 1400px) {
    .fast-order-points {
        margin-bottom: calc(28px - 4px * 2);
    }
}

.fast-order-points li {
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    padding-left: 30px;
    margin-bottom: 20px;
}

@media (max-width: 1600px) {
    .fast-order-points li {
        font-size: calc(18px - 2px);
        padding-left: calc(30px - 5px);
        margin-bottom: calc(20px - 2px);
    }
}

@media (max-width: 1200px) {
    .fast-order-points li {
        font-size: calc(18px - 2px * 1.5);
        padding-left: calc(30px - 5px);
        margin-bottom: calc(20px - 2px * 2);
    }
}

.fast-order-points li:last-child {
    margin-bottom: 0;
}

.fast-order-points li span {
    position: absolute;
    left: 0;
    top: 0;
}

.store-download {
    display: flex;
    align-items: center;
}

    .store-download li {
        margin-right: 9px;
    }

        .store-download li:last-child {
            margin-right: 0;
        }

.watch-list-image {
    position: relative;
}

    .watch-list-image img {
        max-width: 100%;
    }

.testimonial {
    padding: 70px 0;
    overflow: hidden;
}

@media (max-width: 1600px) {
    .testimonial {
        padding: calc(70px - 11px) 0;
    }
}

@media (max-width: 1400px) {
    .testimonial {
        padding: calc(70px - 11px * 2) 0;
    }
}

@media (max-width: 1200px) {
    .testimonial {
        padding: calc(70px - 11px * 3) 0;
    }
}

@media (max-width: 991px) {
    .testimonial {
        padding: calc(70px - 11px * 4) 0;
    }
}

.testimonial-wraper {
    max-width: 1670px;
    padding: 0 15px;
    margin: auto;
}

@media (max-width: 1600px) {
    .testimonial-wraper {
        max-width: calc(1670px - 250px);
    }
}

@media (max-width: 1400px) {
    .testimonial-wraper {
        max-width: calc(1670px - 250px * 2);
    }
}

.testimonial-slider-item {
    border: 1px solid #e9ecf2;
    border-radius: 16px;
    padding: 25px 40px;
    background-color: #fff;
}

@media (max-width: 1600px) {
    .testimonial-slider-item {
        padding: calc(25px - 4px) calc(40px - 6px);
    }
}

@media (max-width: 1400px) {
    .testimonial-slider-item {
        padding: calc(25px - 4px * 2) calc(40px - 6px * 2);
    }
}

.testimonial-slider-item-head {
    position: relative;
    margin-bottom: 15px;
}

.testimonial-slider-item-image {
    position: absolute;
    height: 59px;
    width: 59px;
    border-radius: 50%;
    background-color: #757373;
    left: 0;
}

@media (max-width: 1600px) {
    .testimonial-slider-item-image {
        height: calc(60px - 10px);
        width: calc(60px - 10px);
    }
}

.testimonial-slider-item-head-content {
    padding-left: 74px;
}

@media (max-width: 1600px) {
    .testimonial-slider-item-head-content {
        padding-left: calc(74px - 12px);
    }
}

.testimonial-slider-item-head-content h5 {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    color: #293238;
    margin-bottom: 7px;
}

    .testimonial-slider-item-head-content h5 span {
        display: block;
        font-weight: 400;
        color: #7d7a7a;
    }

.review-rating ul {
    display: flex;
    align-items: center;
}

    .review-rating ul li {
        margin-right: 3px;
        color: #fcb80a;
        line-height: 1;
    }

@media (max-width: 1600px) {
    .review-rating ul li {
        font-size: 14px;
    }
}

.review-rating ul li:last-child {
    margin-right: 0;
}

.testimonial-slider-item-content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #7c7c7b;
}

.testimonial-slider::after,
.testimonial-slider::before {
    position: absolute;
    height: 100%;
    top: 0;
    content: "";
    width: 10vw;
    z-index: 1;
}

@media (max-width: 991px) {
    .testimonial-slider::after,
    .testimonial-slider::before {
        display: none;
    }
}

.testimonial-slider::before {
    left: 0;
    background-image: linear-gradient(to right, #fff, transparent);
}

.testimonial-slider::after {
    left: unset;
    right: 0;
    background-image: linear-gradient(to right, transparent, #fff);
}

.testimonial-slider .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

@media (max-width: 1600px) {
    .testimonial-slider .owl-nav {
        margin-top: calc(36px - 6px);
    }
}

@media (max-width: 1400px) {
    .testimonial-slider .owl-nav {
        margin-top: calc(36px - 6px * 2);
    }
}

.testimonial-slider .owl-nav button {
    height: 48px;
    width: 48px;
    background-color: #fff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px !important;
    color: #afafaf;
    border: 1px solid #d0d0d0 !important;
    margin-right: 6px;
}

@media (max-width: 1600px) {
    .testimonial-slider .owl-nav button {
        height: calc(48px - 8px);
        width: calc(48px - 8px);
    }
}

.testimonial-slider .owl-nav button:last-child {
    margin-right: 0;
}

.testimonial-slider .owl-nav button:hover {
    background: #afafaf !important;
    color: #fff;
}
@media (max-width: 1400px) {
    .common-triangle-shape .four,
    .common-triangle-shape .one {
        width: calc(422px - 70px * 2);
    }
}

@media (max-width: 1600px) {
    .common-triangle-shape .two {
        width: calc(274px - 45px);
    }
}

@media (max-width: 1400px) {
    .common-triangle-shape .two {
        width: calc(274px - 45px * 2);
    }
}

@media (max-width: 1600px) {
    .common-triangle-shape .three {
        width: calc(232px - 38px);
    }
}

@media (max-width: 1400px) {
    .common-triangle-shape .three {
        width: calc(232px - 38px * 2);
    }
}

.journey-slider-content h5 {
    font-size: 20px;
}

.testimonial-slider-item {
    min-height: 200px;
}

.testimonial-slider-item-content p a {
    color: #c91429;
}

@media (max-width: 1600px) {
    .journey-slider-content h5 {
        font-size: 17px;
    }

    .testimonial-slider-item-content p {
        font-size: 13px;
        line-height: 1.4;
    }

    .testimonial-slider-item {
        min-height: 200px;
    }
}

.banner-form {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.banner-right {
    height: 520px;
}

@media (max-width: 1600px) {
    .banner-right {
        height: calc(520px - 48px);
    }
}

@media (max-width: 1400px) {
    .banner-right {
        height: calc(520px - 48px * 1.5);
    }
}

@media (max-width: 1200px) {
    .banner-right {
        height: calc(520px - 48px * 2);
    }
}

@media (max-width: 575px) {
    .banner-right {
        height: calc(520px - 48px * 2.3);
    }
}

.banner-form.form-secondary {
    padding-top: 66px;
}

@media (max-width: 1600px) {
    .banner-form.form-secondary {
        padding-top: calc(66px - 10px);
    }
}

@media (max-width: 1400px) {
    .banner-form.form-secondary {
        padding-top: calc(66px - 10px * 2);
    }
}

@media (max-width: 1200px) {
    .banner-form.form-secondary {
        padding-top: calc(66px - 10px * 3);
    }
}

.banner-form.form-secondary h3 {
    font-weight: 700;
    font-size: 23px;
    line-height: 1.3;
    color: #757373;
    margin-bottom: 23px;
}

@media (max-width: 1600px) {
    .banner-form.form-secondary h3 {
        font-size: calc(23px - 3px);
        margin-bottom: calc(23px - 3px);
    }
}

@media (max-width: 1400px) {
    .banner-form.form-secondary h3 {
        font-size: calc(23px - 3px * 1.5);
        margin-bottom: calc(23px - 3px * 2);
    }
}

@media (max-width: 1200px) {
    .banner-form.form-secondary h3 {
        font-size: calc(23px - 3px * 1.9);
    }
}

.banner-form.form-secondary h4 {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #757373;
    margin-bottom: 30px;
    max-width: 330px;
}

@media (max-width: 1600px) {
    .banner-form.form-secondary h4 {
        font-size: calc(20px - 2px);
        margin-bottom: calc(30px - 5px);
    }
}

@media (max-width: 1400px) {
    .banner-form.form-secondary h4 {
        font-size: calc(20px - 2px * 1.5);
        margin-bottom: calc(30px - 5px * 1.5);
    }
}

@media (max-width: 1200px) {
    .banner-form.form-secondary h4 {
        font-size: 16px;
    }
}

.banner-form.form-secondary h4 span {
    color: #cc1e35;
}

.banner-form.form-secondary .form-grid {
    padding: 0;
    border: none;
    display: flex;
    align-self: center;
}

    .banner-form.form-secondary .form-grid input[type="text"] {
        border-bottom: 1px solid #b9b9b9;
        margin-right: 11px;
        text-align: center;
        padding-bottom: 15px;
        font-weight: 700;
        font-size: 22px;
        line-height: 28px;
        color: #1e232c;
    }

        .banner-form.form-secondary .form-grid input[type="text"]:last-child {
            margin-right: 0;
        }

a.resend-otp {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 23px;
    color: #757373;
}

@media (max-width: 1600px) {
    a.resend-otp {
        font-size: 15px;
        margin-bottom: calc(23px - 3px);
    }
}

@media (max-width: 1400px) {
    a.resend-otp {
        font-size: 14px;
        margin-bottom: calc(23px - 3px * 2);
    }
}

a.wrong-number {
    font-weight: 400;
    font-size: 15px;
    line-height: 16px;
    color: #cc1e35;
}

@media (max-width: 1600px) {
    a.wrong-number {
        font-size: 14px;
    }
}

.btm-validation {
    margin-top: 26px;
}

@media (max-width: 1600px) {
    .btm-validation {
        margin-top: calc(26px - 4px);
    }
}

.otp-form .otp-field:focus,
.otp-form .otp-field:visited {
    border-bottom-color: #cc1e35 !important;
}

.banner-form-two {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
}

    .banner-form-two .banner-content-box {
        width: 366px;
        margin: auto;
    }

@media (max-width: 575px) {
    .banner-form-two .banner-content-box {
        margin: 25px auto 0 auto;
    }
}

.email-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .email-form .form-grid {
        margin-bottom: 28px;
    }

@media (max-width: 1600px) {
    .email-form .form-grid {
        margin-bottom: calc(28px - 4px);
    }
}

.email-form .form-grid input {
    border: 1px solid #e3e5e6;
    border-radius: 8px;
    padding: 11px 16px;
    padding-left: 48px;
}

.email-otp {
    display: none;
}

.email-icon {
    position: absolute;
    left: 18px;
    top: 15px;
    line-height: 1;
}

.continue-with-google {
    padding: 18px 20px;
    padding-left: 56px;
    position: relative;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #2e3e5c;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    display: inline-block;
    margin-top: 30px;
}

@media (max-width: 1600px) {
    .continue-with-google {
        margin-top: calc(30px - 5px);
        padding: 16px 18px;
        padding-left: 56px;
    }
}

.continue-with-google span {
    position: absolute;
    left: 19px;
    top: 13px;
}

.banner-form-three {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
}

.choose-method {
    position: absolute;
    right: 15px;
    top: 11px;
    line-height: 1;
}

    .choose-method a:first-child {
        margin-right: 12px;
    }

.banner-form.form-secondary.email-form .form-grid input {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #6b6969;
    opacity: 1;
    text-align: left;
    padding-left: 16px;
    padding-right: 76px;
    margin-right: 0;
    border: 1px solid #e3e5e6;
}

.otp-form input:not([type="submit"]) {
    border-radius: 0 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

@media (max-width: 1600px) {
    .otp-form input:not([type="submit"]) {
        padding: 7px !important;
    }
}

.otp-form input[type="file"] {
    height: 100%;
    width: 100%;
}

.otp-form input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 16px !important;
}

.form-email input:not([type="submit"]) {
    padding-right: 16px !important;
    padding-left: 46px !important;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    opacity: 0;
    height: 48px;
}

.custom-file-upload {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    border: 1px solid #e3e5e6;
    border-radius: 8px;
    padding: 11px 16px;
}

    .custom-file-upload p {
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #6b6969;
        opacity: 0.5;
        margin: 0;
        text-align: left;
        text-transform: uppercase;
        padding-top: 3px;
    }

.pan-form form .form-grid {
    margin-bottom: 10px;
    display: block !important;
}

    .pan-form form .form-grid input[type="date"] {
        padding-right: 16px !important;
    }

    .pan-form form .form-grid:last-child {
        margin-bottom: 26px;
    }

input[type="date"]::-webkit-calendar-picker-indicator {
    background: url(../images/icon/calender-icon.png) no-repeat;
    width: 20px;
    height: 20px;
}

.upload-box {
    position: absolute;
    right: 15px;
    top: 0;
    display: flex;
    align-items: center;
    height: fit-content;
    width: 50px;
    background-color: transparent;
}

    .upload-box .choose-method {
        position: relative;
        right: 0;
        top: -2px;
    }

.my-upload {
    position: relative;
    cursor: pointer;
}

    .my-upload input {
        padding: 0 !important;
        cursor: pointer;
    }

    .my-upload .upload-icon {
        position: absolute;
        top: 15px;
        right: 0;
        line-height: 1;
    }

.file-name {
    text-align: right;
    font-size: 13px;
    padding-top: 3px;
}

.banner-form h3 {
    text-transform: capitalize;
}

.product-slider {
    padding-bottom: 30px;
}

@media (max-width: 1600px) {
    .product-slider {
        padding-bottom: calc(30px - 5px);
    }
}

@media (max-width: 575px) {
    .product-slider {
        padding-bottom: calc(30px - 5px * 2);
    }
}

.product-slider .owl-nav button {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    border: 1px solid #d0d0d0 !important;
    background: #fff !important;
    color: #d0d0d0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
    position: absolute;
    top: 40%;
    padding: 3px;
}

@media (max-width: 1600px) {
    .product-slider .owl-nav button {
        height: calc(48px - 8px);
        width: calc(48px - 8px);
    }
}

@media (max-width: 1400px) {
    .product-slider .owl-nav button {
        height: calc(48px - 8px * 1.6);
        width: calc(48px - 8px * 1.6);
    }
}

.product-slider .owl-nav button:hover {
    background: #afafaf !important;
    color: #fff !important;
}

.product-slider .owl-nav button.owl-prev {
    left: -4rem;
}

@media (max-width: 1600px) {
    .product-slider .owl-nav button.owl-prev {
        left: -3rem;
    }
}

@media (max-width: 1200px) {
    .product-slider .owl-nav button.owl-prev {
        left: -1rem;
    }
}

.product-slider .owl-nav button.owl-next {
    right: -4rem;
    left: unset;
}

@media (max-width: 1600px) {
    .product-slider .owl-nav button.owl-next {
        right: -3rem;
    }
}

@media (max-width: 1200px) {
    .product-slider .owl-nav button.owl-next {
        right: -1rem;
    }
}


.rekyc-banner-form h5 {
    font-size: 30px;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.25;
    color: #757373;
    margin-bottom: 15px;
}

    .rekyc-banner-form h5 span {
        color: #AC1A2D;
    }

.rekyc-banner-form h4 {
    font-size: 22px;
}

.rekyc-banner-form .checkmark {
    height: 18px;
    width: 18px;
}

.rekyc-banner-form .custom-checkbox .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0;
}

.otp-blink-anim {
    animation: otp-blink-anim 0.9s infinite;
}

@keyframes otp-blink-anim {
    0% {
        opacity: 0;
    }

    80% {
        opacity: 1;
    }
}

.kyc-cloud-anim {
    animation: kyc-cloud-anim 5s infinite;
}

@keyframes kyc-cloud-anim {
    0% {
        transform: translateY(10px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(10px);
    }
}

.kyc-cloud-anim.two {
    animation-delay: 1s;
    transition-duration: 1s;
}

.modification {
    font-weight: 300;
    font-size: 42px;
    line-height: 1;
    color: #FFFFFF;
    background-color: #AC1A2D;
    padding: 14px 50px;
    width: fit-content;
    position: relative;
    margin: auto;
    margin-top: -1px;
}

.rekyc-home-banner-main .banner-right {
    flex-shrink: 0;
}

.rekyc-home-banner-main .banner-form a {
    text-align: left;
    line-height: 1.3;
}

/*-------------- rekyc personal details start --------------*/
.rekyc-main-wraper {
    background: #FBFBFB;
}

.rekyc-dashmenu {
    margin-bottom: 40px;
}

.abml-whatsapp {
    max-width: 280px;
    width: 100%;
    margin: auto;
}

    .abml-whatsapp a {
        display: flex;
        align-items: center;
        padding: 12px 26px;
        font-weight: 700;
        font-size: 15px;
        line-height: 25px;
        color: #FFFFFF;
        background: linear-gradient(87deg, #0E8723 -0.25%, #14FF3E 122.4%);
        border-radius: 10px;
        margin-bottom: 0;
        position: relative;
    }

        .abml-whatsapp a svg {
            flex-shrink: 0;
            margin-right: 15px;
        }

.abml-note {
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #757373;
    padding: 20px 20px;
    background-color: #fff;
    background: #FFFFFF;
    border-radius: 0px 0px 10px 10px;
    margin-top: -13px;
}

.mx-1800 {
    max-width: 1800px;
    width: 100%;
    margin: auto;
    padding: 0 12px;
}

.rekyc-main-wraper {
    padding-top: 30px;
}

.edit-icon {
    position: absolute;
    right: 12px;
}

.rekyc-dashmenu li > a {
    height: 60px;
    background-color: #AC1A2D;
    color: #fff !important;
    transition: 0.3s linear;
}

    .rekyc-dashmenu li > a:hover {
        background-color: #861020;
    }

    .rekyc-dashmenu li > a.active {
        background-color: #fff;
        color: #AC1A2D !important;
    }

        .rekyc-dashmenu li > a.active svg path {
            fill: #AC1A2D;
        }
/* .rekyc-dashmenu li a.active .edit-icon path{
  fill: #AC1A2D;
} */
.rekyc-dash-right .profile_nomination_head h1 span {
    color: #757373;
}

.rekyc-dash-right {
    margin-bottom: 46px;
}

.rekyc-main {
    padding: 0 50px;
    padding-bottom: 30px;
}

.customer-profile-item-wraper {
    padding: 12px 12px;
    background: #FBFBFB;
    border-radius: 20px;
    margin-bottom: 10px;
    padding-bottom: 0;
}

    .customer-profile-item-wraper [class*='col-'] {
        padding: 0 7px;
    }

    .customer-profile-item-wraper > [class*='col-'] {
        margin-bottom: 12px;
    }

.customer-profile-item {
    background: #fff;
    border: 0.567726px solid #d7d4d4;
    border-radius: 17px;
    overflow: hidden;
    padding: 0;
    height: 100%;
}

.cp-item-padding {
    padding-left: 30px;
    padding-right: 30px;
}

.customer-profile-item-head {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #AC1A2D;
    background: #F2F2F2;
}

.cp-item-content-item label {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.4;
    color: #757373;
    display: block;
    margin-bottom: 5px;
}

.cp-item-content-item p,
.cp-item-content-item input,
.cp-item-content-item textarea {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #757373;
}

.cp-item-content-item input,
.cp-item-content-item textarea {
    padding: 0;
    border: none;
    border-bottom: 1px solid #a3a3a3;
    width: 100%;
}

.cp-item-content-item textarea {
    height: fit-content;
    resize: none;
}

    .cp-item-content-item input:disabled,
    .cp-item-content-item textarea:disabled {
        background: #fff;
        border: none;
        outline: none;
    }

    .cp-item-content-item textarea:focus {
        outline: none;
    }

.customer-profile-item-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

.cp-item-content-item {
    padding-top: 12px;
    padding-bottom: 12px;
    overflow: hidden;
}
/* .customer-profile-item-content .row [class*='col-']{
    margin-bottom: 40px;
} */
.cp-status {
    display: flex;
    align-items: center;
}

.cp-status-icon {
    height: 17px;
    width: 17px;
    padding: 3px;
    background: #AC1A2D;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 7px;
    color: #fff;
    border-radius: 50%;
    font-size: 9px;
}

    .cp-status-icon.active {
        background: #1DB53F;
        font-size: 11px;
    }

.rekyc-link {
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #AC1A2D;
    transition: 0.2s ease;
    cursor: pointer;
    padding-right: 10px;
}

    .rekyc-link:hover {
        text-decoration: none;
        color: #CC2036;
    }

.rekyc-select {
    height: fit-content;
    border: none;
    padding: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #AC1A2D;
    outline: none;
}

.brokerage-charge-rwo [class*='col-'] {
    width: 12%;
}

.remark-table {
    position: absolute;
    right: 4rem;
    top: 3rem;
}

.remark-table-icon {
    cursor: pointer;
}

.r-table {
    background: #FFFFFF;
    border: 0.352911px solid #dbd2d2;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    overflow: hidden;
    margin-top: 1.5rem;
    transform: translateX(15px);
}

    .r-table th, .r-table td {
        padding: 10px 22px;
        text-align: left;
        border-right: 1px solid #E3E5E5;
    }

    .r-table th {
        background-color: #AC1A2D;
        color: #fff;
        font-weight: 700;
        font-size: 15px;
        line-height: 20px;
    }

    .r-table td {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #757373;
        border-bottom: 1px solid #E3E5E5;
    }

    .r-table tr th:last-child, .r-table tr td:last-child {
        border-right: 0;
    }

.remark-table-icon {
    width: fit-content;
    margin-left: auto;
}

.rekyc-profile-details-head {
    padding: 44px 0;
}

.cp-item-select {
    width: 100%;
    border: none;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #757373;
    outline: none;
    margin-left: -2px;
    cursor: pointer;
}

.addtional-modal-table {
    border-radius: 10px;
    overflow: hidden;
    transform: none;
    box-shadow: none;
}

.additional-modal .modal-body {
    padding: 25px;
}

.addtional-modal-table td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.addtional-modal-table tr:last-child td {
    border-bottom: none;
}

.additional-bank-modal .modal-dialog {
    max-width: 700px;
}

.customer-profile-item-head {
    padding-left: 24px;
    padding-right: 24px;
}
/*-------------- rekyc personal details end --------------*/


/*--------------- Mobile & Email change start ---------------*/
.mobile-number-wraper {
    padding-top: 55px;
}

.mx-1070 {
    max-width: 1100px;
    padding: 0 15px;
    margin: auto;
}

.change-mm-wraper {
    max-width: 425px;
    width: 100%;
}

    .change-mm-wraper input {
        font-weight: 600;
    }

.change-mm {
    margin-top: 30px;
}

    .change-mm h6 {
        font-weight: 400;
        font-size: 15px;
        line-height: 19px;
        color: #AC1A2D;
        margin-bottom: 20px;
    }

    .change-mm input::placeholder {
        font-weight: 500;
    }

.form-grid input:disabled {
    background-color: #fff;
    cursor: not-allowed;
}

.wrong-number {
    cursor: pointer;
}

.change-imgae img {
    max-width: 100%;
}

.change-mm-wraper .custm_scheckbox {
    padding-top: 5px !important;
}

    .change-mm-wraper .custm_scheckbox .checkmark {
        top: 5px !important;
    }

.change-mm-wraper .form-grid {
    margin-bottom: 10px !important;
}
/*--------------- Mobile & Email change start ---------------*/


/*--------------- Nomination details start -----------------*/

.mx-1220 {
    max-width: 1250px;
    width: 100%;
    padding: 0 15px;
    margin: auto;
}

.nomination-details-wraper {
    padding-top: 46px;
}

.section-head-2 {
    font-weight: 400;
    font-size: 25px;
    line-height: 1.3;
    text-align: center;
    color: #AC1A2D;
    margin-bottom: 30px;
}

.nomination-item-wraper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.nomination-item-grid {
    padding: 0 5px;
    max-width: 33.33%;
    width: 100%;
    margin-bottom: 10px;
}

    .nomination-item-grid .customer-profile-item-head {
        background: #FAFAFA;
    }

    .nomination-item-grid .cp-item-content-item {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.nomination-details-wraper .profile_nomination_form ul {
    margin-bottom: 35px;
}

.nomination-item-grid .cp-item-content-item label {
    margin-bottom: 0;
}
/*--------------- Nomination details end -----------------*/

/*--------------- Add bank account start -----------------*/
.default-bank {
    width: 16px;
    height: 16px;
    border-radius: 50px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #37B023;
    margin-left: 5px;
    padding: 2px;
    font-size: 10px;
}

.rekyc-add-bank-item {
    padding: 0 30px;
}

    .rekyc-add-bank-item .customer-profile-item-content {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

.rekyc-add-bank-item-wraper .rekyc-add-bank-item:first-child .customer-profile-item-content {
    border: none;
}

.rekyc-add-bank-item-wraper .rekyc-add-bank-item:last-child .customer-profile-item-content {
    padding-bottom: 20px !important;
}
/* .additional-bank .cp-item-content-item{
  max-width: 205px;
  width: 100%;
} */
.rekyc-add-bank-item .cp-item-content-item {
    padding-top: 22px;
    padding-bottom: 22px;
}

.additional-bank-bx span {
    transition: 0.2s ease;
    display: inline-block;
}

    .additional-bank-bx span.active {
        transform: rotate(-180deg);
    }

.rekyc-bank-link-account-wraper {
    padding: 60px 0;
}

.rekyc-add-bank-account .profile_nomination_form {
    padding-top: 50px;
}

/*--------------- Add bank account end -----------------*/

/*--------------- Address details start -----------------*/

.rekyc-address-details-container {
    max-width: 1130px;
    padding: 0 15px;
    width: 100%;
    margin: auto;
}

.rekyc-address-details-item .customer-profile-item-content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.rekyc-address-details-item .customer-profile-item-head {
    font-weight: 600;
}

.rekyc-address-details-item {
    height: 100%;
    min-height: 190px;
}

    .rekyc-address-details-item address {
        margin-bottom: 0;
    }

        .rekyc-address-details-item address p {
            font-weight: 400;
            font-size: 16px;
            line-height: 1.55;
            color: #757373;
        }

.rekyc-address-details-item-wraper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.rekyc-address-details-item-grid {
    padding: 0 10px;
    max-width: 33.333%;
    margin-bottom: 20px;
    width: 100%;
}

.modify-address {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

    .modify-address .ad-text {
        font-weight: 400;
        font-size: 18px;
        line-height: 23px;
        color: #757373;
        flex-shrink: 0;
        margin-right: 14px;
    }

    .modify-address p {
        margin: 0 18px;
    }

.modify-address-btn-wraper {
    display: flex;
}

    .modify-address-btn-wraper .ad-text {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modify-address-btn-wraper button {
        min-width: 202px;
    }
/*--------------- Address details end -----------------*/


/*--------------- Income & Networth start --------------*/

.rekyc-income-container {
    max-width: 1050px;
    width: 100%;
    margin: auto;
    padding-top: 40px;
}

.income-range {
    max-width: 150px;
}

.income-range-item-wraper > [class*='col-']:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.net-worth-range {
    max-width: 120px;
}
/*--------------- Income & Networth end --------------*/

.whatsapp-float {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
}

    .whatsapp-float .abml-whatsapp a {
        height: 48px;
        width: 48px;
        padding: 10px;
        justify-content: center;
    }

.rekyc-mobile-carousel a {
    background: #AC1A2D;
    color: #fff !important;
}

    .rekyc-mobile-carousel a.active {
        color: #AC1A2D !important;
        background: #fff;
    }

        .rekyc-mobile-carousel a.active svg path {
            fill: #AC1A2D;
        }

.r-table {
    width: 100%;
    overflow-x: auto;
}

    .r-table table {
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
    }

.custom-nominee-scroll {
    overflow: auto;
}
/*------------ Responsive start ---------------*/

@media(max-width: 1600px) {
    .notification {
        margin-left: calc(36px - 6px);
    }

        .notification img {
            max-width: calc(35px - 5px);
        }
    .submit-btn {
        font-size: 16px;
        padding: 13px 30px;
    }

    .notification-count {
        height: 15px;
        width: 15px;
    }

    .rekyc-banner-form h5 {
        font-size: calc(30px - 5px);
    }

    .rekyc-banner-form h4 {
        font-size: calc(22px - 3px);
    }

    .kychome-banner svg {
        max-width: calc(898px - 148px);
    }

    .rekyc-banner-2 svg {
        max-width: calc(658px - 109px);
    }

    .modification {
        font-size: calc(42px - 7px);
        padding: calc(14px - 2px) calc(50px - 8px);
    }

    .rekyc-home-banner-main {
        height: calc(750px - 125px*1.4);
    }
    .banner {
        padding-top: 60px;
    }
        .rekyc-home-banner-main .banner-right {
            height: calc(520px - 48px*1.5);
        }

    .submit-btn {
        background: #c91429;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        line-height: 23px;
        text-transform: uppercase;
        padding: 13px 35px;
        border: 1px solid #c91429;
        border-radius: 30px;
    }
    .submit-btn:hover {
        background: #c91429;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        line-height: 23px;
        text-transform: uppercase;
        padding: 13px 35px;
        border: 1px solid #c91429;
        border-radius: 30px;
    }
    @media (max-width: 1400px) {
        .submit-btn {
            font-size: 15px;
            padding: 11px 25px;
        }
    }
    @media (max-width: 1200px) {
        .submit-btn {
            font-size: 14px;
            padding: 11px 25px;
            margin: auto;
        }
    }

    
    /*------------------------banner--section--end----------------------------------*/
    /*----------------------------------------------------main-content ends here------------------------------------*/
    /*----------------------------------------------------contact strip starts here------------------------------------*/
    .contact-strip {
        position: relative;
        overflow: hidden;
        background: linear-gradient(268.77deg,#f7a600 44.18%,#c91429 100%);
    }

.wealth-creation {
    position: absolute;
    height: 100%;
    width: 500px;
    background: #cc2036;
    border-radius: 150px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
    padding: 15px 15px 15px 140px;
    display: flex;
    align-items: center;
    border-right: 6px solid #fff;
}

    .wealth-creation h6 {
        font-weight: 700;
        font-size: 30px;
        line-height: 1.21;
        color: #fff;
        max-width: 240px;
    }

        .wealth-creation h6 span {
            color: var(--yellow-color);
        }

.contact-strip-content-wraper {
    padding: 25px 0;
    padding-left: 540px;
}

.contact-strip-item-wraper {
    max-width: 880px;
    padding-left: 4vw;
}

    .contact-strip-item-wraper .row [class*=col-] {
        max-width: 400px;
        width: 100%;
    }

        .contact-strip-item-wraper .row [class*=col-] a {
            display: block;
        }
.contact-strip-item-icon {
    margin-bottom: 13px;
}
.contact-strip-item-content {
    border-right: 2px solid #000;
}
    .contact-strip-item-content p {
        font-weight: 300;
        font-size: 15.7335px;
        line-height: 1.3;
        color: #000;
    }
    .contact-strip-item-content h5 {
        font-weight: 700;
        font-size: 42.6476px;
        line-height: 1.3;
        color: #000;
        margin-bottom: 5px;
    }
    .contact-strip-item-content p {
        font-weight: 300;
        font-size: 15.7335px;
        line-height: 1.3;
        color: #000;
    }
        .contact-strip-item-content p span {
            font-weight: 400;
        }
.contact-strip-item-wraper .row [class*=col-]:last-child .contact-strip-item-content {
    border-right: none;
    padding-right: 0;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.contact-strip-item-content {
    border-right: 2px solid #000;
}
    .contact-strip-item-content h5 {
        font-weight: 700;
        font-size: 42.6476px;
        line-height: 1.3;
        color: #000;
        margin-bottom: 5px;
    }
/*---------------------media---------------------------*/
@media (max-width: 1700px) {
    .contact-strip-item-wraper {
        padding-left: 0;
    }
}

@media (max-width: 1600px) {
    .wealth-creation {
        padding-left: calc(140px - 23px);
        width: calc(500px - 83px);
    }

        .wealth-creation h6 {
            font-size: calc(30px - 5px);
        }

    .contact-strip-content-wraper {
        padding: calc(25px - 4px) 0;
        padding-left: calc(540px - 90px);
    }

    .contact-strip-item-image img {
        width: calc(199px - 33px);
    }

    .contact-strip-item-wraper .row [class*=col-] {
        max-width: calc(400px - 40px);
    }
    .contact-strip-item-icon img {
        height: calc(66px - 10px);
    }
    .contact-strip-item-content h5 {
        font-size: calc(42px - 7px);
    }
    .contact-strip-item-content h5 {
        font-size: calc(42px - 7px);
    }
}

@media (max-width: 1400px) {
    .contact-strip-item-wraper .row [class*=col-] {
        max-width: calc(400px - 40px * 2);
    }

    .wealth-creation {
        padding-left: calc(140px - 23px * 2);
        width: calc(500px - 83px * 2);
    }

        .wealth-creation h6 {
            font-size: calc(30px - 5px);
        }

    .contact-strip-content-wraper {
        padding-left: calc(540px - 90px * 2);
    }

    .contact-strip-item-image img {
        width: calc(199px - 33px * 2);
    }
    .contact-strip-item-icon img {
        height: calc(66px - 10px * 2);
    }
    .contact-strip-item-content p {
        font-size: 14px;
    }
    .contact-strip-item-content h5 {
        font-size: calc(42px - 7px*2);
    }
    .contact-strip-item-content p {
        font-size: 14px;
    }
    .contact-strip-item-content h5 {
        font-size: calc(42px - 7px*2);
    }
}

@media (max-width: 1200px) {
    .wealth-creation {
        padding-left: calc(140px - 23px * 3);
        width: calc(500px - 83px * 2.7);
    }

        .wealth-creation h6 {
            font-size: calc(30px - 5px * 2);
        }

    .contact-strip-content-wraper {
        padding-left: calc(540px - 90px * 2.8);
    }

    .contact-strip-item-image img {
        width: calc(199px - 33px * 3);
    }

    .contact-strip-item-wraper .row [class*=col-] {
        max-width: calc(400px - 40px * 2.5);
    }
    .contact-strip-item-icon img {
        height: calc(66px - 10px * 3);
    }
    .contact-strip-item-content p {
        font-size: 13px;
    }
    .contact-strip-item-content h5 {
        font-size: calc(42px - 7px*3);
    }
    .contact-strip-item-content p {
        font-size: 13px;
    }
    .contact-strip-item-content h5 {
        font-size: calc(42px - 7px*3);
    }
}

@media (max-width: 991px) {
    .contact-strip-item-wraper {
        padding-left: 4rem;
    }
    .contact-strip-item-icon img {
        height: calc(66px - 10px * 3.5);
    }
    .contact-strip-item-content {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-bottom: 15px;
        margin-bottom: 15px;

    }
    .contact-strip-item-content {
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .wealth-creation {
        padding-left: calc(140px - 23px * 4);
        width: calc(500px - 83px * 2.7);
    }

    .contact-strip-content-wraper {
        padding-right: 20px;
        padding-left: calc(540px - 90px * 2.6);
    }

    .contact-strip-item-image {
        padding-bottom: 20px;
        text-align: center;
    }

    .contact-strip-item-wraper {
        padding-left: 0;
    }

        .contact-strip-item-wraper .row [class*=col-] {
            max-width: 100%;
        }
    .contact-strip-item {
        text-align: center;
    }
}


@media (max-width: 575px) {
    .wealth-creation {
        position: relative;
        width: 100%;
        border-right: 0;
        border-radius: 0;
    }

        .wealth-creation h6 {
            max-width: 100%;
            text-align: center;
        }

    .contact-strip-content-wraper {
        padding-right: 20px;
        padding-left: 20px;
    }
}




/*----------------------------------------------------contact strip end here------------------------------------*/


/*----------------------------------------------------footer starts here------------------------------------*/
ul {
    list-style: none;
}

.footer-bottom {
    padding: 12px 0;
    background: #989f73;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    transition: 0.3s ease;
}

    .footer-bottom .close-btn {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 1rem;
        cursor: pointer;
        top: -15px;
        box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
    }

    .footer-bottom.hide {
        transform: translateY(150%);
    }

footer .logo {
    display: block;
}

.disclaimer-accor button {
    padding: 14px 0;
}

.disclaimer-accor .accordion-button.collapsed {
    background-color: #FFFBF0;
    border: none;
}

.disclaimer-accor .accordion-button:not(.collapsed) {
    background-color: #FFF4D9;
}

.disclaimer-accor .accordion-button {
    color: #353941;
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
    background-color: transparent;
}

.footer-pl-pr {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.disclaimer-accor .accordion-body {
    background-color: #FFF4D9;
    padding-bottom: 20px;
}

    .disclaimer-accor .accordion-body p {
        color: #000;
        font-size: 11.2px;
        font-weight: 500;
        line-height: normal;
        padding-bottom: 12px;
        width: 100%;
        opacity: .8;
        margin-bottom: 1rem;
        line-height: 1.6;
    }

        .disclaimer-accor .accordion-body p a {
            color: #5D6167;
            text-decoration: underline;
        }

    .disclaimer-accor .accordion-body li p {
        margin-bottom: 0;
    }

    .disclaimer-accor .accordion-body h6 {
        margin-bottom: 0.5rem;
        font-size: 15px;
    }

.disclaimer-accor .accordion-button::after {
    background: url(https://stocksandsecurities.adityabirlacapital.com/ABM-new-header-footer/assets/images/footer/darker-plus.svg) no-repeat center;
}

.disclaimer-accor .accordion-button:not(.collapsed)::after {
    background: url(https://stocksandsecurities.adityabirlacapital.com/ABM-new-header-footer/assets/images/footer/darker-minus.svg) no-repeat center;
}

.site-footer {
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF4D9;
    display: grid;
    grid-template-columns: 207px auto;
    gap: 42px;
}

.footer-left .logo {
    margin-bottom: 20px;
}


.new-ftr-social {
    margin-bottom: 20px;
}

    .new-ftr-social ul {
        display: flex;
        align-items: center;
    }

        .new-ftr-social ul li {
            height: 32px;
            width: 32px;
            padding: 2px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
            background: #fff;
        }

            .new-ftr-social ul li:not(:last-child) {
                margin-right: 0.5rem;
            }

.get_started span {
    color: #86888D;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    margin-bottom: 8px;
    width: 69%;
    font-weight: 700;
}

.get_started > ul > li {
    margin-bottom: 8px;
}

    .get_started > ul > li > a {
        border-radius: 8px;
        border: 1px solid #fff;
        background: #FFFBF0;
        display: flex;
        align-items: center;
        height: 48px;
        gap: 8px;
        justify-content: center;
        font-size: 12px;
        font-style: normal;
        line-height: normal;
        font-weight: 700;
        color: rgb(172, 26, 45);
    }

    .get_started > ul > li:last-child {
        margin: 0;
    }

.footer_right_Wrapper ul {
    display: grid;
    grid-template-columns: 24.6% 24.6% 24.6% 24.6%;
    gap: 0;
}

.footer_right_Wrapper .nav-link {
    padding: 10px 0 10px 30px;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #5D6167;
    width: 100%;
    text-align: left;
    border-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    border: none;
}

    .footer_right_Wrapper .nav-link:before {
        position: absolute;
        content: '';
        left: 10px;
        width: 10px;
        height: 10px;
        background: url(https://stocksandsecurities.adityabirlacapital.com/ABM-new-header-footer/assets/images/footer/plus.svg) no-repeat center;
        top: 13px;
        transition: all 0.3s ease;
    }

    .footer_right_Wrapper .nav-link.active:before {
        background: url(https://stocksandsecurities.adityabirlacapital.com/ABM-new-header-footer/assets/images/footer/minus.svg) no-repeat center;
    }

    .footer_right_Wrapper .nav-link.active {
        background: #fffbf0;
        color: #353941;
    }

.footer_right_Wrapper .tab-content > .active {
    border-radius: 8px;
    background: #FFFBF0;
    padding: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 18px;
}


.footer_acc_links > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    row-gap: 6px;
}

    .footer_acc_links > ul > li {
        border-right: 1px solid #AEB0B3;
        margin-left: 0px;
        padding: 0 16px;
    }

        .footer_acc_links > ul > li:last-child {
            padding-right: 0;
            border-right: 0;
        }

.footer_acc_links .list-inline-item:not(:last-child) {
    margin-right: .5rem;
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem;
}

.footer_acc_links > ul > li.list-inline-item:not(:last-child) {
    margin: 0;
}

.footer_acc_links:last-child {
    margin: 0;
}

.footer_acc_links ul > li > a {
    color: #353941;
    font-size: 13px;
    font-style: normal;
    line-height: 17px;
    font-weight: 700;
}

    .footer_acc_links ul > li > a:hover {
        color: #AC1A2D;
    }

.footer_acc_links span {
    display: block;
    color: #AEB0B3;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-weight: 900;
    padding: 0 16px;
    margin: 10px 0;
}

.main_gray_footer_wrapper {
    padding: 32px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    background: #CFCFCF;
    display: grid;
    grid-template-columns: 192px 73% auto;
    justify-content: space-between;
}

.gray_footer_brand a > img {
    max-width: 192px;
    width: 100%;
}

.footer_contact_info {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: #EBEBEB;
    margin-top: 10px;
    padding: 10px;
}

.fci_Wrp {
    display: flex;
    gap: 10px;
    /* margin-bottom: 12px; */
}

    .fci_Wrp span {
        display: flex;
        border-radius: 100px;
        border: 1px solid #fff;
        background: #AC1A2D;
        width: 27px;
        height: 27px;
        justify-content: center;
        align-items: center;
    }

        .fci_Wrp span img {
            max-width: 15px;
        }

    .fci_Wrp a {
        font-size: 15px;
        line-height: normal;
        color: #AC1A2D;
        font-weight: 700;
    }

    .fci_Wrp p {
        color: #353941;
        font-size: 12px;
        line-height: 14px;
        opacity: 0.5;
        margin-bottom: 1rem;
    }

.grey_wrapper_tabs .footer_right_Wrapper .tab-content > .active, .grey_wrapper_tabs .footer_right_Wrapper .nav-link.active {
    background: #EBEBEB;
}

.grey_wrapper_tabs .nav-link {
    background-color: transparent;
}

.footer_right_Wrapper ul.nav {
    justify-content: space-between;
    gap: 0;
}

.abcd_logo {
    max-width: 35px;
    background: #AC1A2D;
    padding: 5px;
    border-radius: 4px;
}

.download_app_wrapper p {
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    margin: 12px 0;
    font-weight: 700;
}

.download_app_wrapper ul > li > a {
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #fff;
    background: #EBEBEB;
    width: 92px;
    height: 32px;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    color: #AC1A2D;
    justify-content: center;
    transition: .5s;
}

    .download_app_wrapper ul > li > a:hover {
        background: #fff;
        transition: .5s;
    }

    .download_app_wrapper ul > li > a img {
        max-width: 16px;
        margin-right: 5px;
    }

.footer_accordion.grey_footer_accordion {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    margin-top: -2px;
}

.footer_red_strip {
    display: flex;
    background: #AC1A2D;
    height: 51px;
    align-items: center;
    justify-content: space-between;
    align-items: center;
}

.copyright_div p {
    color: #AEB0B3;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
}

.footer_strip_socil {
    margin-top: 10px;
}

    .footer_strip_socil .list-inline li a {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        transition: .5s;
        background-color: rgb(0 0 0 / 10%);
    }

        .footer_strip_socil .list-inline li a img {
            width: 18px;
        }
/*------------ New footer end -----------------*/

@media(min-width: 1200px) {
    .main_gray_footer_wrapper {
        grid-template-columns: auto 60% auto;
    }
}

@media(min-width: 1501px) {
    .main_gray_footer_wrapper {
        grid-template-columns: 192px 67% auto;
    }
}

@media(min-width: 1701px) {
    .main_gray_footer_wrapper {
        grid-template-columns: 192px 73% auto;
    }
}

@media(max-width: 1600px) {
    .profile_dash_menu_item ul li a {
        font-size: 14px;
    }

    .headerL img {
        max-width: calc(216px - 36px);
    }

    .headerR img {
        max-width: calc(127px - 22px);
    }
    /* .userDetail{
    font-size: calc(22px - 3px);
  } */
    .userIcon {
        height: calc(50px - 8px);
        width: calc(50px - 8px);
    }

    .profile {
        padding: calc(42px - 6px*2.8) calc(80px - 12px) 15px;
    }

    .profile_nomination_head {
        padding: 10px;
    }

    .profile_img img {
        width: calc(140px - 20px);
        height: calc(140px - 20px);
    }

    .profile_img {
        margin-bottom: calc(30px - 5px*2);
    }

    .profile_dash_right {
        padding-left: calc(60px - 10px);
    }
    /* .profile_nomination_head{
    padding: calc(30px - 5px);
  } */
    .profile_nomination_form .nav-pills .nav-link {
        font-size: calc(18px - 2px);
        padding: calc(10px - 2px) calc(35px - 5px);
    }

    .profile_nomination_form {
        padding: 15px 15px calc(78px - 15px*2);
    }
    /* .profile_nomination_form .tab-content{
  margin-top: 20px;
} */
    .form_subhead {
        font-size: calc(18px - 2px);
        margin-bottom: 9px;
    }

    .my-form-wraper .form-grid input,
    .my-form-wraper .form-grid select {
        font-size: 14px;
    }

    .custm_scheckbox {
        font-size: 14px;
    }

    .form_instruction p {
        font-size: 14px;
    }

    .checkmark {
        height: calc(22px - 3px);
        width: calc(22px - 3px);
    }

    .custm_scheckbox .checkmark:after {
        left: 5px;
        top: 2px;
    }

    .date-icon {
        right: 8px;
    }

    .profile_dash_menu_item ul li a {
        padding: 10px 15px;
    }

    .custm_scheckbox {
        padding-left: 28px;
    }

    .custo-r-wraper .custm_scheckbox {
        padding-left: 36px;
    }

    .profile_dash_menu_item ul li a svg {
        max-width: 100%;
        max-height: 25px;
    }

    .profile_nomination_head p {
        font-size: 14px;
    }

    .p_item {
        height: calc(32px - 3px);
        width: calc(32px - 3px);
        font-size: 14px;
        top: 2rem;
        right: -10px;
    }

    .ProgressBar-background, .ProgressBar-circle {
        r: 57;
        cx: 69;
        cy: 63;
    }

    .progress-status {
        right: 0px;
        height: 26px;
        width: 26px;
        font-size: 13px;
    }

    .tab-height {
        max-height: 380px;
    }

    .profile_summery h4 {
        font-size: 15px;
    }

    .profile_summery p {
        font-size: 13px;
    }

    #preloader video {
        max-width: calc(500px - 88px*3.3);
    }

    .submit_btn button {
        padding: calc(15px - 2px) calc(30px - 5px);
        min-width: calc(250px - 40px);
    }
    /* .nomine-item{
  padding-top: 20px;
} */
    .footer-pl-pr {
        padding-left: calc(80px - 15px) !important;
        padding-right: calc(80px - 15px) !important;
    }
}

@media(max-width: 1400px) {
    .headerL img {
        max-width: calc(216px - 36px*2);
    }

    .headerR img {
        max-width: calc(127px - 22px*1.5);
    }

    .userIcon {
        height: calc(50px - 8px*1.6);
        width: calc(50px - 8px*1.6);
        margin-right: 10px;
    }

    .profile {
        padding: calc(42px - 7px*1.5) calc(80px - 12px*2) 15px;
    }

    .profile_img img {
        width: calc(140px - 20px*2);
        height: calc(140px - 20px*2);
    }

    .profile_img {
        margin-bottom: calc(30px - 5px*2);
    }

    .profile_dash_right {
        padding-left: calc(60px - 10px*2);
    }

    .profile_nomination_head {
        padding: 17px;
    }

    .profile_nomination_form .nav-pills .nav-link {
        font-size: calc(18px - 2px*2);
        padding: calc(10px - 2px*2) calc(35px - 5px*2);
    }

    .form_subhead {
        font-size: calc(18px - 2px*2);
    }

    .my-form-wraper .form-grid input,
    .my-form-wraper .form-grid select {
        font-size: 14px;
    }

    .custm_scheckbox {
        font-size: 14px;
    }

    .form_instruction p {
        font-size: 14px;
    }

    .checkmark {
        height: calc(22px - 3px);
        width: calc(22px - 3px);
    }

    .custm_scheckbox .checkmark:after {
        left: 5px;
        top: 2px;
    }

    .profile_dash_menu_item ul li a {
        font-size: 13px;
    }

    .my-form-wraper .form-grid {
        margin-bottom: 18px;
    }

    .profile_dash_menu_item ul li a svg {
        max-width: 100%;
    }

    .ProgressBar-background, .ProgressBar-circle {
        r: 47;
        cx: 69;
        cy: 54;
    }

    .progress-status {
        right: 10px;
        top: 2.5rem;
        font-size: 11px;
    }

    .tab-height {
        max-height: 420px;
    }

    .submit_btn button {
        padding: calc(15px - 2px*1.5) calc(30px - 5px*1.5);
        min-width: calc(250px - 40px*1.5);
    }

    .footer_acc_links > ul > li {
        padding: 0 8px;
    }

    .footer_acc_links span {
        padding-left: 8px;
    }

    .footer_acc_links ul > li > a {
        font-size: 12px;
    }

    .footer_right_Wrapper .nav-link {
        font-size: 12px;
    }

    .footer-pl-pr {
        padding-left: calc(80px - 15px*1.8) !important;
        padding-right: calc(80px - 15px*1.8) !important;
    }
}

@media(max-width: 1199px) {
    .profile {
        padding: calc(80px - 12px* 3) 15px;
    }

    .profile_dash_menu {
        width: 30%;
    }

    .profile_dash_right {
        padding-left: calc(60px - 10px* 4);
    }

    .profile_nomination_form {
        padding: 30px 30px;
    }

        .profile_nomination_form .nav-pills .nav-link {
            font-size: calc(18px - 2px* 2.5);
            padding: calc(10px - 2px* 2) calc(35px - 5px* 3);
        }

    .tab-inner-container {
        padding: 0 1rem;
    }

    .submit_btn button {
        padding: calc(15px - 2px*2) calc(30px - 5px*2);
        min-width: calc(250px - 40px*2);
    }

    .site-footer {
        padding: 30px;
        gap: 32px;
    }

    .footer-pl-pr {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .footer_right_Wrapper .tab-content > .active {
        padding: 13px;
    }

    .footer_acc_links > ul > li {
        padding: 0 5px;
    }

    .footer_acc_links ul > li > a {
        font-size: 11px;
    }

    .footer_right_Wrapper .nav-link {
        font-size: 11px;
    }

    .main_gray_footer_wrapper {
        grid-template-columns: 162px 59% auto;
    }
}

@media(max-width: 991px) {
    .profile {
        padding: calc(80px - 12px* 3.6) 15px;
        background-color: #fff;
    }

    .profile_dash_right {
        padding-left: 0;
        width: 100%;
    }

    .profile_nomination_head h1 {
        font-size: 23px;
        margin-bottom: 3px;
    }

    .custo-r-wraper .form-grid {
        width: auto;
    }

    .profile_nomination_head p {
        font-size: 13px;
    }

    .userDetail {
        font-size: 13px;
    }

    .profile_dash_menu_item {
        border-radius: 0;
    }

        .profile_dash_menu_item ul li {
            margin-bottom: 10px;
        }

    .tab-height {
        max-height: none;
    }

    .profile_dash_menu_item ul li a {
        font-size: 14px;
    }

    .steper-carosel {
        padding: 0 15px;
    }

    .profile_dash_menu {
        display: none;
    }

    .site-footer {
        display: block;
        padding: 20px;
        display: block;
        background: #fffbf0;
    }

    footer .logo {
        text-align: left;
    }

    .get_started > ul > li {
        width: 100%;
        margin: 0;
    }

        .get_started > ul > li > a {
            background: #fff;
            width: 100%;
        }

    .get_started > ul {
        display: flex;
        gap: 16px;
        width: 100%;
    }

    .mobile_accordion_Wrapper {
        margin-top: 20px;
    }

    .footer_accordion .accordion-item {
        border: none;
        background: transparent;
    }

    .accordion-header {
        margin-bottom: 0;
    }

    .mobile_accordion_Wrapper .accordion-button {
        padding-right: 0;
        padding-left: 40px;
    }

    .mobile_accordion_Wrapper .footer_accordion .accordion-button::after, .mobile_accordion_Wrapper .footer_accordion .accordion-button:not(.collapsed)::after {
        margin-left: 0;
        margin-right: auto;
        position: absolute;
        left: 10px;
    }

    .mobile_accordion_Wrapper .footer_accordion .accordion-body {
        padding: 8px 40px 10px;
    }

    .mobile_accordion_Wrapper .footer_accordion .mobile-border-radius .accordion-body {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .mobile_url_acc_wrapper:last-child {
        margin: 0;
    }

    .mobile_url_acc_wrapper ul > li {
        margin-bottom: 12px;
        font-weight: 700;
    }

        .mobile_url_acc_wrapper ul > li > a {
            color: #353941;
            font-size: 13px;
            font-style: normal;
            line-height: 17px;
        }

    .mobile_accordion_Wrapper .accordion-button::after {
        background: url(https://stocksandsecurities.adityabirlacapital.com/ABM-new-header-footer/assets/images/footer/darker-plus.svg) no-repeat center;
    }

    .mobile_accordion_Wrapper .accordion-button:not(.collapsed)::after {
        background: url(https://stocksandsecurities.adityabirlacapital.com/ABM-new-header-footer/assets/images/footer/darker-minus.svg) no-repeat center;
    }

    .mobile_accordion_Wrapper .accordion-button.collapsed {
        background: #FFFBF0;
        border: none;
    }

    .mobile_accordion_Wrapper .accordion-button {
        font-size: 12px;
        font-weight: 700;
        color: #353941;
    }

        .mobile_accordion_Wrapper .accordion-button:focus {
            border: none;
            box-shadow: none;
        }

        .mobile_accordion_Wrapper .accordion-button::after, .mobile_accordion_Wrapper .accordion-button:not(.collapsed)::after {
            background-size: 80%;
        }

    .mobile_accordion_Wrapper .accordion-button {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .mobile_accordion_Wrapper .accordion-button:not(.collapsed) {
            background-color: #FFF4D9;
            box-shadow: none;
        }

    .mobile_accordion_Wrapper .accordion-body {
        background-color: #FFF4D9;
    }
    /* .mobile_url_acc_wrapper ul>li:last-child {
  margin: 0;
} */
    .footer_socials {
        display: flex;
        justify-content: center;
        margin: 0;
        margin-top: 30px;
    }

    .new-ftr-social ul > li > a img {
        filter: invert(0.5);
    }

    .new-ftr-social ul li {
        background: rgba(0, 0, 0, 0.1);
    }

    .new-ftr-social ul {
        justify-content: center;
    }

    .new-ftr-social {
        margin-bottom: 5px;
    }

    .main_gray_footer_wrapper {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .gray_footer_brand {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        margin: 20px 0;
        gap: 10px;
        padding: 0 0;
    }

    .grey_mobile_acc_wrapper {
        padding: 0;
        margin: 0 0 20px;
    }

        .grey_mobile_acc_wrapper .footer_accordion .accordion-button:not(.collapsed) {
            background: #EBEBEB;
        }

        .grey_mobile_acc_wrapper .footer_accordion .accordion-item:first-of-type .accordion-button {
            border-top-right-radius: 8px;
            border-top-left-radius: 8px;
        }

        .grey_mobile_acc_wrapper .footer_accordion .accordion-body {
            background: #EBEBEB;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }

    .mobile_accordion_Wrapper .footer_accordion .accordion-body {
        padding: 8px 40px 10px;
    }

    .mobile_url_acc_wrapper {
        margin-bottom: 20px;
    }

        .mobile_url_acc_wrapper:last-child {
            margin: 0;
        }

    .grey_mobile_acc_wrapper .footer_accordion .accordion-button.collapsed {
        background: #cfcfcf;
        text-transform: uppercase;
    }

    .grey_mobile_acc_wrapper .footer_accordion .accordion-button:not(.collapsed) {
        background: #EBEBEB;
    }

    .footer-pl-pr {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .download_app_wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        gap: 25px;
    }

    .abcd_logo {
        position: absolute;
        top: 0;
        left: 0;
        right: 170px;
        margin: 0 auto;
    }

    .download_app_wrapper p {
        float: left;
        margin: 10px 0 0;
    }

    .download_app_wrapper ul {
        width: 100%;
        justify-content: center;
        display: flex;
        padding: 0 20px 20px;
        gap: 5px;
    }

        .download_app_wrapper ul li a {
            width: 100%;
        }

        .download_app_wrapper ul > li > a img {
            max-width: 16px;
            margin-right: 5px;
        }

        .download_app_wrapper ul li {
            width: 100%;
        }

    .grey_mobile_acc_wrapper .footer_accordion .accordion-button, .mobile_accordion_Wrapper .accordion-button {
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }

    .mobile_accordion_Wrapper .footer_accordion .accordion-body {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .footer_contact_info {
        margin: 0;
        padding: 10px 10px;
        padding-right: 20px;
    }

    .fci_Wrp a {
        font-size: 13px;
    }

    .gray_footer_brand a > img {
        max-width: 160px;
    }

    .footer_red_strip {
        padding: 10px 0;
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .list-inline-item:not(:last-child) {
        margin-right: 0;
    }

    .disclaimer-accor {
        border-top: 1px solid rgba(0, 0, 0, 0.10);
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }

        .disclaimer-accor button {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .disclaimer-accor .accordion-button::after,
        .disclaimer-accor .accordion-button:not(.collapsed)::after {
            background-size: 80%;
        }

    .mobile_accordion_Wrapper {
        margin-top: 20px;
    }

    .fci_Wrp p {
        margin-bottom: 0;
    }

    .band_logo {
        padding: 2.797px;
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        display: block;
        height: 100%;
        flex: 0 0 auto;
    }
}

@media(max-width: 767px) {
    header {
        padding-left: 0;
        padding-right: 0;
    }

    .profile_dash_menu {
        position: fixed;
        width: 300px;
        top: 0;
        height: 100%;
        background-color: #fff;
        z-index: 9999;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
        padding: 30px;
        overflow: auto;
        transition: 0.3s linear;
        right: -100%;
        display: none;
    }

        .profile_dash_menu.active {
            right: 0;
        }

    .profile_dash_right {
        padding-left: 0;
        width: 100%;
    }

    .profile_img img {
        width: calc(140px - 20px* 3);
        height: calc(140px - 20px* 3);
    }

    .header-right {
        padding-right: 0;
    }

        .header-right a {
            font-size: 14px;
        }

    .p_item {
        height: calc(32px - 5px);
        width: calc(32px - 5px);
        font-size: 13px;
        top: 1.5rem;
        right: -10px;
    }
    /* .tab-height {
  max-height: 1010px;
} */
}

@media(max-width: 575px) {
    .userDetail {
        display: none;
    }

    .userIcon {
        margin-right: 0;
    }

    .headerL img {
        max-width: calc(216px - 36px*3.3);
    }

    .headerR {
        padding-left: 20px;
        padding-right: 0;
    }

        .headerR img {
            max-width: calc(127px - 22px* 2.3);
        }

    .headerR, .headerL {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .profile {
        padding-left: 0;
        padding-right: 0;
    }

    .profile_nomination_form {
        padding-top: 20px;
    }

    .header-right a {
        margin-right: auto;
    }

    .header-right {
        padding-left: 0;
        width: fit-content;
        margin: auto;
    }

    .profile {
        padding: calc(80px - 12px* 5) 15px;
    }

    .profile_img img {
        width: calc(140px - 20px* 3.8);
        height: calc(140px - 20px* 3.8);
        padding: 3px;
    }

    .profile_img {
        margin-bottom: calc(30px - 5px* 3);
    }

    .profile_summery h4 {
        font-size: 14px;
    }

    .profile_summery p {
        font-size: 12px;
    }

    .profile_dash_menu_item ul li a svg {
        max-width: 100%;
        max-height: 25px;
    }

    .profile_dash_menu_item ul li a {
        padding: 10px 15px;
        font-size: 14px;
    }

    .profile_nomination_head h1 {
        font-size: 21px;
    }

    .profile_dash_menu {
        width: 270px;
    }

    .p_item {
        height: calc(32px - 5px*1.5);
        width: calc(32px - 5px*1.5);
        top: 1.2rem;
    }

    .profile_nomination_form {
        padding-left: 15px;
        padding-right: 15px;
    }

    .profile {
        background-color: #fff;
        padding-right: 0;
        padding-left: 0;
    }

    .headerL {
        padding-left: 15px;
        padding-right: 15px;
    }

    .completed-icon {
        width: 22px;
        height: 22px;
        font-size: 11px;
    }

    .my-form-wraper .nomine-item:last-child {
        padding-bottom: 25px;
    }
}

@media(max-width: 400px) {
    .gray_footer_brand {
        display: block;
        margin-bottom: 13px;
    }

    .band_logo, .footer_contact_info {
        width: 170px;
        margin: auto;
    }

    .band_logo {
        margin-bottom: 6px;
        text-align: center;
    }
}


/*------------------------------------------------footer ends here----------------------------------------------------*/

/*rekyc landing home page End*/