/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');*/
.topMenu a {
    display: block;
    padding: 0.3125rem 0.25rem;
}
body {
    background: #fff6eb;;
    font-family: "Montserrat", serif;
    font-size: 14px;
    color: #343434;
}
/************** Common Classes ***/
ul {
    line-height: normal;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-85 {
    margin-top: 115px;
}
.mt-89 {
    margin-top: 89px;
}
.mt30 {
    margin-top: 30px !important;
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-70 {
    margin-bottom: 70px !important;
}
blockquote {
    font-size: 14px;
}
a:focus {
    outline: none;
}
.bg-white {
    background: #ffffff;
}
.position-R {
    position: relative;
}
.overflowH {
    overflow: hidden;
}
.z-10 {
    z-index: 10;
}
.pb-0 {
    padding-bottom: 0px !important;
}
.bg-green {
    background: #45B76D !important;
}
.bg-blue {
    background: #1B1D50 !important;
}
.bg-red {
    background: #E81850 !important;
}
.bg-yellow {
    background: #EDB61D !important;
}
.txt-green {
    color: #45b76d !important;
}
.txt-red {
    color: #e81850 !important;
}
.txt-yellow {
    color: #EDB61D !important;
}
.txt-blue {
    color: #1B1D50 !important;
}
.ml-48 {
    margin-left: 48px;
}
.px-25{
    padding: 10px 25px!important;
}
.gradient-1 {
    background: rgb(131, 135, 245);
    background: linear-gradient(150deg, rgba(131, 135, 245, 1) 0%, rgba(27, 29, 80, 1) 100%) !important;
}
.gradient-2 {
    background: rgb(209, 152, 232);
    background: linear-gradient(150deg, rgba(209, 152, 232, 1) 0%, rgba(170, 96, 200, 1) 100%) !important;
}
.gradient-3 {
    background: rgb(104, 212, 186);
    background: linear-gradient(150deg, rgba(104, 212, 186, 1) 0%, rgba(61, 141, 122, 1) 100%) !important;
}
.gradient-4 {
    background: rgb(150, 178, 201);
    background: linear-gradient(150deg, rgba(150, 178, 201, 1) 0%, rgba(92, 114, 133, 1) 100%) !important;
}
.gradient-5 {
    background: rgb(183, 214, 124);
    background: linear-gradient(150deg, rgba(183, 214, 124, 1) 0%, rgba(137, 172, 70, 1) 100%) !important;
}
.gradient-6 {
    background: rgb(176, 161, 212);
    background: linear-gradient(150deg, rgba(176, 161, 212, 1) 0%, rgba(129, 116, 160, 1) 100%) !important;
}
.gradient-7 {
    background: rgb(236, 127, 169);
    background: linear-gradient(150deg, rgba(236, 127, 169, 1) 0%, rgba(232, 37, 97, 1) 100%) !important;
}
.gradient-8 {
    background: rgb(255, 218, 113);
    background: linear-gradient(150deg, rgba(255, 218, 113, 1) 0%, rgba(237, 182, 29, 1) 100%) !important;
}
/************** Button Animation ******/
button.animate {
    position: relative;
    outline: none;
    text-decoration: none;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 1;
    background-color: transparent;
    border: 1px solid rgba(22, 76, 167, 0.6);
}
button.animate span {
    color: #164ca7;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.7px;
}
button.animate:hover {
    animation: rotate 0.7s ease-in-out both;
}
button.animate:hover span {
    animation: storm 0.7s ease-in-out both;
    animation-delay: 0.06s;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
    25% {
        transform: rotate(3deg) translate3d(0, 0, 0);
    }
    50% {
        transform: rotate(-3deg) translate3d(0, 0, 0);
    }
    75% {
        transform: rotate(1deg) translate3d(0, 0, 0);
    }
    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}
@keyframes storm {
    0% {
        transform: translate3d(0, 0, 0) translateZ(0);
    }
    25% {
        transform: translate3d(4px, 0, 0) translateZ(0);
    }
    50% {
        transform: translate3d(-3px, 0, 0) translateZ(0);
    }
    75% {
        transform: translate3d(2px, 0, 0) translateZ(0);
    }
    100% {
        transform: translate3d(0, 0, 0) translateZ(0);
    }
}
/************** Select Box ************/
.select-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 30px;
    font-size: 15px;
    color: #1b1d50;
    z-index: 10;
    font-weight: 500;
    text-align: left;
}
.select-box__current {
    position: relative;
    cursor: pointer;
    outline: none;
}
.select-box__current:focus + .select-box__list {
    opacity: 1;
    -webkit-animation-name: none;
    animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
    cursor: pointer;
}
.select-box__current:focus .select-box__icon {
    transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 20px;
    transition: 0.2s ease;
}
.select-box__value {
    display: flex;
}
.select-box__input {
    display: none;
}
.select-box__input:checked + .select-box__input-text {
    display: block;
}
.select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
}
.select-box__list {
    position: absolute;
    width: 100%;
    padding: 0;
    list-style: none;
    opacity: 0;
    -webkit-animation-name: HideList;
    animation-name: HideList;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
}
.select-box__list li:last-child label {
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}
.select-box__option {
    display: block;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0px;
    font-weight: normal;
    background-color: #fff;
    color: #1b1d50;
    font-weight: 500;
}
.select-box__option:hover, .select-box__option:focus {
    color: #546c84;
    background-color: #fbfbfb;
}

@-webkit-keyframes HideList {
    from {
        transform: scaleY(1);
    }
    to {
        transform: scaleY(0);
    }
}

