@media (min-width: 375px) {
  nav ul {
    margin-right: 0 !important;
  }

  .sec-2-gallery ul:last-child {
    height: 3.5rem !important;
  }

  .section-3-img {
    width: 32rem !important;
  }

  .icon-container {
    padding-left: 2rem !important;
  }

  .sec-3-style-info {
    top: 1.2rem;
    left: 8rem !important;
  }

  .sec-3-count-no {
    left: 1rem !important;
  }

  .section-3-img {
    width: 30rem;
    height: 10rem;
    margin-left: -7rem !important;
  }

  .info-1 {
    left: 5.5rem !important;
    top: 2rem;
  }

  .info-2 {
    left: 5.5rem !important;
    top: 1.2rem !important;
  }

  .info-3 {
    left: 6rem !important;
    top: 0.7rem;
  }

  .sec-3-extra-container {
    margin-top: 1.5rem;
    top: 40rem !important;
  }

  .section-4-title {
    font-size: 1.5rem !important;
  }

  .section-8-img {
    top: 11% !important;
  }
}

@media (min-width: 415px) {
  .hero-img {
    margin-top: 1rem;
  }

  .hero-title {
    font-size: 5rem !important;
  }

  .design-left {
    width: 4.5rem !important;
  }

  .hero-sub-title {
    font-size: 1.4rem !important;
  }

  .hero-sub-title::before {
    width: 4rem !important;
    height: 0.1rem;
    background: #fff;
  }

  .hero-sub-title::after {
    width: 4rem !important;
    height: 0.1rem;
    background: #fff;
  }

  .section-3-img {
    width: 36rem !important;
  }

  .section-3-img {
    width: 30rem;
    height: 12rem !important;
    margin-left: -6.5rem !important;
  }

  .sec-3-count-no {
    position: absolute;
    left: 2.5rem !important;
    font-size: 1.9rem !important;
    top: 4rem !important;
    color: #fff;
    z-index: 1;
  }

  .sec-3-style-info {
    font-size: 1.2rem !important;
    width: 12rem;
  }

  .info-1 {
    left: 8rem !important;
    top: 2.5rem !important;
  }

  .info-2 {
    left: 8.5rem !important;
    top: 1.1rem !important;
  }

  .info-3 {
    left: 8.5rem !important;
    top: 1rem !important;
  }

  .sec-3-extra-container {
    left: 5rem;
    top: 45rem !important;
  }

  .section-3-info-2 {
    padding-top: 5rem !important;
  }

  .section-3-info-2 p:first-child {
    margin-top: 1rem !important;
  }

  /* section 5 */

  .sec-5-pri-2 {
    width: 25rem !important;
  }

  /* card top and bottom design */

  .top-1 {
    top: 2.5rem;
    left: 5.5rem;
  }

  .top-2 {
    top: 2.5rem;
    left: 8rem !important;
  }

  .top-3 {
    top: 2.5rem;
    left: 7rem;
  }

  .sec-5-pri-2-top h3 {
    font-size: 2rem !important;
  }

  .sec-5-pri-2-inside-1 {
    left: 4.5rem;
    top: 7.5rem !important;
  }
  .sec-5-pri-2-inside-2 {
    left: 4.5rem;
    top: 13.2rem !important;
  }
  .sec-5-pri-2-inside-3 {
    left: 4.5rem;
    top: 19.5rem !important;
  }

  .sec-5-pri-2-inside-1 h3,
  .sec-5-pri-2-inside-2 h3,
  .sec-5-pri-2-inside-3 h3 {
    font-size: 1.1rem !important;
    margin: 0;
    font-weight: 300;
  }

  .sec-5-pri-2-inside-1 p,
  .sec-5-pri-2-inside-2 p,
  .sec-5-pri-2-inside-3 p {
    font-size: 0.8rem;
    margin: 0.2rem;
  }

  .sec-5-pri-2-bottom {
    left: 6rem !important;
    top: 25rem !important;
  }

  .sec-5-pri-2-bottom h4 {
    font-size: 1.8rem !important;
  }

  .sec-5-pri-2-bottom h5 {
    font-size: 1.1rem !important;
  }

  .section-9-title {
    margin-left: 5.5rem !important;
  }
}

/**************
***************
*************/

