/* ACCORDION */

.duny-mega-accordion .row.equal-heights {
    display: flex;
}

.duny-mega-accordion .col-lg-3,
.duny-mega-accordion .col-lg-9 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.duny-mega-accordion .col-lg-3 ul.duny-accordion-list,
.duny-mega-accordion .col-lg-9 .duny-accordion {
    flex: 1;
}


.duny-mega-accordion { padding: 1em 0 1em 0; margin: 4em 0 4em 0}
ul.duny-accordion-list { list-style: none !important; margin: 0; padding: 0;}
ul.duny-accordion-list li { padding-bottom: 1em; font-size: 1.2em; cursor: pointer; list-style: none !important; color: #A4A4A4;}
@media (min-width:992px) {
	ul.duny-accordion-list li { border-bottom: none; padding: 0 0 1em 0; color: #000;}
}
ul.duny-accordion-list li:hover { color: #a6182e;}
ul.duny-accordion-list li.active { color: #a6182e; font-weight: 900;}
@media (min-width:992px) {
	ul.duny-accordion-list li.active { color: #a6182e; border: none;}
}
.duny-accordion { padding: 1.5em 0em 1.5em 0em; border-top: none;}
@media (min-width:992px) {
    .duny-accordion { padding: 0 1.2em 0 1.2em; border-left: 2px solid #a6182e; border-top: none;}
}
.duny-accordion-item { border-bottom: 1px solid #e5e5e5;}
.duny-accordion-item h3 {
    position: relative;
    margin: 0 0 0 1em;
    padding: 0.8rem 0;
    cursor: pointer;
    font-weight: normal;
}
.duny-accordion-item h3::before {
    content: "+";
    color: #a6182e;
    position: absolute;
    left: -1.8rem; /* Adjust as needed for left spacing */
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s ease-out;
    font-size: 1.3em;
    padding-right: 0.2em; /* Add right spacing */
}

@media (max-width: 767px) {
    .duny-accordion-item h3::before {
        left: -1.3rem; /* Adjust as needed for smaller screens */
    }
}






/* Panel */
.duny-accordion-panel {
    margin: 0;
    padding-bottom: 0.8rem;
    display: none;
}
/* Active */
.duny-accordion-item.is-active .duny-accordion-title::before {
    content: "-";
}

/* PROGRAMS */
.link-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.duny-program {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5em;
  position: relative; /* Added position relative */
}

.duny-program .dp-img {
  position: relative;
  width: 100%;
  height: 150px;
  z-index: 1;
}

@media (min-width:992px) {
  .duny-program .dp-img {
    height: 250px;
  }
}

.duny-program img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.duny-program .dp-btn, .duny-program .dp-btn-drop {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
  padding: 1em;
  color: #FFF;
  text-decoration: none;
}

.duny-program .dp-btn:hover {
	background: #000 !important;
}

/* Apply background color based on row and column positions */
.duny-program:nth-child(8n+1) .dp-btn,
.duny-program:nth-child(8n+3) .dp-btn,
.duny-program:nth-child(8n+6) .dp-btn,
.duny-program:nth-child(8n+8) .dp-btn,
.duny-program:nth-child(8n+1) .dp-btn-drop,
.duny-program:nth-child(8n+3) .dp-btn-drop,
.duny-program:nth-child(8n+5) .dp-btn-drop,
.duny-program:nth-child(8n+1) .dp-btn-urls,
.duny-program:nth-child(8n+3) .dp-btn-urls,
.duny-program:nth-child(8n+5) .dp-btn-urls {
  background: #26c5ef; /* First, third, sixth, and eighth columns in each row */
}

.duny-program:nth-child(8n+2) .dp-btn,
.duny-program:nth-child(8n+4) .dp-btn,
.duny-program:nth-child(8n+5) .dp-btn,
.duny-program:nth-child(8n+7) .dp-btn,
.duny-program:nth-child(8n+2) .dp-btn-drop,
.duny-program:nth-child(8n+4) .dp-btn-drop,
.duny-program:nth-child(8n+6) .dp-btn-drop,
.duny-program:nth-child(8n+2) .dp-btn-urls,
.duny-program:nth-child(8n+4) .dp-btn-urls,
.duny-program:nth-child(8n+6) .dp-btn-urls  {
  background-color: #a7192f; /* Second, fourth, fifth, and seventh columns in each row */
}

.duny-program .dp-btn-drop button {
  text-align: left;
  font-weight: 900;
  border: none;
  width: 100%;
  background: transparent;
  box-shadow: none;
  -webkit-appearance: none !important;
  appearance: none;
  color: var(--dc-white);
}

.dp-btn-urls {
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
  max-height: 0;
  position: absolute; /* Position absolute to remove from document flow */
  top: 100%; /* Position dropdown below the button */
  left: 0; /* Align dropdown with the button */
  width: 100%; /* Match the width of the button */
  background-color: #333; /* Example background color for the dropdown */
  z-index: 100 !important;
	padding: 0 1em 0em 1em;
}

.dp-btn-urls a {
  display: block;
  color: var(--dc-white);
  padding: .5em 0 .5em 0;
}

.dp-btn-urls a:hover {
text-decoration: underline
}

.dp-btn p,  .dp-btn-drop p {
  position: relative;
  text-transform: uppercase;
  padding-right: 2em;
  margin: 0; /* Remove any default margin */
  width: 100%;
  font-size: .7em;
}

@media (min-width:992px) {
  .dp-btn p, .dp-btn-drop p {
    font-size: .9em;
  }
}

.dp-btn p::after, 
.dp-btn-drop p::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.2em; /* Adjust the font size as needed */
  position: absolute;
  top: 50%;
  right: 10px; /* Adjust the position of the arrow */
  color: white; /* Icon color */
  transition: transform 0.3s ease; /* Smooth transition for transform property */
	transform: translateY(-50%);
}

.dp-btn p::after {
	content: "\f061";
}


.dp-btn-drop p::after {
  content: "\2b";
}

.duny-program:hover .dp-btn p::after {
  transform: translateY(-50%) translateX(5px); /* Move the icon slightly to the right on hover */
}

.dp-btn-drop.open p::after {
  transform: translateY(-50%) rotate(180deg); /* Rotate arrow up when dropdown is open */
}

.grayed-out {
  opacity: 0.5; /* Adjust opacity level as needed */
}

/* STYLING FOR PANELS AND BUTTONS */


.white-box-trans {
	width: 100%;
	background: rgba(255,255,255,.9);
}

@media ( min-width: 992px) {
	.white-box-trans {
		display: block;
		background: rgba(255,255,255,.9);
		width: 40%;
		float: left;
	}
}

h2 span.circle-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #a3192e;
  color: white;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 28px;
  margin-right: 16px;
}

h2 span.hall-name {
  color: #a3192e;
  font-weight: bold;
}


 .circle-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #f48d46;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: white;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
	border: none;
	margin: 0 auto;
  }

  .circle-btn::before {
    content: "\f061"; /* Unicode character for the Font Awesome arrow-right icon */
    font-family: "Font Awesome 6 Pro"; /* Specify the Font Awesome Pro font family */
    font-weight: 500; /* Specify the font weight */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
  }

  .circle-btn:hover {
	  color: var(--white) !important;
    background-color: var(--dc-red);
  }

  .circle-btn:hover::before {
    transform: translate(-50%, -50%) rotate(45deg) scaleY(0.8);
  }

.img-container-box { position: relative; display: block; z-index: 3 !important;}
.img-container-box img { width: 95% !important; height: 100% !important;}
.img-container-box:before {content: ''; position: absolute; width: 95%; height: 95%; z-index: -1;}
.img-container-box.red:before  { background: #ac1e2d;}
.img-container-box.green:before  { background: #4b590d;}
.img-container-box.orange:before  { background: #f48d46;}
.img-container-box.blue:before  { background: #27c5f0;}	
.img-container-box.right:before { right: 0; bottom: -.5em;}
.img-container-box.left:before { left: -.2em; bottom: -.5em;}
.img-container-box.left img{ position: relative; left: 1em;}	
.img-container-box figcaption { color: #FFF; width: 90%; padding: 1em; text-align: left;}
.img-container-box.right figcaption {float: right;}
.img-container-box.left figcaption {float: left;}

@media (min-width:992px) {
	.img-container-box.left:before { left: -2em; bottom: -1em;}	
	.img-container-box.left img{ position: relative; left: 0;}	
	.img-container-box.right:before { right: 0; bottom: -1em;}
}

.duny-img-caption { position: relative; margin-bottom: 4em;}
.duny-img-caption .wp-element-caption {
	position: relative;
	display: block;
	right: 0;
	bottom: 0;
	font-weight: 100 !important;
	background: rgba(244,141,70,1);
	width: 100%;
	padding: 1em 2em 1em 2em;
	color: var(--white);
	font-size: .9em;
}

@media (min-width:992px) {
	.duny-img-caption .wp-element-caption {
		position: absolute;
		background: rgba(244,141,70,.8);
		padding: 2em 1em 2em 1em;
		right: -2em;
		bottom: -5em;
		width: 50%;
	}
}

/* QUICK LINKS */

#quick-links-sidebar {
    display: block;
}

@media (max-width: 768px) {
    #quick-links-sidebar {
        position: static !important;
        top: auto !important;
    }
}

#quick-links-sidebar.fixed {
    padding-right: 10px; /* Adjust this value based on your design requirements */
}

aside.quick-links-sidebar {
	position: relative;
	
}
aside.quick-links-sidebar .active a{
	background: #f48d46;
	color: #FFF;

}
aside.quick-links-sidebar h3 {
	margin-bottom: 1em;
}

aside.quick-links-sidebar ul,
.quick-links-panel ul {
	margin: 0;
	padding: 0;
}

aside.quick-links-sidebar ul li,
.quick-links-panel ul li {
	list-style: none
}

aside.quick-links-sidebar ul li a {
	display: block;
	color: #000;
	font-size: 1em;
	padding: .3em;
	text-decoration: none;
}

aside.quick-links-sidebar ul li a:hover {
	background: #f48d46;
	color: #FFF;
}

article.quick-links-content {
		
}

.quick-links-panel {
	display: block;
	width: 100%;
	padding: 1.5em 1em 1.5em 1em;
	margin: 40px 0 40px 0;
	background: #FFF;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.quick-links-panel h2 {
	margin: 0;
	padding: 0;
}

.quick-links-panel ul {
	padding: 1em 0 1em 0;
}

.quick-links-content ul li {
	padding-bottom: .8em;
}

.quick-links-content ul li a:before {
	font: var(--fa-font-regular);
	content: '\f0a9';
	margin-right: .5em;
	font-size: .8em;
}

#quick-links-sidebar.fixed {
    padding-right: 0; /* Make sure padding does not affect the width */
}


.next-step-panel {
	position: relative;
	border-radius: 25px;
	border: 1px solid #a5ac86;
}

.next-step-panel h3 {
	position: relative;
	margin: 0 auto;
	top: -.8em;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	font-size: 1.7em;
	font-weight: 900;
	color: #f48d46;
	text-align: center;
	background: #FFF
}

.next-step-panel p {
	text-align: center;
	color: #FFF;
	padding: 0 2em 1em 2em;
	font-size: 1.2em;
}

.next-step-panel a {
	font-weight: 900;
	text-decoration: underline;
	color: #FFF;
}

.white-border {
	position: relative;
	border-radius: 25px;
	border: 1px solid #eae8db;
	background: #FFF;
	padding: 2em;
}

.page-stats h2 {
	font-size: 1.5em;
	line-height: 1em;
	font-weight: 900 !important;
}

.page-stats p {
	line-height: 1em;
}

@media (min-width:992px) {
	.page-stats h2 {
		font-size: 2.7em;
	}
}

.fill-image {
   padding-right: 0 !important;
padding-left: 0 !important;
}








ul.circle-arrow-list,
ul.circle-arrow-outline,
ul.white-circle-arrow-list,
ul.wb-circle-arrow-list {
    list-style: none !important;
	padding-top: 1em;
	margin: 0;
}

ul.circle-arrow-list li,
ul.white-circle-arrow-list li,
ul.circle-arrow-outline li {
    position: relative;
    padding-left: 2em;
    margin-bottom: 1em;
    list-style: none !important;
	font-size: 1.1em;
}

ul.circle-arrow-list li:before,
ul.white-circle-arrow-list li:before,
ul.circle-arrow-outline li:before {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-size: 0.6em;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.3em 0.5em;
    border-radius: 50%;
    text-align: center;
    line-height: 1.5em;
}

ul.red-arrow li:before { color: var(--red); background: var(--white);}
ul.black-arrow li:before { color: var(--black); background: var(--white);}
ul.black-arrow-outline li:before { color: var(--black); border: 3px solid #000;}






ul.white-arrow li:before { color: var(--white); background: var(--black);}
ul.red-white-arrow li:before { color: var(--white); background: var(--red);}
ul.circle-arrow-list-breaker li:after {
    content: "";
    display: block;
    width: 100%;
    padding: 0.5em 0;
    border-bottom: 1px solid #a7192f;
}
ul.white-circle-arrow-list li a {
    color: var(--dc-white);
    text-decoration: none;
}

ul.white-circle-arrow-list li a:hover {
    color: var(--dc-black);
}




.four-col {
	background: #F3F2EB;
	text-align: center;
	margin: 4em 0 4em 0;
}
.four-col h2 {
	font-weight: 900;
}

.four-col .col-lg-6 {
	background: #F3F2EB;
	padding: 3em;
	border-bottom: 1px solid #000;
	border-right: none;
}

.four-col i {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: var(--red);
    border-radius: 50%;
	margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
	font-size: 2em;
}

.red-icon-circle {
	display: inline-block;
	background: var(--red);
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	display: flex;
	color: white;
	width: 150px;
	height: 150px;
	font-size: 3em;
}

.lg-icon,
.md-icon {
    display: inline-block;
    background: var(--red);
    border-radius: 50%;
	margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.lg-icon {
    width: 150px;
    height: 150px;
	font-size: 4em;
	margin-top: 1em;
}

.md-icon {
    width: 100px;
    height: 100px;
	font-size: 3em;
}

.col-border-right {
	border-right: none
}
	
@media (min-width:992px) {
	.col-border-right {
		border-right: 1px solid #CCC;
	}
}

@media (min-width:992px) {
	.four-col .col-lg-6 {
		border-right: 1px solid #000;
	}

	.four-col .col-lg-6:nth-child(2),
	.four-col .col-lg-6:nth-child(4) {
		border-right: none !important;
	}
	.four-col .col-lg-6:nth-child(3),
	.four-col .col-lg-6:nth-child(4) {
		border-bottom: none !important;
	}
}

.single-quote {
	position: relative;
	background: #F3F2EB;
	padding: 2em !important;
	margin-top: 6em;
	margin-bottom: 6em;
}

@media (min-width:992px) {
	.single-quote {
		padding: 4em 0 4em 0 !important;
		clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 40%);
	}
}

.single-quote blockquote {
	position: relative;
}

.single-quote blockquote h3{
	font-size: 2.5em;
	width: 80%;
}

.single-quote blockquote p {
	padding: 1.5em 0 1.5em 0;
	font-size: 1em;
	line-height: 1.5em !important;
}

.single-quote blockquote::before {
    content: "“"; /* Unicode for open quote */
    font-size: 5em; /* Adjust size for emphasis */
    color: var(--dc-red); /* Red color for the quote */
    position: relative;
    left: 0;
    top: 30px; /* Adjust to align with the text */
    line-height: 1; /* Ensures proper positioning */
}

.single-quote blockquote h3,
.single-quote blockquote p {
	font-weight: 500;
	margin: 0 auto;
	line-height: 1em;
}


.single-quote cite {
	font-weight: 900;
	font-size: 1em;
	padding-top: 1em;
	text-transform: uppercase;
}

/*FORM LAYOUT*/
.form-container {
	display: table;
	width: 100%;
	table-layout: fixed;
	background-color: #f8f9fa;
}

.form-row {
	display: table-row;
}
.form-image, .form-content {
	display: table-cell;
	vertical-align: top;
}

.form-image {
	background: url('/wp-content/themes/dominican-university/assets/images/background/college-statue.jpg') no-repeat center center;
	background-size: cover;
}

.form-content {
	background-color: #f8f9fa;
	padding: 4em 20px 4em 20px;
}
.social-media-icons ul { list-style: none; padding: 0; margin: 0;}
.social-media-icons ul li { display: inline-block; vertical-align: top; clear: both; margin-right: .6em;}
.social-media-icons ul li:last-child { margin-right: 0}
.social-media-icons ul li a { background: url(/wp-content/themes/dominican-university/images/socialmedia.png) -100px -100px no-repeat; display: block; height: 25px; width: auto; color: #000}
.social-media-icons ul li a:hover { opacity: .8}
.social-media-icons ul li a[href*=facebook] { background-position: 0 0; color: transparent; width: 25px}
.social-media-icons ul li a[href*=twitter] { background-position: 0 -35px; color: transparent; width: 25px}
.social-media-icons ul li a[href*=instagram] { background-position: 0 -70px; color: transparent; width: 25px}
.social-media-icons ul li a[href*=youtube] { background-position: 0 -105px; color: transparent; width: 25px}
.social-media-icons ul li a[href*=linkedin] { background-position: 0 -140px; color: transparent; width: 25px}
.social-media-icons ul li a[href*=snapchat] { background-position: 0 -175px; color: transparent; width: 25px}



.panel-angle {
    background-color: #F3F2EB;
    padding: 2em;
    width: 100%;
    position: relative;
    clip-path: polygon(0 0, calc(100% - 60px) 0, 100% 60px, 100% 100%, 0% 100%);
}
.panel-angle h2 {
	font-size: 2em;
	padding-bottom: .5em;
}

.panel-angle h2, .panel-angle h3 {
	font-weight: 900;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

/*WP GUTENBERG BLOCKS*/

.wp-block-separator {
	width: 100% !important;
}

.is-provider-youtube iframe {
    border-radius: 1em; 
}

@media (min-width: 992px) {
    .is-provider-youtube iframe {
        border-radius: 3em;
    }
}


.h-600 {
	position: relative;
	height: 400px !important;
}

.panel-border-white {
	border: 1px solid #FFF;
	padding: 1em;
	margin: 1em 0 1em 0;
	border-radius: 20px;
}




ul.grid-container {
	margin: 2em 0 2em 0;
	padding: 0;
}
	  
	@media (min-width:992px) {
		ul.grid-container {
			display: flex;
			flex-wrap: wrap;
		}
	}  

ul.grid-container li {
	flex: 1 0 100%;
	margin: 5px;
	border: 1px solid #FFF;
	border-radius: 10px;
	height: auto;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2em;
	text-align: center;
}  
	  
@media (min-width:992px) {
	ul.grid-container li {
		flex: 1 0 20%; 
	}
}

.grid-card {
	margin: 0;
	padding: 0;
}
	  
@media (min-width:992px) {
	.grid-card {
		margin-bottom: 2em;
		display: flex;
		flex-wrap: wrap;
	}	
}
	  
.grid-card-inner {
	flex: 1 0 100%;
	margin: 5px;
	border: 1px solid #CCC;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2em;
	text-align: center;	  
} 

.grid-card-inner a {
	font-size: 1.5em;
	font-weight: 900;
}
	  
@media (min-width:992px) {
	.grid-card-inner {
		flex: 1 0 40%; 
	}
}

.full-img img{
	width: 100% !important;
	margin: 1em 0 1em 0;
}

/*Palisades */
.palisades-event-card {
	background-color: white;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
	padding: 1.5em;
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	margin-bottom: 1em;
	flex-wrap: wrap;
}
.date-box {
	text-align: center;
	padding: 12px;
	border-radius: 8px;
	flex: 0 0 auto;
}
.date-box p:first-child {
	color: #a6192e;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
}
.date-box p:last-child {
	font-size: 36px;
	font-weight: bold;
	margin: 0;
	color: #a6192e;
}
.palisades-event-details {
	flex: 1;
	min-width: 250px;
}
.palisades-event-details h2 {
	color: #991b1b;
	font-size: 20px;
	margin: 4px 0;
}
.palisades-event-details p {
	color: #6b7280;
	margin: 2px 0;
}
.palisades-event-details a {
	display: inline-block;
	background-color: #a6192e;
	color: white;
	padding: 8px 16px;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 1em;
}
.palisades-event-details a:hover {
	background-color: #7f1d1d;
}
@media (max-width: 600px) {
	.palisades-event-card {
		flex-direction: column;
		align-items: flex-start;
	}
	.date-box, .palisades-event-details, .palisades-event-button {
		width: 100%;
		text-align: center;
	}
}


.download-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #FFF;
    flex-wrap: wrap;
	color: #FFF;
}
.download-panel h3 {
    flex: 1 1 auto;
    margin-bottom: 10px;
}
.download-panel a {
    background-color: #F28A42;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    flex: 0 1 auto;
    text-decoration: none;
}
.download-panel a:hover {
    background-color: #e07838;
}
@media (max-width: 992px) {
    .download-panel {
        flex-direction: column;
        align-items: flex-start;
    }
    .download-panel a {
        display: block;
        text-align: center;
        margin-top: 5px;
    }
}

.full-panel {
	margin: 0;
	padding: 3em 0 3em 0;
}

.green-bg {
	background: var(--dark-green);
}

/* Single Testimonal */

  .wrap{
    display:grid;
    place-items:center;
    padding:24px;
  }

.testimonal-single {
	width:100%;
	max-width:72rem;
	font-size:1.25rem;   
	background:#FFF;
	border-radius:16px;
	box-shadow:0 8px 22px rgba(16,24,40,.06);
	padding:14px;
	display:grid;
	grid-template-columns:none;
	gap:20px;
	text-align: center;
	margin-bottom: 2em;
}

.avatar{
	width:112px; 
	height:112px;
	border-radius:999px; 
	overflow:hidden;
	padding:4px;                          
	box-shadow:0 0 0 1px #e5e7eb inset;
	align-self:center;
	justify-self:center;
}

.avatar img{
	width:100%; height:100%;
	object-fit:cover; border-radius:inherit;
	display:block; box-shadow:0 0 0 1px #d1d5db inset;
}

 .divider{
	display:none;
	width:1px; 
	background:#e5e7eb; 
	height:112px;
	align-self:center;
}

.testimonal-single p {
	line-height:1.6;
	margin:0;
	letter-spacing:.2px;
}

.testimonal-single span{
	display: block;
	margin-top: 1em;
	font-weight:900;
}

 @media (min-width: 768px){
	.testimonal-single{
		grid-template-columns: auto 1px 1fr;
		gap:28px;
		padding:20px;
		text-align: left;
	}

	.divider{ 
		display:block; 
	}
}

.split-layout-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.split-layout {
    display: flex;
    background-color: #fff;
	margin: 2em 0 2em 0;
}
.split-layout-img {
    width: 50%;
}
.split-layout-txt {
    width: 50%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding-top: 5em;
	padding-bottom: 5em;
}
.split-layout-txt h2 {
    font-size: 2.2em;
    font-weight: 900;
}
.split-layout-txt p {
    font-size: 1.1em;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .split-layout {
        display: block;
    }
    .split-layout-img,
    .split-layout-txt {
        width: 100%;
    }
    .split-layout-txt {
        padding: 20px;
    }
	
	.split-layout-txt h2 {
    	font-size: 1.5em;
	}
}