

  #our-mission-callout img {
	width:100%;
	max-width:550px;
  }
  #our-mission-callout p {
	font-size:22px;
	line-height:1.4em;
  }

  #banner-business {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 300px;
	box-shadow: 0 0 35px inset #bbb;
	transition: min-height 1s;
  }

  /* Grants History Slider Css Starts*/


  .whiteBoxRndCrnr {
	box-shadow: 0 0 12px #bbb;
	border-radius: 25px;
	padding: 15px 5px;
	margin-top: 30px;
  }
  #testimonial-slider {
	width: 100%;
	margin: 10px auto;
	overflow: hidden;
	position: relative;
  }

  #testimonial-slider .slides {
	display: flex;
	transition: transform 0.5s ease-in-out;
  }

  .testimonial {
	width: 100%;
	flex: 0 0 auto;
	text-align: center;
	padding: 20px;
	margin: auto;
	display: flex; /* Make testimonial a flex container to align its inner columns */
  }

  /* Ensure content columns stretch vertically */
  .testimonial .col-md-6 {
	display: flex;
	flex-direction: column;
  }

  .row.testimonial.swiper-slide {
	display: flex;
	align-items: center;
  }

  .testimonial {
	min-width: 100%;
	flex: 0 0 100%;
  }

  .embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
  }

  .embed-responsive-16by9::before {
	padding-top: 56.25%;
  }

  .embed-responsive::before {
	display: block;
	content: "";
  }

  .embed-responsive .embed-responsive-item,
  .embed-responsive embed,
  .embed-responsive iframe,
  .embed-responsive object,
  .embed-responsive video,
  .embed-responsive img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
  }

  .p-1 {
	padding: .25rem!important;
  }

  .sideText {
	font-size: .8em;
	margin: 10px;
	text-align: left;
	flex-grow: 1; /* Allow sideText to fill available vertical space */
	display: flex; /* Make sideText a flex container */
	flex-direction: column; /* Stack its children vertically */
	justify-content: space-between; /* Push content to top, arrows to bottom */
  }

  section .sideText h2 {
	font-size: 30px;
	text-align: left;
  }

  hr {
	position: relative;
	border: none;
	height: 2px;
	background: linear-gradient(90deg, rgba(40, 160, 160, 1) 0%, rgba(0, 124, 210, 1) 100%);
	opacity: 1;
  }

  section .sideText p {
	font-size: 18px;
	color: #0079c2;
	/* Remove max-height and overflow: hidden; from here - these apply to .content-to-truncate */
  }
  .truncated-ellipsis {
	display: inline;
  }

  .more-content {
	display: none; /* Hidden by default */
  }

  .read-more-btn {
	background: none;
	border: none;
	color: #0079c2;
	cursor: pointer;
	font-size: 16px;
	text-decoration: none;
	margin-top: 10px;
	display: block;
	text-align: right;
	align-self: flex-end; /* Align the button to the right within its flex container */
	margin-bottom: 5px; /* Add a little space above arrows */
  }

  .arrows {
	width: 200px;
	/* position: absolute; - remove this, it's now part of the flex flow */
	right: 40px; /* Keep for responsiveness with right: auto on button */
	bottom: 20px; /* Keep for responsiveness with bottom: auto on button */
	color: blue;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto; /* Push arrows to the bottom of sideText */
	align-self: flex-end; /* Align arrows to the right within sideText (if sideText is a column) */
  }

  .slider-btn {
	cursor: pointer;
	font-size: 16px;
	background-color: #278ea8;
	color: white;
	padding: 3px 6px;
	border: 0;
	border-radius: 30px;
	width: 80px;
	position: static; /* Ensure it's not absolutely positioned */
	transform: none; /* Reset any potential transforms */
  }


  /* Swiper arrows styling */
  #testimonial-slider .swiper-button-prev,
  #testimonial-slider .swiper-button-next{
	color:#278ea8;
	width:15px;
	height:50px;
  }

  #testimonial-slider .swiper-button-prev:after,
  #testimonial-slider .swiper-button-next:after{
	font-size:28px;
	font-weight:bold;
  }

  /* position arrows vertically center */
  #testimonial-slider .swiper-button-prev{
	left:0px;
  }

  #testimonial-slider .swiper-button-next{
	right:0px;
  }
  /* Grants History Slider Css Ends */

