.matter {
	 padding-top: 32px;
	 padding-left: 32px;
	 padding-right: 32px;
	 background: var(--bs-white);
	 background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 48.88%);
	 border-top-left-radius: 8px;
	 border-top-right-radius: 8px;
}
 .qoute-matters {
	 padding: 2rem;
	 border-radius: 8px;
	 border: 1.5px solid var(--bs-primary);
	 display: flex;
	 flex-wrap: wrap;
	 flex-direction: column;
	 height: 100%;
	 color: var(--bs-dark);
}
 .qoute-matters .title {
	 margin-bottom: 25px;
	 color: var(--bs-primary);
}
 .qoute-matters .field--name-body {
	 font-size: 1.125rem;
	 font-style: italic;
}
 .qoute-matters img, .qoute-matters .media--blazy{
	 border-radius: 50%;
	 border: 2px solid var(--bs-primary);
	 width: 68px;
	 height:68px;
	 margin-bottom: 0;
	 padding-bottom: 0 !important;
}
 .qoute-matters .readmore {
	 padding: 8px 16px;
	 border: 2px solid var(--bs-primary);
	 border-radius: 4px;
	 text-align: center;
	 font-weight: 600;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 color: var(--bs-primary);
}
 .qoute-matters .readmore:after {
	 content: "";
	 display: inline-block;
	 width: 20px;
	 height: 16px;
	 margin-left: 8px;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 5L13.59 6.41L18.17 11H2V13H18.17L13.58 17.59L15 19L22 12L15 5Z" fill="%230033A0"/></svg>');
}
 .qoute-matters:hover {
	 background: var(--bs-primary);
}
 .qoute-matters:hover .title, .qoute-matters:hover .field--name-body {
	 color: var(--bs-white);
}
 .qoute-matters:hover .quote-author {
	 color: var(--bs-white);
}
 .qoute-matters:hover img {
	 border-color: var(--bs-white);
}
 .qoute-matters:hover .readmore {
	 background: var(--bs-white);
}
 .qoute-matters.-mini {
	 padding: 1.5rem;
	 display: block;
	 border: 2px solid #b3c2e3;
	 background: var(--bs-white);
}
.qoute-matters.-mini .col{
	padding-left:calc(var(--bs-gutter-x) * 0.3);
}
 .qoute-matters.-mini .title {
	 font-size: 18px;
}
 .qoute-matters.-mini img {
	 margin-bottom: 0;
	 position: absolute;
	 top: 2rem;
	 left: 2rem;
	 width: 72px;
	 height: auto;
}
 .qoute-matters.-mini .quote-author {
	 margin-top: 0;
	 margin-bottom: 0;
	 color: var(--bs-body-color);
}
 .qoute-matters.-mini .quote-author .contextual-region {
	 position: unset;
}
 .qoute-matters.-mini:hover {
	 background: #d9e0f1;
	 color: var(--bs-body-color);
}
 .qoute-matters.-mini:hover .title {
	 color: var(--bs-primary);
}
 .qoute-matters.-mini:hover .field--name-body {
	 color: var(--bs-body-color);
}
 .qoute-matters.-mini:hover .quote-author {
	 color: var(--bs-body-color);
}
 .qoute-matters.-mini:hover img {
	 border-color: var(--bs-primary);
}
 .qoute-matters.-banner {
	 width: 100%;
	 max-width: 678px;
	 position: absolute;
	 top: 0;
	 right: 0;
	 border: 0;
	 display: block;
	  -webkit-box-shadow: 0px 77px 31px 0px rgba(68, 68, 68, 0.0117647059), 0px 43px 26px 0px rgba(68, 68, 68, 0.0509803922), 0px 5px 11px 0px rgba(68, 68, 68, 0.1019607843);
          box-shadow: 0px 77px 31px 0px rgba(68, 68, 68, 0.0117647059), 0px 43px 26px 0px rgba(68, 68, 68, 0.0509803922), 0px 5px 11px 0px rgba(68, 68, 68, 0.1019607843);
	 background: var(--bs-white);
	 top: 50%;
	 transform: translate(0, -50%);
}
 .qoute-matters.-banner a {
	 display: inline-flex;
}
 .qoute-matters.-banner .quote-author .fw-bolder {
	 color: var(--bs-primary);
}
 .qoute-matters.-banner:hover {
	 color: var(--bs-body-color);
}
.qoute-matters.-banner .photo {
  display: none;
}

 .qoute-matters.-banner:hover .title {
	 color: var(--bs-primary);
}
 .qoute-matters.-banner:hover .field--name-body {
	 color: var(--bs-body-color);
}
 .qoute-matters.-banner:hover .quote-author {
	 color: var(--bs-body-color);
}
 .qoute-matters.-banner .photo {
	 display: none;
}
 .quote-author {
	 /*margin-top: auto;*/
	 margin-bottom: 1rem;
}
 .view-why-iom-matters .layout--onecol, .view-display-id-why_matter .layout--onecol, .view-why-iom-matters .layout__region--content, .view-display-id-why_matter .layout__region--content, .view-why-iom-matters .qoute-matters, .view-display-id-why_matter .qoute-matters {
	 height: 100%;
}
 .view-why-iom-matters .qoute-matters.-banner, .view-display-id-why_matter .qoute-matters.-banner {
	 height: auto;
}
 .view-why-iom-matters .field--name-field-cover-slider-paragraph .media--blazy, .view-display-id-why_matter .field--name-field-cover-slider-paragraph .media--blazy {
	 width: 715px;
	 height: 555px;
}
 .view-display-id-why_matters .views-row .layout__region--content, .view-display-id-why_matters .views-view-grid .layout__region--content, .view-display-id-why_matters .views-view-grid .layout--onecol {
	 height: 100%;
}
 
 
 .view-display-id-why_matters .attachment-before .views-field-field-image .media--blazy{
 	padding-bottom: 0 !important;
 	width: 715px;
 	height: 555px;
 }
 @media (max-width: 768px){
 	.view-display-id-why_matters .attachment-before .views-field-field-image .media--blazy{
 		padding-bottom: 70.59% !important;
 		width: unset;
 		height: unset;
 	}
 	.qoute-matters.-banner{
 		position: unset;
 		transform: unset;
 	}
 	
 }
 
.qoute-matters.-mini .photo .media{
 	position: absolute;
 	padding-bottom: 0 !important;
 	top: 2rem;
  border: 2px solid var(--bs-primary);
  width: 68px;
	height:68px;
 }
 
.qoute-matters .quote-author .col-3{
	min-width: 92px;
}