.after-banner-sec {
    margin-top: -50px;
    padding-bottom: 50px;
    position: relative;
    background: white;
}
/* .after-banner-sec .main-heading {
    margin-top: -50px;
    opacity: 1 !important;
    transform: translate(0) !important;
} */
.after-banner-sec .main-heading p ,.after-banner-sec .big-center-btn{
    opacity: 1 !important;
    transform: translate(0) !important;
}
.inner-main-heading h2 {
    margin-bottom: 15px;
}

/* .main-heading.inner-main-heading p.animate-show,
.main-heading.inner-main-heading h2.animate-show,
.after-banner-sec .main-heading.inner-main-heading h2,
.after-banner-sec .main-heading.inner-main-heading p,
.footer-step.animate-show {
    transform: scale(0.8);
    animation: zoomIn 1.5s ease forwards;
    animation-delay: 0.5s;
} */

/* .footer-step.animate-show {
    animation-delay: 1.2s;
} */

.mission-vision-wrap {
    position: relative;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    margin-top: 30px;
}

.mission-vision-item {
    background: linear-gradient(86.23deg, #0D0D0D 9.19%, #0A0C0A 95.28%);
    box-shadow: -14.94px 16.01px 60.4px 0px #00000033;
    border-radius: 20px;
    color: var(--white);
    height: 100%;
}

.mission-vision-item h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 43px;
    color: var(--orange);
    margin-bottom: 0;
}

.mission-vision-item p {
    line-height: 32px;
}

.mission-vision-wrap .row>* {
    margin: 15px 0;
}

.mission-vision-wrap .row>*:first-child .mission-vision-item {
    padding: 36px 180px 36px 23px;
}

.mission-vision-wrap .row>*:first-child .mission-vision-item h3 {
    margin-bottom: 15px;
}

.mission-vision-wrap .row>*:first-child .mission-vision-item p {
    margin-bottom: 0;
}

.mission-vision-wrap .row>*:nth-child(2) .mission-vision-item {
    padding: 36px 23px 36px 180px;
    text-align: right;
    flex-direction: column-reverse;
    display: flex;
    justify-content: space-between;
}
.mission-vision-wrap .row>*:nth-child(2) .mission-vision-item h3 {
    margin-top: 15px;
}
.m-v-logo {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.m-v-logo svg {
    animation: floating 3s ease-in-out 0.7s infinite;
    display: block;
}
.big-center-btn a.orange-btn,
.big-center-btn a.dark-btn,
.big-center-btn a.glow-button {
    min-width: 400px;
    margin-top: 60px;
}
.big-center-btn a.orange-btn {
    color: var(--black);
}
.big-center-btn a.orange-btn:hover {
    color: var(--white);
}
.inner-dark-section {
    padding: 80px 0;
    background-color: var(--black);
    color: var(--white);
    position: relative;
    overflow: hidden;
}
.inner-dark-section .container{
    position: relative;
    z-index: 1;
}
.inner-dark-section::after{
    content: "";
    position: absolute;
    right: 0;
    top: -400px;
    width: 875px;
    height: 1600px;
    z-index: 0;
    background: url(images/orange-shadow.png);
}
.inner-light-section {
    padding: 80px 0;
    background: url(images/light-bg.webp) no-repeat bottom right var(--white);
    background-size: 100%;
}

.testi-inner-slider {
    max-width: 1920px;
    margin: 40px auto 0 auto;
    position: relative;
    z-index: 9;
}

.inner-dark-section .main-heading {
    color: var(--white);
    position: relative;
    z-index: 1;
}

.testi-inner-slider .item {
    transform: scale(0.9);
    transition: all ease-in-out 0.5s;
    padding: 20px 0;
    opacity: 0.2;
}

.testi-inner-slider .item.slick-current {
    transform: scale(1.05);
    opacity: 1;
    transition: all ease-in-out 0.5s;
}

.client-info-left img {
    box-shadow: -14.94px 16.01px 60.4px 0px #00000033;
    border-radius: 20px;
    margin: 0 auto;
}

.client-info-box {
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
    padding: 28px 30px;
}

.client-info-box::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 95%;
    height: 100%;
    border: 2px double transparent;
    background-image: linear-gradient(86.23deg, #151817 9.19%, #181D1B 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 20px;
    background-size: 200% 200%;
    background-position: top right;
    transition: background-position 0.9s ease-in-out, border-color 0.9s ease-in-out;
}

.client-info-box:hover::after {
    background-image: linear-gradient(86.23deg, #151817 9.19%, #181D1B 95.28%), linear-gradient(to left bottom, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-position: bottom left;
}

.client-info-left {
    min-width: 330px;
    position: relative;
    z-index: 9;
}

.client-info-right {
    position: relative;
    z-index: 9;
}

.client-info-right h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
     
    color: var(--orange);
}

.client-info-right h4 {
    font-weight: 400;
    font-style: italic;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
}

.client-info-right h5 {
    font-weight: 400;
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 10px;
}

.client-info-right p {
    font-family: var(--poppins);
    line-height: 27.4px;
}

.client-desg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.client-social-link a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--orange);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px var(--orange) solid;
    transition: all ease-in-out 0.5s;
}

.client-social-link a:hover {
    background-color: var(--orange);
    color: var(--white);
    transition: all ease-in-out 0.5s;
}

.testi-inner-slider .slick-arrow {
    background-color: transparent;
    border: none;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 75px;
    height: 75px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.testi-inner-slider .slick-prev {
    background-image: url(images/arrow-1.svg);
    left: 110px;
}

.testi-inner-slider .slick-next {
    background-image: url(images/arrow-2.svg);
    right: 110px;
}

.apart-box-wrap {
    position: relative;
    margin-top: 85px;
}

.apart-icon {
    min-width: 109.87px;
    min-height: 109.87px;
    border-radius: 48.55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px double transparent;
    background-image: linear-gradient(86.23deg, rgb(21, 24, 23) 9.19%, rgb(24, 29, 27) 95.28%), linear-gradient(to right, rgba(73, 73, 76, 0) 63.89%, rgb(80, 81, 85) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: absolute;
    left: 30px;
    margin: 0px auto;
    top: -65px;
    z-index: 9;
    background-size: 200% 200%;
    background-position: top right;
    transition: background-position 0.5s ease-in-out, border-color 0.5s ease-in-out;
}

.apart-box-wrap:hover .apart-icon {
    background-image: linear-gradient(86.23deg, #151817 9.19%, #181D1B 95.28%), linear-gradient(to left bottom, rgba(73, 73, 76, 0) 63.89%, rgb(247, 114, 61) 92.09%);
    background-position: bottom left;
}

.apart-box {
    background-image: linear-gradient(86.23deg, #0D0D0D 9.19%, #0A0C0A 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    border: 2px double transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 20px;
    color: var(--white);
    font-family: var(--poppins);
    font-weight: 500;
    font-size: 22px;
    line-height: 33.48px;
    box-shadow: -14.94px 16.01px 60.4px 0px #00000033;
}
.apart-box-inner {
    padding: 62px 42px 40px 30px;
}
.apart-box h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: var(--orange);
    margin-bottom: 14px;
}
.apart-box ul {
    margin: 0;
}
.apart-box ul li {
    list-style-type: disc;
}
.journey-step-wrapper {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    position: relative;
}
.journey-step-item {
    max-width: 420px;
    position: relative;
}
.section-entered .journey-step-wrapper .journey-step-item::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 40%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgb(255, 95, 31);
    box-shadow: rgba(255, 95, 31, 0.08) 0px 0px 1px 1px;
    opacity: 0;
    animation: fade-in 0.5s forwards 1.5s, pulse-animation 1.8s ease-out infinite 1.5s;
}

.journey-step-item:nth-child(even) {
    margin-left: auto;
}

.section-entered .journey-step-wrapper .journey-step-item:nth-child(even)::before {
    left: -22px;
    right: auto;
}

.journey-step-item+.journey-step-item {
    margin-top: 10px;
}

.journey-step-item h3 {
    font-weight: 700;
    font-size: 96px;
    line-height: 42px;
     
    color: transparent;
    -webkit-text-stroke: 2px var(--orange);
    margin-bottom: 32px;
}

.journey-line1,
.journey-line3 {
    position: absolute;
    width: 325px;
    overflow: hidden;
    top: 123px;
    left: 391px;
    height: 1px;
    transform: rotate(26deg);
}
.journey-line3{
    transform: rotate(28deg);
    top: 415px;
}

.journey-line1::before,
.journey-line3::before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    /* Start at 0 width */
    left: 0;
    /* Start from the left */
    height: 1px;
    background: transparent;
    border: 2px dashed #4E5050;
}

.journey-line3::before {
    opacity: 0;
}

.section-entered .journey-step-wrapper .journey-line1::before {
    animation: journeyLineDraw 0.8s ease-in-out forwards;
    width: 325px;
    animation-delay: 0.5s;
}


@keyframes journeyLineDraw {
    from {
        width: 0;
    }

    to {
        width: 325px;
    }
}

.journey-line2 {
    position: absolute;
    width: 325px;
    overflow: hidden;
    top: 268px;
    right: 424px;
    height: 1px;
    transform: rotate(-26deg);
}

.journey-line2::before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    /* Start at 0 width */
    right: 0;
    /* Start from the right */
    height: 1px;
    opacity: 0;
    background: transparent;
    border: 2px dashed #4E5050;
}

.section-entered .journey-step-wrapper .journey-line2::before,
.section-entered .journey-step-wrapper .journey-line3::before {
    animation: journeyLineDraw2 0.8s ease-in-out forwards;
    width: 325px;
    animation-delay: 1.2s;
}

.section-entered .journey-step-wrapper .journey-line3::before {
    animation-delay: 2s;
}

@keyframes journeyLineDraw2 {
    from {
        width: 0;
        opacity: 0;
    }

    to {
        width: 325px;
        opacity: 1;
    }
}

.inner-success-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 65px;
}
.section-entered .inner-success-wrapper {
    animation: zoomed 1s ease-in-out forwards;
}
.section-entered .beyond-rpa-box-slider {
    animation: zoomed 1s ease-in-out forwards;
}
.inner-success-wrapper .item {
    position: relative;
    padding: 20px 35px 30px 20px;
    color: #333333;
}

.inner-success-wrapper .item h3 {
    font-size: 26px;
    line-height: 36px;
     
    margin-bottom: 10px;
    font-weight: 700;
    margin-top: 23px;
}

.inner-success-wrapper .item p {
    font-family: var(--poppins);
    font-size: 18px;
    line-height: 27.4px;
     
}

.inner-success-wrapper .item+.item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: url(images/line-2.webp) no-repeat left center;
}

.footer-up .main-heading h2 .line {
    display: block;
    transform: translateY(100%);
    animation: swiftUp 1s ease forwards;
}

.footer-up .main-heading h2 .line:nth-child(1) {
    display: block;
    transform: translateY(100%);
    animation: swiftUp 1s ease forwards;
}

.footer-up .main-heading h2 .line:nth-child(2) {
    animation-delay: 0.2s;
}

.footer-up .main-heading h2 .line:nth-child(3) {
    animation-delay: 0.3s;
}

.footer-up .main-heading p,
.footer-up .main-heading .ft-btns-group {
    animation: zoomIn 1.5s ease forwards;
    animation-delay: 1s;
}
.footer-up .main-heading p span{
    display: inline-block;
    color: var(--orange);
    font-weight: 700;
}
.footer-up .main-heading p br {
    display: none;
}
.footer-step {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    text-align: center;
    min-height: 60px;
    margin-bottom: 25px;
}

.footer-step .item {
    position: relative;
    width: 33.33%;
    padding: 0 10px;
}

.footer-step .item+.item::after {
    content: '';
    position: absolute;
    left: 0;
    top: -12px;
    width: 2px;
    height: 59px;
    background: url(images/line3.webp) no-repeat center;
}

/* .footer-step {
    opacity: 0;
} */
.big-center-btn-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-top: 40px;
    padding-bottom: 50px;
    position: relative;
    z-index: 9;
}
.big-center-btn-wrapper a{
    margin-top: 0 !important;
}