@media (min-width: 470px) {
  .hero {
    display: flex;
    justify-content: center;
    margin-top: 9em;
    padding: 0 0.1em 3em 7em !important;
    margin-top: 22rem !important;
  }

  .hero-img {
    width: 8rem !important;
    min-width: 7.5rem !important;
    margin-top: 1.5rem !important;
  }

  .hero-title {
    font-size: 6.5rem !important;
  }

  .design-left {
    width: 5rem !important;
    height: 90% !important;
  }

  .design-top {
    left: 1.3rem !important;
  }

  .hero-sub-title {
    font-size: 1.4rem !important;
  }

  .hero-sub-title::before {
    width: 4rem !important;
    height: 0.1rem;
    background: #fff;
  }

  .hero-sub-title::after {
    width: 4rem !important;
    height: 0.1rem;
    background: #fff;
  }

  .sec-2-info-4-title,
  .sec-2-info-5-title {
    display: inline-block !important;
    margin: 2rem 0 !important;
  }

  .sec-2-info-4-title {
    margin-top: 4rem !important;
  }

  .sec-2-gallery ul:last-child {
    height: 4.5rem !important;
  }

  /* section-3 */

  .section-3 {
    padding-left: 2rem;
    box-sizing: border-box;
  }

  .sec-3-count-no {
    font-size: 2.5rem !important;
  }

  .section-3-img {
    width: 43rem !important;
    height: 13rem !important;
    margin-left: -8rem !important;
  }

  .sec-3-style-info {
    top: 2rem !important;
    left: 11rem !important;
    font-size: 1.4rem !important;
  }

  .info-1 {
    left: 10rem !important;
    top: 1.5rem !important;
  }

  .info-2 {
    top: 1rem !important;
    left: 10rem !important;
  }

  .info-3 {
    top: 1rem !important;
    left: 10rem !important;
  }

  .sec-3-count-no {
    top: 4rem !important;
    left: 3rem !important;
  }

  .section-3-info {
    margin-left: 10rem !important;
  }

  .section-3-info-2 {
    padding-top: 4rem !important;
  }

  .sec-3-extra-container {
    top: 47.5rem !important;
    left: 9rem !important;
  }

  /* section 5 */

  .sec-5-pri-2 {
    width: 30rem !important;
  }

  .top-1 {
    top: 2.5rem;
    left: 7rem !important;
  }

  .top-2 {
    top: 2.5rem;
    left: 10rem !important;
  }

  .top-3 {
    top: 2.5rem;
    left: 9rem !important;
  }
  .sec-5-pri-2-top h3 {
    font-size: 2.2rem !important;
  }

  .sec-5-pri-2-top h3::after {
    top: 2.5rem !important;
  }

  .sec-5-pri-2-bottom {
    left: 8rem !important;
    top: 30rem !important;
  }

  .sec-5-pri-2-bottom h4 {
    font-size: 1.9rem !important;
  }

  .sec-5-pri-2-bottom h5 {
    font-size: 1.2rem !important;
  }

  .sec-5-pri-2-bottom p {
    font-size: 1.2rem !important;
    margin-top: 0.5rem !important;
  }

  .sec-5-pri-2-inside-1,
  .sec-5-pri-2-inside-2,
  .sec-5-pri-2-inside-3 {
    position: absolute;
    width: 22rem !important;
  }

  .sec-5-pri-2-inside-1 h3,
  .sec-5-pri-2-inside-2 h3,
  .sec-5-pri-2-inside-3 h3 {
    font-size: 1.3rem !important;
    font-weight: bold !important;
  }

  .sec-5-pri-2-inside-1 p,
  .sec-5-pri-2-inside-2 p,
  .sec-5-pri-2-inside-3 p {
    font-size: 1.1rem !important;
  }

  .sec-5-pri-2-inside-1 {
    left: 6rem !important;
    top: 8.5rem !important;
  }
  .sec-5-pri-2-inside-2 {
    left: 6rem !important;
    top: 16rem !important;
  }
  .sec-5-pri-2-inside-3 {
    left: 6rem !important;
    top: 23.5rem !important;
  }

  .sec-5-sec-2-in-1 h4 {
    margin-top: 5rem !important;
  }

  .sec-5-sec-2-in-3 {
    text-align: center;
  }

  /* section -8 */

  .section-8-info {
    margin-top: 8rem !important;
    margin-bottom: 2rem !important;
  }

  .section-8-img {
    margin-top: 2rem;
  }

  .section-8-img {
    top: 12% !important;
  }

  /* section - 9 */

  .section-9-title {
    font-size: 2.5rem !important;
    margin-left: 5.5rem !important;
  }

  .icon-container {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: center;
  }

  /* section - 10 */

  .footer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 4rem;
    padding-right: 2rem;
  }

  .footer-info-1,
  .footer-info-2,
  .footer-info-3,
  .footer-info-4 {
    width: 50% !important;
  }

  .footer-info-1 {
    margin-top: 3.5rem !important;
  }

  .footer-info-3 {
    margin-top: 2rem !important;
  }
  .info-1-title img {
    margin-top: 1.5rem !important;
  }

  .btn {
    width: 12rem !important;
    height: 5rem !important;
    margin-top: 1rem !important;
  }

  .btn-container {
    left: 49% !important;
    transform: translateX(-50%);
  }

  .btn-container::after {
    font-size: 1.4rem !important;
    top: 2.2rem !important;
  }

  /* margin-left */
  nav ul {
    margin-left: 5em !important;
  }

  .section-2-img {
    margin-left: 7rem !important;
  }

  .section-3-info-title {
    margin-left: 7rem !important;
  }

  .section-2-info-1,
  .section-2-info-2,
  .section-2-info-3 {
    margin-left: 8rem !important;
  }

  .section-3-info {
    margin-left: 7rem !important;
  }

  .sec-5-sec-2-in-2 {
    margin-left: 2rem;
  }
  .sec-5-sec-2-in-1 h4 {
    margin-right: 4rem !important;
  }
}

