.reveal {
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}

.reveal.active {
    transform: translateY(0);
    opacity: 1;
}

.reveal.active.reveal-animate-one .sec2-btm-cntr {
    transform: translateY(-112px);
    transition: opacity 2s, transform 2s;
    opacity: 1;
    top: 433px;
    left: 525px;
}

.reveal.active.reveal-animate-one .sec2-center {
    transform: translateY(-264px);
    transition: opacity 2s, transform 2s;
    opacity: 1;
    top: 433px;
    left: 525px;
}

.reveal.active.reveal-animate-one .sec2-left-top-1 {
    transform: translateY(92px);
    transition: opacity 2s, transform 2s;
    opacity: 1;
    top: -149px;
    left: 143px;
}

.reveal.active.reveal-animate-one .sec2-new-left-top-1 {
    transform: translateY(92px);
    transition: opacity 2s, transform 2s;
    opacity: 1;
    top: -149px;
    left: 206px;
}
.tp-cntct-tp-1{
    top: -171px !important;
    left: 334px !important;
}

.reveal.active .reveal-animate-one .sec2-left-top-2 {
    transform: translateY(-112px);
    transition: opacity 6s, transform 6s;
    opacity: 1;
    bottom: -147px;
    right: 79px;
}

.reveal.active.reveal-animate-one .sec2-right-btm {
    transform: translateY(108px);
    transition: opacity 2s, transform 2s;
    opacity: 1;
    top: -149px;
    right: 291px;
}

