.two-text-foto {
  position: relative; }
  .two-text-foto .foto {
    position: absolute;
    right: 2vw;
    top: -1.5vw;
    z-index: 2; }
    .two-text-foto .foto img {
      max-width: 29vw;
      margin-top: 83px; }
  .two-text-foto .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .two-text-foto .text {
    border: 2px solid #00c0ff;
    width: 700px;
    border-radius: 38px;
    display: flex;
    justify-content: center; }
  .two-text-foto .text1 {
    margin-bottom: 100px;
    margin-top: 60px;
    position: relative;
    z-index: 1; }
    .two-text-foto .text1 .title {
      background-color: #2465df;
      padding: 13px;
      box-shadow: 0 0 20px 14px #2465df;
      width: fit-content;
      position: absolute;
      top: -40px;
      padding: 0 15px;
      margin-left: 110px;
      border-radius: 15px; }
      .two-text-foto .text1 .title h3 {
        font-weight: 800;
        font-size: 40rem;
        color: var(--secondary-title); }
    .two-text-foto .text1 p, .two-text-foto .text1 ul li, .two-text-foto .text1 ol li {
      font-size: 40rem;
      color: var(--secondary-title); }
    .two-text-foto .text1 a {
      font-size: 40rem; }
    .two-text-foto .text1 .icon {
      background-color: #2465df;
      box-shadow: 0 0 20px 14px #2465df;
      position: absolute;
      z-index: 1;
      width: fit-content;
      border-radius: 50%;
      z-index: 2;
      bottom: -160px;
      padding: 40px 30px;
      padding-bottom: 15px;
      margin-left: 40px; }
    .two-text-foto .text1 .quote {
      position: absolute;
      top: -55px;
      left: 110px; }
    .two-text-foto .text1 .text-inner {
      padding: 40px 80px; }
  .two-text-foto .text2 {
    margin-bottom: 90px;
    position: relative; }
    .two-text-foto .text2 .icon {
      background-color: #2465df;
      box-shadow: 0 0 20px 14px #2465df;
      position: absolute;
      z-index: 1;
      width: fit-content;
      border-radius: 50%;
      z-index: 2;
      bottom: -104px;
      padding: 0 15px;
      padding-bottom: 15px;
      margin-left: 40px; }
    .two-text-foto .text2 p, .two-text-foto .text2 ul li, .two-text-foto .text2 ol li {
      font-size: 24rem;
      color: var(--secondary-title);
      margin-bottom: 25px; }
      .two-text-foto .text2 p strong, .two-text-foto .text2 ul li strong, .two-text-foto .text2 ol li strong {
        font-size: 30rem; }
    .two-text-foto .text2 a {
      font-size: 24rem; }
    .two-text-foto .text2 .quote {
      position: absolute;
      bottom: -38px;
      right: 55px; }
    .two-text-foto .text2 .text-inner {
      padding: 70px; }
  .two-text-foto .buttons {
    margin-top: 0; }
    .two-text-foto .buttons .btn {
      font-size: 28rem;
      font-weight: 900;
      margin-top: 0;
      padding: 13px 39px; }

