/* Laptop Design */
        .img-wrap {
            width: 100%;
            height:695px;
        }

        @media (max-width: 480px) {
        .img-wrap {
            width: 100%;
            height:275px;
        }
                }

        .lap-body, .dual-body, .lp-body {
            height:100%;
            background: url(/assets/img/port/device/lap.svg);
            background-size: 100%;
            background-position: 0% 0%;
            background-repeat: no-repeat;
        }
        @media (max-width: 480px) {
        .lap-body {
            height:100%;
            background: url(/assets/img/port/device/lap.svg);
            background-size: 150%;
            background-position: 50% 40%;
            background-repeat: no-repeat;
        }
        }
        .dual-body {
            background: url(/assets/img/port/device/dual.svg);
            background-size: 100%;
            background-position: 0% 0%;
            background-repeat: no-repeat;
        }
        .lp-body {
            background: url(/assets/img/port/device/lp.svg);
            background-size: cover;
            background-position: 0% 0%;
            background-repeat: no-repeat;
        }
        .dual-screen, .lap-screen, .lp-screen {
            width: 488px;
            height:307px !important;
            border-radius: 4px;
            overflow: hidden;
            margin: 135px 0 0 111px !important;
            border: 3px solid #1a1a1a;
            z-index: 300;
           float: left;
        }
        .lp-screen {
            width: 356px;
            height:232px !important;
            margin: 200px 0 0 85px !important;
        }
         .lap-screen {
            margin:135px 0 0 180px !important;
        }

        @media (max-width: 480px) {
        .lap-screen {
            width: 280px;
            height:185px !important;
            border-radius: 4px;
            overflow: hidden;
            margin: 20px 0 0 20px !important;
            border: 3px solid #1a1a1a;
        }
        }
        .phone-screen {
            width: 120px;
            height:250px !important;
            border-radius: 18px;
            overflow: hidden;
            margin: 164px 44px 0 0 !important;
            border: 3px solid #1a1a1a;
            z-index: 300;
            float: right;
        }
        .img-screen {
            width: 300px;
            height:250px !important;
            margin: 0 25px 0 0 !important;
            border: none;
            z-index: 300;
            float: right;
        }


        /* Scrolling Content */
        .scrolling-content, .scrolling-content-dual, .scrolling-content-m {
            background: lime;
            animation: scroll 20s linear infinite;
            animation-delay: 1s; /* ⏱ Add this line */
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
        }
        @media (max-width: 480px) {
            .scrolling-content {
            background:none;
            animation: scroll 20s linear infinite;
            animation-delay: 1s; /* ⏱ Add this line */
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
        }
        }
         .scrolling-content-dual {
            background: lime;
            animation: scroll 40s linear infinite;
            animation-delay: 1s; /* ⏱ Add this line */
        }
        .scrolling-content-m {
            height: auto !important;
            animation: scroll 80s linear infinite;
            animation-delay: 1s; /* ⏱ Add this line */
            align-items:left;
        }

        .content-txt {
            padding:0 0 0 36px;
            text-align: left;
        }

        .content-txt h3 {
            color:var(--dblu) !important;
            margin: 0 0 14px 0;
            font-size: 26px;
            line-height:1em;
        }
            .content-txt h4 {
            color:var(--org) !important;
        }

        .content-txt p, .content-txt li {
            font-weight:400;
        }
        
        .content-item {
            padding: 0;
            margin: 0;
        }

   .flex-container {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping to next line */
    width: 100%; /* Total container width */
    min-height:575px;
    background-color: none;
    border: 1px solid #666; /* optional, for visualization */
    gap: 16px; /* Gutter size */
  }
  .f-item {
   flex: 1 1 200px; /* Flex-grow: 1, Flex-shrink: 1, Flex-basis: 200px */
  margin: 10px;
  background-color: none;
  padding: 20px;
  box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }


        @keyframes scroll {
            0% {
                transform: translateY(0);
            }
            100% {
                transform: translateY(-50%);
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            
            .laptop {
                width: 300px;
                height: 210px;
            }
            
            .phone {
                width: 160px;
                height: 320px;
            }
        }