@media (min-width: 640px) {
  .design-top {
    left: 1.8rem !important;
  }

  .hero {
    margin-top: 16rem !important;
    padding-top: 3rem !important;
    padding-bottom: 6rem !important;
  }

  .hero-title {
    font-size: 8rem !important;
  }

  .hero-sub-title {
    font-size: 1.5rem !important;
  }

  .hero-sub-title::before {
    width: 5rem !important;
    height: 0.1rem;
    background: #fff;
  }

  .hero-sub-title::after {
    width: 5rem !important;
    height: 0.1rem;
    background: #fff;
  }

  .hero-img {
    width: 8rem !important;
  }

  .section-2-img {
    height: 30rem;
    width: 100% !important;
  }

  .section-2-info {
    position: relative !important;
  }

  .section-2-info-1 {
    position: absolute;
    left: 33% !important;
    top: -230% !important;
    width: 34rem !important;
  }

  .section-2-info-1 p {
    line-height: 1.8;
  }

  .subtitle {
    margin: 1rem !important;
  }

  .section-2-info-1 p {
    margin-top: 0 !important;
    padding: 1rem !important;
  }

  .info-1-new-container {
    all: unset !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    font-size: 1.3rem !important;
    width: 100% !important;
    margin-left: 18% !important;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana,
      sans-serif !important;
  }

  .new-1,
  .new-2,
  .new-3 {
    width: 20%;
  }

  .new-3 {
    text-align: right;
  }

  .section-2-info-3 {
    font-size: 1.8rem !important;
  }

  .sec-2-info-4-title {
    font-size: 1.1rem !important;
    padding-left: 2rem !important;
  }

  .sec-2-info-5-title {
    font-size: 1.1rem !important;
  }

  .sec-2-gallery ul:last-child {
    height: 6rem !important;
  }

  .section-5-primary {
    position: relative !important;
    width: 100% !important;
  }

  .sec-5-pri-1 {
    width: 40% !important;
    padding-top: 6rem;
  }

  .sec-5-btn-1 {
    margin: 0 !important;
  }

  .sec-5-btn-2 {
    margin: 0.8rem 0 !important;
  }

  .sec-5-btn-3 {
    margin: 0.8rem 0 !important;
  }

  /* card container */

  .sec-5-pri-2 {
    position: absolute !important;
    left: 45% !important;
    top: -4rem !important;
    transform: translateX(0) !important;
    width: 24rem;
    z-index: 2;
  }

  /* card img */

  .sec-5-pri-2 img {
    width: 100%;
    position: relative;
    left: 48%;
    transform: translateX(-50%);
  }

  .top-1 {
    top: 3rem !important;
    left: 7rem !important;
  }

  .top-2 {
    top: 3rem !important;
    left: 10rem !important;
  }

  .top-3 {
    top: 3rem !important;
    left: 9rem !important;
  }

  .section-5-secondary {
    display: none;
  }

  .trick-container {
    background: rgba(255, 255, 255, 0.479);
    padding: 2rem 0;
    margin-top: 4rem !important;
  }

  .section-5-secondary-trick {
    display: block !important;
    width: 90% !important;
    margin-left: 10% !important;
    position: relative;
  }

  .section-5-secondary-trick img {
    width: 100%;
  }

  .trick-info-container {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
  }

  .trick-child-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 22%;
    position: relative;
  }

  .trick-child-1 h3 {
    font-size: 1.2rem;
    font-weight: 300;
    margin-top: 4rem;
    margin-bottom: 1rem;
    color: #fff;
  }

  .trick-info-container img {
    width: 4rem;
  }

  .trick-child-2 {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 0 0 1rem;
    width: 75%;
    position: relative;
  }

  .trick-child-2 p:nth-child(1) {
    margin-bottom: 0.8rem;
  }

  .trick-child-2 p:nth-child(2),
  .trick-child-2 p:nth-child(5) {
    background: #e5780b;
    font-size: 1.4rem;
    text-transform: uppercase;
    text-align: center;
    padding: 0.3rem 0;
  }

  .trick-child-2 p:nth-child(3) {
    font-size: 1.3rem;
    text-align: center;
  }

  .trick-child-2 p:nth-child(4) {
    text-align: center;
    font-size: 1.4rem;
  }

  .trick-child-2 p:nth-child(6) {
    margin-top: 1rem;
  }

  .trick-child-2 p {
    font-size: 0.9rem;
    margin: 0.2rem 0;
  }

  .btn-2-container {
    margin: 3rem 2rem 0 0;
    position: absolute;
    left: 80%;
    top: 68%;
  }

  .btn-2 {
    width: 8rem !important;
    display: inline-block;
    position: relative;
  }

  .btn-2::after {
    content: 'REGISTE-SE JÁ !';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.6rem !important;
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
  }

  .btn-2-img {
    width: 100% !important;
  }

  /* margin-left */

  .section-2-info-2 {
    margin-left: 9rem !important;
  }
}

/**************
***************
*************/

@media (min-width: 750px) {
  .design-left {
    width: 5.5rem !important;
  }
  nav ul {
    flex-wrap: wrap !important;
    justify-content: space-evenly !important;
    margin-left: 6rem !important;
  }

  nav li {
    width: 25% !important;
    padding: 0 1rem !important;
    margin: 1rem 1rem !important;
  }

  nav li:first-child {
    margin-right: 1rem !important;
  }

  .subtitle,
  .section-2-info-3,
  .section-3-info-title {
    font-size: 2.5rem !important;
  }

  .section-2-info-3 {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 3rem !important;
  }

  .sec-2-info-4-title {
    padding-left: 4rem !important;
  }

  .sec-2-info-4-title,
  .sec-2-info-5-title {
    font-size: 1.3rem !important;
  }

  .sec-2-gallery ul:last-child {
    height: 8rem !important;
  }

  .section-3-info {
    display: flex;
  }

  .section-3-img {
    width: 36rem !important;
    height: 12rem !important;
  }

  .section-3-info-title {
    margin-bottom: 1rem !important;
  }

  .section-3-info-1 {
    width: 40%;
  }

  .section-3-info-2 {
    padding-top: 0 !important;
    width: 60%;
  }

  .section-3-info-2 p:first-child {
    margin-top: 1rem !important;
  }

  .sec-3-count-no {
    top: 3.5rem !important;
    left: 1rem !important;
  }

  .sec-3-style-info {
    font-size: 1.2rem !important;
    width: 14rem !important;
  }

  .info-1 {
    left: 6rem !important;
    top: 2rem !important;
  }

  .info-2 {
    top: 1.5rem !important;
    left: 6rem !important;
  }

  .info-3 {
    top: 1.5rem !important;
    left: 6rem !important;
  }

  .sec-3-style-info h3 {
    font-size: 1.6rem !important;
  }

  .section-3-info-2 p {
    margin-top: 11rem;
  }

  .sec-3-extra-container {
    top: 51% !important;
    left: 57% !important;
    transform: translate(-50%, -50%);
  }

  .sec-3-extra-img {
    left: -7rem !important;
    top: -1.2rem;
    width: 6rem;
  }

  .sec-3-extra-1 h4,
  .sec-3-extra-2 h4 {
    font-size: 1.4rem !important;
  }

  .sec-3-extra-1 img,
  .sec-3-extra-2 img {
    width: 4rem !important;
  }

  .section-4-title {
    font-size: 2rem !important;
    width: 70rem !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 4rem !important;
    text-align: center;
  }

  .sec-5-btn-3 {
    margin: 1.5rem 0 !important;
  }

  .sec-5-pri-2 {
    width: 33rem !important;
    position: absolute !important;
    left: 45% !important;
    top: -6.5rem !important;
    transform: translateX(0) !important;
  }

  .top-1 {
    top: 3rem !important;
    left: 5.8rem !important;
  }

  .top-2 {
    top: 3rem !important;
    left: 10rem !important;
  }

  .top-3 {
    top: 3rem !important;
    left: 8.5rem !important;
  }

  .sec-5-pri-2-top h3 {
    font-size: 3rem !important;
  }

  .sec-5-pri-2-top h3::after {
    top: 3.5rem !important;
  }

  .sec-5-pri-2-inside-1 {
    left: 4.5rem;
    top: 10rem !important;
  }
  .sec-5-pri-2-inside-2 {
    left: 4.5rem;
    top: 17.5rem !important;
  }
  .sec-5-pri-2-inside-3 {
    left: 4.5rem;
    top: 26rem !important;
  }

  .sec-5-pri-2-inside-1 h3,
  .sec-5-pri-2-inside-2 h3,
  .sec-5-pri-2-inside-3 h3 {
    font-size: 1.3rem !important;
    margin: 0;
    font-weight: 300;
  }

  .sec-5-pri-2-inside-1 p,
  .sec-5-pri-2-inside-2 p,
  .sec-5-pri-2-inside-3 p {
    font-size: 1.1rem !important;
    margin-left: 0.8rem !important;
    width: 24rem !important;
  }

  .sec-5-pri-2-bottom {
    left: 8.5rem !important;
    top: 33rem !important;
  }

  .sec-5-pri-2-bottom h4 {
    font-size: 2.5rem !important;
  }

  .sec-5-pri-2-bottom h5 {
    font-size: 1.2rem !important;
  }

  .trick-child-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    position: relative;
    margin-left: -1rem;
  }

  .trick-child-1 h3 {
    font-size: 1.5rem;
    margin-top: 3.5rem;
    margin-bottom: 1.3rem;
  }

  .trick-info-container img {
    width: 4.5rem;
  }

  .trick-child-2 {
    margin: 2rem 0 0 1rem;
  }

  .trick-child-2 p {
    font-size: 1rem;
    margin: 0.2rem 0;
  }

  .section-8-img {
    top: 17% !important;
  }
}

