.service-slider-container{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;
	
	margin-block-start: 0rem !important;

}

.service-slider-container .left,.service-slider-container .right{

    flex: 0 0 50%;

    padding: 5vw 2.5vw;

    isolation: isolate;

    position: relative;

}

.service-slider-container::before{

    content: "";

    position: absolute;

    top:0;

    left:0;

    width: 50%;

    height: 100%;

    background-image: url(https://mca.dotncube.in/wp-content/uploads/2025/02/our-service-left-side-background.webp);

    background-size: cover;

    background-repeat: no-repeat;

}

.service-slider-container .right{

    background-color: var(--grey);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.service-slider-container .right h2{

    width: 100%;    

}

.service-slider-container .right .tabs{

    border-bottom: 1px solid var(--golden);

}

.service-slider-container .right .tabs .tab-item{

    opacity: 0;

    z-index: -1;

    padding: 7.5vh 1rem;

    display: block;

    transition: unset;

    position: absolute;



}

.service-slider-container .right .tabs .tab-item.active{

    opacity: 1;

    z-index: 1;

    position: relative;

    transition: all 0.5s ease-in-out;

}



.service-slider-container .right .tabs .tab-item .service-item-title{

    font-size: 3.75rem;

    font-weight: 400;

    line-height: 1;

    color : var(--golden);

}



.service-slider-container .right .tabs .tab-item p{

    font-size: 18px;

    font-weight: 500;

    color:var(--black);

    margin:1.5rem 0;

}

.service-slider-container .right .tabs .tab-item .keyword-list{

    font-size: 18px;

    font-weight: 600;    

    color:var(--black);

    display: flex;

    flex-direction: row;

    gap:1.5rem;

    padding: 0;

    flex-wrap: wrap;

}

.service-slider-container .right .tabs .tab-item .keyword-list li{

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: start;

    align-items: center;

    gap: 1rem;

}

.service-slider-container .right .tabs .tab-item .keyword-list li::before{

    content: "";

    width: .75rem;

    height: .75rem;

    background-color: var(--golden);

    border-radius: 50%;

}

.service-slider-container .right .tabs .tab-item .cta-group{

    margin-top:2rem;

}

.service-slider-container .right .more-department{

    margin-top: 2rem;   

}

           

.service-slider-container .right .more-department h4{

    font-size: 2rem;

    font-weight: 700;

    color: var(--black);

}

.service-slider-container .right .more-department .more-department-list{

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    gap: 1rem 2rem;

    justify-content: start;

    align-items: center;

    padding: 0;

    margin:1.25rem 0;

}

.service-slider-container .right .more-department .more-department-list li{

    position: relative;

    list-style: none;

}

.service-slider-container .right .more-department .more-department-list li.active a{

    color: var(--golden);

    font-weight: 800;

} 

.service-slider-container .right .more-department .more-department-list li:not(:last-child)::after{

    content: "";

    width: 1px;

    height: 100%;

    background-color: var(--golden);

    position: absolute;

    top: 0;

    right: -1rem;

    

}

.service-slider-container .right .more-department .more-department-list li a{

    font-size: 24px;

    font-weight: 500;

    color:var(--black)

}



.service-slider {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-left: 7vw;

    padding-right: 3vw;

    background-color: transparent;

}



.swiper-container {

    width: 100%;

    height: auto;

    aspect-ratio: 646/346;

}



.swiper-slide {

    display: flex;

    justify-content: center;

    align-items: center;

    /*background: #fff;*/

    border-radius: 15px;

    overflow: hidden;

    max-height: 100vh;

    aspect-ratio: 646/calc(346* 3);

    /* height: auto  !important; */

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);

}

.swiper-pagination-group{

    position: absolute;

    left: -4.5vw;

    top: 0 !important;

    height: 100%;

    display: flex;

    flex-direction: column;

    gap: 1rem;

    justify-content: center;

    align-items: center;



}

.swiper-pagination-group::after,.swiper-pagination-group::before{

    flex: 1 0 100%;

}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{

    top:0 !important;

    transform: unset !important;

}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{

    right: unset !important;

    left: unset !important;

    position: relative;

    margin: 1rem 0;

}

.swiper-pagination {

    counter-reset: swiper-bullet-counter;

    display: flex;

    flex-direction: column;

    gap:1rem;

  }

  .swiper-pagination-group::after,.swiper-pagination-group::before{

    content: "";

    background:var(--golden);

    width:1px;

    height:30%;

    max-height: 200px;

    display: flex;

    flex-direction: column;

    gap:1rem;

  } 

  .swiper-pagination .swiper-pagination-bullet {

    position: relative;

    display: inline-block;

    text-align: center;

    background-color: transparent;

    opacity: 1;

    color: transparent!important;

  }

  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{

    font-size: 22px;

    color: #FFFFFF;

  }

  .swiper-slide.swiper-slide-prev{

    transform: translate3d(0px,35%, -700px) rotateX(0deg) rotateY(0deg) scale(1)!important;

  }

  

  .swiper-slide.swiper-slide-next{

    transform: translate3d(0px,-35%, -700px) rotateX(0deg) rotateY(0deg) scale(1)!important;

  }

  /* Apply content with the counter */

  .swiper-pagination .swiper-pagination-bullet::before {

    content: '0' counter(swiper-bullet-counter);

    counter-increment: swiper-bullet-counter;

    font-weight: 700;

    color: #0B6565;



    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-family: Urbanist;

    font-size: 15px;
    transition: all .5s ease-in-out;

  }



.swiper-slide img {

    width: 100%;

    height: auto;

    object-fit: contain;

    aspect-ratio: 646/346;

}

.swiper-button-group{

    position: absolute;

    top: 130%;

    width: 100%;

    margin:2rem 0 ;

    display: flex;

    flex-direction: row;

    /*gap:2rem;*/
    gap:1.5rem;

    justify-content: center;

    align-items: center;



}

.swiper-button-group>.swiper-button-next{

    position: relative;

    top:unset;

    right: unset;

    width: 52px;

    padding: 0 !important;



}

.swiper-button-group>.swiper-button-next svg{



}

.swiper-button-group>.swiper-button-prev svg{



}

.swiper-button-group>.swiper-button-next::after{

    content: none;

}

.swiper-button-group>.swiper-button-prev::after{

    content: none;

}

.swiper-button-group>.swiper-button-prev{

    position: relative;

    top:unset;

    left: unset;

    width: 52px;

    padding: 0 !important;



}

.swiper-button-next, .swiper-button-prev{

    color:transparent !important;

}



.c-swiper-button-group>.c-swiper-button-prev::after{

    content: none;

}

.c-swiper-button-group>.c-swiper-button-prev{

    position: relative;

    top:unset;

    left: unset;

    width: 52px;

    padding: 0 !important;



}

.c-swiper-button-next, .c-swiper-button-prev{

    color:transparent !important;

}



.c-swiper-button-group{

    position: absolute;

    bottom: 0;

    right: 0;

    width: auto;

    margin:2rem 0 ;

    display: flex;

    flex-direction: row;

    gap:.6rem;

    justify-content: center;

    align-items: center;



}

.c-swiper-button-group>.c-swiper-button-next{

    position: relative;

    top:unset;

    right: unset;

    width: 30px;

    padding: 0 !important;



}

.c-swiper-button-group>.c-swiper-button-prev{

    position: relative;

    top:unset;

    left: unset;

    width: 30px;

    padding: 0 !important;



}

.c-swiper-button-group{

    display: none !important;

}



@media screen and (max-width: 781px) {

    .swiper-button-group{

        display: none;

    }

    .c-swiper-button-group{

        display: flex !important;z-index: 10;

    }

}


.service-slider .swiper-3d .swiper-slide-prev,
.service-slider .swiper-3d .swiper-slide-next {

  transform: translate3d(0, 14px, -1500px) scale(0.88) !important;
  /*opacity: 0.16 !important;                */
  filter: blur(1px) brightness(0.7) !important; 
  z-index: 0 !important;                   
  pointer-events: none !important;          
}


.service-slider .swiper-3d .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
  transform: translate3d(0, 0, -2100px) scale(0.82) !important;
  /*opacity: 0.06 !important;*/
  filter: blur(2px) brightness(0.6) !important;
}