/*////////// .intelligence-motion.html start  /////////*/
.inner-main-heading ul{
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 18px 0 28px;
}
.inner-main-heading ul li{
    position: relative;
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    padding-left: 38px;
    text-align: left;
    width: 308px;
}
.inner-main-heading ul li::after{
    position: absolute;
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--orange);
    left: 0;
    top: 5px;
    animation: fade-in 0.5s forwards 1.5s, pulse-animation 1.8s ease-out infinite 1.5s;
}
.inner-main-heading h3{
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 20px;
    color: white;
}
.inner-main-heading h4{
    font-weight: 500;
    font-size: 27px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 20px;
    color: white;
}
.inner-apart-sec .inner-main-heading h3 {
    padding-top: 30px;
}
.inner-main-heading h3 span,.inner-main-heading h4 span{
    color: var(--orange);
}
.inner-footer-up .main-heading h2,
.footer-up .main-heading h2 {
    margin-bottom: 60px;
}
.article-wrapper .row>*{
    margin-bottom: 30px;
    display: none;
}
.article-box {
    border-radius: 20px;
    position: relative;
    box-shadow: -14.94px 16.01px 60.4px 0px #00000033;
    width: 100%;
    border: 2px double transparent;
    background-image:linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to bottom right, rgba(73, 73, 76, 0) 70.89%, rgb(255, 140, 94) 150.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    height: 100%;
}
.article-img{
    border-radius:20px 20px 0 0;
    overflow: hidden;
    margin-bottom: 27px;
}
.article-box-text{
    padding: 0 17px 25px 20px;
}
.article-box-text h4{
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    color: var(--white);
    margin-bottom: 23px;
    min-height: 65px;
}
.article-box-text h4 a{
    display: inline-block;
    color: var(--white);
    transition: all 0.2s ease-in-out;
}
.article-box-text h4:hover a{
    color: var(--orange);
}
.article-box-text p{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
}
.article-btn{
    font-family: var(--montserrat);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: var(--orange);
}
.article-wrapper {
    max-width: 1140px;
    margin: 0 auto;
}
.article-btn a{
    display: inline-block;
    color: var(--orange);
    transition: all 0.2s ease-in-out;
}
.article-img img{
    border-radius:20px 20px 0 0;
    width: 100%;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.article-box:hover .article-img img{
    transform: scale(1.04);
}
.article-btn a:hover{
    color: var(--white);
}
.article-btn a:hover i{
    margin-left: 13px;
}
.article-btn a i {
    font-size: 25px;
    font-weight: 400 !important;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: all 0.4s ease-in-out;
}
.article-tabs{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin: 30px 0;
    padding: 0;
}
.article-tabs li{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 24.59px;
    text-align: center;
    color: var(--black);
    border-radius: 48px;
}
.article-tabs li a{
    color: var(--black);
    border: double 2px transparent;
    background-image: linear-gradient(#151817 9.19%, #151817 95.28%), linear-gradient(to right, rgba(73, 73, 76, 0) 63.89%, #505155 99.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 48px;
    display: inline-block;
}
.article-tabs li a:hover{
    background: var(--orange);
}
.article-tabs li a span{
    min-width: 185px;
    width: 100%;
    padding: 10px 18px;
    display: inline-block;
    color: white;
}
.article-tabs li.active{
    background: var(--orange);
}
.article-tabs li.active a{
    background-image: none;
}
.article-wrapper .big-center-btn a.orange-btn{
    margin-top: 20px;
    min-width: unset;
    padding: 0 17px;
}
.motion-btn-box {
    position: relative;
    background: url(images/s-shape.svg) no-repeat center;
    background-size: contain;
    height: 100%;
}
.motion-btn-box a {
    position: relative;
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 15px;
    margin-top: 20px;
    font-family: var(--poppins);
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: var(--white);
    padding: 16px 22px;
    width: 90%;
    z-index: 1;
    pointer-events: none;
}
.motion-btn-box a::after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: double 1px transparent;
    background-image: linear-gradient(#151817 9.19%, #151817 95.28%), linear-gradient(to right, rgba(73, 73, 76, 0) 63.89%, #505155 99.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 30px;
    z-index: -1;
    transition: 0.3s all ease-in-out;
}
.motion-btn-box a:hover::after{
    background: var(--orange);
}
.motion-btn{
    text-align: center;
}
.motion-text p {
    font-family: var(--poppins) !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 0;
    max-width: 270px;
    margin: 0 auto;
    padding: 40px 0;
}
.inner-light-motion-section,.inner-light-motion-section .main-heading p, .inner-light-motion-section .inner-main-heading h2{
    color: #1E1E1E;
}
.inner-light-motion-section {
    border-radius: 20px;
    margin: 100px 0;
}
.inner-light-motion-section .row {
    padding: 0 80px;
    margin-top: 50px;
}
.inner-light-motion-section .main-heading{
    padding: 0 10px;
}
.desk-sub-text {
    border: 2px solid;
    border-image-source: linear-gradient(225.27deg, #FFFFFF 14.49%, #EEEEEE 84.86%);
    box-shadow: -7px 9px 40px 0px #00000026;
    background: linear-gradient(226.34deg, #EEEEEE 15.69%, #FFFFFF 86.75%);
    padding: 37px 23px 37px 33px;
    margin-bottom: 30px;
    border-radius: 20px;
}
.desk-sub-text h6{
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 20px;
}
.desk-sub-text h4{
    font-family: var(--poppins) !important;
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 20px;
}
.desk-sub-text p{
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 27px;
}
.desk-sub-text a{
    font-family: var(--montserrat) !important;
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    display: inline-block;   
    color: var(--orange); 
    transition: 0.3s all ease-in-out;
}
.desk-sub-text a svg{
    margin-left: 11px;
}
.desk-sub-text a svg path{
    transition: 0.3s all ease-in-out;
}
.desk-sub-text a:hover{
    color: var(--black);
}
.desk-sub-text a:hover svg path{
    fill: var(--black);
}
.desk-content .big-center-btn{
    justify-content: flex-start;
    gap: 30px;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
}
.desk-fetch-wrapper .desk-fetch-box  + .desk-fetch-box {
    margin-top: 30px;
}
.desk-fetch-box {
    background: linear-gradient(226.34deg, #EEEEEE 15.69%, #FFFFFF 86.75%);
    border: 2px solid;
    border-image-source: linear-gradient(225.27deg, #FFFFFF 14.49%, #EEEEEE 84.86%);
    box-shadow: -7px 9px 40px 0px #00000026;
    padding: 23px;
    padding-left: 33px;
    border-radius: 20px;
}
.desk-fetch-box h4{
    font-weight: 700;
    font-size: 26px;
    line-height: 46px;
    margin-bottom: 7px;
}
.desk-fetch-box p{
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px !important;
}
.desk-owner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.desk-fetch-box .desk-owner p {
    margin-bottom: 0 !important;
    margin-right: 20px;
}
.desk-owner a svg path{
    transition: all 0.3s ease-in-out;
}
.desk-owner a:hover svg path{
    fill: var(--black);
}

/* ////////////////////////////////// */
.filter-popup-form .input-wrapper{
    position: relative;
}
.filter-popup-form {
    border-radius: 20px;
    padding: 25px 80px;
    background: linear-gradient(86.23deg, #151817 9.19%, #181D1B 95.28%);
    border: 1px solid;
    border-image-source: linear-gradient(60.61deg, rgba(73, 73, 76, 0) 63.89%, #505155 92.09%);
    box-shadow: -7px 9px 40px 0px #00000026;
    color: white;
    margin-bottom: 40px;
}
.drp-down-input{
    background-image: url(images/drp-down.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 20px top 23px !important;
    box-shadow: 0px 0px 10px 0px #00000080 inset;
    background-color: #151817;
    border-radius: 20px;
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #A3A3A3;
    padding: 13px 20px;
    padding-right: 40px;
    border: none !important;
    outline: none;
    max-width: 202px;
}
.drp-down-input::placeholder{
    color: #A3A3A3 !important;
    opacity: 1;
}
.filter-popup-form label{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
    margin-right: 20px;
}
.check-drp-down ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.check-drp-down ul li {
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    padding: 5px 15px 7px;
}
.check-drp-down ul li:hover{
    color: var(--black);
    background: white;
}
.check-drp-down ul li + li{
    border-top: 1px solid #fff;
}
.drp-down-input.open {
    background-image: url(images/close-icon.svg) !important;
    background-position: right 20px top 20px !important;
}
.check-drp-down{
    /* padding: 14px 16px 18px; */
    background: var(--orange);
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 20px 0px #0000001A;
    border-radius: 8px;
    display: none;
    position: absolute;
    z-index: 99;
    min-width: 305px;
    width: 100%;
    height: auto;
    overflow-y: auto;
    scrollbar-width: thin;
}
.article-box-text ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 22px;
    gap: 10px;
}
.article-box-text ul li{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: var(--orange);
    padding-right: 20px;
}
.article-box-text ul li + li{
    padding-left: 20px;
    border-left: 1px solid var(--orange);
}
/*////////// .intelligence-motion.html end  /////////*/

/*////////// .ecosystem.html start  /////////*/
.collaborate-box-mini{
    padding: 20px 45px;
    border-radius: 17px;
    background: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 165px;
    width: 100%;
    position: relative;
    min-height: 123px;
}
.collaborate-wrapper {
    padding-top: 15px;
    max-width: 1140px;
    margin: 0 auto;
}
.collaborate-main-box {
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    margin-left: 63px;
    margin-top: -90px;
    backdrop-filter: blur(3px);
    padding: 45px 35px 40px 50px;
}
.collaborate-box-mini svg {
    position: relative;
    z-index: 2;
}
.collaborate-text ul {
    padding: 0;
}
.collaborate-text ul li,.vision-sec-text ul li{
    position: relative;
    padding-left: 27px;
    font-family: var(--poppins);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 27px;
}
.collaborate-text ul li::after,.vision-sec-text ul li::after{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--orange);
    position: absolute;
    left: 0;
    top: 6px;
    box-shadow: 0 0 15px #ff5f1f;
    animation: 0.5s ease 2s 1 normal forwards running fade-in, 1.8s ease-out 2s infinite normal none running pulse-animation;
}
.collaborate-text h4{
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    color: var(--white);
    margin-bottom: 20px;
}
.collaborate-text h4 span{
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    display: inline-block;
}
.inner-dark-benefit .inner-main-heading {
    margin-bottom: 40px;
}
.collaborate-bottom-title{
    text-align: center;
}
.collaborate-bottom-title h3{
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    margin-bottom: 30px;
}
.collaborate-bottom-title p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    max-width: 1120px;
    margin: 0 auto;
}
.collaborate-bottom-title .big-center-btn .orange-btn{
    margin-top: 30px;
}
.inner-light-section.ubix-interconnect .inner-main-heading h3,.inner-dark-benefit .inner-main-heading h3{
    color: #1E1E1E;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
}
.inner-dark-benefit .inner-main-heading h3{
    color: var(--white);
    margin-bottom: 0;
}
/* /////////// */
.transact-box {
    background-size: cover;
    padding: 60px 75px 40px 75px;
    background-repeat: no-repeat;
    background-position: bottom;
    border-radius: 20px 20px 0 0;
    height: 100%;
    position: relative;
}
.transact-wrapper>*:nth-child(3) .transact-box,.transact-wrapper>*:nth-child(4) .transact-box{
    background-position: top;
    border-radius: 0 0 20px 20px;
}
.transact-box-text h4{
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 20px;
    color: var(--white);
}
.transact-box-icon {
    margin-bottom: 30px;
}
.transact-wrapper {
    margin-top: 40px;
}
.transact-box-text p{
    font-family: var(--poppins) !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
}
.transact-wrapper>*{
    margin-bottom: 30px;
}
.transact-wrapper + .sp-line {
    padding-top: 10px;
    opacity: 1 !important;
    transform: translate(0) !important;
}
.foundation-text ul {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}
.foundation-text ul li {
    font-weight: 400;
    color: var(--white);
    position: relative;
    padding-left: 25px;
    font-size: 22px;
    line-height: 152%;
}
.foundation-text ul li + li{
    margin-top: 30px;
}
.foundation-text ul li::after {
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    width: 11px;
    height: 11px;
    background: var(--orange);
    border-radius: 50%;
    box-shadow: 0 0 15px #ff5f1f;
    animation: 0.5s ease 2s 1 normal forwards running fade-in, 1.8s ease-out 2s infinite normal none running pulse-animation;
}
.foundation-text ul li b {
    font-weight: 700 !important;
}
.foundation-sec{
    padding-bottom: 20px;
}
.foundation-sec .row{
    margin: 30px 0;
    align-items: center;
}
.foundation-sec .row + .main-heading{
    opacity: 1 !important;
    transform: translate(0) !important;
}
.moon-box-upper .moon-box-upper-text {
    position: relative;
    width: 258px;
    height: 258px;
    border-radius: 50%;
    background: linear-gradient(226.34deg, #EEEEEE 15.69%, #FFFFFF 86.75%);
    border: 1px solid;
    border-image-source: linear-gradient(225.27deg, #FFFFFF 14.49%, #EEEEEE 84.86%);
    box-shadow: -7px 9px 80px 0px #0000004D;
    padding: 50px 25px 55px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
    z-index: 5;
}
.moon-box-upper {
    position: relative;
    margin: 80px 0;
}
.moon-box-upper:after {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 380px;
    height: 200px;
    content: "";
    background: url(images/half-moon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: unset;
    z-index: 1;
}
.moon-box-upper span{
    display: block;
    font-family: var(--poppins);
    font-weight: 700;
    font-size: 82px;
    line-height: 46px;
    color: transparent;
    -webkit-text-stroke: 2px var(--orange);
}
.moon-box-upper h6{
    font-family: var(--montserrat) !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 152%;
    text-align: center;
    color: var(--black);
}
.moon-box-text p {
    text-align: center;
    font-weight: 400;
    font-size: 22px;
    line-height: 152%;
    color: var(--black);
    max-width: 360px;
    margin: 0 auto 20px;
}
.half-moon-wrapper>*:nth-child(even) .moon-box-upper::after {
    transform: translate(-50%, 0) rotate(180deg);
    bottom: auto;
    top: -60px;
}
.half-moon-wrapper>* {
    padding: 0;
}
.half-moon-wrapper {
    max-width: 1140px;
    margin: 0 auto !important;
}
.eco-ben-wrapper{
    padding-top: 30px;
}
.eco-ben-wrapper>*{
    margin-bottom: 30px;
}
.eco-ben-box{
    height: 100%;
    background: linear-gradient(86.23deg, #151817 9.19%, #181D1B 95.28%);
    border-radius: 20px;
    padding: 20px 20px 25px 20px;
}
.eco-ben-title h4{
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 0;
    color: var(--white);
    position: relative;
    z-index: 2;
    max-width: 450px;
}
.eco-ben-title{
    position: relative;
    padding: 25px 38px 25px 30px;
    border-radius: 20px;
    margin-bottom: 30px;
}
.eco-ben-text{
    padding: 43px 30px 43px 20px;
    position: relative;
    border-radius: 20px;
}
.eco-ben-title:after,.eco-ben-text::after,.network-box:after{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border: 1px double transparent;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 20px;
    overflow: hidden;
    background-size: 200% 200%;
    background-position: top right;
    width: 100%;
    height: 100%;
    z-index: 1;
    /* transition: background-position 0.9s ease-in-out, border-color 0.9s ease-in-out; */
}
.network-box>*{
    position: relative;
    z-index: 2;
}
.eco-ben-text ul{
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}
.eco-ben-text ul li{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: var(--white);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}
.eco-ben-text ul li + li{
    margin-top: 20px;
}
.eco-ben-wrapper + .big-center-btn a.orange-btn{
    margin-top: 10px !important;
}
.eco-ben-icon svg{
    max-width: 36px;
}
.network-wrapper {
    padding-top: 30px;
    max-width: 1140px;
    margin: 0 auto !important;
}
.network-box{
    position: relative;
    padding: 35px 30px 25px 30px;
    height: 100%;
    color: var(--white);
}
.network-box h4{
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 20px;
    max-width: 447px;
}
.network-box p{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.network-box ul{
    padding: 0;
    margin: 0;
}
.eco-ben-text ul{
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}
.network-box ul li{
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: var(--white);
    position: relative;
    padding-left: 25px;
}
.network-box ul li + li{
    margin-top: 20px;
}
.network-box ul li::after {
    position: absolute;
    left: 0;
    top: 6px;
    content: "";
    width: 11px;
    height: 11px;
    background: var(--orange);
    border-radius: 50%;
    box-shadow: 0 0 15px #ff5f1f;
    animation: 0.5s ease 2s 1 normal forwards running fade-in, 1.8s ease-out 2s infinite normal none running pulse-animation;
}
.network-wrapper>*{
    margin-bottom: 30px;
}
.network-wrapper + .big-center-btn a{
    margin-top: 0 !important;
}
/* ////////// */
.ubix-interconnect-main {
    max-width: 950px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
}
.ubix-interconnect-box-wrapper {
    position: relative;
}
.ubix-interconnect-box-wrapper + .ubix-interconnect-box-wrapper{
    margin-top: 100px;
}
.ubix-interconnect-main .ubix-interconnect-box-wrapper:nth-child(even) .ubix-interconnect-box:nth-child(1){
    margin-left: auto;
    justify-content: flex-end;
    padding-left: 0;
}
.ubix-interconnect-main .ubix-interconnect-box-wrapper:nth-child(even) .ubix-interconnect-box:nth-child(1) .interconnect-wrap{
    padding-right: 70px;
}
.ubix-interconnect-main .ubix-interconnect-box-wrapper:nth-child(even) .ubix-interconnect-box:nth-child(2){
    right: auto;
    left: 0;
}
.ubix-interconnect-box-wrapper .ubix-interconnect-box{
    max-width: 750px;
    width: 100%;
    border-radius: 500px;
    position: relative;
}
.ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(1){
    z-index: 1;
    min-height: 200px;
    display: flex;
    align-items: center;
    border: 1px double transparent;
    background-image: linear-gradient(86.23deg, rgb(230, 229, 229) 9.19%, rgba(230, 230, 230, 1) 100%), linear-gradient(to left top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    overflow: hidden;
    background-position: top right;
}
.ubix-interconnect-main .ubix-interconnect-box-wrapper:nth-child(even) .ubix-interconnect-box:nth-child(1){
    background-image: linear-gradient(86.23deg, rgb(230, 229, 229) 9.19%, rgba(230, 230, 230, 1) 100%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
}
.ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(1) .interconnect-wrap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 70px;
}
.ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(2) .ubix-interconnect-img{
    display: none;
}
.ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(2) {
    z-index: 3;
    box-shadow: -9px 9px 50px 0px #FF5F1F4D;
    background: linear-gradient(82.96deg, #151817 10.21%, #181D1B 96.37%);
    position: absolute;
    right: 0;
    top: -50px;
    border: 1px double transparent;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    overflow: hidden;
    background-position: top right;
}
.ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(2) .interconnect-wrap{
    padding: 49px 58px 49px 40px;
}
.ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(2) .interconnect-wrap{
    display: flex;
    align-items: center;
    gap: 23px;
    justify-content: flex-start;
}
.ubix-interconnect-box-wrapper .ubix-interconnect-box .interconnect-number span{
    font-family: var(--poppins);
    font-weight: 700;
    font-size: 82px;
    line-height: 46px;
    color: transparent;
    -webkit-text-stroke: 1px #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ubix-interconnect-box-wrapper .ubix-interconnect-box .interconnect-text h5{
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: var(--orange);    
    margin-bottom: 11px;
}
.ubix-interconnect-box-wrapper .ubix-interconnect-box .interconnect-text p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
    color: var(--white);
}
.bnf-box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 43px 11px;
    gap: 12px;
}
.bnf-box-holder{
    height: 100%;
    border: 1px double transparent;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-position: top right;
}
.bnf-text h4{
    font-weight: 500;
    font-size: 32px;
    line-height: 63px;
    color: var(--white);
    margin-bottom: 12px;
}
.bnf-text p{
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: var(--white);
    margin-bottom: 0;
}
.bnf-wrapper .row>*{
    margin-bottom: 30px;
}
.bnf-wrapper {
    max-width: 1145px;
    margin: 0 auto;
}
.bnf-wrapper .big-center-btn.text-center {
    gap: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 100px;
    position: relative;
    z-index: 9;
}
.bnf-wrapper .big-center-btn.text-center>* {
    margin-top: 10px;
}
.bnf-wrapper .big-center-btn.text-center .dark-btn {
    border: double 2px transparent;
    background-image: linear-gradient(#151817 9.19%, #151817 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, #505155 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 48px;
}
.perks-sec-box-wrapper .perks-box:nth-child(2),.perks-sec-box-wrapper .perks-box:nth-child(3){
    margin-top: 80px;
}
.perks-box{
    text-align: center;
    position: relative;
    z-index: 3;
}
.perks-box .apart-icon {
    position: relative;
    left: auto;
    margin: 0px auto 20px;
    top: 0;
}
.perks-box h5{
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    color: var(--orange);  
    max-width: 265px;
    margin: 0 auto;
    margin-bottom: 20px;  
}
.perks-box p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: var(--white);
    max-width: 264px;
    margin: 0 auto;
}
.perks-sec .inner-main-heading{
    position: relative;
    z-index: 3;
}
.perks-sec-box-wrapper{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-top: 80px;
    gap: 30px;
}
.perks-sec-box-wrapper::after {
    content: "";
    width: 100%;
    height: 465px;
    position: absolute;
    left: 50%;
    top: -300px;
    transform: translate(-50%, 0%);
    background: url(images/early-access-curves.webp) no-repeat center;
    background-size: cover;
    z-index: 1;
}
.perks-line{
    position: relative;
}
.perks-line::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 0;
    background: transparent;
    border: 1px dashed var(--orange);
}
.perks-sec-box-wrapper .perks-box:nth-child(1) .perks-line:before{
    height: 400px;
    left: auto;
    right: -115px;
    bottom: -210px;
    transform: rotate(80deg);
}
.perks-sec-box-wrapper .perks-box:nth-child(2) .perks-line:before{
    height: 160px;
    left: auto;
    right: 40px;
    transform: rotate(45deg);
    bottom: -32px;
}
.perks-sec-box-wrapper .perks-box:nth-child(3) .perks-line:before{
    height: 160px;
    left: 40px;
    right: auto;
    transform: rotate(-45deg);
    bottom: -32px;
}
.perks-sec-box-wrapper .perks-box:nth-child(4) .perks-line:before{
    height: 400px;
    left: -115px;
    right: auto;
    bottom: -210px;
    transform: rotate(-80deg);
}
.work-box .work-box-num span {
    font-family: var(--poppins);
    font-weight: 600;
    font-size: 150px;
    line-height: 150px;
    display: inline-block;
    color: transparent;
    -webkit-text-stroke: 2px var(--orange);
    width: 100%;
    text-align: left;
}
.work-box h5{
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    color: var(--white);    
    margin-bottom: 12px;
}
.work-box p{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: var(--white);
    margin-bottom: 0;
}
.work-sec {
    max-width: 1140px;
    margin: 50px auto !important;
    position: relative;
}
.arw-1{
    position: absolute;
    left: 215px;
    bottom: -105px;
    width: auto !important;
}
.arw-2{
    position: absolute;
    width: auto !important;
    right: 275px;
    top: -141px;
}
.big-center-btn-wrapper a.orange-btn{
    box-shadow: 0px 0px 37.7px 0px #FF5F1F7D !important;
}
.work-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    background: #ff000045;
    padding: 10px 20px;
    margin-bottom: 30px;
    background: var(--black);
    border-radius: 20px;
    max-width: 835px;
    margin-right: auto;
    min-height: 185px;
    box-shadow: -14.94px 16.01px 60.4px 0px #00000033;
}
.work-box-num {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
}
.work-sec .work-box:nth-child(even) .work-box-num {
    left: auto;
    right: 0;
}
.vision-sec .row{
    align-items: flex-start;
}
.vision-sec .inner-main-heading,.vision-sec .inner-main-heading h3{
    text-align: left !important;
}
.vision-sec-text p{
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: var(--white);  
    margin-bottom: 30px;  
}
.vision-sec-text h5{
    font-family: var(--montserrat);
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    color: var(--white);  
    margin-bottom: 20px;
}
.vision-sec-text ul{
    padding: 0;
}
.vision-sec-text ul li{
    font-weight: 400;
    margin-bottom: 25px;
    max-width: 560px;
}
.vision-sec {
    max-width: 1140px;
    margin: 0 auto 50px;
}
.vision-sec .inner-main-heading h3{
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 0;
}
.ceo-cmnt{
    position: relative;
    max-width: 1110px;
    margin: 0 auto;
    background: linear-gradient(86.23deg, #151817 9.19%, #181D1B 95.28%);
    border-radius: 20px;
    border: 1px double transparent;
    background-image: linear-gradient(86.23deg, #151817 9.19%, #181D1B 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative;
    border-radius: 20px;
    background-position: top right;
    margin-top: 60px;
}
.ceo-cmnt-text{
    padding-left: 10px;
}
.ceo-cmnt-img img{
    width: 100%;
    border-radius: 20px;
}
.ceo-cmnt-text p{
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 17px;    
    color: var(--white);
}
.ceo-cmnt-text .big-center-btn {
    justify-content: flex-start;
    padding-top: 20px;
    margin-top: 0;
}
.ceo-cmnt-text p:last-child{
    margin-bottom: 0;
}
.ceo-holder{
    padding: 42px 57px 41px 47px;
}
.ceo-holder .row{
    align-items: center;
}
.ceo-cmnt-img {
    position: relative;
    margin-top: -70px;
}
/*////////// .ecosystem.html end  /////////*/

/*/////// shaping industries html start  //////////*/
.slick-nav-title-heading{
    max-width: 1350px;
    margin: 100px auto 40px;
    position: relative;
}

.slick-nav-title-heading .item {
    padding-right: 5px;
}

.slick-nav-title-heading .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    border: none;
    background: transparent;
    color: var(--orange);
    font-size: 30px;
}
.slick-nav-title-heading .slick-prev{
    left: 15px;
}
.slick-nav-title-heading .slick-next{
    right: 15px;
}
.shape-box{
    position: relative;
    text-align: right;
    padding-right: 17px;
    min-height: 180px;
}
.shape-box::after{
    content: "";
    width: 9px;
    height: 100px;
    background: #3A3535;
    position: absolute;
    right: 0;
    top: 0;
}
.shape-box::before{
    content: "";
    width: 2px;
    height: 100%;
    background: #3A3535;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(180deg, #D9D9D9 0%, #555555 100%);
}
.shape-box span{
    color: transparent;
    -webkit-text-stroke: 1px #696969;
    font-family: var(--poppins);
    font-weight: 700;
    font-size: 82px;
    line-height: 76px;
    margin-bottom: 10px;
    display: block;
}
.slick-nav-title-heading .item:nth-child(even) .shape-box{
    margin-top: 45px;
    margin-left: 10px;
}
.shape-box p{
    font-family: var(--poppins);
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    text-align: right;
    color: #CCCCCC;
    margin-bottom: 0;
    word-break: break-word;
}
.inner-success-wrapper .item+.item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: url(images/line-2.webp) no-repeat left center;
}
.bx_info_head{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}
.bx_info_head_img span{
    font-family: var(--poppins);
    font-weight: 700;
    font-size: 82px;
    line-height: 92px;
    color: transparent;
    -webkit-text-stroke: 1px #CCCCCC;
}
.bx_info_head_text h4{
    font-weight: 700;
    font-size: 32px;
    line-height: 46px;
    color: white;
}
.bright-title{
    margin: 15px 0;
}
.bright-title h3,.bright-title h4{
    font-weight: 700;
    font-size: 22px;
    line-height: 40px;
    color: var(--orange);
    margin-bottom: 0;
}
.bright-box h5{
    font-family: var(--montserrat);
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    color: var(--white);
    margin-bottom: 25px;
}
.bright-box p{
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: var(--white);
    margin-bottom: 15px;
}
.bright-title-table{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 900px;
    margin-right: auto;
}
.bright-box{
    position: relative;
    padding-right: 14px;
}
.bright-title-table .bright-box + .bright-box{
    padding-left: 14px;
    padding-right: 14px;
}
.bright-title-table .bright-box:last-child{
    padding-right: 0;
}
.bright-title-table .bright-box + .bright-box::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0%;
    transform: translate(0,0%);
    height: 175px;
    width: 2px;
    background: url(images/frg-separetor.webp) no-repeat center;
    background-size: contain;
}
.bx_info_head_text h4 span{
    color: var(--orange);
    display: inline-block;
}
.shape-box-info ul{
    padding: 0;
    margin-bottom: 20px;
}
.shape-box-info ul li{
    position: relative;
    font-family: var(--montserrat);
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 16px;
    padding-left: 63px;
    max-width: 900px;
}
.shape-box-info ul li:last-child{
    margin-bottom: 0;
}
.shape-box-info ul li::after{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 39px;
    height: 35px;
    background: url(images/arrow-shape.svg) no-repeat center;
    background-size: contain;
}
.shape-box-info p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 27.4px;
    color: var(--white);
    margin-bottom: 15px;
}
.shape-box-info .big-center-btn {
    display: none;
}
.shape-box-info-wrapper,.shape-box-info{
    position: relative;
}
.shape-box-info {
    z-index: 2;
    padding: 55px 120px 40px 70px;
}
.slick-nav-title-heading-for {
    background-repeat: no-repeat;
    background-position: center top;
    /* background-size: cover; */
    max-width: 1145px;
    margin: 0 auto;
    min-height: 1038px;
}
.shape-box-icon-img {
    position: absolute;
    right: 25px;
    top: 45px;
    z-index: 5;
}
.slick-current .shape-box::after {
    background: var(--orange);
    content: "";
    width: 9px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    animation: height-fill 1s ease-in-out forwards;
    transition: all 0.3s ease-in-out;
}
/*///////// shaping industries html end  /////////////////*/


/*///////// reimagining-operations html start  /////////////////*/
.business_ind_wrapper{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}
.section-entered .business_ind_wrapper {
    animation: zoomed 1s ease-in-out forwards;
}
.inner-light-section .business_ind_wrapper + .big-center-btn{
    padding-bottom: 0 !important;
}
.business_ind_wrapper::after{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    content: "";
    background: url(images/vertical-large-line.png) no-repeat center;
    width: 100%;
    height: 2px;
}
.business_ind{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.business_ind::before,.business_ind::after{
    position: absolute;
    top: 0;
    height: 100%;
    width: 2px;
    content: "";
    background: url(images/large-lines.png) no-repeat center;
    background-size: contain;
}
.business_ind::before{
    right: 33.33%;
}
.business_ind::after{
    left: 33.33%;
}
.business_ind>*{
    width: 33.33%;
    position: relative;
    z-index: 2;
    padding: 16px;
    min-height: 280px;
}
.business_ind_box_img{
    text-align: left;
    margin-bottom: 23px;
}
.business_ind_box_text h4{
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    color: #333333;
    margin-bottom: 10px;
    word-break: break-word;
}
.business_ind_box_text ul{
    padding: 0;
    margin: 0;
}
.business_ind_box_text p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 27.4px;
    color: #333333;
    margin-bottom: 0;
}
/*-----------easy reponsive Vertical tabs start-----------*/

.verticalTab-holder ul.resp-tabs-list {
  margin: 0px;
  padding: 0px;
  color: white;
}
.verticalTab-holder {
  max-width: 1140px;
  margin: 0 auto;
  border: 1px double transparent;
  background-image: linear-gradient(86.23deg, rgb(0 0 0) 9.19%, rgb(0 0 0) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  position: relative;
  overflow: hidden;
  border-radius: 35px;
  background-position: top right;
}
.verticalTab-holder .resp-vtabs li.resp-tab-active {
  border-right: none;
  position: relative;
  z-index: 1;
  margin-bottom: 5px !important;
  border-radius: 35px 0 0 35px !important;
}
.verticalTab-holder .resp-vtabs .resp-tabs-list li {
  display: block;
  margin: 0;
  cursor: pointer;
  float: none;
  background-color: #111111;
  border-radius: 35px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  margin-bottom: 5px;
}
.verticalTab-holder .resp-vtabs .resp-tabs-list li h5,.resp-tabs-box h5{  
    font-weight: 600;
    font-size: 21px;
    line-height: 34px;
    color: #CCCCCC;
    margin-bottom: 0;
    transition: all 0.4s ease-in-out;
}
.verticalTab-holder .resp-vtabs li.resp-tab-active h5{
  color:var(--orange);
}
.verticalTab-holder .resp-tabs-box{
  max-width: 376px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 20px;
  width: 100%;
  padding: 42px 18px !important;
}
.verticalTab-holder .resp-vtabs li.resp-tab-active .resp-tabs-box::after{
  position: absolute;
  right: -7px;
  top: 0;
  width: 10px;
  height: 100%;
  content: "";
  background-color: #111111;
  z-index: 1;
}
.verticalTab-holder .resp-tab-active {
  border-bottom: none;
}
div#verticalTab {
  display: flex !important;
  gap: 6px;
}
.verticalTab-holder .resp-vtabs ul.resp-tabs-list {
  min-width: 341px;
  max-width: 341px;
  width: 100%;
  background: black;
}
.verticalTab-holder .resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #121212;
  flex-grow: 1;
  min-height: 250px;
  border-radius: 0px;
  clear: none;
  padding: 40px 23px 70px 45px;
}
.verticalTab-holder .resp-tabs-info ul li::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 39px;
  height: 35px;
  background: url(images/arrow-shape.svg) no-repeat center;
  background-size: contain;
}
.verticalTab-holder .resp-tabs-info h3{
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 7px;
}
.verticalTab-holder .resp-tabs-info ul li{
  font-family: var(--montserrat);
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  position: relative;
  color: white;
  margin-bottom: 5px;
  padding-left: 63px;
}
.verticalTab-holder .resp-tabs-info ul li b{
  font-weight: 700;
  display: inline-block;
}
.verticalTab-holder .resp-tabs-info p{
  font-family: var(--poppins);
  font-weight: 400;
  font-size: 18px;
  line-height: 27.4px;
  color: white;
  margin-bottom: 15px;
}
.verticalTab-holder .resp-tabs-info ul {
  padding: 0;
  margin-bottom: 20px;
}
.verticalTab-holder .resp-tabs-info ul li:last-child {
  margin-bottom: 0;
}
.verticalTab-holder .resp-tabs-info .big-center-btn{
  justify-content: flex-start;
  padding-bottom: 0;
}
.verticalTab-holder .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
}


/* debalina css vertical tab responsive start */
.verticalTab-holder h2.resp-accordion {
    padding: 0 !important;
    margin-bottom: 10px !important;
}

.verticalTab-holder h2.resp-accordion {
  cursor: pointer;
  border-radius: 18px;
  /* display: none; */
}

.verticalTab-holder .resp-tabs-box {
    max-width: 100%;
    padding: 15px 40px 15px 15px !important;
    align-items: center;
}

.resp-tabs-box-img svg {
    width: 35px;
}

.verticalTab-holder .resp-vtabs .resp-tabs-container {
    padding: 40px 20px;
}

.verticalTab-holder .resp-tab-content {
    padding: 20px 0 !important;
}
/* debalina css vertical tab responsive end */
.verticalTab-holder .resp-tab-content {
  display: none;
}
.verticalTab-holder .resp-tab-active {
  border-bottom: none;
  background-color: #fff;
}
.verticalTab-holder .resp-content-active,.resp-accordion-active {
   display: block; 
}
.verticalTab-holder .resp-tab-content {
   border: 1px solid #c1c1c1; 
}
.verticalTab-holder h2.resp-accordion {
  font-size: 13px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px;
}
.verticalTab-holder .resp-tab-content-active { 
  display: block; 
}
.verticalTab-holder .resp-vtabs .resp-tab-content { 
  border: none; 
}

@media (min-width: 767.98px) {
    .verticalTab-holder h2.resp-accordion {
        display: none;
    }  
}



/*-----------easy reponsive Vertical tabs end-----------*/

/*///////// reimagining-operations html end  /////////////////*/

/*/////////////////////////////////// result-in-action html start  ////////////////////////////////*/

/*-----------easy reponsive horizontalTab  start-----------*/
#horizontalTab {
    width: 100%;
    max-width: 1140px;
    margin: 0px auto;
}
.resp-tabs-links {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0;
    position: relative;
    margin-bottom: -2px;
    gap: 5px;
    overflow-x: auto;
    max-width: 97%;
}

.resp-tabs-links .tab-link {
    cursor: pointer;
    font-family: var(--poppins);
    padding: 13px 20px;
    font-weight: 700;
    font-size:23px;
    line-height: 32px;
    text-align: center;
    white-space: nowrap;
    color: #3E3E3E;
    transition: all 0.4s ease-in-out;
}
.resp-tabs-links::-webkit-scrollbar {
    height: 10px;  
}
.resp-tabs-links::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #ccc;
    padding: 3px;
}
.resp-tabs-links::-webkit-scrollbar-thumb {
    background: var(--orange); 
    border-radius: 10px;
    border: 3px solid #ccc;
}
.resp-tabs-links .tab-link.active,
.resp-tabs-links .tab-link:hover {
    color: var(--orange);
    border-radius: 20px 20px 0 0;
    background-color: #111111;
}

.resp-tabs-holder {
    border-radius: 8px;
    border: 1px double transparent;
    background-image: linear-gradient(86.23deg, rgb(0 0 0) 9.19%, rgb(0 0 0) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    border-top-left-radius: 0;
    background-position: top right;
}
.tab-content {
    display: none;
}
.tab-content-info{
    padding: 45px 42px 70px;
    background-color: #111111;
}
.tab-content p{
    color: white;
}
.tab-content.active {
    display: block;
}
.tab-content-info-title{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 33px;
    position: relative;
    margin-bottom: 30px;
}
.tab-content-info-title::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:2px;
    background: url(images/story-line.png) no-repeat center;
    background-size: contain;
}
.tab-content-info h4{
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
    color: var(--white);
    margin-bottom: 10px;
}
.tab-content-info p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 27.4px;
    color: var(--white);
    margin-bottom: 20px;
}
.tab-content-info ul{
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
.tab-content-info ul li,.business_ind_box_text ul li{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 27.4px;
    color: var(--white);
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px; 
}
.business_ind_box_text ul li{
    color: #040404;
}
.tab-content-info ul li::after,.business_ind_box_text ul li::after{
    position: absolute;
    left: 0;
    top: 6px;
    content: "";
    width: 11px;
    height: 11px;
    background: var(--orange);
    border-radius: 50%;
    box-shadow: 0 0 15px #ff5f1f;
    animation: 0.5s ease 2s 1 normal forwards running fade-in, 1.8s ease-out 2s infinite normal none running pulse-animation;
}
.tab-content-info ul li:last-child,.business_ind_box_text ul li:last-child{
    margin-bottom: 0;
}
.tab-content-info blockquote{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 27.4px;
    color: var(--white);
    margin-bottom: 15px;
    position: relative;
}
.tab-content-info .big-center-btn-wrapper {
    margin-top: 40px;
    justify-content: flex-start;
    padding-bottom: 0;
}
.tab-content-info blockquote span{
    display: block;
    color: var(--orange);
    margin-top: 7px;
}
.tab-content-info-title h3{
    font-weight: 700;
    font-size: 48px;
    line-height: 62px;
    color: var(--orange);
    margin-bottom: 0;
    max-width: 720px;
    margin-right: auto;
}

/*-----------easy reponsive horizontalTab  end-----------*/
.transformation-box{
    padding: 52px 47px 50px 40px;
    box-shadow: -14.94px 16.01px 60.4px 0px #00000033;
    background: #0C0C0C;
    border-radius: 20px;
    position: relative;
    text-align: left;
    height: 100%;
    border: 1px solid #2A2625;
    transition: all 0.4s ease-in-out;
}
.page-id-446 .transformation-box{
    text-align: center;
}
.page-id-446 .transformation-box p b{
    color: var(--orange);
}
.transformation-box>*{
    z-index: 2;
    position: relative;
}
.transformation-box::after{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    border: 1px double transparent;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 20px;
    background-position: top right;
    z-index: 1;
    display: none;
    transition: all 0.4s ease-in-out;
}
.transformation-box::before{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    border-radius: 20px;
    width: 100%;
    z-index: 2;
    display: none;
    background: linear-gradient(246.34deg, rgba(255, 95, 31, 0.152) 3.56%, rgba(10, 12, 10, 0) 90.06%) !important;
    transition: all 0.4s ease-in-out;
}
.transformation-box:hover::after,.transformation-box:hover::before{
    display: block;
}
.transformation-box h4{
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 20px;
    max-width: 415px;
    margin-right: auto;
}

body.page-id-446 .transformation-box h4 {
    max-width: unset;
}

.transformation-box p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}
.transformation-box-wrap {
    padding: 20px 0 80px;
}
.transformation-box-wrap>*{
    margin-bottom: 20px;
}
.tab-content-info-img svg {
    width: 100%;
}
/*///////// result-in-action html end  /////////////////*/

/*///////// ubix-journey html start  /////////////////*/
.settle-box{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.settle-info h3,.bright-title h3{
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: var(--white);  
    margin-bottom: 18px;
    max-width: 415px;
    margin-right: auto;
}
.bright-title h3{
    color: var(--orange);
}
.settle-info p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}
.settle-info ul{
    padding: 0;
    margin-bottom: 15px;
}
.settle-info ul li{
    padding-left: 27px;
    margin-bottom: 25px;
    position: relative;
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: var(--white);
}
.settle-info ul li:last-child{
    margin-bottom: 0;
}
.settle-info ul li:after{
    content: "";
    position: absolute;
    left: 0px;
    top:6px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: rgb(255, 95, 31);
    box-shadow: rgba(255, 95, 31, 0.08) 0px 0px 1px 1px;
    opacity: 0;
    animation: fade-in 0.5s forwards 1.5s, pulse-animation 1.8s ease-out infinite 1.5s;
}
.settle-box .apart-icon {
    min-width: 109.87px;
    min-height: 109.87px; 
    border-radius: 48.55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px double transparent;
    background-image: linear-gradient(86.23deg, rgb(21, 24, 23) 9.19%, rgb(24, 29, 27) 95.28%), linear-gradient(to right, rgba(73, 73, 76, 0) 63.89%, rgb(80, 81, 85) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative;
    left: 0;
    margin: 0px auto;
    top: 0;
}
.settle-wrapper .row>*:nth-child(even) .settle-box{
    flex-direction: row-reverse;
    gap: 25px;
}
.settle-wrapper .row>*:nth-child(even){
    margin-top: 180px;
}
.settle-wrapper .row>*:nth-child(odd){
    margin-top: -150px;
}
.settle-wrapper .row>*:nth-child(2){
    margin-top: 300px;
}
.settle-wrapper .row>*:first-child{
    margin-top: 0 !important;
}
.settle-box:before {
    height: 60%;
    content: "";
    position: absolute;
    right: -40px;
    top: 50%;
    width: 1px;
    background: transparent;
    border: 1px dashed #4E5050;
    rotate: 152deg;
}
/* .settle-wrapper.view-draw .settle-box:before {
    animation: ubixBigLineDrawn 0.8s ease-in-out forwards;
    height: 80%;
  }
  
  @keyframes ubixBigLineDrawn {
    from {
      height: 0;
    }
  
    to {
      height: 80%;
    }
  } */
.settle-wrapper .row>*:nth-child(even) .settle-box:before{
    right: auto;
    left: -10px;
    rotate: -155deg;
    height: 75%;
}
.settle-wrapper {
    margin-top: 40px;
}
.settle-wrapper .row>*:last-child .settle-box:before{
    display: none;
}
.apart-sec .inner-main-heading h3{
    font-weight: 700;
    font-size: 48px;
    line-height: 62px;
    text-align: center;
    color: #1E1E1E;
    margin-bottom: 10px !important;
}
.apart-sec .inner-main-heading h2 b {
    display: inline-block;
    position: relative;
    font-weight: 700;
}

.apart-sec .inner-main-heading h2 b::after {
    position: absolute;
    left: 8px;
    bottom: 20px;
    height: 18px;
    width: 18px; 
    border-radius: 50%;
    background: var(--orange);
    content: "";
    z-index: 3;
}
.row-apart-holder{
    justify-content: center;
}
.inner-apart-sec .apart-box-wrap{
    height: 100% !important;
}
.intl-tel-input ul.country-list {
    background: var(--orange);
}
.intl-tel-input .country-list .country .dial-code{
    color: black;
}
/*///////// ubix-journey html end  /////////////////*/

.inner-frame-sec {
    background: url(images/light-bg.webp) no-repeat bottom;
    background-size: cover;
}
/*///////// get-start html start  /////////////////*/
.get-start .big-center-btn a{
    min-width: 320px;
}
.tell-us-wrap{
    width: 45%;
    min-height: 360px;
    margin: 0 auto;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.2) -14.94px 16.01px 60.4px 0px;
    border-width: 2px;
    border-style: double;
    border-color: transparent;
    border-image: initial;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.tell-us-wrap .big-center-btn a{
    min-width: 250px;
}
.tell-us-box{
    text-align: center;
    padding: 25px;
}
.tell-us-wrap .big-center-btn-wrapper {
    margin-top: 0;
    padding-bottom: 0 !important;
}
.tell-us-box h4{
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
     
    margin-bottom: 10px;
}
.tell-us-box p{
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 15px;
}
.tell-us-sec + .big-center-btn a{
    min-width: 320px;
}

.tell-us-sec {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 1140px;
    margin: 50px auto 40px;
}
.tell-us-sec.row>*{
    /* padding: 0 !important; */
}
.tell-us-form-wrapper{
    max-width: 660px;
    margin: 0 auto;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.2) -14.94px 16.01px 60.4px 0px;
    border-width: 2px;
    border-style: double;
    border-color: transparent;
    border-image: initial;
    border-radius: 20px;
    margin-top: 45px !important;
    margin-bottom: 100px;
}
.tell-us-form-main .main-heading.inner-main-heading {
    opacity: 1 !important;
    transform: translate(0) !important;
}
.tell-us-btns{
    padding-bottom: 0 !important;
    margin-bottom: 100px;
}
.tell-us-form{
    padding: 60px 53px 30px;
    /* display: none;
    transition: opacity 0.3s ease; */
}
.tell-us-form-main{
    display: none;
    transition: opacity 0.3s ease;
}
.tell-us-form form .input-wrapper{
    margin-bottom: 30px;
}
.tell-us-form form .input-wrapper input,.tell-us-form form .input-wrapper select,.tell-us-form form .input-wrapper textarea{
    background: black;
    border: 1px solid #FF5F1F;
    border-radius: 20px;
    width: 100%;
    min-height: 56px;
    padding: 15px 30px;
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: white;
    position: relative;
}
.tell-us-form form .input-wrapper textarea{
    min-height: 165px;
    max-height: 165px;
}
.tell-us-form form .input-wrapper select{
    color: #7b7474;
    appearance: none;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    background: url(images/drp-arw.svg) no-repeat center;
    background-position: right 20px top 15px;
    padding-right: 60px;
    background-color: black;
}
.tell-us-form form .input-wrapper select option {
    background-color: black;
    color: var(--orange);
}
.tell-us-form form .input-wrapper select option:checked,
.tell-us-form form .input-wrapper select option:hover {
    background-color: var(--orange);
    color: black;
}
.tell-us-form form .input-wrapper select option:first-child{
    border-radius: 20px 20px;
}
.tell-us-form form .input-wrapper input::placeholder,
.tell-us-form form .input-wrapper select::placeholder,
.tell-us-form form .input-wrapper textarea::placeholder{
    color: #8C8C8C;
}
.tell-us-form form .input-wrapper input:focus-visible,
.tell-us-form form .input-wrapper select:focus-visible,
.tell-us-form form .input-wrapper textarea:focus-visible{
    outline: none !important;
}
.tell-us-form .input-wrapper p {
    margin-bottom: 0;
    position: relative;
}
.tell-us-form .input-wrapper .wpcf7-spinner {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 0);
}
.doc-wrapper label {
    min-width: 20px;
}
.doc-wrapper p {
    position: static !important;
}
.doc-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #000000;
    border: 1px solid #ff6600;
    border-radius: 20px;
    padding: 15px 65px 15px 30px;
    cursor: pointer;
    gap: 20px;
    position: relative;
}

