/* Card Container */
.ccard {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background: #fff;
  }
  
  /* Image Wrapper to position badge */
  .card-img-wrapper {
    position: relative;
  }
  .card-img-wrapper img {
    width: 100%;
    display: block;
  }

  .card-img-top {
    height: 260px;
  }



  
.tab-pane.fade.show {
	transform: translateY(0rem);
}
.tab-pane.fade {
	transition: all 0.6s ease-out;
	transform: translateY(1rem);
}
.turn_ideas_section {
	background: #eee;
	border-radius: 10px;
	padding: 50px 30px;
}
.trun_ideas_contetn{
	text-align: center;
}
.trun_ideas_contetn img {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.trun_ideas_nav .nav-item {
	width: 100%;
	display: block;
}
.trun_ideas_nav ul {
	border: none;
}
.trun_ideas_nav .nav-item button {
	width: 100%;
	text-align: left;
	border: none;
	position: relative;
	color: #67748e !important;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 15px;
	padding: 25px 20px;
	border-radius: 5px;
	background: transparent;
}
.trun_ideas_nav .nav-item button i {
	font-size: 23px;
	padding-right: 7px;
	display: inline-block;
	float: left;
}
.trun_ideas_nav .nav-item button.active i{
	color: #ff0080;
}
.trun_ideas_nav .nav-item button::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 8px;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(310deg,#7928ca,#ff0080);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	visibility: hidden;
	opacity: 0;
}
.trun_ideas_nav .nav-item button.active::after{
	visibility: visible;
	opacity: 1;
}
.trun_ideas_nav .nav-item button.active{
	color: #ff0080 !important;
}

  
  /* Badge Styling - positioned at top right, half-outside */
  .card-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #5A6F80;
    color: #fff;
    padding: 5px 10px;
    border-radius: 0 0 0 8px;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  }
  
  /* Card Body */
  .card-body {
    padding: 15px;
    text-align: center;
  }
  .card-title {
    font-size: 24px;
    /* font-weight: bold; */
    margin-bottom: 10px;
    color: #5A6F80;
    font-family: "Winky Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
  }
  .card-text {
    font-size: 16px;
    color: #666;
    margin-bottom: 15px;
    font-family: "Winky Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
  }
  
  /* Read More Button */
  .btn-read-more {
    background-color: #5A6F80;
    border: none;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    transition: background-color 0.3s ease;
  }
  .btn-read-more:hover {
    background-color: red;
    color: #fff;
  }