/* Blockquote start */

#blockquote {
  background-color: var(--light-blue);
}

#blockquote .container {
  padding: 96px;
}

#blockquote .row .custom-gap {
  padding: 0px 64px 0px 0px;
}

/* blockquote {
  font-style: italic;
  margin: 0px;
  padding: 0px;
  border-left: 5px solid #ccc;
  quotes: "“" "”" "‘" "’"; 
  background-color: transparent !important;
  color: var(--Blue);
  border-left: 0px !important;
} */

blockquote {
  font-style: italic;
  margin: 0px;
  padding: 0px;
  border-left: 5px solid #ccc;
  background-color: transparent !important;
  color: var(--Blue);
  border-left: 0px !important;
}

/* #blockquote blockquote {
  font-family: "Geologica", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  text-align: left;
  text-indent: 124px;
  color: var(--Blue, #1E3C72);
  padding: 0;
} */

#blockquote blockquote {
  font-family: "Geologica", sans-serif;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-indent: 124px;
  color: var(--Blue, #1e3c72);
  padding: 0;
}

/* #blockquote blockquote:before {
  content: open-quote;
  font-size: 30px;
  line-height: 0;
  vertical-align: 10px !important;
  font-family: "Geologica", sans-serif;
} */

/* #blockquote blockquote:after {
  content: close-quote; 
  font-size: 30px;
  line-height: 0;
  vertical-align: 10px;
  font-family: "Geologica", sans-serif;
} */

#blockquote .quote-attribution {
  text-align: left;
  margin-top: 32px;
}

#blockquote .quote-attribution .name {
  color: var(--Blue, #1e3c72);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

#blockquote .quote-attribution .role {
  color: var(--Blue, #1e3c72);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1200px) {
  #blockquote .row .custom-gap {
    padding: 0px 0px 0px 0px;
  }
}

@media only screen and (max-width: 768px) {
  #blockquote .container {
    padding: 96px 24px;
  }

  #blockquote .container img {
    margin-bottom: 64px;
  }

  /* #blockquote blockquote {
    font-size: 30px !important;
    line-height: 36px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px; 
    text-transform: uppercase;
    text-indent: 92px;
    margin-top: 0px;
  } */

  #blockquote blockquote {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-indent: 92px;
    margin-top: 0px;
  }

  #blockquote .row .custom-gap {
    padding: 0px 12px 0px 12px;
  }
}

/* Blockquote end */