.doc-wrapper label {
    min-width: 20px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.doc-wrapper > p {
    margin-bottom: 0;
}
.doc-wrapper span {
    color: #8C8C8C;
}
.doc-wrapper input{
    position: absolute !important;
    opacity: 0;
    width: 100% !important;
    height: 100%;
    cursor: pointer;
    left: 0;
    top: 0;
}
.tell-us-form form .input-wrapper input[type="submit"]{
    min-height: 46px;
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    background: var(--orange);
    border: 1px solid transparent;
    box-shadow: 0px 0px 37.7px 0px #FF5F1F7D;
    border-radius: 48px;
    color: #1E1E1E;
    transition: all 0.3s ease-in-out;
}
.tell-us-form form .input-wrapper input[type="submit"]:hover{
    background: transparent;
    border: 1px solid var(--orange);
    color: var(--orange);
}
.time-connect{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.time-connect li{
    position: relative;
    padding-left: 60px;
    max-width: 303px;
    padding-right: 15px;
    min-height: 105px;
}
.time-connect li{
    border-right: 1px solid #585858;
    margin-right: 15px;
}
.time-connect li:last-child{
    border-right: none;
    padding-right: 0;
}
.time-connect li::after{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 39px;
    height: 35px;
    background: url(images/arrow-shape.svg) no-repeat center;
    background-size: contain;
}
.time-connect li h4{
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
     
    margin-bottom: 0;
    color: var(--orange);
}
.time-connect + .big-center-btn{
    padding-bottom: 0;
}
.quote-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 100px;
}
.quote-box{
    max-width:360px;
    background: BLack;
    border-radius: 20px;
    padding: 0 33px 38px 30px;
}
.quote-box p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0px;
    margin-bottom: 5px;
    color: var(--orange);
}
.quote-box .opinion p{
    margin-bottom: 18px;
    color: white;
}
.quote-box .country{
    display: block;
    font-family: var(--montserrat);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    color: #808080;
    margin-bottom: 0;
}
.map-container {
    position: relative;
}
.map-container p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #1E1E1E;
    margin-top: 40px;
    margin-bottom: 0;
}
.map-container svg {
    height: auto;
}
/* .city {
    fill: var(--orange);
    animation: pulseZoom 2s infinite ease-in-out;
    transform-box: fill-box;
    transform-origin: center;
} */
.city-icon {
    fill: var(--orange);
    animation: pulseZoom 2s infinite ease-in-out;
    transform-box: fill-box;
    transform-origin: center;
  }
