/**
 * Agents Stylesheet
 */
.page-template-page-agents #header-outer header,
.single-agents #header-outer header {
  background-color: #f1f1f1; /* test */
}

/* Intro */
.intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.intro__col {
  padding: 0 calc(1245px * 0.03);
  width: calc(50% - 10px);
}

@media screen and (max-width: 768px) {
  .intro__col {
    padding: 0;
    width: 100%;
  }
}

.intro__col + .intro__col {
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
  .intro__col + .intro__col {
    padding-top: 30px;
  }
}

.intro__col h1,
.intro__col h2,
.intro__col h3,
.intro__col h4,
.intro__col h5,
.intro__col h6 {
  font-size: 38px;
  line-height: 1.3 !important;
}

@media screen and (max-width: 768px) {
  .intro__col h1,
  .intro__col h2,
  .intro__col h3,
  .intro__col h4,
  .intro__col h5,
  .intro__col h6 {
    font-size: 27px;
    line-height: 35px;
  }
}

.intro__col p {
  font-size: 16px;
  line-height: 28px;
}

@media screen and (max-width: 768px) {
  .intro__col p {
    font-size: 15px;
    line-height: 25px;
  }
}

.highlight {
  color: #ff6b3d;
  font-size: 22px;
  /* font-weight: bold; */
  line-height: 38px;
  text-decoration: underline;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .highlight {
    font-size: 18px;
  }
}

.btn {
  border: 2px solid #ff6b3d;
  border-radius: 44px;
  color: #ff6b3d;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

.btn:hover {
  background-color: #ff6b3d;
  color: #ffffff;
}

/* Agent Grid */
.agent-grid {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 80px;
  padding-left: calc(1245px * 0.03);
  padding-right: calc(1245px * 0.03);
  padding-bottom: 100px;
}

.agent-grid::after {
  content: "";
  width: calc(33.33333333% - 40px);
}

@media screen and (max-width: 992px) {
  .agent-grid {
    padding: 0 0 100px 0;
  }

  .agent-grid::after {
    width: 100%;
  }
}

.agent-card {
  margin: 20px 0;
  width: calc(33.33333333% - 40px);
}

@media screen and (max-width: 992px) {
  .agent-card {
    width: 100%;
    border-bottom: 1px solid #707070;
    padding: 10px 0 50px 0;
  }
}

.agent-card:last-of-type {
  border: 0;
  padding-bottom: 0;
}

.agent-card__image {
  border-radius: 4px;
  display: inline-flex;
  margin-bottom: 46px;
  overflow: hidden;
  width: 100%;
  height: 250px;
}

@media screen and (max-width: 768px) {
  .agent-card__image {
    height: 219px;
  }
}

.agent-card__image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.agent-card__meta {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .agent-card__meta {
    flex-direction: column;
  }
}

.agent-card__meta-logo {
  position: relative;
  height: 60px;
  width: 60px;
}

@media screen and (max-width: 768px) {
  .agent-card__meta-logo {
    display: none;
  }
}

.agent-card__meta-content {
  border-left: 1px solid #707070;
  padding-left: 20px;
  width: calc(100% - 80px);
}

@media screen and (max-width: 768px) {
  .agent-card__meta-content {
    border-left: 0;
    padding-left: 0;
    width: 100%;
  }
}

.agent-card__meta-content-row .agent-card__meta-logo {
  display: none;
}

.agent-card__meta-content-row {
  margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
  .agent-card__meta-content-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .is-premium .agent-card__meta-content-row {
    flex-direction: column;
  }
  .agent-card__meta-content-row .agent-card__meta-logo {
    display: inline-block;
    margin-right: 20px;
  }
}

.agent-card__meta-content h3 {
  color: #707070;
  line-height: 30px;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .agent-card__meta-content h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

/* Premium */
.agent-card.is-premium {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  width: 100vw;
  background-color: #f2f2f2;
  margin: 76px 0;
  padding: 57px 59px;
  /* overflow: hidden; */
  border: 0;
}

@media screen and (max-width: 768px) {
  .agent-card.is-premium {
    left: calc(-50vw + 50%);
    width: 100vw;
    overflow: visible;
    flex-direction: column;
    padding: 0;
    margin: 34px 0;
  }
}

.is-premium .agent-card__meta {
  flex-direction: column;
  width: 426px;
}

@media screen and (max-width: 768px) {
  .is-premium .agent-card__meta {
    padding: 0 59px 57px 59px;
    width: inherit;
  }
}

.is-premium .agent-card__meta-logo {
  height: auto;
  width: auto;
  max-width: 100%;
  padding-top: 134px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .is-premium .agent-card__meta-logo {
    padding-top: 0;
  }
}

.is-premium .agent-card__image {
  width: calc(100% - 426px);
  height: auto;
}

@media screen and (max-width: 768px) {
  .is-premium .agent-card__image {
    width: 100%;
    height: auto;
  }
}

.is-premium .agent-card__meta-content {
  border: 0;
  padding-left: 0;
}

@media screen and (max-width: 768px) {
  .is-premium .agent-card__meta-content {
    width: 100%;
  }
}

.is-premium .agent-card__meta-content p {
  font-size: 20px;
  line-height: 30px;
}

.is-premium .agent-card__meta-content h3 {
  line-height: 40px;
  margin-bottom: 27px;
}

.is-premium .btn {
  font-size: 18px;
}

.sash {
  position: absolute;
  z-index: 5;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 208px;
  height: 147px;
}

.sash__inner {
  position: absolute;
  top: 35px;
  left: -50px;
  background-color: #d6d6d6;
  color: #ff6b3d;
  font-size: 20px;
  padding: 8px 10px;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-35deg);
  width: 255px;
  letter-spacing: 2.4px;
}

@media screen and (max-width: 768px) {
  .sash__inner {
    top: 20px;
    left: -80px;
    font-size: 12px;
    padding: 6px 10px;
  }
}

/* Agent Single */
.agent {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 100px;
}

.agent__col {
  padding: 0 calc(1245px * 0.03);
  width: calc(50% - 10px);
}

@media screen and (max-width: 768px) {
  .agent__col {
    padding: 0;
    width: 100%;
  }
}

.agent-meta {
  margin-bottom: 68px;
}

@media screen and (max-width: 768px) {
  .agent-meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
  }
  .agent-meta .highlight,
  .agent-meta .agent-address,
  .agent-meta .agent-phone {
    font-size: 14px;
    line-height: 26px;
  }
}