@media (min-width: 792px) {
  nav ul {
    flex-wrap: wrap !important;
    justify-content: space-evenly !important;
    margin-left: 6rem !important;
  }

  nav li {
    width: 25% !important;
    padding: 0 1rem !important;
    margin: 1rem 1rem !important;
  }

  nav li:first-child {
    margin-right: 1rem !important;
  }

  .subtitle,
  .section-2-info-3,
  .section-3-info-title {
    font-size: 2.5rem !important;
  }

  .section-2-info-3 {
    left: 50% !important;
  }

  .section-3-info-2 p {
    margin-top: 12rem !important;
  }

  .sec-3-extra-container {
    top: 52% !important;
    left: 53% !important;
    transform: translate(-50%, -50%);
  }

  .section-4-title {
    font-size: 2rem !important;
    width: 70rem !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 4rem !important;
    text-align: center;
  }

  .sec-5-pri-2 {
    position: absolute !important;
    left: 48% !important;
  }

  .trick-child-1 h3 {
    font-size: 1.5rem !important;
    margin-top: 5rem !important;
  }

  .trick-info-container img {
    width: 4.5rem !important;
  }

  .trick-child-2 p:nth-child(1) {
    margin-bottom: 0.8rem;
  }

  .trick-child-2 p:nth-child(2),
  .trick-child-2 p:nth-child(5) {
    font-size: 1.5rem !important;
  }

  .trick-child-2 p:nth-child(3) {
    font-size: 1.4rem !important;
  }

  .trick-child-2 p:nth-child(4) {
    font-size: 1.5rem !important;
  }

  .trick-child-2 p {
    font-size: 1.1rem;
    margin: 0.2rem 0;
  }

  .btn-2-container {
    margin: 3rem 2rem 0 0 !important;
    position: absolute !important;
    left: 75% !important;
    top: 68% !important;
    display: inline-block;
    z-index: 200;
  }

  .btn-2 {
    width: 10rem !important;
    display: inline-block !important;
    position: relative !important;
  }

  .btn-2::after {
    content: 'REGISTE-SE JÁ !';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.8rem !important;
    width: 100%;
    text-align: center;
    font-size: 1rem;
  }

  #btn-2-img {
    width: 100% !important;
  }
}

@media (min-width: 830px) {
  nav li {
    width: 30% !important;
  }
}

@media (min-width: 887px) {
  .section-2-info-1 {
    position: absolute;
    top: -230% !important;
    left: 38% !important;
    width: 42rem !important;
  }

  .section-3-info-2 p:first-child {
    margin-top: 2rem !important;
  }

  .sec-3-extra-container {
    top: 52% !important;
    left: 48% !important;
    transform: translate(-50%, -50%);
  }

  .section-4-title {
    font-size: 2rem !important;
    width: 75rem !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 4rem !important;
    text-align: center;
  }

  .trick-child-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    position: relative;
  }

  .trick-child-1 h3 {
    font-size: 1.6rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }

  .trick-info-container img {
    width: 4.5rem;
  }

  .trick-child-2 {
    margin: 3.8rem 0 0 1rem;
  }

  .trick-child-2 p {
    font-size: 1rem;
    margin: 0.2rem 0;
  }
}

