body {
      margin: 0;
      line-height: normal;
    }

    .br-mobile {
      display: none;
    }

    .br-desktop {
      display: block;
    }

    .br-mobile-tab {
      display: none;
    }

    @media screen and (max-width: 1024px) {
      .br-desktop {
        display: none !important;
      }

      .br-mobile-tab {
        display: block !important;
      }
    }

    :root {
      /* Figma Variables */

      /* Spacing */
      --font-size-12: 12px;
      --font-size-16: 16px;
      --font-size-18: 18px;
      --font-size-20: 20px;
      --font-size-34: 34px;
      --font-size-44: 44px;
      --font-size-181: 18px;
      --font-size-341: 34px;
      --font-size-441: 44px;
      --font-weight-100: 100;
      --font-weight-400: 400;
      --font-weight-500: 500;
      --font-weight-600: 600;
      --font-weight-700: 700;
      --font-weight-800: 800;
      --font-weight-5001: 500;
      --font-weight-6001: 600;
      --font-weight-7001: 700;
      --font-weight-8001: 800;
      --height-36: 36px;
      --height-52: 52px;
      --item-spacing-0: 0px;
      --item-spacing-10: 10px;
      --item-spacing-12: 12px;
      --item-spacing-40: 40px;
      --item-spacing-111-8: 111.8px;
      --item-spacing-13-3: 13.3px;
      --item-spacing-7-2: 7.2px;
      --item-spacing-7-5: 7.5px;
      --item-spacing-m: 32px;
      --item-spacing-s: 24px;
      --item-spacing-s1: 16px;
      --item-spacing-xs: 8px;
      --letter-spacing-0-7: 0.7px;
      --line-height-24: 24px;
      --line-height-26: 26px;
      --line-height-28: 28px;
      --line-height-30: 30px;
      --line-height-48: 48px;
      --line-height-60: 60px;
      --line-height-281: 28px;
      --line-height-13-2: 13.2px;
      --line-height-21-6: 21.6px;
      --line-height-23-94: 23.94px;
      --stroke-weight-2: 2px;
      --width-1: 1px;
      --width-144: 144px;
      --width-457: 457px;
      --width-460: 460px;
      --width-472: 472px;
      --width-504: 504px;
      --width-720: 720px;
      --width-1084: 1084px;
      --width-1428: 1428px;
      --width-1440: 1440px;
      --width-217-38: 217.38px;

      /* Color */
      --color-azure-19: #1a2845;
      --color-azure-25: #383e48;
      --color-azure-43: #616b7b;
      --color-azure-44: #626c7c;
      --color-azure-57: #3187f3;
      --color-azure-63: #939baf;
      --color-azure-71: #9db5ce;
      --color-azure-89: #d6dfef;
      --color-azure-891: #d6dfef;
      --color-black-0: rgba(0, 0, 0, 0);
      --color-black-18: rgba(0, 0, 0, 0.18);
      --color-black-30: rgba(0, 0, 0, 0.3);
      --color-black-36: rgba(0, 0, 0, 0.36);
      --color-black-54: rgba(0, 0, 0, 0.54);
      --color-black-60: rgba(0, 0, 0, 0.6);
      --color-black-80: rgba(0, 0, 0, 0.8);
      --color-black-801: rgba(0, 0, 0, 0.8);
      --color-black-solid: #000;
      --color-grey-13: #1f2024;
      --color-grey-46: #757575;
      --color-grey-97: #f2f8ff;
      --color-white-solid: #fff;
      --color-white-solid1: #fff;

      /* Font */
      --font-family-Font-1: Manrope;
      --font-family-Font-3: Roboto;
      --font-family-Font-11: Manrope;
      --font-family-Font-31: Inter;

      /* Common Style Variables */

      /* Color */
      --color-cornflowerblue: #4aa1ff;
      --color-gainsboro: #e6e6e6;
      --color-lightsteelblue: #bdc7d6;
      --websprgrin-Dodger-Blue: #3187f3;
      --websprgrin-Periwinkle-Gray: #d6dfef;
      --wwwmobicipcom-Link-Water: #d6dfef;

      /* Gap */
      --gap-20: 20px;
      --gap-24: 24px;

      /* Padding */
      --padding-0: 0px;
      --padding-2: 2px;
      --padding-4: 4px;
      --padding-8: 8px;
      --padding-12: 12px;
      --padding-14: 14px;
      --padding-16: 16px;
      --padding-20: 20px;
      --padding-24: 24px;
      --padding-26: 26px;
      --padding-40: 40px;
      --padding-64: 64px;
      --padding-72: 72px;
      --padding-89: 89px;
      --padding-178: 178px;

      /* BorderRadius */
      --br-32: 32px;
      --br-36: 36px;

      /* FontSize */
      --fs-16: 16px;
      --fs-18: 18px;
      --fs-19: 19px;
      --fs-20: 20px;
      --fs-26: 26px;
      --fs-27: 27px;

      /* Shadows */
      --shadow-drop: 0px 4px 16px rgba(0, 0, 0, 0.05);

      /* WidthHeights */
      --height-15: 15px;
      --height-16: 16px;
      --height-24: 24px;
      --height-28: 28px;
      --height-48: 48px;
      --height-56: 56px;
      --height-72: 72px;
      --width-48: 48px;
      --width-72: 72px;
      --width-900: 900px;
      --width-16_8: 16.8px;

      /* LineHeights */
      --lh-22: 22px;
      --lh-26: 26px;
      --lh-35: 35px;
      --lh-23_9: 23.9px;

      --left-0: 0px;
      --left-8: 8px;
      --top-0: 0px;
      --top-8: 8px;
    }

    .end-google-tag-manager-noscri,
    .w-light {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }

    .w-light {
      width: 100%;
      position: relative;
      background-color: #ffffff;
      overflow-y: auto;
      display: flex;
      isolation: isolate;
      line-height: normal;
      letter-spacing: normal;
    }

    .end-google-tag-manager-noscri {
      background-color: #ffffff;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0;
      padding: 0;
      box-sizing: border-box;
      max-width: 100%;
      z-index: 0;
      flex-shrink: 0;
    }

    .container,
    .end-google-tag-manager-noscri,
    .section {
      align-self: stretch;
      display: flex;
    }

    .container {
      background-color: #ffffff;

      flex-direction: column;
      align-items: center;
      max-width: 100%;
      text-align: center;
      font-size: var(--font-size-34);
      color: var(--color-grey-13);
      font-family: var(--font-family-Font-1);
    }

    .section {
      height: 578px;

      align-items: center;
      justify-content: center;
      background-color: #ffffff;
      background-image: linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0.5) 60%, transparent 100%),
        url(https://media.mobicip.com/wp-content/uploads/2026/05/13095042/android.webp);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: right center;
      text-align: left;
      font-size: var(--font-size-44);
      overflow: hidden;
    }

    .container2 {
      flex: 1;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: var(--padding-64) var(--padding-178) var(--padding-16);
      box-sizing: border-box;
      max-width: var(--width-1440);
    }

    .container3 {
      align-self: stretch;
      display: flex;
      align-items: center;
    }

    .container4,
    .heading-1 {
      display: flex;
      align-items: flex-start;
    }

    .container4 {
      padding-left: 6px;
      width: 504px;
      flex-direction: column;
      gap: var(--item-spacing-s);
      max-width: var(--width-504);
    }

    .heading-1 {
      align-self: stretch;
    }

    .parental-control-app {
      margin: 0;
      flex: 1;
      position: relative;
      font-size: inherit;
      line-height: var(--line-height-60);
      font-weight: var(--font-weight-800);
      font-family: inherit;
    }

    .container5 {
      width: 457px;
      display: flex;
      align-items: flex-start;
      max-width: var(--width-457);
      font-size: var(--font-size-18);
      color: var(--color-azure-43);
    }

    .comprehensive-iphone-parental {
      position: relative;
      line-height: var(--line-height-30);
      font-weight: var(--font-weight-600);
    }

    .container6 {
      align-self: stretch;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: var(--padding-24) var(--padding-0) var(--padding-0);
    }

    .link {
      cursor: pointer;
      border: 0;
      padding: 19px var(--padding-24);
      background-color: var(--color-azure-57);
      border-radius: var(--br-32);
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      min-width: var(--width-144);
    }

    .link:hover {
      background-color: var(--color-cornflowerblue);
    }

    .start-free-trial {
      position: relative;
      font-size: var(--font-size-18);
      line-height: var(--font-size-18);
      font-weight: var(--font-weight-700);
      font-family: var(--font-family-Font-1);
      color: var(--color-white-solid);
      text-align: center;
      text-decoration: none;
    }

    .link-download-on-the-app-sto {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding: var(--padding-24) var(--padding-0) var(--padding-0);
      cursor: pointer;
    }

    .picture-download-on-the-app {
      cursor: pointer;
      border: 0;
      padding: 0;
      background-color: transparent;
      width: 168px;
      position: relative;
      max-height: 100%;
      object-fit: cover;
    }

    .section2 {
      align-self: stretch;
      background-color: var(--color-azure-19);
      display: flex;
      align-items: flex-start;
      justify-content: center;
      max-width: 100%;
      color: var(--color-white-solid);
    }

    .container7 {
      flex: 1;
      overflow: hidden;
      flex-direction: column;
      padding: var(--padding-72) var(--padding-178);
      box-sizing: border-box;
      max-width: var(--width-1440);
    }

    .container7,
    .container8,
    .heading-2 {
      display: flex;
      align-items: flex-start;
    }

    .container8 {
      width: 100%;
      flex-direction: column;
      gap: var(--item-spacing-xs);
      max-width: var(--width-1084);
    }

    .heading-2 {
      align-self: stretch;
      justify-content: center;
    }

    .features-of-our {
      margin: 0;
      position: relative;
      font-size: inherit;
      letter-spacing: var(--letter-spacing-0-7);
      line-height: var(--font-size-44);
      font-weight: var(--font-weight-800);
      font-family: inherit;
    }

    .container9 {
      align-self: stretch;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      font-size: var(--font-size-181);
      color: var(--color-azure-43);
      font-family: var(--font-family-Font-11);
    }

    .easy-for-parents {
      position: relative;
      line-height: var(--line-height-24);
      font-weight: var(--font-weight-500);
    }

    .container10,
    .container11 {
      display: flex;
      max-width: 100%;
    }

    .container10 {
      align-self: stretch;
      align-items: center;
      justify-content: space-between;
      padding: var(--padding-16) var(--padding-0) var(--padding-0);
      box-sizing: border-box;
      gap: var(--gap-20);
    }

    .container11 {
      width: 580px;
      flex-direction: column;
      align-items: flex-start;
    }

    .container-icon {
      height: 537px;
      width: 273px;
      object-fit: cover;
    }

    .item,
    .list {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--item-spacing-s1);
    }

    .list {
      width: 460px;
      padding: var(--padding-0) var(--padding-0) var(--padding-16);
      box-sizing: border-box;
      max-width: var(--width-460);
      text-align: left;
      font-size: var(--item-spacing-s);
      color: var(--color-azure-71);
      font-family: var(--font-family-Font-1);
    }

    .item {
      align-self: stretch;
      padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-24);
      position: relative;
      isolation: isolate;
      color: var(--color-white-solid);
    }

    .heading-3 {
      margin: 0;
      position: relative;
      font-size: inherit;
      line-height: var(--line-height-28);
      font-weight: var(--font-weight-800);
      font-family: inherit;
      z-index: 0;
      flex-shrink: 0;
    }

    .container13,
    .container14 {
      align-self: stretch;
      display: flex;
    }

    .container13 {
      flex-direction: column;
      align-items: flex-start;
      padding: var(--padding-0) var(--padding-0) var(--padding-12);
      gap: var(--item-spacing-12);
      z-index: 1;
      flex-shrink: 0;
      font-size: var(--font-size-18);
    }

    .container14 {
      height: 47.9px;
      align-items: flex-end;
      padding: var(--padding-0) var(--padding-0) 0.9px;
      box-sizing: border-box;
    }

    .instantly-track-your {
      height: var(--height-48);
      width: 386px;
      position: relative;
      line-height: var(--lh-23_9);
      font-weight: var(--font-weight-5001);
      display: flex;
      align-items: center;
    }

    .container15 {
      align-self: stretch;
      height: 23.9px;
      display: flex;
      align-items: flex-end;
      padding: var(--padding-0) var(--padding-0) 0.9px;
      box-sizing: border-box;
    }

    .share-your-real-time {
      height: var(--height-24);
      width: 421px;
      position: relative;
      line-height: var(--lh-23_9);
      font-weight: var(--font-weight-5001);
      display: flex;
      align-items: center;
      flex-shrink: 0;
    }

    .container16 {
      align-self: stretch;
      height: 47.9px;
      display: flex;
      align-items: flex-end;
      padding: var(--padding-0) var(--padding-0) 1px;
      box-sizing: border-box;
    }

    .frame-parent,
    .link-strong {
      display: flex;
      align-items: flex-start;
    }

    .link-strong {
      flex-direction: column;
      cursor: pointer;
      z-index: 1;
    }

    .frame-parent {
      flex-shrink: 0;
      row-gap: var(--gap-20);
    }

    .set-geofences-to-stay-within-a-wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
    }

    .set-geofences-to {
      margin-right: -0.3px;
      width: 259.2px;
      height: var(--height-24);
      line-height: var(--lh-23_9);
      font-weight: var(--font-weight-5001);
      align-items: center;
    }

    .boundary-parent,
    .safe-location,
    .set-geofences-to {
      display: flex;
      flex-shrink: 0;
      position: relative;
    }

    .safe-location {
      height: var(--height-24);
      width: 115.2px;
      line-height: var(--lh-23_9);
      font-weight: var(--font-weight-800);
      color: inherit;
      align-items: center;
      text-decoration: none;
    }

    .boundary-parent {
      align-items: flex-start;
      margin-top: -0.1px;
    }

    .and-receive-instant,
    .boundary {
      height: var(--height-24);
      position: relative;
      line-height: var(--lh-23_9);
      display: flex;
      align-items: center;
      flex-shrink: 0;
    }

    .boundary {
      width: 85px;
      font-weight: var(--font-weight-800);
      color: inherit;
      text-decoration: none;
    }

    .and-receive-instant {
      margin-left: -0.7px;
      width: 217.9px;
      font-weight: var(--font-weight-5001);
      z-index: 2;
    }

    .background {
      width: 4px;
      height: 100%;
      position: absolute;
      margin: 0 !important;
      top: 0;
      bottom: 0;
      left: 0;
      border-radius: 2px;
      background-color: var(--color-white-solid);
      z-index: 2;
      flex-shrink: 0;
    }

    .item2 {
      align-self: stretch;
      display: flex;
      align-items: flex-start;
      padding: var(--padding-8) var(--padding-0) var(--padding-0) var(--padding-24);
    }

    .heading-32 {
      margin: 0;
      flex: 1;
      position: relative;
      font-size: inherit;
      line-height: var(--line-height-28);
      font-weight: var(--font-weight-800);
      font-family: inherit;
    }

    .item3,
    .section3 {
      align-self: stretch;
      display: flex;
      align-items: flex-start;
    }

    .item3 {
      padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-24);
    }

    .section3 {
      background-color: var(--color-grey-97);
      justify-content: center;
    }

    .container17 {
      flex: 1;
      overflow: hidden;
      padding: var(--padding-72) var(--padding-178);
      box-sizing: border-box;
      max-width: var(--width-1440);
    }

    .container17,
    .container18,
    .container19 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .container18 {
      width: 100%;
      max-width: var(--width-1084);
    }

    .container19 {
      align-self: stretch;
      padding: var(--padding-8) var(--padding-0) var(--padding-0);
      gap: var(--item-spacing-40);
      text-align: center;
      font-size: var(--font-size-181);
      color: var(--color-azure-25);
      font-family: Manrope;
    }

    .follow-our-easy-container {
      position: relative;
      line-height: var(--line-height-26);
    }

    .follow-our {
      font-weight: 500;
    }

    .easy-setup-guide {
      color: var(--color-azure-57);
    }

    .easy-setup-guide2 {
      font-weight: 600;
    }

    .list2 {
      align-self: stretch;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      align-content: flex-start;
      gap: 0;
      row-gap: var(--gap-20);
      font-size: var(--item-spacing-s);
      color: var(--color-grey-13);
      font-family: var(--font-family-Font-1);
    }

    .item9 {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      isolation: isolate;
      gap: var(--item-spacing-7-5);
      min-width: 203px;
      max-width: 271px;
      overflow: visible;
    }

    .background-icon {
      width: var(--width-72);
      height: var(--height-72);
      border-radius: var(--br-36);
      z-index: 0;
      flex-shrink: 0;
      object-fit: contain;
    }

    .container21 {
      align-self: stretch;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      z-index: 1;
      flex-shrink: 0;
    }

    .download {
      margin: 0;
      position: relative;
      font-size: inherit;
      line-height: var(--font-size-34);
      font-weight: var(--font-weight-700);
      font-family: inherit;
    }

    .link-download-on-the-app-sto2 {
      width: 143px;
      height: 47.7px;
      object-fit: contain;
      cursor: pointer;
      z-index: 2;
      flex-shrink: 0;
    }

    .icon {
      width: 124px;
      height: 15px;
      position: absolute;
      margin: 0 !important;
      top: 36px;
      left: calc(100% - 12px);
      z-index: 3;
      flex-shrink: 0;
      object-fit: contain;
    }

    .container23 {
      align-self: stretch;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      z-index: 2;
      flex-shrink: 0;
      font-size: var(--font-size-18);
      color: var(--color-azure-25);
    }

    .create-username {
      position: relative;
      line-height: var(--line-height-28);
      font-weight: var(--font-weight-5001);
    }

    .item12 {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--item-spacing-7-5);
      min-width: 203px;
      max-width: 271px;
    }

    .background-icon4 {
      width: var(--width-72);
      height: var(--height-72);
      border-radius: var(--br-36);
      object-fit: contain;
    }

    .container27 {
      align-self: stretch;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      font-size: var(--font-size-18);
      color: var(--color-azure-25);
    }

    .container28,
    .section4 {
      width: 100%;
      display: flex;
      flex-direction: column;
    }

    .section4 {
      overflow: hidden;
      align-items: flex-start;
      padding: 96px var(--padding-178);
      box-sizing: border-box;
      max-width: var(--width-1440);
    }

    .container28 {
      align-items: center;
      gap: var(--item-spacing-xs);
      max-width: var(--width-1084);
    }

    .div-classios-type-container {
      width: var(--width-900);
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding: var(--padding-8) var(--padding-0) var(--padding-0);
      box-sizing: border-box;
      max-width: 100%;
      text-align: left;
      font-size: var(--font-size-12);
      color: var(--color-white-solid);
      font-family: var(--font-family-Font-3);
    }

    .body,
    .youtube-video-player {
      position: relative;
      background-color: var(--color-black-solid);
      overflow: hidden;
    }

    .body {
      width: 900px;
      height: 500px;
      background-color: var(--color-black-solid);
      overflow: hidden;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 100%;
      position: relative;
    }

    .youtube-video-player {
      align-self: stretch;
      flex: 1;
      display: none;
      z-index: 0;
    }

    .container30 {
      width: 100%;
      height: 100%;
      margin: 0 !important;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      max-width: 100%;
      z-index: 1;
    }

    .video-cover-icon {
      height: 500px;
      object-fit: cover;
      flex-shrink: 0;
      z-index: 1;
    }

    .cued-overlay,
    .gradient,
    .video-cover-icon {
      width: var(--width-900);
      position: relative;
    }

    .cued-overlay {
      height: 500px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 144px;
      flex-shrink: 0;
      max-width: 100%;
      z-index: 2;
      margin-top: -500px;
    }

    .gradient {
      height: 70px;
      background: linear-gradient(180deg,
          var(--color-black-80),
          var(--color-black-60) 50%,
          var(--color-black-0));
    }

    .button-play-video-wrapper {
      width: var(--width-900);
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding: var(--padding-0) var(--padding-20);
      box-sizing: border-box;
      max-width: 100%;
    }

    .button-play-video {
      height: var(--height-72);
      width: var(--width-72);
    }

    .container31 {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      padding: var(--padding-0) var(--padding-24) var(--padding-12) var(--padding-14);
      box-sizing: border-box;
      position: relative;
      isolation: isolate;
      gap: 388px;
      flex-shrink: 0;
      max-width: 100%;
      z-index: 3;
      margin-top: -500px;
    }

    .gradient2 {
      width: 100%;
      height: 100%;
      position: absolute;
      margin: 0 !important;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: linear-gradient(180deg,
          var(--color-black-60),
          var(--color-black-54) 25%,
          var(--color-black-36) 50%,
          var(--color-black-18) 75%,
          var(--color-black-0));
      z-index: 0;
      flex-shrink: 0;
    }

    .container32 {
      width: 862px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-end;
      max-width: 100%;
      z-index: 1;
      flex-shrink: 0;
    }

    .embedded-player-video-details {
      align-self: stretch;
      flex: 1;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .container33,
    .container34 {
      display: flex;
      align-items: flex-start;
      box-sizing: border-box;
    }

    .container33 {
      align-self: stretch;
      justify-content: center;
      padding: var(--padding-0) var(--padding-12);
      position: relative;
      isolation: isolate;
      min-height: var(--height-52);
    }

    .container34 {
      flex: 1;
      flex-direction: column;
      padding: var(--padding-0) var(--padding-0) var(--padding-0) 52px;
      min-height: var(--height-36);
      z-index: 0;
    }

    .container34,
    .link-text,
    .linkmask-group-icon {
      align-self: stretch;
      overflow: hidden;
      flex-shrink: 0;
    }

    .linkmask-group-icon {
      height: 38px;
      position: relative;
      max-width: 100%;
    }

    .link-text {
      height: 13.2px;
      display: flex;
      align-items: flex-end;
      padding: var(--padding-0) var(--padding-0) 0.2px;
      box-sizing: border-box;
      cursor: pointer;
    }

    .mobicip-screen-time {
      height: 14px;
      width: 199.3px;
      position: relative;
      line-height: var(--line-height-13-2);
      color: inherit;
      display: flex;
      align-items: center;
      flex-shrink: 0;
      text-decoration: none;
    }

    .container35 {
      height: 52px;
      margin: 0 !important;
      position: absolute;
      top: 8px;
      left: 4px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-4);
      box-sizing: border-box;
      isolation: isolate;
      min-width: var(--height-52);
      max-width: var(--width-1428);
      z-index: 1;
      flex-shrink: 0;
    }

    .overlay {
      flex: 1;
      border-radius: 10px;
      background-color: var(--color-black-801);
      display: flex;
      align-items: center;
      padding: var(--padding-0) var(--padding-2) var(--padding-0) 52px;
      opacity: 0;
      z-index: 0;
    }

    .text {
      height: 32px;
      width: 8px;
      position: relative;
      overflow: hidden;
      flex-shrink: 0;
    }

    .button-thumbnail-image {
      width: 36px;
      height: 36px;
      position: absolute;
      margin: 0 !important;
      top: 8px;
      left: 12px;
      border-radius: 18px;
      object-fit: cover;
      min-width: var(--width-1);
      min-height: var(--width-1);
      z-index: 1;
    }

    .container-wrapper {
      display: flex;
      align-items: flex-start;
      justify-content: flex-end;
      padding: var(--padding-0) 6px var(--padding-0) var(--padding-16);
      box-sizing: border-box;
      max-width: 100%;
      z-index: 2;
      flex-shrink: 0;
      font-size: var(--font-size-181);
    }

    .container36 {
      width: 840px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      align-content: center;
      gap: var(--item-spacing-0);
      max-width: 100%;
    }

    .margin,
    .overlay-icon {
      height: var(--height-48);
    }

    .overlay-icon {
      width: 56px;
      border-radius: 48px;
    }

    .margin {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center;
      min-width: 217px;
    }

    .container37 {
      width: 217px;
      flex: 1;
      display: flex;
      align-items: center;
    }

    .container38 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-4);
    }

    .button-view-model-link-wat {
      height: var(--height-48);
      border-radius: 24px;
      background-color: var(--color-black-30);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: var(--padding-0) var(--padding-24);
      box-sizing: border-box;
      cursor: pointer;
    }

    .container39,
    .text2 {
      display: flex;
      align-items: flex-start;
    }

    .container39 {
      overflow: hidden;
      flex-direction: column;
      padding: 13px var(--padding-0) var(--padding-14);
    }

    .text2 {
      width: 165.4px;
      height: 21px;
      justify-content: flex-end;
      padding: 2.3px var(--padding-0) var(--padding-0);
      box-sizing: border-box;
      position: relative;
      isolation: isolate;
    }

    .watch-on {
      height: var(--height-48);
      width: 75.7px;
      position: absolute;
      margin: 0 !important;
      top: -13.5px;
      left: 0;
      line-height: var(--line-height-48);
      font-weight: var(--font-weight-100);
      color: inherit;
      display: flex;
      align-items: center;
      text-decoration: none;
      z-index: 0;
      flex-shrink: 0;
    }

    .container40,
    .img-icon {
      height: 20px;
      width: 90px;
      z-index: 1;
      flex-shrink: 0;
    }

    .container40 {
      width: 100%;
      height: 228px;
      margin: 0 !important;
      position: absolute;
      right: 0;
      bottom: -228px;
      left: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      padding: var(--padding-12);
      box-sizing: border-box;
      max-width: 100%;
      z-index: 3;
    }

    .container41 {
      align-self: stretch;
      flex: 1;
      position: relative;
      overflow: auto;
    }

    .container42,
    .section5 {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      box-sizing: border-box;
    }

    .section5 {
      overflow: hidden;
      padding: var(--padding-0) var(--padding-178) var(--padding-64);
      max-width: var(--width-1440);
    }

    .container42 {
      padding: var(--padding-0) var(--padding-0) var(--padding-40);
      max-width: var(--width-1084);
    }

    .container43,
    .container44,
    .margin2 {
      align-self: stretch;
      display: flex;
      align-items: flex-start;
    }

    .container43 {
      justify-content: space-between;
      flex-wrap: wrap;
      align-content: flex-start;
      gap: 0 var(--item-spacing-13-3);
    }

    .container44,
    .margin2 {
      flex-direction: column;
    }

    .margin2 {
      width: 261px;
      justify-content: center;
      padding: var(--padding-20) var(--padding-0);
      box-sizing: border-box;
      text-align: left;
      font-size: var(--item-spacing-s);
      color: var(--color-azure-19);
      font-family: var(--font-family-Font-1);
    }

    .container44 {
      flex: 1;
      gap: var(--item-spacing-10);
    }

    .card-image-icon {
      align-self: stretch;
      position: relative;
      max-width: 100%;
      overflow: hidden;
      max-height: 100%;
      object-fit: cover;
    }

    .container45,
    .heading-39 {
      align-self: stretch;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .heading-39 {
      padding: var(--padding-0) var(--padding-0) var(--padding-8);
    }

    .keep-your-child {
      align-self: stretch;
      position: relative;
    }

    .container46 {
      align-self: stretch;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      font-size: var(--font-size-181);
      color: var(--color-azure-25);
      font-family: var(--font-family-Font-11);
    }

    .mobicip-protects-your {
      align-self: stretch;
      position: relative;
      line-height: var(--line-height-281);
    }

    .container56 {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--item-spacing-s);
      max-width: var(--width-1084);
      text-align: center;
      font-size: var(--font-size-34);
      color: var(--color-grey-13);
      font-family: var(--font-family-Font-1);
    }

    .list3 {
      align-self: stretch;
      padding: var(--padding-0) 376px;
      gap: var(--item-spacing-m);
    }

    .item13,
    .list3 {
      display: flex;
      align-items: flex-start;
      justify-content: center;
    }

    .link2 {
      display: flex;
      align-items: center;
      cursor: pointer;
    }

    .container-icon2 {
      height: 100px;
      width: 100px;
      object-fit: cover;
    }

    .item14 {
      display: flex;
      align-items: center;
      padding: 5px var(--padding-0);
    }

    .link3 {
      height: 90px;
      width: 200px;
      position: relative;
      overflow: hidden;
      flex-shrink: 0;
      cursor: pointer;
    }

    .mobicipcom-bbb-business-revie {
      position: absolute;
      top: 0;
      left: 0;
      width: 1px;
      height: 1px;
      object-fit: cover;
    }

    .container57,
    .margin6 {
      align-self: stretch;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      max-width: 100%;
    }

    .container57 {
      row-gap: var(--gap-20);
      text-align: left;
      font-size: var(--font-size-16);
      color: var(--color-azure-63);
      font-family: var(--font-family-Font-11);
    }

    .margin6 {
      width: 100%;
      max-width: 361.3px;
      flex-direction: column;
      padding: var(--padding-12) var(--padding-12) 30px;
      box-sizing: border-box;
    }

    @media screen and (min-width: 1025px) {
      .margin6:nth-child(2) {
        transform: translateY(10px);
      }
    }

    .container58 {
      width: 100%;
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 20px;
      box-sizing: border-box;
    }

    .container59,
    .margin7 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .margin7 {
      justify-content: flex-start;
      padding: 0;
      flex: 1;
      font-size: var(--font-size-181);
      color: var(--color-azure-25);
    }

    .container59 {
      align-self: stretch;
      flex: 1;
    }

    .author-info {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: auto;
    }

    .author-details {
      display: flex;
      flex-direction: column;
      gap: 4px;
      justify-content: center;
    }

    .container-icon3 {
      width: 48px;
      height: 48px;
      object-fit: cover;
      border-radius: 50%;
      flex-shrink: 0;
    }

    .container60,
    .margin8 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .margin8 {
      justify-content: center;
      padding: 0;
    }

    .container60 {
      align-self: stretch;
      flex: 0;
    }

    .mark-peters-idaho {
      align-self: stretch;
      position: relative;
      font-weight: var(--font-weight-500);
    }

    .margin9 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      padding: 0;
    }

    .container61 {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 4px;
    }

    .appstore,
    .container62 {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0;
    }

    .container62 {
      gap: 2px;
    }

    .appstore {
      font-weight: var(--font-weight-500);
    }

    .container-icon4 {
      height: 16px;
      width: 16px;
      object-fit: contain;
      flex-shrink: 0;
    }

    .section6 {
      align-self: stretch;
      background-color: var(--color-azure-57);
      justify-content: center;
      text-align: center;
      font-size: var(--font-size-20);
      color: var(--color-white-solid);
      font-family: var(--font-family-Font-1);
    }

    .container73,
    .container74,
    .section6 {
      display: flex;
      align-items: flex-start;
    }

    .container73 {
      flex: 1;
      overflow: hidden;
      flex-direction: column;
      padding: 48px var(--padding-178);
      box-sizing: border-box;
      max-width: var(--width-1440);
    }

    .container74 {
      align-self: stretch;
      padding: var(--padding-24) 55px;
      gap: var(--item-spacing-111-8);
    }

    .container75,
    .container76 {
      align-self: stretch;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .container76 {
      padding: var(--padding-12) var(--padding-0);
    }

    .kids-protected {
      margin: 0;
      position: relative;
      font-size: inherit;
      font-weight: var(--font-weight-700);
      font-family: inherit;
    }

    .container77 {
      align-self: stretch;
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: var(--font-size-44);
    }

    .icon-protections {
      margin: 0;
      position: relative;
      font-size: inherit;
      font-weight: var(--font-weight-800);
      font-family: inherit;
    }

    .section7 {
      width: 100%;
      overflow: hidden;
      padding: var(--padding-64) var(--padding-178);
      box-sizing: border-box;
      max-width: var(--width-1440);
    }

    .container84,
    .item15,
    .list4,
    .section7 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .container84 {
      width: 100%;
      gap: var(--item-spacing-40);
      max-width: var(--width-1084);
    }

    .item15,
    .list4 {
      max-width: 100%;
    }

    .list4 {
      align-self: stretch;
      height: auto;
      gap: var(--gap-24);
    }

    .item15 {
      width: 1084px;
      gap: var(--item-spacing-s);
      text-align: center;
      font-size: var(--item-spacing-s);
      color: var(--color-grey-13);
      font-family: var(--font-family-Font-1);
    }

    .what-is-a {
      margin: 0;
      position: relative;
      font-size: inherit;
      line-height: var(--line-height-28);
      font-weight: var(--font-weight-700);
      font-family: inherit;
    }

    .container85 {
      align-self: stretch;
      display: flex;
      align-items: flex-start;
      text-align: left;
      font-size: var(--font-size-18);
      color: var(--color-azure-25);
    }

    .a-parental-control {
      flex: 1;
      position: relative;
      line-height: var(--line-height-28);
      font-weight: var(--font-weight-5001);
    }

    .item-can,
    .item16 {
      display: flex;
      align-items: flex-start;
      max-width: 100%;
    }

    .item-can {
      gap: var(--gap-24);
      text-align: left;
      font-size: var(--item-spacing-s);
      color: var(--color-grey-13);
      font-family: var(--font-family-Font-1);
    }

    .item16 {
      width: 345.3px;
      flex-direction: column;
      gap: var(--item-spacing-s);
    }

    .can-i-monitor {
      flex: 1;
      position: relative;
      line-height: var(--line-height-28);
    }

    .container86 {
      align-self: stretch;
      height: auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      padding: 0px var(--padding-0) var(--padding-0);
      box-sizing: border-box;
      position: relative;
      isolation: isolate;
      gap: 2px;
      font-size: var(--font-size-18);
      color: var(--color-azure-25);
    }

    .yes-you-can-container {
      width: 324px;
      height: 196px;
      position: absolute;
      margin: 0 !important;
      top: 0;
      left: 0;
      line-height: var(--line-height-28);
      font-weight: var(--font-weight-5001);
      display: flex;
      align-items: center;
      flex-shrink: 0;
    }

    .yes-you-can-container2 {
      width: 100%;
    }

    .link4,
    .operating-systems {
      display: flex;
      align-items: flex-start;
      box-sizing: border-box;
      flex-shrink: 0;
    }

    .link4 {
      height: 52px;
      flex-direction: column;
      padding: var(--padding-26) var(--padding-0);
      z-index: 1;
      color: var(--color-azure-57);
    }

    .operating-systems {
      margin-top: -28px;
      width: 335.7px;
      padding: var(--padding-0) 10px var(--padding-0) 259px;
    }

    .windows {
      height: var(--height-28);
      width: 77px;
      position: relative;
      line-height: var(--line-height-28);
      font-weight: var(--font-weight-5001);
      color: inherit;
      display: flex;
      align-items: center;
      text-decoration: none;
      flex-shrink: 0;
    }

    .device,
    .operating-systems2 {
      display: flex;
      align-items: flex-start;
      flex-shrink: 0;
    }

    .device {
      height: var(--height-28);
      width: 56px;
      position: relative;
      line-height: var(--line-height-28);
      font-weight: var(--font-weight-5001);
      color: inherit;
      align-items: center;
      text-decoration: none;
    }

    .or-chromebook-from-any-device-wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
      color: var(--color-azure-25);
    }

    .of-their-choice,
    .or-chromebook-from-container {
      height: var(--height-28);
      position: relative;
      line-height: var(--line-height-28);
      font-weight: var(--font-weight-5001);
      display: flex;
      align-items: center;
      flex-shrink: 0;
    }

    .or-chromebook-from-container {
      margin-left: -0.6px;
      width: 270px;
      z-index: 2;
    }

    .of-their-choice {
      width: 126.3px;
    }

    .container87,
    .container88 {
      align-self: stretch;
      display: flex;
      align-items: flex-start;
      font-size: var(--font-size-18);
      color: var(--color-azure-25);
    }

    .container88 {
      font-family: Manrope;
    }

    .mobicip-allows-parents-container {
      flex: 1;
      position: relative;
      line-height: var(--line-height-28);
    }

    .section8,
    .youtube-parental-controls {
      color: var(--color-grey-13);
    }

    .section8 {
      align-self: stretch;
      justify-content: center;
      padding: var(--padding-64) var(--padding-0) var(--padding-0);
      text-align: center;
      font-size: var(--font-size-341);
      font-family: var(--font-family-Font-11);
    }

    .container89,
    .section8 {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .have-more-questions {
      margin: 0;
      position: relative;
      font-size: inherit;
      line-height: var(--font-size-441);
      font-weight: var(--font-weight-8001);
      font-family: inherit;
    }

    .container90,
    .form {
      display: flex;
      flex-direction: column;
    }

    .container90 {
      align-items: flex-start;
      padding: var(--padding-40) var(--padding-16) var(--padding-72);
      box-sizing: border-box;
      max-width: var(--width-720);
      text-align: left;
      font-size: var(--font-size-18);
      color: var(--color-grey-46);
      font-family: var(--font-family-Font-1);
    }

    .form {
      align-items: center;
      gap: var(--item-spacing-xs);
      min-width: 688px;
    }

    .container91,
    .container92,
    .input {
      display: flex;
      align-items: flex-start;
    }

    .container91 {
      align-self: stretch;
      flex-direction: column;
      padding: var(--padding-0) var(--padding-0) var(--padding-16);
      gap: var(--item-spacing-s1);
    }

    .container92,
    .input {
      overflow: hidden;
    }

    .input {
      align-self: stretch;
      height: var(--height-56);
      box-shadow: var(--shadow-drop);
      border-radius: var(--br-32);
      background-color: var(--color-white-solid);
      border: var(--width-1) solid var(--color-azure-89);
      box-sizing: border-box;
      flex-shrink: 0;
      justify-content: center;
      padding: 13px var(--padding-24);
    }

    .container92 {
      width: 100%;
      border: 0;
      outline: 0;
      background-color: transparent;
      height: 25px;
      flex: 1;
      flex-direction: column;
      font-family: Manrope;
      font-weight: 500;
      font-size: var(--fs-18);
      color: var(--color-grey-46);
      min-width: 250px;
      max-width: 100%;
    }

    .container92:focus,
    .container95:focus {
      outline: none;
    }

    .container95,
    .textarea {
      display: flex;
      align-items: flex-start;
      box-sizing: border-box;
    }

    .textarea {
      align-self: stretch;
      height: 120px;
      box-shadow: var(--shadow-drop);
      border-radius: var(--br-32);
      background-color: var(--color-white-solid);
      border: var(--width-1) solid var(--color-azure-89);
      overflow: auto;
      flex-shrink: 0;
      justify-content: center;
      padding: 17px var(--padding-24);
    }

    .container95 {
      flex: 1;
      flex-direction: column;
      padding: var(--padding-0) var(--padding-0) 0.6px;
      max-width: 100%;
      width: 100%;
      border: 0;
      outline: 0;
      resize: none;
      background-color: transparent;
      font-family: 'Manrope', sans-serif;
      font-weight: 500;
      font-size: var(--fs-18);
      line-height: var(--line-height-21-6);
      color: var(--color-grey-46);
    }

    .your-message {
      align-self: stretch;
      position: relative;
      line-height: var(--line-height-21-6);
      font-weight: var(--font-weight-5001);
    }

    .container96 {
      width: 472px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: var(--gap-20);
      max-width: var(--width-472);
    }

    .backgroundborder {
      cursor: pointer;
      border: var(--stroke-weight-2) solid var(--color-azure-891);
      padding: var(--padding-0) var(--padding-24);
      background-color: var(--color-white-solid);
      height: var(--height-56);
      width: 220px;
      border-radius: var(--br-32);
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: var(--width-144);
    }

    .backgroundborder:hover,
    .button:hover {
      background-color: var(--color-gainsboro);
      border: var(--stroke-weight-2) solid var(--color-lightsteelblue);
      box-sizing: border-box;
    }

    .cancel {
      position: relative;
      font-size: var(--font-size-181);
      line-height: var(--font-size-181);
      font-family: var(--font-family-Font-11);
      color: var(--color-azure-44);
      text-align: center;
    }

    .button {
      cursor: pointer;
      border: var(--stroke-weight-2) solid var(--color-azure-57);
      padding: var(--padding-0) var(--padding-24);
      background-color: var(--color-white-solid);
      height: var(--height-56);
      width: 220px;
      border-radius: var(--br-32);
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: var(--width-144);
    }

    .button:hover {
      border: var(--stroke-weight-2) solid var(--color-cornflowerblue);
    }

    .submit {
      position: relative;
      font-size: 17.4px;
      line-height: var(--font-size-18);
      font-family: var(--font-family-Font-31);
      color: var(--color-azure-57);
      text-align: center;
    }

    .button-chat-button {
      width: 55px;
      height: 55px;
      margin: 0 !important;
      position: absolute;
      right: 16px;
      bottom: 5374.5px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      border-radius: 27.5px;
      background-color: var(--color-azure-57);
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      z-index: 1;
    }

    .container-icon21 {
      align-self: stretch;
      flex: 1;
      max-width: 100%;
      overflow: hidden;
      max-height: 100%;
      object-fit: cover;
    }

    @media screen and (max-width: 1079px) {

      /* FAQ: Stack items vertically on tablet */
      .section7 .item-can {
        flex-direction: column !important;
        gap: 24px !important;
      }

      .section7 .item16 {
        width: 100% !important;
        max-width: 100% !important;
      }

      .end-google-tag-manager-noscri {
        padding-top: 22px;
        box-sizing: border-box;
      }

      .container10 {
        flex-wrap: wrap;
        justify-content: center;
      }

      .container11 {
        flex: 1;
      }

      .list {
        width: 100%;
      }

      .container35 {
        max-width: 100%;
      }

      .list3 {
        flex-wrap: wrap;
      }

      .item13,
      .item14 {
        flex: 1;
      }

      .container57,
      .container74 {
        flex-wrap: wrap;
      }

      .list4 {
        height: auto;
      }

      .item-can {
        flex-wrap: wrap;
      }
    }

    @media screen and (max-width: 1200px) {
      .container8 {
        max-width: 100%;
      }

      .container11,
      .list {
        min-width: 100%;
      }

      .container18 {
        max-width: 100%;
      }

      .list2 {
        justify-content: center;
      }

      .container28 {
        max-width: 100%;
      }

      .body {
        min-height: 500px;
      }

      .body,
      .container30 {
        height: auto;
      }

      .cued-overlay {
        gap: 72px;
      }

      .container31 {
        gap: 194px;
      }

      .container34 {
        padding-left: var(--padding-26);
        box-sizing: border-box;
      }

      .container35 {
        max-width: 100%;
      }

      .section5 {
        padding-bottom: 42px;
        box-sizing: border-box;
      }

      .container42,
      .container56 {
        max-width: 100%;
      }

      .container74,
      .list3 {
        padding-left: 188px;
        padding-right: 188px;
        box-sizing: border-box;
      }

      .container74 {
        gap: 56px;
        padding-left: 27px;
        padding-right: 27px;
      }

      .container84 {
        max-width: 100%;
      }
    }

    @media screen and (max-width: 825px) {
      .end-google-tag-manager-noscri {
        padding-top: var(--padding-20);
        box-sizing: border-box;
      }

      .container2 {
        padding: 42px var(--padding-89) var(--padding-20);
        box-sizing: border-box;
      }

      .container4 {
        max-width: 100%;
      }

      .parental-control-app {
        font-size: 35px;
        line-height: 48px;
      }

      .container7 {
        padding: 47px var(--padding-89);
        box-sizing: border-box;
      }

      .features-of-our {
        font-size: var(--fs-27);
        line-height: var(--lh-35);
      }

      .container17 {
        padding-left: var(--padding-89);
        padding-right: var(--padding-89);
        box-sizing: border-box;
      }

      .container19 {
        gap: var(--gap-20);
      }

      .section4 {
        padding: 62px var(--padding-89);
        box-sizing: border-box;
      }

      .container35 {
        max-width: 100%;
      }

      .section5 {
        padding-left: var(--padding-89);
        padding-right: var(--padding-89);
        padding-bottom: 27px;
      }

      .container73,
      .list3,
      .section5 {
        box-sizing: border-box;
      }

      .list3 {
        gap: 16px;
        padding-left: 94px;
        padding-right: 94px;
      }

      .container73 {
        padding-left: var(--padding-89);
        padding-right: var(--padding-89);
      }

      .container74 {
        gap: 28px;
      }

      .icon-protections {
        font-size: 35px;
      }

      .section7 {
        padding-left: var(--padding-89);
        padding-top: 42px;
        padding-right: var(--padding-89);
        box-sizing: border-box;
      }

      .container84 {
        gap: var(--gap-20);
      }

      .have-more-questions {
        font-size: var(--fs-27);
        line-height: var(--lh-35);
      }

      .container90 {
        padding-top: var(--padding-26);
        padding-bottom: 47px;
        box-sizing: border-box;
      }

      .container90,
      .container96 {
        max-width: 100%;
      }
    }

    @media screen and (max-width: 890px) {

      /* FAQ: Stack items vertically on mobile */
      .section7 .item-can {
        flex-direction: column !important;
        gap: 24px !important;
      }

      .section7 .item16 {
        width: 100% !important;
        max-width: 100% !important;
      }

      /* Ensure full width on mobile - remove all white space */
      html {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        overflow-x: hidden !important;
      }

      body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        overflow-x: hidden !important;
        font-family: Manrope !important;
      }

      .w-light {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        font-family: Manrope !important;
      }

      /* Remove the background image on mobile — image shown separately below */
      .section {
        background-image: none !important;
        background-color: #ffffff !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .container2 {
        padding: 24px 0 0 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .container3,
      .container4 {
        margin-top: 98px;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        font-family: Manrope !important;
      }

      /* Title — 2 lines, 30px as per inspector */
      .parental-control-app {
        font-size: 26px !important;
        line-height: 42px !important;
        font-weight: 800 !important;
        color: #1f2024 !important;
        text-align: center !important;
        width: 100% !important;
        font-family: Manrope !important;
      }

      /* Description — 3 lines */
      .container5 {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        justify-content: center !important;
      }

      .comprehensive-iphone-parental {
        font-size: 20px !important;
        line-height: 24px !important;
        color: #616b7b !important;
        text-align: center !important;
        width: 100% !important;
        font-weight: 500 !important;
        font-family: Manrope !important;
      }

      /* Buttons container */
      .container6 {
        width: 100% !important;
        padding-top: 0px !important;
        margin-top: -4px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        font-family: Manrope !important;
      }

      /* Blue Start Free Trial button */
      .link {
        width: auto !important;
        padding: 14px 24px !important;
        border-radius: 32px !important;
      }

      /* App store badge */
      .link-download-on-the-app-sto {
        padding: 0 !important;
        justify-content: center !important;
      }

      .picture-download-on-the-app {
        width: 130px !important;
        height: auto !important;
        object-fit: contain !important;
      }

      /* Hero image — centered and full width */
      .mobile-hero-image-wrapper {
        width: 100vw !important;
        margin-top: 20px !important;
        padding: 0 !important;
        display: block !important;
        overflow: hidden !important;
      }

      .mobile-hero-image {
        width: 100vw !important;
        height: auto !important;
        display: block !important;
        object-fit: cover !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      .br-mobile {
        display: block !important;
      }

      .container7 {
        padding: 31px 0 !important;
        box-sizing: border-box !important;
        font-family: Manrope !important;
        width: 100% !important;
      }

      .features-of-our {
        font-size: 26px !important;
        line-height: 36px !important;
        font-family: Manrope !important;
        font-weight: 800 !important;
        max-width: 400px !important;
        width: 400px !important;
        text-align: center !important;
        word-wrap: break-word !important;
        margin: 0 auto !important;
      }

      .container18 {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
      }

      .heading-2 {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
      }

      .follow-our-easy-container {
        width: 100% !important;
        max-width: 280px !important;
        font-size: 16px !important;
        line-height: 22px !important;
        font-family: Manrope !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 4px !important;
        padding-bottom: 10px;
      }

      .follow-our {
        font-weight: 500 !important;
        font-size: 16px !important;
        font-family: Manrope !important;
        padding-bottom: 10px !important;
      }

      .easy-setup-guide {
        text-decoration: none !important;
      }

      .easy-setup-guide2 {
        font-weight: 600 !important;
        font-size: 16px !important;
        font-family: Manrope !important;
        color: #3187f3 !important;
      }

      .list {
        max-width: 100%;
      }

      .heading-3 {
        font-size: var(--fs-19) !important;
        line-height: var(--lh-22) !important;
        font-family: Manrope !important;
      }

      .container16 {
        height: 380px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 40px 0 !important;
        padding-left: 100px !important;
        box-sizing: border-box !important;
      }

      .frame-parent {
        flex-wrap: wrap;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
      }

      .link-strong {
        padding: 0 !important;
        margin: 0 !important;
      }

      .item9,
      .item10,
      .item11,
      .item12 {
        padding: 0 !important;
        margin: 0 !important;
      }

      .heading-32 {
        font-size: var(--fs-19) !important;
        line-height: var(--lh-22) !important;
        font-family: Manrope !important;
      }

      .container17 {
        padding: 47px 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
        margin: 0 !important;
      }

      .section3 {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      .download {
        font-size: var(--fs-19) !important;
        line-height: 27px !important;
        font-family: Manrope !important;
      }

      .section4 {
        padding: var(--padding-40) 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
      }

      .cued-overlay {
        gap: 36px;
      }

      .container31 {
        gap: 97px;
      }

      .container35 {
        max-width: 100%;
      }

      .section5 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
      }

      .keep-your-child {
        font-size: var(--fs-19) !important;
        font-family: Manrope !important;
      }

      .container73,
      .list3 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
      }

      .kids-protected {
        font-size: var(--fs-16) !important;
        font-family: Manrope !important;
      }

      .icon-protections {
        font-size: var(--fs-26) !important;
        font-family: Manrope !important;
      }

      .section7 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
      }

      .can-i-monitor,
      .what-is-a {
        font-size: var(--fs-19) !important;
        line-height: var(--lh-22) !important;
        font-family: Manrope !important;
      }

      .operating-systems {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
      }

      .have-more-questions {
        font-size: var(--fs-20) !important;
        line-height: var(--lh-26) !important;
        font-family: Manrope !important;
      }

      /* Mobile: How to Set Up section - horizontal scrollable row */
      .container19 {
        gap: 0 !important;
        padding: 8px 0 0 0 !important;
        width: 100% !important;
        overflow: hidden !important;
      }

      .list2 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        gap: 0 !important;
        padding: 0 16px 16px 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
      }

      .list2::-webkit-scrollbar {
        display: none !important;
      }

      .item9,
      .item12 {
        flex: 0 0 auto !important;
        min-width: 145px !important;
        max-width: 145px !important;
        scroll-snap-align: start !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        position: relative !important;
        overflow: visible !important;
        gap: 5px !important;
      }

      .background-icon,
      .background-icon4 {
        width: 72px !important;
        height: 72px !important;
        object-fit: contain !important;
      }

      .download {
        font-size: 22px !important;
        line-height: 34px !important;
        font-weight: bold !important;
        text-align: center !important;
      }

      .create-username {
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 22px !important;
        text-align: center !important;
      }

      .link-download-on-the-app-sto2 {
        width: 110px !important;
        height: auto !important;
        object-fit: contain !important;
      }

      /* Arrow centered between icons on mobile */
      .icon {
        width: 51px !important;
        height: 16px !important;
        position: absolute !important;
        top: 30px !important;
        left: calc(100% - 25px) !important;
        z-index: 3 !important;
        object-fit: contain !important;
        margin: 0 !important;
      }

      .margin6 {
        width: 100%;
        max-width: 361.3px;
        flex-direction: column;
        padding: var(--padding-12) var(--padding-12) 0px;
        box-sizing: border-box;
      }
    }

    @media screen and (max-width: 480px) and (min-width: 320px) {
      .end-google-tag-manager-noscri {
        padding-top: 90px !important;
      }
    }

    body.is-android-mobile .end-google-tag-manager-noscri {
      padding-top: 90px !important;
    }

    @media screen and (min-width: 891px) {
      .section {
        background-image:
          linear-gradient(to right, #f4f4f4 0%, rgba(244, 244, 244, 0.6) 55%, rgba(244, 244, 244, 0) 75%),
          url(https://media.mobicip.com/wp-content/uploads/2026/05/04065817/Android_bg.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center;
        background-attachment: scroll;
        max-width: 100%;
        overflow: hidden;
        width: 100%;
        align-self: stretch;
      }

      .button-chat-button {
        display: none;
      }
    }

    /* 110% zoom — viewport ~1163px: shift bg 50px rightward */
    @media screen and (min-width: 1080px) and (max-width: 1200px) {
      .section {
        background-image:
          linear-gradient(to right, #f4f4f4 0%, #f4f4f4 35%, rgba(244, 244, 244, 0.6) 55%, transparent 72%),
          url(https://media.mobicip.com/wp-content/uploads/2026/05/04065817/Android_bg.svg) !important;
        background-position: calc(62% + 1px) 40% !important;
        background-color: transparent !important;
      }

      .container4 {
        margin-left: -59px !important;
      }
    }

    /* 100% zoom — viewport 1280px: shift bg 50px rightward */
    @media screen and (min-width: 1201px) and (max-width: 1300px) {
      .section {
        background-image:
          linear-gradient(to right, #f4f4f4 0%, #f4f4f4 35%, rgba(244, 244, 244, 0.6) 55%, transparent 72%),
          url(https://media.mobicip.com/wp-content/uploads/2026/05/04065817/Android_bg.svg) !important;
        background-position: calc(62% + 1px) 40% !important;
        background-color: transparent !important;
      }

      .container4 {
        margin-left: -12px !important;
        margin-top: -9px !important;
        padding-left: 0px !important;
      }
    }

    /* 100% zoom — viewport 1358px */
    @media screen and (min-width: 1350px) and (max-width: 1359px) {
      .container4 {
        margin-left: 50px !important;
        margin-top: -11px !important;
      }
    }

    @media screen and (min-width: 891px) {

      /*  */
      /* FIX ROOT CONTAINERS — these are the wrappers causing */
      /* everything to stay left-aligned */
      /* */

      /* Root page wrapper */
      .w-light {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
      }

      /* Main content wrapper */
      .end-google-tag-manager-noscri {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        padding: 80px 0 0 !important;
        box-sizing: border-box !important;
      }

      /* Top-level section container */
      .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
      }

      /* Force ALL sections to center via auto margins (NOT .section hero) */
      .section2,
      .section3,
      .section4,
      .section5,
      .section6,
      .section7,
      .container {
        margin-left: auto !important;
        margin-right: auto !important;
      }

      /* Hero must stay full width */
      .section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
      }

      .container2 {
        padding: var(--padding-64) var(--padding-178) 0 80px;
        padding-bottom: 0 !important;
      }

      /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
      /* FIX EACH SECTION OUTER WRAPPER */
      /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

      /* Section 2 — Features dark navy */
      .section2 {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
      }

      .container7 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 1440px !important;
        padding: 72px 24px !important;
        box-sizing: border-box !important;
      }

      .container8 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 1084px !important;
        margin: 0 auto !important;
      }

      /* Section 3 — How to Set Up */
      .section3 {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
      }

      .container17 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 1440px !important;
        padding: 72px 24px !important;
        box-sizing: border-box !important;
      }

      .container18 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 1084px !important;
        margin: 0 auto !important;
      }

      /* Section 4 — Video */
      .section4 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        padding: 96px 0 !important;
        box-sizing: border-box !important;
      }

      .container28 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 900px !important;
        max-width: 900px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .div-classios-type-container {
        width: 900px !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        padding: 8px 0 0 !important;
        box-sizing: border-box !important;
      }

      .body {
        width: 900px !important;
        height: 500px !important;
        margin: 0 auto !important;
      }

      #yt-embed {
        width: 900px !important;
        height: 500px !important;
        display: block !important;
        border: 0 !important;
        border-radius: 8px !important;
      }

      /* Section 5 — Why Mobicip */
      .section5 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .container42 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 1084px !important;
        margin: 0 auto !important;
        padding: 0 0 40px !important;
        box-sizing: border-box !important;
      }

      .container43 {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: flex-start !important;
        width: 100% !important;
        flex-wrap: wrap !important;
        gap: 13.3px !important;
      }

      .container56 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 1084px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .list3 {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 24px !important;
        box-sizing: border-box !important;
        gap: 32px !important;
      }

      .container57 {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        row-gap: 20px !important;
      }

      /* Section 6 — Stats blue banner */
      .section6 {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
      }

      .container73 {
        max-height: 327px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 1440px !important;
        padding: 48px 24px !important;
        box-sizing: border-box !important;
      }

      .container74 {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        gap: 111.8px !important;
        padding: 24px 55px !important;
        box-sizing: border-box !important;
      }

      /* Section 7 — FAQ */
      .section7 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        padding: 64px 24px !important;
        box-sizing: border-box !important;
      }

      .container84 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 1084px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .list4 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .item15 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
      }

      .item-can {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: flex-start !important;
        width: 100% !important;
        gap: 24px !important;
        flex-wrap: nowrap !important;
      }

      .item16 {
        flex: 1 !important;
        max-width: 345px !important;
      }

      /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
      /* FIX ALL HEADINGS                */
      /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
      .heading-2 {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        text-align: center !important;
      }

      .features-of-our {
        text-align: center !important;
        width: 100% !important;
      }

      .container9 {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        text-align: center !important;
      }

      .easy-for-parents {
        text-align: center !important;
        width: 100% !important;
      }


      .features-tablet-layout,
      .features-mobile-list {
        display: none;
      }

      .features-desktop-layout {
        display: flex;
        align-items: flex-start;
        gap: 60px;
        padding-top: 24px;
        width: 100%;
      }

      .features-image-panel {
        flex-shrink: 0;
        width: 569px;
        height: 564px;
        border-radius: 12px;
        background-color: var(--color-whitesmoke-200);
        border: 1px solid var(--color-whitesmoke-100);
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .features-image-panel img {
        display: block;
        object-fit: contain;
        transition: none;
      }

      .features-list-panel {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
      }

      .feature-item {
        padding: 8px 0 8px 20px;
        position: relative;
        cursor: pointer;
        border-left: 4px solid transparent;
        transition: border-color 0.3s ease;
        width: 100%;
        text-align: left;
      }

      .feature-item.active {
        border-left: 4px solid #ffffff;
      }

      .feature-item-header {
        font-size: 24px;
        font-weight: 800;
        color: #9db5ce;
        line-height: 28px;
        font-family: Manrope;
        transition: color 0.3s ease;
        text-align: left;
      }

      .feature-item.active .feature-item-header {
        color: #ffffff;
      }

      .feature-item-body {
        display: none;
        font-size: 18px;
        font-weight: 500;
        color: #ffffff;
        line-height: 23.94px;
        font-family: Manrope;
        margin-top: 8px;
        text-align: left;
      }

      .feature-item.active .feature-item-body {
        display: block;
      }

      .item9 {
        overflow: visible;
        position: relative;
      }

      .icon {
        width: 124px;
        height: 15px;
        position: absolute;
        top: 36px;
        left: calc(100% - 62px);
        z-index: 3;
        object-fit: contain;
        margin: 0 !important;
      }

      .section6 .kids-protected {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
        font-family: Manrope;
        color: #ffffff;
        padding: 0 0 12px;
      }

      .section6 .icon-protections {
        font-size: 44px;
        font-weight: 800;
        line-height: 1.2;
        font-family: Manrope;
        color: #ffffff;
      }

      .section6 .button-play-video {
        width: 72px;
        height: 72px;
        object-fit: contain;
      }

      .section6 .container75 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
      }
    }

    /* Tablet Layout: How to Set Up section - horizontal scrollable row */
    @media screen and (max-width: 890px) and (min-width: 451px) {
      .container19 {
        gap: 0 !important;
        padding: 8px 0 0 0 !important;
        width: 100% !important;
        overflow: hidden !important;
      }

      .list2 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        gap: 0 !important;
        padding: 0 24px 24px 24px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
      }

      .list2::-webkit-scrollbar {
        display: none !important;
      }

      .item9,
      .item12 {
        flex: 0 0 auto !important;
        min-width: 200px !important;
        max-width: 200px !important;
        scroll-snap-align: start !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        position: relative !important;
        overflow: visible !important;
        gap: 8px !important;
      }

      .background-icon,
      .background-icon4 {
        width: 64px !important;
        height: 64px !important;
        object-fit: contain !important;
      }

      .download {
        font-size: 18px !important;
        line-height: 26px !important;
        font-weight: 700 !important;
        text-align: center !important;
      }

      .create-username {
        font-size: 15px !important;
        line-height: 22px !important;
        text-align: center !important;
      }

      .link-download-on-the-app-sto2 {
        width: 130px !important;
        height: auto !important;
        object-fit: contain !important;
      }

      /* Arrow centered between icons on tablet */
      .icon {
        width: 80px !important;
        height: 15px !important;
        position: absolute !important;
        top: 24px !important;
        left: calc(100% - 8px) !important;
        z-index: 3 !important;
        object-fit: contain !important;
        margin: 0 !important;
      }
    }

    /* Tablet Layout */
    @media screen and (max-width: 890px) and (min-width: 451px) {

      .features-desktop-layout,
      .features-mobile-list {
        display: none;
      }

      .features-tablet-layout {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-top: 24px;
      }

      .features-tab-titles {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        gap: 0;
        padding-bottom: 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      .features-tab-titles::-webkit-scrollbar {
        display: none;
      }

      .tab-title {
        flex-shrink: 0;
        padding: 12px 20px;
        font-size: 16px;
        font-weight: 600;
        color: #9db5ce;
        font-family: Manrope;
        cursor: pointer;
        border-bottom: 4px solid transparent;
        white-space: nowrap;
        transition: color 0.3s ease, border-color 0.3s ease;
      }

      .section .parental-control-app {
        font-size: 40px !important;
        line-height: 48px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        text-align: center !important;
        width: 100% !important;
        white-space: normal !important;
        word-break: normal !important;
      }

      .tab-title.active {
        color: #ffffff;
        border-bottom: 4px solid #ffffff;
      }

      .features-tab-content {
        display: flex;
        flex-direction: row;
        gap: 40px;
        padding-top: 24px;
        align-items: flex-start;
      }

      .features-tab-image img {
        width: 569px;
        height: 564px;
        object-fit: cover;
        flex-shrink: 0;
      }

      .features-tab-description {
        flex: 1;
        font-size: 16px;
        font-weight: 500;
        color: #9db5ce;
        line-height: 24px;
        font-family: Manrope;
        padding-top: 8px;
      }
    }

    /* Mobile Layout */
    @media screen and (max-width: 890px) {

      /* Hide desktop and original mobile list */
      .features-desktop-layout {
        display: none !important;
      }

      /* Section 2 — Features title 26px on mobile */
      .section2 .features-of-our {
        font-size: 26px !important;
        line-height: 34px !important;
        font-family: 'Manrope', sans-serif !important;
      }

      /* Section 2 — Description constrained to 3 lines */
      .section2 .easy-for-parents {
        max-width: 280px !important;
        margin: 0 auto !important;
        font-size: 14px !important;
        line-height: 20px !important;
      }

      /* All section h2 titles after features — 26px Manrope */
      .section3 .features-of-our,
      .section4 .features-of-our,
      .section5 .features-of-our,
      .section6 .features-of-our,
      .section7 .features-of-our {
        font-size: 26px !important;
        line-height: 34px !important;
        font-family: 'Manrope', sans-serif !important;
      }

      /* Mobile hero image */
      .mobile-hero-image-wrapper {
        display: block !important;
        width: 100vw !important;
        margin: 16px 0 0 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        line-height: 0 !important;
        box-sizing: border-box !important;
      }

      .mobile-hero-image {
        display: block !important;
        width: 100vw !important;
        height: auto !important;
        max-height: 210px !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      /* Wrapper: full width, column layout — strip on top, image below */
      .features-tablet-layout {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding-top: 16px !important;
        align-items: flex-start !important;
        overflow: hidden !important;
      }

      /* Horizontal scrollable card row */
      .features-tab-titles {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        align-items: stretch !important;
        gap: 0 !important;
        padding: 0 0 4px 0 !important;
        border-bottom: none !important;
      }

      .features-tab-titles::-webkit-scrollbar {
        display: none !important;
      }

      /* Each card — fixed 200px wide, full content inside, white line at very bottom */
      .tab-title {
        flex: 0 0 200px !important;
        width: 200px !important;
        min-height: auto !important;
        scroll-snap-align: start !important;
        padding: 16px 14px 20px 14px !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #9db5ce !important;
        font-family: Manrope !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
        background: transparent !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        gap: 8px !important;
        white-space: normal !important;
        word-break: normal !important;
        position: relative !important;
        border-bottom: 3px solid transparent !important;
        transition: none !important;
      }

      /* Active card — white title, white bottom border spanning full card width */
      .tab-title.active {
        color: #ffffff !important;
        border-bottom: 3px solid #ffffff !important;
        font-weight: 800 !important;
      }

      /* Inactive — muted but readable */
      .tab-title:not(.active) {
        color: #9db5ce !important;
        opacity: 1 !important;
      }

      /* Description injected inside each .tab-title via JS */
      .tab-title .tab-inline-desc {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: inherit !important;
        line-height: 1.5 !important;
        font-family: Manrope !important;
        text-align: left !important;
        white-space: normal !important;
        display: block !important;
        width: 100% !important;
        /* opacity: 0.85 !important; */
      }

      /* Show tab content but as column — image below strip */
      .features-tab-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        padding-top: 0 !important;
        box-sizing: border-box !important;
      }

      /* Hide the description paragraph — it's already inside each card */
      .features-tab-description {
        display: none !important;
      }

      /* Image container — centered below cards */
      .features-tab-image {
        display: none !important;
      }

      /* Image itself — size set by JS per index */
      .features-tab-image img {
        display: block !important;
        object-fit: contain !important;
        border-radius: 12px !important;
        max-width: 100% !important;
      }

      /* Hide old mobile vertical list */
      .features-mobile-list {
        display: none !important;
      }

      .feature-mobile-title {
        font-size: 20px !important;
      }

      .feature-mobile-desc {
        font-size: 16px !important;
      }

      /* Section 4 — Video mobile overrides */
      .section4 {
        padding: 16px 0 0 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        overflow: visible !important;
      }

      .container28 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
        gap: 8px !important;
        margin: 0 !important;
      }

      /* Section 5 — only 10px gap from section4 */
      .section5 {
        padding: 10px 0 0 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        align-items: center !important;
      }

      .container42 {
        padding: 0 16px !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
      }

      /* Force the section container to not clip children */
      .container43 {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      /* Each card — full width */
      .margin2 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 16px 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        flex: none !important;
      }

      .container44 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        gap: 12px !important;
        align-items: flex-start !important;
        display: flex !important;
        flex-direction: column !important;
        flex: none !important;
      }

      .container45,
      .container46,
      .heading-39 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        align-items: flex-start !important;
        flex-shrink: 0 !important;
      }

      /* Card image — full width, fixed height */
      .card-image-icon {
        width: 100% !important;
        max-width: 100% !important;
        height: 309.25px !important;
        object-fit: cover !important;
        object-position: center top !important;
        display: block !important;
        border-radius: 8px !important;
        margin: 0 !important;
      }

      /* Card title — 24px, full width */
      .keep-your-child {
        font-size: 24px !important;
        font-weight: 800 !important;
        line-height: 32px !important;
        font-family: Manrope !important;
        color: #1a2845 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        white-space: normal !important;
        word-break: normal !important;
      }

      /* Card description — full width */
      .mobicip-protects-your {
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        font-family: Manrope !important;
        color: #383e48 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        white-space: normal !important;
        word-break: normal !important;
        margin: 0 !important;
      }

      /* Heading wrapper padding reset */
      .heading-39 {
        padding-bottom: 8px !important;
      }

      .div-classios-type-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
      }

      .body {
        width: 100% !important;
        max-width: 100% !important;
        height: 200px !important;
        min-height: 200px !important;
        aspect-ratio: unset !important;
        background-color: transparent !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      #yt-embed {
        width: 100% !important;
        height: 200px !important;
        border: 0 !important;
        border-radius: 8px !important;
        display: block !important;
        box-sizing: border-box !important;
        background-color: transparent !important;
      }

      .section4 .features-of-our {
        width: 100% !important;
        text-align: center !important;
        font-size: 22px !important;
        line-height: 32px !important;
        box-sizing: border-box !important;
      }

      .section4 .easy-for-parents {
        width: 100% !important;
        text-align: center !important;
        font-size: 18px !important;
        font-family: 'Manrope', sans-serif !important;
        color: #616B7B !important;
        box-sizing: border-box !important;
      }

      /* Nuclear override for Why Mobicip card width bug */
      .section5 .margin2,
      .container43 .margin2,
      .section5 section.margin2 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex: 0 0 100% !important;
        box-sizing: border-box !important;
        padding: 16px 0 !important;
        margin: 0 !important;
      }

      .section5 .container44,
      .container43 .container44 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex: 0 0 100% !important;
        box-sizing: border-box !important;
      }

      .section5 .keep-your-child,
      .section5 .mobicip-protects-your,
      .section5 .container45,
      .section5 .container46,
      .section5 .heading-39 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
      }

      /* Force parent containers to stretch children fully */
      .section5 .container43 {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }

      .section5 .container42 {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
      }

      /* Ultra-specific DOM path override for card width */
      .w-light .end-google-tag-manager-noscri .container .section5 .container42 .container43 .margin2 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 100% !important;
        padding: 16px 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        justify-content: flex-start !important;
      }

      .w-light .end-google-tag-manager-noscri .container .section5 .container42 .container43 .margin2 .container44 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        flex: 1 1 100% !important;
      }

      .w-light .end-google-tag-manager-noscri .container .section5 .container42 .container43 .margin2 .container44 .keep-your-child,
      .w-light .end-google-tag-manager-noscri .container .section5 .container42 .container43 .margin2 .container44 .mobicip-protects-your {
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        box-sizing: border-box !important;
      }

      /* body.is-mobile overrides — JS adds class on load */
      body.is-mobile .container43 {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100% !important;
        box-sizing: border-box !important;
        gap: 0 !important;
      }

      body.is-mobile .margin2 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        align-self: stretch !important;
        padding: 16px 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        justify-content: flex-start !important;
      }

      body.is-mobile .container44 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }

      body.is-mobile .keep-your-child,
      body.is-mobile .mobicip-protects-your {
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        box-sizing: border-box !important;
      }

      body.is-mobile .card-image-icon {
        width: 100% !important;
        max-width: 100% !important;
        height: 249px !important;
        object-fit: cover !important;
      }

      body.is-mobile .mobicip-protects-your,
      body.is-mobile div.mobicip-protects-your {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        align-self: stretch !important;
        flex-shrink: 1 !important;
        display: block !important;
      }

      body.is-mobile .keep-your-child,
      body.is-mobile b.keep-your-child {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        word-break: normal !important;
        display: block !important;
        align-self: stretch !important;
      }

      /* Reduce gap below award image */
      body.is-mobile .link3 {
        display: none !important;
      }

      body.is-mobile .item14 {
        display: none !important;
      }

      body.is-mobile .item13 {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
      }

      body.is-mobile .link2 {
        display: flex !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      body.is-mobile .container-icon2 {

        width: 58px !important;
        height: 58px !important;
        display: block !important;
        margin: 0 auto !important;
      }

      body.is-mobile .list3 {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 0 12px 0 !important;
        gap: 0 !important;
        min-height: unset !important;
        height: auto !important;
      }



      /* Stats Section — Vertical Stack on Mobile */
      .section6 {
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        margin-top: 40px !important;
      }

      .section6 .container73 {
        width: 100% !important;
        padding: 32px 16px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .section6 .container74 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 28px !important;
        padding: 0 !important;
        width: 100% !important;
      }

      /* Each stat block */
      .section6 .container75 {
        padding-top: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        width: 100% !important;
      }

      /* Icon — exactly 60x60 */
      .section6 .button-play-video {
        width: 60px !important;
        height: 60px !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 auto !important;
      }

      /* Label text e.g. "Kids Protected" — 18px */
      .section6 .kids-protected {
        font-size: 18px !important;
        font-weight: 600 !important;
        font-family: Manrope !important;
        color: #ffffff !important;
        text-align: center !important;
        margin: 0 !important;
        line-height: 1.3 !important;
      }

      /* Number e.g. "2,000,000 +" — 30px */
      .section6 .icon-protections {
        font-size: 30px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #ffffff !important;
        text-align: center !important;
        margin: 0 !important;
        line-height: 1.2 !important;
      }

      /* container76 wraps the label — remove extra padding */
      .section6 .container76 {
        padding: 0 !important;
        margin: 0 !important;
      }

      /* container77 wraps the number — remove extra padding */
      .section6 .container77 {
        padding: 0 !important;
        margin: 0 !important;
      }

      /* FAQ Section — Full Width Vertical Stack on Mobile */
      .section7 {
        width: 100% !important;
        padding: 32px 16px !important;
        box-sizing: border-box !important;
      }

      .section7 .container84 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .section7 .list4 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
      }

      .section7 .item15 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        text-align: left !important;
      }

      .section7 .item-can {
        width: 100% !important;
        max-width: 100% !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
        gap: 24px !important;
      }

      .section7 .item16 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        flex: none !important;
      }

      /* Question title — 22px, dark, full width */
      .section7 .what-is-a,
      .section7 .can-i-monitor {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        font-family: Manrope, sans-serif !important;
        color: #1F2024 !important;
        line-height: 28px !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      /* ── FAQ block 1: What is a parental control app ── */
      .section7 .a-parental-control {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: Manrope, sans-serif !important;
        color: #383E48 !important;
        line-height: 24px !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
        position: static !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      /* ── FAQ block 2: Can I monitor an iPhone ── */
      .section7 .container86 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: unset !important;
        position: static !important;
        isolation: unset !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .section7 .yes-you-can-container {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: unset !important;
        position: static !important;
        display: block !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: Manrope, sans-serif !important;
        color: #383E48 !important;
        line-height: 24px !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      .section7 .yes-you-can-container2 {
        width: 100% !important;
        display: inline !important;
        white-space: normal !important;
      }

      .section7 .link4 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .section7 .operating-systems {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        position: static !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-wrap: wrap !important;
      }

      .section7 .operating-systems2 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
      }

      .section7 .of-their-choice {
        width: auto !important;
        height: auto !important;
        position: static !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: Manrope, sans-serif !important;
        color: #383E48 !important;
        line-height: 24px !important;
        display: inline !important;
      }

      .section7 .windows,
      .section7 .device {
        height: auto !important;
        width: auto !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        position: static !important;
        display: inline !important;
      }

      .section7 .or-chromebook-from-container {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        position: static !important;
        font-size: 16px !important;
        line-height: 24px !important;
        display: inline !important;
        margin: 0 !important;
      }

      /* ── FAQ block 3: Can my child uninstall ── */
      .section7 .container87 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .section7 .container87 .a-parental-control {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: Manrope, sans-serif !important;
        color: #383E48 !important;
        line-height: 24px !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
        position: static !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      /* ── FAQ block 4: Does Mobicip block YouTube ── */
      .section7 .container88 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .section7 .mobicip-allows-parents-container {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: Manrope, sans-serif !important;
        color: #383E48 !important;
        line-height: 24px !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
        position: static !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      /* Remove all <br> tag effects inside FAQ on mobile */
      .section7 br {
        display: none !important;
      }

      /* Each FAQ block — full width, auto height */
      .section7 .item15,
      .section7 .item16 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: unset !important;
        box-sizing: border-box !important;
        flex: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
      }

      /* Answer wrapper containers — full width, auto height, static */
      .section7 .container85,
      .section7 .container86,
      .section7 .container87,
      .section7 .container88 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: unset !important;
        position: static !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        isolation: unset !important;
      }
    }

    @media screen and (min-width: 891px) {
      .section8 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 64px 0 0 !important;
        box-sizing: border-box !important;
      }

      .section8 .container89 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .section8 .container90 {
        width: 100% !important;
        max-width: 720px !important;
        padding: 40px 16px 72px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .section8 .form {
        width: 100% !important;
        min-width: 688px !important;
        max-width: 720px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: center !important;
        box-sizing: border-box !important;
      }

      .section8 .container91 {
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        padding: 0 0 16px 0 !important;
      }

      .section8 .input {
        width: 100% !important;
        height: 56px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
        border: 1px solid #d6dfef !important;
        padding: 13px 24px !important;
      }

      .section8 .container92 {
        width: 100% !important;
        min-width: 250px !important;
        box-sizing: border-box !important;
        font-size: 18px !important;
        font-family: Manrope !important;
        font-weight: 500 !important;
        color: #757575 !important;
      }

      .section8 .textarea {
        width: 100% !important;
        height: 120px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
        border: 1px solid #d6dfef !important;
        padding: 17px 24px !important;
      }

      .section8 .container96 {
        width: 472px !important;
        max-width: 472px !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 20px !important;
        box-sizing: border-box !important;
      }

      .section8 .backgroundborder {
        width: 220px !important;
        height: 56px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
      }

      .section8 .button {
        width: 220px !important;
        height: 56px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
      }
    }

    @media screen and (min-width: 451px) and (max-width: 890px) {
      .section8 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 40px 24px 0 !important;
        box-sizing: border-box !important;
      }

      .section8 .container89 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .section8 .container90 {
        width: 100% !important;
        max-width: 560px !important;
        padding: 24px 0 48px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .section8 .form {
        width: 100% !important;
        min-width: unset !important;
        max-width: 560px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: center !important;
        box-sizing: border-box !important;
      }

      .section8 .container91 {
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 0 0 12px 0 !important;
      }

      .section8 .input {
        width: 100% !important;
        height: 52px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
        border: 1px solid #d6dfef !important;
        padding: 13px 20px !important;
      }

      .section8 .container92 {
        width: 100% !important;
        min-width: unset !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
        font-family: Manrope !important;
        font-weight: 500 !important;
        color: #757575 !important;
      }

      .section8 .textarea {
        width: 100% !important;
        height: 110px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
        border: 1px solid #d6dfef !important;
        padding: 14px 20px !important;
      }

      .section8 .container96 {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 12px !important;
        box-sizing: border-box !important;
      }

      .section8 .backgroundborder {
        flex: 1 !important;
        width: auto !important;
        min-width: unset !important;
        height: 52px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
      }

      .section8 .button {
        flex: 1 !important;
        width: auto !important;
        min-width: unset !important;
        height: 52px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
      }
    }

    @media screen and (max-width: 890px) {
      .section8 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 32px 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
      }

      .section8 .container89 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }

      .section8 .have-more-questions {
        font-size: 22px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        text-align: center !important;
        margin: 0 0 16px 0 !important;
      }

      .section8 .container90 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
      }

      .section8 .form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: unset !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .section8 .container91 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 0 12px 0 !important;
        box-sizing: border-box !important;
        gap: 10px !important;
      }

      .section8 .input {
        width: 100% !important;
        max-width: 100% !important;
        height: 50px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
        border: 1px solid #d6dfef !important;
        padding: 13px 16px !important;
      }

      .section8 .container92 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: unset !important;
        box-sizing: border-box !important;
        font-size: 15px !important;
        font-family: Manrope !important;
        font-weight: 500 !important;
        color: #757575 !important;
      }

      .section8 .textarea {
        width: 100% !important;
        max-width: 100% !important;
        height: 100px !important;
        box-sizing: border-box !important;
        border-radius: 24px !important;
        border: 1px solid #d6dfef !important;
        padding: 14px 16px !important;
      }

      .section8 .container95 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }

      .section8 .container96 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: unset !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 10px !important;
      }

      .section8 .backgroundborder {
        flex: 1 !important;
        width: auto !important;
        min-width: unset !important;
        max-width: 49% !important;
        height: 48px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
      }

      .section8 .button {
        flex: 1 !important;
        width: auto !important;
        min-width: unset !important;
        max-width: 49% !important;
        height: 48px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
      }

      /* ── TESTIMONIAL NAME + APPSTORE — FINAL OVERRIDE ── */
      .w-light .mark-peters-idaho {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #939BAF !important;
        font-family: Manrope, sans-serif !important;
        display: block !important;
        position: static !important;
        margin: 0 0 2px 0 !important;
        padding: 0 0 0 8px !important;
        white-space: normal !important;
        line-height: 20px !important;
      }

      .w-light .appstore {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #939BAF !important;
        font-family: Manrope, sans-serif !important;
        position: static !important;
        top: unset !important;
        left: unset !important;
        padding: 0 0 0 8px !important;
        display: flex !important;
        flex-shrink: 0 !important;
        line-height: 20px !important;
      }
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) {

      .section5 {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        padding: 0 24px !important;
      }

      .section5 .container42 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      /* Section title — full width, centered */
      .section5 .container42 .features-of-our {
        width: 100% !important;
        font-size: 28px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        text-align: center !important;
        line-height: 36px !important;
        box-sizing: border-box !important;
        margin: 0 auto 16px auto !important;
      }

      /* 2x2 grid — fluid, not fixed 788px */
      .section5 .container43 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 20px 16px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
      }

      /* Each card — exactly half width minus gap */
      .section5 .margin2 {
        width: calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
        min-width: 0 !important;
        flex: 0 0 calc(50% - 8px) !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
      }

      /* Card inner */
      .section5 .container44 {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        height: auto !important;
        overflow: visible !important;

        /* Card image — exact 384×232.47 from inspector */
        .section5 .card-image-icon {
          width: 100% !important;
          max-width: 100% !important;
          height: 232.47px !important;
          object-fit: cover !important;
          object-position: center top !important;
          display: block !important;
          border-radius: 8px !important;
          flex-shrink: 0 !important;
          overflow: visible !important;
        }

        /* Add bottom padding to the card grid so last row doesn't clip */
        .section5 .container43 {
          padding-bottom: 40px !important;
        }

        /* Add bottom padding to container42 for spacing before Voted #1 */
        .section5 .container42 {
          padding-bottom: 40px !important;
        }

        /* Each card — ensure height is auto so content doesn't clip */
        .section5 .margin2 {
          height: auto !important;
          overflow: visible !important;
        }

        .section5 .container44 {
          height: auto !important;
          overflow: visible !important;
        }

        /* Section5 itself — no overflow hidden */
        .section5 {
          overflow: visible !important;
          padding-bottom: 40px !important;
        }

        /* Card title wrapper */
        .section5 .heading-39 {
          width: 100% !important;
          padding: 12px 0 8px 0 !important;
          box-sizing: border-box !important;
        }

        padding: 12px 0 8px 0 !important;
        box-sizing: border-box !important;
      }

      /* Card title */
      .section5 .keep-your-child {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 20px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #1a2845 !important;
        line-height: 28px !important;
        display: block !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
      }

      /* Card description */
      .section5 .mobicip-protects-your {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: Manrope !important;
        color: #383e48 !important;
        line-height: 24px !important;
        display: block !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
        margin: 0 !important;
      }

      .section5 .container45,
      .section5 .container46 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
      }

      /* Testimonials outer wrapper — 788px, margin 24px top */
      .section5 .container57 {
        width: 788px !important;
        max-width: 100% !important;
        margin: 24px auto 30px auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 12px !important;
        flex-wrap: nowrap !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        row-gap: 0 !important;
        padding: 0 !important;
      }

      /* Each card — exactly one third */
      .section5 .margin6 {
        flex: 1 1 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: calc(33.33% - 8px) !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
      }



      /* Outer blue section — 820px wide, 312px tall */
      .section6 {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        box-sizing: border-box !important;
      }

      .section6 .container73 {
        width: 820px !important;
        min-height: 312px !important;
        padding: 40px 16px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto !important;
      }

      /* Inner stats row — 788px wide, 232px tall, horizontal */
      .section6 .container74 {
        width: 788px !important;
        min-height: 232px !important;
        padding: 24px 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0 !important;
      }

      /* Each stat block — equal width, centered column */
      .section6 .container75 {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
      }

      /* Icon — exactly 60x60 */
      .section6 .button-play-video {
        width: 60px !important;
        height: 60px !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 0 12px 0 !important;
        flex-shrink: 0 !important;
      }

      /* Label — 20px */
      .section6 .kids-protected {
        font-size: 20px !important;
        font-weight: 600 !important;
        font-family: Manrope !important;
        color: #ffffff !important;
        text-align: center !important;
        margin: 0 !important;
        line-height: 1.3 !important;
      }

      /* Number — 34px */
      .section6 .icon-protections {
        font-size: 34px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #ffffff !important;
        text-align: center !important;
        margin: 0 !important;
        line-height: 1.2 !important;
      }

      /* Remove extra padding from label/number wrappers */
      .section6 .container76,
      .section6 .container77 {
        padding: 0 !important;
        margin: 0 !important;
      }

      .section7 {
        width: 820px !important;
        max-width: 820px !important;
        margin: 0 auto !important;
        padding: 40px 16px !important;
        box-sizing: border-box !important;
      }

      .section7 .container84 {
        width: 100% !important;
        max-width: 788px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
      }

      .section7 .heading-2 {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
      }

      .section7 .features-of-our {
        font-size: 28px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        text-align: center !important;
        line-height: 36px !important;
        width: 100% !important;
      }

      .section7 .list4 {
        width: 100% !important;
        max-width: 788px !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        box-sizing: border-box !important;
      }

      /* Each FAQ block */
      .section7 .item15,
      .section7 .item16 {
        width: 788px !important;
        max-width: 788px !important;
        min-height: 164px !important;
        height: auto !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        flex: none !important;
      }

      .section7 .item-can {
        width: 100% !important;
        max-width: 788px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        box-sizing: border-box !important;
        flex-wrap: nowrap !important;
      }

      /* Question titles */
      .section7 .what-is-a,
      .section7 .can-i-monitor {
        width: 100% !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        line-height: 28px !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
        display: block !important;
      }

      /* Answer text */
      .section7 .a-parental-control,
      .section7 .mobicip-allows-parents-container {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: Manrope !important;
        color: #383e48 !important;
        line-height: 26px !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
        position: static !important;
        display: block !important;
      }

      /* Fix answer containers */
      .section7 .container85,
      .section7 .container86,
      .section7 .container87,
      .section7 .container88 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: unset !important;
        position: static !important;
        isolation: unset !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
      }

      /* Fix absolutely positioned answer text in container86 */
      .section7 .yes-you-can-container {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        position: static !important;
        display: block !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: Manrope !important;
        color: #383e48 !important;
        line-height: 26px !important;
        white-space: normal !important;
        word-break: normal !important;
      }

      .section7 .yes-you-can-container2 {
        width: 100% !important;
        display: inline !important;
        white-space: normal !important;
      }

      .section7 .link4 {
        width: 100% !important;
        height: auto !important;
        position: static !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
      }

      .section7 .operating-systems,
      .section7 .operating-systems2 {
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        position: static !important;
        display: inline-flex !important;
        flex-wrap: wrap !important;
      }

      .section7 .windows,
      .section7 .device {
        height: auto !important;
        width: auto !important;
        font-size: 16px !important;
        line-height: 26px !important;
        position: static !important;
        display: inline !important;
      }

      .section7 .of-their-choice {
        width: auto !important;
        height: auto !important;
        position: static !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #383e48 !important;
        display: inline !important;
      }

      .section7 .or-chromebook-from-container {
        width: 100% !important;
        height: auto !important;
        position: static !important;
        font-size: 16px !important;
        line-height: 26px !important;
        display: inline !important;
        margin: 0 !important;
      }

      /* Remove br tags effect on tablet */
      .section7 br {
        display: none !important;
      }

      /* Main title — 34px, centered */
      .section7 .features-of-our {
        font-size: 34px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        text-align: center !important;
        line-height: 42px !important;
        width: 100% !important;
      }

      /* ALL question titles — 24px, LEFT aligned, not centered */
      .section7 .what-is-a,
      .section7 .can-i-monitor {
        font-size: 24px !important;
        font-weight: 700 !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        text-align: left !important;
        line-height: 32px !important;
        width: 100% !important;
        white-space: normal !important;
        word-break: normal !important;
        display: block !important;
      }

      /* Fix first question — it is inside .item15 which has text-align: center */
      /* Override that center alignment specifically */
      .section7 .item15 {
        text-align: left !important;
        width: 100% !important;
        max-width: 788px !important;
        box-sizing: border-box !important;
      }

      .section7 .item15 .heading-2 {
        justify-content: flex-start !important;
        text-align: left !important;
        width: 100% !important;
      }

      .section7 .item15 .what-is-a {
        text-align: left !important;
        font-size: 24px !important;
      }

      /* ALL answer text — 18px, left aligned */
      .section7 .a-parental-control,
      .section7 .yes-you-can-container,
      .section7 .mobicip-allows-parents-container,
      .section7 .container87 .a-parental-control,
      .section7 .container88 .mobicip-allows-parents-container {
        font-size: 18px !important;
        font-weight: 500 !important;
        font-family: Manrope !important;
        color: #383e48 !important;
        text-align: left !important;
        line-height: 28px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        position: static !important;
        display: block !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
      }

      /* Fix inline link text inside answers — same 18px */
      .section7 .yes-you-can-container2,
      .section7 .or-chromebook-from-container,
      .section7 .of-their-choice,
      .section7 .windows,
      .section7 .device {
        font-size: 18px !important;
        font-weight: 500 !important;
        font-family: Manrope !important;
        line-height: 28px !important;
        text-align: left !important;
        display: inline !important;
        position: static !important;
        height: auto !important;
        width: auto !important;
      }

      /* Fix all heading-1 and heading-2 inside FAQ — left align */
      .section7 .heading-1 {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important;
        text-align: left !important;
      }

      /* Container85 — first answer wrapper */
      .section7 .container85 {
        width: 100% !important;
        text-align: left !important;
        display: flex !important;
        justify-content: flex-start !important;
      }

      /* Remove br tags on tablet */
      .section7 br {
        display: none !important;
      }

      .section8 {
        width: 820px !important;
        min-height: 572px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 40px 0 !important;
        margin: 0 auto !important;
      }

      .section8 .container89 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .section8 .have-more-questions {
        font-size: 26px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        text-align: center !important;
        margin: 0 0 20px 0 !important;
        color: #1f2024 !important;
      }

      .section8 .container90 {
        width: 720px !important;
        min-height: 528px !important;
        padding: 24px 0 40px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .section8 .form {
        width: 720px !important;
        min-width: unset !important;
        max-width: 720px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: center !important;
        box-sizing: border-box !important;
      }

      .section8 .container91 {
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 0 0 16px 0 !important;
      }

      .section8 .input {
        width: 100% !important;
        height: 56px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
        border: 1px solid #d6dfef !important;
        padding: 13px 24px !important;
      }

      .section8 .container92 {
        width: 100% !important;
        min-width: unset !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
        font-family: Manrope !important;
        font-weight: 500 !important;
        color: #757575 !important;
      }

      .section8 .textarea {
        width: 100% !important;
        height: 120px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
        border: 1px solid #d6dfef !important;
        padding: 17px 24px !important;
      }

      .section8 .container96 {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        gap: 16px !important;
        box-sizing: border-box !important;
        padding: 8px 0 0 0 !important;
      }

      .section8 .backgroundborder {
        width: 220px !important;
        min-width: unset !important;
        height: 56px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
      }

      .section8 .button {
        width: 220px !important;
        min-width: unset !important;
        height: 56px !important;
        box-sizing: border-box !important;
        border-radius: 32px !important;
      }



      /* Video section — 820px wide, padding 64px 16px */
      .section4 {
        width: 820px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 64px 16px 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      /* Inner container — 788px wide */
      .section4 .container28 {
        width: 788px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
      }

      /* Title — 788×46, 34px Manrope #1F2024 */
      .section4 .features-of-our {
        width: 788px !important;
        max-width: 100% !important;
        height: 46px !important;
        font-size: 34px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        text-align: center !important;
        line-height: 46px !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        margin: 0 !important;
      }

      /* Subtitle */
      .section4 .easy-for-parents {
        width: 788px !important;
        max-width: 100% !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: Manrope !important;
        color: #616b7b !important;
        text-align: center !important;
        box-sizing: border-box !important;
        margin: 0 !important;
      }

      /* Video wrapper — full width */
      .section4 .div-classios-type-container {
        width: 788px !important;
        max-width: 100% !important;
        padding: 8px 0 0 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        display: flex !important;
        justify-content: center !important;
      }

      /* Video container — full width, 16:9 height */
      .section4 .body {
        width: 788px !important;
        max-width: 100% !important;
        height: 443px !important;
        background-color: transparent !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        display: block !important;
        box-sizing: border-box !important;
      }

      /* iframe — full width and height */
      .section4 #yt-embed {
        width: 100% !important;
        height: 443px !important;
        display: block !important;
        border: 0 !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
      }

      /* Section3 wrapper — centered, full width */
      .section3 {
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        justify-content: center !important;
      }

      .section3 .container17 {
        width: 820px !important;
        max-width: 100% !important;
        padding: 48px 16px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .section3 .container18 {
        width: 788px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      /* Title — 788×92, 34px Manrope #1F2024 */
      .section3 .features-of-our {
        width: 788px !important;
        max-width: 100% !important;
        min-height: 92px !important;
        font-size: 34px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        text-align: center !important;
        line-height: 46px !important;
        white-space: normal !important;
        box-sizing: border-box !important;
        margin: 0 0 8px 0 !important;
      }

      /* "Follow our easy setup guide" */
      .section3 .follow-our-easy-container {
        text-align: center !important;
        width: 100% !important;
        margin: 0 0 16px 0 !important;
        font-size: 16px !important;
        font-family: Manrope !important;
      }

      /* Steps wrapper — 788×243.66, static NO scroll */
      .section3 .container19 {
        width: 788px !important;
        max-width: 100% !important;
        min-height: 243.66px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        gap: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      /* Steps row — static, no scroll, all 4 visible */
      .section3 .list2 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow: visible !important;
        overflow-x: visible !important;
        scroll-snap-type: none !important;
        width: 788px !important;
        max-width: 100% !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: unset !important;
      }

      /* Each step — 197px wide, static */
      .section3 .item9,
      .section3 .item12 {
        flex: 0 0 197px !important;
        min-width: 197px !important;
        max-width: 197px !important;
        min-height: 169.66px !important;
        scroll-snap-align: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        position: relative !important;
        overflow: visible !important;
        gap: 8px !important;
        box-sizing: border-box !important;
      }

      /* Icons — exactly 72×72 */
      .section3 .background-icon,
      .section3 .background-icon4 {
        width: 72px !important;
        height: 72px !important;
        object-fit: contain !important;
        flex-shrink: 0 !important;
      }

      /* Step title */
      .section3 .download {
        font-size: 20px !important;
        line-height: 28px !important;
        font-weight: 700 !important;
        font-family: Manrope !important;
        text-align: center !important;
        color: #1f2024 !important;
        margin: 0 !important;
      }

      /* Step subtitle */
      .section3 .create-username {
        font-size: 15px !important;
        line-height: 22px !important;
        font-weight: 500 !important;
        font-family: Manrope !important;
        text-align: center !important;
        color: #383e48 !important;
      }

      /* App Store badge — 143×47.66 */
      .section3 .link-download-on-the-app-sto2 {
        width: 143px !important;
        height: 47.66px !important;
        object-fit: contain !important;
        display: block !important;
        flex-shrink: 0 !important;
      }

      /* Arrow — positioned between steps */
      .section3 .icon {
        width: 68px !important;
        height: 8px !important;
        position: absolute !important;
        top: 32px !important;
        left: calc(100% - 30px) !important;
        z-index: 3 !important;
        object-fit: contain !important;
        margin: 0 !important;
        transform: none !important;
      }

      /* Hero section — white bg, no background image, column layout */
      .section {
        background-image: none !important;
        background-color: #ffffff !important;
        height: auto !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }

      /* Content wrapper — 820×442, padding 48px 16px, centered */
      .section .container2 {
        width: 820px !important;
        max-width: 100% !important;
        min-height: 442px !important;
        padding: 48px 16px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
      }

      .section .container3,
      .section .container4 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        max-width: 100% !important;
      }

      /* Hero title — natural wrap, "for" on first line */
      .section .parental-control-app {
        font-size: 40px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        text-align: center !important;
        line-height: 48px !important;
        width: 100% !important;
        max-width: 680px !important;
        white-space: normal !important;
        word-break: normal !important;
        margin: 20px auto 0 auto !important;
      }

      /* Description — centered */
      .section .container5 {
        width: 100% !important;
        max-width: 560px !important;
        display: flex !important;
        justify-content: center !important;
        margin: 0 auto !important;
      }

      .section .comprehensive-iphone-parental {
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 28px !important;
        color: #616b7b !important;
        text-align: center !important;
        width: 100% !important;
        font-family: Manrope !important;
      }

      /* Buttons — centered */
      .section .container6 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding-top: 24px !important;
        gap: 16px !important;
      }

      .section .link {
        align-self: center !important;
      }

      .section .link-download-on-the-app-sto {
        justify-content: center !important;
        padding: 0 !important;
      }

      .section .picture-download-on-the-app {
        width: 155px !important;
        height: auto !important;
        object-fit: contain !important;
      }

      /* Tablet hero image — full width */
      .tablet-hero-image-wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
      }

      .tablet-hero-image {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      /* Hide mobile hero image on tablet */
      .mobile-hero-image-wrapper {
        display: none !important;
      }

      /* Hide desktop and old mobile list */
      .section2 .features-desktop-layout {
        display: none !important;
      }

      .section .container2 {
        padding-top: 48px !important;
      }

      .section2 .features-mobile-list {
        display: none !important;
      }

      /* Use tablet layout as our horizontal card strip */
      .section2 .features-tablet-layout {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-top: 24px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        overflow: visible !important;
      }

      /* Horizontal scrollable card strip — 788×205.63 */
      .section2 .features-tab-titles {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        box-sizing: border-box !important;
        align-items: stretch !important;
        gap: 0 !important;
        padding: 0 !important;
        border-bottom: none !important;
        margin-bottom: 0 !important;
      }

      .section2 .features-tab-titles::-webkit-scrollbar {
        display: none !important;
      }

      /* Also ensure the container8 doesn't constrain the strip */
      .section2 .container8 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
      }

      .section2 .container7 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
      }

      /* Each card — fixed width, title + description, white border at bottom when active */
      .section2 .tab-title {
        flex: 0 0 380px !important;
        width: 380px !important;
        min-height: auto !important;
        scroll-snap-align: start !important;
        margin-right: 24px !important;
        padding: 16px 20px 12px 0 !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        color: #9db5ce !important;
        font-family: Manrope !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
        background: transparent !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        text-align: left !important;
        gap: 10px !important;
        white-space: normal !important;
        word-break: normal !important;
        position: relative !important;
        border-bottom: 3px solid transparent !important;
        transition: none !important;
        flex-shrink: 0 !important;
      }

      /* Active card — white title + white bottom border */
      .section2 .tab-title.active {
        color: #ffffff !important;
        border-bottom: 3px solid #ffffff !important;
        font-weight: 800 !important;
      }

      /* Inactive — muted but fully readable, no color change on click */
      .section2 .tab-title:not(.active) {
        color: #9db5ce !important;
        opacity: 1 !important;
      }

      /* Description inside each card — inherits color from parent */
      .section2 .tab-title .tab-inline-desc {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: inherit !important;
        line-height: 24px !important;
        font-family: Manrope !important;
        text-align: left !important;
        white-space: normal !important;
        display: block !important;
        width: 100% !important;
        opacity: 1 !important;
      }

      /* Tab content area — column layout, image BELOW strip */
      .section2 .features-tab-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        padding-top: 32px !important;
        box-sizing: border-box !important;
      }

      /* Hide the separate description paragraph */
      .section2 .features-tab-description {
        display: none !important;
      }

      /* Image container — centered below strip */
      .section2 .features-tab-image {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      /* Image — size controlled by JS per index */
      .section2 .features-tab-image img {
        display: block !important;
        object-fit: contain !important;
        border-radius: 12px !important;
        max-width: 100% !important;
      }

      /* Add space above Voted #1 heading — all tablet sizes */
      .section5 .container56 {
        margin-top: 40px !important;
      }

    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    /* GLOBAL: Font style overrides (all breakpoints) */
    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    .mobicip-protects-your,
    .a-parental-control,
    .easy-for-parents,
    .what-is-a,
    .can-i-monitor,
    .create-username,
    .download,
    .features-of-our,
    .comprehensive-iphone-parental,
    .feature-mobile-desc,
    .feature-item-body,
    .features-tab-description {
      font-family: 'Manrope', sans-serif !important;
    }

    /* Section heading titles: Manrope 34px */
    .features-of-our {
      font-family: 'Manrope', sans-serif !important;
      font-size: 34px !important;
    }

    /* "Follow our easy setup guide" — Manrope, remove underline */
    .follow-our-easy-container,
    .follow-our,
    .easy-setup-guide,
    .easy-setup-guide2 {
      font-family: 'Manrope', sans-serif !important;
    }

    .easy-setup-guide,
    .easy-setup-guide2 {
      text-decoration: none !important;
    }

    /* Global: hide mobile hero image on tablet/desktop */
    .mobile-hero-image-wrapper {
      display: none;
    }

    /* Global: hide tablet hero image by default */
    .tablet-hero-image-wrapper {
      display: none;
    }

    /* ════════════════════════════
        iPAD MINI SPECIFIC — 768px only
      ═══════════════════════════ */
    @media screen and (min-width: 768px) and (max-width: 768px) {

      html,
      body {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      .w-light,
      .end-google-tag-manager-noscri,
      .container {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
      }

      /* All top-level sections — full width */
      .section,
      .section2,
      .section3,
      .section4,
      .section5,
      .section6,
      .section7,
      .section8 {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
      }

      /* Inner containers — full width with consistent padding */
      .container2,
      .container7,
      .container8,
      .container17,
      .container18,
      .container28,
      .container42,
      .container43,
      .container56,
      .container57,
      .container73,
      .container74,
      .container84,
      .container89,
      .container90 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
      }

      /* Hero section content wrapper */
      .section .container2 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 48px 16px !important;
        box-sizing: border-box !important;
      }

      /* Title — 40px */
      .section .parental-control-app {
        font-size: 40px !important;
        font-weight: 800 !important;
        line-height: 48px !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        text-align: center !important;
        width: 100% !important;
        white-space: normal !important;
      }

      /* Tablet hero image — full width */
      .tablet-hero-image-wrapper {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        box-sizing: border-box !important;
      }

      .tablet-hero-image {
        width: 100% !important;
        max-width: 100% !important;
      }

      /* Features section strip */
      .section2 .features-tablet-layout,
      .section2 .features-tab-titles {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }

      /* Why Mobicip cards */
      .section5 .container43 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
      }

      .section5 .margin2 {
        width: calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
        box-sizing: border-box !important;
      }

      /* Video section */
      .section4 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 48px 16px !important;
        box-sizing: border-box !important;
        padding-bottom: 0 !important;
        margin-bottom: -40px !important;
      }

      .section4 .container28,
      .section4 .div-classios-type-container,
      .section4 .body {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }

      .section4 #yt-embed {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        box-sizing: border-box !important;
      }

      /* Stats section */
      .section6 .container73,
      .section6 .container74 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 32px 16px !important;
        box-sizing: border-box !important;
      }

      /* FAQ section */
      .section7 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 32px 16px !important;
        box-sizing: border-box !important;
      }

      .section7 .container84,
      .section7 .list4,
      .section7 .item15,
      .section7 .item-can,
      .section7 .item16 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }

      /* Contact form */
      .section8 {
        width: 100% !important;

        .section8 .form {
          width: 100% !important;
          min-width: unset !important;
          box-sizing: border-box !important;
        }

        /* How to Set Up — fit all 4 steps within 768px */
        .section3 .list2 {
          width: 100% !important;
          max-width: 100% !important;
          justify-content: space-between !important;
          padding: 0 !important;
          box-sizing: border-box !important;
          overflow: visible !important;
        }

        box-sizing: border-box !important;
        overflow: visible !important;
      }

      /* Each step — reduced width to fit 4 items in 768px */
      .section3 .item9,
      .section3 .item12 {
        flex: 0 0 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;
        box-sizing: border-box !important;
      }

      /* Icons — 60×60 on iPad Mini */
      .section3 .background-icon,
      .section3 .background-icon4 {
        width: 60px !important;
        height: 60px !important;
        object-fit: contain !important;
      }

      /* Arrow — tighter position */
      .section3 .icon {
        width: 50px !important;
        height: 8px !important;
        left: calc(100% - 20px) !important;
        top: 28px !important;
      }

      /* Step title — slightly smaller */
      .section3 .download {
        font-size: 18px !important;
        line-height: 26px !important;
      }

      /* Step subtitle */
      .section3 .create-username {
        font-size: 14px !important;
        line-height: 20px !important;
      }

      /* App Store badge — slightly smaller */
      .section3 .link-download-on-the-app-sto2 {
        width: 120px !important;
        height: auto !important;
      }

      /* Container18 — no extra padding */
      .section3 .container18 {
        padding: 0 12px !important;
        box-sizing: border-box !important;
      }

      /* ════════════════════════════
          iPAD PRO ONLY — 1024px to 1366px
          (starts at 1024 to catch iPad Pro reporting exactly 1024px)
        ═══════════════════════════ */
      @media screen and (min-width: 1024px) and (max-width: 1366px) {

        /* Hero image wrapper — break out of 820px constraint */
        .tablet-hero-image-wrapper {
          display: block !important;
          width: 100% !important;
          max-width: 100% !important;
          margin: 0 !important;
          padding: 0 !important;
          line-height: 0 !important;
          overflow: hidden !important;
          box-sizing: border-box !important;
          position: static !important;
          left: auto !important;
          transform: none !important;
        }

        /* Hero image — full 1024px width */
        .tablet-hero-image {
          content: url("https://www.cms.mobicip.com/wp-content/uploads/2026/04/Section-→-Picture-→-Platform-iphone-2.svg") !important;
          display: block !important;
          width: 100% !important;
          max-width: 100% !important;
          height: auto !important;
          object-fit: cover !important;
          object-position: center center !important;
          margin: 0 !important;
          padding: 0 !important;
        }

        /* Hide mobile hero image */
        .mobile-hero-image-wrapper {
          display: none !important;
        }

        /* Hero section — white bg, column layout */
        .section {
          background-image: none !important;
          background-color: #ffffff !important;
          height: auto !important;
          min-height: auto !important;
          display: flex !important;
          flex-direction: column !important;
          align-items: center !important;
          padding: 0 !important;
          width: 100% !important;
          overflow: visible !important;
          box-sizing: border-box !important;
        }

        /* Video section outer wrapper — full width, centered */
        html body .w-light .end-google-tag-manager-noscri .container .section4 {
          width: 100% !important;
          max-width: 100% !important;
          padding: 64px 16px !important;
          box-sizing: border-box !important;
          display: flex !important;
          flex-direction: column !important;
          align-items: center !important;
          margin: 0 !important;
          overflow: visible !important;
        }

        /* Inner container — 992px wide */
        html body .w-light .end-google-tag-manager-noscri .container .section4 .container28 {
          width: 992px !important;
          max-width: 100% !important;
          margin: 0 auto !important;
          padding: 0 !important;
          box-sizing: border-box !important;
          display: flex !important;
          flex-direction: column !important;
          align-items: center !important;
          gap: 8px !important;
        }

        /* Title */
        html body .w-light .end-google-tag-manager-noscri .container .section4 .features-of-our {
          width: 100% !important;
          font-size: 34px !important;
          font-weight: 800 !important;
          font-family: Manrope !important;
          color: #1f2024 !important;
          text-align: center !important;
          line-height: 44px !important;
          box-sizing: border-box !important;
          margin: 0 !important;
        }

        /* Subtitle */
        html body .w-light .end-google-tag-manager-noscri .container .section4 .easy-for-parents {
          width: 100% !important;
          font-size: 18px !important;
          font-weight: 500 !important;
          font-family: Manrope !important;
          color: #616b7b !important;
          text-align: center !important;
          box-sizing: border-box !important;
          margin: 0 !important;
        }

        /* Video wrapper */
        html body .w-light .end-google-tag-manager-noscri .container .section4 .div-classios-type-container {
          width: 992px !important;
          max-width: 100% !important;
          padding: 8px 0 0 0 !important;
          margin: 0 auto !important;
          box-sizing: border-box !important;
          display: flex !important;
          justify-content: center !important;
        }

        /* Video container — 992×558 (16:9 ratio) */
        html body .w-light .end-google-tag-manager-noscri .container .section4 .body {
          width: 992px !important;
          max-width: 100% !important;
          height: 558px !important;
          background-color: #000 !important;
          border-radius: 8px !important;
          overflow: hidden !important;
          display: block !important;
          box-sizing: border-box !important;
          margin: 0 auto !important;
        }

        /* iframe — full width and height */
        html body .w-light .end-google-tag-manager-noscri .container .section4 #yt-embed {
          width: 100% !important;
          height: 558px !important;
          display: block !important;
          border: 0 !important;
          border-radius: 8px !important;
          box-sizing: border-box !important;
        }

        /* Kill the 102px margin on section4 only */
        html body div.w-light main.end-google-tag-manager-noscri section.container div.section4 {
          margin: 0 !important;
          width: 100% !important;
          max-width: 100% !important;
          padding: 64px 16px !important;
          box-sizing: border-box !important;
          display: flex !important;
          flex-direction: column !important;
          align-items: center !important;
        }

        html body div.w-light main.end-google-tag-manager-noscri section.container div.section4 div.container28 {
          width: 992px !important;
          max-width: 100% !important;
          margin: 0 auto !important;
          padding: 0 !important;
          box-sizing: border-box !important;
          display: flex !important;
          flex-direction: column !important;
          align-items: center !important;
          gap: 8px !important;
        }

        html body div.w-light main.end-google-tag-manager-noscri section.container div.section4 section.div-classios-type-container {
          width: 992px !important;
          max-width: 100% !important;
          padding: 8px 0 0 0 !important;
          margin: 0 auto !important;
          box-sizing: border-box !important;
          display: flex !important;
          justify-content: center !important;
        }

        html body div.w-light main.end-google-tag-manager-noscri section.container div.section4 div.body {
          width: 992px !important;
          max-width: 100% !important;
          height: 558px !important;
          background-color: #000 !important;
          border-radius: 8px !important;
          overflow: hidden !important;
          display: block !important;
          box-sizing: border-box !important;
          margin: 0 auto !important;
        }

        html body div.w-light main.end-google-tag-manager-noscri section.container div.section4 div.body #yt-embed {
          width: 100% !important;
          height: 558px !important;
          display: block !important;
          border: 0 !important;
          border-radius: 8px !important;
          box-sizing: border-box !important;
        }
      }
    }

    @media screen and (width: 1024px) {

      .section4 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 -40px 0 !important;
        padding: 40px 0 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .section4 .container28 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
      }

      .section4 .features-of-our {
        width: 100% !important;
        font-size: 40px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        text-align: center !important;
        line-height: 48px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
      }

      .section4 .easy-for-parents {
        width: 100% !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        font-family: Manrope !important;
        color: #616b7b !important;
        text-align: center !important;
        margin: 0 !important;
        box-sizing: border-box !important;
      }

      .section4 .div-classios-type-container {
        width: 1350px !important;
        max-width: 100% !important;
        padding: 8px 0 0 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        display: flex !important;
        justify-content: center !important;
      }

      .section4 .body {
        width: 1350px !important;
        max-width: 100% !important;
        height: 360px !important;
        background-color: transparent !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        display: block !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
      }

      .section4 #yt-embed {
        width: 1350px !important;
        max-width: 100% !important;
        height: 360px !important;
        display: block !important;
        border: 0 !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
      }

      /* Section title — 34px, 992px wide */
      .section5 .container42 {
        width: 992px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }

      .section5 .container42 .features-of-our {
        width: 992px !important;
        max-width: 100% !important;
        min-height: 92px !important;
        font-size: 40px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #1f2024 !important;
        text-align: center !important;
        line-height: 44px !important;
        margin: 0 auto 16px auto !important;
        box-sizing: border-box !important;
      }

      /* 4 cards — horizontal row, 992px total width */
      .section5 .container43 {
        width: 992px !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 16px !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
        padding: 0 !important;
      }

      /* Each card — exactly 1/4 of 992px */
      .section5 .margin2 {
        width: calc(25% - 12px) !important;
        max-width: calc(25% - 12px) !important;
        min-width: 0 !important;
        flex: 0 0 calc(25% - 12px) !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        height: 540px !important;
      }

      /* Card inner container */
      .section5 .container44 {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        box-sizing: border-box !important;
        height: auto !important;
      }

      /* Card image — exactly 238×187.39px */
      .section5 .card-image-icon {
        width: 238px !important;
        height: 187px !important;
        max-width: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
        display: block !important;
        border-radius: 8px !important;
        flex-shrink: 0 !important;
      }

      /* Card title wrapper */
      .section5 .heading-39 {
        width: 100% !important;
        padding: 8px 0 !important;
        box-sizing: border-box !important;
      }

      /* Card title — 24px */
      .section5 .keep-your-child {
        width: 100% !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        font-family: Manrope !important;
        color: #1a2845 !important;
        line-height: 32px !important;
        display: block !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
        margin: 0 !important;
      }

      /* Card description — 18px */
      .section5 .mobicip-protects-your {
        width: 100% !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        font-family: Manrope !important;
        color: #383e48 !important;
        line-height: 26px !important;
        display: block !important;
        white-space: normal !important;
        word-break: normal !important;
        box-sizing: border-box !important;
        margin: 0 !important;
      }

      .section5 .container45,
      .section5 .container46 {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
      }
    }

    @media screen and (min-width: 5000px) {
      html body .w-light .end-google-tag-manager-noscri .container .section .container2 .container3 .container4 {
        padding-left: unset !important;
        margin-left: 99px !important;
        margin-top: -9px !important;
        width: 504px !important;
        flex-direction: column !important;
        gap: var(--item-spacing-s) !important;
        max-width: var(--width-504) !important;
      }
    }

    @media screen and (min-width: 1508px) and (max-width: 4074px) {
      .container4 {
        padding-left: 91px !important;
        margin-top: -9px !important;
        margin-left: 7px !important;
        width: 504px !important;
      }
    }

    .section8 .input:focus-within,
    .section8 .textarea:focus-within {
      border: 1px solid var(--color-azure-57) !important;
    }

    .section8 form>p {
      display: none;
    }