@keyframes HideList {
    from {
        transform: scaleY(1);
    }
    to {
        transform: scaleY(0);
    }
}
/************** Line Animation ********/
.ani-dash {
    fill: none;
    stroke: #e81850;
    stroke-width: 1px;
    /* Stroke-dasharray property */
    stroke-dasharray: 5;
    stroke-dashoffset: 5;
    animation: move 0.3s linear infinite;
}
@keyframes move {
    100% {
        stroke-dashoffset: 21;
    }
}
/************** Bounce Animation ******/
.bounce-effect {
    align-self: flex-end;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.btn-bounce {
    animation-name: btn-bounce;
    animation-timing-function: linear;
}
@keyframes btn-bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}
/************** Reveal Animation ******/
#logo-reveal-ani {
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    height: 100%;
    margin: 0 auto;
    color: #1b1d50;
    padding: 0px;
    text-align: center;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99999;
}
#logo-reveal-ani p {
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
    position: relative;
    top: 38%;
    text-align: center;
    padding: 0 20px;
}
.logo-reveal {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.logo-animated {
    padding: 0;
    position: relative;
}
.logo-animated span {
    display: block;
    padding: 0 10px;
    width: auto;
}
.reveal-property {
    border-right: 2px solid #000;
    width: 0;
    overflow: hidden;
    float: left;
    -webkit-animation-name: expandProperty;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
}
.reveat-logo {
    float: left;
    overflow: hidden;
}
.reveat-logo span {
    margin-left: -100%;
    -webkit-animation-name: expandValue;
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
}
@-webkit-keyframes expandProperty {
    from {
        width: 0px;
    }
    to {
        width: 200px;
    }
}
@-webkit-keyframes expandValue {
    from {
        margin-left: -250px;
    }
    to {
        margin-left: 0;
    }
}
/** KeyBoard Animation **/
.key-ani {
    display: inline-block;
    transition: transform 0.2s;
}
@keyframes pressDown1 {
    30%, 40%, 100% {
        transform: translateY(0);
    }
    35% {
        transform: translateY(10px);
    }
}
@keyframes pressDown2 {
    70%, 80%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
}
@keyframes pressDown3 {
    30%, 40%, 100% {
        transform: translateY(0);
    }
    35% {
        transform: translateY(10px);
    }
}
@keyframes pressDown4 {
    40%, 50%, 100% {
        transform: translateY(0);
    }
    45% {
        transform: translateY(10px);
    }
}
.key-ani:nth-child(1) {
    animation: pressDown1 2s infinite;
}
.key-ani:nth-child(2) {
    animation: pressDown2 3s infinite;
}
.key-ani:nth-child(3) {
    animation: pressDown3 4s infinite;
}
.key-ani:nth-child(4) {
    animation: pressDown4 2.5s infinite;
}
/** Dashed Line Animation **/
.your-brand-circle {
    position: relative;
    height: 130px;
    width: 130px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #343434;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
}
.your-brand-circle span {
    background: #45b76d;
    background: linear-gradient(to right, #45b76d 0%, #edb61d 50%, #e81850 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.your-brand-circle:before {
    position: absolute;
    content: '';
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    border: 2px dotted #E81850;
    top: -5px;
    left: -5px;
    border-radius: inherit;
    animation: spin 10s linear infinite;
}
@keyframes spin {
    100% {
        transform: rotateZ(360deg);
    }
}
/************** Star Animation ********/
@keyframes starani {
    to {
        opacity: 0;
    }
    from {
        opacity: 1;
    }
}
.starani {
    animation-name: starani;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 0.9s;
    animation-direction: alternate;
}
/** Blockquote **/
.blockquote-wrapper {
    margin: 40px 0;
}
.blockquote {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #343434;
    padding: 30px 15px;
    z-index: 1;
    align-self: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
}
.blockquote h1 {
    position: relative;
    color: #343434;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
}
.blockquote:after {
    position: absolute;
    content: "”";
    color: rgba(232, 24, 80, 1);
    font-size: 10rem;
    line-height: 0;
    bottom: -18px;
    right: 30px;
}
/************** Global Header *********/
.global-header {
    width: 100%;
    position: relative;
}
.global-header h3 {
    margin: 0px !important;
}
.moo-infinite-animation .gradient-border {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
    filter: blur(7px);
}
.moo-infinite-animation img.product-m {
    width: 60px;
    position: relative;
    right: 0px;
    top: -3px;
}
.moo-infinite-animation img {
    width: 500px;
    position: absolute;
    right: 10%;
}
.hr-solution {
    bottom: 0px;
    width: 550px !important;
}
.market-solution {
    top: -20px;
    width: 400px !important;
}
.sales-solution {
    top: 0px;
    width: 400px !important;
}
.manage-solution {
    top: -20px;
    width: 350px !important;
}
.manage-about {
    top: 55px;
    width: 250px !important;
    opacity: 0.7;
}
.manage-engage {
    top: 0px;
    width: 350px !important;
}
.contact-solution {
    top: -5px;
    width: 250px !important;
}
.retailer-img {
    top: -50px;
    width: 300px !important;
}
.manage-testi {
    top: -35px;
    width: 300px !important;
}
/************** Common CSS End ********/

/************** Header ****************/
.navbar-default {
    background: rgb(69, 183, 109);
    background: linear-gradient(
            90deg,
            rgba(69, 183, 109, 1) 0%,
            rgba(237, 182, 29, 1) 50%,
            rgba(232, 24, 80, 1) 100%
    ) !important;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    border: 0px;
    padding: 10px 0 0;
}
.navbar-nav {
    margin-top: 18px;
}
.navbar-brand {
    height: auto;
}
.navbar-brand img {
    width: 240px;
}
.navbar-default .navbar-nav > li {
    padding: 0 14px;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus {
    padding: 0px;
    font-weight: 600;
    color: #1b1d50;
    margin-top: 10px;
    position: relative;
    font-size: 15px;
}
.nav-post-login li a img {
    width: 32px;
    height: 32px;
}
.navbar-default .navbar-nav > li > a {
    padding: 0px !important;
    font-weight: 600 !important;
    color: #1b1d50;
    margin-top: 10px;
    position: relative !important;
    transition: 0.3s !important;
}
.navbar-collapse {
    /*background: linear-gradient(90deg, rgba(69, 183, 109, 0.8) 0%, rgba(237, 182, 29, 0.8) 50%, rgba(232, 24, 80, 0.8) 100%) !important;*/
    position: static !important;
    width: auto !important;
}
.navbar-toggle {
    float: right;
}
.navbar-default .navbar-nav > li > a:hover {
    border-bottom: none !important;
}

.static-header-cntrlr .navbar-default {
    background: rgb(69, 183, 109);
    background: linear-gradient(90deg, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%) !important;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    border: 0px;
    padding: 10px 0 0;
}
.static-header-cntrlr .navbar-nav {
    margin-top: 18px;
}
.navbar-brand {
    height: auto;
}
.navbar-brand img {
    width: 240px;
}
.static-header-cntrlr .navbar-default .navbar-nav > li {
    padding: 0 14px;
}
.static-header-cntrlr .navbar-default .navbar-nav > li > a, .static-header-cntrlr .navbar-default .navbar-nav > .open > a, .static-header-cntrlr .navbar-default .navbar-nav > .open > a:focus {
    padding: 0px;
    font-weight: 600;
    color: #1b1d50;
    margin-top: 10px;
    position: relative;
    font-size: 15px;
}
.nav-post-login li a img{
    width: 32px;
    height: 32px;
}
.static-header-cntrlr .navbar-default .navbar-nav > li > a {
    padding: 0px!important;
    font-weight: 600!important;
    color: #1B1D50!important;
    margin-top: 10px;
    position: relative!important;
    transition: 0.3s !important;
}
.navbar-collapse{
    /*background: linear-gradient(90deg, rgba(69, 183, 109, 0.8) 0%, rgba(237, 182, 29, 0.8) 50%, rgba(232, 24, 80, 0.8) 100%) !important;*/
    position: static!important;
    width: auto!important;
}
.navbar-toggle{
    float: right;
}
.navbar-default .navbar-nav > li > a:hover{
    border-bottom: none!important;
}
.moom_catgy_nvgtn{
    background-color:#E81850;
}
.m-head-user-img{
    width: 35px!important;
    height: 35px!important;
    background: linear-gradient(0deg, rgba(69,183,109,1) 0%, rgba(237,182,29,1) 50%, rgba(232,24,80,1) 100%);
    box-sizing: border-box;
}
.m-head-user-img-container {
    display: inline-block;
    padding: 2px; /* Border thickness */
    /*background: linear-gradient(0deg, rgba(69,183,109,1) 0%, rgba(237,182,29,1) 50%, rgba(232,24,80,1) 100%);*/
    background: #fff;
    border-radius: 50%;
}

.m-head-user-img-container img {
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.MOO_effect-01 li a button:hover{
    color: #1B1D50!important;
}
/*.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover p, .navbar-default .navbar-nav > li > a:focus p {*/
/*	color: #ffffff;*/
/*	transition: transform 0.3s ease-in-out;*/
/*}*/
.navbar-default .navbar-nav > li:last-child > a.giftmall:hover {
    color: #1b1d50 !important;
}

.navbar-default .navbar-nav > li > a.active {
    color: #e81850;
}
.navbar-default .navbar-nav > li:not(:last-child) > a:hover::before  {
    transform-origin: left;
    transform: scaleX(1);
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
}
.static-header-cntrlr .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #fff;
    border-bottom:none;
}
.navbar-nav > li > .dropdown-menu li ul.case-sub-menu {
    padding: 0px;
    margin: 0px;
}
.navbar-nav > li > .dropdown-menu li ul.case-sub-menu li a {
    padding: 8px 0px 8px 35px;
    color: #343434;
    transition: 0.3s;
    line-height: normal;
    display: block;
}
.navbar-nav > li > .dropdown-menu li ul.case-sub-menu li a:hover, .navbar-nav > li > .dropdown-menu li ul.case-sub-menu li.active a {
    text-decoration: none;
    background: #e0e0e0;
}
.navbar-header {
    position: relative;
}
.moo-giftmall-access-mbl {
    position: absolute;
    top: 15px;
    right: 60px;
}
.navbar-default .navbar-nav > li.moo-giftmall-access button, .navbar-default .navbar-nav > li.moo-giftmall-access-mbl button {
    background: rgb(69, 183, 109);
    background: linear-gradient(90deg, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%);
    border: 0px;
    outline: 0px;
    font-weight: 500;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: flex;
    transition: 0.3s;
    padding: 2px !important;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
}
.moo-giftmall-access button span, .moo-giftmall-access-mbl a span {
    display: block;
    color: #1B1D50 !important;
    background: #ffffff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 10px 15px;
    transition: 0.3s;
}
.moo-giftmall-access button span:hover, .moo-giftmall-access-mbl a span:hover {
    -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
}
.moo-giftmall-access button img, .moo-giftmall-access-mbl a img {
    width: 30px;
    padding-right: 5px;
}


.navbar-nav > li > a button {
    background: #45B76D;
    background: linear-gradient(90deg, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%);
    border: 0px;
    outline: 0px;
    font-weight: 500;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: flex;
    transition: 0.3s;
    padding: 2px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
}
.moo-giftmall-access a button span {
    display: block;
    background: #ffffff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 10px 15px;
    transition: 0.3s;
}
.static-navabar .nav > li.active > a,
.static-navabar .nav > li.active > a:hover,
.static-navabar .nav > li.active > a:focus {
    color: white !important;
}

.static-navabar .nav > li > a:hover {
    color: white !important;
}
.static-navabar .nav > li > a{
    color:#1B1D50;
}

.navbar-default .navbar-nav > li.moo-giftmall-access a.giftmall,
.moo-giftmall-access-mbl a.giftmall {
    background: linear-gradient(180deg, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%);
    border: none;
    outline: none;
    margin: 0px !important;
    font-weight: 500 !important;
    border-radius: 50px;
    display: block;
    transition: 0.3s;
    padding: 2px !important;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33);
    color: #1b1d50;
}

.moo-giftmall-access a.giftmall span,
.moo-giftmall-access-mbl a.giftmall span {
    display: block;
    background: #ffffff;
    border-radius: 50px;
    padding: 10px 15px;
    transition: 0.3s;
}

.moo-giftmall-access a.giftmall span:hover,
.moo-giftmall-access-mbl a.giftmall span:hover {
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
}

.moo-giftmall-access a.giftmall img,
.moo-giftmall-access-mbl a.giftmall img {
    width: 25px;
}

.moo-giftmall-access a.giftmall:hover,
.moo-giftmall-access-mbl a.giftmall:hover {
    color: #1b1d50;
}
.btn-bounce {
    animation-name: btn-bounce;
    animation-timing-function: linear;
}
.bounce-effect {
    align-self: flex-end;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes btn-bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}
.navbar-nav > li > a button img {
    width: 30px;
    padding-right: 5px;
}
.navbar-nav > li:last-child > a {
    margin-top: 0px;
}
.navbar-nav > li:last-child > a:hover{
    border-bottom:none;
}
/*.navbar-nav > li > a button:hover {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(69, 183, 109, 1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(69, 183, 109, 1);
	box-shadow: 0px 0px 15px 0px rgba(69, 183, 109, 1);
}*/
.navbar-default .navbar-toggle {
    border: 0px;
    margin: 13px 7px 0 0;
}
.navbar-default .navbar-toggle img {
    width: 25px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border: 0px;
    margin: 13px 7px 0 0;
}
.dropdown-menu {
    padding: 0px 0;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    transition: 0.3s;
}
.static-header-cntrlr .dropdown-menu > li > a, .dropdown-menu > li > a {
    padding: 8px 20px;
    font-size: 14px;
    color: #343434;
    transition: 0.3s;
}
.dropdown-menu > li.active > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #f5f5f5 !important;
    color: #343434 !important;
    padding: 8px 25px !important;
}
.dropdown-header {
    font-weight: 500;
}
.breadcrumb li {
    font-family: "Montserrat", serif;
}
/****************** Banner ************************/
.jumbotron, .moo-world-rewards, .jumbotron-about, .jumbotron-productM, .moo-extensive-catalog, .jumbotron-solutions, .jumbotron-retailer {
    background: #ffebc3 url("../../images/new-home-page/banner-bg.png") no-repeat;
    background-size: cover;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    min-height: 550px;
    padding: 40px;
}
.jumbotron {
    min-height: 480px;
}
.jumbotron img.main-banner {
    width: 400px;
    margin: 0 auto 0;
    display: block;
}
.banner-hero-MOO {
    padding-top: 12%;
}
.banner-hero-MOO label {
    font-weight: 700;
    font-size: 34px;
    margin: 0px;
    line-height: normal;
    color: #1b1d50;
}
.banner-hero-MOO p {
    margin: 0px;
    font-weight: normal;
    font-size: 34px;
    line-height: normal;
    color: #1b1d50;
}
.banner-hero-MOO p span {
    position: relative;
    z-index: 20;
}
.banner-hero-MOO p span img {
    position: absolute;
    bottom: -6px;
    left: 6px;
    width: 123px;
    z-index: -10;
}
.banner-hero-MOO strong {
    font-size: 15px;
    font-weight: 600;
    display: block;
    padding: 20px 0 10px;
}
button.discover-gift, button.discover-demo, .moo-case-study-block button, .moo-contact-form button, .abt-explore button, .benef-features-content button {
    background: #e81850;
    border: 0px;
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
    padding: 14px 35px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
    transition: 0.3s;
}
button.discover-gift:hover, .moo-case-study-block button:hover, .moo-contact-form button:hover, .abt-explore button:hover, .benef-features-content button:hover {
    -webkit-box-shadow: 0px 0px 37px -16px rgba(232, 24, 80, 1);
    -moz-box-shadow: 0px 0px 37px -16px rgba(232, 24, 80, 1);
    box-shadow: 0px 0px 37px -16px rgba(232, 24, 80, 1);
}
button.discover-demo {
    background: #edb61d;
    color: #1b1d50;
}
button.discover-demo:hover {
    -webkit-box-shadow: 0px 0px 37px -16px rgba(237, 182, 29, 1);
    -moz-box-shadow: 0px 0px 37px -16px rgba(237, 182, 29, 1);
    box-shadow: 0px 0px 37px -16px rgba(237, 182, 29, 1);
}
.jumbotron-about {
    background: #45B76D url("../../images/new-home-page/banner-bg.png") no-repeat;
    padding: 0px;
    min-height: 525px;
    overflow: hidden;
}
.jumbotron-about .jumbotron-about-grp {
    position: absolute;
    top: -100px;
    right: -100px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#208142+0,45b76d+100&1+0,0+100 */
    background: linear-gradient(to bottom, rgba(32, 129, 66, 1) 0%, rgba(69, 183, 109, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 550px;
    height: 550px;
    border-radius: 50%;
    opacity: 0.7;
}
.jumbotron-productM {
    background: #1B1D50 url("../../images/new-home-page/banner-bg.png") no-repeat;
    padding: 0px;
    min-height: 442px;
    overflow: hidden;
}
.jumbotron-solutions, .jumbotron-retailer {
    background: #1B1D50 url("../../images/new-home-page/banner-bg.png") no-repeat;
    padding: 0px;
    min-height: 442px;
    overflow: hidden;
}
.jumbotron-retailer {
    min-height: 500px;
}
.banner-hero-MOO {
    padding-top: 23%;
}
.jumbotron-about .banner-hero-MOO, .jumbotron-productM .banner-hero-MOO, .jumbotron-solutions .banner-hero-MOO, .jumbotron-retailer .banner-hero-MOO {
    padding: 0px;
    min-height: 525px;
    display: grid;
    align-items: center;
    color: #ffffff;
    padding-left: 80px;
}
.jumbotron-productM .banner-hero-MOO, .jumbotron-solutions .banner-hero-MOO {
    min-height: 442px;
}
.jumbotron-retailer .banner-hero-MOO {
    min-height: 500px;
}
.jumbotron-about .moo-abt-banner-grp {
    padding: 50px 0px 0 30px;
}
.jumbotron-about .moo-abt-banner-grp img {
    width: auto;
    height: auto;
}
.jumbotron-productM .moo-abt-banner-grp {
    padding: 0px;
}
.jumbotron-productM .moo-abt-banner-grp img {
    width: 600px;
    height: auto;
}
.jumbotron-solutions .moo-abt-banner-grp, .jumbotron-retailer .moo-abt-banner-grp {
    text-align: center;
    padding: 40px 0 0;
}
.banner-hero-MOO label {
    font-weight: normal;
    font-size: 34px;
    margin: 0px;
    line-height: normal;
}
.banner-hero-MOO p {
    margin: 0px;
    font-weight: 700;
    font-size: 34px;
    line-height: normal;
}
.banner-hero-MOO p span {
    position: relative;
    z-index: 20;
}
.banner-hero-MOO p span img {
    position: absolute;
    bottom: -6px;
    left: 6px;
    width: 123px;
    z-index: -10;
}
.banner-hero-MOO strong {
    font-size: 15px;
    font-weight: 600;
    display: block;
    padding: 20px 0 10px;
}
button.discover-gift, button.discover-demo, .moo-case-study-block button, .moo-contact-form button {
    background: #E81850;
    border: 0px;
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
    padding: 14px 35px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
    transition: 0.3s;
}
button.discover-gift:hover, .moo-case-study-block button:hover, .moo-contact-form button:hover {
    -webkit-box-shadow: 0px 0px 37px -16px rgba(232, 24, 80, 1);
    -moz-box-shadow: 0px 0px 37px -16px rgba(232, 24, 80, 1);
    box-shadow: 0px 0px 37px -16px rgba(232, 24, 80, 1);
}
button.discover-demo {
    background: #EDB61D;
    color: #1B1D50;
}
button.discover-demo:hover {
    -webkit-box-shadow: 0px 0px 37px -16px rgba(237, 182, 29, 1);
    -moz-box-shadow: 0px 0px 37px -16px rgba(237, 182, 29, 1);
    box-shadow: 0px 0px 37px -16px rgba(237, 182, 29, 1);
}
/****************** Banner Column Right ***********/
.lady-1-container {
    background: #FFEBC3 url("../../images/new-home-page/lady-1.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    width: 400px;
    height: 400px;
    margin: 6% auto 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}
.lady-1-container .block-1, .lady-1-container-cntrlr .block-1 {
    position: absolute;
    left: -115px;
    bottom: 70px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ffffff;
    width: 200px;
    overflow: hidden;
    text-align: center;
}
.lady-1-container .block-1 .block-header, .lady-1-container-cntrlr .block-1 .block-header {
    background: #1B1D50 url("../../images/new-home-page/reward-half-circle.png") no-repeat;
    background-position: center bottom;
    height: 67px;
    line-height: 67px;
    text-align: center;
}
.lady-1-container .block-1 .block-content, .lady-1-container-cntrlr .block-1 .block-content {
    padding: 15px;
}
.lady-1-container .block-1 .block-content p, .lady-1-container-cntrlr .block-1 .block-content p {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 0px;
    line-height: normal;
}
.lady-1-container .block-1 .block-content label, .lady-1-container-cntrlr .block-1 .block-content label {
    font-weight: normal;
    margin: 0px;
    line-height: normal;
}
.lady-1-container .block-1 .block-content a, .lady-1-container-cntrlr .block-1 .block-content a {
    color: #E81850;
    font-size: 11px;
    font-weight: 600;
    text-decoration: underline;
}
.lady-1-container .block-1 .block-content ul.member-list, .lady-1-container-cntrlr .block-1 .block-content ul.member-list {
    padding: 0px;
    margin: 15px 0 5px;
    list-style: none;
    display: inline-block;
}
.lady-1-container .block-1 .block-content ul.member-list li, .lady-1-container-cntrlr .block-1 .block-content ul.member-list li {
    float: left;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-left: -4px;
}
.lady-1-container .block-1 .block-content ul.member-list li:first-child, .lady-1-container-cntrlr .block-1 .block-content ul.member-list li:first-child {
    margin-left: 0px;
}
.lady-1-container .block-1 .block-content ul.member-list li img, .lady-1-container-cntrlr .block-1 .block-content ul.member-list li img {
    width: 100%;
    height: 100%;
}
.lady-1-container .block-2, .lady-1-container-cntrlr .block-2 {
    position: absolute;
    right: -80px;
    bottom: 75px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ffffff;
    width: 185px;
    padding: 55px 15px 15px;
    text-align: center;
}
.lady-1-container .block-2 .block-header, .lady-1-container-cntrlr .block-2 .block-header {
    background: url("../../images/new-home-page/celebration-paper.svg") no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    margin-top: -15px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 15px;
}
.lady-1-container .block-2 .block-header img, .lady-1-container-cntrlr .block-2 .block-header img {
    margin-top: -23px;
}
.lady-1-container .block-2 .block-content, .lady-1-container-cntrlr .block-2 .block-content {
    background: #EA265B;
    width: 100%;
    position: relative;
    color: #ffffff;
    line-height: normal;
    height: 30px;
    text-align: center;
}
.lady-1-container .block-2 .block-content img.left-align, .lady-1-container-cntrlr .block-2 .block-content img.left-align {
    position: absolute;
    left: -4px;
    top: 1px;
}
.lady-1-container .block-2 .block-content img.right-align, .lady-1-container-cntrlr .block-2 .block-content img.right-align {
    position: absolute;
    right: -4px;
    top: 1px;
}
.lady-1-container .block-2 .block-content ul, .lady-1-container-cntrlr .block-2 .block-content ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    width: 100%;
}
.lady-1-container .block-2 .block-content ul li, .lady-1-container-cntrlr .block-2 .block-content ul li {
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.lady-1-container .block-2 .block-content ul li:first-child, .lady-1-container-cntrlr .block-2 .block-content ul li:first-child {
    width: 35%;
    font-weight: 700;
    position: relative;
    background: url("../../images/new-home-page/devidr-grp.svg") no-repeat;
    background-position: top right;
}
.lady-1-container .block-2 .block-content ul li:last-child, .lady-1-container-cntrlr .block-2 .block-content ul li:last-child {
    width: 65%;
    font-weight: 600;
    font-size: 9px;
}
.lady-1-container .block-2 small, .lady-1-container-cntrlr .block-2 small {
    color: #000000;
    font-size: 10px;
    display: block;
    padding-top: 10px;
}
.lady-1-container .block-3, .lady-1-container-cntrlr .block-3 {
    position: absolute;
    right: -80px;
    bottom: -10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ffffff;
    width: 230px;
    padding: 15px;
}

.lady-1-container .block-3 ul, .lady-1-container-cntrlr .block-3 ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
}
.lady-1-container .block-3 ul li, .lady-1-container-cntrlr .block-3 ul li {
    float: left;
    margin-left: -4px;
}
.lady-1-container .block-3 ul li:first-child, .lady-1-container-cntrlr .block-3 ul li:first-child {
    margin-left: 0px;
}
.lady-1-container .block-3 span, .lady-1-container-cntrlr .block-3 span {
    float: right;
    color: #000000;
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
}
.lady-1-container .block-3 small, .lady-1-container-cntrlr .block-3 small {
    display: block;
    margin: 0px;
    font-weight: normal;
    font-size: 12px;
}
/******* User Type *******/
.choose-moo-user-type {
    margin-top: -110px;
}
.choose-moo-user-type .moo-user-block {
    padding: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    transition: 0.3s;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    text-align: center;
}
.choose-moo-user-type .moo-user-block:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.50);
}
.choose-moo-user-type .moo-user-block img {
    width: 55px;
    margin-right: 20px;
}
.choose-moo-user-type .moo-user-block p {
    margin: 0px;
    min-height: 65px;
}
.choose-moo-user-type .moo-user-block p strong {
    font-size: 15px;
    font-weight: 600;
}
.choose-moo-user-type .moo-user-block a {
    color: #ffffff;
    font-weight: 500;
    transition: 0.3s;
    text-decoration: none;
    background: #e81850;
    display: inline-block;
    padding: 8px 18px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.choose-moo-user-type .moo-user-block a:hover {
    -webkit-box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 1);
}
/****************** Clients we serve **************/
.moo-address-cntrl .client-list {
    min-height: inherit;
}
.client-list {
    position: relative;
    min-height: 300px;
}
.client-list img.client-grp-left {
    position: absolute;
    left: 0px;
    top: 0px;
}
.client-list img.client-grp-right {
    position: absolute;
    right: 0px;
    top: 0px;
}
.client-list .client-title {
    text-align: center;
    padding-top: 65px;
}
.client-list .client-title h3 {
    margin: 0px 0 30px;
    color: #e81850;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}
.client-list .client-title h3 img {
    width: 100px;
    padding: 0px 10px;
}
.client-slider {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 15%, #000 85%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 15%, #000 85%, rgba(0, 0, 0, 0) 100%);
}
.client-slider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5rem;
    animation: slide 70s linear infinite;
}
.client-slider-container img {
    width: 120px;
    max-width: 120px;
    /*filter: grayscale(100%);*/
}
.moo-address-cntrl .client-slider-container img {
    width: 100px;
    max-width: 100px;
}
/*.client-slider-container img:hover {*/
/*	width: 80px;*/
/*	max-width: 80px;*/
/*	filter: grayscale(0);*/
/*}*/
@keyframes slide {
    0% {
        transform: translate3d(0, 0, 0)
    }
    100% {
        transform: translate3d(-100%, 0, 0)
    }
}
/****************** Skinny Block ******************/
.moo-skinnyblock {
    margin-top: -50px;
}
.moo-skinnyblock h2 {
    color: #1B1D50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0;
    margin: 0;
}
.moo-skinnyblock p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 0 20px;
    margin: 0;
}
.skinny-widget-row {
    display: flex;
    justify-content: center;
    padding: 30px 0 10px;
    margin-bottom: 40px;
}
.skinny-widget {
    width: 1170px;
    display: flex;
}
.widget-cntrlr {
    position: relative;
    padding-bottom: 30px;
    width: 262px;
    margin: 0 15px;
}
.widget-cntrlr span.vividorg-dot {
    position: absolute;
    left: 20px;
    bottom: 0px;
    background: #edb61d;
    width: 13px;
    height: 13px;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.widget-cntrlr span.crimson-dot {
    background: #e81850;
}
.widget-cntrlr span.moderate-dot {
    background: #45b76d;
}
.widget-cntrlr span.midnightBlue-dot {
    background: #1b1d50;
}
.widget-cntrlr div.moderate-cyan {
    background: #45B76D url("../../images/new-home-page/green-ellipse.svg") no-repeat 26px 0;
    background-size: contain;
    background-position: top right;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    min-height: 365px;
    transition: 0.3s;
    cursor: pointer;
}
.widget-cntrlr div.moderate-cyan img, .widget-cntrlr div.crimson img, .widget-cntrlr div.vivid-orange img {
    width: 77%;
    margin: 45px auto 0;
    display: block;
}
.skinny-widget .widget-cntrlr:nth-child(1) figure:hover {
    -webkit-box-shadow: 10px 10px 37px -16px rgba(69, 183, 109, 1);
    -moz-box-shadow: 10px 10px 37px -16px rgba(69, 183, 109, 1);
    box-shadow: 10px 10px 37px -16px rgba(69, 183, 109, 1);
}
.widget-cntrlr div.moderate-cyan:hover {
    -webkit-box-shadow: 10px 10px 37px -16px rgba(69, 183, 109, 1);
    -moz-box-shadow: 10px 10px 37px -16px rgba(69, 183, 109, 1);
    box-shadow: 10px 10px 37px -16px rgba(69, 183, 109, 1);
}
.widget-cntrlr div.midnightBlue {
    background: #1b1d50 url("../../images/new-home-page/blue-ellipse.svg") no-repeat 26px 0;
    background-size: contain;
    background-position: top right;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    min-height: 365px;
    transition: 0.3s;
    cursor: pointer;
}
.skinny-widget .widget-cntrlr:nth-child(2) figure:hover {
    -webkit-box-shadow: 10px 10px 37px -16px rgba(27, 29, 80, 1);
    -moz-box-shadow: 10px 10px 37px -16px rgba(27, 29, 80, 1);
    box-shadow: 10px 10px 37px -16px rgba(27, 29, 80, 1);
}
.widget-cntrlr div.midnightBlue:hover {
    -webkit-box-shadow: 10px 10px 37px -16px rgba(27, 29, 80, 1);
    -moz-box-shadow: 10px 10px 37px -16px rgba(27, 29, 80, 1);
    box-shadow: 10px 10px 37px -16px rgba(27, 29, 80, 1);
}
.widget-cntrlr div.midnightBlue img.custom-pric {
    width: 75%;
    margin: 45px auto 0;
    display: block;
}
.widget-cntrlr div.midnightBlue img.hund-vou {
    position: absolute;
    top: 105px;
    right: 15px;
}
.widget-cntrlr div.crimson {
    background: #e81850 url("../../images/new-home-page/pink-ellipse.svg") no-repeat 26px 0;
    background-size: contain;
    background-position: top right;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    min-height: 365px;
    transition: 0.3s;
    cursor: pointer;
}
.skinny-widget .widget-cntrlr:nth-child(3) figure:hover {
    -webkit-box-shadow: 10px 10px 37px -16px rgba(232, 24, 80, 1);
    -moz-box-shadow: 10px 10px 37px -16px rgba(232, 24, 80, 1);
    box-shadow: 10px 10px 37px -16px rgba(232, 24, 80, 1);
}
.widget-cntrlr div.crimson:hover {
    -webkit-box-shadow: 10px 10px 37px -16px rgba(232, 24, 80, 1);
    -moz-box-shadow: 10px 10px 37px -16px rgba(232, 24, 80, 1);
    box-shadow: 10px 10px 37px -16px rgba(232, 24, 80, 1);
}
.widget-cntrlr div.vivid-orange {
    background: #edb61d url("../../images/new-home-page/orange-ellipse.svg") no-repeat 26px 0;
    background-size: contain;
    background-position: top right;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    min-height: 365px;
    transition: 0.3s;
    cursor: pointer;
}
.widget-cntrlr div.vivid-orange:hover {
    -webkit-box-shadow: 10px 10px 37px -16px rgba(237, 182, 29, 1);
    -moz-box-shadow: 10px 10px 37px -16px rgba(237, 182, 29, 1);
    box-shadow: 10px 10px 37px -16px rgba(237, 182, 29, 1);
}
.skinny-widget .widget-cntrlr:nth-child(4) figure:hover {
    -webkit-box-shadow: 10px 10px 37px -16px rgba(237, 182, 29, 1);
    -moz-box-shadow: 10px 10px 37px -16px rgba(237, 182, 29, 1);
    box-shadow: 10px 10px 37px -16px rgba(237, 182, 29, 1);
}
.widget-cntrlr div.moderate-cyan h3.widget-title, .widget-cntrlr div.midnightBlue h3.widget-title, .widget-cntrlr div.crimson h3.widget-title, .widget-cntrlr div.vivid-orange h3.widget-title {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    margin: 0px;
    color: #ffffff;
    font-weight: 600;
    line-height: 32px;
}
.widget-cntrlr div.moderate-cyan h3.widget-title span {
    font-weight: normal;
    line-height: 21px;
    font-size: 15px;
    margin: 10px 0 0;
    display: block;
}
/* Enterprise Solutions */
.org-bg {
    background: #edb61d;
}
.red-bg {
    background: #e81850;
}
.grn-bg {
    background: #45b76d;
}
.blue-bg {
    background: #1b1d50;
}
.moo-es-tabs-container {
    padding-bottom: 50px;
}
.moo-enterprise-wrap {
    text-align: center;
}
.moo-es-title h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    padding: 0px 0 5px;
    margin: 0;
}
.moo-es-title p {
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 40px;
    margin: 0;
}
.moo-es-tabs {
    display: flex;
    justify-content: center;
    padding: 0 0 30px;
}
.moo-es-tabs span {
    border: 1px solid #343434;
    border-radius: 8px;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin: 0 8px;
    transition: 0.3s;
}
.moo-es-tabs span:hover, .moo-es-tabs span.active {
    color: #ffffff;
    background: rgb(69, 183, 109);
    background: linear-gradient(90deg, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%) !important;
    border: #ffffff 1px solid;
    font-weight: 600;
}
.moo-es-container {
    border-radius: 20px;
    height: 0;
    /*overflow: hidden;*/
    display: none;
    position: relative;
}
.moo-es-container.active {
    height: auto;
    display: block;
}
.moo-es-container img.tabbed-footer {
    position: absolute;
    left: 2.5%;
    bottom: -28px;
    width: 95%;
    z-index: -1;
    display: block;
    margin: 0 auto;
}
.moo-es-innerwrap {
    padding: 40px 20px;
    display: inline-block;
    position: relative;
}
.moo-es-innerwrap h3 {
    margin: 0 10% 50px;
    font-weight: 700;
    font-size: 32px;
    color: #ffffff;
}
.moo-es-innerwrap img.enterprise-grp {
    width: 70%;
    display: block;
    margin: 0 auto;
}
.moo-es-container ul li.moo-customer span {
    left: 0;
    background-image: url(../../images/new-home-page/customer-solutions.svg);
    width: 50px;
}
.moo-es-container ul li.moo-partnerships span {
    left: 0;
    background-image: url(../../images/new-home-page/partnership-solutions.svg);
    width: 55px;
}
.moo-es-container ul li.moo-event span {
    left: 0;
    background-image: url(../../images/new-home-page/event-solutions.svg);
    width: 45px;
}
.moo-es-container ul li.moo-incentive span {
    left: 0;
    background-image: url(../../images/new-home-page/incentive-solutions.svg);
    width: 50px;
}
.moo-es-container ul li.moo-conversion span {
    left: 0;
    background-image: url(../../images/new-home-page/conversion-solutions.svg);
    width: 50px;
}
.moo-es-container ul li.moo-relationship span {
    left: 0;
    background-image: url(../../images/new-home-page/relationship-solutions.svg);
    width: 50px;
}
.moo-es-container ul li.moo-incentiveP span {
    left: 0;
    background-image: url(../../images/new-home-page/incentiveP-solutions.svg);
    width: 50px;
}
.moo-es-container ul li.moo-vendor span {
    left: 0;
    background-image: url(../../images/new-home-page/vendor-solution.svg);
    width: 50px;
}
.moo-es-container ul li.moo-streamline span {
    left: 0;
    background-image: url(../../images/new-home-page/streamline-solutions.svg);
    width: 50px;
}
.moo-es-container ul li.moo-governance span {
    left: 0;
    background-image: url(../../images/new-home-page/governance-solutions.svg);
    width: 50px;
}
.moo-es-container ul {
    padding: 0;
    margin: 0;
}
.moo-es-container ul li {
    color: #fff;
    text-align: left;
    list-style: none;
    padding: 0 0 0 65px;
    position: relative;
}
.moo-es-container ul li span {
    position: absolute;
    left: 5px;
    top: 0;
    background: url(../../images/new-home-page/employee-recognation.svg) no-repeat 0 0/100%;
    width: 45px;
    height: 55px;
}
.moo-es-container ul li.moo-onboarding span {
    left: 0;
    background-image: url(../../images/new-home-page/onboarding-n-training.svg);
    width: 55px;
}
.moo-es-container ul li.moo-wellness span {
    left: 0;
    background-image: url(../../images/new-home-page/wellness-engagement.svg);
    width: 55px;
}
.moo-es-container ul li + li {
    margin: 50px 0 0;
}
.moo-es-container ul li h4 {
    font-weight: 600;
    font-size: 22px;
    margin: 0;
}
.moo-es-container ul li p {
    font-weight: 400;
    font-size: 15px;
    padding: 8px 0 0;
    line-height: 21.5px;
}
.moo-es-innerwrap a:hover {
    text-decoration: none !important;
}
.moo-ylw-cta.blue-bg {
    color: #fff;
}
.moo-ylw-cta.blue-bg:hover {
    -webkit-box-shadow: 0px 0px 37px -16px rgba(27, 29, 80, 1);
    -moz-box-shadow: 0px 0px 37px -16px rgba(27, 29, 80, 1);
    box-shadow: 0px 0px 37px -16px rgba(27, 29, 80, 1);
    color: #ffffff;
}
.moo-ylw-cta {
    color: #2C306D !important;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 8px;
    transition: 0.3s;
    float: right;
}
.moo-ylw-cta.bg-blue {
    color: #ffffff !important;
}
.moo-ylw-cta:hover .moo-ylw-cta:focus{
    text-decoration: none !important;
    color: #2c306d !important;
    -webkit-box-shadow: 0px 0px 37px -16px rgba(237, 182, 29, 1);
    -moz-box-shadow: 0px 0px 37px -16px rgba(237, 182, 29, 1);
    box-shadow: 0px 0px 37px -16px rgba(237, 182, 29, 1);
}
/****************** Retail Partner ****************/
.moo-rps-header h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    /*padding: 52px 0 10px;*/
    padding: 0px 0 10px;
    margin: 0;
}
.moo-rps-header h3 img {
    position: relative;
    top: -3px;
    width: 55px;
}
.moo-rps-header p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 0 10px;
    margin: 0;
}
.moo-rps-container img {
    max-width: 100%;
}
.moo-gv-accordion .panel {
    background: transparent;
    box-shadow: none;
    border: none;
    padding-bottom: 50px;
    text-align: left;
}
.moo-gv-accordion .panel:last-child {
    padding-bottom: 0px;
}
.moo-gv-accordion .panel-heading {
    background: transparent;
    box-shadow: none;
    padding: 0;
}
.moo-gv-accordion .panel-heading a {
    padding: 15px;
    display: block;
    font-weight: 600;
    color: #ffffff;
    font-size: 20px;
    width: 100%;
    border-bottom: 1px solid #45b76d;
}
.moo-gv-accordion.home .panel-heading a {
    border-bottom: 1px solid #ffffff;
}
.moo-gv-accordion .panel-heading a.collapsed {
    color: #343434;
}
.moo-gv-accordion .panel-heading a:focus {
    text-decoration: none;
    outline: none;
}
.moo-gv-accordion .panel-heading:hover a {
    text-decoration: none;
}
.moo-gv-accordion .panel-heading a[aria-expanded="true"] {
    background: url(../../images/new-home-page/green-up-arrow.svg) no-repeat;
    background-position: right;
    display: inline-block;
    background-size: 13px 7px;
}
.moo-gv-accordion.home .panel-heading a[aria-expanded="false"] {
    background: url(../../images/new-home-page/white-down-arrow.svg) no-repeat;
    background-position: right;
    display: inline-block;
    background-size: 13px 7px;
}
.moo-gv-accordion.home .panel-heading a[aria-expanded="true"] {
    background: url(../../images/new-home-page/white-up-arrow.svg) no-repeat;
    background-position: right;
    display: inline-block;
    background-size: 13px 7px;
}
.moo-rps-cta {
    text-align: center;
    padding: 80px 0;
}
.moo-rps-cta a, .moo-success-stories button {
    background: #e81850;
    color: #fff;
    border-radius: 8px;
    padding: 15px 28px;
    line-height: 1.2;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
    border: 0px;
    outline: 0px;
}
.moo-rps-cta a:hover, .moo-success-stories button:hover {
    -webkit-box-shadow: 0px 0px 37px -16px rgba(232, 24, 80, 1);
    -moz-box-shadow: 0px 0px 37px -16px rgba(232, 24, 80, 1);
    box-shadow: 0px 0px 37px -16px rgba(232, 24, 80, 1);
}
.integra-info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    width: 768px;
    margin: 0 auto;
}
.integra-info div.integra-api, .integra-info div.moo-dot-logo {
    background: rgb(69, 183, 109);
    background: linear-gradient(45deg, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%);
    padding: 2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.integra-info div.integra-api span, .integra-info div.moo-dot-logo span {
    background: #ffffff;
    width: 130px;
    height: 130px;
    line-height: 130px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    display: block;
}
.integra-info div.integra-api span img, .integra-info div.moo-dot-logo span img {
    width: 60%;
}
.integra-info div.integra-ani-arw {
    margin: 0 20px;
}
.integra-description {
    margin: 0 10%;
}
.integra-concept {
    margin: 0;
    text-align: center;
}
.integra-concept img {
    width: 100%;
}
.integra-description p {
    margin: 0px;
    font-weight: 500;
    line-height: 24px;
}
.integra-description ul {
    padding: 0px;
    margin: 30px 0 0;
    list-style: none;
    display: inline-block;
}
.integra-description ul li {
    padding: 0 10px;
    float: left;
    width: 100%;
    margin: 0 0 10px;
}
.integra-description ul li:last-child {
    margin: 0px;
}
.integra-description ul li p {
    margin: 5px 0 0 19px !important;
}
.integra-description button {
    width: 230px;
    margin: 20px auto 0 !important;
    display: block;
}
.integra-easy4-step {
    margin: 30px 10% 0;
}
.integra-easy4-step h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0;
    margin: 0 0 10px;
    text-align: center;
}
.integra-easy4-step p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    padding: 0;
    margin: 0 15% 20px;
    text-align: center;
}
.integra-easy4-step ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.integra-easy4-step ul li {
    text-align: center;
    margin: 10px;
    width: 25%;
    min-height: 250px;
}
.integra-easy4-step ul li img {
    width: 45px;
    transition: all 0.3s ease;
}
.integra-easy4-step ul li:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.integra-easy4-step ul li strong {
    display: block;
    padding: 10px 0;
}
.integra-easy4-step ul li p {
    font-size: 14px;
    line-height: normal;
    margin: 0px;
}
/****************** World of Rewards **************/
.moo-world-rewards {
    padding: 70px 100px;
    margin-bottom: 40px;
    overflow: hidden;
    background: rgb(69, 183, 109);
    background: linear-gradient(-45deg, rgba(69, 183, 109, 0.9) 0%, rgba(237, 182, 29, 0.9) 50%, rgba(232, 24, 80, 0.9) 100%);
}
.moo-world-rewards .moo-rps-header {
    padding-bottom: 30px;
    color: #ffffff;
}
.moo-world-rewards .moo-rps-header h3 {
    padding-top: 0px;
    color: #ffffff;
}
.moo-world-rewards img {
    width: 100%;
}