@media (min-width: 932px) {
  .hero {
    margin-top: 10rem !important;
  }
  nav ul {
    flex-wrap: nowrap !important;
    justify-content: center !important;
    margin-left: 6rem !important;
  }

  nav li {
    all: unset !important;
    margin: 1rem 1rem !important;
  }

  nav li:first-child {
    margin: 1rem 1rem !important;
  }

  nav img {
    margin-right: 1rem !important;
  }

  .nav-li-img-1 {
    display: none;
  }

  nav a {
    font-size: 1.6rem !important;
  }

  .subtitle,
  .section-2-info-3,
  .section-3-info-title {
    font-size: 2.8rem !important;
  }

  .section-2-info-1 p,
  .section-3-info-2 p,
  .sec-5-pri-1 p {
    font-size: 1.9rem !important;
  }

  .section-2-info-2 {
    width: 89% !important;
    font-size: 2.1rem !important;
  }

  .section-2-img {
    height: 40rem !important;
    width: 100% !important;
    margin-left: 8rem !important;
  }

  .section-2-info-1 {
    position: absolute;
    top: -170% !important;
    left: 33% !important;
    width: 53rem !important;
  }

  .info-1-new-container {
    font-size: 1.6rem !important;
  }

  .info-1-new-container ul li {
    margin-bottom: 1.5rem !important;
  }

  .new-2 {
    width: 15.5rem !important;
  }

  .sec-2-info-4-title,
  .sec-2-info-5-title {
    font-size: 1.4rem !important;
  }

  .sec-2-gallery ul:last-child {
    height: 9rem !important;
  }

  .section-3-info-1 {
    margin: 3.5rem 0 1rem 5rem !important;
  }

  .section-3-img {
    width: 40rem !important;
    height: 12rem !important;
  }

  .sec-3-style-info {
    font-size: 1.4rem !important;
    width: 16rem !important;
  }

  .sec-3-style-info h3 {
    font-size: 1.9rem !important;
    font-weight: 300;
  }

  .info-1 {
    top: 2rem !important;
    left: 7.5rem !important;
  }

  .info-2 {
    top: 1.5rem !important;
    left: 7.5rem !important;
  }

  .info-3 {
    top: 1.5rem !important;
    left: 7rem !important;
  }

  .sec-3-count-no {
    top: 3.5rem !important;
    left: 2rem !important;
  }

  .section-3-info-2 p:last-child {
    margin-top: 08rem !important;
  }

  .sec-3-extra-container {
    top: 54% !important;
    left: 49% !important;
    transform: translate(-50%, -50%);
  }

  .section-4-title {
    font-size: 2rem !important;
    width: 80rem !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 4rem !important;
    text-align: center;
  }

  .video-container {
    width: 50%;
    height: 50% !important;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    margin-left: 2rem;
  }

  .section-5 {
    padding-top: 12rem !important;
  }

  .sec-5-pri-1 h2 {
    font-size: 3rem !important;
    font-weight: 600 !important;
  }

  .sec-5-pri-2 {
    width: 39rem !important;
    position: absolute !important;
    left: 49% !important;
    top: -9rem !important;
    transform: translateX(0) !important;
  }

  .top-1 {
    top: 6rem !important;
    left: 3rem !important;
  }

  .top-2 {
    top: 4rem !important;
    left: 12.5rem !important;
  }

  .top-3 {
    top: 4rem !important;
    left: 11rem !important;
  }

  .sec-5-pri-2-top h3 {
    font-size: 3.5rem !important;
  }

  .sec-5-pri-2-top h3::after {
    top: 4rem !important;
  }

  .sec-5-pri-2-inside-1 {
    left: 7rem !important;
    top: 12rem !important;
  }
  .sec-5-pri-2-inside-2 {
    left: 7rem !important;
    top: 21rem !important;
  }
  .sec-5-pri-2-inside-3 {
    left: 7rem !important;
    top: 30.5rem !important;
  }

  .sec-5-pri-2-inside-1 h3,
  .sec-5-pri-2-inside-2 h3,
  .sec-5-pri-2-inside-3 h3 {
    font-size: 2rem !important;
  }

  .sec-5-pri-2-inside-1 p,
  .sec-5-pri-2-inside-2 p,
  .sec-5-pri-2-inside-3 p {
    font-size: 1.1rem !important;
    margin-left: 0.8rem !important;
    width: 27rem !important;
  }

  .sec-5-pri-2-bottom {
    left: 10.5rem !important;
    top: 39.5rem !important;
  }

  .sec-5-pri-2-bottom h4 {
    font-size: 4rem !important;
  }

  .sec-5-pri-2-bottom h5 {
    font-size: 1.2rem !important;
  }

  .sec-5-pri-2-bottom p {
    font-size: 1.3rem !important;
  }

  .trick-container {
    margin-top: 6rem !important;
  }

  .trick-child-1 h3 {
    font-size: 1.7rem !important;
    margin-top: 6rem !important;
    margin-bottom: 1rem;
    color: #fff;
  }

  .trick-info-container img {
    width: 4.5rem !important;
  }

  .trick-child-2 {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 0 0 1rem;
    width: 78%;
    padding-top: 2.2rem;
    box-sizing: border-box;
  }

  .trick-child-2 p:nth-child(1) {
    margin-bottom: 0.8rem;
    font-size: 1.1rem !important;
  }

  .trick-child-2 p:nth-child(2),
  .trick-child-2 p:nth-child(5) {
    font-size: 1.8rem !important;
    text-transform: uppercase;
  }

  .trick-child-2 p:nth-child(3) {
    font-size: 1.5rem !important;
  }

  .trick-child-2 p:nth-child(4) {
    font-size: 1.6rem !important;
  }

  .trick-child-2 p:nth-child(6) {
    margin-top: 1rem !important;
    font-size: 1.1rem !important;
  }

  .trick-child-2 p {
    font-size: 0.9rem;
    margin: 0.2rem 0;
  }

  .section-8-img {
    top: 13% !important;
  }

  .section-8-info p {
    font-size: 2.3rem !important;
  }

  .section-9-title {
    font-size: 2.8rem !important;
  }
}

@media (min-width: 953px) {
  .section-3-info-2 p:last-child {
    margin-top: 11rem !important;
  }
}

