/* container */
.cbmg2-slider{
  width:100%;
  max-width:1400px;         /* controls how much of neighbors peeks */
  margin:0 auto;
  position:relative;
  padding-bottom:30px;      /* space for bullets + arrows */
  overflow:visible;
}

/* wrapper */
.cbmg2-slider .swiper-wrapper{
  display:flex;
  align-items:stretch;
  overflow:visible;
}

/* slide card */
.cbmg2-slide{
  background:#fff;
  border-radius:16px;
  box-shadow:0 16px 36px rgba(0,0,0,.18);
  display:flex;
  align-items:stretch;
  justify-content:center;
  width:860px;              /* desktop slide width so neighbors show */
  opacity:.6;
  transition:opacity .25s ease, transform .25s ease, box-shadow .25s ease;
  position:relative;        /* anchor for floating icon */
  overflow:visible;
  margin-right:0;           /* spacing is JS spaceBetween */
}

/* active emphasis */
.cbmg2-slider .swiper-slide-active.cbmg2-slide{
  opacity:1;
  transform:translateZ(0) scale(1);
  box-shadow:0 24px 60px rgba(0,0,0,.24);
}

/* tablet */
@media (max-width:1024px){
  .cbmg2-slide{ width:680px; }
}

/* mobile */
@media (max-width:768px){
  .cbmg2-slide{ width:100%; border-radius:12px; }
}

/* pagination */
.cbmg2-slider .cbmg2__pagination{ bottom:12px; text-align:center; }
.cbmg2-slider .swiper-pagination-bullet{
  background-color:var(--color-mid-gray);
  width:12px;height:12px;opacity:1;margin:0 6px;
}
.cbmg2-slider .swiper-pagination-bullet-active,
.cbmg2-slider .swiper-pagination-bullet:hover{
  background-color:var(--color-primary-main);
}

/* arrows beside bullets */
.cbmg2__prev,.cbmg2__next{
  position:absolute; top:100%; transform:translateY(-50%);
  width:22px;height:22px; z-index:10;
}
.cbmg2__prev{ left:calc(50% - 84px); }
.cbmg2__next{ right:calc(50% - 84px); }
.cbmg2__prev::before,.cbmg2__next::before{
  content:""; display:block; width:0;height:0;
  border-top:8px solid transparent; border-bottom:8px solid transparent;
}
.cbmg2__prev::before{ border-right:12px solid var(--color-mid-gray); }
.cbmg2__next::before{ border-left:12px solid var(--color-mid-gray); }
.cbmg2__prev:hover::before{ border-right-color:var(--color-primary-main); }
.cbmg2__next:hover::before{ border-left-color:var(--color-primary-main); }
.cbmg2__prev::after,.cbmg2__next::after{ display:none; }


.grad-bg .cbmg2-slider  p{
	color:#333333!important;
}

/* gradient-outline button inside slides */
.cbmg2-slide .vc_btn3{
  line-height:46px; padding:0 22px;
  border-radius:10px; border:2px solid transparent;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,var(--color-primary-main),var(--color-primary-600,#4aa3ff)) border-box;
  color:var(--color-primary-main);
  
  box-shadow:none;
}
.cbmg2-slide .vc_btn3:hover{ filter:brightness(.96); }


.cbmg2__next:before, .cbmg2__prev:before {
	color:white !important;
	opacity:0.8  !important;
}

.cbmg2__next:hover::before, .cbmg2__prev:hover::before{
	opacity:1 !important;
	border-left-color:white !important;
	border-right-color:white !important;
}

.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover{
	background-color:white  !important;
	opacity:1  !important;
	
}



.cbmg2-slide .vc_row {
	background-color: #F7F7F7 !important;
	border-radius: 10px;
	overflow: hidden;
}


/*
.cbmg2-button button{
	background-color:white !important;
	color:var(--color-primary-main) !important;
	border:2px solid transparent;
    background:
      linear-gradient(#fff,#fff) padding-box,
      linear-gradient(135deg,var(--color-primary-main),var(--color-primary-600,#4aa3ff)) border-box;
    color:var(--color-primary-main);
	text-transform:none  !important;
	letter-spacing:0 !important;
	font-size:16px !important;
}

.cbmg2-button button:hover;{
	background-color:var(--color-primary-main) !important;
	color:white !important;
	border: 4px solid transparent;
}


*/

.cbmg2-button .vc_btn3,
.cbmg2-button button{
  --g1: var(--color-primary-main);
  --g2: var(--color-primary-600, #4aa3ff);

  border: 2px solid transparent !important;
  border-radius: 10px !important;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, var(--g1), var(--g2)) border-box !important;
  background-clip: padding-box, border-box !important;
  color: var(--color-primary-main) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 16px !important;
}

.cbmg2-button .vc_btn3:hover,
.cbmg2-button button:hover{
  background:var(--color-primary-light) !important;
  color: #fff !important;
}






.cbmg2__prev, .cbmg2__next { pointer-events: auto; }
.cbmg2-nav-disabled { pointer-events: auto; opacity: 1; } /* neutralize Swiper's disabled state */

/* floating icon */
.floating-icon { 
	position:absolute !important; 
	right:-30px !important; 
	top:14% !important; 
	z-index:2 !important; 
}




/* keep all slides the same measured width */
.cbmg2-slider .swiper-slide { flex: 0 0 auto; }

.cbmg2-slide .vc_row,
.cbmg2-slide .vc_row-fluid { margin-left: 0 !important; margin-right: 0 !important; }

.cbmg2-slide .wpb_column,
.cbmg2-slide .vc_column_container { padding-left: 0 !important; padding-right: 0 !important; }

/* put padding back inside the card so visuals stay the same */
.cbmg2-slide .vc_column-inner { padding-left: 24px; padding-right: 24px; box-sizing: border-box; }

.cbmg2-slide * { box-sizing: border-box; }

/* images shouldn’t change width after init */
.cbmg2-slide img { display:block; max-width:100%; height:auto; }



/* do not let slides shrink */
.cbmg2-slider .swiper-slide { flex: 0 0 auto; }

/* fixed widths per breakpoint */
.cbmg2-slide{ width:850px; max-width:850px; }
@media (max-width:1024px){ .cbmg2-slide{ width:680px; max-width:680px; } }
@media (max-width:768px){  .cbmg2-slide{ width:100%; max-width:100%; } }

/* keep previews visible */
.cbmg2-slider, .cbmg2-slider .swiper-wrapper { overflow: visible; }