.agent__meta-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .agent__meta-row {
    flex-direction: column;
  }
}

.agent__meta-row p {
  margin-right: 60px;
}

@media screen and (max-width: 768px) {
  .agent__meta-row p {
    margin-right: 0;
    padding: 0;
  }
}

.agent__meta-logo {
  position: relative;
  text-align: center;
  margin-top: 98px;
  margin-bottom: 139px;
  padding-top: 80px;
}

@media screen and (max-width: 768px) {
  .agent__meta-logo {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
  }
}

.agent-quote {
  padding: 0;
  margin: 0;
}

.agent-quote::before {
  border: 0;
}

.agent-quote p {
  color: #4b5f64;
  font-size: 28px;
  line-height: 42px;
  font-style: italic;
  padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .agent-quote p {
    font-size: 22px;
    line-height: 33px;
  }
}

.agent-quote cite {
  color: #ff6b3d;
  font-size: 20px;
  font-style: italic;
}

.agent-phone {
  color: #707070;
  font-weight: bold;
}

.agent-phone:hover {
  color: #ff6b3d;
}

.agent-address {
  color: #707070;
}

.agent__gallery {
  position: relative;
  margin-top: 137px;
  margin-bottom: 220px;
}

@media screen and (max-width: 768px) {
  .agent__gallery {
    width: 100vw;
    left: calc(-50vw + 50%);
    margin-top: 60px;
    margin-bottom: 48px;
  }
}

.agent__gallery-item {
  position: relative;
  height: 576px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .agent__gallery-item {
    height: 533px;
  }
}

