* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: "Open Sans", sans-serif;
            background-color: #000235;
            margin: 0;
            padding: 0;
            padding-left: 15%;
            padding-right: 15%;
            /* padding-top:3rem ; */
        }
        /* 
.container {
  background-color: rgb(20, 110, 189);
} */
        
        .navbar {
            display: flex;
            justify-content: space-between;
        }
        
        nav ul {
            display: flex;
            gap: 10px;
        }
        
        .logo {
            text-decoration: none;
            font-size: 20px;
            font-weight: bold;
            color: white;
            margin-top: 3rem;
        }
        
        ul li {
            list-style: none;
            text-decoration: none;
            color: white;
            margin-inline: 15px;
            font-size: 17px;
            font-weight: bold;
            text-transform: uppercase;
            margin-top: 3rem;
        }
        
        button {
            background-color: #2d2879;
            font-size: 10px;
            font-weight: bold;
            color: white;
            padding: 15px 35px;
            border-radius: 50px;
        }
        
        .dot {
            height: 17px;
            width: 17px;
            background-color: #9091dc;
            border-radius: 50%;
            display: inline-block;
            position: relative;
            left: -10px;
            bottom: -3px;
        }
        
        button {
            margin-top: 30px;
            border: none;
        }
        
        button a {
            color: wheat;
            text-decoration: none;
        }
        
        .icon1 {
            font-size: 15px;
            margin-right: 12px;
            color: white;
        }
        
        .icon {
            display: none;
            color: white;
            align-items: center;
            font-size: 30px;
            margin-right: 12px;
            margin-top: 2.5rem;
        }
        /* nav bar end */
        
        .hero-section {
            color: white;
        }
        
        .hero-div {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 2rem;
        }
        
        .hero-section .left h1 {
            font-size: 80px;
            font-weight: 800;
            line-height: 100%;
        }
        
        .images {
            display: flex;
            margin-left: -35rem;
            transform: translateY(5rem);
        }
        
        .end-herosection {
            display: flex;
            justify-content: space-between;
        }
        
        p {
            font-size: 20px;
            transform: translateY(2rem);
        }
        
        .btn1 {
            background-color: #9091dc;
            font-weight: bold;
            font-size: 20px;
            color: white;
            padding: 25px 80px;
            border-radius: 50px;
        }
        
        .btn2 {
            background-color: transparent;
            font-weight: bold;
            font-size: 20px;
            border: 3px solid gray;
            color: white;
            padding: 25px 80px;
            border-radius: 50px;
            margin-right: 5rem;
        }
        /* .hero-section end */
        
        .feature {
            margin-top: 5rem;
        }
        
        h2 {
            color: #fff;
            text-transform: uppercase;
            line-height: 10px;
        }
        
        .feature-div {
            display: flex;
            align-items: center;
            justify-content: space-around;
            border: 3px solid rgba(0, 0, 0, 0.856);
            margin-top: 2rem;
            height: 100px;
            border-radius: 10px;
        }
        /* features section end */
        
        .analytics {
            color: #fff;
            margin-top: 10rem;
        }
        
        .hero-analytics {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .text1 {
            text-transform: uppercase;
            color: gray;
        }
        
        .text2 {
            font-size: 60px;
            font-weight: bold;
            text-transform: capitalize;
        }
        
        .btn3 {
            background-color: #9091dc;
            font-weight: bold;
            font-size: 20px;
            color: white;
            padding: 25px 80px;
            border-radius: 50px;
            margin-top: 60px;
            text-transform: uppercase;
        }
        /* analytics end */
        
        .browse {
            color: #fff;
            margin-top: 5rem;
        }
        
        .browse-hero {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        /* browse section end */
        
        .testmonials {
            color: #fff;
            margin-top: 12rem;
        }
        
        .testmonials-hero {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .text5 {
            font-size: 22px;
            text-transform: uppercase;
            color: white;
            letter-spacing: 2px;
            margin-left: 23px;
        }
        
        .up {
            margin-left: 25rem;
        }
        
        .ellipse {
            padding-left: 8rem;
            margin-top: 1.5rem;
        }
        
        .text3 {
            padding-left: 6rem;
            margin-top: 3rem;
            letter-spacing: 3px;
            font-size: 20px;
        }
        
        .down {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        
        .text6 {
            font-size: 60px;
            margin-left: -8rem;
            font-weight: bold;
            text-transform: capitalize;
        }
        
        .card1,
        .card2,
        .card3 {
            margin-top: 4rem;
            border-radius: 20px;
            border: 3px solid gray;
            height: 24rem;
            width: 21rem;
        }
        
        .content {
            font-size: 1.2rem;
            line-height: 1.6;
        }
        /* testimonials section end */
        
        .thing {
            margin-top: 5rem;
        }
        
        .hero-thing {
            border: .5px solid gray;
            background: linear-gradient(135deg, #ABD9D4, #585CC7, #5151C6);
            border-radius: 30px;
            height: 30rem;
        }
        
        .text7 {
            font-size: 22px;
            text-transform: uppercase;
            color: black;
            letter-spacing: 2px;
            margin-left: 25rem;
            margin-top: 4rem;
        }
        
        .text8 {
            font-size: 60px;
            font-weight: bold;
            text-transform: capitalize;
            margin-left: 18rem;
            margin-top: 2rem;
        }
        
        .btn4 {
            background-color: black;
            font-weight: bold;
            font-size: 20px;
            color: white;
            padding: 30px 100px;
            border-radius: 50px;
            margin-top: 60px;
            text-transform: uppercase;
            margin-left: 22rem;
        }
        /* thing section end */
        
        .footer {
            margin-top: 10rem;
            margin-bottom: 13rem;
        }
        
        .text13 {
            font-size: 25px;
        }
        
        .text9 {
            margin-top: -25px;
            padding-left: 12rem;
        }
        
        .list li a {
            padding-left: 11rem;
            list-style: none;
            text-decoration: none;
            color: #fff;
            font-size: 15px;
        }
        
        .text10 {
            margin-top: -18.5rem;
            padding-left: 25rem;
        }
        
        .list1 li a {
            padding-left: 24rem;
            list-style: none;
            text-decoration: none;
            color: #fff;
            font-size: 15px;
        }
        
        .text11 {
            margin-top: -14.5rem;
            padding-left: 41rem;
        }
        
        .list2 li a {
            padding-left: 40rem;
            list-style: none;
            text-decoration: none;
            color: #fff;
            font-size: 15px;
        }
        
        .text12 {
            margin-top: -18.5rem;
            padding-left: 51rem;
            font-size: 25px;
        }
        
        .h3-border-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 15px;
            border-radius: 50px;
            width: 380px;
            /* Adjust as needed */
            margin-top: 5rem;
            margin-left: 50rem;
            background-color: #13124F;
            color: #fff;
        }
        
        .h3-heading {
            margin: 0;
            font-size: 20px;
            color: #aea5cd;
        }
        
        .border-btn {
            background-color: #585CC7;
            color: white;
            border: none;
            padding: 15px 30px;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 2px;
            border-radius: 50px;
            margin-top: 0rem;
        }
        
        .border-btn:hover {
            background-color: #4144b0;
        }