.rewards-line-webani div.line-webani-cntrlr {
    width: 85%;
    margin: 0 auto;
    position: relative;
}
.rewards-line-webani div.line-webani-cntrlr svg {
    width: 799px;
}
div.line-webani-cntrlr .button-position-left {
    position: absolute;
    left: -70px;
    top: 45.5%;
}
div.line-webani-cntrlr .button-position-right {
    position: absolute;
    right: -70px;
    top: 31%;
}
div.line-webani-cntrlr .button-position-right-1 {
    position: absolute;
    right: -70px;
    top: 60.2%;
}
div.line-webani-cntrlr .button-position-left button, div.line-webani-cntrlr .button-position-right button, div.line-webani-cntrlr .button-position-right-1 button {
    border: 0px;
    outline: 0px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 8px 0px;
    color: #ffffff;
    font-weight: 500;
    transition: 0.3s;
    width: 100px;
    font-size: 13px;
}
div.line-webani-cntrlr .button-position-left button img, div.line-webani-cntrlr .button-position-right button img, div.line-webani-cntrlr .button-position-right-1 button img {
    width: 22px;
}
div.line-webani-cntrlr .button-position-left button:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
div.line-webani-cntrlr .button-position-right button.engage:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(69, 183, 109, 1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(69, 183, 109, 1);
    box-shadow: 0px 0px 15px 0px rgba(69, 183, 109, 1);
}
div.line-webani-cntrlr .button-position-right-1 button.pinnacle:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(232, 24, 80, 1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(232, 24, 80, 1);
    box-shadow: 0px 0px 15px 0px rgba(232, 24, 80, 1);
}
div.line-webani-cntrlr .button-position-left .cs-tooltip .cs-tooltiptext, div.line-webani-cntrlr .button-position-right .cs-tooltip .cs-tooltiptext, div.line-webani-cntrlr .button-position-right-1 .cs-tooltip .cs-tooltiptext {
    left: 30%;
    width: 150px;
}
/****************** Testimonials ******************/
.moo-rps-header {
    text-align: center;
}
#quote-carousel {
    padding: 0 0px 50px;
}
#quote-carousel .carousel-control {
    background: none;
    color: #cacaca;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s ease-in;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
}
#quote-carousel .carousel-indicators .active {
    width: 85px;
    height: 85px;
    opacity: 1;
    transition: all 0.2s;
    text-align: center;
    line-height: 85px;
}
#quote-carousel .carousel-indicators li img {
    width: 80%;
    margin: 0 auto;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p {
    font-size: 15px;
}
.item blockquote span {
    font-size: 13px;
    font-weight: 500;
}
/****************** About Us **********************/
.moo-description {
    margin: 0px 10%;
}
.moo-description h3, h3.sub-head {
    font-size: 34px;
    font-weight: 700;
    color: #1b1d50;
    margin: 40px 0 0;
    padding: 0 0 20px 0px;
}
.moo-description h3 small {
    line-height: normal;
    font-weight: 700;
    display: block;
    color: #1b1d50;
    font-size: 16px;
    font-style: italic;
}
.moo-description h3 small strong {
    font-size: 18px;
}
.moo-description p {
    color: #343434;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 0 20px;
    margin: 0;
}
.moo-description p:last-child {
    padding-bottom: 0px;
}
.moo-abt-team-1-cntrlr {
    padding: 50px 25px;
}
.moo-abt-img-cntrl {
    text-align: center;
    margin-top: 45px;
}
.moo-abt-img-cntrl .panorama-abt {
    margin: 0 auto;
    cursor: all-scroll;
    width: 100%;
    height: 0;
    padding-bottom: 82%;
    background-image: url("../../images/new-home-page/team-mooments.jpg");
    background-size: cover;
    background-position: 50% 0;
    transition: background-position 1.5s linear;
    -webkit-border-radius: 35px 70px 35px 70px;
    -moz-border-radius: 35px 70px 35px 70px;
    border-radius: 35px 70px 35px 70px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
}
.moo-abt-img-cntrl .panorama-abt p {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgb(27, 29, 80, 0.6);
    width: 100%;
    text-align: center;
    color: #ffffff;
    padding: 15px 0;
    font-weight: 600;
    font-size: 13px;
    margin: 0;
}
.moo-achievement {
    margin: 40px 6%;
}
.moo-achievement .achievement {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 25px;
    margin: 0 0px;
    color: #ffffff;
    font-weight: 600;
    transition: 0.3s;
    display: block;
}
.moo-abt-team-1-cntrlr .team-block-1 {
    background: url("../../images/new-home-page/team-1.svg") no-repeat 0 0;
    background-size: cover;
    background-position: top center;
    float: left;
    width: 69%;
    min-height: 447px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.moo-abt-img-cntrl img {
    -webkit-border-radius: 35px 70px 35px 70px;
    -moz-border-radius: 35px 70px 35px 70px;
    border-radius: 35px 70px 35px 70px;
    margin-top: 60px;
    width: 90%;
}
/*.moo-abt-team-1-cntrlr .team-block-2 {*/
/*	background: url("../../images/new-home-page/team-2.svg") no-repeat 0 0;*/
/*	background-size: cover;*/
/*	background-position: top center;*/
/*	float: right;*/
/*	width: 29%;*/
/*	min-height: 447px;*/
/*	-webkit-border-radius: 15px;*/
/*	-moz-border-radius: 15px;*/
/*	border-radius: 15px;*/
/*}*/
.moo-achievement .achievement {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 25px;
    margin: 0 0px;
    color: #ffffff;
    font-weight: 600;
    transition: 0.3s;
    display: block;
}
.moo-achievement .achievement:hover {
    transition: 0.3s;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.3);
}
.moo-achievement .achievement .cs-tooltiptext {
    bottom: 120%;
    left: 27%;
    width: 225px;
}
.moo-achievement .moderate-block {
    background: #45B76D;
}
.moo-achievement .midnightBlue-block {
    background: #1B1D50;
}
.moo-achievement .crimson-block {
    background: #E81850;
}
.moo-achievement .vividorg-block {
    background: #EDB61D;
}
.moo-achievement .achievement p {
    font-size: 13px;
    margin: 0px;
    line-height: 18px;
}
.moo-achievement .achievement p span {
    font-size: 30px;
}
.moo-mis-vis {
    padding: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #ffffff;
    margin-bottom: 40px;
    min-height: 360px;
}
.moo-mis-vis ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    line-height: normal;
}
.moo-mis-vis ul li h3 {
    font-weight: 700;
    font-size: 32px;
}
.moo-mis-vis ul li p {
    margin: 0px;
    line-height: 20px;
}
/****************** Our History *******************/
.moo-history {
    padding: 20px 0 40px;
    overflow: hidden;
}
.moo-history h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 20px 0px;
    margin: 0px;
}
.moo-history p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0px 0px 20px;
    margin: 0px;
}
.announcement {
    position: relative;
    padding: 40px 0;
    min-height: 400px;
    background: #ffd800 url("../../images/new-home-page/announcement.svg") no-repeat;
    background-position: bottom right;
}
.announcement-bnr label.txt-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 70px;
    color: #1B1D50;
    z-index: 1;
}
.announcement-bnr label.txt-bg small {
    display: block;
    font-size: 14px;
    margin-top: -13px;
}
.announcement-bnr ul {
    padding: 0px;
    margin: 10% auto 0;
    list-style: none;
    width: 80%;
    display: inline-block;
}
.announcement-bnr ul li {
    float: left;
    width: 50%;
    padding: 0 7%;
    color: #1B1D50;
}
.announcement-bnr ul li strong {
    font-size: 15px;
    display: inline-block;
    width: 100%;
}
.announcement-bnr ul li strong span {
    float: left;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #e81850;
    margin: 6px 10px 0 0;
}
.announcement-bnr ul li strong label {
    float: left;
    width: 94%;
}
.announcement-bnr ul li p {
    margin: 0 0 15px 18px;
    line-height: 20px;
}
.moo-startup {
    padding: 0 0 70px;
}
.moo-startup img.history-V {
    width: 80%;
}
.moo-startup .moo-startup-content {
    min-height: 325px;
    display: grid;
    align-items: center;
    text-align: left;
}
.moo-startup .moo-startup-content h2 {
    color: #e81850;
    font-weight: 700;
    font-size: 34px;
}
.moo-startup .moo-startup-content h2 span {
    display: block;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
}
.moo-startup img.his-arw-right-web {
    position: absolute;
    left: 220px;
    bottom: 10px;
    z-index: 5;
}
.moo-startup img.his-arw-left-web {
    position: absolute;
    right: 323px;
    bottom: 10px;
    z-index: 5;
}
/****************** Our History End ***************/
/****************** Values ************************/
.moo-value-cntrlr {
    margin: 103px 0 0px;
}
.slider-wrapper {
    position: relative;
}
.slider-wrapper h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 0px;
    top: -70px;
}
.slider-wrapper .slide-button {
    position: absolute;
    top: -60px;
    outline: none;
    border: none;
    z-index: 5;
    cursor: pointer;
    background-color: transparent;
}
.slider-wrapper .slide-button#prev-slide {
    right: 90px;
    display: block !important;
}
.slider-wrapper .slide-button#next-slide {
    right: 15px;
    display: block !important;
}
.slider-wrapper .image-list {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 18px;
    list-style: none;
    margin: 0px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 0px;
}
.slider-wrapper .image-list::-webkit-scrollbar {
    display: none;
}
.slider-wrapper .image-list .image-item {
    width: 270px;
    height: 330px;
    object-fit: cover;
    overflow: hidden;
}
.container .slider-scrollbar {
    display: none;
}
/****************** Card Flip *********************/
figure {
    display: grid;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /*overflow: hidden;*/
    cursor: pointer;
    background: #dde9d4;
    position: relative;
    height: 100%;
}
figure figcaption {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
}
figure > * {
    grid-area: 1/1;
    transition: 0.4s;
}
figure .value-card-content {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 30px;
    text-align: center;
}
figcaption img, figure .value-card-content img {
    width: 65px;
}
figure .value-card-content h4 {
    margin: 25px 0 0;
    color: #ffffff;
    font-weight: 700;
    font-size: 21px;
    min-height: 50px;
}
figure figcaption {
    display: grid;
    font-size: 14px;
    color: #ffffff;
    padding: 30px;
    background: #1b1d50;
    clip-path: inset(0 var(--_i, 100%) 0 0);
    margin: -1px;
}
figure:hover figcaption {
    --_i: 0%;
}
figure figcaption p {
    margin: 0px;
    font-size: 13px;
    position: absolute;
    left: 30px;
    bottom: 30px;
    right: 30px;
}
figure figcaption p strong {
    display: block;
    width: 100%;
    padding: 30px 0 20px;
    font-size: 15px;
}
@supports not (-webkit-mask-clip: text) {
    figure figcaption {
        -webkit-mask: none;
        color: #fff;
    }
}
/****************** Values End ********************/
/****************** Team **************************/
.moo-teams {
    background: #edb61d;
    padding: 50px 0 0px;
    margin: 40px 0;
}
.moo-teams-cntrl {
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0px 0 50px 15px;
    scrollbar-color: #1b1d50 transparent;
    scrollbar-width: thin;
}
.moo-teams h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0px 0px 30px;
    margin: 0px;
}
.moo-teams ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
}
.moo-teams ul li {
    width: 270px;
    height: 350px;
    margin-right: 30px;
}
.moo-team-container .moo-team {
    font-weight: bold;
    position: relative;
    width: 100%;
    z-index: 2;
}
.moo-team-container .moo-team a {
    width: 100%;
    height: 350px;
    background: white;
    text-decoration: none;
    display: block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.moo-team-container:hover div.moo-team--border {
    transform: translate(-15px, 50px);
}
.moo-team-container .moo-team .moo-team--border {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #ffffff;
    background: #1b1d50;
    z-index: -1;
    display: grid;
    align-items: flex-end;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 15px;
    transition: 0.25s ease;
}
.moo-team-container:hover div.moo-team--border img {
    display: block;
}
/****************** Explore ***********************/
.abt-explore {
    text-align: center;
    margin: 60px 0 20px;
}
.abt-explore p {
    margin: 0px;
    font-weight: 700;
    color: #1B1D50;
    font-size: 22px;
}
/****************** About Us End ******************/
/****************** Master Product ****************/
/****************** Pricing ***********************/
.moo-pricing {
    background: #ffffff;
    padding: 80px 0;
    text-align: center;
    margin-bottom: 80px;
}
.moo-pricing button {
    float: none !important;
    width: 200px;
    margin-top: 40px;
}
.moo-pricing h2, .moo-extensive-catalog h2 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0 0 20px;
    margin: 0;
}
.moo-pricing p {
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 20px;
    margin: 0;
}
.moo-pricing-cntrlr {
    background: #e81850;
    padding: 0 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    color: #ffffff;
    margin-top: 70px;
}
.moo-pricing-cntrlr table {
    width: 100%;
    text-align: left;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Tablehead */
.moo-pricing-cntrlr table thead th {
    background: #d11145;
}
.moo-pricing-cntrlr table thead th:nth-child(1) {
    width: 525px;
    background-color: transparent;
}
.moo-pricing-cntrlr table thead th:nth-child(1) p {
    color: #e81850;
    font-size: 18px;
    margin: 0;
    text-align: left;
    top: -50px;
    font-weight: 600;
}
.moo-pricing-cntrlr table thead th:nth-child(3), .moo-pricing-cntrlr table thead th:nth-child(5), .moo-pricing-cntrlr table tbody td:nth-child(3), .moo-pricing-cntrlr table tbody td:nth-child(5) {
    width: 3%;
    background-color: transparent;
}
.moo-pricing-cntrlr table thead th {
    text-align: center;
}
.moo-pricing-cntrlr table thead th p {
    margin: 0px;
    position: relative;
    font-weight: 500;
    font-size: 18px;
    top: -23px;
}
.moo-pricing-cntrlr table thead th p span {
    background: #1b1d50;
    display: block;
    position: relative;
    z-index: 1;
    margin: 0 10px;
    padding: 10px 0;
    top: -17px;
}
.moo-pricing-cntrlr table thead th p img {
    width: 40px;
    position: absolute;
    top: 0px;
}
.moo-pricing-cntrlr table thead th p img.tag-left {
    left: -10px;
}
.moo-pricing-cntrlr table thead th p img.tag-right {
    right: -10px;
}
.moo-pricing-cntrlr table tbody tr th {
    border-bottom: #ed7f9d 1px solid;
    padding: 15px 0;
    font-weight: 600;
}
.moo-pricing-cntrlr table tbody tr:nth-child(9) th, .moo-pricing-cntrlr table tbody tr:nth-child(10) th {
    border-bottom: 0px;
}
.moo-pricing-cntrlr table tbody tr:last-child th {
    padding-bottom: 20px;
}
.moo-pricing-cntrlr table tbody td {
    text-align: center;
    background: #d11145;
    font-weight: 600;
}
/****************** Extensive Catalog *************/

/****************** Extensive Catalog *************/
.moo-extensive-catalog-mbl {
    margin: 30px 0;
}
.moo-extensive-catalog-mbl ol {
    list-style: none;
    padding: 0;
}
.moo-extensive-catalog-mbl li + li {
    margin-top: 2rem;
}
.moo-extensive-catalog-mbl li {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    padding: 30px;
    -webkit-border-radius: 20px 50px;
    -moz-border-radius: 20px 50px;
    border-radius: 20px 50px;
    width: calc(100% - 2rem);
    box-shadow: 0.25rem 0.25rem 0.75rem rgb(0 0 0 / 0.2);
    text-align: left;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
.moo-extensive-catalog-mbl li span {
    background: #ffffff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding: 16px 10px;
    border: #1b1d50 2px double;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.moo-extensive-catalog-mbl li p {
    margin: 0px;
    font-size: 14px;
}
.moo-extensive-catalog-mbl li p label {
    display: block;
    font-size: 18px;
    font-weight: 600;
}
.moo-extensive-catalog-mbl li span img {
    width: 50px;
}
.moo-extensive-catalog-mbl li:nth-child(even) {
    flex-direction: row-reverse;
    margin-right: -2rem;
    margin-left: 2rem;
}
div.book-a-demo {
    margin: 40px 0 80px;
}
div.book-a-demo button {
    float: none !important;
}
/****************** Success Stories ***************/
.moo-success-stories {
    padding: 80px 0;
}
.moo-success-stories h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0;
    margin: 0 0 25px;
}
/****************** Product comparison Matrix *********/
.moo-comparison-matrix {
    margin-bottom: 40px;
}
.moo-comparison-matrix ul {
    display: flex;
    align-items: flex;
    justify-content: center;
    padding: 0px;
    margin: 0px;
    list-style: none;
    line-height: normal;
}
.moo-comparison-matrix ul li {
    background: rgb(69, 183, 109);
    background: linear-gradient(90deg, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%) !important;
    padding: 1px;
    width: 33%;
    -webkit-border-radius: 30px 60px;
    -moz-border-radius: 30px 60px;
    border-radius: 30px 60px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    color: #1B1D50;
}
.moo-comparison-matrix ul li:nth-child(2) {
    margin: 0 15px;
}
.moo-comparison-matrix ul li div.content-container {
    background: #ffffff;
    -webkit-border-radius: 30px 60px;
    -moz-border-radius: 30px 60px;
    border-radius: 30px 60px;
    padding-bottom: 20px;
}
.moo-comparison-matrix ul li div.content-container h5 {
    margin: 0px;
    text-align: center;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
}
.moo-comparison-matrix ul li div.content-container h3 {
    color: #ffffff;
    font-weight: 700;
    font-size: 26px;
    margin: 0px;
    text-align: center;
    padding: 20px;
}
.moo-comparison-matrix ul li div.content-container h3 img {
    width: 45px;
    position: relative;
    top: -2px;
}
.moo-comparison-matrix ul li div.content-container p {
    margin: 0px;
    padding: 20px 20px 0;
    line-height: 20px;
}
.moo-comparison-matrix ul li div.content-container p strong span {
    display: inline-block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 10px;
    background: rgb(69, 183, 109);
    background: linear-gradient(163deg, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%);
}
.moo-comparison-matrix ul li div.content-container p label {
    margin: 7px 0 0 19px;
    display: block;
    font-weight: normal;
}
.moo-comparison-matrix ul li div.content-container dl {
    padding: 0px 20px 20px 52px;
    margin: 0px;
}
.moo-comparison-matrix ul li div.content-container dl dd {
    padding-top: 10px;
    display: list-item;
    list-style-type: disc;
}
.moo-comparison-matrix ul li div.content-container button {
    color: #fff;
    border-radius: 8px;
    padding: 15px 0;
    line-height: 1.2;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
    border: 0px;
    outline: 0px;
    width: 140px;
    margin: 0 auto;
    display: block;
}
.moo-comparison-matrix ul li div.content-container button:hover {
    -webkit-box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.75);
}
.home-matrix ul li:nth-child(2) {
    margin: 0;
}
.home-matrix ul li {
    width: 50%;
    margin: 0 20px;
    overflow: hidden;
}
.home-matrix ul li div.content-container button {
    width: auto;
    padding: 15px 28px;
    margin-top: 25px;
}
/****************** Master Product End ************/
/****************** Product Detail *********/
/****************** Engage ************************/
.moo-engage-easy-steps {
    /*-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;*/
    padding: 40px 70px;
    color: #ffffff;
    overflow: hidden;
}
.moo-engage-easy-steps img.gif-animation {
    width: 250px;
    margin: 0 auto;
    display: block;
}
.moo-engage-easy-steps h3 {
    margin: 0 0 35px;
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    line-height: 40px;
}
.moo-engage-easy-steps .easy-steps-web {
    display: flex;
    align-items: end;
    justify-content: center;
}
.easy-steps-web .easy-content {
    text-align: center;
}
.easy-steps-web .easy-content img {
    width: 55px;
    transition: all 0.3s ease;
}
.easy-steps-web .easy-content:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.easy-steps-web .easy-content p {
    font-weight: 600;
    min-height: 70px;
    align-content: center;
    justify-content: center;
    margin: 0;
}
.easy-steps-web .easy-content label {
    font-weight: normal;
    margin: 0px 0 20px;
}
.easy-steps-web .easy-divdr {
    width: 2px;
    background: linear-gradient(to bottom, rgba(237, 182, 29, 1) 0%, rgba(69, 183, 109, 1) 50%, rgba(232, 24, 80, 1) 100%);
    height: 100px;
    margin: 0 20px;
}
.benef-features-content h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0px;
    margin: 0;
}
.benef-features-content h3 img {
    width: 55px;
    position: relative;
    top: -3px;
}
.why-engage {
    lisr-style: none;
    padding: 0px;
    margin: 30px 0 0;
    display: inline-block;
}
.why-engage li {
    float: left;
    width: 50%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 0 15px;
}
.business-engage li {
    float: none;
    width: 100%;
}
.why-engage li img {
    width: 40px;
}
.why-engage li p {
    margin: 0px 0 0 15px;
    width: 100%;
}
.why-engage li p strong {
    display: block;
    padding-bottom: 5px;
    font-size: 16px;
}
/****************** Stepper Process ***************/
.moo-stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin: 30px 0 20px;
}
.moo-stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
.moo-stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px dotted #edb61d;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
}
.moo-stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px dotted #edb61d;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}
.moo-stepper-item .moo-step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #edb61d;
    color: #1b1d50;
    font-weight: bold;
    font-size: 16px;
}
.moo-stepper-item:first-child::before {
    content: none;
}
.moo-stepper-item:last-child::after {
    content: none;
}
/****************** Benefits/Features *************/
.moo-benef-features {
    margin: 40px 0 0;
    overflow: hidden;
}
.feature-lft-blk h1 {
    font-weight: 300;
    margin: 0 7% 30px;
    text-align: left;
    line-height: 50px;
}
.feature-lft-blk p {
    margin: 0 7% 0px;
    text-align: left;
    line-height: 25px;
}
.feature-lft-blk img {
    width: 70%;
}
.moo-benef-features svg.cntrolr {
    width: 100%;
}
/************** Pinnacle Benefits ***************/
.moo-pinnacle-benefits {
    padding: 60px 0 0;
    overflow: hidden;
}
.moo-pinnacle-benefits ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.moo-pinnacle-benefits ul li:first-child {
    width: 40%;
}
.moo-pinnacle-benefits ul li:last-child {
    width: 60%;
    padding: 0 5% 0;
}
.moo-pinnacle-benefits ul li img {
    width: 100%;
}
.moo-pinnacle-benefits ul li p {
    margin: 0px 0 20px;
    font-weight: 500;
}
.moo-pinnacle-benefits ul li p b span {
    font-size: 20px;
}
.moo-pinnacle-benefits ol {
    padding: 0px;
}
.moo-pinnacle-benefits ol li {
    list-style: none;
    padding: 5px 0 !important;
    font-weight: 500;
    width: 100% !important;
}
.moo-pinnacle-benefits ol li span {
    display: inline-block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #e81850;
    margin-right: 10px;
}
/****************** Pinnacle All Brands ***********/
.pinnacle-all-brand {
    overflow: hidden;
    padding: 40px;
}
.pinnacle-all-brand .pinnacle-all-brand-cntrlr {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pinnacle-all-brand-cntrlr div.block-1 {
    width: 60%;
    position: relative;
}
.pinnacle-all-brand-cntrlr div.block-1 .info-container {
    position: relative;
}
.pinnacle-all-brand-cntrlr div.block-1 img.circle-giftcard {
    width: 270px;
}
.pinnacle-all-brand-cntrlr div.block-2 {
    width: 40%;
    padding: 0 7%;
}
.pinnacle-all-brand-cntrlr div.block-2 img {
    width: 100%;
}
.pinnacle-all-brand-cntrlr div.block-1 .info-container ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 60%;
    position: absolute;
    top: -23px;
    left: 270px;
}
.pinnacle-all-brand-cntrlr div.block-1 .info-container ul li {
    position: relative;
    display: flex;
    align-items: center;
}
.pinnacle-all-brand-cntrlr div.block-1 .info-container ul li:nth-child(1) {
    left: -46px;
}
.pinnacle-all-brand-cntrlr div.block-1 .info-container ul li:nth-child(2) {
    margin: 10px 0;
}
.pinnacle-all-brand-cntrlr div.block-1 .info-container ul li:nth-child(3) {
    left: -40px;
}
.pinnacle-all-brand-cntrlr div.block-1 .info-container ul li span {
    display: block;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 100px;
    color: #ffffff;
    font-weight: 700;
    font-size: 30px;
    position: relative;
    z-index: 1;
    left: -20px;
}
.pinnacle-all-brand-cntrlr div.block-1 .info-container ul li span img {
    width: 40px;
}
.pinnacle-all-brand-cntrlr div.block-1 .info-container ul li p {
    background: rgb(237, 182, 29);
    background: linear-gradient(100deg, rgba(237, 182, 29, 0.5) 0%, rgba(232, 24, 80, 0) 100%);
    padding: 10px 15px 0 48px;
    font-size: 13px;
    margin: 0px;
    line-height: 16px;
    position: absolute;
    top: 1px;
    left: 45px;
    width: 100%;
    height: 93px;
}
.pinnacle-all-brand-cntrlr div.block-1 .info-container ul li p strong {
    display: block;
    margin-bottom: 5px;
    width: 100%;
}
/****************** Product Detail End ************/
/****************** Solutions *********************/
.moo-solutions {
    padding: 0px 0 40px;
}
.moo-solutions h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    padding: 40px 0 20px;
    margin: 0;
    text-align: center;
}
.moo-solutions .moo-es-container {
    height: inherit;
}
.moo-service-categories {
    padding: 40px 0;
}
.moo-service-categories div.category {
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    position: relative;
    width: 180px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    font-size: 13px;
    line-height: 18px;
    padding: 14px 0;
}
.moo-service-categories div.category span {
    position: absolute;
    top: 25px;
    right: -29px;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.semi-circle-container {
    position: relative;
    margin: 150px auto 0;
    width: 992px;
}
.solution-pack {
    padding: 0;
    overflow: hidden;
    text-align: center;
}
.solution-pack h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0px 0;
    margin: 40px 10% 0;
}
.solution-pack h3 span {
    font-weight: 600;
    display: block;
    font-size: 16px;
    padding-top: 10px;
    color: #3674B5;
}
.solution-pack p {
    margin: 15px 15% 0;
    font-size: 15px;
    font-weight: 500;
}
.semi-circle-wrapper {
    background: rgb(69, 183, 109);
    background: linear-gradient(90deg, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    -webkit-border-radius: 350px 350px 0 0;
    -moz-border-radius: 350px 350px 0 0;
    border-radius: 350px 350px 0 0;
    padding: 2px 2px 0 2px;
    width: 502px;
    height: 252px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.semi-circle-content {
    margin: 0 auto;
    background: #ffffff;
    -webkit-border-radius: 350px 350px 0 0;
    -moz-border-radius: 350px 350px 0 0;
    border-radius: 350px 350px 0 0;
    text-align: center;
    -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.semi-circle-content img {
    width: 100%;
}
.semi-circle-content img.hr-marketing {
    width: 65%;
}
.solutions-feature {
    text-align: center;
    margin-top: 40px;
}
.solutions-feature img {
    height: 50px;
}
.solutions-feature strong {
    display: block;
    padding: 10px 0;
}
.solutions-feature p {
    margin: 0px;
    font-size: 14px;
}
/****************** Cloud *************************/
.solutions-cloud {
    width: 160px;
    height: 60px;
    background: #fff;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    position: absolute;
    margin-top: 45px;
    color: #ffffff;
}
.solutions-cloud:before, .solutions-cloud:after {
    content: '';
    position: absolute;
    background: #fff;
    width: 80px;
    height: 80px;
    top: -25px;
    left: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
}
.solutions-cloud:after {
    width: 100px;
    height: 100px;
    top: -45px;
    left: auto;
    right: -10px;
}
.solutions-cloud span {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    font-weight: 600;
    left: 10px;
    top: -5px;
}
.position-1 {
    left: 60px;
    top: 135px;
}
.position-2 {
    left: 135px;
    top: -20px;
}
.position-3 {
    left: 345px;
    top: -120px;
}
.position-4 {
    left: auto;
    top: -110px;
    right: 260px;
}
.position-5 {
    left: auto;
    top: 0px;
    right: 130px;
}
.position-6 {
    left: auto;
    right: 60px;
    top: 135px;
}
.solutions-cloud.position-1:before, .solutions-cloud.position-1:after, .solutions-cloud.position-5:before, .solutions-cloud.position-5:after {
    background: #1b1d50;
}
.solutions-cloud.position-2:before, .solutions-cloud.position-2:after, .solutions-cloud.position-6:before, .solutions-cloud.position-6:after {
    background: #45b76d;
}
.solutions-cloud.position-3:before, .solutions-cloud.position-3:after {
    background: #e81850;
}
.solutions-cloud.position-4:before, .solutions-cloud.position-4:after {
    background: #edb61d;
}
/****************** Solutions End *****************/
/****************** Integra ***********************/
.moo-integra {
    position: relative;
}
.moo-integra .white-semi-box {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    background: #ffffff;
    z-index: -1;
}
.moo-integra {
    position: relative;
}
/****************** Mooments Partner **************/
.moo-partner {
    background: #ffffff;
    padding: 40px 0 0;
    overflow: hidden;
}
.moo-partner h3, .moo-partner h4 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0 0 0px;
    margin: 0 0 150px;
}
.moo-partner h4 {
    margin: 0 0 30px;
}
.moo-partner .moo-service-categories {
    padding-top: 0px;
}
.moo-partner .moo-partner-card {
    background: #fefbf7;
    border: #fefbf7 1px solid;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    text-align: left;
    transition: 0.3s;
    min-height: 390px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.moo-partner .moo-partner-card img {
    position: absolute;
    top: -25px;
    right: 40px;
    z-index: 1;
    width: 75px;
}
.moo-partner .moo-partner-card span {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.moo-partner .moo-partner-card:hover {
    border: #e81850 1px solid;
}
.moo-partner .moo-partner-card h4 {
    color: #ffffff;
    font-weight: 600;
    font-size: 22px;
    margin: 0px 0 20px;
}
.moo-partner ul {
    margin: 0 0 0 13px;
    padding: 0px;
    font-size: 15px;
    color: #ffffff;
}
.moo-partner ul li {
    margin-bottom: 25px;
}
.moo-partner ul li:last-child {
    margin: 0px;
}
.moo-partner .col-lg-4:nth-child(2) {
    margin-top: -80px;
}
.moo-partner-block-2 {
    margin-top: 80px;
    margin-bottom: 40px;
}
.moo-partner figure figcaption {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}
.integra-description button {
    background: #1b1d50;
    color: #ffffff;
    border: 0px;
    outline: 0px;
    font-size: 15px;
    padding: 14px 35px;
    font-weight: 600;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
    transition: 0.3s;
}
.integra-description button:hover {
    -webkit-box-shadow: 0px 0px 37px -16px rgba(27, 29, 80, 1);
    -moz-box-shadow: 0px 0px 37px -16px rgba(27, 29, 80, 1);
    box-shadow: 0px 0px 37px -16px rgba(27, 29, 80, 1);
}
/****************** Case Study ********************/
.moo-case-study-block {
    background: #ffffff;
    padding: 40px 0;
    overflow: hidden;
}
.moo-case-study-block img {
    width: 70%;
}
.moo-case-study-block h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0px 0;
    margin: 15% 0 25px;
}
.moo-case-study-block p {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
}
.moo-case-study-block p img {
    width: 27px;
    position: relative;
    top: -2px;
}
.case-study-cntrl {
    padding: 40px 0 0;
    overflow: hidden;
}
.moo-case-study-list {
    background: #ffffff;
    padding: 50px;
    margin: 0px 0 40px;
    -webkit-border-radius: 25px 50px;
    -moz-border-radius: 25px 50px;
    border-radius: 25px 50px;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    min-height: 450px;
    position: relative;
}
.moo-case-study-list b {
    display: block;
    font-size: 25px;
    margin: 15px 0 0;
    text-align: center;
    color: #343434;
}
.moo-case-study-list b img {
    width: 36px;
    position: relative;
    top: -2px;
}
.moo-case-study-list b span.integra {
    color: #1B1D50;
}
.moo-case-study-list b span.engage {
    color: #45B76D;
}
.moo-case-study-list b span.pinnacle {
    color: #E81850;
}
.moo-case-study-list p {
    margin: 15px 0 0;
    color: #343434;
    text-indent: 50px;
    line-height: 22px;
}
.moo-case-study-list p::first-letter {
    font-size: 150%;
    font-weight: 600;
    letter-spacing: 2px;
}
.moo-case-study-list a {
    color: #1B1D50;
    font-size: 17px;
    font-weight: 600;
    transition: 0.3s;
    text-decoration: none;
    position: absolute;
    right: 50px;
    bottom: 50px;
}
.moo-case-study-list a:hover {
    background: #45b76d;
    background: linear-gradient(to right, #45b76d 0%, #edb61d 50%, #e81850 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: underline;
    transition: 0.3s;
}
/****************** Issuances & Redemptions *******/
.moo-issuances {
    padding: 40px 0;
}
.moo-issuances h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0px 0;
    margin: 0 0 30px;
}
.moo-issuances img {
    width: 100%;
}
.moo-retail-partner {
    margin-bottom: 40px;
}
.moo-retail-partner span, .integra-easy4-step ul li {
    background: #fefbf7;
    display: block;
    -webkit-border-radius: 20px 35px;
    -moz-border-radius: 20px 35px;
    border-radius: 20px 35px;
    border: #eeeeee 2px solid;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.moo-retail-partner img {
    width: 70%;
}
/****************** Retailer End ******************/
/****************** Contact Us ********************/
.moo-contact-us {
    padding: 40px 0;
}
.moo-contact-us h3 {
    color: #1b1d50;
    font-size: 34px;
    font-weight: 700;
    line-height: normal;
    padding: 0px 0;
    margin: 0;
}
.moo-contact-us h3 span {
    font-size: 26px;
}
.moo-contact-form {
    margin-top: 40px;
    overflow: hidden;
    padding-top: 5px;
}
.moo-contact-form .txt-field, .moo-contact-form textarea {
    border: 0px;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    height: 50px;
    padding: 0 20px;
    transition: 0.3s;
    margin-bottom: 30px;
    color: #1b1d50;
    font-size: 15px;
    font-weight: 500;
}
.moo-contact-form .txt-field::placeholder, .moo-contact-form textarea::placeholder {
    color: #8687a8;
    font-size: 15px;
    font-weight: 500;
    transition: 0.3s;
}
.moo-contact-form textarea {
    min-height: 150px;
    padding: 20px !important;
    resize: none;
}
.moo-contact-form button {
    margin-top: 0px;
}
.moo-address-cntrl {
    background: #ffffff;
    -webkit-border-radius: 20px 50px;
    -moz-border-radius: 20px 50px;
    border-radius: 20px 50px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    padding: 40px;
    margin-top: 40px;
    overflow: hidden;
}
.moo-address-cntrl p {
    margin: 0px 0 20px;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
}
.moo-address-cntrl address {
    margin: 0px;
    display: flex;
    align-content: center;
}
.moo-address-cntrl address span img {
    width: 40px;
}
.moo-address-cntrl address label {
    margin: 0px 0 0 15px;
    font-weight: 500;
    font-size: 15px;
    text-align: left;
    line-height: 25px;
}
.moo-contact-us .moo-customer {
    background: #45b76d;
    text-align: center;
    padding: 80px 20%;
    margin-top: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #ffffff;
}
.moo-contact-us .moo-customer h3 {
    margin: 0px;
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 20px;
}
.moo-contact-us .moo-customer p {
    margin: 0px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}
.moo-contact-us .moo-customer p a {
    color: #ffffff;
    transition: 0.3s;
    text-decoration: underline;
}
.moo-contact-us .moo-customer p a:hover {
    text-decoration: none;
}
/****************** Contact Us End ****************/
/******************Case Study *********************/
.moo-infinite-animation h3 {
    margin: 50px 30% 40px 0;
    font-size: 40px;
    font-weight: 700;
    color: #1b1d50;
    line-height: 40px;
}
.moo-infinite-animation h3 label {
    font-weight: normal;
    margin: 0px;
}
.moo-infinite-animation h3 small {
    color: #1B1D50;
    display: block;
    width: 100%;
    font-size: 16px;
    margin-top: 12px;
    font-weight: 500;
    line-height: 22px;
}
.moo-infinite-animation h3 img {
    position: relative;
    right: auto;
    left: auto;
    width: 60px;
    top: -3px;
}
.moo-infinite-animation h3 span {
    display: block ruby;
}
.moo-case-study .case-study-banner {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.moo-case-study .case-study-banner img {
    width: 100%;
}
.case-study-description {
    padding: 0px 25% 60px 0;
}
.gradient-border {
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 3px, transparent 3px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 3px, transparent 3px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 3px, transparent 3px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 3px, transparent 3px) 100% 100%/8px 8px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 10px) calc(100% - 16px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 16px) calc(100% - 10px) no-repeat, linear-gradient(90deg, #edb61d 0%, #45b76d 50%, #e81850 100%);
    box-sizing: border-box;
    height: 2px;
}
.case-study-description h4 {
    margin: 0px 0 20px;
    font-size: 34px;
    font-weight: 700;
    color: #1b1d50;
}
.case-study-description p {
    margin: 0px;
}
/****************** Challenge *********************/
.case-challenge {
    padding: 50px 0 30px;
    overflow: hidden;
}
.case-challenge h3 {
    margin: 0px 0 35px;
}
.case-challenge .challenge-block {
    margin-bottom: 30px;
}
.case-challenge .challenge-block span, .integra-description ul li strong span {
    display: inline-block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #e81850;
    margin-right: 10px;
}
.case-challenge .challenge-block strong, .integra-description ul li strong {
    font-size: 15px;
}
.case-challenge .challenge-block p, .integra-description ul li p {
    margin: 5px 30% 0 19px;
    line-height: 20px;
}
/****************** CS Solutions ******************/
.case-solutions {
    background: #ffffff;
    padding: 80px 0 50px;
    margin-bottom: 40px;
    overflow: hidden;
}
.case-solutions h3 {
    margin: 0px 0 20px;
    font-size: 34px;
    font-weight: 700;
    color: #1b1d50;
    line-height: 40px;
}
.case-solutions h3 span {
    line-height: normal;
    font-weight: 700;
    display: block;
    color: #343434;
    font-size: 14px;
}
.case-solutions h3 span small {
    font-weight: 700;
    font-size: 14px;
}
.case-solutions h3 span small.integra {
    color: #1b1d50;
}
.case-solutions h3 span small.pinnacle {
    color: #E81850;
}
.case-solutions h3 span small.engage {
    color: #45B76D;
}
.case-solutions h3 span small img {
    width: 22px;
    position: relative;
    top: -1px;
}
.case-solutions p {
    margin: 0 50% 50px 0;
}
.case-solution-block {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 30px;
}
.case-solution-block img {
    width: 30px;
    margin-right: 15px;
    float: left;
}
.cs-tooltip {
    position: relative;
    display: inline-block;
}
.cs-tooltip .cs-tooltiptext {
    visibility: hidden;
    width: 250px;
    /*background-color: rgba(0, 0, 0, 0.9);*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45b76d+0,edb61d+50,e81850+100 */
    background: -webkit-linear-gradient(top left, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%);
    background: -o-linear-gradient(top left, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%);
    background: linear-gradient(to bottom right, rgba(69, 183, 109, 1) 0%, rgba(237, 182, 29, 1) 50%, rgba(232, 24, 80, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #ffffff;
    -webkit-border-radius: 10px 30px 10px 30px;
    -moz-border-radius: 10px 30px 10px 30px;
    border-radius: 10px 30px 10px 30px;
    padding: 15px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 30%;
    margin-left: -60px;
    font-weight: 500;
    font-size: 13px;
}
.cs-tooltip .cs-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #e81850 transparent transparent transparent;
}
.cs-tooltip:hover .cs-tooltiptext {
    visibility: visible;
}
.cs-tooltip .cs-tooltiptext ul {
    padding: 0px 0 0 15px;
    margin: 0px;
}
.cs-tooltip .cs-tooltiptext ul li {
    margin-bottom: 5px;
}
.cs-tooltip .cs-tooltiptext ul li:last-child {
    margin: 0px;
}

/****************** Result ************************/
.case-result {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #45b76d;
    padding: 60px;
    margin-bottom: 40px;
    overflow: hidden;
}
.case-result h3 {
    color: #ffffff;
    margin: 0px 0 20px;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
}
.case-result ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
    width: 100%;
}
.case-result ul li {
    float: left;
    width: 31.7%;
    transition: 0.3s;
}
.case-result ul li.w50p {
    width: 47%;
    margin: 0 10px !important;
}
.case-result ul li:nth-child(2) {
    margin: 0 20px !important;
}
.case-result ul li.w25p {
    width: 24%;
    margin: 0 5px !important;
}
.case-result ul li div.case-result-block {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #ffffff;
    position: relative;
    height: 260px;
    display: grid;
    align-items: center;
    padding: 0 30px;
    /*word-break: break-word;
      hyphens: auto;*/
}
.case-result ul li div.case-result-block span.dot {
    position: absolute;
    right: 15px;
    bottom: 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: block;
    width: 12px;
    height: 12px;
}
.case-result ul li div.case-result-block h2 {
    margin: 0px;
    color: #e81850;
    font-size: 28px;
    font-weight: 700;
    word-wrap: anywhere;
}
.case-result ul li div.case-result-block h2 span {
    display: block;
    width: 100%;
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 10px;
}
/****************** Terms & Conditions ************/
.terms-head {
    padding: 40px 0;
    overflow: hidden;
}
.terms-head h3 {
    font-size: 20px;
    margin: 0px;
}
.terms-head p {
    padding: 0px 0 30px 19px;
}
.terms-head p a {
    transition: 0.3s;
    color: #e81850;
    text-decoration: none;
}
.terms-head p a:hover {
    transition: 0.3s;
    text-decoration: wavy underline;
}
.terms-head ul {
    padding: 0 0 30px 35px;
    margin: 0px;
}
.terms-head ul li {
    padding: 5px 0;
}
/****************** Terms & Conditions ************/
.policy-head {
    padding: 2px;
    overflow: hidden;
    background: rgb(69, 183, 109);
    background: linear-gradient(
            90deg,
            rgba(69, 183, 109, 1) 0%,
            rgba(237, 182, 29, 1) 50%,
            rgba(232, 24, 80, 1) 100%
    );
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
    -webkit-border-radius: 35px 70px;
    -moz-border-radius: 35px 70px;
    border-radius: 35px 70px;
    width: 80%;
    margin: 80px auto;
    transition: 0.3s;
}
.policy-content {
    -webkit-border-radius: 33px 68px;
    -moz-border-radius: 33px 68px;
    border-radius: 33px 68px;
    background: #ffffff;
    padding: 50px;
}
.policy-head h3 {
    font-size: 20px;
    margin: 0px;
    font-weight: 700;
    color: #1b1d50;
    padding: 0 0 20px 0px;
}
.policy-head p {
    padding: 0px 0 30px 19px;
    color: #343434;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0px;
}
.policy-head p:last-child {
    padding-bottom: 0px;
}
.policy-head p a {
    transition: 0.3s;
    color: #1a73e8;
    text-decoration: none;
}
.policy-head p a:hover {
    transition: 0.3s;
    text-decoration: wavy underline;
}
.policy-head p em {
    color: #E81850;
    font-weight: 500;
}
.policy-head label {
    margin: 0 0 10px 24px;
    display: block;
}
.policy-head span {
    margin: 0 0 10px 42px;
    display: block;
}
.policy-head ul {
    padding: 0 0 30px 35px;
    margin: 0px;
}
.policy-head ul li {
    padding: 5px 0;
}
.policy-head ol {
    padding: 0 0 30px 82px;
    margin: 0px;
    list-style:square;
}
.policy-head ol li {
    padding: 5px 0;
}
/****************** Footer ************************/
footer {
    background: #1b1d50;
    overflow: hidden;
}
.footer-block-1 {
    border-bottom: #545e96 1px solid;
    padding: 40px 0;
    display: inline-block;
    width: 100%;
}
.footer-block-1 h2 {
    float: left;
    color: #ffffff;
    font-weight: 700;
    font-size: 32px;
    margin: 10px 0 0;
}
.footer-block-1 button, .moo-pricing button, div.book-a-demo button {
    float: right;
    background: #edb61d;
    border: 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    padding: 18px 25px;
    transition: 0.3s;
}
.footer-block-1 button:hover, .moo-pricing button:hover, div.book-a-demo:hover button {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(237, 182, 29, 1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(237, 182, 29, 1);
    box-shadow: 0px 0px 15px 0px rgba(237, 182, 29, 1);
}
.footer-block-2 {
    padding: 70px 0 0;
    display: inline-block;
    width: 100%;
    border-bottom: #545e96 1px solid;
}
.footer-block-2 .footer-logo {
    background: url("../../images/new-home-page/footer-graphics.svg") no-repeat;
    background-position: bottom right;
    background-size: 340px;
    min-height: 200px;
    position: relative;
}
.footer-block-2 .footer-logo img {
    width: 240px;
}
.footer-block-2 .social-media {
    padding-bottom: 10px;
}
.footer-block-2 .social-media a {
    display: inline-block;
    margin-right: 5px;
}
.footer-block-2 .social-media a img {
    width: 35px;
}
.footer-block-2 .quick-access ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 33%;
    float: left;
    line-height: normal;
}
.footer-block-2 .quick-access ul li strong {
    color: #edb61d;
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 20px;
    display: block;
}
.footer-block-2 .quick-access ul li a {
    color: #dae0ff;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-block;
    transition: 0.3s;
}
.footer-block-2 .quick-access ul li a:hover {
    text-decoration: underline;
}
.footer-block-2 .quick-contact {
    color: #ffffff;
    font-weight: 500;
    margin: 25px 0;
}
.footer-block-2 .quick-contact a {
    color: #45B76D;
}
.moo-copyrights {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    color: #dae0ff;
}
.moo-copyrights .moo-copyright-block-1 a {
    color: #dae0ff;
    font-size: 13px;
    transition: 0.3s;
}
.moo-copyrights .moo-copyright-block-1 a:hover {
    text-decoration: underline;
}
.moo-copyrights .moo-copyright-block-2 {
    text-align: right;
}
.accept-content .main_title .title {
    font-family: Montserrat !important;
    font-size: 45px;
}
/****************** Media Query *******************/
@media (min-width: 504px) and (max-width: 767px) {
    .accept-content .main_title .title {
        font-size: 36px;
    }
}
@media (min-width: 300px) and (max-width: 503px) {
    .accept-content .main_title .title {
        font-size: 2em;
    }
}
@media (max-width: 767px) {
    .dv-img-cntrl {
        background: #fff;
    }
    .myp-email-responseMsg{
        text-align: center;
    }
    .myp-email-responseMsg span{
        padding: 0;
        margin-left: 0;
    }
    .myp-ln .form-control{
        height: 50px;
    }
    .contact-error-message ul li {
        position: absolute;
        bottom: 4px!important;
        left: 20px;
    }
}
@media (max-width: 450px) {
    .myp-mobemail-verify{
        top: 20px;
    }
    .myp-mail-verify{
        top: 20px;
    }
}
@media (max-width: 500px) {
    .myp-dob select{
        padding-left: 5px;
    }
}
@media only screen and (min-width: 1200px) {
    .show-lrg-srn {
        display: block;
    }
    .show-sml-srn, .moo-partner-tab {
        display: none;
    }
    .moo-engage-easy-steps h3 {
        margin-top: 8%;
    }
}
@media only screen and (max-width: 1199px) {
    .jumbotron {
        height: auto;
    }
    .banner-hero-MOO {
        padding-top: 30%;
    }
    .jumbotron img.main-banner {
        margin-top: 9%;
    }
    .show-lrg-srn {
        display: none;
    }
    .show-sml-srn {
        display: block;
        width: 229px;
        margin: 20px auto 0 !important;
    }
    .skinny-widget-row {
        justify-content: flex-start;
        overflow-y: auto;
    }
    .moo-partner-web {
        display: none;
    }
    .moo-partner-tab .col-md-6 {
        margin-bottom: 70px;
    }
    .moo-engage-easy-steps h3 {
        margin: 5% 0 35px;
    }
    .easy-steps-web .easy-divdr {
        margin: 0 20px;
    }
    .choose-moo-user-type {
        margin-top: -60px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .moo-startup img.his-arw-right-web {
        position: absolute;
        left: 177px;
        bottom: 20px;
        width: 510px;
    }
    .moo-startup img.his-arw-left-web {
        position: absolute;
        right: 265px;
        bottom: 20px;
        width: 510px;
    }
    .moo-pricing-cntrlr table thead th:nth-child(1) {
        width: 350px;
    }
    .case-result ul li div.case-result-block h2 {
        font-size: 30px;
    }
    .case-result ul li.w50p {
        width: 46%;
    }
    .rewards-line-webani div.line-webani-cntrlr svg {
        width: 629px;
    }
    div.line-webani-cntrlr .button-position-left {
        left: -90px;
    }
    div.line-webani-cntrlr .button-position-right {
        top: 34%;
        right: -90px;
    }
    div.line-webani-cntrlr .button-position-right-1 {
        top: 57%;
        right: -90px;
    }
    .case-result ul li.w25p {
        width: 47%;
        margin: 10px 12px !important;
    }
    .moo-mis-vis {
        min-height: 375px;
    }
    .testimonial-three .testimonial-three-col {
        min-height: 302px;
    }
    .testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-child(3n) {
        border-right: #dddddd 1px dashed;
    }
    .choose-moo-user-type .moo-user-block {
        min-height: 165px;
    }
    .moo-case-study-list {
        min-height: 500px;
    }
    .moo-product-matrix ul li.product-content div.content-block {
        min-height: 137px;
    }
    .moo-es-container img.tabbed-footer {
        bottom: -22px;
    }
    .announcement-bnr ul li {
        padding: 0 3%;
    }
}
@media only screen and (max-width: 1059px) {
    .why-engage li {
        float: none;
        width: 100%;
    }
}
@media only screen and (max-width: 1023px) {
    .slider-wrapper .slide-button {
        display: none !important;
    }
    .slider-wrapper .image-list {
        gap: 10px;
        margin-bottom: 15px;
        scroll-snap-type: x mandatory;
    }
    .slider-wrapper .image-list .image-item {
        width: 270px;
        height: 330px;
    }
    .owl-carousel .owl-nav.disabled {
        display: block !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /*.navbar-brand img {*/
    /*	width: 220px;*/
    /*}*/
    .navbar-default .navbar-nav > li {
        padding: 0 10px;
    }
    .navbar-brand img {
        width: 175px;
    }
    .navbar-default .navbar-nav > li {
        padding: 0 7px;
    }
    .static-header-cntrlr .navbar-nav {
        margin-top: 11px;
    }
    .moo-startup img.history-V {
        width: 90%;
    }
    .moo-startup .moo-startup-content {
        min-height: 260px;
    }
    .moo-startup img.his-arw-right-web {
        left: 142px;
        width: 436px;
    }
    .moo-startup img.his-arw-left-web {
        right: 153px;
        width: 436px;
        bottom: 20px;
    }
    .moo-prism-block {
        min-height: 550px;
    }
    .moo-prism-block .moo-prism-content {
        padding: 35px 0 0 32px;
    }
    .moo-prism-block .org-semi-circle, .moo-prism-block .grn-semi-circle {
        width: 550px;
        height: 550px;
        left: -100px;
    }
    .moo-prism-block .grn-semi-circle {
        left: auto;
        right: -100px;
    }
    .moo-prism-block .moo-prism-content ul {
        margin-top: 20px;
    }
    .moo-prism-block .moo-prism-content ul li {
        margin: 10px 0;
    }
    .moo-prism-block .moo-prism-content ul li {
        font-size: 13px;
    }
    .moo-case-study-block h3 {
        margin-top: 3%;
    }
    .moo-case-study-block p {
        margin: 0px;
    }
    .case-result ul li {
        width: 31%;
    }
    .case-result ul li div.case-result-block {
        padding: 0 15px;
    }
    .case-result ul li div.case-result-block h2 {
        font-size: 25px;
    }
    .case-result ul li.w50p {
        width: 45%;
    }
    .case-result ul li.w25p {
        width: 46%;
        margin: 10px 12px !important;
    }
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus {
        font-size: 14px;
    }
    .moo-retail-partner img {
        width: 100%;
    }
    .moo-mis-vis {
        min-height: 455px;
    }
    .moo-extensive-catalog {
        margin-top: 70px;
    }
    .testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-child(3n) {
        border-right: #dddddd 1px dashed;
    }
    .testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-last-child(-n + 3) {
        border-bottom: #dddddd 1px dashed;
    }
    .testimonial-three .testimonial-three-col {
        height: 200px;
        overflow-y: scroll;
    }
    .choose-moo-user-type .moo-user-block {
        display: block;
        min-height: 215px;
    }
    .choose-moo-user-type .moo-user-block img {
        margin: 0 0 10px;
    }
    .choose-moo-user-type .moo-user-block p {
        margin-bottom: 10px;
    }
    .moo-es-container img.tabbed-footer {
        bottom: -19px;
    }
    .static-header-cntrlr .navbar-default .navbar-nav > li {
        padding: 0 8px;
    }
    .static-header-cntrlr .navbar-default .navbar-nav > li > a, .static-header-cntrlr .navbar-default .navbar-nav > .open > a, .static-header-cntrlr .navbar-default .navbar-nav > .open > a:focus {
        font-size: 14px;
    }
    .nav-post-login li a img {
        width: 20px;
        height: 20px;
    }
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a p.m-head-username {
        font-size: 12px;
    }
    .m-head-user-img {
        width: 25px !important;
        height: 25px !important;
    }
    .contact-error-message ul li {
        position: absolute;
        bottom: 4px!important;
        left: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .mt-0 {
        margin-top: 0px !important;
    }
    .client-grp-left, .client-grp-right, .rewards-line-webani {
        display: none;
    }
    .hide-device {
        display: none;
    }
    .hide-web {
        display: block;
    }
    .moo-es-container ul {
        padding: 65px 0;
    }
    .moo-ylw-cta {
        position: inherit;
        right: inherit;
        bottom: inherit;
    }
    .footer-block-1 h2 {
        float: inherit;
        width: 100%;
        text-align: center;
    }
    .footer-block-1 button {
        float: none;
        margin-top: 20px;
    }
    .align-device-center {
        text-align: center;
    }
    .footer-block-2 .footer-logo {
        min-height: 320px;
        background-position: bottom center;
    }
    .footer-block-2 .quick-access {
        margin: 35px 0;
        width: 100%;
    }
    .footer-block-2 .social-media {
        position: initial;
        padding-bottom: 30px;
    }
    .moo-copyright-block-1, .moo-copyrights .moo-copyright-block-2 {
        text-align: center;
        padding: 5px 0;
    }
    .moo-description {
        margin: 40px 10% 0;
        text-align: center;
    }
    .moo-achievement {
        margin: 40px 4% 20px;
    }
    .moo-achievement .achievement {
        margin: 15px 0;
        text-align: center;
    }
    .moo-mis-vis ul {
        display: inherit;
    }
    .moo-mis-vis ul li {
        width: 100%;
    }
    .moo-mis-vis ul li.moo-abt-divider {
        min-height: 2px;
        margin: 50px 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edb61d+0,e81850+100 */
        background: linear-gradient(to right, rgba(237, 182, 29, 1) 0%, rgba(232, 24, 80, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        width: 70%;
    }
    .slide-btn-cntrl {
        width: 120px;
        margin: 0 auto;
        position: relative;
    }
    .slider-wrapper .slide-button#prev-slide {
        top: auto;
        left: 0;
        right: auto;
        padding: 0px;
    }
    .slider-wrapper .slide-button#next-slide {
        top: auto;
        left: auto;
        right: 0;
        padding: 0px;
    }
    .moo-pricing-cntrlr {
        display: none;
    }
    .moo-pricing-mbl-cntrlr {
        background: #e81850;
        padding: 0 10px 0 30px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        color: #ffffff;
        position: relative;
        margin-top: 70px;
    }
    .moo-pricing-mbl-cntrlr table {
        width: 100%;
        font-size: 15px;
        font-weight: 600;
    }
    .moo-pricing-mbl-cntrlr table thead th p {
        margin: 0px;
        position: relative;
        font-weight: 500;
        font-size: 18px;
        top: -23px;
    }
    .moo-pricing-mbl-cntrlr table thead th p img {
        width: 40px;
        position: absolute;
        top: 0px;
    }
    .moo-pricing-mbl-cntrlr table thead th p img.tag-left {
        left: -10px;
    }
    .moo-pricing-mbl-cntrlr table thead th p span {
        background: #1b1d50;
        display: block;
        position: relative;
        z-index: 1;
        margin: 0 10px;
        padding: 10px 0;
        top: -17px;
        text-align: center;
    }
    .moo-pricing-mbl-cntrlr table thead th p img.tag-right {
        right: -10px;
    }
    .moo-pricing-mbl-cntrlr table thead th:nth-child(1) {
        width: 50%;
        background-color: transparent;
    }
    .moo-pricing-mbl-cntrlr table thead th:nth-child(1) p {
        color: #e81850;
        font-size: 18px;
        margin: 0;
        text-align: left;
        top: -57px;
        font-weight: 600;
        padding: 0px;
    }
    .moo-pricing-mbl-cntrlr table tbody tr th {
        border-bottom: #ed7f9d 1px solid;
        padding: 15px 0;
        font-weight: 600;
    }
    .moo-pricing-mbl-cntrlr table thead tr th:nth-child(3), .moo-pricing-mbl-cntrlr table tbody tr td:nth-child(3) {
        width: 150px;
        background: #d11145;
    }
    .moo-pricing-mbl-cntrlr table tbody tr td:nth-child(2), .moo-pricing-mbl-cntrlr table tbody tr td:nth-child(4) {
        padding: 0 10px;
    }
    .moo-pricing-mbl-cntrlr table tbody tr:nth-child(9) th, .moo-pricing-mbl-cntrlr table tbody tr:nth-child(10) th {
        border-bottom: 0px;
    }
    .moo-pricing-mbl-cntrlr table tbody tr:last-child th {
        padding-bottom: 20px;
    }
    .moo-extensive-catalog .img-position {
        width: 75%;
    }
    .case-challenge .challenge-block p {
        margin-right: 0px;
    }
    .case-solutions p {
        margin-right: 10%;
    }
    .line-mblani-cntrlr {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .line-mblani-cntrlr svg {
        width: 100%;
    }
    div.line-mblani-cntrlr .button-position-top {
        position: absolute;
        left: 41.5%;
        top: 0px;
    }
    div.line-mblani-cntrlr .button-position-bottom {
        position: absolute;
        left: 20.5%;
        bottom: 0px;
    }
    div.line-mblani-cntrlr .button-position-bottom-1 {
        position: absolute;
        left: 63.5%;
        bottom: 0px;
    }
    div.line-mblani-cntrlr .button-position-top button, div.line-mblani-cntrlr .button-position-bottom button, div.line-mblani-cntrlr .button-position-bottom-1 button {
        border: 0px;
        outline: 0px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        padding: 8px 0px;
        color: #ffffff;
        font-weight: 500;
        transition: 0.3s;
        width: 100px;
        font-size: 13px;
    }
    div.line-mblani-cntrlr .button-position-top button img, div.line-mblani-cntrlr .button-position-bottom button img, div.line-mblani-cntrlr .button-position-bottom-1 button img {
        width: 22px;
    }
    .moo-partner h4 {
        font-size: 28px;
    }
    .banner-hero-MOO {
        padding-top: 6%;
        text-align: center;
    }
    .moo-rps-container {
        margin: 0px;
    }
    .moo-case-study-list {
        min-height: inherit;
    }
    /* Vertical Steps Style */
    .steps-vertical {
        max-width: 500px;
        margin: 15% 0 0;
        padding: 0;
    }
    .step-vertical {
        display: flex;
        position: relative;
    }
    .step-vertical:not(:last-child)::after {
        content: "";
        position: absolute;
        left: 16px;
        top: 0;
        bottom: 0;
        width: 2px;
        border-left: #edb61d dotted 2px;
    }
    .step-vertical-icon {
        width: 34px;
        height: 34px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #edb61d;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 1rem;
        color: #1b1d50;
        position: relative;
        z-index: 2;
        flex-shrink: 0;
        font-weight: 600;
    }
    .step-vertical-content {
        display: flex;
        justify-content: center;
        align-items: start;
        min-height: 80px;
        margin-bottom: 20px;
    }
    .step-vertical-content .gradient-line {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edb61d+0,45b76d+50,e81850+100 */
        background: linear-gradient(to right, rgba(237, 182, 29, 1) 0%, rgba(69, 183, 109, 1) 50%, rgba(232, 24, 80, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        height: 2px;
        width: 40px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        margin-top: 18px;
    }
    .step-vertical-content img {
        width: 45px;
        margin: 3px 30px 0 30px;
    }
    .step-vertical-content p {
        margin: 0px;
    }
    .step-vertical-content p label {
        font-weight: normal;
        margin: 10px 0 0;
        font-size: 13px;
    }
    .pinnacle-all-brand .pinnacle-all-brand-cntrlr {
        display: block;
    }
    .pinnacle-all-brand-cntrlr div.block-1 {
        width: 100%;
    }
    .pinnacle-all-brand-cntrlr div.block-2 {
        display: none;
    }
    .moo-comparison-matrix ul {
        display: block;
    }
    .moo-comparison-matrix ul li {
        width: 100%;
    }
    .moo-comparison-matrix ul li:nth-child(2) {
        margin: 20px 0;
    }
    .home-matrix ul li {
        margin: 20px 0;
    }
    .moo-case-study-list a {
        position: relative;
        right: 0px;
        bottom: 0px;
        float: right;
        margin-top: 30px;
    }
    .moo-issuances img.hide-web {
        width: 70%;
        display: block;
        margin: 0 auto;
    }
    .announcement {
        background: #ffd800;
    }
    .announcement-bnr ul {
        margin-top: 90px;
    }
    .announcement-bnr ul, .announcement-bnr ul li {
        width: 100%;
    }
    .feature-lft-blk img {
        width: 50%;
    }
    .why-engage {
        margin: 30px 20% 0;
    }
    .moo-benef-features h3 {
        margin: 0 15%;
    }
    .semi-circle-container {
        margin-top: 0px;
        width: auto;
    }
    .solution-pack h3, .solution-pack p {
        margin-left: 0px;
        margin-right: 0px;
    }
    .integra-concept {
        margin: 40px 0 0;
        text-align: center;
    }
    .integra-easy4-step ul {
        display: inline-block;
    }
    .integra-easy4-step ul li {
        float: left;
        width: 46%;
        min-height: inherit;
        min-height: 210px;
    }
    .moo-abt-img-cntrl {
        margin-top: 0;
    }
    .moo-abt-img-cntrl .panorama-abt {
        width: 70%;
        padding-bottom: 50%;
    }

}
@media only screen and (min-width: 992px) {
    .hide-web, .moo-pricing-mbl-cntrlr, .rewards-line-mblani {
        display: none;
    }
}
@media only screen and (min-width: 621px) and (max-width: 767px) {
    img.img-cntrl {
        padding-top: 30px;
    }
    .moo-prism-block .moo-prism-content ul li {
        margin: 15px 0;
    }
    .moo-es-container img.tabbed-footer {
        bottom: -19px;
    }
}
@media only screen and (min-width: 768px) {
    .static-header-cntrlr .navbar-right .dropdown-menu {
        right: auto;
    }
    .his-arw-dwn-mbl, .display-hide-768, .moo-partner-mobile {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .moo-gv-accordion {
        margin: 0 0 30px;
    }
    .solutions-feature p {
        padding: 0 10%;
    }
    .display-hide-767, .moo-partner-tab {
        display: none !important;
    }

    .moo-gv-accordion .panel:last-child {
        padding-bottom: 0px;
    }

    .moo-world-rewards {
        padding: 50px;
    }

    .static-header-cntrlr .navbar-nav {
        margin: 0;
        background: #ffffff;
    }

    .navbar-default .navbar-nav > li > a {
        margin-top: 0px;
    }

    .static-header-cntrlr .navbar-default .navbar-nav > li {
        padding: 12px 15px;
    }

    .moo-achievement .col-sm-6 {
        width: 50%;
        float: left;
    }

    .moo-startup img.his-arw-right-web, .moo-startup img.his-arw-left-web {
        display: none;
    }

    .moo-startup div.text-left, .moo-startup div.text-right {
        text-align: center;
    }

    .moo-startup img.history-V {
        width: 350px;
    }

    .moo-startup .moo-startup-content {
        text-align: center;
    }

    .his-arw-dwn-mbl {
        position: absolute;
        bottom: 0;
        z-index: 11;
        height: 180px;
    }

    .moo-startup {
        padding: 0 0 30px;
    }

    .moo-startup .moo-startup-content {
        min-height: inherit;
    }

    .moo-prism-content-mbl {
        padding: 0px 15% 0;
        margin: 0 0 50px;
    }

    .moo-prism-content-mbl h3 {
        font-size: 34px;
        font-weight: 700;
        color: #1b1d50;
        margin: 0;
    }

    .moo-prism-content-mbl h3 span {
        color: #343434;
        font-weight: normal;
        font-size: 15px;
        padding-right: 15px;
    }

    .moo-prism-content-mbl p {
        font-size: 14px;
        margin: 25px 0 0 0;
    }

    .moo-prism-block .moo-prism-content {
        padding: 100px 85px 50px;
    }

    .moo-extensive-catalog .img-position {
        width: 90%;
    }

    .moo-partner-mobile {
        margin-bottom: 70px;
    }

    .moo-partner-mobile .moo-partner-card {
        width: 100%;
        margin: 0 auto;
    }

    .moo-partner-mobile .navigate {
        margin-top: 30px;
    }

    .moo-partner-mobile .navigate a {
        margin: 0 15px;
    }

    .moo-case-study-block-mbl h3 {
        margin-top: 0px;
    }

    .moo-case-study-block-mbl p {
        margin: 20px 0 0;
    }

    .case-result ul li {
        float: none;
        width: 100%;
        margin: 0px 0 20px;
    }

    .case-result ul li:nth-child(2) {
        margin: 0px 0 20px !important;
    }

    .case-result ul li:last-child {
        margin: 0px;
    }

    .case-result ul li div.case-result-block {
        height: auto;
        padding: 20px;
    }

    .case-result ul li div.case-result-block h2 {
        font-size: 25px;
    }

    .moo-engage-easy-steps {
        padding: 40px;
        margin-top: 40px;
    }

    .moo-engage-easy-steps h3 {
        margin: 0 0 35px;
    }

    .benef-features-content {
        margin: 0 10%;
    }

    .moo-benef-features h3 {
        margin: 0;
    }

    .moo-benef-features img.cntrolr {
        width: 90%;
    }

    .benef-features-content div.benefits {
        text-align: center;
    }

    .case-result ul li.w50p {
        width: 100%;
        margin: 20px 0 !important;
    }

    .case-result ul li div.case-result-block {
        padding: 30px;
    }

    .case-result ul li.w25p {
        width: 100%;
        margin: 20px 0 !important;
    }

    .choose-moo-user-type {
        margin-top: 0px;
    }

    .choose-moo-user-type div:nth-child(2) {
        margin: 15px 0;
    }

    .moo-infinite-animation img {
        display: none;
    }

    .moo-infinite-animation h3 img {
        display: block;
    }

    .global-header div.col-md-7 {
        text-align: center;
    }

    .static-header-cntrlr .navbar-default .navbar-nav .open .dropdown-menu > li > a, .static-header-cntrlr .navbar-nav > li > .dropdown-menu li ul.case-sub-menu li a {
        color: #343434 !important;
    }

    .static-header-cntrlr .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        padding: 8px 20px;
        color: #343434 !important;
    }

    .moo-retail-partner .col-sm-3:nth-child(2), .moo-retail-partner .col-sm-3:nth-child(3) {
        margin: 10px 0;
    }

    .moo-retail-partner span {
        width: 50%;
        margin: 0 auto;
    }

    .moo-mis-vis {
        min-height: inherit;
    }

    .moo-mis-vis:first-child {
        margin-bottom: 40px;
    }

    .moo-address-cntrl address {
        margin-bottom: 30px;
    }

    .moo-rps-cta {
        padding-bottom: 30px;
    }

    .testimonial-three .testimonial-three-col {
        min-height: inherit;
    }

    .moo-skinnyblock h2 {
        margin-bottom: 30px;
        text-align: center;
    }

    .moo-skinnyblock p {
        text-align: center;
    }

    .moo-gv-accordion .panel {
        padding-bottom: 20px;
    }

    .static-header-cntrlr .navbar-default .navbar-nav > li > a, .static-header-cntrlr .navbar-default .navbar-nav > .open > a {
        margin-top: 0px;
        color: #1b1d50 !important;
    }

    .static-header-cntrlr .navbar-default .navbar-nav > .open > a:focus, .static-header-cntrlr .navbar-default .navbar-nav > li.active a {
        color: #E81850 !important;
        margin-top: 0;
    }

    .case-study-description {
        padding: 0px 0% 60px 0;
    }

    .latest-achievement img {
        width: 350px;
        margin-top: 100px;
    }

    .latest-achievement label.txt-bg {
        font-size: 100px;
        opacity: 0.5;
    }

    .steps-vertical {
        margin: 0 auto 30px;
    }

    .flip-container {
        margin: 0 auto 40px;
    }

    .pinnacle-all-brand-cntrlr div.block-1 .info-container ul {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
    }

    .pinnacle-all-brand-cntrlr div.block-1 .info-container ul li:nth-child(1), .pinnacle-all-brand-cntrlr div.block-1 .info-container ul li:nth-child(2), .pinnacle-all-brand-cntrlr div.block-1 .info-container ul li:nth-child(3) {
        left: 0px;
    }

    .navbar-nav > li > .dropdown-menu {
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
    }

    .navbar-nav > li > .dropdown-menu > li > a {
        transition: 0.3s;
        padding: 8px 20px;
    }

    .navbar-nav > li > .dropdown-menu li ul.case-sub-menu li.active a {
        color: #343434;
    }

    .feature-lft-blk h1 {
        margin: 20px 0 30px;
        text-align: center;
    }

    .feature-lft-blk p {
        margin: 0px 10% 40px;
        text-align: center;
    }

    .why-engage {
        margin: 30px 0 0;
    }

    .why-engage li p {
        text-align: left;
        margin-bottom: 0px;
    }

    .integra-info {
        width: auto;
    }

    .integra-info div.integra-api span, .integra-info div.moo-dot-logo span {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .your-brand-circle {
        width: 80px;
        height: 80px;
    }

    .your-brand-circle {
        font-size: 13px;
    }

    .integra-ani-arw svg {
        width: 80px;
    }

    .integra-easy4-step ul li {
        width: 100%;
        min-height: inherit;
    }

    .integra-description ul li strong {
        white-space: nowrap;
    }

    .moo-infinite-animation img.product-m {
        display: inline-block;
        width: 40px;
    }

    .integra-description ul li strong {
        display: flex;
        white-space: normal;
    }

    .integra-description ul li strong span {
        margin-top: 7px;
    }
    .moo-infinite-animation h3 small {
        padding: 0 10%;
    }

}
@media only screen and (max-width: 620px) {
    .hide-620 {
        display: none;
    }
    .banner-hero-MOO label, .banner-hero-MOO p {
        font-size: 27px;
    }
    .banner-hero-MOO p span img {
        width: 96px;
    }
    .jumbotron {
        padding: 20px;
    }
    .skinny-widget-row {
        width: auto;
    }
    .moo-skinnyblock h2, .moo-es-title h3, .moo-rps-header h3, .moo-description h3, .moo-history h3, .slider-wrapper h3, .moo-teams h3, .moo-pricing h2, .moo-success-stories h3, .moo-prism-content-mbl h3, .moo-partner h3, .moo-partner h4, .moo-case-study-block h3, .moo-issuances h3, .moo-case-study h3, .case-study-description h4, .case-challenge h3, .case-solutions h3, .case-result h3, .moo-startup .moo-startup-content h2, .moo-contact-us h3, .moo-contact-us .moo-customer h3, .moo-pricing h2, .moo-extensive-catalog h2, .feature-lft-blk h1, .moo-es-innerwrap h3, .footer-block-1 h2, .solution-pack h3, .integra-easy4-step h3 {
        font-size: 25px;
    }
    .solution-pack h3 span {
        font-size: 14px;
    }
    .footer-block-1 button, .moo-pricing button, div.book-a-demo button {
        padding: 12px 25px;
        font-size: 14px;
    }
    .feature-lft-blk h1 {
        line-height: normal;
        padding: 0 5%;
    }
    .moo-contact-us h3 span {
        font-size: 18px;
    }
    .moo-contact-us .moo-customer p {
        font0size: 15px;
    }
    .moo-prism-block {
        min-height: auto;
    }
    .moo-prism-block .org-semi-circle, .moo-prism-block .grn-semi-circle, .moo-prism-block .blue-semi-circle {
        display: none;
    }
    img.img-cntrl {
        width: 85%;
    }
    .moo-prism-block .moo-prism-content {
        padding: 0px 0 50px;
    }
    .moo-prism-block .moo-prism-content ul li {
        margin: 15px 0;
    }
    .display-hide-620 {
        display: none;
    }
    .moo-contact-us .moo-customer {
        padding: 30px;
    }
    .line-mblani-cntrlr, .line-mblani-cntrlr svg {
        width: 260px;
    }
    div.line-mblani-cntrlr .button-position-top {
        left: 93px;
        top: -22px;
    }
    div.line-mblani-cntrlr .button-position-top button, div.line-mblani-cntrlr .button-position-bottom button, div.line-mblani-cntrlr .button-position-bottom-1 button {
        font-size: 10px;
        width: 80px;
    }
    div.line-mblani-cntrlr .button-position-top button img, div.line-mblani-cntrlr .button-position-bottom button img, div.line-mblani-cntrlr .button-position-bottom-1 button img {
        width: 19px;
    }
    div.line-mblani-cntrlr .button-position-bottom {
        left: 36px;
    }
    div.line-mblani-cntrlr .button-position-bottom-1 {
        left: auto;
        right: 28px;
    }
    .moo-infinite-animation h3 {
        font-size: 25px;
        line-height: 32px;
    }
    .moo-engage-easy-steps h3, .moo-benef-features h3 {
        font-size: 25px;
        line-height: normal;
    }
    .banner-hero-MOO {
        padding-top: 13%;
    }
    .moo-pinnacle-benefits ul {
        display: block;
    }
    .moo-pinnacle-benefits ul li {
        width: 100% !important;
        text-align: center;
    }
    .moo-pinnacle-benefits ul li img {
        width: 70%;
    }
    .moo-pinnacle-benefits ul li:last-child {
        padding: 30px 13% 0;
    }
    .case-solutions div.col-xs-6, .case-challenge div.col-xs-6 {
        width: 100% !important;
    }
    .moo-es-container img.tabbed-footer {
        bottom: -14px;
    }
    .moo-infinite-animation h3 img, .benef-features-content h3 img, .moo-rps-header h3 img {
        width: 40px;
    }
    .moo-infinite-animation h3 {
        font-size: 25px;
    }
}
@media only screen and (min-width: 621px) {
    .footer-block-2 {
        padding: 30px 0 0;
    }
    .display-hide-621 {
        display: none;
    }
}
@media only screen and (max-width: 550px) {
    .semi-circle-wrapper {
        width: 300px;
        height: 167px;
    }
    .integra-ani-arw svg {
        display: none;
    }
    .moo-achievement .achievement {
        min-height: 110px;
    }
    .cs-tooltip .cs-tooltiptext {
        width: 150px;
        left: 29%;
    }
}
@media only screen and (max-width: 493px) {
    .navbar-fixed-top {
        position: absolute;
    }
    .moo-retail-partner span {
        width: 75%;
    }
    .jumbotron img.main-banner {
        width: 100%;
    }
    .moo-es-container img.tabbed-footer {
        width: 90%;
        left: 4.7%;
        bottom: -10px;
    }
}
@media only screen and (max-width: 480px) {
    .moo-es-tabs {
        display: block;
    }
    .moo-es-tabs span {
        width: 100%;
        margin: 0 0 5px;
    }
    .moo-mis-vis {
        padding: 40px 30px 60px;
    }
    .moo-partner-mobile .moo-partner-card {
        width: 100%;
    }
    .moo-infinite-animation {
        min-height: 250px;
    }
    .moo-extensive-catalog-mbl li {
        display: block;
        text-align: center;
        width: 100%;
    }
    .moo-extensive-catalog-mbl li:nth-child(2n) {
        margin-left: 0px;
    }
    .moo-extensive-catalog-mbl li span {
        width: 80px;
        height: 80px;
        display: block;
        padding: 0px;
        text-align: center;
        line-height: 70px;
        margin: 0 auto 15px;
    }
    .moo-world-rewards {
        padding: 20px 10px;
    }
    .navbar-brand img {
        width: 150px;
    }
    .moo-giftmall-access-mbl a span {
        padding: 5px 10px;
        font-size: 12px;
    }
    .moo-giftmall-access-mbl a img {
        width: 20px;
        padding: 0px;
    }
    .navbar-default .navbar-toggle {
        margin-top: 3px;
    }
    .moo-giftmall-access-mbl {
        right: 50px;
        top: 11px;
    }
    .case-result {
        padding: 20px;
    }
    .navbar-default {
        padding: 20px 0 7px;
    }
    .moo-giftmall-access-mbl a.giftmall span {
        padding: 5px 10px;
        font-size: 12px;
    }
    .static-header-cntrlr .navbar-default {
        padding: 20px 0 7px;
    }
}
@media only screen and (min-width: 406px) and (max-width: 464px) {
    .moo-achievement .achievement {
        padding: 25px 11px;
    }
}
@media only screen and (max-width: 410px) {
    .moo-startup img.history-V, .latest-achievement img {
        width: 90%;
    }
    .announcement-bnr ul li strong label {
        width: 91%;
    }
    .pinnacle-all-brand-cntrlr div.block-1 .info-container ul li p strong {
        margin-bottom: 0;
    }
    .pinnacle-all-brand-cntrlr div.block-1 .info-container ul li p {
        font-size: 11px;
        padding: 7px 10px 0 45px;
    }
}
@media only screen and (max-width: 392px) {
    .client-list .client-title h3 {
        font-size: 15px;
    }
    .client-list .client-title h3 img {
        width: 75px;
    }
    .moo-pricing-mbl-cntrlr table thead th p {
        font-size: 14px;
    }
    .moo-pricing-mbl-cntrlr table thead th p span {
        top: -14px;
    }
    .moo-gv-accordion .panel-heading a {
        font-size: 16px;
    }
    .moo-engage-easy-steps img.gif-animation {
        width: 100%;
    }
    .reveal-property img {
        width: 130px;
    }
    .reveat-logo img {
        width: 135px;
    }
    .moo-comparison-matrix ul li div.content-container p strong {
        display: flex;
    }
    .moo-comparison-matrix ul li div.content-container p strong span {
        margin-top: 5px;
    }
    .home-matrix ul li div.content-container button {
        width: 200px;
    }
}
/*this part is for custom slider for pricing and case study */

/*#carousel-1 .owl-nav button.owl-next span {*/
/*	display: none;*/
/*}*/

/*#carousel-1 .owl-nav button.owl-prev span {*/
/*	display: none;*/
/*}*/
/*#carousel-1 .owl-prev, #carousel-1 .owl-next {*/
/*	margin: 0 25px;*/
/*	background-size: contain;*/
/*	background-repeat: no-repeat;*/
/*	background-position-y: center;*/
/*	border: none;*/
/*	width: 40px;*/
/*	height: 40px;*/
/*}*/
/*#carousel-1 .moo-partner-card img{*/
/*	width: 50px;*/
/*	position: absolute;*/
/*	top: 0px;*/
/*	right: 40px;*/
/*}*/
/*#carousel-1 .owl-prev {*/
/*	background-image: url('../../images/new-home-page/blue-left-arw.svg'); !* Custom image for the prev button *!*/
/*}*/

/*#carousel-1 .owl-next {*/
/*	background-image: url('../../images/new-home-page/blue-right-arw.svg'); !* Custom image for the next button *!*/
/*}*/


/*#pricing .item table thead th p img {*/
/*	width: 40px !important;*/
/*	position: absolute;*/

/*}*/
/*#pricing .item table thead th p {*/
/*	position: relative;*/
/*}*/
/*#pricing .item table tr td img {*/
/*	width: 20px !important;*/

/*}*/
/*.features-list td {*/
/*	text-align: center; !* Center content inside <td> *!*/
/*	vertical-align: middle; !* Align content vertically *!*/
/*}*/

/*.features-list td img {*/
/*	display: block; !* Make image a block element *!*/
/*	margin: auto; !* Center horizontally *!*/
/*}*/
/*#pricing .owl-nav .owl-prev {*/
/*	background-image: url('../../images/new-home-page/blue-left-arw.svg'); !* Custom image for the prev button *!*/
/*}*/

/*#pricing .owl-nav .owl-next {*/
/*	background-image: url('../../images/new-home-page/blue-right-arw.svg'); !* Custom image for the next button *!*/
/*}*/
/*#pricing .owl-nav button.owl-next span {*/
/*	display: none;*/
/*}*/

/*#pricing .owl-nav button.owl-prev span {*/
/*	display: none;*/
/*}*/
/*#pricing .owl-prev, #pricing .owl-next {*/
/*	margin: 0 25px;*/
/*	!*background-size: contain;*!*/
/*	background-repeat: no-repeat;*/
/*	background-position-y: center;*/
/*	border: none;*/
/*	width: 40px;*/
/*	height: 40px;*/
/*}*/
/*#pricing .owl-dots{*/
/*	display: none!important;*/
/*}*/
/*#pricing .owl-nav button{*/
/*	box-shadow: none!important;*/
/*}*/
/*!*end of custom slider styles *!*/

.cart-img-wrapper{
    width: 200px;
    margin: auto;
}
.no-item-content .btn{
    border-radius: 10px;
    color: #ffffff;
    font-size: 15px;
    background: #45b76d;
    padding: 14px 35px;
    font-weight: 600;
    width: auto;
    height: auto;
    line-height: normal;
    transition: all .3s linear
}
.contact-error-message {
    color: #E81850;
    font-size: 14px;

}
.contact-error-message ul li {
    position: absolute;
    bottom: 34px;
    left: 20px;
}
.contact-error-message ul{
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    text-align: left;
}
.privacy-banner {
    top: -60px;
    width: 250px !important;
}