/*=========================================
        ROBOTIC BENEFITS
=========================================*/
/*.green-bg{background-color: #065149 !important;}*/
.btn-success:hover i.bi.bi-telephone.call-btn.new {color: #fff !important;transition: .3s;}

span.second-btn-new-con {
    background-color: #7ba39f;
    padding: 10px 20px;
    color: #fff;
    border-radius: 10px;
}
.basic-con-box-con h3 {
    color: #054a43;
}
.rb-center img{
    transform:scale(1);
    transition:transform .6s ease;
    will-change:transform;
}

.rb-center.active img{
    transform:scale(1.12);
}
.robotic-benefits{
    padding:80px 0;
    overflow:hidden;
}

.robotic-benefits .container{
    max-width:1600px;
}

.rb-wrappers{
    position:relative;
    width:100%;
    height:550px;
}

/*=========================
      CENTER IMAGE
=========================*/

.rb-center{
    position:absolute;
    top:50%;
    left:50%;
    width:430px;
    transform:translate(-50%,-50%);
    z-index:20;
}

.rb-center img{
    width:100%;
    display:block;
}

/*=========================
      COMMON
=========================*/
/*=========================
      COMMON
=========================*/

.rb-item{
    position:absolute;
    display:flex;
    align-items:center;
    width:340px;
    gap:12px;
    transition:.35s ease;
}

.left{
    flex-direction:row-reverse;
    justify-content:flex-end;
    text-align:right;
}

.right{
    justify-content:flex-start;
    text-align:left;
}

.rb-icon{
    width:54px;
    height:54px;
    border-radius:50%;
    background:#065149;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

.left .rb-icon{
    margin-left:12px;
}

.right .rb-icon{
    margin-right:12px;
}

.rb-text{
    max-width:270px;
}

.rb-text h5{
    margin:0;
    font-size:16px;
    font-weight:600;
    line-height:1.2;
    color:#065149;
    white-space:nowrap;
}
/*=========================
      LEFT POSITION
=========================*/

.l1{top:5px;left:215px;}
.l2{top:80px;left:240px;}
.l3{top:180px;left:83px;}
.l4{top:280px;left:40px;}
.l5{top:380px;left:225px;}
.l6{top:480px;left:305px;}

/*=========================
      RIGHT POSITION
=========================*/
.r1{top:5px;right:190px;}
.r2{top:80px;right:108px;}
.r3{top:180px;right:50px;}
.r4{top:280px;right:50px;}
.r5{top:380px;right:110px;}
.r6{top:480px;right:190px;}

/*=========================
      HOVER
=========================*/

.rb-item:hover{
    transform:translateY(-8px);
}

.rb-item:hover .rb-icon{
    transform:scale(1);
    background:#078844;
}

.rb-item:hover h5{
    color:#000;
    transform:scale(1);
}

.rb-center{
    animation:floatImage 5s ease-in-out infinite;
}

@keyframes floatImage{

    0%{
        transform:translate(-50%,-50%);
    }

    50%{
        transform:translate(-50%,-56%);
    }

    100%{
        transform:translate(-50%,-50%);
    }

}

/*
*/

@media (max-width:1399px){
.rb-center img {
    width: 65%;
    margin: auto;
    display: block;
}
  
}

/*=========================================
        TABLET + MOBILE
=========================================*/

@media (max-width:991px){

    .rb-wrappers{
        display:flex;
        flex-direction:column;
        align-items:center;
        height:auto;
    }

    /* Left Items */
    .l1{order:1;}
    .l2{order:2;}
    .l3{order:3;}
    .l4{order:4;}
    .l5{order:5;}
    .l6{order:6;}

    /* Center Image */
    .rb-center{
        order:7;
        position:relative;
        left:auto;
        top:auto;
        transform:none !important;
        width:320px;
        margin:30px auto;
        animation:none;
    }

    /* Right Items */
    .r1{order:8;}
    .r2{order:9;}
    .r3{order:10;}
    .r4{order:11;}
    .r5{order:12;}
    .r6{order:13;}

    .rb-item{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        width:100%;
        max-width:420px;
        margin:10px auto;

        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:15px;

        flex-direction:row !important;
        text-align:left !important;
    }

    .left,
    .right{
        flex-direction:row !important;
        justify-content:flex-start;
        text-align:left;
    }

    .left .rb-icon,
    .right .rb-icon{
        margin:0 15px 0 0 !important;
    }

    .rb-text{
        max-width:calc(100% - 70px);
    }

    .rb-text h5{
        font-size:16px;
    }

}

/*=========================================
        MOBILE
=========================================*/

@media (max-width:767px){

    .robotic-benefits{
        padding:50px 0;
    }

    .rb-center{
        width:260px;
    }

    .rb-item{
        max-width:100%;
        gap:12px;
    }

    .rb-icon{
        width:46px;
        height:46px;
        font-size:18px;
    }

    .rb-text h5{
        font-size:15px;
        line-height:1.45;
    }

}

@media (max-width:991px){

    .cards-container{
        padding-top:20px;
    }

    .process-card{
        position:relative;
        transition:.3s;
    }

}
/**/

.container.basic-sec {
    background: #065149;
    padding: 40px 20px;
    box-shadow: 0px 0px 0px 20px #065149;
    border-radius: 15px;
}

.cards-container{
  position:relative;
}
.process-cards.process-cards-new{
 position: sticky;
 height: auto;
 background: #fff;
 border-radius: 15px;
 padding: 50px 25px;
 margin-bottom: 30px;
 box-shadow: 0px 0px 6px 1px #0000003d !important;
 
}
.process-cards{
 position: sticky;
 height: 200px;
 background: #fff;
 border-radius: 15px;
 padding: 50px 25px;
 margin-bottom: 30px;
 box-shadow: 0px 0px 6px 1px #0000003d !important;
 
}

.process-cards:nth-child(1){
  top:100px;
}

.process-cards:nth-child(2){
  top:120px;
}

.process-cards:nth-child(3){
  top:140px;
}

.process-cards:nth-child(4){
  top:160px;
}

.process-cards:nth-child(5){
  top:180px;
}
.process-cards:nth-child(6){
  top:200px;
}
.process-cards:nth-child(7){
  top:220px;
}
.process-cards:nth-child(8){
  top:240px;
}
.process-cards:nth-child(9){
  top:260px;
}
.process-cards:nth-child(10){
  top:280px;
}
.process-cards:nth-child(11){
  top:300px;
}
.process-cards:nth-child(12){
  top:320px;
}
.process-cards:nth-child(13){
  top:340px;
}
.process-cards:nth-child(14){
  top:360px;
}
.process-cards:nth-child(15){
  top:380px;
}
.process-cards:nth-child(16){
  top:400px;
}
.process-section{
  min-height:100%;
}
brandLogoSlider{
    width:100%;
    overflow:hidden;
    position:relative;
    padding:20px 0;
}

.brandLogoTrack{
    display:flex;
    align-items:center;
    gap:30px;
    width:max-content;
    animation:brandLogoScroll 30s linear infinite;
    will-change:transform;
}

/* Pause on Hover */
.brandLogoSlider:hover .brandLogoTrack{
    animation-play-state:paused;
}

.brandLogoItem{
    width:220px;
    min-width:220px;
    height:80px;
    background:#fff;
    border:1px solid #d7d7d7;
    border-radius:50px;

    display:flex;
    justify-content:center;
    align-items:center;

    transition:all .35s ease;
    cursor:pointer;

    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

/* Card Zoom */
.brandLogoItem:hover{
    transform:scale(1.08);
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.brandLogoItem img{
    max-width:160px;
    max-height:45px;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:transform .35s ease;
}

.brandLogoItem:hover img{
    transform:scale(1.05);
}

/* Infinite Scroll */
@keyframes brandLogoScroll{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }

}

/* Responsive */

@media(max-width:991px){

    .brandLogoTrack{
        gap:20px;
        animation-duration:25s;
    }

    .brandLogoItem{
        width:180px;
        min-width:180px;
        height:70px;
    }

    .brandLogoItem img{
        max-width:130px;
    }

}

@media(max-width:576px){

    .brandLogoTrack{
        gap:15px;
        animation-duration:20s;
    }

    .brandLogoItem{
        width:150px;
        min-width:150px;
        height:60px;
        border-radius:35px;
    }

    .brandLogoItem img{
        max-width:100px;
        max-height:35px;
    }

}


/**/

.mw6-logo-marquee-section{
    overflow:hidden;
    width:100%;
    position:relative;
}

.mw6-logo-marquee-wrap{
    overflow:hidden;
    width:100%;
}

.mw6-logo-marquee-track{
    display:flex;
    align-items:center;
    will-change:transform;
}

.mw6-logo-item{
    flex:0 0 16.666666%;
    border-radius: 50px;
    max-width:16.666666%;
    padding:0px;
    box-sizing:border-box;
}

.mw6-logo-item img{
    width:100%;
    max-width:200px;
    background-repeat: no-repeat;
    height:65px;
    object-fit:contain;
        border-radius: 50px;
    background-color: #fff;
    display:block;
    margin:auto;
}

@media(max-width:991px){

    .mw6-logo-item{
        flex:0 0 25%;
        background-color: #fff;
        max-width:25%;
    }

}

@media(max-width:767px){

    .mw6-logo-item{
        flex:0 0 50%;
        max-width:50%;
    }

}


.mw6-logo-item img {
    border: 1px solid #2c2d2f;
    border-radius: 50px;
        box-shadow: 0px 0px 0px 15px #ffffff;
    background-color: #FFF;
    padding: 10px;
}

button:focus:not(:focus-visible){font-size: 16px; color: #065149;}
.accordion-button:not(.collapsed) {
    color: #065149;
    font-size: 16px;
    font-weight: 700;
    background-color: #e6f1f0;
    box-shadow: 0px;}
.accordion-body {
    background: #e6f1f0;
    font-size: 13px;
    color: #065149;
    box-shadow: none !important;
}
button.accordion-button.collapsed{background-color: #e6f1f0;    font-size: 16px; color: #065149;    font-weight: 700;    border-bottom: 1px solid #000 !important;    border: none !important;}
.social-footer-icons a
 {
    background: #4f4f4f;
    width: 45px;
    color: #fff;
    margin: 5px 5px;
    border-radius: 32px;
    text-align: center;
    font-size: 24px;
    padding: 6px;
    height: 45px;
    display: inline-grid;
    transition: .3s;
    transform: rotate(360deg);
}
.social-footer-icons a:hover
 {
    background: #065149;
    width: 45px;
    color: #fff;
    margin: 5px 5px;
    border-radius: 32px;
    text-align: center;
    font-size: 24px;
    padding: 6px;
    height: 45px;
    display: inline-grid;
    transition: .3s;
    transform: rotate(0deg);
}

.social-footer-icons-con a
 {
    background: #4f4f4f;
    width: 45px;
    color: #fff;
    margin: 5px 5px;
    border-radius: 32px;
    text-align: center;
    font-size: 24px;
    padding: 6px;
    height: 45px;
    display: inline-grid;
    transition: .3s;
}
.social-footer-icons-con a:hover
 {
    background: #065149;
    width: 45px;
    color: #fff;
    margin: 5px 5px;
    border-radius: 32px;
    text-align: center;
    font-size: 24px;
    padding: 6px;
    height: 45px;
    display: inline-grid;
    transition: .3s;
}

ul.listing-footer-link li {
    margin-bottom: 5px;
    position: relative;
    right: 5px;
    transition: .3s;
}
ul.listing-footer-link li:hover {
    margin-bottom: 5px;
    position: relative;
    right: 0px;
    transition: .3s;
}



/* Mobile Responsive */
@media (max-width: 991.98px) {

    .hero-second .carousel-item .row{
        flex-direction: column;
        text-align: center;
    }

    .hero-second .basic-con-img{
        width: 100%;
        max-width: 350px;
        margin: 0 auto 20px;
        display: block;
    }

    .hero-second .testimonialscard{
        padding: 0 15px;
    }

    .hero-second .testimonialscard p{
        font-size: 18px;
        line-height: 1.7;
        text-align: center !important;
    }

    .hero-second .carousel-control-prev{
        left: calc(50% - 50px);
        right: auto;
        top: 15px;
    }

    .hero-second .carousel-control-next{
        right: calc(50% - 50px);
        top: 15px;
    }
}

@media (max-width: 576px) {

    .hero-second .basic-con-img{
        max-width: 280px;
    }

    .hero-second .testimonialscard p{
        font-size: 16px;
        line-height: 1.6;
    }

    .hero-second .carousel-control-prev{
        left: calc(50% - 45px);
    }

    .hero-second .carousel-control-next{
        right: calc(50% - 45px);
    }
}



.basic-btn{
    position: absolute;
    top: 30px;
    right: 80px;
    z-index: 99;
    display: flex;
    gap: 12px;
}

.basic-btn .carousel-control-prev,
.basic-btn .carousel-control-next{
    position: relative;
    inset: auto;
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
}

.basic-btn .carousel-control-prev-icon,
.basic-btn .carousel-control-next-icon{
    filter: invert(1);    HEIGHT: 15PX;
}

.call-btn{ animation: zfgdfsg 1s ease 0s infinite normal forwards;}
@keyframes zfgdfsg {
    0% {
         transform: translateX(0px); color: #065149;
       }
    20% 
       {
         transform: translateX(1px); color: #065149;
       }
    40% 
       {
         transform: translateX(2px); color: #065149;
       }
    60% 
      {
         transform: translateX(1px)rotate(10deg); color: #065149;font-weight: 700;
      }
    80% 
      {
         transform: translateX(0px); color: #065149;font-weight: 700;
      }
    100% 
    {
       transform: translateX(0px); color: #065149;
    }

}

@media (min-width: 992px) {
    .order-lg-1 {
        order: 1 !important;
        position: relative;
        left: 30px;
    }
}