.strengths_retangle_block_df3 {
  display: flex;
  flex-flow: row wrap;
  margin: 0px -20px; }
  @media screen and (max-width: 1200px) {
    .strengths_retangle_block_df3 {
      margin-left: 0px;
      margin-right: 0px; } }
  @media all and (max-width: 1024px) {
    .strengths_retangle_block_df3 {
      margin: 0px -10px; } }
  @media all and (max-width: 800px) {
    .strengths_retangle_block_df3 {
      margin: 0px -5px;
      justify-content: center; } }
  @media screen and (max-width: 850px) {
    .strengths_retangle_block_df3 {
      padding-bottom: 0px; } }
  .strengths_retangle_block_df3 .item {
    width: calc(33.333% - 40px);
    margin: 0px 20px 30px;
    float: left;
    transition: 0.5s;
    position: relative;
    box-sizing: border-box; }
    @media all and (max-width: 1024px) {
      .strengths_retangle_block_df3 .item {
        width: calc(33.333% - 20px);
        margin: 0px 10px 20px; } }
    @media all and (max-width: 600px) {
      .strengths_retangle_block_df3 .item {
        padding: 15px 10px 20px 20px; } }
    .strengths_retangle_block_df3 .item:hover:after {
      bottom: 20px;
      box-shadow: none;
      background: #ffffff00; }
    @media screen and (max-width: 800px) {
      .strengths_retangle_block_df3 .item {
        width: calc(50% - 10px);
        margin: 0px 5px 20px; }
        .strengths_retangle_block_df3 .item:last-child {
          margin-bottom: 0px; } }
    @media all and (max-width: 500px) {
      .strengths_retangle_block_df3 .item {
        width: 100%;
        padding: 0px;
        margin: 0px 0px 30px; } }
    .strengths_retangle_block_df3 .item .item-inner {
      transition: 0.5s;
      box-sizing: border-box;
      border: 1px solid transparent;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 500px) {
        .strengths_retangle_block_df3 .item .item-inner {
          justify-content: space-between; } }
    .strengths_retangle_block_df3 .item .item-l {
      vertical-align: middle;
      display: block;
      width: 90px;
      box-sizing: border-box;
      color: var(--main-color);
      text-align: center;
      position: relative; }
      @media all and (max-width: 1200px) and (min-width: 800px) {
        .strengths_retangle_block_df3 .item .item-l {
          padding: 0px; } }
      @media all and (max-width: 800px) {
        .strengths_retangle_block_df3 .item .item-l {
          padding: 0; } }
      .strengths_retangle_block_df3 .item .item-l .isvg {
        padding-left: 0px;
        margin: auto;
        box-sizing: border-box;
        transition: 1s;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        display: flex;
        align-items: center;
        justify-content: center; }
        .strengths_retangle_block_df3 .item .item-l .isvg img {
          min-height: 80px;
          max-height: 80px;
          object-fit: contain; }
      .strengths_retangle_block_df3 .item .item-l svg {
        fill: #fff;
        width: 35px;
        height: 35px;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s; }
        @media all and (max-width: 600px) {
          .strengths_retangle_block_df3 .item .item-l svg {
            width: 35px;
            height: 35px; } }
      .strengths_retangle_block_df3 .item .item-l i {
        color: var(--main-color);
        font-size: 60px; }
      .strengths_retangle_block_df3 .item .item-l .after {
        position: absolute;
        top: calc(50% - 8px);
        right: -35px; }
        .strengths_retangle_block_df3 .item .item-l .after li {
          width: 8px;
          height: 16px;
          background: var(--main-color);
          -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
          display: inline-block; }
          @media all and (max-width: 800px) {
            .strengths_retangle_block_df3 .item .item-l .after li {
              display: none; } }
    .strengths_retangle_block_df3 .item .item-r {
      vertical-align: middle;
      /* padding: 0px 0px 5px; */
      box-sizing: border-box;
      -webkit-transition: 0.3s ease-in-out all;
      transition: 0.3s ease-in-out all;
      text-align: center; }
      @media all and (max-width: 600px) {
        .strengths_retangle_block_df3 .item .item-r {
          float: left;
          width: 100%;
          margin-left: 0px;
          padding-bottom: 0;
          text-align: center; } }
      @media all and (max-width: 500px) {
        .strengths_retangle_block_df3 .item .item-r {
          float: left;
          width: calc(100% - 113px);
          margin-left: 0px;
          padding-bottom: 0;
          text-align: left; } }
      .strengths_retangle_block_df3 .item .item-r .name {
        font-weight: 700;
        display: block;
        font-size: 24px;
        margin-top: 40px;
        line-height: 1.4; }
        @media all and (max-width: 800px) {
          .strengths_retangle_block_df3 .item .item-r .name {
            line-height: 20px;
            margin-top: 20px;
            margin-bottom: 5px; } }
        @media all and (max-width: 800px) and (min-width: 600px) {
          .strengths_retangle_block_df3 .item .item-r .name br {
            display: none; } }
      .strengths_retangle_block_df3 .item .item-r .summary {
        margin-top: 30px;
        display: inline-block;
        font-size: 14px;
        margin-bottom: 0px;
        line-height: 1.6;
        font-weight: 400;
        color: #333;
        letter-spacing: unset;
        text-align: center; }
        @media all and (max-width: 800px) {
          .strengths_retangle_block_df3 .item .item-r .summary {
            margin-top: 20px; } }
        @media all and (max-width: 500px) {
          .strengths_retangle_block_df3 .item .item-r .summary {
            text-align: left;
            margin-top: 5px; } }
    .strengths_retangle_block_df3 .item .item_1 {
      transition: 0.5s; }
    .strengths_retangle_block_df3 .item .item_2 {
      transition: 0.8s; }
    .strengths_retangle_block_df3 .item .item_3 {
      transition: 1s; }
    .strengths_retangle_block_df3 .item .item_4 {
      transition: 1.2s; }
  @media screen and (max-width: 700px) {
    .strengths_retangle_block_df3 .item_break:nth-child(4n) {
      display: block;
      height: 0;
      clear: both;
      width: 100%; } }

@media all and (max-width: 1200px) {
  .strengths_retangle_block_df3 {
    margin: 0 -10px; } }
@media all and (max-width: 800px) {
  .strengths_retangle_block_df3 {
    box-sizing: border-box;
    margin: 0 -5px; } }
.strengths_retangle_block_df3 .item_4 .item-l .after {
  display: none; }

.strengths_retangle_block_df3 .item:first-child .item-l i {
  animation: 4s ease-in-out 0s normal none infinite running chang-rotage-anim; }

.strengths_retangle_block_df3 .item:nth-child(3) .item-l i {
  animation: 4s ease-in-out 0s normal none infinite running chang-rotage-anim-1; }

.strengths_retangle_block_df3 .item:nth-child(5) .item-l i {
  animation: 4s ease-in-out 0s normal none infinite running chang-rotage-anim-2; }

.strengths_retangle_block_df3 .item:nth-child(7) .item-l i {
  animation: 4s ease-in-out 0s normal none infinite running chang-rotage-anim-3; }

.strengths_retangle_block_df3 .item:hover .item-l svg {
  fill: var(--extra-color);
  transition: 0.5s; }

.strengths_retangle_block_df3 .item:hover .item-r .name {
  color: var(--extra-color); }

.strengths_retangle_block_df3 .item:hover .item-r .summary {
  color: var(--extra-color); }

@media all and (max-width: 600px) {
  .strengths_retangle_block_df3 .item .item-inner {
    padding: 0px;
    min-height: auto; }

  .strengths_retangle_block_df3 .item .item-r .name {
    margin-top: 10px;
    font-size: 18px; } }
@media all and (max-width: 500px) {
  .strengths_retangle_block_df3 .item .item-inner {
    padding: 0px;
    min-height: auto; }

  .strengths_retangle_block_df3 .item .item-r .name {
    margin-top: 0px;
    font-size: 18px;
    display: block;
    width: 100%; } }
.pos5b .item_1 {
  transition: 0.5s; }
.pos5b .item_2 {
  transition: 0.8s; }
.pos5b .item_3 {
  transition: 1.1s; }
.pos5b .item_4 {
  transition: 1.4s; }

.hello .strengths_retangle_block_df3 .item {
  transform: translate(0);
  opacity: 1; }

/*# sourceMappingURL=default5.css.map */