/** anbudesign **/
:root {
    --color-violet: #ca0102;
   --color-violet: #ca141d;
    --color-secondary: #ca141d;
    /*--color-violet:#b62020;
    --color-secondary: #b62020;*/
    --color-default: #000;
}
.xb-footer-main .footer-widget .xb-item--links li a{
        color: #fff;
}
.customnewbg-footer{
    background-color: var(--color-violet);
}
/** animation **/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.ripple-animation,
.play-btn:after,
.play-btn:before {
    -webkit-animation-duration: var(--ripple-ani-duration);
    animation-duration: var(--ripple-ani-duration);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ripple;
    animation-name: ripple
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
    30% {
        opacity: 0.7
    }
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
    30% {
        opacity: 0.7
    }
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

@-webkit-keyframes ripple2 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.4
    }
    50% {
        opacity: 0.3
    }
    80% {
        opacity: 0.2
    }
    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
}

@keyframes ripple2 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.4
    }
    50% {
        opacity: 0.3
    }
    80% {
        opacity: 0.2
    }
    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
}

@-webkit-keyframes scrollMove {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@keyframes scrollMove {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

.ripple-1,
.ripple-2,
.ripple-3,
.ripple-4,
.ripple-5 {
    width: 456px;
    height: 456px;
    text-align: center;
    margin: auto;
    background-color: transparent;
    border: 1px solid rgba(87, 88, 95, 0.5);
    border-radius: 50%;
    -webkit-animation: ripple2 10s linear infinite;
    animation: ripple2 10s linear infinite;
    opacity: 0
}

.ripple-1 {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.ripple-2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.ripple-3 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.ripple-4 {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.ripple-5 {
    -webkit-animation-delay: 8s;
    animation-delay: 8s
}

.fancy-animation {
    -webkit-animation: morph 8s ease-in-out infinite;
    animation: morph 8s ease-in-out infinite
}

@-webkit-keyframes morph {
    0% {
        border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%
    }
    50% {
        border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%
    }
    100% {
        border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%
    }
}

@keyframes morph {
    0% {
        border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%
    }
    50% {
        border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%
    }
    100% {
        border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%
    }
}

.jumpAni {
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite
}

@-webkit-keyframes jumpAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes jumpAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.movingX {
    -webkit-animation: movingX 8s linear infinite;
    animation: movingX 8s linear infinite
}

@-webkit-keyframes movingX {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes movingX {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.moving {
    -webkit-animation: moving 8s linear infinite;
    animation: moving 8s linear infinite
}

@-webkit-keyframes moving {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moving {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.jump {
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite
}

@keyframes jumpAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.jump-reverse {
    -webkit-animation: jumpReverseAni 7s linear infinite;
    animation: jumpReverseAni 7s linear infinite
}

@-webkit-keyframes jumpReverseAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes jumpReverseAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.spin {
    -webkit-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes titleFill {
    0% {
        width: 0
    }
    80% {
        width: 100%
    }
    100% {
        width: 100%
    }
}

@keyframes titleFill {
    0% {
        width: 0
    }
    80% {
        width: 100%
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes lineDown {
    0% {
        -webkit-transform: 0;
        transform: 0;
        opacity: 0
    }
    30% {
        opacity: 1
    }
    60% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 1
    }
}

@keyframes lineDown {
    0% {
        -webkit-transform: 0;
        transform: 0;
        opacity: 0
    }
    30% {
        opacity: 1
    }
    60% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 1
    }
}

.swing {
    -webkit-animation: swing 10s infinite ease-in-out;
    animation: swing 10s infinite ease-in-out
}

@-webkit-keyframes swing {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@keyframes swing {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@-webkit-keyframes scaleUpDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleUpDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes roundFill {
    0% {
        width: 0
    }
    60% {
        width: 100%;
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes roundFill {
    0% {
        width: 0
    }
    60% {
        width: 100%;
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.dance {
    -webkit-animation: dance 2s alternate infinite;
    animation: dance 2s alternate infinite
}

@-webkit-keyframes dance {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dance {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.dance2 {
    -webkit-animation: dance2 4s alternate infinite;
    animation: dance2 4s alternate infinite
}

@-webkit-keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(15px, -15px, 0);
        transform: translate3d(15px, -15px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -15px, 15px);
        transform: translate3d(0, -15px, 15px)
    }
}

@keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(15px, -15px, 0);
        transform: translate3d(15px, -15px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -15px, 15px);
        transform: translate3d(0, -15px, 15px)
    }
}

@-webkit-keyframes slideTop {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes slideTop {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes zoom1 {
    0% {
        scale: 0.2
    }
    50% {
        scale: 1
    }
    100% {
        scale: 0.2
    }
}

@keyframes zoom1 {
    0% {
        scale: 0.2
    }
    50% {
        scale: 1
    }
    100% {
        scale: 0.2
    }
}

@-webkit-keyframes topBottomLine {
    0% {
        top: 0
    }
    50% {
        top: calc(100% - 30px)
    }
    100% {
        top: 0
    }
}

@keyframes topBottomLine {
    0% {
        top: 0
    }
    50% {
        top: calc(100% - 30px)
    }
    100% {
        top: 0
    }
}

.bg-color-ani,
.color-animate {
    -webkit-animation: bgColor 6s linear infinite;
    animation: bgColor 6s linear infinite
}

@-webkit-keyframes bgColor {
    0% {
        background-color: #F2BA4C
    }
    25% {
        background-color: #81F24C
    }
    50% {
        background-color: #41F27D
    }
    75% {
        background-color: #0500FF
    }
    100% {
        background-color: #F2BA4C
    }
}

@keyframes bgColor {
    0% {
        background-color: #F2BA4C
    }
    25% {
        background-color: #81F24C
    }
    50% {
        background-color: #41F27D
    }
    75% {
        background-color: #0500FF
    }
    100% {
        background-color: #F2BA4C
    }
}

@-webkit-keyframes footerLine {
    0% {
        left: 40px
    }
    50% {
        left: 0
    }
    100% {
        left: 40px
    }
}

@keyframes footerLine {
    0% {
        left: 40px
    }
    50% {
        left: 0
    }
    100% {
        left: 40px
    }
}

@-webkit-keyframes fadeLeftRight {
    0%,
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
}

@keyframes fadeLeftRight {
    0%,
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
}

@-webkit-keyframes animate-positive {
    0% {
        width: 0
    }
}

@keyframes animate-positive {
    0% {
        width: 0
    }
}

.fadein,
.scalein,
.slidetopleft,
.slidebottomright,
.slideinleft,
.slideinright,
.slideindown,
.slideinup,
.rollinleft,
.rollinright {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: var(--animation-name);
    animation-name: var(--animation-name)
}

.th-ani {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease
}

.th-ani:hover {
    -webkit-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px)
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.swiper-slide-active .fadein {
    --animation-name: fadein
}

.swiper-slide-active .scalein {
    --animation-name: scalein
}

.swiper-slide-active .slidetopleft {
    --animation-name: slidetopleft
}

.swiper-slide-active .slidebottomright {
    --animation-name: slidebottomright
}

.swiper-slide-active .slideinleft {
    --animation-name: slideinleft
}

.swiper-slide-active .slideinright {
    --animation-name: slideinright
}

.swiper-slide-active .slideinup {
    --animation-name: slideinup
}

.swiper-slide-active .slideindown {
    --animation-name: slideindown
}

.swiper-slide-active .rollinleft {
    --animation-name: rollinleft
}

.swiper-slide-active .rollinright {
    --animation-name: rollinright
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes slideinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)))
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)))
    }
}

@-webkit-keyframes slideinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(180px);
        transform: translateX(180px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(180px);
        transform: translateX(180px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideindown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideindown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slidebottomright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(120px) translateY(120px);
        transform: translateX(120px) translateY(120px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes slidebottomright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(120px) translateY(120px);
        transform: translateX(120px) translateY(120px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes slidetopleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px) translateY(-100px);
        transform: translateX(-100px) translateY(-100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes slidetopleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px) translateY(-100px);
        transform: translateX(-100px) translateY(-100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.dance {
    -webkit-animation: dance 2s alternate infinite;
    animation: dance 2s alternate infinite
}

@keyframes dance {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.dance2 {
    -webkit-animation: dance2 4s alternate infinite;
    animation: dance2 4s alternate infinite
}

@keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(15px, -15px, 0);
        transform: translate3d(15px, -15px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -15px, 15px);
        transform: translate3d(0, -15px, 15px)
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

.shape-mockup {
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

.xb-about-right p{
	text-align: justify;
}
.title.mediumfont{
	font-size: 30px;
    line-height: 38px;
}
.commonleft-right-wrapper{
	position: relative;
}
.commonleft-right-wrapper .xb-about_left{
	height: 100%;
}

.commonleft-right-wrapper .xb-about_left img{
	    width: 100%;
    height: 100%;
    object-fit: cover;
}

.commonlistwrap ul{
	    list-style: none;
    padding: 0px;
    margin: 0px;
}
.commonlistwrap.footerlist-info ul li {
    font-size: 15px;
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    position: relative;
    margin-bottom: 12px;
    padding-left: 38px;
}
.commonlistwrap.footerlist-info ul li .icon {
    position: absolute;
    left: 0px;
    top: 7px;
    color: #fff;
    font-size: 18px;
    line-height: 1em;
}
.commonlistwrap.footerlist-info ul li a {
    font-size: 15px;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
.xb-footer-main .footer-widget .xb-item--social_link li a{
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.copyrightnewfoot{
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.main-menu ul li:hover > a, .main-menu ul li.active > a{
	    background: none;
    color: #781921;
}
.cuscommon-equalheight-row .cuscommon-equalheightleft{
	display: flex;
	height: auto;
}
.cuscommon-equalheight-row .cuscommon-equalheightright{
	display: flex;
	height: auto;
}
.cuscommon-equalheight-row .mission-vission-item{
	height: 100%;padding: 40px 40px;    background: #ca0102;
}
.cuscommon-equalheight-row .mission-vission-item .xb-item--content{
	margin-bottom: 0;
}
.filterred{
	filter: brightness(0) invert(16%) sepia(100%) saturate(7500%) hue-rotate(-2deg) brightness(92%) contrast(80%);
}
.filterwhite{
    filter: invert(1) brightness(200);
}
.filterlightpink{
    filter: invert(88%) sepia(18%) saturate(300%) hue-rotate(310deg) brightness(105%) contrast(95%);
}
.tagline-wrap .xb-item--list li {
    color: #000;
    color:#fff;
    display: flex;
    align-items: center;
}
.tagline-wrap .xb-item--list li:not(:last-child) {
    margin-bottom: 6px;
}
.tagline-wrap .xb-cta span{
	margin-left: 0;
	margin-right: 14px;
}
.tagline-wrap .xb-cta {
    padding: 55px 50px 55px;
    padding: 0;
    border-radius: 15px;
    margin-bottom: 0;
    z-index: 2;
}
.tagline-wrap{
    position: relative;
}
.tagline-wrap .tagpos-iconwrap{
    display: flex; width: 100%;padding: 30px 30px 30px;
}
.tagline-wrap .join-as-advisor{
    width: 50%;
}
.tagline-wrap .tagpos-iconwrap .xb-item--list{
    width: 100%;
}
.tagline-wrap .tagpos-iconwrap .tagpos-icon{
    width: 50%;
}
.tagline-wrap .tagpos-iconwrap .tagpos-icon img{
    height: 90px;
}

.run-wrapper {
  width: 60%;   /* 👈 limit area */
  position: relative;
  overflow: hidden;
}

.runner {
  animation: runtag 8s linear infinite;
}
@keyframes runtag {
  0% {
    left: 0;
  }

  50% {
    left: calc(100% - 70px); /* inside wrapper only */
    transform: rotateY(180deg);
  }

  100% {
    left: 0;
    transform: rotateY(0deg);
  }
}
.aboutbreadcrumb{
       /* background-position: 0 10%;*/
}
.breadcrumb{
    position: relative;z-index: 1;
}
.breadcrumb:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;z-index: -1;
}

.customnewblue-bg{
    background: #000080;
    /* background: #0018A8; */
    /* background: #002387;*/
    background: #000f89;
    background: #0213a0;
    color:#fff;
}
.customnewblue-bg .section-title .title{
    color:#fff;
}
.customnewblue-bg p{
    color:#fff;
}
.footer-cta{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.animated-gifbgwrap{
    position: relative;
}
.animated-gifbg{
    position: absolute;
    top: 115px;
    bottom: 0px;
    height: 600px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    width: 100%;
    z-index: auto;
}
.filterpink{
    filter: invert(14%) sepia(95%) saturate(1800%) hue-rotate(320deg) brightness(102%) contrast(163%);
}



.thumb-style-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    z-index: 1;
}
.thumb-style-two img.thumb-styleimg1{
    border-radius: 200px 200px 30px 30px;
    margin-top: 80px;
    max-width: 130%;
    border: 2px solid #fff;
}
.thumb-style-two img.thumb-styleimg2 {
   border-radius: 30px 30px 200px 200px;
    margin-left: -5%;
    max-width: 105%;
}
.thumb-style-two .border-shape {
    /* max-width: 347px; */
    width: calc(100% - 30%);
    height: 100%;
    border: 1px solid #ca141d;
    border-radius: 60px 0 60px;
    position: absolute;
    top: 60%;
    left: 15%;
    transform: translateY(-50%);
    z-index: -1;
}
.about2-counter-wrapper {
    position: absolute;
    right: 50px;
    bottom: 27px;
    display: flex;
    align-items: center;
    z-index: 3;
    background: #c90405;
    border-radius: 10px;
    padding: 10px 14px;
    color:#fff;gap: 0 10px;
}
.about2-counter-wrapper .icon img{
    width: 45px;
    filter: brightness(0) invert(1);
}
.about2-counter-wrapper .content .counts {
    color: #fff;
    line-height: 30px;
    font-size: 30px;
}

.about2-counter-wrapper .content .counts span{
    color: #fff;
    line-height: 30px;
    font-size: 30px;
    display: inline-block;
    margin: 0px;
    transition: all 0.4s ease-in-out;
}
.about2-counter-wrapper .content .text {
   color:#fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}


.tagline-iconwrap {
    position: relative;
    border-radius: 10px;
    background: #fff ;
    padding: 26px 30px;
    background: linear-gradient(135deg, #ca141d  40%,#0213a0 100%);
    background: linear-gradient(to right, #0066d4 0%, #2196f3 35%, #2196f3 50%, #2196f3 75%, #0213a0 100%);
}
.join-as-advisor > img {
    position: absolute;
    left: 100%;
    top: -40px;
    margin-left: -105px;
    width: 150px;
}
.tagline-iconwrap::after {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    content: "";
    bottom: -2px;
    right: -2px;
    background: linear-gradient(90deg, #ca141d  50%,#0213a0 100%);
    background: linear-gradient(to left, #0066d4 0%, #2196f3 35%, #2196f3 50%, #2196f3 65%, #0213a0 100%);
    z-index: -1;
    border-radius: 10px;
}

.category1-banner-item__shape2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;    height: auto;
}
.category1-banner-item__shape4 {
    position: absolute;
    bottom: 0%;
    height: auto;
    right: 0;
    z-index: 1;
}
.animatedrocket-imgwrap {
    position: relative;
}
.animatedrocket-imgwrap .animatedrocket-img {
    position: absolute;
    top:-115px;
     left: 0; 
    width: 100%;
    right: 0; 
}
:root{
    --customnewbg-themecolor:#000080;
    --customnewbg-themecolor:#00194c;
    --customnewbg-themecolor:#00236b;
    --customnewbg-themecolor: #00084e;
    --customnew-themesmokecolor: #f4e8df;
    --font-headingnew:'Jost', sans-serif;
    --font-headingnew2:'Quicksand', sans-serif;
    --bodynew-font:"DM Sans", sans-serif;
    --bodynew-font2: "Libre Baskerville", serif;
    --bluecolor-newtext:#00084e;
}
body{
    font-family: var(--bodynew-font);
}
.newblue-clrtext{
    color:var(--bluecolor-newtext);
}
.maincustombg{
        background: var(--customnewbg-themecolor);
}
.whitefullbg-main{
    background: #fff;
}
.breadcrumb:after {
    content: "";
    width: 100%;
    height: 50%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(0deg, var(--customnewbg-themecolor) 10%, transparent );
}
.hs-aboutbg {
    background: #fff;
    border-radius: 190px 0 0 190px;
    position: relative;
}
.hs-aboutbg .xb-shape {
    position: absolute;
    top: 0;
    left: 0;
}
.hs-aboutbg-onlywhitebg {
    background: #fff;
    position: relative;
}
.hs-aboutbg.mainbdrbtm-zero{
   border-bottom-left-radius:0 ; 
}
.hs-aboutbg.mainbdrtop-zero{
   border-top-left-radius:0 ; 
}
.abouttitle{
    position: relative;
        display: flex;
    align-items: center;gap: 0 10px;
}
.abouttitle .abouttitle-icon{
    /*top: auto;
    left: 23%;
    right: auto;
    bottom: 25%;    
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: inline-block;
    line-height: 1;
    width: 75px;
    height: 75px;*/
}
.abouttitle .abouttitle-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: inline-block;
    line-height: 1;
    width: 60px;
    height: 60px;
    transform: rotate(-30deg);
}
h1, h2, h3, h4, h5, h6{
        font-family: var(--font-headingnew2);
}
.title.cusnewtitle{
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
}
.cusnewtitlelg{
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 60px;
}
.thumb-style-two .roundimg-shape {
    /* max-width: 347px; 
    width: calc(100% - 25%);
    height: 97%;*/
    /* border: 1px solid #ca141d; */
    border-radius: 60px 0 60px;
    position: absolute;
    top: -16%;
    left: 7%;
    /* transform: translateY(-50%); */
    z-index: -1;
    animation: rotateabtircle 18s linear infinite;
    max-width: 360px;
}
@keyframes rotateabtircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.invertfilter-gif{
    filter: invert(1) brightness(200);
}
.abouttitle .abouttitle-icon.abouttitle-vissionicon{
    transform: rotate(32deg);
}
/*.thumb-style-two .border-shape {
    width: calc(100% - 30%);
    height: 100%;
    position: absolute;
    inset: -13px;
    border-radius: 50%;
    border: 2pt dashed var(--customnewbg-themecolor);
    animation: chRotateDash 18s linear infinite;
}*/
.thumb-style-two .border-shape{
        border: 1px dashed var(--customnewbg-themecolor);
        border-top: none;
}
.section-newtitle .abouttitle {
    justify-content: center;
}
.customnewblue-bg .section-newtitle .abouttitle {
    color: #fff;
}
.customnewblue-bg p, .customnewblue-bg a, .customnewblue-bg ul li, .customnewblue-bg span{
    color: #fff;
}
@keyframes chRotateDash { to { transform: rotate(360deg); } }
    @keyframes chFloatUp    { to { opacity: 1; transform: translateY(0); } }
.customnewblue-bg{
    background: var(--customnewbg-themecolor);
}


.event-style-one-item {
    position: relative;
    z-index: 1;
    padding: 50px 0;
    margin-bottom: 50px;
}

.event-style-one-item:last-child {
    margin-bottom: 0;
}

.event-meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 5px;
}

.event-meta ul i {
    display: inline-block;
    font-weight: 100;
    min-width: 23px;
}

.event-style-one-info {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    padding: 0 50px;
    gap: 20px;
    height: 100%;
}

.event-style-one-item::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    height: 100%;
    width: 90%;
    background: rgba(255, 255, 255, 0.15);
    z-index: -1;
    border: 2px solid var(--white);
    border-radius: 30px;
    transition: all 0.35s ease-in-out;
    box-shadow: 0px -4px 50px -14px rgb(255 255 255 / 15%);
    background: rgb(38 45 104);
}

.bg-gray-gradient-secondary .event-style-one-item::after {
    box-shadow: none;
}
.right-info .event-cusicon {
    height: 100px;
    width: 100px;
    min-width: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    margin-right: 0;
    padding: 10px;
}
.right-info .event-cusicon img{
    filter: brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(4150%) hue-rotate(214deg) brightness(72%) contrast(98%);
}
.event-style-one-item.event-style-one-even .event-stylerow{
    flex-direction: row-reverse;
}
.event-style-one-item.event-style-one-even::after{
    left: 0;
    right: auto;
}
@media (max-width: 991px) {
    .event-style-one-info {
        box-shadow: 0px -4px 50px -14px rgb(109 117 143 / 53%);
        border-radius: 0 0 10px 10px;
    }

    .event-style-one-item .event-thumb img {
        border-radius: 10px 10px 0 0;
    }
}

.event-style-one-item:hover::after {
    background: transparent;
    box-shadow: 0px -4px 50px -14px rgb(255 255 255 / 45%);
}

.event-style-one-item .event-thumb {
    overflow: hidden;
    border-radius: 30px;
    height: 100%;
}

.event-date {
    display: block;
    width: 100%;
    text-align: center;
    background: url(../img/shape/39.png);
    border-radius: 10px;
    padding: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.event-date h2 {
    color: var(--white);
    font-size: 52px;
    margin-bottom: 5px;
}

.event-date h6 {
    color: var(--white);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}

.event-style-one-info .right-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    text-align: center;
    align-items: center;
    border-left: 1px solid #b9d3de;
    padding-left: 50px;
    order: 6;
}

.event-style-one-info .btn-style-two {
    margin-top: 25px;
}

.event-style-one-info p {
    margin: 0;
}

.event-style-one-item .event-thumb img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.event-style-one-info .right-info .btn {
    max-width: max-content;
    text-align: center;
}

.event-style-one-info .left-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.event-meta ul li {
    font-size: 18px;
}

.event-style-one-info .left-info .btn {
    max-width: max-content;
    margin-top: 25px;
}

.event-style-one-info .left-info h2 {
    margin-bottom: 20px;
}

.feature-item {
    /*-webkit-mask-image: url("..assets/img/customnew/polygon-shape.png");
    mask-image: url("../assets/img/customnew/polygon-shape.png");*/
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    mask-position: center;
    padding: 1.5rem;
    background: #f4e9ff;
    clip-path: polygon(25% 0%, 75% 0%, 100% 33%, 100% 67%, 75% 100%, 25% 100%, 0% 67%, 0% 33%);
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.animation-item:hover .animate__wobble {
    animation: wobble 1.5s ease-in-out;
}
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

/* ============================================================== 
    # Newsletter
=================================================================== */
.newsletter-style-one-items {
    padding: 80px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    padding-bottom: 100px;
}

.newsletter-style-one-items .shape img {
    position: absolute;
        left: -60px;
    bottom: -68px;
}





ul.list-check {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 25px;
    flex-direction: column;
    align-items: flex-start;
    margin: 25px auto;
    padding: 20px 10px;
}

ul.list-check li {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-left: 30px;
}

ul.list-check li::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f058";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    color: var(--customnewbg-themecolor);
}

.newsletter-style-one-items .shape img:nth-child(2) {
    left: auto;
    right: 5%;
    bottom: auto;
    top: 60px;
    z-index: -1;
}
:root{
   --home-bodyfontsm: 14px;
   --home-bodylinehgtsm: 23px;
}
@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn
}
.newsletter-style-one-items {
    position: relative;
    z-index: 1;
    font-weight: 700;
    transform-origin: left center;
    border: 1px solid var(--customnewbg-themecolor);
    border-radius: 10px;
    padding: 3px 6px;
    /* animation: headTurn 3s ease-in-out infinite; */
}
.newsletter-style-one-items::before {
    content: "";
    position: absolute;
    --border-angle: 0turn;
    --main-bg: conic-gradient(from var(--border-angle),#ebecf1,#ebecf1 5%,#ebecf1 60%,#ebecf1 95%);
    --gradient-border: conic-gradient(from var(--border-angle),transparent 25%,var(--customnewbg-themecolor),var(--customnewbg-themecolor) 99%,transparent);
    animation: gradientmoving 3s linear infinite;
    background: var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;
    background-position: 50%;
    border: 2pt solid transparent;
    place-content: center;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    left: 0;
    top: 0;
}
@keyframes gradientmoving {
    to {
        --border-angle: 1turn
    }
}
.filterblue{
    filter: brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(4150%) hue-rotate(214deg) brightness(72%) contrast(98%);
}
.foot-shape-top svg {
    width: calc(200% + 1.3px);
    height: 160px;
    transform: translateX(-50%) rotateY(180deg);
    fill: #fff;
}
.foot-shape-top {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    background: #ca141d;
}
.foot-shape-top .elementor-shape-fill {
    fill: #fff;
    transform: rotateY(0deg);
    transform-origin: center;
}
.animation-scalation {
    animation: scalation 8s linear infinite;
}
@keyframes scalation {
0% {
  transform: scale(1);
}
50% {
    transform: scale(0.5);
}
100% {
    transform: scale(1);
}
}
.star-group.stars-4 {
    top: auto;
    bottom: 100px;
    left: -200px;
    position: absolute;
}
.star-group.stars-4.tagwrapstar {
    top: 20%;
    bottom: 100px;
    left: 0;
    position: absolute;
    z-index: 10;
    right: 30%;
}

.star-group .star {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    position: absolute;
    width: 40px;
    height: 50px;
    -webkit-animation: stars 5s infinite cubic-bezier(.65, .49, .21, .98);
    -moz-animation: stars 5s infinite cubic-bezier(.65, .49, .21, .98);
    animation: stars 5s infinite cubic-bezier(.65, .49, .21, .98);
}
.star-group .star:nth-child(1) {
    animation-delay: 0s !important;
    right: 1rem;
    top: 2rem;
}
.star-group .star:nth-child(2) {
  animation-delay: 2s !important;
  right: 0;
  top: 0;
}

.star-group .star:nth-child(3) {
  animation-delay: 3s !important;
  right: -1.5rem;
  top: 1.5rem;
}

@keyframes stars {

  0%,
  to {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
.xb-shapegirl {
    top: 20%;
    bottom: -80px;
    left: auto;
    position: absolute;
    z-index: 10;
    right: 28%;
    width: 100px;
    top: auto;
    margin: 0 auto;
    text-align: center;
     animation: rungirl 30s linear infinite;
}
/*.xb-shapegirl {
    position: absolute;
    bottom: -80px;
    right: 28%;
    z-index: 10;
    animation: girlRun 6s linear infinite;
}*/

.xb-shapegirl img {
    width: 220px; /* adjust size */
}
.newsletter-style-one-items {
    position: relative;
    z-index: 1;
    font-weight: 700;
    transform-origin: left center;
    border: 1px solid var(--customnewbg-themecolor);
    border-radius: 10px;
    padding: 3px 6px;
    /* animation: headTurn 3s ease-in-out infinite; */
    width: 90%;
    margin: 0 auto;
    margin-left: 10%;
}
/* Animation */
@keyframes girlRun {
    0% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(40%);
    }
    50% {
        transform: translateX(50%) scaleX(-1); /* flip direction */
    }
    90% {
        transform: translateX(0) scaleX(-1);
    }
    100% {
        transform: translateX(0) scaleX(1);
    }
}

@keyframes rungirl {
  0% {
    left: 0;
  }

  48% {
    -webkit-transform: rotateY(0deg);
  }

  50% {
    left: calc(100% - 100px);
    -webkit-transform: rotateY(180deg);
  }

  98% {
    -webkit-transform: rotateY(180deg);
  }

  100% {
    left: 0;
    -webkit-transform: rotateY(0deg);
  }
}
.patnerabout-slider {
    overflow: hidden !important;
    position: relative;
    padding: 50px 0 50px;
    padding: 16px 0 50px;
    display: none !important;
}

.patnerabout-slider .swiper-wrapper {
    align-items: center;
}

.patnerabout-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.patnerabout-slider .swiper-slide img {
    max-height: 80px;      /* adjust as needed */
    width: auto;
    object-fit: contain;
}
.patnerabout-slider .patnerabout-carouselnav {
   /* position: absolute;
    right: 0;
    top: 28px;*/
    display: flex;
    justify-content: center;
    gap: 0 10px;
    align-items: center;
}
.patnerabout-slider .patnerabout-carouselnav .patnerabout-arrow {
    width: 30px;
    height: 30px;
    background: var(--customnewbg-themecolor);
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
}
.patnerabout-slider .patnerabout-carouselnav .patnerabout-arrow.patnerabout-next {
    margin-left: 2px;
}
.patnerabout-slider .patnerabout-carouselnav .patnerabout-arrow i {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;color: #fff;
    line-height: 19px;
}
.patnerabout-title{
    justify-content: center;
    align-items: center;
}
.abouttitle.patnerabout-title .abouttitle-icon{
    transform: none;
}
.customheading-designtwo .customheading-designtwo-line {
    width: 90px;
    height: 3px;
    background: linear-gradient(90deg, #ca141d, #FE000C);
    margin:2px auto;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.customheading-designtwo .customheading-designtwo-line::after {
    content: "";
    position: absolute;
    border-radius: 10px;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--customnewbg-themecolor);
    animation: hadilineanim 2.5s infinite;
}
@keyframes hadilineanim {
  0% { left:-100%; }
  50% { left:100%; }
  100% { left:100%; }
}


/*** responsive ***/

@media screen and (min-width: 576px) and (max-width: 767px) {
    .container, .container-sm {
        max-width: 700px;
    }
}
@media screen and (max-width: 1100px){
    .customanimate-shape .shape-mockuptop1{
        top: 40px;
        width: 85px;
    }
    .customanimate-shape .shape-mockuptop2{
        width: 80px;
        bottom: -25px!important;
    }
    .customanimate-shape .shape-mockup1{
        top: 40px!important;
        width: 85px;
    }
    .customanimate-shape .shape-mockup2{
        width: 80px;
    }
    .tagline-wrap .tagpos-iconwrap{
       width: calc(100% - 35px);
    }
}
@media screen and (max-width: 991px){
    .animatedrocket-imgwrap .animatedrocket-img {
        position: absolute;
        top: -93px;
        left: 0;
        width: 130%;
        right: 0;
    }
}
@media screen and (max-width: 767px){
    .animated-gifbg {
       
        top: 80px;
        bottom: 0px;
        height: 750px;
        right: 0;
        width: 180%;
    }
    .tagline-wrap .join-as-advisor {
        width: 100%;
    }
    .animatedrocket-imgwrap .animatedrocket-img{
        width: 160%;top: -100px;right: -100px;
    }
}
@media screen and (max-width: 560px){
    .animated-gifbg {
        top: 90px;
        bottom: 0px;
        height: 750px;
        right: 0;
        width: 180%;
        background-size: 155%;
    }
    .tagline-wrap .tagpos-iconwrap .tagpos-icon {
        width: 100%;
    }
    .tagline-wrap .tagpos-iconwrap{
            flex-wrap: wrap;
            gap: 20px 0;
    }
}

@media screen and (max-width: 480px){
    .animated-gifbg {
        top: 150px;
        bottom: 0px;
        height: 750px;
        right: 0;
        width: 180%;
        background-size: 155%;
    }
    .animatedrocket-imgwrap .animatedrocket-img {
        width: 225%;
        top: -100px;
        right: -100px;
    }
}