.two-text-foto-group {
  background-image: url(/img/two-text-foto-bg.webp);
  background-color: #2465df;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top left; }
  .two-text-foto-group .module-title {
    padding-top: 60px; }
    .two-text-foto-group .module-title .module-title-text {
      font-size: 64rem;
      color: var(--secondary-title);
      font-weight: 600; }
    .two-text-foto-group .module-title .module-subtitle-text {
      text-transform: uppercase;
      filter: drop-shadow(0px 5px 4px rgba(24, 23, 28, 0.18));
      font-size: 38rem;
      color: var(--secondary-title);
      font-weight: 600;
      margin: 0 auto;
      margin-top: 20px;
      max-width: 100%;
      width: 1200px; }

@media (max-width: 575.5px) {
  .two-text-foto .text2 .text-inner {
    padding: 35px 25px;
    padding-bottom: 40px; }
  .two-text-foto .text2 .quote {
    display: none; }
  .two-text-foto .text2 .icon {
    padding-left: 0;
    bottom: -65px;
    margin-left: 18px; }
    .two-text-foto .text2 .icon img {
      max-width: 75px; }
  .two-text-foto .text2 p, .two-text-foto .text2 ul li, .two-text-foto .text2 ol li {
    font-size: 16rem;
    color: var(--secondary-title);
    margin-bottom: 15px; }
    .two-text-foto .text2 p strong, .two-text-foto .text2 ul li strong, .two-text-foto .text2 ol li strong {
      font-size: 18rem; }
  .two-text-foto .foto {
    order: 3;
    position: initial;
    margin-bottom: 30px; }
    .two-text-foto .foto img {
      max-width: 100%;
      width: 400px;
      border-radius: 20px;
      margin-top: 0; }
  .two-text-foto .text1 {
    margin-bottom: 55px;
    margin-top: 25px; }
    .two-text-foto .text1 .text-inner {
      padding: 26px 37px;
      position: relative;
      z-index: 2; }
    .two-text-foto .text1 .icon {
      bottom: -76px;
      margin-left: 0px;
      padding: 16px 16px; }
      .two-text-foto .text1 .icon img {
        max-width: 65px; }
    .two-text-foto .text1 .title {
      top: -33px;
      margin-left: 0;
      padding: 0 3px;
      border-radius: 15px;
      box-shadow: 0 0 5px 14px #2465df; }
      .two-text-foto .text1 .title h3 {
        font-size: 28rem; }
    .two-text-foto .text1 p, .two-text-foto .text1 ul li, .two-text-foto .text1 ol li {
      font-size: 21rem; }
    .two-text-foto .text1 .quote {
      display: none; }
  .two-text-foto .buttons .btn {
    font-size: 17rem;
    padding: 8px 21px; }
  .two-text-foto .text {
    width: 100%;
    border-radius: 28px; }
    .two-text-foto .text .text-inner {
      position: relative;
      z-index: 3; }

  .two-text-foto-group {
    background-image: none; }
    .two-text-foto-group .module-title {
      padding-top: 40px; }
      .two-text-foto-group .module-title .module-title-text {
        font-size: 30rem; }
      .two-text-foto-group .module-title .module-subtitle-text {
        width: 560px;
        font-size: 18rem;
        margin-top: 15px; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .two-text-foto .text2 .text-inner {
    padding: 35px 25px;
    padding-bottom: 40px; }
  .two-text-foto .text2 .quote {
    bottom: -27px;
    right: 27px; }
    .two-text-foto .text2 .quote img {
      max-width: 65px; }
  .two-text-foto .text2 .icon {
    padding-left: 0;
    bottom: -65px;
    margin-left: 18px; }
    .two-text-foto .text2 .icon img {
      max-width: 75px; }
  .two-text-foto .text2 p, .two-text-foto .text2 ul li, .two-text-foto .text2 ol li {
    font-size: 16rem;
    color: var(--secondary-title);
    margin-bottom: 15px; }
    .two-text-foto .text2 p strong, .two-text-foto .text2 ul li strong, .two-text-foto .text2 ol li strong {
      font-size: 18rem; }
  .two-text-foto .foto {
    order: 3;
    position: initial;
    margin-bottom: 30px; }
    .two-text-foto .foto img {
      max-width: 400px;
      border-radius: 20px;
      margin-top: 0; }
  .two-text-foto .text1 {
    margin-bottom: 55px; }
    .two-text-foto .text1 .text-inner {
      padding: 26px 37px;
      position: relative;
      z-index: 2; }
    .two-text-foto .text1 .icon {
      bottom: -76px;
      margin-left: 0px;
      padding: 16px 16px; }
      .two-text-foto .text1 .icon img {
        max-width: 65px; }
    .two-text-foto .text1 .title {
      top: -33px;
      margin-left: 67px;
      padding: 0 3px;
      border-radius: 15px; }
      .two-text-foto .text1 .title h3 {
        font-size: 28rem; }
    .two-text-foto .text1 p, .two-text-foto .text1 ul li, .two-text-foto .text1 ol li {
      font-size: 24rem; }
    .two-text-foto .text1 .quote {
      top: -35px;
      left: 43px; }
      .two-text-foto .text1 .quote img {
        max-width: 65px; }
  .two-text-foto .buttons .btn {
    font-size: 17rem;
    padding: 8px 21px; }
  .two-text-foto .text {
    width: 365px;
    border-radius: 28px; }
    .two-text-foto .text .text-inner {
      position: relative;
      z-index: 3; }

  .two-text-foto-group {
    background-size: 768px; }
    .two-text-foto-group .module-title {
      padding-top: 40px; }
      .two-text-foto-group .module-title .module-title-text {
        font-size: 36rem; }
      .two-text-foto-group .module-title .module-subtitle-text {
        width: 560px;
        font-size: 22rem;
        margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .two-text-foto .text2 .text-inner {
    padding: 35px 25px;
    padding-bottom: 40px; }
  .two-text-foto .text2 .quote {
    bottom: -27px;
    right: 27px; }
    .two-text-foto .text2 .quote img {
      max-width: 65px; }
  .two-text-foto .text2 .icon {
    padding-left: 0;
    bottom: -65px;
    margin-left: 18px; }
    .two-text-foto .text2 .icon img {
      max-width: 75px; }
  .two-text-foto .text2 p, .two-text-foto .text2 ul li, .two-text-foto .text2 ol li {
    font-size: 16rem;
    color: var(--secondary-title);
    margin-bottom: 15px; }
    .two-text-foto .text2 p strong, .two-text-foto .text2 ul li strong, .two-text-foto .text2 ol li strong {
      font-size: 18rem; }
  .two-text-foto .foto {
    right: 1vw;
    top: 0.5vw; }
    .two-text-foto .foto img {
      max-width: 25vw;
      margin-top: 55px; }
  .two-text-foto .text1 {
    margin-bottom: 55px; }
    .two-text-foto .text1 .text-inner {
      padding: 26px 37px;
      position: relative;
      z-index: 2; }
    .two-text-foto .text1 .icon {
      bottom: -76px;
      margin-left: 0px;
      padding: 16px 16px; }
      .two-text-foto .text1 .icon img {
        max-width: 65px; }
    .two-text-foto .text1 .title {
      top: -33px;
      margin-left: 67px;
      padding: 0 3px;
      border-radius: 15px; }
      .two-text-foto .text1 .title h3 {
        font-size: 28rem; }
    .two-text-foto .text1 p, .two-text-foto .text1 ul li, .two-text-foto .text1 ol li {
      font-size: 24rem; }
    .two-text-foto .text1 .quote {
      top: -35px;
      left: 43px; }
      .two-text-foto .text1 .quote img {
        max-width: 65px; }
  .two-text-foto .buttons .btn {
    font-size: 17rem;
    padding: 8px 21px; }
  .two-text-foto .text {
    width: 365px;
    border-radius: 28px; }
    .two-text-foto .text .text-inner {
      position: relative;
      z-index: 3; }

  .two-text-foto-group {
    background-size: 768px; }
    .two-text-foto-group .module-title {
      padding-top: 40px; }
      .two-text-foto-group .module-title .module-title-text {
        font-size: 40rem; }
      .two-text-foto-group .module-title .module-subtitle-text {
        width: 675px;
        font-size: 25rem;
        margin-top: 5px; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .two-text-foto .text2 .text-inner {
    padding: 40px 35px;
    padding-bottom: 50px; }
  .two-text-foto .text2 .quote {
    bottom: -27px;
    right: 27px; }
    .two-text-foto .text2 .quote img {
      max-width: 72px; }
  .two-text-foto .text2 .icon {
    padding-left: 0;
    bottom: -65px;
    margin-left: 18px; }
    .two-text-foto .text2 .icon img {
      max-width: 75px; }
  .two-text-foto .text2 p, .two-text-foto .text2 ul li, .two-text-foto .text2 ol li {
    font-size: 18rem;
    color: var(--secondary-title);
    margin-bottom: 15px; }
    .two-text-foto .text2 p strong, .two-text-foto .text2 ul li strong, .two-text-foto .text2 ol li strong {
      font-size: 20rem; }
  .two-text-foto .foto {
    right: 1vw;
    top: 0.5vw; }
    .two-text-foto .foto img {
      max-width: 27vw;
      margin-top: 55px; }
  .two-text-foto .text1 {
    margin-bottom: 55px; }
    .two-text-foto .text1 .text-inner {
      padding: 35px 40px; }
    .two-text-foto .text1 .icon {
      bottom: -90px;
      margin-left: 18px;
      padding: 25px 16px; }
      .two-text-foto .text1 .icon img {
        max-width: 85px; }
    .two-text-foto .text1 .title {
      top: -36px;
      margin-left: 75px;
      padding: 0 8px;
      border-radius: 15px; }
      .two-text-foto .text1 .title h3 {
        font-size: 32rem; }
    .two-text-foto .text1 p, .two-text-foto .text1 ul li, .two-text-foto .text1 ol li {
      font-size: 27rem; }
    .two-text-foto .text1 .quote {
      top: -37px;
      left: 48px; }
      .two-text-foto .text1 .quote img {
        max-width: 72px; }
  .two-text-foto .buttons .btn {
    font-size: 18rem;
    padding: 10px 28px; }
  .two-text-foto .text {
    width: 420px;
    border-radius: 28px; }

  .two-text-foto-group {
    background-size: 992px; }
    .two-text-foto-group .module-title {
      padding-top: 40px; }
      .two-text-foto-group .module-title .module-title-text {
        font-size: 45rem; }
      .two-text-foto-group .module-title .module-subtitle-text {
        width: 675px;
        font-size: 25rem;
        margin-top: 5px; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .two-text-foto .text2 .text-inner {
    padding: 64px 70px; }
  .two-text-foto .text2 .quote img {
    max-width: 90px; }
  .two-text-foto .text2 .icon {
    padding-left: 0;
    bottom: -85px; }
    .two-text-foto .text2 .icon img {
      max-width: 105px; }
  .two-text-foto .text2 p, .two-text-foto .text2 ul li, .two-text-foto .text2 ol li {
    font-size: 20rem;
    color: var(--secondary-title);
    margin-bottom: 25px; }
    .two-text-foto .text2 p strong, .two-text-foto .text2 ul li strong, .two-text-foto .text2 ol li strong {
      font-size: 26rem; }
  .two-text-foto .foto {
    right: 1vw;
    top: 0.5vw; }
    .two-text-foto .foto img {
      max-width: 23vw;
      margin-top: 55px; }
  .two-text-foto .text1 .icon {
    bottom: -140px; }
    .two-text-foto .text1 .icon img {
      max-width: 125px; }
  .two-text-foto .text1 .title h3 {
    font-size: 37rem; }
  .two-text-foto .text1 p, .two-text-foto .text1 ul li, .two-text-foto .text1 ol li {
    font-size: 33rem; }
  .two-text-foto .text1 .quote {
    top: -47px;
    left: 90px; }
    .two-text-foto .text1 .quote img {
      max-width: 90px; }
  .two-text-foto .buttons .btn {
    font-size: 22rem; }
  .two-text-foto .text {
    width: 600px; }

  .two-text-foto-group {
    background-size: 1100px; }
    .two-text-foto-group .module-title .module-title-text {
      font-size: 51rem; }
    .two-text-foto-group .module-title .module-subtitle-text {
      width: 850px;
      font-size: 30rem;
      margin-top: 20px; } }
@media (min-width: 1580px) {
  .two-text-foto-group .module-title .module-title-text {
    font-size: 35rem; }
  .two-text-foto-group .module-title .module-subtitle-text {
    font-size: 20rem;
    width: 884px; }

  .two-text-foto .text1 {
    margin-bottom: 88px; }
    .two-text-foto .text1 .icon {
      bottom: -144px; }
      .two-text-foto .text1 .icon img {
        max-width: 130px; }
    .two-text-foto .text1 .quote img {
      max-width: 87px;
      top: -43px; }
    .two-text-foto .text1 .title h3 {
      font-size: 25rem; }
    .two-text-foto .text1 p strong, .two-text-foto .text1 ul li, .two-text-foto .text1 ol li, .two-text-foto .text1 a, .two-text-foto .text1 p {
      font-size: 25rem; }
  .two-text-foto .text2 .icon {
    bottom: -97px; }
    .two-text-foto .text2 .icon img {
      max-width: 110px; }
  .two-text-foto .text2 p strong, .two-text-foto .text2 ul li strong, .two-text-foto .text2 ol li strong {
    font-size: 20rem; }
  .two-text-foto .text2 p, .two-text-foto .text2 ul li strong, .two-text-foto .text2 ol li strong, .two-text-foto .text2 a {
    font-size: 17rem; }
  .two-text-foto .text2 .quote {
    bottom: -38px; }
    .two-text-foto .text2 .quote img {
      max-width: 87px; }
  .two-text-foto .text {
    width: 575px; }
  .two-text-foto .buttons .btn {
    font-size: 20rem; } }

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