.services {
  margin-top: 60px;
}
.services__container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.services__single {
  width: calc(25% - 30px);
  position: relative;
}
.services__single:hover {
  text-decoration: unset;
}
.services__single:hover .services-single__bg img {
  transform: scale(1.1);
}
.services__single .services-single {
  overflow: hidden;
}
.services__single .services-single__bg {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.services__single .services-single__bg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.services__single .services-single__icon {
  height: 100%;
  width: 100%;
  position: relative;
  border-top: 3px solid #DBB138;
  border-left: 3px solid #DBB138;
  display: flex;
  justify-content: center;
  align-items: center;
}
.services__single .services-single__icon img {
  height: 40px;
  width: 40px;
}
.services__single .services-single__icon:before {
  content: "";
  position: absolute;
  background-color: #DBB138;
  top: 100%;
  left: -3px;
  height: 3px;
  width: 70%;
}
.services__single .services-single__icon:after {
  content: "";
  position: absolute;
  background-color: #DBB138;
  top: -3px;
  left: 100%;
  height: 70%;
  width: 3px;
}
.services__single--highlight:first-of-type {
  width: calc(50% - 20px);
  display: flex;
  justify-content: flex-start;
  height: auto;
  align-items: end;
}
.services__single--highlight:first-of-type .services-single__icon {
  justify-content: flex-start;
}
.services__single--highlight:first-of-type:not(:first-child) .services-single__contents {
  background-color: #253260;
}
.services__single--highlight:first-of-type:not(:first-child) .services-single__contents:after {
  background-color: #253260;
}
.services__single--highlight:first-of-type:not(:first-child) .services-single__effect:before, .services__single--highlight:first-of-type:not(:first-child) .services-single__effect:after {
  background-color: #253260;
}
.services__single--highlight:first-of-type .services-single {
  /* 
                &__effect {
                    position: absolute;
                    height: calc(100%);
                    width: 100%;
                    top: 0;
                    left: 0;

                    &:before {
                        content: "";
                        position: absolute;
                        height: 3px;
                        width: calc(100% - 20px);
                        background-color: $theme-color-secondary;
                        top: -45px;
                        left: 0;
                    }

                    &:after {
                        content: "";
                        position: absolute;
                        width: 3px;
                        height: calc(100% + 20px);
                        background-color: $theme-color-secondary;
                        right: 0;
                        bottom: 0;
                    }
                } */
}
.services__single--highlight:first-of-type .services-single__contents {
  width: 70%;
  background-color: #DBB138;
  padding: 60px 30px 80px 50px;
  color: #ffffff;
  position: relative;
  clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 0 100%);
  z-index: 1;
  /*&:after {
                        content: "";
                        position: absolute;
                        bottom: calc(100% - 1px);
                        height: 45px;
                        width: calc(100% - 44px);
                        background-color: $theme-color-secondary;
                        left: 0;
                    }*/
}
.services__single--highlight:first-of-type .services-single__contents:before {
  content: url(/wp-content/plugins/smx-wpbakery-templates/assets/icons/white/arrow-right-small.svg);
  height: 50px;
  width: 50px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.services__single--highlight:first-of-type .services-single__content {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.services__single--highlight:first-of-type .services-single__icon {
  height: 50px;
  margin-bottom: 10px;
}
.services__single--highlight:first-of-type .services-single__icon img {
  object-fit: contain;
  height: 100%;
}
.services__single--highlight:first-of-type .services-single__headline {
  font-size: 28px;
  font-weight: 600;
}
.services__single:not(.services__single--highlight:first-of-type) {
  color: #ffffff;
}
.services__single:not(.services__single--highlight:first-of-type):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, black 0%, black 50%, rgba(0, 0, 0, 0) 70%);
  opacity: 0.3;
  z-index: 1;
}
.services__single:not(.services__single--highlight:first-of-type) .services-single__contents {
  padding: 40px;
  height: 560px;
  display: flex;
  z-index: 2;
  position: relative;
  align-items: flex-end;
}
@media (max-width: 991px) {
  .services__single:not(.services__single--highlight:first-of-type) .services-single__contents {
    height: 340px;
  }
}
.services__single:not(.services__single--highlight:first-of-type) .services-single__content {
  max-height: 60%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.services__single:not(.services__single--highlight:first-of-type) .services-single__headline {
  font-size: 24px;
  font-weight: 600;
  max-height: 380px;
}
.services__single:not(.services__single--highlight:first-of-type) .services-single__icon {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 63px;
  height: 63px;
}
@media (max-width:1560px) {
  .services {
    padding: 0 30px;
  }
}
@media (max-width:1199px) {
  .services__single {
    width: calc(50% - 20px);
  }
  .services__single--highlight:first-of-type {
    width: 100%;
    height: 100%;
    min-height: 560px;
  }
  .services__single--highlight:first-of-type .services-single__contents {
    width: 70%;
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
}
@media (max-width:991px) {
  .services__single {
    width: 100%;
  }
  .services__single:not(.services__single--highlight) .services-single__contents {
    writing-mode: initial;
    transform: unset;
    position: relative;
    z-index: 2;
  }
  .services__single:not(.services__single--highlight) .services-single__icon {
    position: relative;
    bottom: unset;
    right: unset;
    transform: unset;
    margin-bottom: 20px;
  }
  .services__single--highlight:first-of-type .services-single__contents {
    width: 90%;
  }
}
@media (max-width:767px) {
  .services {
    padding: 0 16px;
  }
  .services__container {
    gap: 20px;
  }
  .services__single:not(.services__single--highlight) .services-single__contents {
    padding-bottom: 24px;
    padding-right: 24px;
    padding-left: 24px;
  }
}
/* SERVICES ONLY HIGHLIGHTS AND TWO ITEMS*/
.services-highlights--2 .services__container .services__single {
  display: flex;
  width: calc(50% - 20px);
}
.services-highlights--2 .services__container .services__single:last-of-type .services-single__contents {
  background-color: #253260;
}
.services-highlights--2 .services__container .services__single:last-of-type .services-single__contents .services-single__icon {
  border: unset;
}
.services-highlights--2 .services__container .services__single:last-of-type .services-single__contents .services-single__icon:before, .services-highlights--2 .services__container .services__single:last-of-type .services-single__contents .services-single__icon:after {
  content: unset;
}
@media (max-width: 1199px) {
  .services-highlights--2 .services__container .services__single {
    min-height: 460px;
    display: flex;
    align-items: flex-end;
  }
}
@media (max-width: 991px) {
  .services-highlights--2 .services__container .services__single {
    width: 100%;
    min-height: 250px;
  }
}
.services-highlights--2 .services__container .services__single .services-single__contents {
  width: 70%;
  background-color: #DBB138;
  padding: 60px 30px 80px 50px;
  color: #ffffff;
  position: relative;
  clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 0 100%);
  z-index: 1;
  padding: 40px;
  height: auto;
  display: block;
  z-index: 2;
  position: relative;
  margin-top: 200px;
}
@media (max-width: 1199px) {
  .services-highlights--2 .services__container .services__single .services-single__contents .services-single__headline {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .services-highlights--2 .services__container .services__single .services-single__contents {
    margin-top: 100px;
  }
}
.services-highlights--2 .services__container .services__single .services-single__contents:before {
  content: url(/wp-content/plugins/smx-wpbakery-templates/assets/icons/white/arrow-right-small.svg);
  height: 50px;
  width: 50px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.services-highlights--2 .services__container .services__single .services-single__icon {
  position: relative;
  top: unset;
  left: unset;
}
.services__single:not(.services__single--highlight:first-of-type) .services-single__icon {
  display: none;
}