@media (max-width: 1024px) {



  @media (max-width: 768px) {}




  @media (max-width: 480px) {




    @media (max-width: 767px) {



      .contblogg {
        display: inline-block;
        padding-left: 0%;
        padding-right: 0%;
        z-index: 600;
        position: absolute;
        margin-top: 80px;
        margin-left: 25%;
        overflow: hidden;
      }



      .relblog {
        background: linear-gradient(to right, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
        background: -moz-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
        background: linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8000", endColorstr="#ffd503", GradientType=1);
        position: relative;
        top: 120px;
        height: 600px;
        z-index: 35;
      }

      .copyblog {
        position: absolute;
        top: 300px;
        width: 100%;
        z-index: 550;
        margin: 200px 0;
        padding: 5% 0;
        max-height: 300px;
      }


      .footerblog {
        background-color: #ff8000;
        position: absolute;
        top: 500px;
        width: 100%;
        z-index: 250;
        margin: 10% 0;
        padding: 5% 0;
        height: 1100px;
      }


      .wiwi {
        color: #fff !important;


      }


      .ml9 {

        font-weight: 200;
        text-align: center;
        width: 99%;
      }



      .service-boxq {
        flex-basis: calc(50% - 2rem);
        width: 50%;
        margin-left: 20%;
      }



      .rejilla333a {
        display: grid;
        justify-content: center;
        grid-template-columns: 100%;
        gap: 50px;
        margin: 2% 0%;
        width: 100%;
      }

    }

    .fugaz1 {
      display: none;
      overflow-x: hidden;
    }

    .tx66 {
      animation: fluido 5s ease-in-out infinite;
      background: linear-gradient(-45deg, #ff8000, #ffe100, #e73c7e, #ffe100, #ff8000);
      background-size: 50%;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 80px;
      margin: 35% 0%;
    }

    .nomary {
      top: -50px;
      z-index: 995;
      position: relative;
      margin: 5%;
      font-size: 19px;
    }

    .cases9y {
      position: absolute;
      top: 50px;
      width: 100%;
      height: 400px;
      z-index: 100;
      background-color: transparent;

    }


    .copytophay {
      position: absolute;
      top: 12300px;
      width: 100%;
      z-index: 550;
      margin: 200px 0;
      padding: 5% 0;
      max-height: 300px;
    }


    .cont55fp {
      background: #fff;
      position: absolute;
      top: 8150px;
      left: 0px;
      max-width: 100%;
      height: 4600px;
      z-index: 60;
      display: inline-block;
      padding-left: 5%;
      padding-right: 5%;
      transform: translateY(-10px);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
      background: linear-gradient(to right, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -moz-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -webkit-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8000", endColorstr="#ffd503", GradientType=1);
    }




    .copyw {
      position: absolute;
      top: 7300px;
      width: 100%;
      z-index: 550;
      margin: 200px 0;
      padding: 5% 0;
      max-height: 300px;
    }



    .footerpo {
      background-color: #ff8000;
      position: absolute;
      top: 7500px;
      width: 100%;
      z-index: 250;
      margin: 10% 0;
      padding: 5% 0;
      height: 1100px;
    }


    .repo1,
    .repo2,
    .repo3,
    .repo4,
    .repo5,
    .repo6 {
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      gap: 100px;
      margin: 2% 5%;
      padding-bottom: 20%;

    }




    .service-m {
      background-color: #f0f0f0;
      padding: 5% 5%;
      border-radius: 10px;
      text-align: center;
      transition: transform 0.3s ease;
      width: 90%;
    }


    .cont55gr {
      background: #fff;
      position: absolute;
      top: 4450px;
      left: 0px;
      width: 96%;
      height: 1500px;
      z-index: 60;
      display: inline-block;
      padding: 2%;
    }

    .rejilla333m {
      display: grid;
      justify-content: center;
      grid-template-columns: 100%;
      gap: 55px;
      margin: 5% 5%;



    }

    .footerse {
      background-color: #ff8000;
      position: absolute;
      top: 12300px;
      width: 100%;
      z-index: 250;
      margin: 200px 0;
      padding: 5% 0;
      max-height: 1100px;
    }

    .copytopha {
      position: absolute;
      top: 20100px;
      width: 100%;
      z-index: 550;
      margin: 200px 0;
      padding: 5% 0;
      max-height: 300px;
    }


    .creat {
      z-index: 900;
      padding: 5px;
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      margin: 10px 5%;
      flex-direction: row;
      flex-grow: 1;
      background: rgba(0, 0, 0, 0.32);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-radius: 20px;
      top: 80px;
      position: relative;
      left: 2%;


    }


    .cont54h {
      background-image: url("../img/crea.jpg");
      background-size: 100%;
      position: absolute;
      top: 3700px;
      left: 0px;
      max-width: 100%;
      height: 750px;
      z-index: 1;
      display: inline-block;
      padding: 5%;
    }

    .cont53u {
      background: #ff8000;
      position: absolute;
      top: 2900px;
      left: 0px;
      max-width: 100%;
      height: 800px;
      z-index: 60;
      display: inline-block;
      padding-left: 5%;
      padding-right: 5%;

    }


    .cont52u {
      background: #fff;
      position: absolute;
      top: 1950px;
      left: 0px;
      max-width: 100%;
      height: 1000px;
      z-index: 60;
      display: inline-block;
      padding: 5%;

    }

    .cont51zz {
      background-color: #000;
      position: absolute;
      top: 1120px;
      max-width: 100%;
      height: 830px;
      z-index: 60;
      display: inline-block;
      padding-left: 5%;
      padding-right: 5%;

    }



    .relfa {
      background-color: #000;
      position: relative;
      top: 120px;
      height: 10600px;
      z-index: 35;
    }

    .footerfaq {
      background-color: #ff8000;
      position: absolute;
      top: 10400px;
      width: 100%;
      z-index: 250;
      margin: 10% 0;
      padding: 5% 0;
      height: 1100px;
    }

    .copyfaq {
      z-index: 999;
      width: 100%;
      height: 1px;
      margin-top: 190px;
    }

    .rel21rr {
      background: linear-gradient(to right, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -moz-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -webkit-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8000", endColorstr="#ffd503", GradientType=1);
      position: relative;
      top: 120px;
      height: 1000px;
      z-index: 35;
    }


    .cont11rr {
      left: 0px;
      width: 80%;
      height: 800px;
      z-index: 562;
      display: inline-block;
      padding-left: 10%;
      padding-right: 10%;
      position: absolute;
    }



    .footercon {
      background-color: #ff8000;
      position: absolute;
      top: 4650px;
      width: 100%;
      z-index: 250;
      margin: 10% 0;
      padding: 5% 0;
      height: 1100px;
    }




    .copyrab {
      z-index: 999;
      width: 100%;
      height: 1px;
      margin-top: 100px;
    }


    .cont49 {
      background: #000;
      top: 6350px;
      left: 0px;
      max-width: 100%;
      height: 800px;
      z-index: 562;
      display: inline-block;
      padding-left: 10%;
      padding-right: 10%;
      position: absolute;
    }


    .footerab {
      background-color: #ff8000;
      position: absolute;
      top: 7000px;
      width: 100%;
      z-index: 950;
      margin: 10% 0;
      padding: 5% 0;
      height: 1100px;
    }


    .acont47hb {
      top: 5550px;
      max-width: 100%;
      height: 800px;
      z-index: 562;
      display: inline-block;
      padding-right: 20%;
      position: absolute;
      background-image: url("../img/oficina.jpg");
      background-repeat: no-repeat;
      background-size: 100%;
    }

    .contm011 {
      z-index: 900;
      padding: 70px 20px;
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      margin: 60px 5%;
      flex-direction: row;
      flex-grow: 1;
      background: rgba(0, 0, 0, 0.22);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-radius: 20px;
      top: 90px;
      position: relative;
      width: 100%;

    }



    .creat3 {
      z-index: 900;
      padding: 20px;
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      margin: 10px 5%;
      flex-direction: row;
      flex-grow: 1;
      background: rgba(0, 0, 0, 0.12);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-radius: 20px;
      top: 50px;
      position: relative;
      left: 0px;

    }




    .fondoazul {
      background: linear-gradient(to right, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -moz-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -webkit-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8000", endColorstr="#ffd503", GradientType=1);
      position: relative;
      top: 510px;
      height: 1300px;
      z-index: 135;
    }



    .fondl {
      position: absolute;
      top: 300px;
      width: 100%;
      bottom: 0px;
      z-index: 20;
      opacity: 0, 1;
    }

    .relq21p2 {
      background: linear-gradient(to right, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -moz-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -webkit-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8000", endColorstr="#ffd503", GradientType=1);
      position: relative;
      top: 30px;
      height: 1300px;
      z-index: 135;
    }

    .fondt {
      display: none;
    }

    .fondtaa {
      display: none;
    }

    .fons {
      display: none;
    }

    .acont47 {
      top: 5650px;
      max-width: 100%;
      height: 800px;
      z-index: 562;
      display: inline-block;
      padding-right: 45%;
      position: absolute;
    }


    .cont011ov {
      z-index: 900;
      padding: 20px;
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      margin: 10px 5%;
      flex-direction: row;
      flex-grow: 1;
      background: rgba(0, 0, 0, 0.12);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-radius: 20px;
      top: 30px;
      position: relative;


    }



    .relq21p {
      background: linear-gradient(to right, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -moz-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -webkit-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8000", endColorstr="#ffd503", GradientType=1);
      position: relative;
      top: 930px;
      height: 1300px;
      z-index: 135;
    }

    .cont45 {
      background: #fff;
      position: absolute;
      top: 3750px;
      left: 0px;
      max-width: 100%;
      height: 500px;
      z-index: 60;
      display: inline-block;
      padding: 5%;
    }


    .back {
      background: linear-gradient(to right, rgba(255, 128, 0, 1) 32%, rgba(255, 213, 3, 1) 100%);
      background: -moz-linear-gradient(90deg, rgba(255, 128, 0, 1) 32%, rgba(255, 213, 3, 1) 100%);
      background: -webkit-linear-gradient(90deg, rgba(255, 128, 0, 1) 32%, rgba(255, 213, 3, 1) 100%);
      background: linear-gradient(90deg, rgba(255, 128, 0, 1) 32%, rgba(255, 213, 3, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8000", endColorstr="#ffd503", GradientType=1);
      top: 5150px;
      margin-top: 100px;
      height: 1250px;
      z-index: 999;
    }



    .cont011g {
      z-index: 900;
      padding: 10% 10%;
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      margin: 5%;
      flex-direction: row;
      flex-grow: 1;
      background: rgba(0, 0, 0, 0.12);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-radius: 20px;
      top: 50px;
      position: relative;

    }

    .qsoy {
      font-size: 17px;

    }




    .relq21x {
      background: linear-gradient(to right, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -moz-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: -webkit-linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      background: linear-gradient(90deg, rgba(47, 19, 121, 1) 32%, rgba(255, 0, 136, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8000", endColorstr="#ffd503", GradientType=1);
      position: relative;
      top: 100px;
      height: 1400px;
      z-index: 135;
    }

    .txc {
      text-align: center;
    }


    .footerhome {
      background-color: #ff8000;
      position: absolute;
      top: 10900px;
      width: 100%;
      z-index: 250;
      margin: 200px 0;
      padding: 5% 0;
      max-height: 1200px;
    }


    .copytoph {
      position: absolute;
      top: 10800px;
      width: 100%;
      z-index: 550;
      margin: 200px 0;
      padding: 5% 0;
      max-height: 300px;
    }


    .copyr2,
    .alx {
      display: none;
    }



    .cont9113 {
      display: inline-block;
      width: 75%;
      padding-left: 10%;
      padding-right: 15%;
      z-index: 50;
      position: absolute;
      margin-top: 80px;
    }

    .videocover {
      display: none;
      width: 10px;
    }


    .gran {
      font-size: 35px;
      line-height: 100%;
    }


    .lineab {
      line-height: 100%;
      padding-bottom: 50px;
    }


    .tx1 {
      top: 25%;
      position: absolute;
      display: flex;
    }


    .menu {
      text-align: left;
      z-index: 930;
      top: 0px;
      position: absolute;
      background-color: black;
      width: 100%;
      margin: 0;
      padding: 0;
      display: none;
      right: 0px;
      border: 1px solid #fff;
    }


    .bo {
      display: block;
    }


    nav {
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      align-items: center;
    }


    nav ul li {
      margin: 0px 100px;
    }


    nav ul a {
      color: #fff;
      text-decoration: none;
      padding: 0px 0px 0px 0px;

    }


    .but1 {
      position: absolute;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      /* 3 columnas para pantallas grandes */
      gap: 40px 10px;
      /* espacio entre las celdas */
      text-align: center;
      top: 550px;
      z-index: 35;
      font-size: 18px;
      width: 100%;
      margin-top: 10px;

    }


    .rel2 {
      background-color: #ff8000;
      position: relative;
      top: 800px;
      height: 1500px;
      z-index: 35;
    }

    .txhola0 {
      opacity: 1;
      top: -60px;
      text-align: center;
      z-index: 30;
      animation: fluidohola 2s linear 1;
      font-family: "Lato";
      font-size: 40px;
      font-weight: 900;
      line-height: 1.5;
    }

    .cont1 {
      display: inline-block;
      padding-left: 2%;
      padding-right: 0%;
      z-index: 50;
      position: absolute;
    }

    .tx2 {

      padding: 0%;
    }

    .tx2k {

      padding: 0%;
    }

    .contaca {
      display: block;
      gap: 5px;
      grid-template-columns: 50vw;
      padding: 10px;
      margin: 10px;
      width: 90%;
      text-align: center;
    }


    .fond2 {

      width: 1%;
      display: none;

    }

    .rel21conta {

      top: 120px;
      height: 2400px;
      z-index: 35;
    }

    .topma {
      top: 12%;
      left: 5%;

      padding: 30px;
      width: 75%;
      height: 85%;
    }

    input[type="submit"] {
      text-align: center;

      width: 60%;
      margin: 60px;
      padding: 20px;
      border: none;
      white-space: nowrap;
    }

    .popup-content {
      position: absolute;
      top: 9%;
      width: 80%;
      padding: 20px;
      margin: 0px;
    }


    .fondor {
      padding: 110px 30px;
      margin: 0px;
      background: rgba(0, 0, 0, 0);
      backdrop-filter: none;
      border-radius: 20px;
      z-index: 2;
      color: #fff;
      display: block;
      top: 5%;
      text-align: center;
    }


    .nover {
      opacity: 1;
    }

    .tx5 {
      margin: 50px 30px;
      text-align: center;
      color: #fff;
      font-size: 35px !important;
    }

    .conttxlogos {
      background-color: #000;
      position: absolute;
      top: 2100px;
      width: 100%;
      height: 450px;
      z-index: 60;
      text-align: center;

    }


    .contlogos {
      background-color: #000;
      position: absolute;
      top: 2450px;
      max-width: 100%;
      height: 60px;
      z-index: 60;
      overflow-x: hidden;
    }

    .posicion {
      margin-left: 1%;
      width: 6800%;
      overflow: hidden;
    }

    .imgfondoz {
      display: block;
      width: 100% !important;
      position: absolute;

    }

    .param {
      margin-top: -10px;
      line-height: 90%;
    }

    .param2 {
      margin-top: -20px;
      margin-bottom: 40px;
    }

    .cont4 {
      opacity: 1;
      position: absolute;
      top: 2450px;
      max-width: 100%;
      height: 2550px;
      z-index: 60;
      animation: moveBox 2s ease-in-out;
    }

    @keyframes moveBox {
      0% {
        opacity: 100%;
      }

      100% {}
    }

    .cont5 {
      opacity: 0;
      display: none;
    }

    .logo {
      position: absolute;
    }

    .cont4a {
      position: absolute;
      left: 0%;
      top: 2600px;
      max-width: 100%;
      height: 2550px;
      z-index: 60;
      animation: moveBox 2s ease-in-out;
    }


    .rejilla1 {
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      margin: 5% 10%;
      text-align: center;
      border-radius: 20px;
      padding: 15px;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }


    .dmode,
    .flecha {
      opacity: 0;
      display: none;
    }


    .icontcase {
      background-color: #000;
      position: absolute;
      top: 6800px;
      width: 100%;
      height: 1400px;
      z-index: 250;
    }


    .icontcase1 {
      z-index: 100;
      display: grid;
      justify-content: center;
      grid-template-columns: 90%;
      margin: 0 5%;
      text-align: center;
      padding: 5px;
    }


    .tela {
      font-size: 60px;
    }


    .icontcases {
      background-color: #fff;
      position: absolute;
      top: 8000px;
      width: 100%;
      height: 700px;
      z-index: 250;

    }

    .rejilla0 {
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      margin: 0px 10%;
      flex-direction: row;
      flex-grow: 1;
      text-align: center;

    }

    h3 {
      line-height: 100%;
    }


    .rejilla333 {
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      gap: 100px;
      margin: 2% 5%;
    }


    .icontcases77 {
      background-color: #ff8000;
      position: absolute;
      top: 9000px;
      width: 100%;
      height: 2000px;
      z-index: 250;

    }


    .icontcasesli {
      background-color: #ff8000;
      position: absolute;
      top: 11100px;
      width: 100%;
      z-index: 250;
    }

    .fcs {
      width: 98%;
      filter: brightness(1);
      border-radius: 8px;
    }

    .rejilla88 {

      display: grid;
      grid-template-columns: auto;
      text-align: center;
      top: 800px;
      z-index: 35;
      width: 100%;
    }

    .copyright {
      position: absolute;
      top: 1200px;
      text-align: center;
      font-size: 14px;
      margin: 0 5%;
      padding-bottom: 75px;
      z-index: 999;
    }

    .bh {
      margin: 0 10%;
    }


    .gran2 {
      font-size: 35px;
      line-height: 100%;

    }

    .rel210 img {
      position: relative;
      /* background-image: url("../img/marketing-taiwan.png");*/
      top: -30px;
      width: 100%;
      z-index: 1;
    }


    .cont011 {
      z-index: 900;
      padding: 0 10px;
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      margin: 0px 5%;
      flex-direction: row;
      flex-grow: 1;
      background: none;
      border-radius: 0px;
    }

    .fond1 {
      display: none;
    }

    .relq21 {
      background: rgb(255, 128, 0);
      background: -moz-linear-gradient(90deg, rgba(255, 128, 0, 1) 0%, rgba(255, 213, 3, 1) 100%);
      background: -webkit-linear-gradient(90deg, rgba(255, 128, 0, 1) 0%, rgba(255, 213, 3, 1) 100%);
      background: linear-gradient(90deg, rgba(255, 128, 0, 1) 0%, rgba(255, 213, 3, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8000", endColorstr="#ffd503", GradientType=1);
      position: relative;
      top: 120px;
      height: 1000px;
      z-index: 35;

    }

    .cont511 {
      z-index: 900;
      padding: 20px;
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      margin: 5px 5%;
      flex-direction: row;
      flex-grow: 1;
      background: rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-radius: 20px;
      top: 50px;
      position: relative;

    }

    .tx3k {
      z-index: 530;
      color: #000;
      padding: 1% 1%;
      text-align: center;
    }


    .bajo2 {
      z-index: 900;
      padding: 50px;
      display: grid;
      justify-content: center;
      grid-template-columns: auto;
      margin: 10px 20%;
      flex-direction: row;
      flex-grow: 1;
      background: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      border-radius: 20px;
      top: 200px;
      position: relative;
    }

    .rel2cc {
      background-color: #000;
      position: relative;
      top: 0px;
      height: 2300px;
      z-index: 35;
    }

    .icontcaseslic {
      background-color: #ff8000;
      position: absolute;
      top: 4750px;
      width: 100%;
      z-index: 250;
    }

    .tx3 {

      padding: 0;
      margin-top: -80px;
    }


















































  }


































































































































}