/* ========================================
   HEADER CLEARANCE
   Nothing above this line is modified.

   Same situation as iphone.css and ipad.css. On desktop this export
   already has padding-top 0, but below 1079px it clears its own fixed
   header with 22/20px, and 90px !important on phones (both via a
   320-480px media query and a body.is-android-mobile class set by the
   page script). header.css already gives body 64px of clearance at
   those widths, so the wrapper's own padding stacked on top of it.
   Only padding-top is reset. The body.is-android-mobile selector is
   repeated here so the override outranks that rule's specificity.
======================================== */

.end-google-tag-manager-noscri,
body.is-android-mobile .end-google-tag-manager-noscri {
    padding-top: 0 !important;
}

/* ========================================
   MOBILE / TABLET HEADER CLEARANCE (this page)
   Nothing above this line is modified.

   This export resets html/body { padding: 0 !important } inside its
   phone and tablet breakpoints. Those rules load after header.css, so
   they cancel the shared clearance appended there, and with the
   wrapper's own top padding already zeroed above the hero heading
   slides under the 80px fixed header. Restated here, after the
   export's rules, so this page gets the same 80px + 16px clearance as
   every other page below 1024px. Desktop is untouched.
======================================== */

@media (max-width: 1023px) {
    body {
        padding-top: 96px !important;
    }
}

/* ========================================
   PHONE HERO OFFSET
   Nothing above this line is modified.

   The export pushes the hero down with margin-top on .container3 and
   .container4 (98px at 890px and below), clearance for the fixed header
   its own layout carried. Because container4 sits inside container3,
   that offset lands twice, and on top of the clearance header.css now
   reserves - which is why the title sat far below the header on phones
   while Chromebook and Mac, whose exports have no such rule, looked
   right.

   Zeroed on phones only. The hero then starts where those two pages
   start it: the 24px the container itself carries, below the header.
   Tablet and desktop keep the export's own values.
======================================== */

@media (max-width: 767px) {
    .container3,
    .container4 {
        margin-top: 0;
    }
}