.hq-box{
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.2) -14.94px 16.01px 60.4px 0px;
    border-width: 2px;
    border-style: double;
    border-color: transparent;
    border-image: initial;
    border-radius: 20px;
    height: 100%;
}
.hq-box-text{
    padding: 20px;
}
.hq-box-text h3{
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 12px;
    color: var(--orange);
    position: relative;
    padding-left: 30px;
}
.hq-box-text h3::after{
    position: absolute;
    left: 0;
    top: 0;
    content:"\f3c5";
    font-size: 28px;
    color: var(--orange);
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
}
.hq-box-text p{
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
}

@keyframes pulseZoom {
    0% {
      transform: scale(0.5);
      filter: drop-shadow(0 0 5px #ff5f1f);
    }
    50% {
      transform: scale(1.1);
      filter: drop-shadow(0 0 15px rgb(251, 116, 62));
    }
    100% {
      transform: scale(0.5);
      filter: drop-shadow(0 0 5px #ff5f1f);
    }
  }
.map-container svg text{
    fill: var(--orange) !important;
    font-family: var(--poppins);
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    position: relative;
}
/*///////// get-start html end  /////////////////*/

/*///////// lead-the-change html start  /////////////////*/
.discover-wrapper{
    padding-top: 70px;
}
.discover-box-holder{
    position: relative;
    border: 1px double transparent;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 20px;
    background-position: top right;
    height: 100%;
}
.dis-content{
    text-align: center;
    padding-bottom: 20px;
    height: 100%;
}
.dis-content .apart-icon{
    left: 50%;
    top: -65px;
    transform: translate(-50%, 0);
}
.dis-content h4{
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 14px;    
    padding: 62px 23px 0;
}
.dis-content p{
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 15px;
    padding: 0 9px;
}
.innovate-item{
    position: relative;
    border: 1px solid transparent;
    border-radius: 20px;
} 
.innovate-item::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #585858;
    transition: all 0.3s ease-in-out;
}
 .innovate-item:hover{
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-position: top right;
}
.innovate-item:hover::after{
    display: none;
}
.innovate-item:hover .innovate-left-box h3{
    color: var(--orange);
}
.innovate-item:hover::after{
    opacity: 0;
}
.innovate-item + .innovate-item:hover::after{
    opacity: 0;
}
.innovate-item .row{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    align-items: center;
    padding: 69px 0;
}
.innovate-left-box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 36px;
}
.innovate-left-box h3{
    font-weight: 700;
    font-size: 48px;
    line-height: 62px;
    margin-bottom: 0 !important;    
    transition: all 0.3s ease-in-out;
}
.innovate-text p{
    font-family: var(--poppins);
    font-weight: 500;
    font-size: 22px;
    line-height:32px;
    margin-bottom: 0;    
}
.innovate-sec {
    margin-top: 50px;
}
.innovate-sec .big-center-btn{
    padding-bottom: 0 !important;
}
.innovate-sec .innovate-item:last-child::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #585858;
}
.inner-workplace .innovate-sec + .big-center-btn-wrapper{
    padding-bottom: 20px;
}
/* ///////////////////////////////////// */
.innovate-item-skew-box {
    position: relative;
    background: url(images/skew-bg.svg) no-repeat center;
    background-size: contain;
    padding: 95px 50px 80px;
    max-width: 370px;
    margin: 0 15px;
}
.innovate-item-slider {
    margin-top: 50px;
}
.innovate-item-skew-box h3{
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 30px;
    color: var(--orange);
}
.innovate-item-skew-box p{
    font-weight: 500;
    font-size: 18px;
    line-height:27px;
    margin-bottom: 0;
}
.innovate-item-skew-box .apart-icon svg {
    padding: 16px;
}
.innovate-item-slider .item {
    margin-bottom: 45px;
}
.innovate-item-skew-box .apart-icon {
    border-radius: 50%;
    left: auto;
    margin: 0px auto;
    top: auto;
    right: 0;
    bottom: -35px;
}
/* ///////////////////////////////////// */
.leaders-sec{
    max-width: 1150px;
    margin: 0 auto !important;
}
.leaders-sec>*:first-child {
    margin-top: 0 !important;
}
.leaders-sec>*:nth-child(odd) {
    margin-top: -50px;
}
.leaders-sec>*:nth-child(even) {
    margin-top: 85px;
}
.leaders-sec>*:nth-child(even) .leaders-box {
    flex-direction: row-reverse;
    gap: 25px;
}
.leaders-sec>*:nth-child(even) .leaders-box .leaders-box-content{
    background: url(images/lead-right.png) no-repeat center;
    padding-right: 0;
}
.leaders-sec>*:nth-child(odd) .leaders-box .leaders-box-content{
    background: url(images/lead-left.png) no-repeat center;
    padding-left: 0;
}
.leaders-sec>*:last-child .leaders-box::before{
    display: none;
}
.leaders-sec>*:nth-child(even) .leaders-box:before {
    right: auto;
    left: -20px;
    rotate: -140deg;
}
.leaders-box-content{
    background-size: 100% 100% !important;
    padding: 20px 70px;
    max-width: 455px;
}
.leaders-box-content h5{
    font-weight: 600;
    font-size: 24px;
    line-height: 40px;
    vertical-align: middle;
    margin-bottom: 0;
}
.leaders-box-content p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    vertical-align: middle;
    margin-bottom: 0;
}
.leaders-num{
    border: 2.2px dashed var(--orange);
    width: 66px;
    height: 66px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 5;
    background: white;
    min-width: 60px;
}
.leaders-num span{
    font-family: var(--poppins);
    font-weight: 800;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    color: var(--orange);
}
.leaders-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.leaders-box:before {
    height: 80%;
    content: "";
    position: absolute;
    right: -22px;
    top: 48%;
    width: 1px;
    background: transparent;
    border: 1px dashed var(--orange);
    rotate: 141deg;
}
.leaders-sec + .big-center-btn{
    padding-bottom: 0;
}
.inner-team{
    padding: 50px 0 40px;
    max-width: 1030px;
    margin: 0 auto;
}
.inner-team + .big-center-btn{
    padding-bottom: 90px;
}
.inner-team li{
    position: relative;
    font-family: var(--montserrat);
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 13px;
    padding-left: 50px;
    vertical-align: middle;
}
.inner-team li:last-child{
    margin-bottom: 0;
}
.inner-team li b{
    font-family: var(--poppins);
    font-weight: 500;
    font-size: 32px;
    line-height: 43px;
    color: var(--orange);
    display: inline-block;
}
.inner-team li::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 39px;
    height: 35px;
    background: url(images/arrow-shape.svg) no-repeat center;
    background-size: contain;
}
.inner-team-vision .big-center-btn{
    padding-bottom: 0px;
}
.inner-team-vision .vision-sec-text ul li {
    margin-bottom: 15px;
}
.inner-team-vision .row .inner-main-heading h2{
    font-size: 50px;
    line-height: 65px;
}
.inner-team-vision{
    margin: 0 auto 0px;
}
.changemakers-box{
    border: 1px solid transparent;
    background: #0A0C0A;
    border-radius: 20px;
    margin:0 15px;
    transition: all 0.3s ease-in-out;
}
.changemakers-box:hover{
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-position: top right;
}
.changemakers-box-wrap{
    position: relative;
    background: url(images/quote-big.svg) no-repeat center;
    background-position: right 0 top 0;
}
.changemakers-content p{
    font-family: var(--montserrat);
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 15px;
    color: var(--white);
}
.changemakers-content{
    padding:0 32px 35px;
}
.changemakers-title{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 25px;
    padding: 28px 21px 0;
}
.changemakers-img{
    min-width: 63px;
}
.changemakers-title-info h6{
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 5px;    
    color: var(--white);
}
.changemakers-title-info p{
    font-family: var(--montserrat);
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #808080;
    margin-bottom: 0;
}
.changemakers-slider ul.slick-dots li{
    background: #999999 ;
}
.changemakers-slider ul.slick-dots li.slick-active {
    background: black;
}
/*///////// lead-the-change html end  /////////////////*/

/*//////////////// why-choose-ubix html start  //////////////*/
.inner-workplace .vision-sec .row .vision-sec-text .big-center-btn{
    justify-content: flex-start;
}
.discover-wrapper .inner-main-heading {
    padding-bottom: 80px;
}
.inner-workplace .vision-sec .row {
    padding-bottom: 10px !important;
}
/*//////////////// why-choose-ubix html end  //////////////*/

