.card-pink{
border-radius: 6px; 
margin-left: 20px;
border-bottom: 4px solid #f34425!important;
}
.slick-next .slick-next-icon, .slick-next .slick-prev-icon, .slick-prev .slick-next-icon, .slick-prev .slick-prev-icon{
  color: #ffffff!important;
}
.card-blue{
border-radius: 6px; 
  border-bottom:4px solid #1c68b3 !important;
}

.col .card img{
aspect-ratio: 1 / 1;
  object-fit:cover;
}
.card-body{
  /* padding:1rem 1.5rem !important; */
  padding-bottom: 11px;
}
.card-body p{
  color:#000000;
}
.card-blue svg{
  fill:#1c68b3 ;
}
.card-pink svg{
  fill:#f34425;
}
.card-blue .card-footer p{
  color:#1c68b3 ;
}
.member-footer{
    border-top: 2px solid #f1bbb1;
    background: #000000;
}
.card-pink .card-footer p{
    color: #f34425;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 12px;
}
.card-shape{
  position:relative;
}
.custom-shape-divider-bottom-1634717805 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1634717805 svg {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
}

.custom-shape-divider-bottom-1634717805 .shape-fill {
    fill: #FFFFFF;
}


        
.gallery {
	display: flex;
	flex-wrap: wrap;
	/* Compensate for excess margin on outer gallery flex items */
	margin: -1rem -1rem;
}

.gallery-item {
	/* Minimum width of 24rem and grow to fit available space */
	flex: 1 0 24rem;
	/* Margin value should be half of grid-gap value as margins on flex items don't collapse */
	margin: 1rem;
	box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.gallery-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 400ms ease-out;
}

.gallery-image:hover {
	transform: scale(1.15);
}
/* .gallery{
    margin-top:10px;
} */

/*

The following rule will only run if your browser supports CSS grid.

Remove or comment-out the code block below to see how the browser will fall-back to flexbox styling. 

*/

@supports (display: grid) {
	.gallery {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
		grid-gap: 2rem;
	}

	.gallery,
	.gallery-item {
		margin: 0;
       
	}
}

/* //Pitch deck */
.FileNameCaptionStyle {
  font-size: 18px;
display: block;
font-weight: bold;
color: #2e6e9e;
}
ul.thumb-Images li{
height:auto;
width:100%;
}
.thumb{
display:none;
}