@media (min-width: 1030px) {
  nav {
    padding: 1rem 0;
  }

  .design-top {
    width: 6rem !important;
    left: 14rem !important;
    top: 1.2rem !important;
  }
  .design-left {
    width: 8rem !important;
    height: 90% !important;
  }

  nav ul {
    flex-wrap: nowrap !important;
    justify-content: center !important;
    margin-left: 0 !important;
  }

  nav li {
    all: unset !important;
    margin: 1rem 1rem !important;
  }

  nav li:first-child {
    margin: 1rem 1rem !important;
  }

  nav img {
    margin-right: 1rem !important;
  }

  .nav-li-img-1 {
    display: none;
  }
  nav a {
    font-size: 1.6rem !important;
  }

  .section-2-img {
    margin-left: 12rem !important;
    width: 85% !important;
  }

  .section-2-info-1 {
    position: absolute;
    top: -160% !important;
    left: 32% !important;
    width: 57rem !important;
  }

  .section-2-info-2 {
    width: 100% !important;
    margin-left: 12rem !important;
    padding-right: 15rem !important;
    box-sizing: border-box;
  }

  .sec-2-info-4-title {
    text-align: center;
    padding-left: 0 !important;
  }

  .info-1-new-container {
    font-size: 1.8rem !important;
    margin-left: 15% !important;
  }

  .new-2 {
    width: 17.2rem !important;
  }

  .sec-2-gallery {
    width: 94.8rem !important;
    margin: 0 auto !important;
  }

  .sec-2-gallery ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
  }

  #gl-bg-1 {
    height: 9rem !important;
  }

  #gl-bg-2 {
    height: 9.4rem !important;
  }

  .section-2-info-4,
  .section-2-info-5 {
    margin-left: 8.5rem !important;
  }

  .sec-2-info-4-title,
  .sec-2-info-5-title {
    font-size: 1.6rem !important;
  }

  .sec-3-style-info {
    font-size: 1.5rem !important;
    width: 17rem !important;
  }

  .sec-3-count-no {
    top: 3.5rem !important;
    left: 3.2rem !important;
    font-size: 3rem !important;
  }

  .info-1 {
    top: 2rem !important;
    left: 10rem !important;
  }

  .info-2 {
    top: 1.2rem !important;
    left: 9.5rem !important;
  }

  .info-3 {
    top: 1.1rem !important;
    left: 9.5rem !important;
  }

  .sec-3-extra-container {
    top: 52% !important;
    left: 53.5% !important;
    transform: translate(-50%, -50%);
  }

  .section-4-title {
    margin-top: 4rem !important;
  }

  .video-container {
    width: 50%;
    height: 50% !important;
    position: absolute;
    left: 50%;
    top: 60% !important;
    transform: translate(-50%, -50%);
    margin-left: 2rem;
  }

  .sec-5-pri-1 {
    width: 45% !important;
    padding-top: 6rem;
    margin-left: 3rem !important;
  }

  .sec-5-pri-1 h2::after {
    top: 5rem !important;
  }

  .sec-5-pri-2-bottom p span::after {
    top: 0.9rem !important;
  }

  .sec-5-pri-2 {
    width: 40rem !important;
    position: absolute !important;
    left: 55% !important;
    top: -9rem !important;
    transform: translateX(0) !important;
  }

  .sec-5-pri-2-inside-1,
  .sec-5-pri-2-inside-2,
  .sec-5-pri-2-inside-3 {
    width: 40rem !important;
  }

  .sec-5-pri-2-top h3 {
    font-size: 4.8rem !important;
  }

  .sec-5-pri-2-top h3::after {
    top: 5rem !important;
  }

  .sec-5-pri-2-inside-1 {
    left: 3rem !important;
    top: 17rem !important;
  }
  .sec-5-pri-2-inside-2 {
    left: 3rem !important;
    top: 28rem !important;
  }
  .sec-5-pri-2-inside-3 {
    left: 3rem !important;
    top: 41rem !important;
  }

  .sec-5-pri-2-inside-1 p,
  .sec-5-pri-2-inside-2 p,
  .sec-5-pri-2-inside-3 p {
    font-size: 1.3rem !important;
    margin-left: 1.5rem !important;
    margin-top: 0.3rem !important;
    width: 32rem !important;
  }

  .sec-5-pri-2-bottom {
    left: 6.5rem !important;
    top: 53rem !important;
  }

  .trick-child-1 h3 {
    font-size: 2rem !important;
    margin-top: 4.7rem !important;
    margin-bottom: 2rem !important;
    color: #fff;
  }

  .trick-info-container img {
    width: 7rem !important;
  }

  .trick-child-2 {
    padding-top: 0 !important;
  }

  .trick-child-2 p:nth-child(1) {
    margin-bottom: 1rem !important;
    font-size: 1.3rem !important;
  }

  .trick-child-1 h3,
  .trick-child-2 p:nth-child(1),
  .trick-child-2 p:nth-child(2),
  .trick-child-2 p:nth-child(4),
  .trick-child-2 p:nth-child(5),
  .trick-child-2 p:nth-child(6),
  .trick-child-span-bold {
    font-weight: 600;
  }

  .trick-child-2 p:nth-child(2),
  .trick-child-2 p:nth-child(5) {
    font-size: 2rem !important;
    padding: 1.5rem 0 !important;
  }

  .trick-child-2 p:nth-child(3) {
    font-size: 1.8rem !important;
  }

  .trick-child-2 p:nth-child(4) {
    font-size: 1.8rem !important;
  }

  .trick-child-2 p:nth-child(6) {
    margin-top: 1rem !important;
    font-size: 1.3rem !important;
  }

  .btn-2-container {
    margin: 3rem 2rem 0 0 !important;
    position: absolute !important;
    left: 78% !important;
    top: 80% !important;
    display: inline-block;
    z-index: 200;
  }

  .btn-2 {
    width: 12rem !important;
    display: inline-block !important;
    position: relative !important;
  }

  .btn-2::after {
    content: 'REGISTE-SE JÁ !';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 1rem !important;
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
  }

  #btn-2-img {
    width: 100% !important;
  }

  /* margin */

  nav ul {
    margin-left: 3em !important;
  }

  .subtitle,
  .section-2-info-3,
  .section-3-info-title {
    font-size: 2.8rem !important;
  }

  .section-3-info-title {
    margin-left: 14rem !important;
  }

  .section-4-title {
    font-size: 2rem !important;
    width: 91.5rem !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 4rem !important;
    text-align: center;
  }

  .sec-5-pri-1 h2 {
    font-size: 3.5rem !important;
  }

  .btn {
    width: 12rem !important;
    height: 5rem !important;
    margin-top: 1rem !important;
  }

  .section-2-img {
    margin-left: 12rem !important;
  }

  .section-2-info-1 h2 {
    margin-bottom: 1rem !important;
    font-size: 3.5rem !important;
  }

  .section-2-info-2 {
    margin-left: 12rem !important;
  }

  .section-3-img {
    width: 45rem !important;
    height: 12rem !important;
  }

  .section-3-info {
    margin-left: 15rem !important;
  }

  .section-3-info-2 p {
    margin-top: 18rem !important;
  }

  .sec-5-sec-2-in-2 {
    margin-left: 2rem;
  }

  .btn-container {
    margin-top: 4.5rem;
  }

  .trick-info-container img {
    width: 5rem;
  }

  .section-8-info {
    margin-left: 12rem !important;
  }

  .section-9-title {
    font-size: 2.8rem !important;
    margin-left: 6rem !important;
  }

  /* footer */

  .footer {
    display: flex;
    flex-direction: row;
    justify-content: space-around !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    padding-left: 4rem;
    padding-right: 2rem;
  }

  .info-1-title {
    display: flex;
    justify-content: flex-start !important;
  }

  .info-1-title div {
    width: 3rem !important;
    margin-right: 1rem;
  }

  .info-1-title img {
    margin-top: -1rem !important;
  }

  .info-1-title h2 {
    font-size: 3rem !important;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    margin-top: 0.6rem;
  }

  .footer-next-info {
    text-align: left !important;
    font-size: 1.4rem !important;
  }

  .footer-next-info-container {
    align-items: flex-start !important;
  }

  .footer-next-info-container img {
    width: 8rem !important;
  }

  .footer-next-info-2 {
    font-size: 1.6rem !important;
  }

  .footer-info-1,
  .footer-info-2,
  .footer-info-3,
  .footer-info-4 {
    width: 20% !important;
    padding: 1rem !important;
  }

  .footer-info-1 {
    margin-top: 0 !important;
    margin-left: 6rem !important;
  }

  .footer-info-2 {
    align-items: flex-start !important;
    margin-top: 0 !important;
  }

  .footer-info-2 h3 {
    font-size: 1.7rem !important;
  }

  .footer-info-2 p,
  .footer-info-1 p,
  .footer-info-3 p,
  .footer-info-4 p {
    font-size: 1.4rem !important;
  }

  .footer-info-4 p {
    text-align: left !important;
  }

  .copyright {
    color: #fff;
    margin-top: 2rem !important;
    margin-left: 16rem !important;
    font-size: 1.2rem !important;
  }
}