.reveal.active .reveal-animate-one .sec2-top-left {
    transform: translateY(-112px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
    bottom: -191px;
    right: 190px;
}

.reveal.active .reveal-animate-one .what-clients-say-left-top {
    transform: translateX(-293px);
    transition: opacity 2s, transform 2s;
    opacity: 1;
    top: 30px;
    right: -217px;
    height: auto;
    width: auto;
}

.reveal.active .reveal-animate-one .what-clients-say-middle {
    transform: translateX(174px);
    transition: opacity 2s, transform 2s ease;
    opacity: 0.8;
    top: 0;
    left: -290px;
}

.reveal.active .reveal-animate-one .what-clients-say-right-btm {
    transform: translateX(-379px);
    transition: opacity 2s, transform 2s;
    opacity: 1;
    top: 392.1px;
    right: -268px;
}

.what-clients-say-btm-ryt {
    position: absolute;
    height: auto;
    width: auto;
    bottom: 36px;
    right: 300px;
}

.what-clients-say-top-left {
    position: absolute;
    height: auto;
    width: auto;
    top: -114px;
    right: 0;
    z-index: -1;
}

.what-clients-say-top-lft {
    position: absolute;
    height: auto;
    width: auto;
    top: 0;
    left: 135px;
}

.reveal.active .slider-btn-animate {
    transform: translateY(-383px);
    transition: opacity 3s, transform 3s;
    opacity: 1;
    position: relative;
    bottom: -398px;
}

.reveal .test-img-animate {
    transform: translatex(-102px)translatey(184px);
    transition: opacity 1s, transform 1s;
    opacity: 0;
}

.reveal.active .test-img-animate {
    transform: translateX(0px) translateY(0px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
}

.reveal.active .test-hdng-animate {
    transform: translateY(-383px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
    position: relative;
    bottom: -398px;
}

.reveal.active .slider-btn-animate-two {
    transform: translateY(-110px);
    transition: opacity 2s, transform 2s;
    opacity: 1;
    position: relative;
    bottom: -108px;
}

.reveal.active .reveal-animate-one .product-slide-more-lft-tp-bg {
    transform: translateX(270px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
    top: 107px;
    left: -380px;
}

.reveal.active .reveal-animate-one .product-slide-more-top-mdle {
    transform: translateY(144px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
    top: -38%;
    left: 41%;
}

.reveal.active .reveal-animate-one .product-slide-more-mdle-btm-2 {
    transform: translateY(-83px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
    bottom: -131px;
    left: 57%;
    z-index: -1;
}

.reveal.active .reveal-animate-one .product-slide-more-btm-mdle {
    transform: translateY(-100px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
    bottom: -158px;
    left: 18%;
    z-index: -1;
}

.reveal.active .reveal-animate-one .product-slide-more-lft-tp-bg-1 {
    transform: translateY(260px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
    right: -51px;
    z-index: -1;
    top: -300px;
    display: none;
}

.reveal.active .reveal-animate-one .product-slide-more-btm-mdl {
    transform: translateY(-122px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
    bottom: -93px;
    left: 42%;
    z-index: -1;
}

.reveal.active .reveal-animate-one .product-slide-more-rt-btm {
    transform: translateY(-83px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
    bottom: -156px;
    right: -38px;
    z-index: -1;
}

.reveal.active.reveal-animate-one.animate-second .sec2-new-left-top-1 {
    transform: translateY(25px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
    top: 363px;
    left: 158px;
    z-index: -1;
}

.reveal.active.reveal-animate-one.animate-second .sec2-btm-cntr {
    transform: translateY(-112px);
    transition: opacity 1s, transform 1s;
    opacity: 1;
    top: 563px;
    right: 0;
    left: unset;
}

.animate-text-one {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s, transform 1s;
}

.animate-images-one {
    position: relative;
}

.blurred-image,
.circle-image {
    position: absolute;
    top: 100%;
    opacity: 0;
    transition: opacity 1s, top 1s;
    height: auto;
    width: 100%;
}

.circle-image {
    z-index: 1;
}

.circle-image-two {
    position: relative;
    top: 100%;
    opacity: 0;
    height: auto;
    width: 100%;
    transition: opacity 1s, top 1s;
}

.blurred-image {
    filter: blur(10px);
}

.blurred-bg {
    width: 85%;
    height: 85%;
    /* background: transparent linear-gradient(165deg, #E55A3012 0%, #c7b5df 100%) 0% 0% no-repeat padding-box; */
    background: transparent linear-gradient(165deg, #E55A3012 0%, #c7b5df73 100%) 0% 0% no-repeat padding-box;
    opacity: 0.3;
    filter: blur(50px);
    border-radius: 100%;
    opacity: 0;
    transition: opacity 1s, top 1s;
}

.bg-icons {
    position: absolute;
    opacity: 0;
    transition: opacity 1s, top 1s;
    height: auto;
    width: auto;
    z-index: -1;
}

.icon-new-one {
    width: 92px;
    height: 92px;
    background: transparent linear-gradient(144deg, #F2AAF453 0%, #5850DEAF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    filter: blur(0px);
    border-radius: 100px;
}

.small-sze {
    width: 31px;
    height: 31px;
    right: 100px !important;
    top: 518px !important;
}

.slider-3 .slick-slide[aria-hidden="true"] .slide-down-right {
    animation-name: shine;
    animation-duration: 3s;
}

@keyframes shine {
    0% {
        transform: translatex(150px) translatey(150px)
    }

    100% {
        transform: translatex(500px) translatey(500px);
    }
}

.slider-3 .slick-slide[aria-hidden="true"] .slide-down-left {
    animation-name: shine2;
    animation-duration: 3s;
}

@keyframes shine2 {
    0% {
        transform: translatex(50px) translatey(50px)
    }

    100% {
        transform: translatex(-500px) translatey(500px);
    }
}

.slide.slick-slide.slick-current.slick-active {
    animation-name: slide-down;
    animation-duration: 3s;
}

@keyframes slide-down {
    0% {
        transform: translatey(-200px) translatey(-200px);
    }

    100% {
        transform: translatey(0px) translatey(0px)
    }
}

.slider-3 .slick-slide[aria-hidden="true"] .slide-down-op-zero {
    animation-name: slide-icons;
    animation-duration: 3s;
}

@keyframes slide-icons {
    0% {
        transform: translatex(0px) translatex(0px)
    }

    100% {
        transform: translatey(500px) translatey(500px);
        opacity: 0;
    }
}

@media(min-width:992px) {
    .reveal.animate-lft-to-rt {
        transform: translateX(-690px) translateY(0px);
        transition: opacity 1s, transform 1s;
        opacity: 0;
    }

    .reveal.reveal.active.animate-lft-to-rt {
        transform: translateX(0px) translateY(0px);
        transition: opacity 1s, transform 1s;
        opacity: 1;
    }

    .reveal.animate-rt-to-lft {
        transform: translateX(690px) translateY(0px);
        transition: opacity 1s, transform 1s;
        opacity: 0;
    }

    .reveal.reveal.active.animate-rt-to-lft {
        transform: translateX(0px) translateY(0px);
        transition: opacity 1s, transform 1s;
        opacity: 1;
    }
    .btm-lft-nw0{
        top: 475px !important;
    left: 0 !important;
    }
    .btm-lft-nw2{
        top: 658px !important;
        right: 0 !important;
    }
    .tp-new1{
        top: 204px !important;
        right: 0 !important;
    }
    .tp-new2{
        top: -214px !important;
        right: 0 !important;
    }

}

.timeline {
    padding: 50px;
}

.timeline ul {
    padding: 0;
}

.timeline .default-line {
    content: "";
    position: absolute;
    width: 8px;
    background: #D3D9E0 0% 0% no-repeat padding-box;
    border-radius: 10px;
    height: 1610px;
}

.timeline .draw-line {
    width: 8px;
    height: 0;
    position: absolute;
    border-radius: 10px;
    background: #3BBCE3 0% 0% no-repeat padding-box;
}

.timeline ul li {
    list-style-type: none;
    position: relative;
    height: 400px;
    background: transparent;
}

.timeline ul li.in-view {
    transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
}

.timeline ul li.in-view::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: transparent linear-gradient(144deg, #8EEFF6 0%, #37B9E2 100%) 0% 0% no-repeat padding-box;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
}

.timeline ul li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 0;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent linear-gradient(144deg, #8EEFF6 0%, #37B9E2 100%) 0% 0% no-repeat padding-box;
    transition: all 0.4s ease-in-out;
    opacity: 1;
}

.timeline ul li.in-view h1 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 32px/30px var(--unnamed-font-family-source-sans-pro);
    color: var(--unnamed-color-2c2d2f);
    text-align: left;
    font: normal normal 600 32px/30px Source Sans Pro;
    letter-spacing: 0.29px;
    color: #2C2D2F;
    opacity: 1;
}

.timeline p {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/20px var(--unnamed-font-family-source-sans-pro);
    color: var(--unnamed-color-2c2d2f);
    text-align: left;
    font: normal normal normal 14px/20px Source Sans Pro;
    letter-spacing: 0.13px;
    color: #2C2D2F;
    opacity: 1;
    transition-property: font-size;
    transition-duration: 1s;
}

.timeline h1 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 20px/30px var(--unnamed-font-family-source-sans-pro);
    color: var(--unnamed-color-2c2d2f);
    text-align: left;
    font: normal normal 600 20px/30px Source Sans Pro;
    letter-spacing: 0.18px;
    color: #2C2D2F;
    opacity: 1;
    transition-property: font-size;
    transition-duration: 1s;
}

.timeline ul li.in-view p {
    font: normal normal normal 20px/30px Source Sans Pro;
}

.timeline ul li.one::after {
    content: '1';
    position: absolute;
    top: -17px;
    left: -4px;
    color: var(--unnamed-color-2c2d2f);
    text-align: left;
    font: normal normal 600 32px/72px Source Sans Pro;
    letter-spacing: 0.29px;
    color: #2C2D2F;
    opacity: 1;
}

.timeline ul li.one.in-view::after {
    font: normal normal 600 48px/72px Source Sans Pro;
    top: -2px;
    left: -7px;
}

.timeline ul li.two::after {
    content: '2';
    position: absolute;
    top: -17px;
    left: -4px;
    color: var(--unnamed-color-2c2d2f);
    text-align: left;
    font: normal normal 600 32px/72px Source Sans Pro;
    letter-spacing: 0.29px;
    color: #2C2D2F;
    opacity: 1;
}

.timeline ul li.two.in-view::after {
    font: normal normal 600 48px/72px Source Sans Pro;
    top: -2px;
    left: -7px;
}

.timeline ul li.three::after {
    content: '3';
    position: absolute;
    top: -17px;
    left: -4px;
    color: var(--unnamed-color-2c2d2f);
    text-align: left;
    font: normal normal 600 32px/72px Source Sans Pro;
    letter-spacing: 0.29px;
    color: #2C2D2F;
    opacity: 1;
}

.timeline ul li.three.in-view::after {
    font: normal normal 600 48px/72px Source Sans Pro;
    top: -2px;
    left: -7px;
}

.timeline ul li.four::after {
    content: '4';
    position: absolute;
    top: -17px;
    left: -4px;
    color: var(--unnamed-color-2c2d2f);
    text-align: left;
    font: normal normal 600 32px/72px Source Sans Pro;
    letter-spacing: 0.29px;
    color: #2C2D2F;
    opacity: 1;
}

.timeline ul li.four.in-view::after {
    font: normal normal 600 48px/72px Source Sans Pro;
    top: -2px;
    left: -7px;
}

.timeline ul li.five::after {
    content: '5';
    position: absolute;
    top: -17px;
    left: -4px;
    color: var(--unnamed-color-2c2d2f);
    text-align: left;
    font: normal normal 600 32px/72px Source Sans Pro;
    letter-spacing: 0.29px;
    color: #2C2D2F;
    opacity: 1;
}

.timeline ul li.five.in-view::after {
    font: normal normal 600 48px/72px Source Sans Pro;
    top: -2px;
    left: -7px;
}

.heading-image-one,
.heading-image-two,
.heading-image-three,
.heading-image-four,
.heading-image-five,
.heading-image-six,
.image-heading-1 p,
.image-heading-2 p,
.image-heading-3 p,
.image-heading-4 p,
.image-heading-5 p,
.image-heading-6 p,
.active-accrdn .accordion-header-icon {
    display: none;
}

.accordion-header-icon-two {
    display: none
}

.active-accrdn .accordion-header-icon-two {
    display: block
}

.heading-image-one.active-accrdn,
.heading-image-two.active-accrdn,
.heading-image-three.active-accrdn,
.heading-image-four.active-accrdn,
.heading-image-five.active-accrdn,
.heading-image-six.active-accrdn,
.image-heading-1.active-accrdn p,
.image-heading-2.active-accrdn p,
.image-heading-3.active-accrdn p,
.image-heading-4.active-accrdn p,
.image-heading-5.active-accrdn p,
.image-heading-6.active-accrdn p {
    display: block;
}

.heading-image-one,
.heading-image-two,
.heading-image-three,
.heading-image-four,
.heading-image-five,
.heading-image-six,
.image-heading-1 p,
.image-heading-2 p,
.image-heading-3 p,
.image-heading-4 p,
.image-heading-5 p,
.image-heading-6 p,
.active-accrdn-amplify .accordion-header-icon {
    display: none
}

.accordion-header-icon-two {
    display: none
}

.active-accrdn-amplify .accordion-header-icon-two {
    display: block
}

.heading-image-one.active-accrdn-amplify,
.heading-image-two.active-accrdn-amplify,
.heading-image-three.active-accrdn-amplify,
.heading-image-four.active-accrdn-amplify,
.heading-image-five.active-accrdn-amplify,
.heading-image-six.active-accrdn-amplify,
.image-heading-1.active-accrdn-amplify p,
.image-heading-2.active-accrdn-amplify p,
.image-heading-3.active-accrdn-amplify p,
.image-heading-4.active-accrdn-amplify p,
.image-heading-5.active-accrdn-amplify p,
.image-heading-6.active-accrdn-amplify p {
    display: block
}

.active-accrdn-overlay .accordion-header-icon {
    display: none
}

.active-accrdn-overlay .accordion-header-icon-two {
    display: block
}

.heading-image-one.active-accrdn-overlay,
.heading-image-two.active-accrdn-overlay,
.heading-image-three.active-accrdn-overlay,
.heading-image-four.active-accrdn-overlay,
.heading-image-five.active-accrdn-overlay,
.heading-image-six.active-accrdn-overlay,
.image-heading-1.active-accrdn-overlay p,
.image-heading-2.active-accrdn-overlay p,
.image-heading-3.active-accrdn-overlay p,
.image-heading-4.active-accrdn-overlay p,
.image-heading-5.active-accrdn-overlay p,
.image-heading-6.active-accrdn-overlay p {
    display: block
}
.heading-images div, .heading-images-amplify div {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.heading-images div.active-accrdn, .heading-images-amplify div.active-accrdn-amplify {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}

.nw-tp-cntr {
    top: -220px !important;
}

.nw-btmlft {
    top: 623px !important;
    left: 0 !important;
}

.nw-btm-lft {
    top: 682px !important;
    left: 0 !important;
}

.nw-btm-lft-2 {
    top: 516px !important;
    left: 0 !important;
}

.nw-rt-0 {
    top: 630px !important;
    left: 525px !important;
}

.nw-btm-525 {
    top: 545px !important;
    left: 525px !important;
}

.nw-btm-617 {
    top: 617px !important;
    left: 651px !important;
}

.nw-tp-188 {
    top: -188px !important;
}

.nw-btmlft-2 {
    top: 610px !important;
    left: 0 !important;
}

.nw-rt-01 {
    right: 0 !important;
}
.cntct-btm-lft-1{
    transform: translateY(-112px);
    transition: opacity 2s, transform 2s;
    opacity: 1;
    top: 532px;
    left: 0;
}
.tp-cntct-tp-2-mble{
    transform: translateY(108px);
    transition: opacity 2s, transform 2s;
    opacity: 1;
    top: 299px;
    right: 291px;
}
.nw-btm-dstp{
    top: 484px !important;
    left: 0 !important;  
}
@media(max-width:991px) {
    .reveal.active.reveal-animate-one .sec2-btm-cntr {
        left: 48px;
    }

    .reveal.active.reveal-animate-one .sec2-center {
        left: unset;
        right: 29px;
        top: 457px;
    }

    .reveal.active .reveal-animate-one .what-clients-say-middle {
        top: -185px;
    }

    .reveal.active .reveal-animate-one .what-clients-say-left-top {
        top: 430px;
        right: -258px;
    }

    .reveal.active.reveal-animate-one .sec2-new-left-top-1,
    .reveal.active.reveal-animate-one .sec2-btm-cntr,
    .reveal.active .reveal-animate-one .product-slide-more-lft-tp-bg-1,
    .reveal.active .reveal-animate-one .product-slide-more-rt-btm,
    .reveal.active .reveal-animate-one .product-slide-more-mdle-btm-2,
    .reveal.active .reveal-animate-one .product-slide-more-btm-mdle,
    .reveal.active .reveal-animate-one .product-slide-more-top-mdle,
    .reveal.active .reveal-animate-one .what-clients-say-middle,
    .reveal.active .reveal-animate-one .what-clients-say-left-top,
    .reveal.active .reveal-animate-one .what-clients-say-right-btm {
        display: none;
    }

    .reveal.active .reveal-animate-one .product-slide-more-btm-mdl {
        transform: translateY(-47px);
        top: 0;
        left: 50%;
    }

    .what-clients-say-top-left {
        top: -135px;
    }

    .tp-unst-rt-0 {
        top: unset !important;
        right: 0 !important;
    }

    .nw-tp-0 {
        top: -234px !important;
    }

    .nw-btmlft-2 {
        left: unset !important;
        right: 0px !important;
        top: 644px !important;
    }

    .nw-tp-222 {
        top: -222px !important;
    }

    .d-none_mbl {
        display: none;
    }

    .nw-rt-01 {
        right: 0 !important;
        bottom: -398px !important;
        top: unset !important;
    }
    .tp-cntct-tp-1-mble{
        top: -127px !important;
        right: 186px !important;
    }
    .ds-nn-tab{
        display: none !important;
    }
}
@media(min-width:768px) and (max-width:1399px){
    .reveal.active.reveal-animate-one .sec2-btm-cntr{
        top: 585px !important;
    }
    .nw-btmlft-2{
        top: 773px !important;
    }
    #middle-btm{
        display: none !important;
    }
    .reveal.active.reveal-animate-one .sec2-center{
       display: none;
    }
    .reveal.active.reveal-animate-one .sec2-btm-cntr.tp-720{
        top: 720px !important;
    }
    .reveal.active.reveal-animate-one .sec2-btm-cntr.tp-720-1{
        top: 720px !important;
        left: 0 !important;
    }
    .tp-unst-rt-0 {
        right: 0 !important;
        top: -149px !important;
    }
    .reveal.active.reveal-animate-one.animate-second .sec2-btm-cntr.tp-623{
        top: 623px !important;
    }
    
}