/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* override default breakpoints */
.duo.round-image .duo-tile-card {
  border-radius: 50%; }
  .duo.round-image .duo-tile-card-img {
    border-radius: 50%; }

.duo-tile:not(.no-link):hover .duo-tile-card {
  border: 0.125rem solid #26865e; }

.duo-tile:not(.no-link):focus {
  outline: none; }

.duo .duo-tile:not(.no-link) .duo-title-body .duo-tile-body-heading,
.duo .duo-tile:not(.no-link) .duo-title-body .duo-tile-body-copy {
  color: #444444; }

.duo .duo-tile:not(.no-link) .duo-title-body svg {
  fill: #444444; }

.duo .duo-tile:not(.no-link):hover .duo-title-body .duo-tile-body-heading,
.duo .duo-tile:not(.no-link):hover .duo-title-body .duo-tile-body-copy {
  color: #26865e; }

.duo .duo-tile:not(.no-link):hover .duo-title-body svg {
  fill: #26865e; }

.duo-tile:not(.no-link) .duo-title-body .duo-title-body-heading,
.duo-tile:not(.no-link) .duo-title-body .duo-title-body-copy {
  color: #444444; }

.duo-tile.stretched-link:focus::after {
  border: 0.125rem solid #8f8f8f;
  top: 0.125rem;
  bottom: -0.125rem; }

.dark .duo-tile.stretched-link:focus::after {
  border: 0.125rem solid #fff; }

.light .duo-tile.stretched-link:hover {
  color: #26865e; }

.duo.dark .duo-tile .duo-title-body,
.duo.dark .duo-tile .btn-link,
.duo.dark .duo-tile .duo-tile-body-heading {
  color: #fff; }

.duo.dark .duo-tile .btn-link {
  fill: #fff; }

.duo.dark .duo-tile:not(.no-link):hover .duo-tile-card {
  border: 0.125rem solid #fff; }

.duo.dark .duo-tile:not(.no-link) .duo-title-body .duo-tile-body-heading,
.duo.dark .duo-tile:not(.no-link) .duo-title-body .duo-tile-body-copy {
  color: #fff; }

.duo.dark .duo-tile:not(.no-link) .duo-title-body svg {
  fill: #fff; }

.duo.dark .duo-tile.stretched-link:hover {
  color: #fff; }