@media (min-width: 1135px) {
  nav a {
    font-size: 1.8rem !important;
  }

  .hero-img {
    width: 9rem !important;
  }

  .hero-img img {
    margin-top: 16rem !important;
    margin-left: 50px;
  }

  .hero-sub-title {
    font-size: 4.8rem !important;
  }

  .hero-title {
    font-size: 20rem !important;
  }

  .sec-2-gallery ul:last-child {
    height: 11rem !important;
  }

  .section-3-info-1 {
    width: 50% !important;
    margin: 2rem 0 1rem 5rem !important;
  }

  .sec-3-style-info {
    font-size: 1.7rem !important;
    width: 19rem !important;
  }

  .sec-3-style-info h3 {
    font-size: 2.2rem !important;
    font-weight: 300;
  }

  .section-3-info-2 {
    padding-top: 0 !important;
    width: 94% !important;
  }

  .section-3-img {
    width: 53rem !important;
    height: 15rem !important;
    margin-left: -108px !important;
  }

  .sec-3-count-no {
    top: 4rem !important;
    left: 5rem !important;
    font-size: 4rem !important;
  }

  .info-1 {
    top: 3rem !important;
    left: 13rem !important;
  }

  .info-2 {
    top: 2rem !important;
    left: 13rem !important;
  }

  .info-3 {
    top: 2rem !important;
    left: 13rem !important;
  }

  .section-3-info-2 p:last-child {
    margin-top: 12rem !important;
  }

  .sec-3-extra-container {
    left: 61rem !important;
    top: 33rem !important;
    transform: translate(-50%, -50%);
  }

  .sec-3-extra-img {
    left: -5.5rem !important;
  }

  .trick-child-2 {
    margin: 1.8rem 0 0 1rem;
  }

  .trick-child-2 p {
    font-size: 1.6rem !important;
  }

  .section-9-title {
    margin-left: 6.5rem !important;
  }
}

@media (min-width: 1165px) {
  .section-2-info-1 {
    position: absolute;
    left: 35% !important;
    width: 65rem !important;
  }
  .section-3-info-2 p:last-child {
    margin-top: 12rem !important;
  }

  .trick-child-1 h3 {
    font-size: 2.2rem !important;
    margin-top: 6.5rem !important;
    margin-bottom: 2rem !important;
    color: #fff;
    font-family: Cinzel-Bold;
  }

  .trick-info-container img {
    width: 8rem !important;
  }

  .trick-child-2 p:nth-child(1) {
    margin-bottom: 1rem !important;
    font-size: 1.4rem !important;
  }

  .trick-child-2 p:nth-child(2),
  .trick-child-2 p:nth-child(5) {
    font-size: 2.3rem !important;
    padding: 1.5rem 0 !important;
  }

  .trick-child-2 p:nth-child(3) {
    font-size: 2rem !important;
  }

  .trick-child-2 p:nth-child(4) {
    font-size: 2rem !important;
  }

  .trick-child-2 p:nth-child(6) {
    margin-top: 1rem !important;
    font-size: 1.4rem !important;
  }

  .trick-container {
    margin-top: 7rem !important;
  }

  .section-2-info-1 p,
  .section-3-info-2 p,
  .sec-5-pri-1 p {
    font-size: 2rem !important;
  }

  .subtitle,
  .section-2-info-3,
  .section-3-info-title {
    font-size: 3rem !important;
  }

  .btn-2-container {
    margin: 3rem 2rem 0 0 !important;
    position: absolute !important;
    left: 78% !important;
    top: 82% !important;
    display: inline-block;
    z-index: 200;
  }

  .btn-2 {
    width: 13rem !important;
    display: inline-block !important;
    position: relative !important;
  }

  .btn-2::after {
    content: 'REGISTE-SE JÁ !';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 1.2rem !important;
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
  }

  #btn-2-img {
    width: 100% !important;
  }

  .section-4-title {
    font-size: 2.4rem !important;
    width: 91.5rem !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 4rem !important;
    text-align: center;
  }

  .section-4-title {
    margin-top: 0 !important;
  }

  .video-container {
    width: 50%;
    height: 50% !important;
    position: absolute;
    left: 50%;
    top: 63% !important;
    transform: translate(-50%, -50%);
    margin-left: 2rem;
  }
}

