/* Reset default browser styling */
       * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* Navbar styles */
    .navbar-custom {
        background-color: white; /* Set navbar background color to white */
        position: fixed; /* Keep navbar fixed at the top */
        top: 0;
        width: 100%;
        z-index: 1000;
        border-bottom: 1px solid #ddd; /* Optional: adds a subtle border below navbar */
    }

    .navbar-custom .navbar-nav .nav-link {
        color: black; /* Set navbar text color to black */
    }

    .navbar-custom .navbar-brand img {
        width: 150px; /* Adjust image width as per your preference */
    }

    /* Add padding to body to prevent content from being hidden behind the fixed navbar */
    body {
        padding-top: 70px; /* Adjust to navbar height */
    }
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: Arial, sans-serif;
    }
    
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        background-color: #f0f8ff;
        padding: 20px;
    }
    
    .container {
        display: flex;
        align-items: center;
        max-width: 1200px;
        width: 100%;
        gap: 20px;
    }

    .text-section {
        display: flex;
        flex-direction: column;
        gap: 20px;
        flex: 1;
        text-align: right;
    }

    .bottle-section {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 300px;
    }
    
    .bottle-section img {
        width: 100%;
        max-width: 300px;
        transition: transform 0.3s;
    }

    .bottle-section img:hover {
        transform: scale(1.05);
    }
    
    .text-box {
        color: #666;
        line-height: 1.6;
        padding: 10px;
        transition: transform 0.3s;
    }

    .text-box h3 {
        color: #0097d8;
        font-size: 1.2em;
        margin-bottom: 8px;
    }

    .text-box p {
        font-size: 1em;
    }

    /* Right section */
    .right-section {
        display: flex;
        flex-direction: column;
        gap: 20px;
        flex: 1;
        text-align: left;
    }

    /* Responsive styling */
    @media (max-width: 992px) {
        .container {
            flex-direction: column;
            align-items: center;
        }

        .text-section,
        .right-section {
            text-align: center;
            align-items: center;
        }
    }

    @media (max-width: 768px) {
        .bottle-section img {
            max-width: 200px;
        }

        .text-box h3 {
            font-size: 1.1em;
        }

        .text-box p {
            font-size: 0.95em;
        }
    }

    @media (max-width: 480px) {
        .bottle-section img {
            max-width: 150px;
        }

        .text-box h3 {
            font-size: 1em;
        }

        .text-box p {
            font-size: 0.9em;
        }
    }
    /* Reset styling */
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
    }

    body {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        min-height: 100vh;
        background-color: #f8f9fa;
    }

    .container {
        text-align: center;
        max-width: 1000px;
        padding: 20px;
    }

    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
    }



    

    .circle-container {
        display: flex;
       
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
        width: 100%; /* Ensures the container takes the full width */
    }

    .circle {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background-color: #e6f7ff;
        border: 4px solid #0099ff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
        color: #003366;
        transition: all 0.3s ease;
    }

    .circle img {
        width: 95px;
        height: 65px;
        margin-bottom: 10px;
    }

    .circle p {
        font-size: 16px;
        font-weight: bold;
    }

    .heading {
        font-size: 24px;
        font-weight: bold;
        color: #003366;
        margin-top: 20px;
    }

    .subheading {
        font-size: 18px;
        color: #003366;
    }

    /* Responsive styles */
    @media (max-width: 768px) {
        .circle {
            width: 120px;
            height: 120px;
        }

        .circle p {
            font-size: 14px;
        }

        .circle img {
            width: 75px;
            height: 75px;
        }

        .heading {
            font-size: 20px;
        }

        .subheading {
            font-size: 16px;
        }
    }

    @media (max-width: 480px) {
        .circle {
            width: 100px;
            height: 100px;
            padding: 8px;
        }

        .circle p {
            font-size: 12px;
        }

        .circle img {
            width: 98px;
            height: 65px;
        }

        .heading {
            font-size: 18px;
        }

        .subheading {
            font-size: 14px;
        }
    }
    /* General reset for margin and padding */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* Banner container styles */
    .banner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        background-color: #00a8e8; /* Background color similar to the uploaded image */
        color: white;
        font-family: Arial, sans-serif;
    }

    /* Content box for certification texts */
    .certification-box {
        text-align: center;
        flex: 1;
    }

    .certification-box h2 {
        font-size: 1.5rem;
        font-weight: bold;
        margin: 10px 0;
    }

    /* Center logo */
    .logo-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
    }

    /* Logo image */
    .logo-container img {
        max-width: 100px;
        height: auto;
    }

    /* Responsive design */
    @media (max-width: 768px) {
        .banner {
            flex-direction: column;
            text-align: center;
        }

        .certification-box h2 {
            font-size: 1.2rem;
        }

        .logo-container img {
            max-width: 80px;
        }
    }
    .navbar-custom {
        background-color: white; /* Set navbar background color to white */
      }
      .navbar-custom .navbar-nav .nav-link {
        color: black; /* Set navbar text color to black */
      }
      .navbar-custom .navbar-brand img {
        width: 150px; /* Adjust image width as per your preference */
    }
    .carousel-inner img {
        width: 100%;
        height: 100%;
      }
      .ourser{
        padding-top: 115px;
      }