/**
*
* Template: Resources
*
*/
.resources {
  /*=========== General ===========*/
  /*======== End of General ========*/
  /*=========== Cover ===========*/
  /*======== End of Cover ========*/
  /*=========== Blog Posts ===========*/
  /*======== End of Blog Posts ========*/
  /*=========== Ebooks ===========*/
  /*======== End of Ebooks ========*/
  /*=========== Webinars ===========*/
  /*======== End of Webinars ========*/
  /*=========== Interviews ===========*/
  /*======== End of Interviews ========*/
  /*=========== HR Glossary ===========*/
  /*======== End of HR Glossary ========*/
}
@media (min-width: 1366px) {
  .resources [class*=resources-] .container {
    width: 1351px;
  }
}
@media (max-width: 767px) {
  .resources [class*=resources-] .container {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 500px;
  }
}
.resources-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px;
}
@media (max-width: 767px) {
  .resources-header {
    align-items: center;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
  }
}
.resources-header .blog_posts_more_link_repeater {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 767px) {
  .resources-header .blog_posts_more_link_repeater {
    justify-content: space-around;
    gap: 0;
    width: 100%;
    flex-wrap: nowrap;
  }
}
.resources-header__title {
  margin: 0;
  font-family: var(--font-family-title);
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  color: #201C44;
}
@media (max-width: 767px) {
  .resources-header__title {
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
}
.resources-header__more {
  font-family: var(--font-family-primary);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.33;
  color: #201C44;
  letter-spacing: -0.3px;
}
@media (max-width: 767px) {
  .resources-header__more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.4vw;
    line-height: 1.71;
  }
  .resources-header__more::after {
    content: "";
    width: 1.2vw;
    height: 1.2vw;
    display: inline-block;
    margin-left: 1vw;
    border: none;
    border-top: 0.4vw solid var(--color-blue-darker);
    border-right: 0.4vw solid var(--color-blue-darker);
    transform: rotate(45deg);
    top: 0.2vw;
    position: relative;
  }
}
.resources h3 {
  transition: 0.25s;
}
.resources a:hover:not([class*=button]):not(:has(*)),
.resources a:hover h3 {
  color: var(--color-blue-dark);
  filter: brightness(0.5);
}
.resources .resources-cover {
  text-align: center;
}
.resources .resources-cover__inner {
  padding: 54px 0 46px;
  border-bottom: 1px solid var(--color-grey-light);
}
@media (max-width: 767px) {
  .resources .resources-cover__inner {
    padding: 47px 0 40px;
  }
}
.resources .resources-cover__title {
  margin: 0 0 15px;
  font-family: var(--font-family-title);
  font-size: 50px;
  line-height: 1.2;
  font-weight: 600;
  color: #201C44;
}
@media (max-width: 991px) {
  .resources .resources-cover__title {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .resources .resources-cover__title {
    margin-bottom: 21px;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 500;
  }
}
.resources .resources-cover__text p {
  margin: 0;
  font-family: var(--font-family-title);
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  color: #201C44;
}
@media (max-width: 991px) {
  .resources .resources-cover__text p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .resources .resources-cover__text p {
    font-size: 16px;
  }
  .resources .resources-cover__text p br {
    display: none;
  }
}
.resources .resources-blogposts__inner {
  padding: 44px 0 100px;
  border-bottom: 1px solid var(--color-grey-light);
}
@media (max-width: 767px) {
  .resources .resources-blogposts__inner {
    padding: 33px 0 57px;
  }
}
.resources .resources-blogposts__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
  margin-top: 39px;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .resources .resources-blogposts__wrapper {
    grid-gap: 32px;
  }
}
@media (max-width: 991px) {
  .resources .resources-blogposts__wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .resources .resources-blogposts__wrapper {
    margin-top: 17px;
    grid-gap: 40px;
  }
}
.resources .resources-blogposts__item {
  display: flex;
  flex-direction: var(--item-flex-direction);
  justify-content: space-between;
  gap: var(--item-gap);
}
.resources .resources-blogposts__item:hover .resources-blogposts__item-image img {
  transform: scale(1.05);
}
.resources .resources-blogposts__item:not([data-size=big]) {
  --item-flex-direction: row-reverse;
  --item-gap: 32px;
  --item-image-size: 155px;
  --content-padding: 0;
}
@media (max-width: 1199px) {
  .resources .resources-blogposts__item:not([data-size=big]) {
    --item-image-size: 142px;
  }
}
@media (max-width: 991px) {
  .resources .resources-blogposts__item:not([data-size=big]) {
    --item-image-size: 110px;
    --item-gap: 16px;
  }
}
@media (max-width: 767px) {
  .resources .resources-blogposts__item:not([data-size=big]) {
    --item-image-size: 95px;
  }
}
.resources .resources-blogposts__item[data-size=big] {
  --item-flex-direction: column;
  --item-gap: 0;
  --item-image-size: auto;
  --content-padding: 30px 34px 34px;
  background: #fff;
  overflow: hidden;
}
@media (min-width: 768px) {
  .resources .resources-blogposts__item[data-size=big] {
    border: 1px solid var(--color-grey-light);
    border-radius: 15px;
  }
}
@media (max-width: 991px) {
  .resources .resources-blogposts__item[data-size=big] {
    --content-padding: 24px 24px 30px;
  }
}
@media (max-width: 767px) {
  .resources .resources-blogposts__item[data-size=big] {
    --content-padding: 0;
  }
}
@media (min-width: 768px) {
  .resources .resources-blogposts__item[data-size=big] .resources-blogposts__item-category {
    position: absolute;
    top: 13px;
    left: 13px;
    z-index: 1;
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  .resources .resources-blogposts__item[data-size=big] .resources-blogposts__item-category {
    margin-top: 20px;
    margin-bottom: 14px;
  }
}
.resources .resources-blogposts__item[data-size=big] .resources-blogposts__item-image {
  padding-bottom: 60%;
  border-radius: 0;
}
@media (max-width: 767px) {
  .resources .resources-blogposts__item[data-size=big] .resources-blogposts__item-image {
    padding-bottom: 54.6%;
    border-radius: 15px;
    overflow: hidden;
  }
}
.resources .resources-blogposts__item-category {
  display: inline-block;
  padding: 5px 19px;
  border-radius: 8px;
  background-color: var(--category-bg-color);
  color: var(--category-color);
  font-family: var(--font-family-title);
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
}
@media (max-width: 991px) {
  .resources .resources-blogposts__item-category {
    padding: 5px 10px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .resources .resources-blogposts__item-category {
    font-size: 11px;
    padding: 4px 12px;
  }
}
.resources .resources-blogposts__item-category[data-color=purple] {
  --category-bg-color: var(--color-purple-lighter);
  --category-color: var(--color-purple);
}
.resources .resources-blogposts__item-category[data-color=pink] {
  --category-bg-color: var(--color-pink-lighter);
  --category-color: var(--color-pink);
}
.resources .resources-blogposts__item-category[data-color=coral] {
  --category-bg-color: var(--color-coral-lighter);
  --category-color: var(--color-coral);
}
.resources .resources-blogposts__item-category[data-color=red] {
  --category-bg-color: var(--color-red-lighter);
  --category-color: var(--color-red);
}
.resources .resources-blogposts__item-category[data-color=orange] {
  --category-bg-color: var(--color-orange-lighter);
  --category-color: var(--color-orange);
}
.resources .resources-blogposts__item-category[data-color=mustard] {
  --category-bg-color: var(--color-mustard-lighter);
  --category-color: var(--color-mustard);
}
.resources .resources-blogposts__item-category[data-color=green] {
  --category-bg-color: var(--color-green-lighter);
  --category-color: var(--color-green);
}
.resources .resources-blogposts__item-category[data-color=turquoise] {
  --category-bg-color: var(--color-turquoise-lighter);
  --category-color: var(--color-turquoise);
}
.resources .resources-blogposts__item-category[data-color=blue] {
  --category-bg-color: var(--color-blue-lighter);
  --category-color: var(--color-blue);
}
.resources .resources-blogposts__item-category[data-color=blueMagent] {
  --category-bg-color: var(--color-blueMagent-lighter);
  --category-color: var(--color-blueMagent);
}
.resources .resources-blogposts__item-image {
  display: block;
  position: relative;
  width: 100%;
  min-width: var(--item-image-size);
  max-width: var(--item-image-size);
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: 15px;
}
.resources .resources-blogposts__item-imageWrapper {
  position: relative;
}
.resources .resources-blogposts__item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: var(--tg-transition-medium);
}
.resources .resources-blogposts__item-content {
  padding: var(--content-padding);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  flex: 1;
}
@media (max-width: 767px) {
  .resources .resources-blogposts__item-content {
    gap: 9px;
  }
}
.resources .resources-blogposts__item-title {
  margin: 0;
  font-family: var(--font-family-title);
  font-weight: 500;
  font-size: 26px;
  line-height: 1.3;
  color: #201C44;
}
@media (max-width: 1199px) {
  .resources .resources-blogposts__item-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .resources .resources-blogposts__item-title {
    font-size: 18px;
  }
}
.resources .resources-blogposts__item-text p {
  margin: 0;
  font-family: var(--font-family-title);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #464646;
}
@media (max-width: 767px) {
  .resources .resources-blogposts__item-text p {
    font-size: 13px;
    line-height: 1.3;
  }
}
.resources .resources-blogposts__item-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.resources .resources-blogposts__item-author, .resources .resources-blogposts__item-more {
  margin: 0;
  display: inline-block;
  font-family: var(--font-family-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #1A1A1A;
}
@media (max-width: 767px) {
  .resources .resources-blogposts__item-author, .resources .resources-blogposts__item-more {
    font-size: 13px;
    color: rgba(26, 26, 26, 0.5);
  }
}
.resources .resources-blogposts__item-more {
  color: rgba(26, 26, 26, 0.5);
}
@media (max-width: 767px) {
  .resources .resources-blogposts__item-more {
    display: none;
  }
}
.resources .resources-blogposts__list {
  display: flex;
  flex-direction: column;
  gap: 55px;
}
@media (max-width: 1199px) {
  .resources .resources-blogposts__list {
    padding-top: 0;
    gap: 47px;
  }
}
@media (max-width: 767px) {
  .resources .resources-blogposts__list {
    gap: 38px;
  }
}
.resources .resources-ebooks__inner {
  padding: 84px 0;
  border-bottom: 1px solid var(--color-grey-light);
}
@media (max-width: 767px) {
  .resources .resources-ebooks__inner {
    padding: 33px 0 59px;
  }
}
.resources .resources-ebooks__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
  margin-top: 42px;
}
@media (max-width: 1199px) {
  .resources .resources-ebooks__list {
    grid-gap: 32px;
  }
}
@media (max-width: 991px) {
  .resources .resources-ebooks__list {
    grid-gap: 16px;
  }
}
@media (max-width: 767px) {
  .resources .resources-ebooks__list {
    grid-template-columns: 1fr;
    margin-top: 14px;
    grid-gap: 40px;
  }
}
.resources .resources-ebooks__listItem:hover .resources-ebooks__listItem-image img {
  transform: scale(1.05);
}
.resources .resources-ebooks__listItem-image {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 119.5%;
  margin-bottom: 25px;
  overflow: hidden;
  border-radius: 15px;
}
@media (max-width: 767px) {
  .resources .resources-ebooks__listItem-image {
    margin-bottom: 16px;
  }
}
.resources .resources-ebooks__listItem-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--tg-transition-medium);
}
.resources .resources-ebooks__listItem-title {
  margin: 0;
  font-family: var(--font-family-title);
  font-weight: 500;
  font-size: 26px;
  line-height: 1.3;
  color: #201C44;
}
@media (max-width: 1199px) {
  .resources .resources-ebooks__listItem-title {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .resources .resources-ebooks__listItem-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .resources .resources-ebooks__listItem-title {
    font-size: 16px;
  }
}
.resources .resources-webinars__inner {
  padding: 100px 0 40px;
}
@media (max-width: 1199px) {
  .resources .resources-webinars__inner {
    padding: 84px 0 40px;
  }
}
@media (max-width: 767px) {
  .resources .resources-webinars__inner {
    padding: 33px 0 33px;
  }
}
.resources .resources-webinars__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
  margin-top: 42px;
}
@media (max-width: 1199px) {
  .resources .resources-webinars__list {
    grid-gap: 32px;
  }
}
@media (max-width: 991px) {
  .resources .resources-webinars__list {
    grid-gap: 16px;
  }
}
@media (max-width: 767px) {
  .resources .resources-webinars__list {
    grid-template-columns: 1fr;
    margin-top: 14px;
    grid-gap: 40px;
  }
}
.resources .resources-webinars__listItem:hover .resources-webinars__listItem-image img {
  transform: scale(1.05);
}
.resources .resources-webinars__listItem-image {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 54%;
  margin-bottom: 19px;
  overflow: hidden;
  border-radius: 15px;
}
.resources .resources-webinars__listItem-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--tg-transition-medium);
}
.resources .resources-webinars__listItem-title {
  margin: 0;
  font-family: var(--font-family-title);
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3;
  color: #1A1A1A;
}
@media (max-width: 991px) {
  .resources .resources-webinars__listItem-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .resources .resources-webinars__listItem-title {
    font-size: 16px;
  }
}
.resources .resources-webinars .webinar-banner {
  margin-top: 36px;
}
.resources .resources-interviews {
  padding: 107px 0 170px;
  background-color: #3C3679;
}
@media (max-width: 1199px) {
  .resources .resources-interviews {
    padding: 100px 0 140px;
  }
}
@media (max-width: 991px) {
  .resources .resources-interviews {
    padding: 84px 0;
  }
}
@media (max-width: 767px) {
  .resources .resources-interviews {
    padding: 40px 0 54px;
  }
}
.resources .resources-interviews__title {
  margin: 0 0 80px;
  font-family: var(--font-family-title);
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  color: #fff;
}
@media (max-width: 991px) {
  .resources .resources-interviews__title {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .resources .resources-interviews__title {
    margin-bottom: 34px;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
  }
}
.resources .resources-interviews__wrapper {
  display: grid;
  grid-template-columns: 1fr 635px;
  grid-gap: 120px;
  align-items: flex-start;
}
@media (max-width: 1365px) {
  .resources .resources-interviews__wrapper {
    grid-gap: 40px;
    grid-template-columns: 1fr 560px;
  }
}
@media (max-width: 1199px) {
  .resources .resources-interviews__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .resources .resources-interviews__wrapper {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: unset;
    gap: 60px;
  }
}
@media (max-width: 767px) {
  .resources .resources-interviews__wrapper {
    gap: 42px;
  }
}
.resources .resources-interviews__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.resources .resources-interviews__image {
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .resources .resources-interviews__image {
    max-width: calc(100% - 114px);
  }
}
.resources .resources-interviews__image img {
  max-width: 100%;
  height: auto;
}
.resources .resources-interviews__text p {
  margin: 0;
  font-family: var(--font-family-title);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.67;
  color: #fff;
}
@media (max-width: 767px) {
  .resources .resources-interviews__text p {
    font-size: 16px;
    line-height: 1.5;
  }
}
.resources .resources-interviews__button {
  display: inline-block;
  padding: 14px 24px 16px;
  background-color: transparent;
  border-radius: 50px;
  border: 1px solid #fff;
  transition: var(--tg-transition-medium);
  font-family: var(--font-family-title);
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  text-align: center;
}
.resources .resources-interviews__button:hover {
  background-color: #fff;
  color: #3C3679;
}
@media (max-width: 767px) {
  .resources .resources-interviews__button {
    margin: 30px auto 0;
    padding: 13px 25px;
    font-size: 16px;
    line-height: 1.38;
  }
}
.resources .resources-interviews__embed {
  --embed-playbutton-opacity: 1;
  --embed-playbutton-pointer-events: auto;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  aspect-ratio: 16/9;
}
.resources .resources-interviews__embed.is-opened {
  --embed-playbutton-opacity: 0;
  --embed-playbutton-pointer-events: none;
}
.resources .resources-interviews__embed iframe {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  z-index: 2;
}
.resources .resources-interviews__embed-image {
  position: absolute;
  overflow: hidden;
  border-radius: 15px;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  z-index: 1;
  pointer-events: none;
}
.resources .resources-interviews__embed-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.resources .resources-interviews__embed-button {
  --play-button-size: 77px;
  width: var(--play-button-size);
  height: var(--play-button-size);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(var(--play-button-size) / -2);
  margin-left: calc(var(--play-button-size) / -2);
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: url("https://connecteam.com/wp-content/themes/connecteam/inc/templates/resources/assets/images/icon-play.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: var(--tg-transition-medium);
  cursor: pointer;
  z-index: 3;
  opacity: var(--embed-playbutton-opacity);
  pointer-events: var(--embed-playbutton-pointer-events);
}
@media (max-width: 767px) {
  .resources .resources-interviews__embed-button {
    background-size: 44px;
  }
}
.resources .resources-interviews__embed-button:hover {
  transform: scale(1.05);
}
.resources .resources-hrglossary {
  padding: 112px 0 100px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .resources .resources-hrglossary {
    padding: 84px 0;
  }
}
@media (max-width: 767px) {
  .resources .resources-hrglossary {
    padding: 57px 0 0;
  }
}
.resources .resources-hrglossary__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 50px;
  margin-top: 32px;
}
@media (max-width: 1365px) {
  .resources .resources-hrglossary__list {
    grid-gap: 32px;
  }
}
@media (max-width: 991px) {
  .resources .resources-hrglossary__list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 48px 32px;
  }
}
@media (max-width: 767px) {
  .resources .resources-hrglossary__list {
    grid-template-columns: 1fr;
    margin-top: 24px;
    grid-gap: 40px;
  }
}
@media (max-width: 767px) {
  .resources .resources-hrglossary__listItem {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 20px;
  }
  .resources .resources-hrglossary__listItem .resources-hrglossary__listItem-content {
    flex: 1;
  }
}
.resources .resources-hrglossary__listItem:hover .resources-hrglossary__listItem-image img {
  transform: scale(1.05);
}
.resources .resources-hrglossary__listItem-image {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 77%;
  margin-bottom: 22px;
  overflow: hidden;
  border-radius: 15px;
}
@media (max-width: 767px) {
  .resources .resources-hrglossary__listItem-image {
    min-width: 95px;
    max-width: 95px;
    height: 95px;
    margin: 0;
    padding-bottom: unset;
  }
}
.resources .resources-hrglossary__listItem-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--tg-transition-medium);
}
.resources .resources-hrglossary__listItem-title {
  margin: 0 0 12px;
  font-family: var(--font-family-title);
  font-weight: 500;
  font-size: 26px;
  line-height: 1.3;
  color: #201C44;
}
@media (max-width: 1365px) {
  .resources .resources-hrglossary__listItem-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .resources .resources-hrglossary__listItem-title {
    margin: 0 0 4px;
    font-size: 18px;
  }
}
.resources .resources-hrglossary__listItem-text p {
  margin: 0;
  font-family: var(--font-family-title);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: #1A1A1A;
}
@media (max-width: 767px) {
  .resources .resources-hrglossary__listItem-text p {
    color: rgba(26, 26, 26, 0.5);
  }
}
.resources .resources-hrglossary__banner {
  margin-top: 90px;
  padding: 41px 48px 33px 58px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 34px;
  background-color: #E7ECAF;
  background-image: url("https://connecteam.com/wp-content/themes/connecteam/inc/templates/resources/assets/images/hrglossary-banner-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
}
@media (max-width: 1365px) {
  .resources .resources-hrglossary__banner {
    background-size: 400px;
  }
}
@media (max-width: 1199px) {
  .resources .resources-hrglossary__banner {
    padding: 34px 24px 34px 34px;
    background-size: 300px;
  }
}
@media (max-width: 991px) {
  .resources .resources-hrglossary__banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 34px 24px 180px 24px;
    background-position: center bottom -90px;
  }
}
@media (max-width: 767px) {
  .resources .resources-hrglossary__banner {
    position: relative;
    z-index: 1;
    margin-top: 60px;
    padding: 50px 24px 202px 24px;
    background: none;
  }
  .resources .resources-hrglossary__banner:before {
    content: "";
    width: 767px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background-color: #EEFEBC;
    background-image: url("https://connecteam.com/wp-content/themes/connecteam/inc/templates/resources/assets/images/hrglossary-banner-bg.png");
    background-repeat: no-repeat;
    background-position: right 214px bottom -138px;
    background-size: 400px;
  }
}
.resources .resources-hrglossary__banner-image {
  max-width: 311px;
}
@media (max-width: 1199px) {
  .resources .resources-hrglossary__banner-image {
    max-width: 270px;
  }
}
.resources .resources-hrglossary__banner-image img {
  max-width: 100%;
  height: auto;
}
.resources .resources-hrglossary__banner-title {
  margin: 0 0 20px;
  font-family: var(--font-family-title);
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
}
@media (max-width: 767px) {
  .resources .resources-hrglossary__banner-title {
    margin-bottom: 26px;
  }
}
.resources .resources-hrglossary__banner-content {
  max-width: 309px;
  text-align: center;
}
.resources .resources-hrglossary__banner-button {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 11px 21px;
  min-width: 199px;
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid #000;
  transition: var(--tg-transition-medium);
  font-family: var(--font-family-primary);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.33;
  color: #000;
  text-align: center;
}
.resources .resources-hrglossary__banner-button:after {
  --icon-size: 13px;
  content: "";
  width: var(--icon-size);
  height: var(--icon-size);
  display: block;
  background-image: url("https://connecteam.com/wp-content/themes/connecteam/inc/templates/resources/assets/images/hrglossary-banner-play.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .resources .resources-hrglossary__banner-button {
    padding: 12px 21px;
    min-width: 185px;
  }
}
.resources .resources-hrglossary__banner:hover .resources-hrglossary__banner-button {
  background-color: rgba(0, 0, 0, 0.1);
}
/*# sourceMappingURL=resources.css.map */