@media (min-width: 1250px) {
  .unknow-left h1,
  .unknow-left h2 {
    margin-left: 7rem !important;
  }

  .unknow-right p {
    font-size: 2.2rem !important;
  }

  .sec-2-gallery ul:last-child {
    height: 11.5rem !important;
  }

  .section-3-info-2 {
    margin-right: 2rem !important;
  }

  .sec-3-extra-container {
    left: 64rem !important;
    top: 34rem !important;
    transform: translate(-50%, -50%);
  }

  .sec-3-extra-img {
    position: absolute;
    left: -7rem !important;
    top: -3.7rem !important;
    width: 13rem !important;
  }

  .sec-3-extra-1 h4,
  .sec-3-extra-2 h4 {
    font-size: 2rem !important;
  }

  .mydiv h3 {
    margin-top: -1.7rem !important;
    margin-left: -1.5rem !important;
  }
}

@media (min-width: 1280px) {
  .section-3 {
    overflow: visible !important;
    position: relative;
    z-index: 10;
  }

  .section-3-info {
    height: 55rem;
  }

  .section-3-info-1 {
    margin-top: 4rem !important;
    position: relative;
    z-index: 1;
  }

  .section-3-info-2 p:first-child {
    /* margin-top: 5rem !important; */
    padding: 5rem 1rem 1rem 1rem;
    line-height: 1.8;
    margin-left: 9rem !important;
  }

  .sec-3-info-2-img-1 {
    background-image: url(img/sec-3-info-2-img-1.png);
    background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
    width: 80%;
    height: 28rem;
  }

  .veja-como {
    color: rgb(184, 114, 44) !important;
  }

  .section-3-info-2 p:last-child {
    padding: 4rem 4rem 1rem 3rem;
    line-height: 1.8;
    margin-top: 3rem !important;
    box-sizing: border-box;
    margin-left: 8rem;
  }

  .sec-3-info-2-img-2 {
    background-image: url(img/sec-3-info-2-img-2.png);
    background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
    width: 90%;
    height: 39rem;
  }

  .sec-3-extra-img {
    position: absolute;
    left: -18rem !important;
    top: -13.9rem !important;
    width: 13rem !important;
  }

  .footer-info-1,
  .footer-info-2,
  .footer-info-3,
  .footer-info-4 {
    width: 25% !important;
    padding: 1rem !important;
  }
}

@media (min-width: 1350px) {
  .sec-3-extra-img {
    position: absolute;
    left: -18rem !important;
    top: -10rem !important;
    width: 13rem !important;
  }

  .sec-2-gallery ul:last-child {
    height: 12.5rem !important;
  }

  .btn {
  }

  .btn-container::after {
    font-size: 1.7rem !important;
    top: 2.4rem !important;
  }

  .sec-5-pri-2 {
    width: 40rem !important;
    position: absolute !important;
    left: 62% !important;
    top: -9rem !important;
    transform: translateX(0) !important;
  }

  .trick-container {
    margin-top: 5rem !important;
  }

  .trick-child-1 {
    padding-top: 2rem !important;
    box-sizing: border-box !important;
  }

  .trick-child-2 {
    padding-top: 1rem !important;
    box-sizing: border-box !important;
  }

  .trick-child-2 p:nth-child(2),
  .trick-child-2 p:nth-child(5) {
    font-size: 2.4rem !important;
    padding: 2rem 0 !important;
  }
}

@media (min-width: 1367px) {
  .sec-3-extra-img {
    position: absolute;
    left: -18rem !important;
    top: -13rem !important;
    width: 13rem !important;
  }
}

@media (min-width: 1400px) {
  .sec-3-info-2-img-1 {
    width: 532px !important;
  }

  .sec-3-info-2-img-2 {
    width: 585px !important;
  }
}

@media (min-width: 1440px) {
  .sec-2-gallery {
    width: 100rem !important;
  }

  .sec-2-gallery ul:last-child {
    height: 13.5rem !important;
  }

  .section-3-info-2 {
    margin-right: 4%;
  }

  /* .section-3-info-2 p:first-child,
  .section-3-info-2 p:last-child {
    width: 59rem;
  }*/

  /* .sec-3-extra-container {
    left: 80rem !important;
    top: 36.5rem !important;
  } */

  .sec-3-extra-1 h4,
  .sec-3-extra-2 h4 {
    font-size: 3rem !important;
  }
}

@media (min-width: 1600px) {
  nav a {
    font-size: 2.4rem !important;
  }

  .hero-img {
    width: 12rem !important;
  }

  .hero-img img {
    margin-top: 9rem !important;
  }

  .hero-title {
    font-size: 17rem !important;
  }

  .hero-sub-title {
    font-size: 5rem !important;
  }

  .hero-sub-title::before {
    width: 10rem !important;
    height: 0.2rem !important;
  }

  .hero-sub-title::after {
    width: 10rem !important;
    height: 0.2rem !important;
  }

  .registered {
    font-size: 3rem !important;
  }

  .section-2-info-1 {
    position: absolute;
    top: -150% !important;
    left: 32% !important;
    width: 80rem !important;
  }

  .section-2-info-1 p {
    line-height: 2 !important;
  }

  .section-4-title {
    margin-top: 3rem !important;
  }

  .video-container {
    width: 50%;
    height: 50% !important;
    position: absolute;
    left: 50%;
    top: 60% !important;
    transform: translate(-50%, -50%);
    margin-left: 2rem;
  }
}

@media (min-width: 1681px) {
  .sec-3-extra-img {
    position: absolute;
    left: -9rem !important;
    top: -10.9rem !important;
    width: 20rem !important;
  }

  .section-3-info-2 p:first-child {
    margin-left: 18rem !important;
  }

  .section-3-info-2 p:last-child {
    margin-left: 17rem !important;
  }

  .unknow-left h1,
  h2 {
    margin-left: 5rem !important;
  }

  .unknow-right p {
    padding-left: 5rem !important;
    font-size: 2.5rem !important;
    word-spacing: 1rem !important;
  }
}

@media (min-width: 1915px) {
  .info-1-new-container {
    font-size: 1.8rem !important;
    margin-left: 8% !important;
  }

  .video-container {
    width: 50%;
    height: 45% !important;
    position: absolute;
    left: 50%;
    top: 60% !important;
    transform: translate(-50%, -50%);
    margin-left: 2rem;
  }
}