/*////////// the ubix platform html start (Debolina di css) //////////*/
.outcomes-each-item {
    border: 1px double transparent;
    background-image: none;
    background-origin: border-box;
    background-clip: content-box, border-box;
    font-family: var(--poppins);
    position: relative;
    border-radius: 20px;
    transition: all ease-in-out 0.5s;
}
.outcomes-each-item::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    opacity: 1;
    background-color: #585858;
    transition: all ease-in-out 0.5s;
}
.outcomes-each-item:hover {
    background-image: linear-gradient(86.23deg,
    rgb(13, 13, 13) 9.19%,
    rgb(10, 12, 10) 95.28%),
    linear-gradient(60.61deg,
    rgba(73, 73, 76, 0) 63.89%,
    rgb(255, 140, 94) 92.09%);
    transition: all ease-in-out 0.5s;
}
.outcomes-each-item:hover::before,
.outcomes-each-item:hover +.outcomes-each-item::before,
.outcomes-each-item:first-child::before {
    opacity: 0;
    transition: all ease-in-out 0.5s;
}
.outcomes-each-item-inner {
    padding: 100px 34px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    gap: 20px;
}
.outcomes-number {
    position: absolute;
    top: 52px;
}
.outcomes-number h4 {
    font-weight: 700;
    font-size: 100px;
    line-height: 86px;
    text-shadow: -1px -1px 0 var(--orange), 1px -1px 0 var(--orange), -1px 1px 0 var(--orange), 1px 1px 0 var(--orange);
    color: var(--black);
}
.outcomes-heading,
.outcomes-text {
    position: relative;
    z-index: 1;
}
.outcomes-heading {
    max-width: 635px;
}
.outcomes-heading h3 {
    font-weight: 600;
    font-size: 48px;
    line-height: 62px;
    margin-bottom: 0 !important;
}
.outcomes-text {
    max-width: 457px;
}
.outcomes-text p {
    font-weight: 500;
    font-size: 22px;
    line-height: 152%;
}
.outcomes-wrapper{
    position: relative;
    z-index: 1;
}
.performance-gain-sec {
    margin-top: 100px;
    position: relative;
    z-index: 1;
}
.performance-gain-main-wrapper {
    max-width: 1140px;
    margin: 60px auto;
    display: flex;
    gap: 10px;
}
.performance-gain-each-box {
    width: 25%;
}
.performance-gain-each-box {
    background: linear-gradient(86.23deg, #0D0D0D 9.19%, #0A0C0A 95.28%);
    border: 0.5px solid var(--orange);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    padding: 135px 12px 22px;
    box-shadow: -14.94px 16.01px 60.4px 0px #00000033 inset;
}
.performance-gain-each-box::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--orange);
}
.performance-gain-each-box:first-child:after {
    height: 400px;
}
.performance-gain-each-box:nth-child(2):after {
    height: 254px;
}
.performance-gain-each-box:nth-child(3):after {
    height: 176px;
}
.performance-gain-each-box:nth-child(4):after {
    height: 226px;
}
.performance-gain-each-box h3 {
    font-weight: 700;
    font-size: 115px;
    line-height: 100px;
    text-shadow: -1px -1px 0 var(--orange), 1px -1px 0 var(--orange), -1px 1px 0 var(--orange), 1px 1px 0 var(--orange);
    color: #0D0D0D;
    position: relative;
    z-index: 9;
}
.performance-gain-each-box h4 {
    color: var(--orange);
    font-weight: 600;
    font-size: 36px;
    line-height: 40px;
    min-height: 120px;
    position: relative;
    z-index: 9;
    mix-blend-mode: difference;
}
.performance-gain-each-box p {
    position: relative;
    z-index: 9;
    color: #ff5f1f;
    mix-blend-mode: difference;
    font-family: var(--montserrat);
    font-size: 22px;
    line-height: 28px;
}
.every-sec-bottom-text {
    max-width: 1140px;
}
.every-sec-bottom-text h3 {
    font-weight: 600;
    font-size: 48px;
    line-height: 68px;
    margin-bottom: 30px;
}
.every-sec-bottom-text p {
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 22px;
    line-height: 36px;
}
.beyond-rpa-box-slider .apart-icon {
    width: 132px;
    height: 132px;
    left: 0;
    right: 0;
}
.beyond-rpa-box-slider .apart-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.beyond-rpa-box-slider .apart-box h4 {
    font-weight: 500;
    font-size: 31px;
    line-height: 41px;
    text-align: center;
}
.beyond-rpa-box-slider .apart-box p {
    font-family: var(--montserrat);
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 0;
}
.beyond-rpa-box-slider .apart-box-inner {
    padding: 70px 15px 30px 15px;
}
.beyond-rpa-box-slider .apart-box-wrap:hover .apart-icon {
    background-image: linear-gradient(86.23deg, rgb(21, 24, 23) 9.19%, rgb(24, 29, 27) 95.28%), linear-gradient(to right, rgba(73, 73, 76, 0) 63.89%, rgb(80, 81, 85) 92.09%);
    background-position: top right;
}
.architecture-wrapper {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.architecture-number {
    width: 181px;
    height: 181px;
    border-radius: 50%;
    border: 2px double transparent;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(60.61deg, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    left: -62px;
    top: 50%;
    transform: translateY(-50%);
}
.architecture-number h3 {
    font-weight: 700;
    font-size: 82px;
    line-height: 100px;
    text-shadow: -1px -1px 0 var(--orange), 1px -1px 0 var(--orange), -1px 1px 0 var(--orange), 1px 1px 0 var(--orange);
    color: #040404;
    transition: all ease-in-out 0.5s;
}
.architecture-each-item:hover .architecture-number h3 {
    color: var(--orange);
    transition: all ease-in-out 0.5s;
}
.architecture-each-item {
    border: 1px double transparent;
    background-image: none;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 20px;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    transition: all ease-in-out 0.5s;
    max-width: 1040px;
    margin-left: auto;
    margin-bottom: 30px;
}
.architecture-each-item-inner {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 40px 30px 40px 145px;
    gap: 50px;
    align-items: center;
}
.architecture-each-item-inner h4 {
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    max-width: 357px;
    min-width: 357px;
    width: 100%;
    margin-bottom: 0;
}
.architecture-each-item-inner .arrow-mark-listing ul {
    margin-bottom: 0;
}
.arrow-mark-listing ul li br {
    display: none;
}
.architecture-each-item-inner .arrow-mark-listing ul li {
    font-size: 18px;
    line-height: 152%;

}
.architecture-each-item-inner .arrow-mark-listing ul li + li {
    margin-top: 20px;
}
.inner-light-section .main-heading.inner-main-heading h3 {
    color: var(--black);
}
.inner-light-section.apart-sec.inner-apart-sec .main-heading.inner-main-heading h3{
    padding: 0;
    font-size: 35px;
    line-height: 48px;
}
@media (min-width: 1199.98px) {
    .seamless-int-sec .main-heading.inner-main-heading h3 {
        font-size: 48px;
        line-height: 54px;
    }  
}
.seamless-int-slider {
    margin-top: 30px !important;
}
.seamless-int-box {
    border: 1px double transparent;
    background-image: none;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(86.23deg,
    rgb(13, 13, 13) 9.19%,
    rgb(10, 12, 10) 95.28%),
    linear-gradient(60.61deg,
    rgba(73, 73, 76, 0) 63.89%,
    rgb(255, 140, 94) 92.09%);
    border-radius: 20px;
    color: #E6E6E6;
    box-shadow: -14.94px 16.01px 60.4px 0px #00000033;
    height: 100%;
}
.seamless-int-box-inner {
    padding: 50px 27px;
}
.seamless-int-box-inner h3 {
    font-weight: 700;
    font-size: 48px;
    line-height: 62px;
    margin-bottom: 30px;
    color: var(--white);
}
.arrow-mark-listing ul {
    padding-left: 0;
}
.arrow-mark-listing ul li {
    position: relative;
    font-family: var(--montserrat);
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    padding-left: 63px;
}
.arrow-mark-listing ul li + li {
    margin-top: 30px;
}
.arrow-mark-listing ul li::after {
    position: absolute;
    left: 0;
    top: 0px;
    content: "";
    width: 39px;
    height: 35px;
    background: url(images/arrow-shape.svg) no-repeat center;
    background-size: contain;
}
.arrow-mark-listing ul li strong {
    color: var(--orange);
}
.seamless-int-box-inner .arrow-mark-listing ul {
    margin-bottom: 0;
}
.integration-partners-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    max-width: 1140px;
    margin: 80px auto 0;
}
.integration-partners-left,
.integration-partners-right {
    width: 50%;
}
.int-partner {
    padding-top: 80px;
}
.integration-partners-each-item {
    max-width: 465px;
    border: 2px double transparent;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 20px;
    position: relative;
    margin-bottom: 30px;
    z-index: 5;
}
.integration-partners-each-item h3{
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 10px;
}
.integration-partners-each-item p{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    max-width: 370px;
}
.integration-partners-left svg {
    position: relative;
    z-index: 9;
    border: 3px double transparent;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(80, 81, 85) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 50%;
    animation: floating 3s ease-in-out 0.7s infinite;
}
.int-item-text{
    padding: 15px 30px;
    position: relative;
    z-index: 3;
    border-radius: 20px;
    background: #0a0c0a;
}
.integration-partners-right .integration-partners-each-item:first-child,
.integration-partners-right .integration-partners-each-item:last-child{
    margin-left: -215px;
}
.integration-partners-right .integration-partners-each-item::before{
    content: "";
    position: absolute;
    width: 1px;
    background: transparent;
    border: 1px dashed #ffffff;
}
.integration-partners-right .integration-partners-each-item::after{
    content: "";
    position: absolute;
    left: 0px;
    top: 58%;
    transform: translate(0,-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(255, 95, 31);
    box-shadow: rgba(255, 95, 31, 0.08) 0px 0px 1px 1px;
    opacity: 0;
    z-index: 5;
    animation: fade-in 0.5s forwards 1.5s, pulse-animation 1.8s ease-out infinite 1.5s;
}
.integration-partners-right .integration-partners-each-item:first-child:before {
    height: 210px;
    left: -43px;
    top: 30%;
    rotate: 215deg;
}
.integration-partners-right .integration-partners-each-item:nth-child(2)::before{
    height: 240px;
    left: -90px;
    top: 10%;
    rotate: 240deg;
}
.integration-partners-right .integration-partners-each-item:nth-child(3)::before{
    height: 240px;
    left: -90px;
    top: -30%;
    rotate: 270deg;
}
.integration-partners-right .integration-partners-each-item:nth-child(4)::before {
    height: 250px;
    left: -100px;
    top: -90%;
    rotate: 110deg;
}
.integration-partners-right .integration-partners-each-item:nth-child(5)::before {
    height: 220px;
    left: -55px;
    top: -100%;
    rotate: 139deg;
}
.partner-list-slider{
    position: relative;
}
.partner-list-slider .item a {
    position: relative;
    z-index: 9;
    display: flex
;
    min-height: 70px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.partner-list-slider .item a img{
    filter: grayscale(100%);
    transition: all 0.3s ease-in-out;
}
.partner-list-slider .item a img:hover{
    filter: grayscale(0);
}
.partner-list-slider .item{
    margin: 0 30px;
}
.partner-list-slider::after {
    position: absolute;
    content: "";
    width: 352px;
    height: 200px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) -9.13%, #000000 65.14%);
    right: -100px;
    top: -100%;
    z-index: 0;
}
.partner-list-slider::before {
    position: absolute;
    content: "";
    width: 352px;
    height: 200px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) -9.13%, #000000 65.14%);
    left: -125px;
    top: -100%;
    z-index: 1;
    transform: rotate(180deg);
}
.partner-list-slider + .big-center-btn{
    padding-bottom: 0;
}
.big-letter-wrapper {
    padding-top: 15px;
    max-width: 1140px;
    margin: 0 auto;
}
.big-letter span{
    font-family: var(--poppins);
    font-weight: 700;
    font-size: 452.45px;
    line-height: 478.09px;
    display: inline-block;
    color: var(--orange);
}
.big-letter-text {
    text-align: left;
    margin-top: 15px;
    max-width: 565px;
    margin-left: auto;
    padding-right: 25px;
    margin-bottom: 7px;
    height: 245px;
    overflow-y: auto;
    scrollbar-width: none;
}
.big-letter-wrapper .row {
    position: relative;
    overflow: hidden;
    padding-top: 50px;
}
.big-letter-wrapper .row + .row {
    margin-top: 20px;
}
.big-letter-wrapper .row:nth-child(even) .col-12 .big-letter-text {
    margin-right: auto;
    padding-right: 0;
    padding-left: 25px;
    margin-left: 0;
}
.big-letter-wrapper .row:nth-child(even) .big-letter {
    position: absolute;
    left: auto;
    right: 105px;
    top: -45px;
    width: 470px !important;
}
.big-letter-wrapper .row .col-12{
    overflow: hidden;
    border: 2px double transparent;
    /* background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%); */
    background-image: linear-gradient(86.23deg, #eeeeeeee 9.19%, rgb(239 241 239) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 20px;
    padding: 0 !important;
    border-bottom: none;
}
.big-letter-text h3{
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 10px;
    color: var(--black);
}
.big-letter-text p{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 7px;
    color: var(--black);
}
.big-letter-text p b{
    display: inline-block;
    color: var(--orange);
}
.big-letter {
    position: absolute;
    left: 0;
    top: -45px;
    width: 470px !important;
}
.automation-sec {
    margin-top: 80px;
}
.automation-sec .row {
    justify-content: center;
}
.automation-sec .row + .big-center-btn {
    padding-bottom: 0 !important;
    margin-top: 20px;
}
.automation-sec .solution-box{
    margin: 0;
    height: 100%;
}
.automation-sec .row>*{
    margin-bottom: 30px;
}
/* //////new design for this page ///////// */
.core-ubix{
    padding-top: 30px;
}
.core-ubix>*{
    margin-bottom: 30px;
}
.core-ubix .big-center-btn{
    margin-top: 10px;
    padding-bottom: 20px;
}
.core-ubix-box h4 {
    min-height: 110px;
    padding: 18px 20px 18px 45px;
    font-family: var(--poppins);
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
    color: var(--white);
    margin-bottom: 0px;
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    border-radius: 20px 0 0 0;
}
.core-ubix-box ul {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}
.core-ubix-box ul li {
    font-family: var(--poppins);
    font-weight: 400;
    color: var(--white);
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    line-height: 27px;
}
.core-ubix-box ul li b{
    font-weight: 600 !important;
}
.core-ubix-box ul li + li{
    margin-top: 12px;
}
.core-ubix-box ul li::after {
    position: absolute;
    left: 0;
    top: 6px;
    content: "";
    width: 11px;
    height: 11px;
    background: var(--orange);
    border-radius: 50%;
    box-shadow: 0 0 15px #ff5f1f;
    animation: 0.5s ease 2s 1 normal forwards running fade-in, 1.8s ease-out 2s infinite normal none running pulse-animation;
}
.core-ubix-box-content {
    padding: 20px;
    border-radius: 20px;
    padding-top: 100px;
    position: relative;
    z-index: 2;
    background: #0D0D0D;
    margin-top: -58px;
    margin-left: 25px;
}
/* .core-ubix-box-content::after{
    position: absolute;
    left: 0;
    top: 60px;
    content: "";
    width: 40px;
    height: 40px;
    background: url(images/cone-title.png) no-repeat;
    z-index: 1;
} */
.core-ubix-box {
    border-radius: 20px;
    height: 100%;
    position: relative;
}
.core-ubix-box:after {
    position: absolute;
    left: -1px;
    top: 107px;
    content: "";
    width: 40px;
    height: 40px;
    background: url(images/cone-title.png) no-repeat;
    z-index: 1;
}
.core-ubix>*:nth-child(2) .core-ubix-box:after {
    position: absolute;
    left: -1px;
    top: 115px;
}
.framework-box{
    padding: 53px 25px 43px 30px;
    position: relative;
    z-index: 1;
    height: 100%;
    border-radius: 20px;
    color: var(--white);
    box-shadow: -14.94px 16.01px 60.4px 0px #00000033;
}
.framework-box::after,.grade-box::after{
    background-image: linear-gradient(86.23deg, #0D0D0D 9.19%, #0A0C0A 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    border: 2px double transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 20px;
    line-height: 33.48px;
    box-shadow: -14.94px 16.01px 60.4px 0px #00000033;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.framework-box h3{
    font-weight: 500;
    font-size: 32px;
    line-height: 30px;
    margin-bottom: 10px;
}
.framework-box h3 span{
    font-family: var(--poppins);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
}
.framework-box p{
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 10px;
}
.framework-box-wrapper .row>* {
    margin-bottom: 30px;
}
.framework-box-wrapper h4,.framework-box-wrapper h5{
    text-align: center;
}
.framework-box-wrapper h4{
    padding: 40px 0;
    font-family: var(--montserrat) !important;
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 0;
}
.framework-box-wrapper h5{
    padding: 10px 0 20px;
    color: var(--black);
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 0;
}
.frame-img img{
    width: 100%;
    padding-top: 33px;
    margin: 0 auto;
}
.highlight-box-text {
    border: 1px double transparent;
    background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 20px;
    text-align: center;
    position: relative;
    min-height: 360px;
    overflow: hidden;
    background-size: 200% 200%;
    background-position: top right;
    transition: background-position 0.9s ease-in-out, border-color 0.9s ease-in-out;
}
.highlight-box-text h4 {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    color: var(--white);
    text-align: left;
    padding: 160px 30px 20px;
    transition: all ease-in-out 0.2s;
}
.highlight-box-text p {
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    margin: 0px;
    padding: 130px 20px 35px;
    color:#151817;
    position: absolute;
    bottom: -100%;
    text-align: left;
    height: 100%;
    transition: bottom 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.highlight-box-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    border-radius: 20px;
    pointer-events: none;
    transition: bottom 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.highlight-box:hover .highlight-box-text h3 {
    transition: all ease-in-out 0.2s;
}
.highlight-box:hover .highlight-box-text p {
    bottom: 0;
    z-index: 9;
}
.highlight-box:hover .highlight-box-text::after {
    bottom: 0;
    background-color:#EFEFEF;
}
.highlight-box{
    position: relative;
}
.highlight-box-icon svg {
    position: absolute;
    z-index: 1;
    left: 20px;
    top: -40px;
}
.highlight-wrapper>* {
    margin-bottom: 75px;
}
.highlight-box:hover .highlight-box-icon svg path{
    fill: white;
}
.orange-svg{
    fill: var(--orange) !important;
}
.highlight-wrapper {
    padding-top: 60px;
}
.sp-line{
    position: relative;
    padding-bottom: 100px !important;
    margin-bottom: 80px;
}
.sp-line::after{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0);
    width: 100%;
    height: 3px;
    content: "";
    background: url(images/line-sp.png) no-repeat center;
    background-size: contain;
}
.grade-box{
    position: relative;
    padding: 37px 30px;
    color: var(--white);
    box-shadow: -14.94px 16.01px 60.4px 0px #00000033;
    height: 100%;
    border-radius: 20px;
}
.grade-box h5{
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
    min-height: 85px;
}
.grade-box h4{
    font-weight: 600;
    font-size: 48px;
    line-height: 42px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
}
.grade-box h4 span{
    font-weight: 600;
    font-size: 24px;
    line-height: 35px;
    display: inline-block;
}
.grade-wrapper {
    padding-top: 70px;
}
.grade-box b{
    font-family: var(--montserrat);
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 40px;
    color: var(--orange);
    display: block;
}
.grade-box p{
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    color: var(--white);
    margin-bottom: 0;
}
.loading{
    height: 18px;
    background: #3D3D3D;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
.loading::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: var(--orange);
}
.grade-box::after{
    z-index: 1;
}
.grade-box>*{
    position: relative;
    z-index: 2;
}
.grade-wrapper>*{
    margin-bottom: 30px;
}
.grade-wrapper>*:nth-child(1) .grade-box .loading::after{
    width: 90%;
}
.grade-wrapper>*:nth-child(2) .grade-box .loading::after{
    width: 80%;
}
.grade-wrapper>*:nth-child(3) .grade-box .loading::after{
    width: 70%;
}
.grade-wrapper>*:nth-child(4) .grade-box .loading::after{
    width: 60%;
}
.grade-wrapper>*:nth-child(5) .grade-box .loading::after{
    width: 50%;
}
.grade-wrapper>*:nth-child(6) .grade-box .loading::after{
    width: 60%;
}
.grade-wrapper>*:nth-child(7) .grade-box .loading::after{
    width: 70%;
}
.grade-wrapper>*:nth-child(8) .grade-box .loading::after{
    width: 80%;
}
.grade-wrapper>*:nth-child(9) .grade-box .loading::after{
    width: 90%;
}
/*////////// the ubix platform html end  //////////*/

.wpcf7-not-valid-tip {
    font-size: 14px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
}

/*////////// Intelligence In Motion Details Page html start  //////////[ default page css]*/
.default-content-wrapper{
    padding-bottom: 100px;
    background: white;
    position: relative;
}
.inner-banner + .default-content-wrapper {
    margin-top: -50px;
}
.default-content{
    position: relative;
    clear: both;
    padding-bottom: 30px;
}
.default-content img{
    border-radius: 20px;
    box-shadow: -14.94px 16.01px 60.4px 0px rgba(0, 0, 0, 0.2);
}
.alignleft{
    float: left;
    margin: 30px 30px 30px 0;
}
.alignright{
    float: right;
    margin: 30px 0 30px 30px;
}
.aligncenter{
    float: none;
    margin: 30px auto;
}
.default-content p{
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 25px;
}
.default-content a{
    color: var(--orange);
    display: inline-block;
    text-decoration: underline !important;
    transition: all 0.3s ease-in-out;
}
.default-content a:hover{
    color: #1E1E1E;
}
.default-content b,.default-content span,.default-content strong{
    color: var(--orange);
    display: inline-block;
}
.default-content ul,.default-content ol{
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
}
.default-content ol{
    padding-left: 20px;
}
.default-content li{
    position: relative;
    font-family: var(--poppins);
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 27px;
}
.default-content ul li{
    padding-left: 27px;
}
.default-content ul li:after{
    content: "";
    position: absolute;
    left: 0px;
    top:6px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: rgb(255, 95, 31);
    box-shadow: rgba(255, 95, 31, 0.08) 0px 0px 1px 1px;
    opacity: 0;
    animation: fade-in 0.5s forwards 1.5s, pulse-animation 1.8s ease-out infinite 1.5s;
}
.default-content ul li:last-child,.default-content ol li:last-child{
    margin-bottom: 0;
}
.default-content h2,.default-content h3,.default-content h4,.default-content h5,.default-content h6{
    margin-bottom: 30px;
    color: #1E1E1E;
    font-weight: 700;
}
.default-content h2{
    font-size: 48px;
    line-height: 58px;
}
.default-content h3{
    font-size: 40px;
    line-height: 50px;
}
.default-content h4{
    font-size: 32px;
    line-height: 42px;
}
.default-content h5{
    font-size: 25px;
    line-height: 35px;
}
.default-content h6{
    font-size: 20px;
    line-height: 30px;
}
.feature-box-catagory{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.feature-box-catagory p{
    font-family: var(--montserrat);
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
}
.feature-box-img img{
    width: 100%;
    margin: 0 auto;
}
.feature-box{
    margin-bottom: 100px;
}
.page-redirector{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-redirector a{
    display: inline-block;
    color: #AEAEAE;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
}
.page-redirector a:hover{
    color: var(--orange);
}
.page-redirector a.active{
    color: var(--orange);
}
.page-redirector a.active:hover{
    color: #AEAEAE;
}
.main-heading.inner-main-heading p span {
    color: var(--orange);
}
/*////////// Intelligence In Motion Details Page html end  //////////*/

/* .apart-sec.inner-apart-sec .big-center-btn,.sets-apart .big-center-btn{
    padding-bottom: 0;
} */

@keyframes height-fill{
    0% {
        height: 0;
    }
    100% {
        height: 100px;
    }
}
@keyframes floating{
    0% {
        transform: translate(0, 0px);
    }
    65% {
        transform: translate(0, 10px);
    }
    100% {
        transform: translate(0, -0px);
    }
}
@keyframes zoomed{
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
/* inner page responsive */

@media only screen and (max-width: 1400.98px) {
    .filter-popup-form {
        padding: 25px 45px;
    }
    .drp-down-input {
        font-size: 15px;
        padding: 10px 15px;
        max-width: 190px;
        background-position: right 20px top 20px !important;
    }
    .inner-light-motion-section {
        margin: 80px 0 30px;
    }
    .motion-btn-box a {
        margin-top: 35px;
        font-size: 15px;
        line-height: 26px;
    }
    .tab-content-info-img {
        width: 90px;
    }
    .tab-content-info-title {
        justify-content: space-between;
        flex-direction: column-reverse;
    }
    .tab-content-info-title h3{
        max-width: unset;
    }
    .tab-content-info {
        padding: 25px 42px 70px;
    }
    .article-box-text h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 13px;
    }
    .shape-box span {
        font-size: 70px;
        line-height: 70px;
        margin-bottom: 5px;
    }
    .shape-box p {
        font-size: 14px;
        line-height: 25px;
    }
    .article-box-text p{
        margin-bottom: 15px;
    }
    .client-info-right p {
        font-size: 16px;
        line-height: 24px;
    }
    .client-info-right h3,.tell-us-box h4 {
        font-size: 29px;
        line-height: 38px;
    }
    /* .apart-box-wrap,.apart-box{
        height: 100%;
    } */
    .collaborate-text h4 {
        font-size: 25px;
        line-height: 38px;
    }
    .collaborate-text h4 span{
        font-size: 21px;
        line-height: 30px;
    }
    .performance-gain-sec {
        margin-top: 20px;
    }

    .slick-nav-title-heading .item {
        padding-right: 2px;
    }
}
@media only screen and (max-width: 1199.98px) {
    .page-id-557 .inner-team-vision .inner-main-heading h3,.page-id-557 .inner-team-vision .inner-main-heading{
        text-align: center !important;
    }
    .page-id-557 .inner-team-vision .vision-sec-text p {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .network-box h4 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 15px;
    }
    .network-box p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px;
    }
    .moon-box-upper h6 {
        font-weight: 700;
        font-size: 17px;
    }
    .eco-ben-title h4 {
        font-size: 25px;
        line-height: 33px;
    }
    .eco-ben-text ul li {
        font-size: 18px;
        line-height: 25px;
        gap: 15px;
    }
    .eco-ben-title {
        margin-bottom: 20px;
    }
    .moon-box-upper {
        margin: 55px 0;
    }
    .moon-box-text p {
        font-size: 18px;
        margin: 0 auto 10px;
    }
    .moon-box-upper:after {
        width: 340px;
    }
    .moon-box-upper span {
        font-size: 75px;
        line-height: 45px;
    }
    .foundation-text ul li::after {
        top: 6px;
    }
    .foundation-text ul li + li {
        margin-top: 20px;
    }
    .foundation-text ul li {
        font-size: 18px;
        line-height: 152%;
    }
    .transact-wrapper + .sp-line {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
    .transact-box::after{
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        border: 1px double transparent;
        background-image: linear-gradient(86.23deg, rgb(13, 13, 13) 9.19%, rgb(10, 12, 10) 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%);
        background-origin: border-box;
        background-clip: content-box, border-box;
        border-radius: 20px;
        overflow: hidden;
        background-size: 200% 200%;
        background-position: top right;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .transact-box>* {
        position: relative;
        z-index: 2;
    }
    .transact-box-text h4 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 15px;
    }    
    .transact-box {
        background-image: none !important;
        padding: 45px 40px 25px;
    }
    .filter-popup-form .input-wrapper {
        position: relative;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        gap: 10px;
    }
    .drp-down-input {
        max-width: unset;
    }
    .desk-sub-text p,.desk-fetch-box p {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 23px;
    }
    .inner-light-motion-section .row {
        padding: 0 30px;
    }
    .check-drp-down {
        top: 100%;
    }
    .desk-sub-text h6 {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 15px;
    }
    .desk-sub-text h4 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 15px;
    }
    .desk-sub-text a {
        font-size: 18px;
        line-height: 27px;
    }
    .highlight-box-text p {
        font-size: 17px;
        line-height: 27px;
    }
    .highlight-box-text{
        min-height: 320px;
    }
    .discover-wrapper {
        padding-top: 50px;
    }
    .innovate-item-skew-box{
        margin: 0 auto;
    }
    .outcomes-number {
        position: absolute;
        top: 15px;
    }
    .inner-banner + .default-content-wrapper {
        margin-top: -80px;
    }
    .default-content h2,.inner-team-vision .row .inner-main-heading h2{
        font-size: 42px;
        line-height: 52px;
    }
    .default-content h3{
        font-size: 35px;
        line-height: 45px;
    }
    .default-content h4{
        font-size: 27px;
        line-height: 37px;
    }
    .big-letter span {
        font-size: 325px;
        line-height: normal;
    }
    .big-letter-wrapper .row:nth-child(even) .big-letter {
        position: absolute;
        left: auto;
        right: 0;
        top: -50px;
        width: 470px !important;
        text-align: right;
    }
    .big-letter {
        text-align: left;
        top: -50px;
    }
    .integration-partners-wrapper {
        margin: 50px auto 0;
    }
    .partner-list-slider::before{
        left: -200px;
    }
    .partner-list-slider::after{
        right: -200px;
    }
    .architecture-each-item-inner h4 {
        font-size: 27px;
        line-height: 37px;
        max-width: 340px;
    }
    .architecture-number {
        position: relative;
        left: 0;
        top: 0;
        transform: translateY(0%);
        margin-bottom: 10px;
    }
    .architecture-each-item {
        margin: 0 auto 30px;
    }
    .architecture-each-item-inner{
        padding: 30px;
    }
    .performance-gain-each-box h3 {
        font-size: 90px;
        line-height: 100px;
        text-align: center;
    }
    .arrow-mark-listing ul li {
        font-size: 18px;
        line-height: 28px;
        padding-left: 50px;
    }
    .performance-gain-each-box:first-child:after {
        height: 370px;
    }
    .performance-gain-each-box h4 {
        font-size: 30px;
        line-height: 40px;
        min-height: 100px;
    }
    .every-sec-bottom-text p,
    .differentiators-each-item p,.outcomes-text p {
        font-size: 18px;
        line-height: 27px;
    }
    .outcomes-heading h3 {
        max-width: 400px;
    }
    .outcomes-each-item-inner {
        padding: 70px 35px 50px;
    }

    .client-info-left img {
        max-width: 300px;
    }
    .inner-team li b {
        font-size: 27px;
        line-height: 38px;
    }
    .inner-team {
        padding: 10px 0;
    }
    .leaders-sec>*:nth-child(odd) {
        margin-top: -30px;
    }
    .leaders-sec>*:nth-child(even) {
        margin-top: 75px;
    }
    .leaders-box-content p {
        font-size: 16px;
        line-height: 26px;
    }
    .innovate-item .row {
        padding: 45px 0;
    }
    .dis-content h4 {
        font-size: 26px;
        line-height: 35px;
    }
    .dis-content p,.innovate-text p {
        font-size: 18px;
        line-height: 28px;
    }
    .map-container p {
        font-size: 18px;
        line-height: 28px;
    }
    .map-container svg{
        width: 100%;
    }
    .time-connect li h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .tell-us-btns,.tell-us-form-wrapper {
        margin-bottom: 70px;
    }
    .tell-us-box p {
        font-size: 16px;
        line-height: 24px;
    }
    .transformation-box-wrap {
        padding: 20px 0 40px;
    }
    .slick-nav-title-heading .item:nth-child(even) .shape-box{
        margin-left: 0;
    }
    .slick-nav-title-heading .item .shape-box {
        margin-right: 5px;
    }
    .slick-nav-title-heading{
        margin: 80px 0 40px;
        padding: 0 50px;
    }
    .slick-nav-title-heading-for {
        background-image: none !important;
        background-image: linear-gradient(86.23deg, #0D0D0D 9.19%, #0A0C0A 95.28%), linear-gradient(to right top, rgba(73, 73, 76, 0) 63.89%, rgb(255, 140, 94) 92.09%) !important;
        border: 2px double transparent;
        background-origin: border-box;
        background-clip: content-box, border-box;
        border-radius: 35px;
        min-height: unset;
    }
    .vision-sec .inner-main-heading h2 br,.vision-sec .inner-main-heading h3 br {
        display: none;
    }
    .shape-box-info {
        padding: 45px 100px 25px 40px;
    }
    .vision-sec-text ul li {
        margin-bottom: 16px;
        max-width: 750px;
    }
    .vision-sec .big-center-btn-wrapper {
        padding-bottom: 0;
    }
    .vision-sec-text p {
        font-size: 20px;
        line-height: 30px;
        max-width: 900px;
    }
    .vision-sec-text {
        padding-top: 20px;
    }
    .perks-box h5 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .perks-sec-box-wrapper {
        padding-top: 46px;
        max-width: 950px;
        margin: 0 auto;
        width: 100%;
    }
    .perks-sec-box-wrapper .perks-box:nth-child(1) .perks-line:before {
        height: 337px;
        left: auto;
        right: -97px;
        bottom: -185px;
        transform: rotate(76deg);
    }
    .perks-sec-box-wrapper .perks-box:nth-child(4) .perks-line:before {
        height: 337px;
        right:auto;
        left: -97px;
        bottom: -185px;
        transform: rotate(-76deg);
    }
    .perks-sec-box-wrapper::after {
        top: -335px;
    }
    .perks-sec-box-wrapper {
        padding-top: 46px;
    }
    .perks-box p {
        font-size: 16px;
        line-height: 23px;
    }
    .bnf-wrapper .big-center-btn.text-center {
        margin-bottom: 70px;
    }
    .collaborate-bottom-title h3,.inner-light-section.ubix-interconnect .inner-main-heading h3,.inner-dark-benefit .inner-main-heading h3,.every-sec-bottom-text h3,.seamless-int-box-inner h3 {
        font-size: 38px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .inner-dark-benefit .inner-main-heading h3,.vision-sec .inner-main-heading h3,.tab-content-info-title h3,.apart-sec .inner-main-heading h3 ,.innovate-left-box h3,.outcomes-heading h3 {
        font-size: 28px;
        line-height: 37px;
    }
    .journey-step-item {
        max-width: 300px;
    }
    .journey-step-wrapper {
        max-width: 766px;
    }
    .journey-line1 {
        width: 230px;
        top: 128px;
        left: 251px;
        transform: rotate(43.5deg);
    }
    .journey-line2 {
        width: 233px;
        top: 291px;
        right: 282px;
        transform: rotate(-46.5deg);
    }
    .journey-line3 {
        top: 469px;
        width: 240px;
        transform: rotate(48.5deg);
        left: 248px;
    }
    .apart-box h3 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 20px;
    }
    .apart-box {
        font-size: 18px;
        line-height: 30px;
    }
    .client-info-box {
        flex-direction: column;
    }
    .client-info-box::after{
        width: 100%;
    }
    .apart-box-inner ul li {
        margin-bottom: 10px;
        line-height: 27px;
    }
    .apart-box-inner ul li:last-child{
        margin-bottom: 0;
    }
    .after-banner-sec {
        margin-top: -90px;
    }
    .m-v-logo svg {
        width: 100%;
    }
    .m-v-logo {
        width: 300px;
    }
    .client-info-box {
        margin: 10px 0;
    }
    .inner-success-wrapper {
        margin-top: 30px;
    }
    .inner-success-wrapper .item {
        padding: 20px 15px 30px 15px;
        width: 33.33%;
    }
    .inner-main-heading ul {
        gap: 20px;
    }
    .inner-main-heading ul li{
        padding-left: 25px;
        font-size: 16px;
        line-height: 24px;
    }
    .inner-main-heading h3 {
        font-size: 28px;
        line-height: 38px;
    }
    .ceo-cmnt-text p {
        font-size: 20px;
        line-height: 30px;
    }
    .shape-box-info ul li {
        font-size: 18px;
        line-height: 30px;
        padding-left: 55px;
    }
    .bright-box h5 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .quote-wrapper {
        margin-bottom: 70px;
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 1080.98px) {
    .motion-btn-box {
        background-position: bottom;
        background: none;
        border: 1px solid var(--orange);
        border-radius: 25px;
    }
    .motion-text p {
        font-size: 15px;
        line-height: 24px;
        padding: 20px;
    }
    .motion-btn-wrapper.row {
        margin-top: 35px;
    }
    .motion-btn-box a {
        margin-top: 20px;
        margin-right: 0;
    }
    .work-sec {
        margin: 30px auto 0 !important;
    }
    .feature-box {
        margin-bottom: 50px;
    }
    .inner-team + .big-center-btn {
        padding-bottom: 50px;
    }
    .inner-team li b {
        font-size: 23px;
        line-height: 33px;
    }
    .inner-team li {
        font-size: 20px;
        line-height: 30px;
    }
    .settle-info h3,.bright-title h3,.seamless-int-box-inner h3 {
        font-size: 27px;
        line-height: 36px;
        margin-bottom: 15px;
        max-width: unset;
    }
    .big-center-btn-wrapper {
        gap: 20px;
        margin-top: 30px;
        padding-bottom: 0;
        flex-wrap: wrap;
    }
    .map-container + .big-center-btn-wrapper{
        padding-bottom: 35px;
    }
    .discover-wrapper .big-center-btn-wrapper {
        padding-bottom: 30px;
    }
    .changemakers-slider {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 991.98px) {
    .map-container + .big-center-btn-wrapper{
        padding-bottom: 0px;
    }
    .page-id-557 .leaders-sec.row {
        justify-content: center;
    }
    .network-box p {
        font-size: 16px;
        line-height: 27px;
    }
    .network-box ul li {
        font-size: 16px;
    }
    .eco-ben-text ul li + li {
        margin-top: 15px;
    }
    .eco-ben-title h4 {
        font-size: 22px;
        line-height: 30px;
    }    
    .eco-ben-text ul li {
        font-size: 16px;
        line-height: 25px;
    }
    .eco-ben-icon svg {
        max-width: 30px;
        max-height: 30px;
    }
    .moon-box-upper {
        margin: 55px 0;
        margin-top: 20px;
    }
    .moon-box {
        margin: 0 15px;
    }
    .moon-box-upper .moon-box-upper-text{
        box-shadow: -7px 9px 30px 0px #0000004D;
    }
    .moon-box-text p {
        font-size: 16px;
        margin: 0 auto 10px;
    }
    .foundation-text ul li + li {
        margin-top: 15px;
    }
    .foundation-text ul li {
        font-size: 16px;
        line-height: 152%;
    }
    .transact-box-text p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .transact-box-icon {
        margin-bottom: 15px;
    }
    .drp-down-input {
        max-width: unset;
        width: 100%;
    }
    .filter-popup-form .input-wrapper{
        margin-bottom: 20px;
    }
    .filter-popup-form {
        border-radius: 20px;
        padding: 25px 35px;
    }
    .article-box-text h4{
        min-height: unset;
    }
    .desk-sub-text p,.desk-fetch-box p{
        font-size: 16px;
        line-height: 27px;
    }
    .desk-content .big-center-btn a {
        min-width: unset;
    }
    .desk-sub-text a {
        font-size: 16px;
        line-height: 27px;
    }
    .desk-sub-text {
        padding: 37px 20px 37px 25px;
    }
    .inner-light-motion-section {
        margin: 70px 0 60px;
    }
    .grade-wrapper{
        justify-content: center;
    }
    .highlight-wrapper {
        justify-content: center;
    }
    .highlight-box-icon svg {
        top: -50px;
        width: 130px;
    }
    .highlight-box-text h4 {
        font-size: 21px;
        line-height: 30px;
        padding: 110px 30px 20px;
    }
    .framework-box-wrapper h4,.framework-box-wrapper h5{
        font-size: 20px;
        line-height: 30px;
    }
    .framework-box {
        padding: 45px 20px 40px 20px;
    }
    .framework-box h3 {
        font-size: 25px;
    }
    .framework-box p, .framework-box h3 span {
        font-size: 16px;
        line-height: 27px;
    }
    .core-ubix-box ul li {
        font-size: 16px;
        line-height: 25px;
    }
    .highlight-box-text p {
        padding: 90px 20px 35px;
    }
    .core-ubix-box h4 {
        padding: 18px 20px 18px 30px;
        font-size: 20px;
        line-height: 30px;
    }
    .verticalTab-holder .resp-tabs-info ul li {
        font-size: 16px;
        line-height: 27px;
    }
    .verticalTab-holder .resp-tabs-info p{
        font-size: 16px;
        line-height: 27px;
    }
    .inner-light-section.apart-sec.inner-apart-sec .main-heading.inner-main-heading h3{
        font-size: 22px;
        line-height: 32px;
    }
    .inner-main-heading h4{
        font-size: 20px;
        line-height: 27px;
    }
    .hq-box-text p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 0;
    }
    .headqueater-sec {
        padding-top: 40px;
    }
    .innovate-item-skew-box .apart-icon {
        position: relative;
        right: auto;
        bottom: auto;
        top: 0;
        margin-bottom: 15px;
    }
    .innovate-item-skew-box h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .innovate-item-skew-box {
        position: relative;
        background: none;
        background-color: #0C0C0C;
        max-width: unset;
        margin: 0 15px;
        padding: 30px;
        border-radius: 20px;
    }
    .innovate-item-skew-box p {
        font-size: 16px;
        line-height: 25px;
    }
    .inner-banner + .default-content-wrapper {
        margin-top: -120px;
        padding-bottom: 50px;
    }
    .default-content {
        padding-bottom: 15px;
    }
    .default-content ul,.default-content ol{
        margin-bottom: 20px;
    }
    .default-content li,.default-content p{
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 20px;
    }
    .default-content h2,.default-content h3,.default-content h4,.default-content h5,.default-content h6{
        margin-bottom: 20px;
    }
    .default-content h2,.inner-team-vision .row .inner-main-heading h2{
        font-size: 35px;
        line-height: 45px;
    }
    .default-content h3{
        font-size: 30px;
        line-height: 40px;
    }
    .default-content h4{
        font-size: 25px;
        line-height: 35px;
    }
    .default-content h5{
        font-size: 23px;
        line-height: 33px;
    }
    .default-content h6{
        font-size: 18px;
        line-height: 27px;
    }
    .every-sec-bottom-text p {
        max-width: 800px;
        margin: 0 auto;
    }
    .architecture-each-item {
        margin: 0 auto 30px;
        max-width: 700px;
    }
    .big-letter-wrapper .row + .row {
        margin-top: 0;
    }
    .big-letter-wrapper {
        padding-top: 0;
        margin: -20px auto 0;
    }
    .big-letter-wrapper .row{
        margin: 0;
    }
    .big-letter-wrapper .row:nth-child(even) .big-letter {
        position: absolute;
        left: auto;
        right: auto;
        top: 20px;
        width: auto !important;
        text-align: left;
    }
    .big-letter {
        top: 15px;
        width:auto !important;
    }
    .big-letter-text {
        max-width: 100%;
        padding-left: 300px;
        margin-left: 0;
        height: 230px;
    }
    .big-letter-wrapper .row:nth-child(even) .col-12 .big-letter-text {
        padding-right: 25px;
        max-width: 100%;
        padding-left: 300px;
        margin-left: 0;
    }
    .big-letter span {
        font-size: 230px;
    }
    .integration-partners-left,.integration-partners-right .integration-partners-each-item::before,.integration-partners-right .integration-partners-each-item::after {
        display: none;
    }
    .integration-partners-right .integration-partners-each-item:first-child, .integration-partners-right .integration-partners-each-item:last-child {
        margin-left: 0;
    }
    .integration-partners-each-item{
        margin-bottom: 0;
        width: 48%;
    }
    .integration-partners-right {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }
    .integration-partners-each-item p {
        font-size: 16px;
        line-height: 26px;
    }
    .integration-partners-each-item h3 {
        font-size: 22px;
        line-height: 31px;
        margin-bottom: 10px;
    }
    .architecture-each-item-inner {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
    .int-partner {
        padding-top: 60px;
    }
    .architecture-number-holder {
        width: 100%;
    }
    .architecture-each-item-inner .arrow-mark-listing ul li {
        font-size: 16px;
        line-height: 25px;
    }
    .architecture-number {
        margin: 0 auto 15px;
    }
    .architecture-each-item-inner h4 {
        font-size: 25px;
        line-height: 35px;
        max-width: unset;
        min-width: unset;
    }
    .architecture-each-item-inner h4 br{
        display: none;
    }
    .every-sec-bottom-text h3{
        margin-bottom: 12px !important;
    }
    .performance-gain-each-box p {
        font-size: 18px;
        line-height: 25px;
    }
    .performance-gain-each-box:first-child:after {
        height: 60%;
    }
    .performance-gain-each-box:nth-child(2):after {
        height: 50%;
    }
    .performance-gain-each-box:nth-child(3):after {
        height:30%;
    }
    .performance-gain-each-box:nth-child(4):after {
        height: 40%;
    }
    .performance-gain-main-wrapper {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .performance-gain-each-box h4 {
        font-size: 27px;
        line-height: 36px;
        min-height: unset;
    }
    .performance-gain-each-box {
        width: 48%;
        padding: 80px 10px 15px;
    }
    .every-sec-bottom-text p,
    .differentiators-each-item p,.outcomes-text p {
        font-size: 16px;
        line-height: 26px;
    }
    .outcomes-text,.outcomes-heading {
        text-align: center;
    }
    .outcomes-number{
        position: relative;
        top: 0;
    }
    .performance-gain-sec {
        margin-top: 0px;
    }
    .outcomes-each-item-inner {
        padding: 35px;
        gap: 15px;
        flex-direction: column;
    }
    .outcomes-each-item {
        max-width: 700px;
        margin: 0 auto;
    }
    .collaborate-text ul li, .vision-sec-text ul li{
        font-size: 16px;
        line-height: 27px;
    }
    .leaders-sec>*:nth-child(odd), .leaders-sec>*:nth-child(even) {
        margin-top: 0px;
    }
    .leaders-sec.row>*{
        margin-bottom: 25px;
    }
    .leaders-box {
        align-items: flex-start;
        flex-direction: row-reverse;
        max-width: 600px;
        margin: 0 auto 0px;
        border: 2px dashed var(--orange);
        border-radius: 20px;
        padding: 20px;
        height: 100%;
        gap: 20px;
    }
    .leaders-box:before{
        display: none;
    }
    .leaders-num {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        min-width: 50px;
    }
    .leaders-num span{
        font-size: 20px;
    }
    .leaders-box-content {
        background: none !important;
        padding: 0 0px 0px 0 !important;
    }
    .dis-content p,.innovate-text p ,.changemakers-content p{
        font-size: 16px;
        line-height: 25px;
    }
    .dis-content h4 {
        font-size: 24px;
        line-height: 33px;
    }
    .dis-content .apart-icon,.settle-box .apart-icon{
        width: 90px;
        height: 90px;
    }
    .dis-content .apart-icon svg,.settle-box .apart-icon svg{
        width: 100%;
        padding: 6px;
    }
    .map-container p {
        font-size: 16px;
        line-height: 25px;
    }
    .ft-btns-group {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }
    .quote-box {
        border-radius: 15px;
        padding: 0 20px 38px 20px;
    }
    .quote-wrapper {
        gap: 20px;
    }
    .settle-info ul li {
        margin-bottom: 15px;
    }
    .settle-box .apart-icon {
        margin: 0;
        top: 0;
        margin-bottom: 15px;
    }
    .settle-wrapper .row>*:last-child .settle-box {
        border-bottom: none;
        padding-bottom: 0px;
    }
    .settle-box {
        align-items: flex-start;
        flex-direction: row-reverse;
        gap: 25px;
        border-bottom: 1px solid var(--orange);
        padding-bottom: 15px;
    }
    .settle-box:before{
        display: none;
    }
    .settle-wrapper .row>*:nth-child(2),.settle-wrapper .row>*:nth-child(odd),.settle-wrapper .row>*:nth-child(even) {
        margin-top: 30px;
    }
    .transformation-box {
        padding: 35px 35px 27px 35px;
    }
    .transformation-box p{
        font-size: 16px;
        line-height:25px;
    }
    .transformation-box h4 {
        font-size: 27px;
        line-height: 35px;
        margin-bottom: 15px;
        max-width: unset;
    }
    .tab-content-info blockquote {
        font-size: 16px;
        line-height: 25px;
    }
    .resp-tabs-box {
        padding: 25px 18px !important;
        gap: 10px;
    }
    .client-info-left img{
        max-width: 250px;
    }
    .tab-content-info {
        padding: 25px 35px 50px;
    }
    .tab-content-info h4 {
        font-size: 23px;
        line-height: 35px;
    }
    .tab-content-info p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 15px;
    }
    .tab-content-info ul li{
        font-size: 16px;
        line-height: 27px;
        padding-left: 25px;
    }
    .tab-content-info-title{
        padding-bottom: 25px;
    }
    .resp-vtabs .resp-tabs-list li h5 {
      font-size: 18px;
      line-height: 29px;
    }
    .resp-tabs-info ul li{
      padding-left: 50px;
    }
    .resp-tabs-info .big-center-btn a{
      min-width: 350px !important;
    }
    .resp-tabs-info .bright-title {
      margin-bottom: 7px;
    }
    .resp-vtabs .resp-tabs-container {
      padding: 30px 23px 50px 30px;
    }
    .resp-vtabs ul.resp-tabs-list {
      min-width: 310px;
    }
    .bx_info_head{
        padding-right: 75px;
        gap: 20px;
    }
    .business_ind_box_text h4 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 5px;
        min-height: 65px;
    }
    .business_ind_box_img {
        margin-bottom: 15px;
    }
    .business_ind_box_text p {
        font-size: 16px;
        line-height: 25px;
    }
    .shape-box-info {
        padding: 45px 20px 25px 20px;
    }
    .bx_info_head_text h4,.verticalTab-holder .resp-tabs-info h3 {
        font-size: 27px;
        line-height: 40px;
    }
    .shape-box-icon-img {
        right: 15px;
        top: 50px;
    }
    .vision-sec-text p ,.beyond-rpa-box-slider .apart-box p{
        font-size: 16px;
        line-height: 26px;
    }
    .vision-sec-text {
        padding-top: 0;
    }
    .ceo-cmnt-text p {
        font-size: 16px;
        line-height: 26px;
    }
    .ceo-cmnt-img {
        position: relative;
        margin-top: 0;
    }
    .work-box .work-box-num span {
        font-size: 100px;
        line-height: 100px;
    }
    .work-box p {
        font-size: 16px;
        line-height: 26px;
    }  
    .work-box h5 {
        font-size: 25px;
        line-height: 35px;
    }
    .perks-sec-box-wrapper .perks-box .perks-line:before {
        display: none;
    }
    .perks-sec-box-wrapper {
        padding-top: 46px;
        flex-wrap: wrap;
        padding-bottom: 30px;
        max-width: 750px;
    }
    .perks-box {
        width: 45%;
    }
    .bnf-text h4 {
        font-size: 28px;
        line-height: 38px;
    }
    .perks-sec-box-wrapper .perks-box:nth-child(2), .perks-sec-box-wrapper .perks-box:nth-child(3) {
        margin-top: 0;
    }
    .bnf-box {
        padding: 25px 11px;
        height: 100%;
    }
    .bnf-text p {
        font-size: 18px;
        line-height: 26px;
    }
    .ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(2) .ubix-interconnect-img {
        display: block;
        background: #E6E6E6;
        padding: 22px;
        border-radius: 50%;
        width: 90px;
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 40px;
        top: -50px;
    }
    .ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(1) {
        display: none !important;
    }
    .ubix-interconnect-main {
        margin-top: 0;
        padding-top: 40px;
    }
    .ubix-interconnect-box-wrapper + .ubix-interconnect-box-wrapper {
        margin-top: 65px;
    }
    .ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(2){
       position: relative;
       width: 100%;
       max-width: unset;
       top: 0;
       overflow: visible;
    }
    .ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(2) .interconnect-wrap {
        padding: 25px 40px 30px 40px;
    }
    .collaborate-main-box {
        background-size: cover;
        backdrop-filter: blur(1px);
        padding: 40px 40px 20px 110px;
    }
    .inner-main-heading h3,.every-sec-bottom-text h3,.seamless-int-box-inner h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .seamless-int-box-inner h3 br{
        display: none;
    }
    .article-tabs {
        gap: 20px;
    }
    .inner-main-heading h3 br{
        display: none;
    }
    .journey-step-wrapper{
        margin-top: 50px;
    }
    .big-center-btn a.orange-btn, .big-center-btn a.dark-btn, .big-center-btn a.glow-button {
        margin-top: 20px;
    }
    .journey-step-item h3 {
        font-size: 70px;
    }
    .inner-light-section,.inner-dark-section {
        padding: 50px 0;
    }
    .testi-inner-slider .slick-next {
        right: 15px;
    }
    .testi-inner-slider .slick-prev{
        left: 15px;
    }
    .m-v-logo {
        width: 270px;
    }
    .mission-vision-wrap .row>*:nth-child(2) .mission-vision-item {
        padding: 36px 23px 36px 130px;
    }
    .mission-vision-wrap .row>*:first-child .mission-vision-item {
        padding: 36px 130px 36px 23px;
    }
    .inner-success-wrapper .item h3 {
        font-size: 23px;
        line-height: 32px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .inner-success-wrapper .item p {
        font-size: 16px;
        line-height: 26px;
    }
    .highlight-box-text h4 {
        font-size: 21px;
        line-height: 30px;
    }
    .highlight-box-text {
        min-height: 270px;
    }
    .grade-wrapper {
        padding-top: 20px;
    }
    .grade-box h5 {
        font-size: 27px;
        line-height: 36px;
        margin-bottom: 10px;
        min-height: 70px;
    }
    .grade-box b {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .grade-box p {
        font-size: 20px;
        line-height: 30px;
    }
    .grade-box h4 {
        font-size: 37px;
        line-height: 42px;
    }
}
@media only screen and (max-width: 800.98px) {
    .grade-box h4 {
        font-size: 30px;
        line-height: 35px;
    }
    .innovate-item-skew-box h3 {
        font-size: 25px;
        line-height: 33px;
        margin-bottom: 15px;
    }
    .tell-us-sec{
        gap: 0px;
        flex-wrap: nowrap;
    }
    .tell-us-wrap {
        width: 45%;
    }
    .bx_info_head_text h4,.verticalTab-holder .resp-tabs-info h3 {
        font-size: 25px;
        line-height: 35px;
    }
    .article-tabs li a span {
        min-width: 120px;
        width: 100%;
        padding: 8px 16px;
    }
    .article-tabs li {
        font-size: 15px;
        line-height: 23px;
    }
    .article-tabs {
        gap: 15px;
    }
    .journey-step-item h3 {
        font-size: 50px;
        margin-bottom: 15px;
    }
    .journey-step-wrapper {
        max-width: 576px;
    }
    .journey-step-item {
        max-width: 280px;
    }
    .journey-step-wrapper .journey-step-item:nth-child(odd) p {
        padding-right: 30px;
    }
    .journey-line1{
        width: 143px;
        top: 113px;
        left: 200px;
        transform: rotate(84.5deg);
    }
    .journey-line3 {
        width: 180px;
        top: 440px;
        left: 182px;
        transform: rotate(86.5deg);
    }
    .journey-line2 {
        width: 168px;
        top: 265px;
        right: 220px;
        transform: rotate(94.5deg);
    }
    .journey-line3 {
        width: 180px;
        top: 460px;
        left: 182px;
    }
    .big-letter-text p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .big-letter-text h3 {
        font-size: 30px;
        line-height: 35px;
    }
}
@media only screen and (max-width: 767.98px) {
    .page-id-444 .apart-box {
        height: auto !important;
    }
    .apart-box-inner {
        padding: 50px 42px 10px 30px;
    }   
    .footer-up .main-heading h2 {
        margin-bottom: 30px;
    }
    .network-box ul li + li {
        margin-top: 15px;
    }    
    .network-box h4 {
        font-size: 23px;
        line-height: 31px;
        max-width: unset;
    }
    .eco-ben-text ul li + li {
        margin-top: 20px;
    }
    .foundation-pic img {
        margin: 0 auto 25px;
    }
    .transact-box-icon svg {
        max-width: 50px;
        max-height: 50px;
    }
    .transact-box {
        padding: 25px;
        padding-top: 35px;
    }
    .transact-box-text h4 {
        font-size: 23px;
        line-height: 33px;
    }
    .desk-content .big-center-btn {
        justify-content: center;
    }
    .motion-btn-wrapper>* {
        margin-bottom: 20px;
    }
    .inner-light-motion-section {
        margin: 60px 0 40px;
    }
    .desk-fetch-box h4 {
        font-size: 23px;
        line-height: 30px;
    }
    .desk-sub-text h4 {
        font-size: 23px;
        line-height: 33px;
    }
    .desk-fetch-box {
        padding: 20px;
        padding-left: 25px;
    }
    .desk-fetch-wrapper {
        margin-top: 35px;
    }
    .grade-box h4 {
        font-size: 25px;
        line-height: 35px;
    }
    .loading {
        height: 14px;
        margin-bottom: 15px;
    }
    .grade-box b {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 17px;
    }
    .grade-box p {
        font-size: 18px;
        line-height: 27px;
    }
    .grade-box h4 span {
        font-size: 20px;
        line-height: 30px;
    }
    .grade-box h5 {
        font-size: 22px;
        line-height: 29px;
        margin-bottom: 10px;
        min-height: 60px;
    }
    .business_ind_box_text h4{
        min-height: unset;
    } 
.tab-content-info ul li, .business_ind_box_text ul li {
    font-size: 16px;
    line-height: 26px;
    padding-left: 25px;
}
    .discover-wrapper .inner-main-heading {
        padding-bottom: 20px;
    }
    .tell-us-wrap .big-center-btn a {
        min-width: unset;
    }
    .alignleft,.alignright{
        float: none;
        margin: 20px auto;
    }
    .aligncenter{
        margin: 20px auto;
    }
    .default-content h2,.inner-team-vision .row .inner-main-heading h2{
        font-size: 30px;
        line-height: 40px;
    }
    .default-content h3{
        font-size: 25px;
        line-height: 35px;
    }
    .default-content h4{
        font-size: 23px;
        line-height: 33px;
    }
    .default-content h5{
        font-size: 20px;
        line-height: 30px;
    }
    .automation-sec {
        margin-top: 50px;
    }
    .big-letter-wrapper .row {
        padding-top: 35px;
    }
    .big-letter-wrapper .row:nth-child(even) .col-12 .big-letter-text {
        padding-left: 190px;
    }
    .big-letter span {
        font-size: 125px;
    }
    .big-letter {
        top: 15px;
    }
    .big-letter-text {
        max-width: 100%;
        margin-left: 0;
        padding-left: 190px;
        height: auto;
    }
    .partner-list-slider + .big-center-btn {
        padding-bottom: 0;
        margin-top: 5px;
    }
    .integration-partners-right {
        width: 100%;
        display: block;
        align-items: unset;
    }
    .integration-partners-each-item{
        width: 100%;
        margin: 0 15px;
    }
    .arrow-mark-listing ul li::after{
        width: 30px;
        height: 30px;
    }
    .row.seamless-int-slider {
        gap: 20px;
    }
    .seamless-int-slider {
        margin-top: 20px !important;
    }
    .seamless-int-box-inner {
        padding: 35px 20px;
    }
    .arrow-mark-listing ul li + li {
        margin-top: 20px;
    }    
    .outcomes-number h4 {
        font-size: 80px;
        line-height: 70px;
    }
    .inner-team li b {
        font-size: 21px;
        line-height: 30px;
    }
    .inner-team li {
        font-size: 17px;
        line-height: 26px;
    }
    .innovate-left-box {
        gap: 20px;
        margin-bottom: 20px;
    }
    .innovate-item .row {
        padding: 30px 0;
    }
    .dis-content .apart-icon {
        width: 80px;
        height: 80px;
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0px, 0px);
        margin: 20px;
    }
    .discover-wrapper {
        padding-top: 30px;
    }
    .discover-wrapper .row>*{
        margin-bottom: 25px;
    }
    .discover-wrapper .row>*:last-child{
        margin-bottom: 0;
    }
    .dis-content h4{
        padding: 0;
    }
    .quote-box{
        margin: 0 15px;
        max-width: unset;
        padding: 15px;
        min-height: 330px;
    }
    .quote-wrapper{
        display: block !important;
    }
    .time-connect li {
        position: relative;
        padding-left: 0;
        max-width: unset;
        padding-right: 0;
        min-height: unset;
        margin-right: 0;
        border: none !important;
    }
    .time-connect li h4 {
        font-size: 20px;
        line-height: 28px;
        padding: 15px 15px 15px 45px;
        border: 1px solid var(--orange);
        margin: 0 15px;
        border-radius: 15px;
        position: relative;
        min-height: 118px;
    }
    .time-connect li h4::after{
        position: absolute;
        left: 5px;
        top: 13px;
        content: "";
        width: 30px;
        height: 35px;
        background: url(images/arrow-shape.svg) no-repeat center;
        background-size: contain;
    }
    .time-connect{
        display: block;
    }
    .time-connect li::after{
        display: none;
    }
    .tell-us-wrap {
        max-width: unset;
        min-height: unset;
        margin: 0 15px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
    }
    .tell-us-box {
        padding: 25px 15px 20px;
    }
/*/// horizontal tab accordian style start /////*/
    .resp-tabs-links {
        display: none;
    }
    .resp-tabs-holder {
        border: none;
        background-image: none;
        border-radius: 0;
        border-top-left-radius: 0;
    }
    .settle-info p,.settle-info ul li{
        font-size: 16px; 
        line-height: 27px;
        margin-bottom: 15px;
    }
    .settle-info ul li{
        margin-bottom: 7px;
    }
    .accordion-title {
        cursor: pointer;
        font-family: var(--poppins);
        padding: 13px 22px;
        padding-right: 70px;
        font-weight: 700;
        font-size: 21px;
        line-height: 31px;
        position: relative;
        text-align: left;
        color: #fffafa;
        background: var(--orange);
        margin-bottom: 15px;
        border-radius: 15px;
        transition: all 0.4s ease-in-out;
    }
    .accordion-title::after{
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translate(0,-50%);
        content: "\2b";
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        font-size: 25px;
        color: var(--white);
        transition: all 0.4s ease-in-out;
    }
    .accordion-title:hover::after{
        color: var(--orange);
    }
    .accordion-title.active:hover::after{
        color: var(--orange);
    }
    .accordion-title.active:after{
        content: "\f068";
        color: var(--orange);
    }
    .accordion-title.active,
    .accordion-title:hover {
        background: #fff;
        color: var(--orange);
    }
    .tab-content {
        display: none;
        transition: all 0.4s ease-in-out;
    }
    .tab-content-info{
        margin-bottom: 25px;
        border-radius: 15px;
    }
    .tab-content.active {
        display: block;
        transition: all 0.4s ease-in-out;
    }
    .tab-content {
        transform: translateY(-10px);
        transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    }
    
    .tab-content.fade-in {
        opacity: 1;
        transform: translateY(0);
    }
/*/// horizontal tab accordian style end /////*/
    .transformation-box {
        padding: 30px 30px 25px 30px;
    }
    .tab-content-info-title {
        padding-bottom: 0;
    }
    .tab-content-info {
        padding: 15px 35px 50px;
    }
    .business_ind>*{
        width: 100%;
        position: relative;
        z-index: 2;
        padding:0;
        min-height: unset;
    }
    .business_ind_box {
        padding: 15px !important;
        border: 2px solid var(--orange) !important;
        border-radius: 15px;
        margin: 0 10px !important;
    }
    .business_ind::before, .business_ind::after,.business_ind_wrapper::after{
        display: none;
    }
    .inner-slick-sec{
        padding-bottom: 10px;
    }
    .shape-box-info p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 10px;
    }
    .bright-box h5 {
        font-size: 19px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .slick-nav-title-heading {
        margin: 55px 0 40px;
        padding: 0 50px;
    }
    .vision-sec-text h5 {
        font-size: 20px;
        line-height: 28px;
    }
    .ceo-cmnt{
        margin-top: 40px;
    }
    .interconnect-wrap {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(2) .ubix-interconnect-img {
        top: -60px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .ubix-interconnect-box-wrapper .ubix-interconnect-box{
        border-radius: 25px;
    }
    .ubix-interconnect-box-wrapper .ubix-interconnect-box .interconnect-text h5,.hq-box-text h3{
        font-size: 24px;
        line-height: 30px;
    }
    .ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(2) .interconnect-wrap {
        padding: 30px;
        padding-top: 50px;
    }
    .ceo-cmnt-text {
        padding-left: 0;
        text-align: center;
    }
    .ceo-cmnt-text .big-center-btn {
        justify-content: center;
    }
    .ceo-holder {
        padding: 30px;
    }
    .ceo-cmnt-img {
        position: relative;
        margin-top: 0;
        max-width: 250px;
        margin: 0 auto 30px;
    }
    .work-box {
        box-shadow: none;
        margin: 0 15px;
    }
    .work-sec {
        margin: 30px auto 20px !important;
    }
    .bnf-wrapper .row .bnf-box-holder{
        padding: 0;
        margin: 0 15px;
        margin-bottom: 20px;
    }
    .bnf-wrapper .row>* {
        margin-bottom: 0;
    }
    .ubix-interconnect-box-wrapper .ubix-interconnect-box:nth-child(2){
        box-shadow: none;
    }
    .ubix-interconnect-main {
        margin-top: 0;
        padding-top: 0;
    }
    .collaborate-bottom-title h3,.inner-light-section.ubix-interconnect .inner-main-heading h3,.inner-dark-benefit .inner-main-heading h3,.vision-sec .inner-main-heading h3,.tab-content-info-title h3,.apart-sec .inner-main-heading h3,.innovate-left-box h3{
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .collaborate-box-mini svg {
        width: 50px;
    }
    .collaborate-box-mini {
        padding: 5px 20px;
        min-height: unset;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 9;
        margin-bottom: 70px;
        width: 120px;
    }
    .collaborate-text ul li {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .collaborate-main-box {
        background-size: cover;
        backdrop-filter: blur(1px);
        padding: 40px 40px 20px 10px;
        margin-left: 20px;
    }
    
    .journey-line1 {
        width: 140px;
        top: 110px;
        left: 202px;
        transform: rotate(84.5deg);
    }
    .journey-line2 {
        width: 141px;
        top: 250px;
        right: 234px;
        transform: rotate(94.5deg);
    }
    .journey-line3 {
        width: 152px;
        top: 396px;
        left: 196px;
        transform: rotate(85.5deg);
    }
    .inner-success-wrapper {
        flex-wrap: wrap;
    }
    .inner-success-wrapper .item+.item::after{
        display: none;
    }
    .inner-success-wrapper .item {
        padding: 20px 15px 0px 15px;
        width: 100%;
        text-align: center;
        position: relative;
    }
    .inner-success-wrapper .item::before{
        content: "";
        position: absolute;
        left: 50%;
        bottom: -5px;
        transform: translate(-50%,0);
        width: 80%;
        height: 3px;
        background: var(--orange);
        border-radius: 10px;
    }
    .apart-box h3 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .apart-box-inner ul li {
        margin-bottom: 10px;
        line-height: 25px;
        font-size: 17px;
    }
    .m-v-logo {
        top: 50px;
    }
    .mission-vision-item p {
        line-height: 26px;
    }
    .m-v-logo {
        width: 150px;
    }
    .mission-vision-wrap .row>*:nth-child(2) .mission-vision-item {
        padding: 25px;
        text-align: center;
    }
    .mission-vision-wrap .row>*:first-child .mission-vision-item {
        padding: 70px 25px 25px 23px;
        text-align: center;
    }
    .mission-vision-wrap .row {
        padding-top: 45px;
    }
    .mission-vision-item h3 {
        font-size: 28px;
        line-height: 37px;
    }
    .mission-vision-wrap .row>*:nth-child(2) .mission-vision-item h3 {
        margin-top: 7px;
    }
    .mission-vision-wrap .row>*:first-child .mission-vision-item h3 {
        margin-bottom: 7px;
    }
    .client-info-right h3,.tell-us-box h4 {
        font-size: 22px;
        line-height: 32px;
    }
    .bnf-box {
        gap: 20px;
    }
    .bnf-wrapper .big-center-btn.text-center {
        gap: 10px;
    }
    .resp-vtabs .resp-tabs-container {
        padding: 30px;
    }
    .resp-tabs-info p {
      font-size: 16px;
      line-height: 27px;
    }
    .resp-tabs-info ul li {
      font-size: 16px;
      line-height: 25px;
      margin-bottom: 10px;
    }
    .resp-tabs-info .big-center-btn a {
      min-width: unset !important;
    }
    h2.resp-tab-active span.resp-arrow {
      border: none;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 12px solid #9B9797;
    }
    ul.resp-tabs-list { 
      display: none; 
    }
    .resp-tabs-box {
      align-items: center;
    }
    .resp-tabs-box {
      align-items: center;
      max-width: unset;
      gap: 15px;
      padding: 15px 50px 15px 20px !important;
    }
    .resp-arrow {
      width: 0;
      height: 0;
      margin-top: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 12px solid #c1c1c1;
      position: absolute;
      right: 20px;
      top: 50%;
      transition: all 0.4s ease-in-out;
      transform: translate(0,-50%);
    }
    h2.resp-accordion {
      display: block;
      border-radius: 35px;
      margin-bottom: 10px;
      border-top: 1px solid #c1c1c1 !important;
      position: relative;
      padding: 0;
      transition: all 0.4s ease-in-out;
    }
    h2.resp-tab-active { 
      padding: 0 !important;
      margin-bottom: 5px;
      transition: all 0.4s ease-in-out;
    }
    h2.resp-tab-active h5{
      color: var(--orange);
    }
    .resp-vtabs .resp-tab-content {
      border: 1px solid #C1C1C1;
      padding: 20px;
      border-radius:35px;
      margin-bottom: 10px;
    }
    .resp-vtabs .resp-tabs-container {
      border: none;
      float: none;
      width: 100%;
      min-height: initial;
      clear: none;
    }
    .resp-accordion-closed {
       display: none !important; 
    }
    .beyond-rpa-box-slider .apart-box h4 {
        font-size: 26px;
        line-height: 34px;
    }
    .beyond-rpa-box-slider .apart-icon {
        width: 80px;
        height: 80px;
    }
    .beyond-rpa-box-slider .apart-icon svg {
        width: 100%;
        padding: 5px;
    }
}
@media only screen and (max-width: 680.98px) {
    .row.headqueater-sec>* {
        width: 100% !important;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 620.98px) {
    .beyond-rpa-box-slider .apart-box-inner {
        padding: 35px 15px 20px 15px;
    }
    .arrow-mark-listing ul li {
        font-size: 16px;
        line-height: 25px;
        padding-left: 40px;
    }
    .outcomes-number h4 {
        font-size: 70px;
        line-height: 60px;
        margin-bottom: 0;
    }
    .tell-us-form {
        padding: 40px 35px;
    }
    .transformation-box h4 {
        font-size: 23px;
        line-height: 32px;
    }
    .slick-nav-title-heading .slick-prev {
        left: 0;
    }
    .slick-nav-title-heading .slick-next {
        right: 0;
    }
    .slick-nav-title-heading {
        padding: 0 27px;
    }
    .perks-sec-box-wrapper {
        padding-bottom: 15px;
    }
    .inner-main-heading ul {
        gap: 15px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .inner-main-heading ul li {
        width: 100%;
    }
    .journey-line-draw>*:before,.journey-step-wrapper .journey-step-item::before {
        display: none;
    }
    .journey-step-wrapper .journey-step-item:nth-child(odd) p {
        padding-right: 0;
    }
    .journey-step-item h3 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .journey-step-item {
        max-width: 280px;
        margin: 0 auto 30px;
        text-align: center;
    }
    .client-info-box {
        margin: 10px 45px;
    }
    /* .testi-inner-slider ul.slick-dots {
        padding: 0 20px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 20px 0 0;
        gap: 5px;
    }
    .testi-inner-slider ul.slick-dots li button {
        display: none;
    }
    .testi-inner-slider ul.slick-dots li {
        height: 12px;
        width: 12px;
        background: #ff6021;
        border-radius: 50%;
        transition:all 0.3s ease-in-out;
    }
    .testi-inner-slider ul.slick-dots li.slick-active {
        width: 30px;
        border-radius: 10px;
        background: #fff;
    } */
    .article-tabs li a {
        width: 100%;
    }
    .article-tabs{
        flex-wrap: wrap;
        padding: 0;
    }
    .article-tabs li {
        width: 45%;
    }
    .article-tabs li a span {
        min-width: unset;
        width: 100%;
    }
    .bnf-text h4 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .performance-gain-main-wrapper {
        margin: 30px auto 50px;
    }
}
@media only screen and (max-width: 575.98px) {
    .network-wrapper>* {
        margin-bottom: 0px;
    }
    .network-box {
        margin: 0 15px;
    }
    .network-wrapper + .big-center-btn a {
        margin-top: 30px !important;
    }    
    .eco-ben-wrapper + .big-center-btn a.orange-btn {
        margin-top: 30px !important;
    }
    .eco-ben-wrapper>*{
        margin-bottom: 0px;
    }
    .eco-ben-box {
        margin: 0 15px;
    }
    .transact-wrapper + .sp-line {
        padding-top: 30px;
    }
    .transact-box {
        margin: 0 15px;
    }
    .drp-down-input {
        background-position: right 16px top 17px !important;
        padding: 9px 18px;
    }
    .check-drp-down{
        min-width: unset !important;
    }
    .transact-wrapper>* {
        margin-bottom: 0px;
    }
    .filter-popup-form {
        padding: 25px;
    }
    .desk-fetch-wrapper .desk-fetch-box + .desk-fetch-box {
        margin-top: 0;
    }
    .desk-fetch-wrapper .desk-fetch-box {
        margin: 20px !important;
        box-shadow: -7px 9px 7px 0px #00000026;
    }
    .motion-btn-box{
        margin: 0 15px;
    }
    .motion-btn-box a {
        padding: 10px 22px;
    }
    .grade-box::after, .grade-box {
        box-shadow: none;
        min-height: 270px;
    }
    .grade-wrapper>*,.framework-box-wrapper .row>* {
        margin-bottom: 0px;
    }
    .highlight-wrapper {
        padding-top: 20px;
    }
    .highlight-box-text p {
        scrollbar-width: none;
        padding: 90px 20px 35px;
        overflow-y: auto;
    }
    .highlight-box-text {
        min-height: 225px;
    }
    .highlight-wrapper>* {
        margin-bottom: 15px;
    }
    .highlight-box-text h4 {
        padding: 90px 30px 20px;
        font-size: 19px;
        line-height: 29px;
    }
    .highlight-box-icon svg {
        top: 0px;
    }
    .highlight-box {
        position: relative;
        padding-top: 50px;
        margin: 0 15px;
    }
    .framework-box::after,.framework-box{
        box-shadow: none;
    }
    .framework-box-wrapper h4,.framework-box-wrapper h5{
        font-size: 18px;
        line-height: 27px;
    }
    .framework-box h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .framework-box p ,.framework-box h3 span {
        font-size: 16px;
        line-height: 25px;
    }
    .core-ubix>* {
        margin-bottom: 5px;
    }
    .core-ubix-box {
        margin: 0 20px;
    }
    .transformation-box {
        padding: 20px;
    }
    .headqueater-sec>* {
        margin-bottom: 20px;
    }
    .tell-us-sec {
        flex-wrap: wrap;
        gap: 20px;
    }
    .tell-us-box {
        height: auto !important;
    }
    .tell-us-wrap {
        width: 100%;
    }
    .work-box {
        margin: 0 7px;
    }
    .section-entered .beyond-rpa-box-slider {
        animation: none;
    }
    .partner-list-slider::after,.partner-list-slider::before{
        display: none;
    }
    .partner-list-slider {
        margin: 15px 0;
    }
    .performance-gain-sec {
        margin-top: 50px;
    }
    .inner-banner + .default-content-wrapper {
        margin-top: -135px;
    }
    .default-content h2, .default-content h3, .default-content h4, .default-content h5, .default-content h6 {
        margin-bottom: 15px;
    }
    .default-content li, .default-content p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .default-content h2,.inner-team-vision .row .inner-main-heading h2{
        font-size: 27px;
        line-height: 37px;
    }
    .big-letter-wrapper .row:nth-child(even) .col-12 .big-letter-text {
        padding-left: 15px;
    }
    .architecture-each-item-inner {
        justify-content: flex-start;
    }
    .automation-sec .row>* {
        margin-bottom: 7px;
    }
    .automation-sec .solution-box{
        box-shadow: none;
    }

    .architecture-number {
        width: 100px;
        height: 100px;
    }

    .architecture-number h3 {
        font-size: 36px;
        line-height: 52px;
    }

    .partner-list-slider .item a img {
        filter: grayscale(0%);
    }

    .big-letter span {
        font-size: 95px;
        line-height: 175px;
    }
    .big-letter-text h3 {
        font-size: 25px;
        line-height: 30px;
    }
    .big-letter-text {
        padding-left: 15px;
        padding-top: 110px;
    }
    .partner-list-slider .item a img {
        margin: 0 auto;
    }
    .partner-list-slider .item a{
        width: 100%;
    }
    .architecture-each-item{
        margin: 0;
    }
    .beyond-rpa-box-slider .apart-box-wrap{
        margin-left: 15px;
        margin-right: 15px;
    }
    .beyond-rpa-box-slider .apart-box-inner {
        padding: 40px 15px 20px 15px;
    }
    .performance-gain-each-box h3 {
        font-size: 75px;
        line-height: 90px;
    }
    .performance-gain-each-box {
        width: 48%;
        padding: 30px 10px 15px;
        margin: 0 15px;
    }
    .performance-gain-each-box h4 {
        font-size: 24px;
        line-height: 32px;
    }
    .outcomes-each-item::before{
        display: none;
    }
    .changemakers-content {
        padding: 0 15px 20px;
    }
    .changemakers-title {
        padding: 28px 15px 0;
    }
    .leaders-box{
        margin: 0 15px;
        padding: 18px 20px 15px;
    }
    .leaders-box-content h5 {
        font-size: 20px;
        line-height: 35px;
    }
    .innovate-item::after,.innovate-item::before{
        display: none;
    }
    .innovate-item:hover{
        background-image: none;
    }
    .innovate-item{
        border: 1px solid #585858;
        margin: 0 10px;
    }
    .discover-wrapper .row>* {
        margin-bottom: 0px;
    }
    .discover-box-holder {
        margin: 0 15px;
    }
    .quote-box{
        min-height: unset;
    }
    .ft-btns-group {
        gap: 0px;
    }
    .time-connect li h4{
        min-height: unset;
    }
    .tell-us-form {
        padding: 40px 15px;
    }
    .tell-us-form form .input-wrapper input, .tell-us-form form .input-wrapper select, .tell-us-form form .input-wrapper textarea {
        border-radius: 13px;
        padding: 15px 20px;
        font-size: 16px;
        line-height: 25px;
    }
    .doc-wrapper span {
        font-size: 15px;
    }
    .settle-box {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 0;
        justify-content: flex-end;
        margin: 0 15px !important;
        padding: 15px !important;
        border: 1px solid var(--orange) !important;
        border-radius: 10px;
        border-bottom: 1px solid var(--orange);
        padding-bottom: 15px;
    }
    .tab-content-info {
        padding: 15px 15px 50px;
    }
    .accordion-title {
        padding: 11px 22px;
        padding-right: 60px;
        font-size: 19px;
        line-height: 30px;
    }
    .tab-content-info .big-center-btn a{
        min-width: unset !important;
    }
    .tab-content-info h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .section-entered .inner-success-wrapper {
        animation: none;
    }
    .inner-success-wrapper .item::before{
        display: none;
    }
    .client-info-left img{
        max-width: 200px;
    }
    .resp-vtabs .resp-tabs-container {
        padding: 15px 10px;
    }
    .apart-icon {
        min-width: 85.87px;
        min-height: 84.87px;
        top: -50px;
    }
    .apart-icon svg {
        width: 100%;
        padding: 10px;
    }
    .apart-box-wrap {
        position: relative;
        margin-top: 50px;
    }
    .apart-box{
        box-shadow: none;
    }
    .resp-tabs-box h5 {
      font-size: 18px;
      line-height: 27px;
    }
    .resp-tabs-info ul li::after {
      width: 30px;
    }
    .resp-tabs-info ul li {
      padding-left: 42px;
    }
    .settle-info h3,.bright-title h3,.bright-title h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .shape-box-icon-img svg {
        width: 100%;
    }
    .bx_info_head {
        padding-right: 60px;
        gap: 10px;
        flex-direction: column;
    }
    .bx_info_head_text h4 ,.verticalTab-holder .resp-tabs-info h3{
        font-size: 23px;
        line-height: 33px;
    }
    
    .shape-box-icon-img {
        width: 60px;
    }
    .bright-title-table {
        justify-content: flex-start;
        margin-right: auto;
        flex-direction: column;
    }
    .bright-title-table .bright-box + .bright-box::after{
        display: none;
    }
    .shape-box-info ul li::after {
        width: 30px;
        height: 35px;
    }
    .shape-box-info ul li {
        font-size: 16px;
        line-height: 28px;
        padding-left: 45px;
    }
    .bright-title-table .bright-box + .bright-box ,.bright-box{
        padding-left: 0;
        padding-right: 0;
    }
    .bright-title-table .bright-box + .bright-box {
        border-top: 1px solid white;
        padding-top: 10px;
    }
    .shape-box p {
        font-size: 14px;
        line-height: 23px;
    }
    .shape-box::before {
        height: 90%;
    }
    .shape-box span {
        font-size: 65px;
        line-height: 65px;
        margin-bottom: 5px;
    }
    .slick-current .shape-box::after {
        width: 7px;
    }
    .slick-nav-title-heading .slick-arrow{
        font-size: 23px;
    }
    .ceo-cmnt-img {
        max-width: 200px;
    }
    .ceo-holder {
        padding: 25px 15px;
    }
    .bnf-box {
        padding: 25px 11px;
        height: 100%;
        flex-direction: column;
    }
    .collaborate-bottom-title h3,.inner-light-section.ubix-interconnect .inner-main-heading h3,.inner-dark-benefit .inner-main-heading h3,.vision-sec .inner-main-heading h3,.tab-content-info-title h3,.apart-sec .inner-main-heading h3,.innovate-left-box h3,.outcomes-heading h3{
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .inner-success-wrapper .item::before{
        width: 100%;
    }
    .apart-box-inner {
        padding: 55px 25px 40px 20px;
    }
    .inner-apart-sec .apart-box-inner {
        padding: 55px 25px 25px 20px;
    }
    .apart-box h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .apart-box-inner ul li {
        margin-bottom: 12px;
        line-height: 24px;
        font-size: 16px;
    }
    .after-banner-sec {
        margin-top: -120px;
    }
    .mission-vision-wrap .row>*:first-child .mission-vision-item {
        padding: 70px 25px 25px 23px;
    }
    .footer-step .item {
        width: 50%;
        margin-bottom: 15px;
    }
    .footer-step{
        flex-wrap: wrap;
    }
    .footer-step .item+.item::after{
        display: none;
    }
    .article-btn {
        font-size: 16px;
        line-height: 26px;
    }
    .article-btn a i {
        font-size: 18px;
    }
    .article-box-text p {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 25px;
    }
    .feature-box {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 480.98px) {
    .eco-ben-text {
        padding: 43px 15px 43px 15px;
    }
    .network-box {
        padding: 30px 20px;
        margin: 0 12px;
    }
    .eco-ben-box {
        padding: 20px 15px 25px 15px;
        margin: 0 10px;
    }
    .eco-ben-title h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .eco-ben-title {
        padding: 18px 20px;
    }
    .inner-light-motion-section .row>* {
        padding: 0;
    }
    .desk-fetch-wrapper .desk-fetch-box {
        margin: 20px 15px !important;
    }
    .hq-box-text h3::after {
        font-size: 25px;
    }
    .feature-box-catagory {
        justify-content: center;
        flex-direction: column;
        margin-bottom: 20px;
        gap: 10px;
    }
    .feature-box-catagory p{
        margin-bottom: 0;
    }
    .inner-banner + .default-content-wrapper {
        margin-top: -150px;
    }
    .default-content h2,.inner-team-vision .row .inner-main-heading h2{
        font-size: 25px;
        line-height: 35px;
    }
    .default-content h3{
        font-size: 23px;
        line-height: 33px;
    }
    .default-content h4{
        font-size: 20px;
        line-height: 30px;
    }
    .default-content h5{
        font-size: 18px;
        line-height: 27px;
    }
    .default-content h6{
        font-size: 17px;
        line-height: 27px;
    }
    .doc-wrapper{
        padding-left: 20px;
    }
    .leaders-box {
        margin: 0 13px;
        padding: 18px 20px 15px;
        flex-direction: column-reverse;
        gap: 10px;
    }
    .shape-box span {
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 5px;
    }
    .bnf-wrapper .row .bnf-box-holder {
        padding: 0;
        margin: 0 10px;
    }
    .collaborate-bottom-title h3,.inner-light-section.ubix-interconnect .inner-main-heading h3,.inner-dark-benefit .inner-main-heading h3,.vision-sec .inner-main-heading h3,.tab-content-info-title h3,.apart-sec .inner-main-heading h3,.innovate-left-box h3,.outcomes-heading h3 {
        font-size: 23px;
        line-height: 35px;
        margin-bottom: 15px;
    }
    .collaborate-main-box {
        background-size: contain;
        padding: 40px 10px 20px 10px;
        margin-left: 0;
    }
    .collaborate-text h4 {
        font-size: 23px;
        line-height: 34px;
    }
    .article-box-text {
        padding: 0 10px 25px 10px;
    }
    .client-info-box {
        margin: 10px 30px;
        padding: 28px 20px;
    }
    .inner-main-heading h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .client-info-left img, .client-info-left {
        width: 100%;
    }
    .client-info-right h3,.tell-us-box h4 {
        font-size: 24px;
        line-height: 32px;
    }
    .client-info-right h4 {
        font-size: 19px;
        line-height: 27px;
        margin-bottom: 7px;
    }
    .client-info-right h5{
        font-size: 18px;
        line-height: 26px;
    }
    .client-desg {
        padding-bottom: 20px;
        gap: 10px;
        flex-wrap: wrap;
    }
    .client-info-left {
        min-width: unset;
    }
    .mission-vision-wrap .row>*:nth-child(2) .mission-vision-item {
        padding: 25px;
    }
    .mission-vision-wrap .row>*:first-child .mission-vision-item {
        padding: 70px 25px 25px;
    }
    .article-tabs {
        /* margin: 40px 0 45px; */
    }

    .doc-wrapper label {
        right: 20px;
    }
    .verticalTab-holder .resp-tabs-info ul li {
        padding-left: 50px;
    }
    .moon-box-upper:after {
        width: 315px;
        bottom: -70px;
    }
}
@media only screen and (max-width: 420.98px) {
    .network-wrapper>*{
        padding: 0 !important;
    }
    .eco-ben-text ul li {
        font-size: 15px;
        line-height: 24px;
    }
    .inner-light-motion-section  .big-center-btn a.orange-btn{
        min-width: unset;
    }
    .moon-box-upper .moon-box-upper-text {
        width: 240px;
        height: 240px;
        box-shadow: 0px 6px 25px 1px #0000004D;
    }
    .moon-box-upper {
        margin: 55px 0;
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .moon-box-upper:after {
       display: none;
    }
    .grade-box h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .grade-box {
        padding: 30px 20px;
    }
    .core-ubix-box-content{
        margin-left: 18px;
    }
    .inner-main-heading h3, .every-sec-bottom-text h3, .seamless-int-box-inner h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .core-ubix-box h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .beyond-rpa-box-slider .apart-box h4 {
        font-size: 24px;
        line-height: 32px;
    }
    .core-ubix-box {
        margin: 0 6px;
    }
    .resp-tabs-box {
        padding: 15px 40px 15px 20px !important;
    }
    .resp-tabs-box h5 {
      font-size: 16px;
      line-height: 25px;
    }
    .bx_info_head_img span {
        font-size: 70px;
        line-height: 80px;
    }
    .big-center-btn a.orange-btn, .big-center-btn a.dark-btn, .big-center-btn a.glow-button {
        min-width: 300px;
        margin-top: 30px;
    }
    .inner-success-wrapper .item h3 {
        font-size: 22px;
        line-height: 31px;
        margin-bottom: 7px;
    }
    .inner-success-wrapper .item p {
        font-size: 16px;
        line-height: 24px;
    }
}
@media only screen and (max-width: 380.98px) {
    .ceo-cmnt-text .big-center-btn a.orange-btn {
        min-width: 260px;
        margin-top: 30px;
    }
    .article-tabs {
        gap: 10px;
        /* margin: 25px 0 40px; */
    }
    .article-tabs li {
        width: 100%;
    }
}