.main {
  position: relative; }

.very-top-banner {
  padding-top: 19.5122rem;
  padding-bottom: 7.80488rem;
  text-align: center; }
  .very-top-banner .top-title {
    color: #ed1857;
    font-size: 5.46341rem;
    margin-bottom: 1.26829rem; }
  .very-top-banner .describe {
    font-size: 1.7561rem; }

.imgZoom {
  overflow: hidden; }

.skill-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 1.95122rem;
     -moz-column-gap: 1.95122rem;
          column-gap: 1.95122rem; }
  .skill-list .skill-title {
    font-weight: 500;
    font-size: 1.95122rem; }

.progress {
  margin: 0.97561rem 0 2.73171rem;
  width: 90%;
  height: 0.97561rem;
  background: #212121;
  position: relative; }
  .progress .bar {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1%;
    height: 100%;
    background: #ed1857;
    display: inline-block; }

.skill-overview {
  background-color: rgba(255, 204, 218, 0.3); }
  .skill-overview .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 7.80488rem 5vw; }
  .skill-overview .thumb {
    width: 40%; }
  .skill-overview .overview-content {
    padding-left: 10%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .skill-overview .desc {
    max-width: 58.53659rem; }
  .skill-overview .overview-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4.87805rem 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .skill-overview .overview-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 1.46341rem; }
  .skill-overview .overview-text {
    line-height: 1;
    font-weight: 700;
    text-align: center;
    font-size: 4.4878rem;
    display: block;
    margin-bottom: 1.17073rem; }
  .skill-overview .overview-title {
    color: #ed1857;
    font-weight: 500; }

.concept-list {
  margin-top: 3.90244rem;
  margin-bottom: 20.4878rem; }
  .concept-list .wrapper {
    counter-reset: servicecounter; }
  .concept-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 14.63415rem;
    position: relative; }
    .concept-list .item:after {
      content: "";
      width: 150vh;
      aspect-ratio: 1/1;
      position: absolute;
      display: block;
      pointer-events: none;
      background: radial-gradient(50% 50% at 50% 50%, rgba(237, 24, 87, 0.95) 0%, rgba(217, 56, 104, 0.8869) 9.56%, rgba(194, 66, 105, 0.6904) 26.18%, rgba(194, 66, 105, 0.4341) 47.85%, #FFFFFF 73.48%, rgba(255, 255, 255, 0) 84.55%);
      opacity: 0.3;
      border-radius: 50%;
      z-index: -1;
      top: -14.63415rem;
      left: 3%; }
    .concept-list .item:nth-child(even) {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .concept-list .item .inner {
      width: 60%;
      padding-left: 9.46341rem;
      position: relative; }
      .concept-list .item .inner:before {
        font-size: 5.26829rem;
        position: absolute;
        left: 0;
        top: 0;
        counter-increment: servicecounter;
        content: counters(servicecounter, ".", decimal-leading-zero) ".";
        line-height: 1.3;
        font-family: "Philosopher", sans-serif;
        font-weight: 600;
        color: #ed1857; }
    .concept-list .item .concept-title {
      font-size: 5.26829rem;
      line-height: 1.3;
      margin: 0;
      color: #ed1857; }
    .concept-list .item p {
      font-family: 1.95122rem;
      max-width: 60.4878rem; }
      .concept-list .item p:first-of-type {
        margin-top: 3.90244rem; }
    .concept-list .item p {
      margin-bottom: 3.70732rem; }
    .concept-list .item .thumb {
      position: relative; }

@media (max-width: 1024px) {
  .contact-form {
    padding: 7.80488rem 0 0; }
  .concept-list {
    margin-top: 0;
    margin-bottom: 11.41463rem; }
    .concept-list .item {
      padding-top: 8.78049rem; }
      .concept-list .item .inner {
        width: 100%;
        padding-left: 0; }
        .concept-list .item .inner:before {
          position: relative;
          font-size: 2.92683rem; }
      .concept-list .item .concept-title {
        font-size: 2.92683rem; }
      .concept-list .item p:first-of-type {
        margin-top: 3.12195rem; }
  .skill-overview .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .skill-overview .thumb {
    width: 100%; }
  .skill-overview .overview-content {
    padding: 3.12195rem 0 0; }
  .skill-overview .overview-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.92683rem 0; }
  .skill-overview .overview-item {
    margin-bottom: 2.92683rem; }
  .skill-overview .skill-list {
    grid-template-columns: 1fr; } }