/*Media queries para trabajar Mobile*/
@media screen and (max-width: 479px) {
  /* .vision-background {
    padding-top: 15.5rem !important;
  } */
  .modelo-alto {
    display: none !important;
  }
  .kwonTitle {
    font-size: clamp(1.3rem,1.6vw,1.625rem) !important;
  }
  .ourVTitle {
    z-index: 9999999;
  }
  .ourVTitle .span-text {
    font-size: clamp(5.625rem,5.6vw,6rem) !important;
    padding-right: .3rem;
    margin-bottom: clamp(3rem,3.8vw,4rem);
  }
  .modelImg-vision {
    display: block;
    position: absolute;
    width: 90%;
    top: clamp(-15.5rem,-16.5vw,-17rem) !important;
    right: -6%;
  }
  .bg-world-vision {
    width: 478.311px;
    height: 478.311px;
    flex-shrink: 0;
    background-size: contain;
  }
  .frontier {
    margin: clamp(7.5rem,9vw,9rem) 0px 15rem 0px;
  }
  .parent.card4 {
    padding: 7rem 70px 6rem 70px !important;
    margin-top: 1.5rem !important;
    margin-left: 0 !important;
  }
  .parent.card4 .span-text {
    font-size: 1.6875rem !important;
    z-index: 999999999;
  }
  .parent.card4 .parrafo {
    font-size: 1rem !important;
  }
  .bg-bt-vision {
    width: 430px;
    height: 910px;
    flex-shrink: 0;
    background-size: 430px 910px;
  }
  .parent.card {
    padding: 6rem 45px 5rem 45px !important;
  }
  .zindex {
    z-index: 99999999 !important;
    margin-top: clamp(25rem,26.5vw,27rem);
  }
  .render-float1,
  .render-float2,
  .render-float3 {
    display: block !important;
  }

  .render-float1 {
    top: 0 !important;
    left: 45% !important;
    scale: 0.4 !important;
  }
  .render-float2 {
    top: 25% !important;
    left: 45% !important;
    scale: 0.7 !important;
  }
  .render-float3 {
    top: 20% !important;
    left: 0% !important;
    scale: 0.4 !important;
  }
  .modelVision2 {
    left: 20% !important;
    top: 0 !important;
  }
  .onlyVision {
    margin-top: 10%;
  }
  .onlyVision {
    margin-top: 30% !important;
  }
}

/*Media queries para trabajar en tablets com Ipads*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .vision-background {
    padding-top: 35rem !important;
  }
  .ov-fsM {
    font-size: 48px !important;
  }
  .modelo-alto {
    display: none !important;
  }
  /* .kwonTitle,
  .ourVTitle {
    display: none !important;
  } */
  .modelImg-vision {
    display: block;
    position: absolute;
    width: 80%;
    top: -25%;
    right: -6%;
  }
  .parent.card {
    padding: 45px !important;
  }

  .render-float1,
  .render-float2,
  .render-float3 {
    display: block !important;
  }

  .render-float1 {
    top: -10% !important;
    left: 55% !important;
    scale: 0.4 !important;
  }
  .render-float2 {
    top: 25% !important;
    left: 45% !important;
    scale: 0.7 !important;
  }
  .render-float3 {
    top: 20% !important;
    left: 0% !important;
    scale: 0.4 !important;
  }
  .modelVision2 {
    top: -15% !important;
  }
  .fsInf {
    font-size: 64px !important;
  }
  .kwonTitle {
    display: flex !important;
  }
  .knowTitle,
  .ourVTitle {
    display: flex !important;
    margin-top: -20rem !important;
  }
}

/*Media queries para trabajar Tablets como las Surfaces*/
@media screen and (min-width: 480px) and (max-width: 767px) {
  .vision-background {
    padding-top: 25rem !important;
  }
  .ov-fsM {
    font-size: 48px !important;
  }
  .modelo-alto {
    display: none !important;
  }
  .kwonTitle,
  .ourVTitle {
    display: none !important;
  }
  .modelImg-vision {
    display: block;
    position: absolute;
    width: 90%;
    top: -22%;
    right: -6%;
  }
  .parent.card {
    padding: 45px !important;
  }

  .render-float1,
  .render-float2,
  .render-float3 {
    display: block !important;
  }

  .render-float1 {
    top: 0 !important;
    left: 45% !important;
    scale: 0.4 !important;
  }
  .render-float2 {
    top: 25% !important;
    left: 45% !important;
    scale: 0.7 !important;
  }
  .render-float3 {
    top: 20% !important;
    left: 0% !important;
    scale: 0.4 !important;
  }
  .modelVision2 {
    top: -25% !important;
  }
  .kwonTitle {
    display: flex !important;
  }
  .knowTitle,
  .ourVTitle {
    display: flex !important;
    margin-top: -20rem !important;
  }
  .ourVTitle {
    width: 30% !important;
  }
}

/*Media queries para trabajar en Pantallas de su mayoria laptops*/
@media only screen and (min-width: 1442px) and (max-width: 1599px) {
  .circle-gradient-vision-page {
    right: 0% !important;
  }
  .modelVision {
    width: 90% !important;
    height: 100% !important;
  }
  .fsInf {
    font-size: 64px !important;
  }
}

/*Media queries para trabajar en pantallas con viejas resoluciones*/
@media screen and (min-width: 1024px) and (max-width: 1425px) {
  .circle-gradient-vision-page {
    right: 0% !important;
  }
  .modelVision {
    width: 90% !important;
    height: 100% !important;
  }
  .fsInf {
    font-size: 64px !important;
  }
}

/*Media queries para trabajar en Pantallas de su mayoria laptops*/
@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  .circle-gradient-vision-page {
    right: 0% !important;
  }
  .modelVision {
    width: 90% !important;
    height: 100% !important;
  }
  .fsInf {
    font-size: 64px !important;
  }
}

@media screen and (min-width: 1602px) and (max-width: 1919px) {
  .circle-gradient-vision-page {
    right: 0% !important;
  }
  .modelVision {
    width: 90% !important;
    height: 100% !important;
  }
  .fsInf {
    font-size: 64px !important;
  }
}
/*Media queries para trabajar en Pantallas FULLHD y superior*/
@media screen and (min-width: 1922px) {
  .circle-gradient-vision-page {
    right: 0% !important;
  }
  .modelVision {
    width: 90% !important;
    height: 100% !important;
  }
}

@media screen and (min-width: 410px) and (max-width: 415px) {
  .render-float1 {
    top: -8% !important;
    left: 46% !important;
  }
}

@media screen and (max-width: 410px) {
  .parent.card4 {
    padding: 7rem 35px 6rem 35px !important;
    margin-top: 1.5rem !important;
    margin-left: 0 !important;
  }
  .parent.card4 .span-text {
    font-size: 2rem !important;
  }
  .parent.card4 .parrafo {
    font-size: 1.2rem !important;
  }
  .bg-bt-vision {
    background-size: contain !important;
  }
  .modelVision2 {
    width: 80vw !important;
    height: 75vh !important;
  }
  .modelVision2 {
    left: 5% !important;
    top: -5% !important;
  }
  .modelVision2 canvas {
    width: 350px !important;
    height: 445px !important;
  }
}