/* CEO quote background-image zoom and text fade-in CSS using AOS starts here */

.ar-imageBoxWrap { min-height: 480px; }
.annualReport-section.modID-ceo-image-and-quote {padding-top: 20px; padding-bottom: 120px;}
.downloadBottomLink {margin-top: 30px;}

.CEOquote-content.CEOquote-content-white, .CEOquote-content.CEOquote-content-white p {color: #FFFFFF; }
	
.ar-imageBoxWrap-description p {line-height: 36px; }
.ar-imageBoxWrap-description p span { line-height: 20px; letter-spacing: -1%; }
.ar-imageBoxWrap-description p:first-child {text-indent: -14px; }

/* Card container */
.nojs .CEOquote-content {
  opacity: 1;
  transform: none;
}

.CEOquote-card {
  position: relative;
  margin: 0 10px;
  /*height: 420px;*/
  border-radius: 20px;
  overflow: hidden;
	clear: both;
}

/* Background image */
/*.CEOquote-bg {
  position: absolute;
  inset: 0;
  background-image: url(""); /* replace * /
  background-size: cover;
  background-position: top left;

  /* anchor point * /
  transform-origin: top left;
  transform: scale(1);
  transition: transform 1s ease-out;
}*/
.CEOquote-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
	background-repeat: no-repeat;

  background-position: top left;
  transform-origin: top left;
  transform: scale(1) translate(0, 0);
  transition: transform 1.3s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.CEOquote-bg.CEOquote-imgOn-right {
  background-position: top right;
  transform-origin: top right;
}
	
.CEOquote-device-bg {
	background-repeat: no-repeat;
  background-position: top left;
  transform-origin: top left;
  background-size: cover;
  transition: all 0.3s ease;
  position: absolute;
  width: 100%;
  height: 100%;
	
	/*
	transform-origin: top right;
	opacity: 0;
	background-position: / *right* /;*/
}
.CEOquote-device-bg.CEOquote-device-imgOn-right {
	background-position: top right;
	transform-origin: top right;
}
.CEOquote-bg.CEOquote-imgOn-right::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 37.05%, rgba(0, 0, 0, 0.50) 100%), no-repeat;
  left: 0;
  top: 0;
  z-index: 9;
  background-blend-mode: multiply, normal;
}

.CEOquote-bg.CEOquote-imgOn-left::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 32.26%, rgba(255, 255, 255, 0.50) 100%), no-repeat;
  left: 0;
  top: 0;
  z-index: 9;
  background-blend-mode: screen, normal;
}

/* Text + button */
.CEOquote-content {
/*  position: relative;
  z-index: 2;
  max-width: 520px;
  margin-left: auto;
  padding: 64px;
  color: #5b2c83;*/
	align-content: center;

 /* opacity: 0;*/
  /*transform: translateY(24px);*/
/*  transition:
    opacity 0.9s ease-out,
    transform 0.9s ease-out;*/
}

.CEOquote-card:hover .CEOquote-bg { transform: scale(1);}
.ar-imageBoxWrap-description p span {padding-top: 30px;}
.CEOquote-Link {margin-top: 50px;}

.CEOquote-card .chair-img {opacity: 0; padding: 0; overflow: hidden;}

	
@media (min-width: 992px) {
	.ar-imageBoxWrap.CEOquote-content { background: none; padding-left: 40px; }
	
}
	
@media (max-width: 991px) {
	.CEOquote-card {margin: 0;}
	.CEOquote-card .chair-img {opacity: 1;}
	.CEOquote-card.is-zoomed .CEOquote-bg, .CEOquote-card .CEOquote-bg { display: none !important; opacity: 0;}
	.CEOquote-device-bg { /*opacity: 1;*/ }
	.CEOquote-card .ar-imageBoxWrap {
		background-position: center left;
		background-size: cover;
	  }
	.CEOquote-card .leaderImgBgRight .ar-imageBoxWrap {
		background-position: center right;
	  }
	.CEOquote-card .ar-imageBoxWrap.CEOquote-content {min-height: auto; padding: 10px 0;}
	.mobileOverlay {padding: 15px 0;}
	.CEOquote-card .annualReport-contentWrap { margin-bottom: 0;}
	.CEOquote-content-white.white-content a.rad-link-4 {color: #8138E0; border: 2px solid #8138E0;}
	.ar-imageBoxWrap, 
	.CEOquote-content.CEOquote-content-white {background: #FFFFFF/*#5A287D*/; color: #5A287D;}
	.CEOquote-content.CEOquote-content-white p { color: #5A287D;}
	
}
@media (max-width: 767px) {
  .CEOquote-card.is-zoomed .CEOquote-bg {
    transform: scale(1.06) translate(10px, -6px);
  }
 /* .CEOquote-content {
    opacity: 1 !important;
    transform: none !important;
  }*/
}
@media (max-width: 1023px) and (orientation: landscape) {
 /* .CEOquote-content {
    opacity: 1 !important;
    transform: none !important;
  }*/
  
}


/* CEO quote background-image zoom and text fade-in CSS using AOS ends here */