.agent__gallery-item img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.agent__gallery .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='142px' height='239px' viewBox='0 0 142 239' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECombined Shape%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Gallery-arrows' transform='translate(-20.000000, 0.000000)' fill='%23FFFFFF'%3E%3Cpath d='M32.5523,0.4998 C35.9113,0.4998 38.9513,1.9378 41.3913,4.1608 C41.4583,4.2228 41.5263,4.2848 41.5943,4.3458 C46.3543,8.6258 51.0573,12.9708 55.7883,17.2828 C65.5113,26.1438 75.2343,35.0058 84.9573,43.8668 L118.6853,74.6058 C127.9763,83.0738 137.2683,91.5418 146.5593,100.0098 C150.4273,103.5358 154.2963,107.0608 158.1643,110.5868 C160.6243,112.8278 161.6813,116.1998 161.8263,119.4258 C161.9593,122.3958 160.3683,126.2558 158.1643,128.2648 C158.0973,128.3258 158.0283,128.3868 157.9623,128.4498 C153.2953,132.8288 148.4963,137.0758 143.7673,141.3868 C134.0443,150.2478 124.3213,159.1088 114.5983,167.9698 L80.8703,198.7098 C71.5793,207.1778 62.2873,215.6458 52.9963,224.1128 C49.1283,227.6388 45.2593,231.1648 41.3913,234.6908 C38.8523,237.0038 35.9543,238.1988 32.5523,238.3518 C29.2233,238.5008 26.0953,236.8768 23.7133,234.6908 C21.4143,232.5798 20.0523,228.9178 20.0523,225.8518 C20.0523,222.7968 21.4113,219.1108 23.7133,217.0128 C23.7813,216.9508 23.8493,216.8908 23.9163,216.8278 C28.5823,212.4478 33.3813,208.2018 38.1113,203.8908 L67.2793,177.3068 L101.0073,146.5678 C110.2993,138.0998 119.5903,129.6318 128.8813,121.1638 L130.712812,119.4948 L127,116 L127.009812,115.9848 L126.0893,115.1428 C121.2278,110.7123 116.3663,106.28155 111.5048,101.8508 L96.9203,88.5588 L63.1923,57.8198 C53.9013,49.3518 44.6103,40.8838 35.3183,32.4158 C31.4503,28.8898 27.5813,25.3648 23.7133,21.8388 C21.2543,19.5978 20.1963,16.2258 20.0523,12.9998 C19.9033,9.6708 21.5263,6.5438 23.7133,4.1608 C25.8243,1.8618 29.4863,0.4998 32.5523,0.4998 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
  background-color: transparent;
  border: 0;
  height: 38px;
  width: 22px;
  opacity: 0.7;
}

.agent__gallery .slick-next {
  left: auto;
  right: 20px;
}

.agent__gallery .slick-prev {
  left: 20px;
  transform: rotate(180deg) translateY(-50%);
  transform-origin: top;
}

.agenct-gallery-wrap {
  position: relative;
}

.agenct-gallery-wrap .symbol {
  position: absolute;
  right: 40px;
  bottom: -150px;
  width: 252px;
  height: 305px;
}

@media screen and (max-width: 768px) {
  .agenct-gallery-wrap .symbol {
    bottom: auto;
    top: -100px;
    right: 0;
    width: 138px;
    height: 159px;
  }
}

.globe {
  width: 23px;
  height: 22px;
  margin-left: 10px;
}

.email {
  width: 23px;
  height: 23px;
  margin-left: 10px;
}

.phone {
  width: 22px;
  height: 21px;
  margin-right: 10px;
}

.location {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}

.globe svg,
.email svg,
.phone svg,
.location svg {
  width: 100%;
  height: 100%;
}

.with-icon {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .with-icon.switch {
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .with-icon.switch .globe,
  .with-icon.switch .email {
    margin-left: 0;
    margin-right: 10px;
  }
}

@media screen and (max-width: 768px) {
  .agent-row-mobile {
    display: flex;
    flex-direction: column;
    padding-left: 35px;
  }
}

.agent-card.is-premium .symbol {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 201px;
  height: 261px;
}

@media screen and (max-width: 768px) {
  .agent-card.is-premium .symbol {
    width: 138px;
    height: 159px;
    right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .agent.is-premium .sash__inner {
    transform: rotate(-45deg);
    width: 240px;
    padding: 2px 10px;
  }

  .agent.is-premium .sash {
    width: 135px;
  }
}

.agent-trustpilot {
  margin-top: 30px;
}

.agent-trustpilot__mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .agent-trustpilot__desktop {
    display: none;
  }

  .agent-trustpilot__mobile {
    display: block;
  }
}

/* TEST */
.nectar-split-heading[data-animation-type="line-reveal-by-space"] > * > span {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"][data-stagger="true"]:not(
    [data-text-effect*="letter-reveal"]
  )
  span
  .inner {
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1),
    opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"] span .inner {
  position: relative;
  display: inline-block;
  -webkit-transform: translateY(1.3em);
  transform: translateY(1.3em);
}

.arrow {
  width: 30px;
  height: 82px;
  margin-top: 40px;
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .arrow {
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    right: 30px;
  }
}