body {
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 1.5vw;
                margin: 0%;
                padding: 0%;
                color: #302f2f;
                justify-content: center;
            }
            
            header {
                display: flex;
                flex-direction: row;
                max-width: 100%;
                height: 90pt;
                justify-content: space-between;
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                box-sizing: border-box;
                background-color: #041d64;
                margin-bottom: -0.4%;
                border-bottom: 1pt solid black;
            }
            
            .rectangle {
                position: absolute;
                height: 100px;
                /* Changeable height */
                background-color: rgb(255, 255, 255);
                width: 18%;
                height: 105pt;
                clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);
            }
            
            .rectangle1 {
                position: absolute;
                background-color: rgb(255, 255, 255);
                width: 24%;
                height: 170pt;
                margin-left: -1%;
                clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);
            }
            
            .rectangle1 img{
                margin-left:5%;
               height:35%;
               width:30%;
            }
            
            main {
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                box-sizing: border-box;
                max-width: 100%;
            }
            
            .logo {
                width: 130pt;
                height: 70pt;
                margin-left: 8%;
                margin-top: 3%;
                background-repeat: repeate;
                animation: shine 1s infinite alternate;
            }
            
            @keyframes shine {
                0% {
                    filter: brightness(50%);
                }
                100% {
                    filter: brightness(130%);
                }
            }
            
            .roundleft {
                position: relative;
                width: 100%;
                height: 500px;
                margin-top: -4%;
                background-color: #041d64;
            }
            
            .roundleft img {
                position: absolute;
                overflow: hidden;
                border-top-left-radius: 0px;
                border-bottom-left-radius: 0px;
                border-top-right-radius: 250px;
                border-bottom-right-radius: 260px;
                width: 50%;
                height: 99.6%;
                border: 1pt solid black;
            }

            
            .missiontext {
                position: relative;
                margin-top: 4%;
                margin-left: 73%;
                color: #ffffff;
                padding-top:4%;
            }
            
            .missiondata {
                position: relative;
                margin-top: 5%;
                margin-left: 53%;
                margin-right: 3%;
                text-align: justify;
                font-size: 15pt;
                color: white;
            }
            
            .halfroundright {
                position: relative;
                overflow: hidden;
                width: 100%;
                /* Adjust as needed */
                height: 500px;
                /* Adjust as needed */
                background-color: white;
            }
            
            .halfroundright img {
                position: absolute;
                right: 0;
                border-top-left-radius: 250px;
                border-bottom-left-radius: 250px;
                border-top-right-radius: 0px;
                border-bottom-right-radius: 0px;
                width: 50%;
                height: 100%;
            }
            
            .visiontext {
                position: relative;
                margin-top: 5%;
                margin-left: 22%;
                color: #020202;
            }
            
            .visiondata {
                position: relative;
                margin-top: 5%;
                margin-right: 53%;
                margin-left: 3%;
                text-align: justify;
                color: #000000;
                font-size: 15pt;
            }
            
            .halfroundleft1 {
                position: relative;
                width: 100%;
                height: 500px;
                margin-top: -1.6%;
                background-color: #041d64;
            }
            
            .halfroundleft1 img {
                position: absolute;
                overflow: hidden;
                border-top-left-radius: 0px;
                border-bottom-left-radius: 0px;
                border-top-right-radius: 250px;
                border-bottom-right-radius: 260px;
                width: 50%;
                height: 99.6%;
                border: 1pt solid black;
            }
            
            .qualitytext {
                position: relative;
                padding-top: 8%;
                margin-left: 67%;
                color: #ffffff;
            }
            
            .qualitydata {
                position: relative;
                margin-top: 3%;
                margin-left: 53%;
                margin-right: 3%;
                text-align: justify;
                font-size: 15pt;
                color: white;
            }
            
            nav {
                margin-top: 4%;
                margin-left: 360pt;
            }
            
            nav ul {
                font-family: Calibri (Body);
                list-style-type: none;
                display: flex;
                align-items: flex-start;
                flex-wrap: wrap;
            }
            
            nav ul li {
                margin-left: 1.5vw;
                height: 100%;
                margin-top: 0%;
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 0.7em;
            }
            
            nav ul li a {
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                display: block;
                color: rgb(255, 255, 255);
                text-align: center;
                text-decoration: none;
                background-color: transparent;
            }
            
            nav ul li a:hover {
                background-color: #7cace4;
                color: rgb(155, 10, 10);
            }
            
            .dropdown {
                position: relative;
            }
            
            .dropdown-content {
                display: none;
                height: auto;
                position: fixed;
                background-color: #ffffff;
                max-width: 100%;
                z-index: 1;
            }
            
            .dropdown-content a {
                color: #000000;
                display: block;
                text-decoration: none;
                border-bottom: 1pt solid #000000;
                background-color: #d8cbcb;
            }
            
            .dropdown:hover .dropdown-content {
                display: block;
            }
            
            .dropdown-content a:hover {
                color: rgb(155, 10, 10);
            }
            
            header ul {
                margin-top: 0%;
                font-family: Calibri (Body);
                list-style-type: none;
            }
            
            .homeback {
                background-color: transparent;
                width: 100%;
            }
            
            .animatedtext {
                position: relative;
                animation: move-up 1.7s linear forwards;
            }
            
            @keyframes move-up {
                0% {
                    opacity: 0;
                    transform: translateY(300%);
                }
                100% {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
            
            .logos {
                position: fixed;
                top: 2%;
                right: 0%;
                transform: translateY(-50%);
                width: 2.6%;
                /* Adjust size as needed */
                height: 3%;
                /* Adjust size as needed */
                background-color: transparent;
                display: flex;
                flex-direction: column;
                margin-left: 2%;
            }
            
            .circular-logo {
                width: 59%;
                /* Adjust size as needed */
                height: 70%;
                /* Adjust size as needed */
                margin-left: 20%;
                margin-top: 15%;
                border: 1pt solid black;
                border-radius: 50%;
                /* Makes the image circular */
                overflow: hidden;
                /* Ensures image stays within circular border */
            }
            .aboutimage{
             width: 100%;
             height: 500pt;
             margin-top: -0.8%;
             border: 1pt solid black;
              }
            
            
            .feedback {
                border: 2pt solid black;
                width: 60%;
                margin-top: 2%;
                margin-bottom: 2%;
                margin-left: 18%;
                padding-bottom: 2%;
            }
            
            .feedback form {
                width: 50%;
                margin-left: 25%;
            }
            
            .messagetext {
                margin-left: 27.5%;
                margin-top: -4%;
                width: 80%;
            }
            
            .grid-container {
                background-color: #ffffffcc;
                margin-top: 1%;
                margin-bottom: 3%;
                display: grid;
                margin-left: 2.5%;
                max-width: fit-content;
                max-height: fit-content;
                grid-template-columns: repeat(2, 1fr);
            }
            
            .grid-item {
                background-color: #2c3341;
                color: white;
                width: 90%;
                height: 420pt;
                padding-left: 2%;
                padding-right: 2%;
                text-align: justify;
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 11.5pt;
                box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.700);
                padding-bottom: 10%;
            }
            .grid-item h2{
                text-align: center;
            }
            .grid-item h2{
                text-align: center;
                font-family: Arial, Helvetica, sans-serif;
                margin-top: 3%;
            }
            .grid-item p{
                text-align: justify;
                font-size:medium;
                line-height: 1.5;
            }

            
            .grideul {
                text-align: start;
                height: auto;
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: medium;
                width: 50%;
            }
            
            .slider-container {
                background-color: #041d64;
                overflow: hidden;
                width: 100%;
                /* Full width of the viewport */
                position: relative;
                margin-top: -0.4%;
                height: 110px;
            }
            
            .slider-content {
                white-space: nowrap;
                margin-left: 1pt;
                height: 100px;
                width: 130%;
                animation: slide 30s linear infinite;
                /* Adjust the duration as needed */
            }
            
            .slider-content img {
                border: solid 1pt black;
                width: 8.5%;
                height: 80pt;
                margin-left: 10pt;
                display: inline-block;
            }
            /* Keyframe animation */
            
            @keyframes slide {
                0% {
                    transform: translateX(50%);
                    /* Start position */
                }
                80% {
                    transform: translateX(-100%);
                    /* End position */
                }
            }
            
            .slider-container1 {
                background-color: #ffffff;
                overflow: hidden;
                width: 100%;
                /* Full width of the viewport */
                position: relative;
                margin-top: 0%;
                height: 80px;
                margin-bottom: 0%;
            }
            
            .slider-content1 {
                white-space: nowrap;
                margin-left: 2px;
                margin-top: -1.2%;
                animation: slide 30s linear infinite;
                /* Adjust the duration as needed */
            }
            
            .slider-content1 h1 {
                margin-left: 10px;
                display: inline-block;
                opacity: 40%;
            }
            /* Keyframe animation */
            
            @keyframes slide {
                0% {
                    transform: translateX(50%);
                    /* Start position */
                }
                80% {
                    transform: translateX(-100%);
                    /* End position */
                }
            }
            
            .grid-container3 {
                margin-top: 0%;
                display: grid;
                max-width: 100%;
                grid-template-columns: repeat(3, 1fr);
                /* Three equal columns */
            }
            .grid-container3 h3{
                margin-top: 8%;
                text-align: center;

            }
            
            .grid-item3 {
                width: 85%;
                height: auto;
                text-align: center;
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 18pt;
            }
            .grid-item3 p{
                font-size: 0.8em;
            }
            
            .grid-container2 {
                background-color: transparent;
                color: white;
                margin-top: 0%;
                display: grid;
                margin-left: 1%;
                max-width: 100%;
                grid-template-columns: repeat(4, 1fr);
                /* Three equal columns */
            }
            
            .grid-item2 {
                background-color: transparent;
                /* Background color */
                width: 50%;
                height: auto;
                margin-left: 2%;
                text-align: left;
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 17px;
            }
            
            .grid-item2-1 {
                background-color: transparent;
                /* Background color */
                width: 70%;
                height: auto;
                text-align: left;
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 17px;
            }
            
            .footer {
                box-sizing: border-box;
                margin-top: 0%;
                margin-bottom: 0.4%;
                background-color: #041d64;
            }
            
            .footertext {
                font-size: 0.8em;
                font-family: Cambria;
                text-align: left;
                width: 60%;
                margin-left: 7%;
                margin-top: 0%;
                color: black;
                line-height: 12pt;
            }
            
            .disclaimer-button,
            .privacy-policy-button,
            .terms-use-button,
            .contact-us-button,
            .certification-button,
            .services-button,
            .leadership-button,
            .network-button {
                background-color: transparent;
                color: white;
                border: none;
                cursor: pointer;
            }
            
            .modal {
                display: none;
                position: fixed;
                z-index: 1;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: auto;
                background-color: rgba(0, 0, 0, 0.4);
                cursor: pointer;
            }
            
            .modal-content {
                background: linear-gradient(to right, #f3e2d6, #d4e6f1, #f3e2d6);
                margin: 3% auto;
                padding: 5%;
                border: 1px solid black;
                width: 80%;
                height: max-content;
                cursor: pointer;
            }
            
            .modal-content p {
                font-size: 14pt;
            }
            
            .modal-content li {
                font-size: 14pt;
            }
            
            .image-container {
                position: relative;
                width: 100%;
                overflow: hidden;
            }
            
            .sliding-image {
                position: relative;
                left: -100%;
                animation: slideIn 2s forwards;
                width: 20%;
                margin-left: 5%;
                height: auto;
            }
            
            @keyframes slideIn {
                0% {
                    left: -100%;
                }
                100% {
                    left: 0;
                }
            }
            
            .gatevalve1 {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }
     
            
            .certform {
                margin-top: 4%;
                margin-bottom: 1%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            .certification {
                text-align: center;
                width: 70%;
                height: auto;
                box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.700);
                background-color: #2c3341;
                color: white;
            }
            
            .container {
                max-width: 80%;
                margin: 20px auto;
                padding: 20px;
                background-color: white;
                color: black;
                border-radius: 5px;
                border: 1pt solid black;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            }
            
            .job {
                margin-bottom: 20px;
                background-color: #2c3341;
                padding: 20px;
                color: white;
                border: 1px solid rgb(255, 255, 255);
                border-radius: 5px;
            }
            
            .job h2 {
                margin-top: 0;
            }
            
            .job p {
                margin: 0;
            }
            
            .gallery {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                margin: 1%;
                width:100%;
            }
            
            .gallery img {
                width: 410px;
                height: 400px;
                margin: 10px;
                margin-bottom: 1%;
                border: 2px solid black;
                border-radius: 5px;
                transition: transform 0.3s;
            }
            
            .gallery img:hover {
                transform: scale(0.9);
            }
            
            .container3 {
                background-color: white;
                max-width: 100%;
                max-height: max-content;
                padding: 5%;
                display: flex;
                flex-wrap: wrap;
                /* Allow items to wrap to the next line */
            }
            
            .container3 a {
                width: 200px;
                height: 280px;
                border: 2px solid black;
                background-color: white;
                border-radius: 5px;
                padding: 20px;
                margin-left: 11.5%;
                margin-bottom: 2%;
                margin-top: 2%;
            }
            
            .product img {
                max-width: 180px;
                height: 200px;
                margin-left: 10%;
                transition: transform 0.3s;
            }
            
            .product img:hover {
                transform: scale(0.9);
            }
            
            .feedback_submit {
                display: inline-block;
                padding: 5px 20px;
                font-size: 12px;
                text-align: center;
                text-decoration: none;
                border: 1pt solid black;
                cursor: pointer;
                border-radius: 5px;
                transition: background-color 0.3s ease;
                background-color: #041d64;
                /* Green */
                color: white;
                margin-left: 37%;
            }
            
            .feedback_submit:hover {
                background-color: #45a049;
            }
            
            .feedback_reset {
                background-color: #d6645b;
                margin-left: 2%;
            }
            
            .feedback_reset:hover {
                background-color: #45a049;
            }