* {
                                        height: auto;
                                        margin: 0px;
                                        padding: 0px;
                                        text-decoration: none;
                                        list-style: none;
                                        box-sizing: border-box;
                                    }
                                    
                                    @font-face {
                                        font-family: Cario;
                                        src: url('./assets/fonts/Cairo-Regular.ttf');
                                    }
                                    
                                    body {
                                        width: 100%;
                                        height: auto;
                                        font-family: Cario;
                                        background-color: #000000;
                                        position: relative;
                                        top: -30px;
                                    }
                                    
                                    .Conatiner {
                                        width: 70%;
                                    }
                                    
                                    nav {
                                        position: fixed;
                                        top: 0;
                                        left: 0;
                                        right: 0;
                                        z-index: 1;
                                        background: transparent;
                                        height: 70px;
                                        width: 100%;
                                        animation-name: nav-bar;
                                        animation-duration: 2.3s;
                                        animation-fill-mode: forwards;
                                        backdrop-filter: blur(10px);
                                        box-shadow: 0 0 15px rgba(#000, 0.1);
                                    }
                                    
                                    .image-logo {
                                        height: 70px;
                                        transform: translate(15%);
                                    }
                                    
                                    nav ul {
                                        float: right;
                                        margin-right: 50px;
                                    }
                                    
                                    nav ul li {
                                        display: inline-block;
                                        line-height: 80px;
                                        margin: 0 5px;
                                    }
                                    
                                    nav ul li a {
                                        color: #d4fafa;
                                        font-size: 17px;
                                        padding: 7px 8px;
                                        border-radius: 3px;
                                        background: none;
                                        font-weight: bold;
                                    }
                                    
                                    a:hover {
                                        transition: .5s;
                                        color: #fdf169;
                                        background: none;
                                    }
                                    
                                    .checkbtn {
                                        font-size: 30px;
                                        color: #fdf169;
                                        float: right;
                                        line-height: 80px;
                                        margin-right: 40px;
                                        cursor: pointer;
                                        display: none;
                                    }
                                    
                                    #check {
                                        display: none;
                                    }
                                    
                                    .footer {
                                        bottom: 0;
                                        height: 65px;
                                        width: 100%;
                                        background: #000000;
                                        margin-top: auto;
                                    }
                                    
                                    .footer-bottom {
                                        text-align: center;
                                        padding: 10px;
                                        background: #000000;
                                        color: #fff;
                                        font-size: 15px;
                                        margin-top: 10px;
                                        padding-top: 20px;
                                    }
                                    /* contact */
                                    /* \\contact css */
                                    
                                    .contact {
                                        position: relative;
                                        min-height: 100vh;
                                        padding: 50px 100px;
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        flex-direction: column;
                                        background: #fff;
                                    }
                                    
                                    .contact .contact-us {
                                        max-width: 700px;
                                        text-align: center;
                                    }
                                    
                                    .contact .contact-us h2 {
                                        font-size: 36px;
                                        font-weight: 500;
                                        color: #fdbb65;
                                        margin-top: 35px;
                                    }
                                    
                                    .container {
                                        width: 100%;
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        margin-top: 30px;
                                    }
                                    
                                    .container .contactInfo {
                                        margin-top: 30px;
                                        display: grid;
                                        grid-template-columns: repeat(1, 1fr);
                                    }
                                    
                                    .container .contactInfo .box {
                                        width: 500px;
                                        display: grid;
                                        grid-template-columns: 300px 100px;
                                        justify-content: right;
                                        margin-bottom: 20px;
                                    }
                                    /* conactinfo-e */
                                    
                                    .container .contactInfo-e {
                                        margin-top: 30px;
                                        display: grid;
                                        grid-template-columns: repeat(1, 1fr);
                                    }
                                    
                                    .container .contactInfo-e .box {
                                        margin-left: 80px;
                                        width: fit-content;
                                        display: grid;
                                        grid-template-columns: 100px 300px;
                                        justify-content: left;
                                        margin-bottom: 20px;
                                    }
                                    
                                    .container .contactInfo-e .icon {
                                        min-width: 60px;
                                        background: #00bbea;
                                        opacity: 0.8;
                                        height: 60px;
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        border-radius: 50%;
                                        font-size: 22px;
                                        margin-right: 50px;
                                    }
                                    
                                    .container .contactInfo-e .box .text-3 {
                                        display: block;
                                        font-size: 16px;
                                        flex-direction: column;
                                        font-weight: 300;
                                        align-items: left;
                                        float: left;
                                    }
                                    
                                    .container .contactInfo-e .box .text-3 p {
                                        float: left;
                                    }
                                    
                                    .container .contactInfo-e .box .text-3 h3 {
                                        display: flex;
                                        font-weight: 500;
                                        color: #0382e9;
                                        justify-content: left;
                                        align-items: left;
                                    }
                                    
                                    .container .contactInf-e .box .text h3,
                                    .box-1 .text h3 {
                                        display: flex;
                                        font-weight: 500;
                                        color: #0382e9;
                                        justify-content: right;
                                        align-items: right;
                                    }
                                    /* end */
                                    
                                    .container .contactInfo .icon {
                                        min-width: 60px;
                                        background: #00bbea;
                                        opacity: 0.8;
                                        height: 60px;
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        border-radius: 50%;
                                        font-size: 22px;
                                        margin-left: 50px;
                                    }
                                    
                                    .container .contactInfo .box .text-3 {
                                        display: block;
                                        font-size: 16px;
                                        flex-direction: column;
                                        font-weight: 300;
                                        align-items: right;
                                        float: right;
                                    }
                                    
                                    .container .contactInfo .box .text-3 p {
                                        float: right;
                                    }
                                    
                                    .container .contactInfo .box .text-3 h3 {
                                        display: flex;
                                        font-weight: 500;
                                        color: #0382e9;
                                        justify-content: right;
                                        align-items: right;
                                    }
                                    
                                    .container .contactInfo .box .text h3,
                                    .box-1 .text h3 {
                                        display: flex;
                                        font-weight: 500;
                                        color: #0382e9;
                                        justify-content: right;
                                        align-items: right;
                                    }
                                    
                                    .contactForm {
                                        width: 40%;
                                        padding: 40px;
                                    }
                                    
                                    .contactForm h2 {
                                        font-size: 30px;
                                        color: #0382e9;
                                        font-weight: 500;
                                    }
                                    
                                    .contactForm .inputBox {
                                        position: relative;
                                        width: 100%;
                                        margin-top: 10px;
                                    }
                                    
                                    .contactForm .inputBox input,
                                    textarea {
                                        width: 100%;
                                        padding: 5px 0;
                                        font-size: 16px;
                                        margin: 10px 0;
                                        border: none;
                                        border-bottom: 2px solid #333;
                                        outline: none;
                                        resize: none;
                                    }
                                    
                                    .contactForm .inputBox span {
                                        position: absolute;
                                        right: 0;
                                        font-size: 16px;
                                        margin: 10px 0;
                                        pointer-events: none;
                                        transition: 0.5s;
                                        color: #666;
                                    }
                                    
                                    .span-E {
                                        position: absolute;
                                        left: 0;
                                        font-size: 16px;
                                        margin: 10px 0;
                                        pointer-events: none;
                                        transition: 0.5s;
                                        color: #666;
                                    }
                                    
                                    .contactForm .inputBox input:focus~span,
                                    .contactForm .inputBox input:valid~span,
                                    .contactForm .inputBox textarea:focus~span,
                                    .contactForm .inputBox textarea:focus~span {
                                        color: #9d0208;
                                        font-size: 12px;
                                        transform: translateY(-10px);
                                    }
                                    
                                    .contactForm .inputBox input[type="submit"] {
                                        position: absolute;
                                        width: 100px;
                                        right: 0;
                                        background: #0382e9;
                                        color: #fdf169;
                                        border: none;
                                        cursor: pointer;
                                        padding: 10px;
                                        font-size: 18px;
                                        border-radius: 5px;
                                    }
                                    
                                    .submit-e {
                                        position: absolute;
                                        width: 100px;
                                        left: 0;
                                        background: #0382e9;
                                        color: #fdf169;
                                        border: none;
                                        cursor: pointer;
                                        padding: 10px;
                                        font-size: 18px;
                                        border-radius: 5px;
                                    }
                                    
                                    .contactForm .inputBox input:hover[type="submit"] {
                                        background: #000000;
                                        color: #fdbb65;
                                    }
                                    /* conact */
                                    /* Servise-page */
                                    
                                    .services-section {
                                        margin-top: 45px;
                                        padding: 60px 0;
                                        background: #000000;
                                    }
                                    
                                    .services-section-2 {
                                        margin-top: 45px;
                                        padding: 60px 0;
                                        background: #fff;
                                    }
                                    
                                    .inner-width {
                                        width: 100%;
                                        max-width: 1200px;
                                        margin: auto;
                                        padding: 0 20px;
                                        overflow: hidden;
                                    }
                                    
                                    .section-title {
                                        text-align: center;
                                        color: #fdbb65;
                                        font-size: 36px;
                                        font-weight: 500;
                                        margin-top: 30px;
                                    }
                                    
                                    .section-title- {
                                        text-align: center;
                                        color: #ffffff;
                                        font-size: 36px;
                                        font-weight: 500;
                                        margin-top: 30px;
                                        margin-bottom: 25px;
                                    }
                                    
                                    .join-title {
                                        text-align: center;
                                        color: #fdf169;
                                        font-size: 36px;
                                        font-weight: 500;
                                        margin-bottom: 20px;
                                        margin-left: 600px;
                                    }
                                    
                                    .section-sub-title {
                                        color: #fdbb65;
                                        font-size: 30px;
                                        font-weight: 500;
                                        margin-right: 40px;
                                        text-align: center;
                                        margin-bottom: 25px;
                                    }
                                    
                                    .services-contianer {
                                        display: flex;
                                        flex-wrap: wrap;
                                        justify-content: center;
                                        position: relative;
                                    }
                                    
                                    .service-box {
                                        max-width: 33.33%;
                                        padding: 35px;
                                        text-align: center;
                                        color: #fff;
                                    }
                                    
                                    .service-box-2 {
                                        max-width: 33.33%;
                                        padding: 35px;
                                        text-align: center;
                                        color: #2c3e50;
                                    }
                                    
                                    .service-icon {
                                        display: inline;
                                        width: 70px;
                                        height: 70px;
                                        margin-bottom: 15px;
                                        margin-top: 15px;
                                        transition: 0.3 linear;
                                    }
                                    
                                    .service-icon img {
                                        line-height: 60px;
                                        max-width: 50px;
                                        max-height: 50px;
                                    }
                                    
                                    .service-title {
                                        font-size: 19px;
                                        margin-bottom: 10px;
                                    }
                                    
                                    .upper-service {
                                        background: #000000;
                                        height: 600px;
                                    }
                                    /* Service page end */
                                    /* Product Page */
                                    
                                    .Products {
                                        height: auto;
                                        /* width: 90%; */
                                        margin: 20px;
                                    }
                                    
                                    .services__wrapper {
                                        display: grid;
                                        grid-template-columns: 1fr 1fr 1fr 1fr;
                                        grid-template-rows: 1fr;
                                    }
                                    
                                    .card-image {
                                        margin-top: 5px;
                                        height: 200px;
                                        width: 300px;
                                        border-radius: 3px;
                                    }
                                    
                                    #Product-body {
                                        display: none;
                                    }
                                    
                                    .services__card {
                                        margin: 10px;
                                        height: 350px;
                                        width: 300px;
                                        border-radius: 4px;
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        color: #fff;
                                        /* background-image: linear-gradient(to right, #94a5a5 0%, #a1a7ad 100%); */
                                        background-color: #878fa6;
                                        background-image: linear-gradient(to right, #82b3c4 0%, #458698 100%);
                                        transition: 0.3s ease-in;
                                        /* backdrop-filter: blur(10px);
                box-shadow: 0 0 15px rgba(rgb(150, 42, 42), 0.1);
                -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px); */
                                        -webkit-backdrop-filter: blur(10px);
                                        backdrop-filter: blur(10px);
                                        background-color: rgba(24838ea45, 245, 245, 0.5);
                                        display: grid;
                                        display: grid;
                                        grid-template-rows: 200px 20px 150px;
                                        margin-bottom: 50px;
                                    }
                                    /* .services__card:nth-child(2) {
                background: #1fa2ff;
                background: -webkit-linear-gradient( to right, #a6ffcb, #12d8fa, #1fa2ff);
                background: linear-gradient( to right, #a6ffcb, #12d8fa, #1fa2ff);
            }
            
            .services__card:nth-child(3) {
                background-image: linear-gradient( -225deg, #004586 0%, #00f9ff 29%, #e9e36b 67%, #dfcc6c 100%);
            } */
                                    
                                    .services__card h2 {
                                        text-align: center;
                                        color: #fff;
                                    }
                                    
                                    .services__card p {
                                        text-align: center;
                                        margin-top: 24px;
                                        font-size: 20px;
                                        color: #041322;
                                    }
                                    
                                    .services__btn {
                                        display: flex;
                                        justify-content: center;
                                        margin-top: 16px;
                                    }
                                    
                                    .services__card button:hover {
                                        cursor: pointer;
                                    }
                                    
                                    .services__card:hover {
                                        transform: scale(1.075);
                                        transition: 0.3s ease-in;
                                        cursor: pointer;
                                    }
                                    
                                    .services__card:hover #Product-body {
                                        display: block;
                                    }
                                    /* End Product Page */
                                    /* Main EMFS */
                                    
                                    .section-main {
                                        width: 100%;
                                        background: #242f65;
                                        background-image: url("./assets/images/icon.png");
                                        background-repeat: no-repeat;
                                        background-size: contain;
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        position: relative;
                                        height: 600px;
                                        border-bottom: rgba(252, 252, 252, 0.555) solid 3px;
                                        animation-fill-mode: forwards;
                                        backdrop-filter: blur(10px);
                                    }
                                    
                                    #section {
                                        word-wrap: break-word;
                                        width: 548px;
                                    }
                                    
                                    .section-main .content {
                                        position: absolute;
                                        right: 25px;
                                        float: right;
                                    }
                                    
                                    .section-main .content h1 {
                                        font-size: 35px;
                                        font-weight: 500;
                                        color: #fdbb65;
                                        text-align: justify;
                                        font-weight: bold;
                                    }
                                    
                                    .section-main .content a {
                                        font-size: 18px;
                                        color: #121212;
                                        text-align: justify;
                                    }
                                    
                                    .section-main .content a:hover {
                                        background: none;
                                        transition: .5s;
                                        color: #fdbb65;
                                    }
                                    
                                    .section-main .content p {
                                        font-size: 18px;
                                        font-weight: 200;
                                        color: #fff;
                                        line-height: 1.8;
                                        text-align: justify;
                                        margin-top: 25px;
                                        margin-bottom: 10px;
                                    }
                                    
                                    #section {
                                        display: none;
                                    }
                                    
                                    .image-service {
                                        display: inline;
                                        width: 40%;
                                        height: 40%;
                                        border-radius: 50%;
                                        margin-bottom: 20px;
                                        margin-top: 20px;
                                        transform: translate(60%);
                                        transition: 0.3 linear;
                                        margin-right: 220px;
                                    }
                                    
                                    .main-service {
                                        width: 100%;
                                        padding: 60px 0;
                                        background: #fff;
                                    }
                                    
                                    .Container-service {
                                        display: grid;
                                        grid-template-columns: auto auto auto;
                                        grid-gap: 5px;
                                        width: 100%;
                                        max-width: 1200px;
                                        margin: auto;
                                        padding: 0 20px;
                                        overflow: hidden;
                                        position: relative;
                                    }
                                    
                                    .Container-service .box-service {
                                        max-width: 80.33%;
                                        padding: 35px;
                                        text-align: center;
                                        color: #2c3e50;
                                        font-size: 20px;
                                        margin-left: 70px;
                                    }
                                    
                                    .Container-service .text-3 h3 {
                                        margin-bottom: 10px;
                                    }
                                    /* Main-end */
                                    /* News */
                                    
                                    .News {
                                        height: 550px;
                                        width: 100%;
                                        background-color: #0b0c14;
                                    }
                                    
                                    * {
                                        box-sizing: border-box
                                    }
                                    /* Slideshow container */
                                    
                                    .slideshow-container {
                                        max-width: 100%;
                                        position: relative;
                                        /* height: 600px; */
                                        margin: auto;
                                    }
                                    /* Hide the images by default */
                                    
                                    .mySlides {
                                        display: none;
                                    }
                                    /* Next & previous buttons */
                                    
                                    .prev,
                                    .next {
                                        cursor: pointer;
                                        position: absolute;
                                        top: 50%;
                                        width: auto;
                                        margin-top: -22px;
                                        padding: 16px;
                                        color: white;
                                        /* font-weight: bold; */
                                        font-size: 25px;
                                        transition: 0.6s ease;
                                        border-radius: 0 3px 3px 0;
                                        user-select: none;
                                    }
                                    /* Position the "next button" to the right */
                                    
                                    .next {
                                        right: 0;
                                        border-radius: 3px 0 0 3px;
                                    }
                                    /* On hover, add a black background color with a little bit see-through */
                                    
                                    .prev:hover,
                                    .next:hover {
                                        /* background-color: rgba(0, 0, 0, 0.8); */
                                        color: #00bbea;
                                    }
                                    /* Caption text */
                                    
                                    .text {
                                        color: #f2f2f2;
                                        font-size: 25px;
                                        /* padding: 8px 12px; */
                                        /* position: absolute;
                                        bottom: 35%;
                                        right: 42%; */
                                        width: 100%;
                                        max-width: 90%;
                                        word-wrap: break-word;
                                        text-align: justify;
                                    }
                                    
                                    .text-header {
                                        color: #fdf169;
                                        font-size: 35px;
                                        font-weight: bold;
                                        /* padding: 8px 12px; */
                                        /* position: absolute;
                                        bottom: 65%;
                                        right: 45%; */
                                        width: 100%;
                                        word-wrap: break-word;
                                        text-align: center;
                                    }
                                    
                                    .Slider-Section {
                                        display: grid;
                                        grid-template-columns: 5% 65% 30%;
                                        width: 100%;
                                        height: 100%;
                                    }
                                    
                                    .Slider-Section-2 {
                                        display: grid;
                                        grid-template-columns: 5% 75% 20%;
                                        width: 100%;
                                        height: 100%;
                                    }
                                    
                                    .Slide-content {
                                        display: grid;
                                        grid-template-rows: 25% 20% 55%;
                                    }
                                    
                                    .Slide-content-2 {
                                        display: grid;
                                        grid-template-rows: 25% 15% 60%;
                                    }
                                    /* Number text (1/3 etc) */
                                    
                                    .numbertext {
                                        color: #f2f2f2;
                                        font-size: 12px;
                                        padding: 8px 12px;
                                        position: absolute;
                                        top: 0;
                                    }
                                    /* The dots/bullets/indicators */
                                    
                                    .dots {
                                        position: absolute;
                                        top: 1160px;
                                        right: 45%;
                                        visibility: hidden;
                                    }
                                    
                                    .dot {
                                        cursor: pointer;
                                        height: 15px;
                                        width: 15px;
                                        margin: 0 2px;
                                        background-color: #bbb;
                                        border-radius: 50%;
                                        display: inline-block;
                                        transition: background-color 0.6s ease;
                                    }
                                    
                                    .active,
                                    .dot:hover {
                                        background-color: #00bbea8e;
                                    }
                                    /* Fading animation */
                                    
                                    .fade {
                                        -webkit-animation-name: fade;
                                        -webkit-animation-duration: 1.5s;
                                        animation-name: fade;
                                        animation-duration: 1.5s;
                                    }
                                    
                                    @-webkit-keyframes fade {
                                        from {
                                            opacity: .4
                                        }
                                        to {
                                            opacity: 1
                                        }
                                    }
                                    
                                    @keyframes fade {
                                        from {
                                            opacity: .4
                                        }
                                        to {
                                            opacity: 1
                                        }
                                    }
                                    /* End--News */
                                    /* Vision */
                                    
                                    .vision-content {
                                        font-size: 18px;
                                        font-weight: 200;
                                        color: #041322;
                                        line-height: 1.8;
                                        text-align: justify;
                                        margin-top: 25px;
                                        text-align: center;
                                    }
                                    
                                    .Vision-section {
                                        padding: 60px 0;
                                        background: #fff;
                                    }
                                    
                                    .vision-section {
                                        flex-wrap: wrap;
                                        justify-content: center;
                                        position: relative;
                                        display: grid;
                                        grid-template-columns: 50% 50%;
                                    }
                                    
                                    .vision-box {
                                        padding: 35px;
                                        text-align: center;
                                        color: #fdbb65;
                                        justify-content: center;
                                    }
                                    
                                    .vision-title {
                                        font-size: 18px;
                                        margin-bottom: 10px;
                                    }
                                    
                                    .vision-icon {
                                        display: inline;
                                        width: 70px;
                                        height: 70px;
                                        margin-top: 15px;
                                        margin-bottom: 20px;
                                        justify-content: center;
                                    }
                                    /* Resize images */
                                    
                                    .vision-icon img {
                                        width: 80px;
                                        height: 80px;
                                    }
                                    
                                    .vision-content {
                                        font-size: 18px;
                                        margin-bottom: 10px;
                                    }
                                    /* Vision-End */
                                    /* join us  */
                                    
                                    .join-content {
                                        font-size: 18px;
                                        font-weight: 200;
                                        color: #fff;
                                        line-height: 1.8;
                                        text-align: justify;
                                        max-width: 500px;
                                        margin-left: 650px;
                                    }
                                    
                                    .join-section {
                                        padding: 100px 0;
                                        background: rgb(84, 104, 193);
                                        background-image: url(./assets/images/joinus2.jpg), linear-gradient(180deg, rgba(34, 45, 99, 1) 6%, rgba(35, 47, 103, 1) 15%, rgba(37, 82, 141, 1) 92%);
                                        background-repeat: no-repeat;
                                        background-size: contain, cover;
                                    }
                                    
                                    .joinus-contaner {
                                        width: 100%;
                                        max-width: 1200px;
                                        margin: auto;
                                        padding: 0 20px;
                                        overflow: hidden;
                                    }
                                    /* join us - end */
                                    /* loader */
                                    
                                    #loader {
                                        background-color: black;
                                        background-image: url(./assets/images/loader2.gif);
                                        position: fixed;
                                        right: 0;
                                        top: 0;
                                        left: 0;
                                        bottom: 0;
                                        justify-content: center;
                                        align-content: center;
                                        background-repeat: no-repeat;
                                        background-position: center;
                                        z-index: 1000;
                                    }
                                    
                                    .pageloaded {
                                        opacity: 0;
                                    }
                                    /* end-loader */
                                    
                                    @keyframes nav-bar {
                                        0% {
                                            top: -1000px;
                                        }
                                        100% {
                                            top: 0;
                                        }
                                    }
                                    /* our partran  */
                                    
                                    .ticker {
                                        display: flex;
                                        flex-wrap: wrap;
                                        width: 100%;
                                        height: 50px;
                                        margin: 0 auto;
                                        margin-bottom: 24px;
                                        margin-top: 80px;
                                    }
                                    
                                    .ticker-2 {
                                        display: flex;
                                        flex-wrap: wrap;
                                        width: 100%;
                                        height: 50px;
                                        margin: 0 auto;
                                        margin-bottom: 24px;
                                        margin-top: 0px;
                                    }
                                    
                                    .Logo-Par {
                                        margin-top: 15px;
                                        height: 50px;
                                    }
                                    
                                    .news {
                                        width: 80%;
                                        /* background: #cc4444; */
                                        background-image: linear-gradient(to right, #82b3c4 0%, #458698 100%);
                                        padding: 0 2%;
                                    }
                                    
                                    .new-image {
                                        width: 100%;
                                        height: 550px;
                                        background-image: url("assets/images/new2-700.png");
                                        background-size: cover;
                                    }
                                    
                                    .new-image2 {
                                        width: 100%;
                                        height: 550px;
                                        background-image: url("assets/images/new1.png");
                                        background-size: cover;
                                    }
                                    
                                    .title {
                                        width: 20%;
                                        text-align: center;
                                        background-image: linear-gradient(to right, #00bbea 0%, #0088aa 100%);
                                        /* background: #c81c1c; */
                                        position: relative;
                                    }
                                    
                                    .title h5 {
                                        font-size: 18px;
                                        margin: 8% 0;
                                        justify-content: center;
                                        margin-top: 15px;
                                    }
                                    
                                    .news marquee {
                                        font-size: 18px;
                                        margin-top: 15px;
                                    }
                                    
                                    @media (max-width: 2048px) {
                                        .section-main {
                                            width: 100%;
                                            background: #242f65;
                                            background-image: url("./assets/images/icon.png");
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            position: relative;
                                            height: 900px;
                                        }
                                        .new-image {
                                            width: 100%;
                                            height: 550px;
                                            background-image: url("assets/images/2048-800.png");
                                            background-size: cover;
                                        }
                                    }
                                    
                                    @media (max-width: 1800px) {
                                        .section-main {
                                            width: 100%;
                                            background: #242f65;
                                            background-image: url("./assets/images/icon.png");
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            position: relative;
                                            height: 630px;
                                        }
                                        .new-image {
                                            width: 100%;
                                            height: 550px;
                                            background-image: url("assets/images/new2-700.png");
                                            background-size: cover;
                                        }
                                    }
                                    /* @media only screen and (min-width: 1152px) and (max-width: 2048px) {
                .section-main {
                    width: 100%;
                    background: #242f65;
                    background-image: url("./assets/images/icon2.png");
                    background-repeat: no-repeat;
                    background-size: cover;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    position: relative;
                    height: 600px;
                }
            } */
                                    
                                    @media(max-width: 1002px) and (min-width: 782px) {
                                        .join-section {
                                            padding: 50px 0;
                                            background: rgb(84, 104, 193);
                                            background-image: url(./assets/images/joinus2.jpg), linear-gradient(180deg, rgba(34, 45, 99, 1) 6%, rgba(35, 47, 103, 1) 15%, rgba(37, 82, 141, 1) 92%);
                                            background-repeat: no-repeat;
                                            background-size: 50% 100%;
                                        }
                                    }
                                    
                                    @media (max-width: 1310px) {
                                        /* 3 */
                                        .services__wrapper {
                                            display: grid;
                                            grid-template-columns: 1fr 1fr 1fr;
                                            grid-template-rows: 1fr;
                                            width: 95%;
                                            gap: 10px;
                                            align-self: center;
                                            justify-self: center;
                                            justify-items: center;
                                        }
                                        .text-header {
                                            color: #fdf169;
                                            font-size: 35px;
                                            font-weight: bold;
                                            width: 100%;
                                            word-wrap: break-word;
                                            text-align: center;
                                        }
                                        .section-main {
                                            width: 100%;
                                            background: #242f65;
                                            background-image: url("./assets/images/icon.png");
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            position: relative;
                                            height: 600px;
                                        }
                                        #section {
                                            width: 400px;
                                        }
                                        .new-image2 {
                                            width: 100%;
                                            height: 550px;
                                            background-image: url("assets/images/new1-900.png");
                                            background-size: cover;
                                        }
                                    }
                                    
                                    @media (max-width: 1024px) {
                                        .text-header {
                                            color: #fdf169;
                                            font-size: 35px;
                                            font-weight: bold;
                                            width: 100%;
                                            word-wrap: break-word;
                                            text-align: center;
                                        }
                                        .new-image2 {
                                            background-image: url("assets/images/new1-900.png");
                                        }
                                    }
                                    
                                    @media (max-width: 996px) {
                                        /* 3 */
                                        .services__wrapper {
                                            display: grid;
                                            grid-template-columns: 1fr 1fr;
                                            grid-template-rows: 1fr;
                                            width: 95%;
                                            gap: 10px;
                                            align-self: center;
                                            justify-self: center;
                                            justify-items: center;
                                        }
                                        .text-header {
                                            color: #fdf169;
                                            font-size: 35px;
                                            font-weight: bold;
                                            width: 100%;
                                            word-wrap: break-word;
                                            text-align: center;
                                        }
                                        .new-image {
                                            background-image: url("assets/images/new2-700.png");
                                            background-size: cover;
                                            height: 550px;
                                        }
                                    }
                                    
                                    @media (max-width: 880px) {
                                        #section {
                                            width: 350px;
                                            font-size: 16px;
                                        }
                                        .section-main {
                                            width: 100%;
                                            background: #242f65;
                                            background-image: url("./assets/images/icon2.png");
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            position: relative;
                                            height: 600px;
                                            border-bottom: rgba(252, 252, 252, 0.555) solid 3px;
                                            animation-fill-mode: forwards;
                                            backdrop-filter: blur(10px);
                                        }
                                        .new-image {
                                            width: 100%;
                                            height: 550px;
                                            background-image: url("assets/images/new2.png");
                                            background-size: cover;
                                        }
                                    }
                                    
                                    @media (max-width: 664px) {
                                        /* 3 */
                                        #section {
                                            width: 350px;
                                            font-size: 16px;
                                        }
                                        .section-main {
                                            width: 100%;
                                            background: #242f65;
                                            background-image: url("./assets/images/icon2.png");
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            position: relative;
                                            height: 600px;
                                            border-bottom: rgba(252, 252, 252, 0.555) solid 3px;
                                            animation-fill-mode: forwards;
                                            backdrop-filter: blur(10px);
                                        }
                                        .services__wrapper {
                                            display: grid;
                                            grid-template-columns: 1fr;
                                            grid-template-rows: 1fr;
                                            width: 95%;
                                            gap: 10px;
                                            align-self: center;
                                            justify-self: center;
                                            justify-items: center;
                                        }
                                        #Product-body {
                                            display: block;
                                        }
                                        .work {
                                            white-space: pre;
                                            max-width: 600px;
                                        }
                                        .new-image {
                                            background-image: url("assets/images/new2.png");
                                            background-size: cover;
                                            width: 100%;
                                            height: 550px;
                                        }
                                    }
                                    
                                    @media(max-width: 1048px) {
                                        .checkbtn {
                                            display: block;
                                        }
                                        ul {
                                            position: fixed;
                                            width: 100%;
                                            height: 100vh;
                                            background: #0b0c14;
                                            top: 80px;
                                            left: -110%;
                                            text-align: center;
                                            transition: all .5s;
                                            -webkit-box-shadow: 0px -4px 3px rgba(21, 22, 22, 0.267);
                                            -moz-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.062);
                                            box-shadow: 0px -2px 5px rgba(2, 2, 2, 0.226);
                                        }
                                        nav {
                                            position: fixed;
                                            top: 0;
                                            left: 0;
                                            right: 0;
                                            z-index: 10;
                                            background: #0b0c14;
                                            height: 80px;
                                            width: 100%;
                                            opacity: 1;
                                        }
                                        nav ul li {
                                            display: block;
                                            margin: 50px 0;
                                            line-height: 30px;
                                        }
                                        nav ul li a {
                                            font-size: 20px;
                                            cursor: pointer;
                                        }
                                        a:hover {
                                            background: none;
                                        }
                                        #join:target~.ul {
                                            left: -100px;
                                        }
                                        .a:active+#ul {
                                            background: none;
                                        }
                                        #check:checked~ul {
                                            left: 0;
                                        }
                                        .contactForm {
                                            margin-bottom: 30px;
                                        }
                                        .service-box {
                                            max-width: 70%;
                                        }
                                        .service-box-2 {
                                            max-width: 70%;
                                        }
                                        .service-icon {
                                            margin-right: 30px;
                                        }
                                        .box-service {
                                            max-width: 33.33%;
                                            padding: 35px;
                                            text-align: center;
                                            margin-bottom: 15px;
                                            max-width: 70%;
                                        }
                                        .content {
                                            width: fit-content;
                                            top: 70px;
                                            min-height: 100vh;
                                            float: right;
                                        }
                                        .section-main .content h1 {
                                            font-size: 25px;
                                            margin-top: 70px;
                                        }
                                        .Container-service {
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: center;
                                        }
                                        .ticker {
                                            display: flex;
                                            flex-wrap: wrap;
                                            width: 100%;
                                            height: 50px;
                                            margin: 0 auto;
                                            margin-bottom: 24px;
                                        }
                                        .ticker-2 {
                                            display: flex;
                                            flex-wrap: wrap;
                                            width: 100%;
                                            height: 50px;
                                            margin: 0 auto;
                                            margin-bottom: 24px;
                                        }
                                    }
                                    
                                    @media (max-width: 952px) {
                                        .image-logo {
                                            font-size: 30px;
                                            padding-left: 15px;
                                        }
                                        nav ul li a {
                                            font-size: 16px;
                                        }
                                        .contact {
                                            padding: 60px;
                                        }
                                        .container {
                                            flex-direction: column;
                                        }
                                        .container .contactInfo {
                                            margin-bottom: 40px;
                                        }
                                        .container .contactInfo,
                                        .contactForm {
                                            width: 100%;
                                        }
                                        .ticker {
                                            display: flex;
                                            flex-wrap: wrap;
                                            width: 100%;
                                            height: 50px;
                                            margin: 0 auto;
                                            margin-bottom: 24px;
                                        }
                                        .ticker-2 {
                                            display: flex;
                                            flex-wrap: wrap;
                                            width: 100%;
                                            height: 50px;
                                            margin: 0 auto;
                                            margin-bottom: 24px;
                                        }
                                    }
                                    
                                    @media(max-width: 830px) and (min-width:494px) {
                                        .join-section {
                                            padding: 50px 0;
                                            background: rgb(84, 104, 193);
                                            background-image: url(./assets/images/joinus2.jpg), linear-gradient(180deg, rgba(34, 45, 99, 1) 6%, rgba(35, 47, 103, 1) 15%, rgba(37, 82, 141, 1) 92%);
                                            background-repeat: no-repeat;
                                            background-size: contain, cover;
                                        }
                                        .join-title {
                                            margin-top: 480px;
                                            margin-left: 50px;
                                        }
                                        .join-content {
                                            margin-left: 50px;
                                        }
                                        .image-logo {
                                            transform: translate(20%);
                                        }
                                    }
                                    
                                    @media(max-width: 572px) {
                                        .checkbtn {
                                            display: block;
                                        }
                                        ul {
                                            position: fixed;
                                            width: 100%;
                                            height: 100vh;
                                            background: #0b0c14;
                                            top: 79px;
                                            left: -110%;
                                            text-align: center;
                                            transition: all .5s;
                                            -webkit-box-shadow: 0px -4px 3px rgba(21, 22, 22, 0.267);
                                            -moz-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.062);
                                            box-shadow: 0px -2px 5px rgba(2, 2, 2, 0.226);
                                        }
                                        nav ul li {
                                            display: block;
                                            margin: 50px 0;
                                            line-height: 30px;
                                        }
                                        nav ul li a {
                                            font-size: 20px;
                                        }
                                        a:hover,
                                        a.active {
                                            background: none;
                                        }
                                        #check:checked~ul {
                                            left: 0;
                                        }
                                        .contactForm {
                                            margin-bottom: 30px;
                                        }
                                        .box-1 {
                                            width: 75%;
                                            margin-left: 45px;
                                        }
                                        .section-main {
                                            height: 800px;
                                            background: rgb(0, 142, 190);
                                            background-size: auto;
                                            background: url("./assets/images/mobile-500.gif"), linear-gradient(180deg, rgba(0, 142, 190, 1) 6%, rgba(1, 124, 183, 1) 15%, rgba(1, 106, 172, 1) 92%);
                                            background-repeat: no-repeat;
                                        }
                                        .image-logo {
                                            height: 50px;
                                            transform: translate(0%);
                                            position: fixed;
                                            left: -15px;
                                            top: 10px;
                                        }
                                        .service-box {
                                            max-width: 100%;
                                            margin: 10px;
                                        }
                                        .service-box-2 {
                                            max-width: 100%;
                                            margin: 10px;
                                        }
                                        .service-icon {
                                            margin-right: 30px;
                                        }
                                        .box-service {
                                            max-width: 70%;
                                        }
                                        .content {
                                            width: 80%;
                                        }
                                        #section {
                                            font-size: 16px;
                                            width: 100%;
                                        }
                                        .Container-service {
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: center;
                                        }
                                        .section-main .content h1 {
                                            font-size: 25px;
                                        }
                                        .vision-box {
                                            max-width: 100%;
                                            margin: 10px;
                                            display: block;
                                        }
                                        .vision-section {
                                            display: inline;
                                        }
                                        .join-title {
                                            margin-top: 180px;
                                            margin-left: 30px;
                                        }
                                        .join-content {
                                            margin-left: 30px;
                                        }
                                        .container .contactInfo {
                                            display: grid;
                                            grid-template-rows: repeat(1, 1fr);
                                            justify-content: right;
                                        }
                                        .container .contactInfo .box {
                                            width: fit-content;
                                            display: grid;
                                            grid-template-rows: 0px 80px;
                                            justify-content: left;
                                            margin-bottom: 20px;
                                        }
                                        .container .contactInfo .box .text-3 p {
                                            font-size: 13px;
                                            word-wrap: break-word;
                                            max-width: 200px;
                                        }
                                        .container .contactInfo-e {
                                            display: grid;
                                            grid-template-columns: repeat(1, 1fr);
                                            justify-content: right;
                                        }
                                        .container .contactInfo-e .box {
                                            margin-left: 0px;
                                            margin: 0px;
                                            padding: 0px;
                                            width: 300px;
                                            display: grid;
                                            grid-template-columns: 100px 160px;
                                            grid-template-rows: 0px 90px;
                                            justify-content: left;
                                            margin-bottom: 20px;
                                        }
                                        .container .contactInfo-e .box .text-3 p {
                                            font-size: 14px;
                                            word-wrap: break-word;
                                            max-width: 200px;
                                        }
                                        .container .contactInfo-e .box .text-3 h3 {
                                            width: 200px;
                                        }
                                        .section-main .content h1 {
                                            margin-top: 50px;
                                            font-size: 25px;
                                        }
                                        .section-main .content p {
                                            color: #fff;
                                        }
                                        .section-main .content a {
                                            color: #00bbea;
                                        }
                                        .join-title {
                                            padding-top: 60px;
                                        }
                                        .Slide-content {
                                            display: grid;
                                            grid-template-rows: 25% 10% 65%;
                                        }
                                        .Slider-Section-2 {
                                            display: grid;
                                            grid-template-columns: 5% 90% 5%;
                                        }
                                        .Slide-content-2 {
                                            display: grid;
                                            grid-template-rows: 65% 10% 25%;
                                        }
                                        .text-header {
                                            color: #fdf169;
                                            font-size: 20px;
                                            font-weight: bold;
                                            width: 100%;
                                            word-wrap: break-word;
                                            text-align: center;
                                        }
                                        .text {
                                            color: #f2f2f2;
                                            font-size: 18px;
                                            width: 100%;
                                            max-width: 95%;
                                            word-wrap: break-word;
                                            text-align: justify;
                                        }
                                        .News {
                                            height: 650px;
                                        }
                                        .Logo-Par {
                                            height: 35px;
                                        }
                                        .ticker {
                                            display: flex;
                                            flex-wrap: wrap;
                                            width: 100%;
                                            height: 50px;
                                            margin: 0 auto;
                                            margin-bottom: 9px;
                                        }
                                        .ticker-2 {
                                            display: flex;
                                            flex-wrap: wrap;
                                            width: 100%;
                                            height: 50px;
                                            margin: 0 auto;
                                            margin-bottom: 9px;
                                        }
                                        .work {
                                            white-space: pre;
                                            max-width: 570px;
                                        }
                                        .new-image {
                                            background-image: url("assets/images/new2.png");
                                            background-size: cover;
                                            width: 100%;
                                            height: 650px;
                                            background-size: cover;
                                        }
                                        .new-image2 {
                                            width: 100%;
                                            height: 650px;
                                            background-image: url("assets/images/new1-2.png");
                                            background-size: cover;
                                        }
                                        #section {
                                            width: 220px;
                                            font-size: 16px;
                                        }
                                        .section-main {
                                            width: 100%;
                                            background: #242f65;
                                            background-image: url("./assets/images/home-page-06.png");
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            position: relative;
                                            height: 850px;
                                            border-bottom: rgba(252, 252, 252, 0.555) solid 3px;
                                            animation-fill-mode: forwards;
                                            backdrop-filter: blur(10px);
                                        }
                                    }
                                    
                                    @media (max-width: 541px) {
                                        #section {
                                            width: 350px;
                                            font-size: 16px;
                                        }
                                        .section-main {
                                            width: 100%;
                                            background: #242f65;
                                            background-image: url("./assets/images/home-page-06.png");
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            position: relative;
                                            height: 600px;
                                            border-bottom: rgba(252, 252, 252, 0.555) solid 3px;
                                            animation-fill-mode: forwards;
                                            backdrop-filter: blur(10px);
                                            height: 800px;
                                        }
                                        .new-image {
                                            background-image: url("assets/images/new2-540.png");
                                            background-size: cover;
                                            width: 100%;
                                            height: 650px;
                                        }
                                        .Slider-Section {
                                            display: grid;
                                            grid-template-columns: 5% 90% 5%;
                                            width: 100%;
                                            height: 100%;
                                        }
                                        .Slider-Section-2 {
                                            display: grid;
                                            grid-template-columns: 5% 90% 5%;
                                            width: 100%;
                                            height: 100%;
                                        }
                                        .Slide-content {
                                            display: grid;
                                            grid-template-rows: 25% 10% 65%;
                                        }
                                        .Slide-content-2 {
                                            display: grid;
                                            grid-template-rows: 55% 10% 35%;
                                        }
                                        .text-header {
                                            color: #fdf169;
                                            font-size: 20px;
                                            font-weight: bold;
                                            width: 100%;
                                            word-wrap: break-word;
                                            text-align: center;
                                        }
                                        .text {
                                            color: #f2f2f2;
                                            font-size: 18px;
                                            width: 100%;
                                            max-width: 100%;
                                            word-wrap: break-word;
                                            text-align: justify;
                                        }
                                    }
                                    
                                    @media (max-width: 400px) {
                                        #section {
                                            width: 300px;
                                            font-size: 16px;
                                        }
                                        .section-main {
                                            width: 100%;
                                            background: #242f65;
                                            background-image: url("./assets/images/home-page-06.png");
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            position: relative;
                                            height: 800px;
                                            border-bottom: rgba(252, 252, 252, 0.555) solid 3px;
                                            animation-fill-mode: forwards;
                                            backdrop-filter: blur(10px);
                                        }
                                        .section-main .content h1 {
                                            margin-top: 50px;
                                            font-size: 20px;
                                        }
                                    }
                                    
                                    @media(max-width: 360px) {
                                        .checkbtn {
                                            display: block;
                                        }
                                        ul {
                                            position: fixed;
                                            width: 100%;
                                            height: 100vh;
                                            background: #0b0c14;
                                            top: 80px;
                                            left: -110%;
                                            text-align: center;
                                            transition: all .5s;
                                            -webkit-box-shadow: 0px -4px 3px rgba(21, 22, 22, 0.267);
                                            -moz-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.062);
                                            box-shadow: 0px -2px 5px rgba(2, 2, 2, 0.226);
                                        }
                                        nav ul li {
                                            display: block;
                                            margin: 50px 0;
                                            line-height: 30px;
                                        }
                                        nav ul li a {
                                            font-size: 20px;
                                        }
                                        a:hover,
                                        a.active {
                                            background: none;
                                        }
                                        #check:checked~ul {
                                            left: 0;
                                        }
                                        .contactForm {
                                            margin-bottom: 30px;
                                        }
                                        .box-1 {
                                            width: 75%;
                                            margin-left: 45px;
                                        }
                                        .image-logo {
                                            transform: translate(20%);
                                        }
                                        .service-box {
                                            max-width: 100%;
                                            margin: 10px;
                                        }
                                        .service-box-2 {
                                            max-width: 100%;
                                            margin: 10px;
                                        }
                                        .service-icon {
                                            margin-right: 30px;
                                        }
                                        .box-service {
                                            max-width: 70%;
                                        }
                                        .image-logo {
                                            height: 50px;
                                            transform: translate(0%);
                                            position: fixed;
                                            left: -10px;
                                            top: 10px;
                                        }
                                        .Container-service {
                                            display: flex;
                                            flex-wrap: wrap;
                                            justify-content: center;
                                        }
                                        .section-main .content h1 {
                                            margin-top: 75px;
                                            font-size: 25px;
                                        }
                                        .section-main .content p {
                                            color: #fff;
                                        }
                                        .section-main .content a {
                                            color: #00bbea;
                                        }
                                        .vision-box {
                                            max-width: 100%;
                                            margin: 10px;
                                        }
                                        .section-main {
                                            height: 640px;
                                            background: #242f65;
                                            background-size: auto;
                                            background: url("./assets/images/mobile-360.gif");
                                            background-repeat: no-repeat;
                                        }
                                        #section {
                                            font-size: 15px;
                                            width: 100%;
                                        }
                                        .section-main .content h1 {
                                            font-size: 22px;
                                        }
                                        .section-main .content p {
                                            font-size: 18px;
                                        }
                                        .join-title {
                                            padding-top: 0px;
                                        }
                                        .Slider-Section {
                                            display: grid;
                                            grid-template-columns: 5% 90% 5%;
                                            width: 100%;
                                            height: 100%;
                                        }
                                        .Slider-Section-2 {
                                            display: grid;
                                            grid-template-columns: 5% 90% 5%;
                                            width: 100%;
                                            height: 100%;
                                        }
                                        .Slide-content {
                                            display: grid;
                                            grid-template-rows: 25% 10% 65%;
                                        }
                                        .text-header {
                                            color: #fdf169;
                                            font-size: 20px;
                                            font-weight: bold;
                                            width: 100%;
                                            word-wrap: break-word;
                                            text-align: center;
                                        }
                                        .text {
                                            color: #f2f2f2;
                                            font-size: 18px;
                                            width: 100%;
                                            max-width: 100%;
                                            word-wrap: break-word;
                                            text-align: justify;
                                        }
                                        .services__card {
                                            margin: 10px;
                                            height: 300px;
                                            width: 250px;
                                            grid-template-rows: 150px 20px 100px;
                                        }
                                        .card-image {
                                            margin-top: 5px;
                                            height: 150px;
                                            width: 250px;
                                            border-radius: 3px;
                                        }
                                        .services__card h2 {
                                            text-align: center;
                                            color: #fff;
                                            font-size: 20px;
                                        }
                                        .work {
                                            white-space: pre;
                                            word-wrap: break-word;
                                            max-width: 300px;
                                        }
                                        #section {
                                            width: 290px;
                                            font-size: 16px;
                                        }
                                        .section-main {
                                            width: 100%;
                                            background: #242f65;
                                            background-image: url("./assets/images/home-page-05.png");
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            position: relative;
                                            height: 800px;
                                            border-bottom: rgba(252, 252, 252, 0.555) solid 3px;
                                            animation-fill-mode: forwards;
                                            backdrop-filter: blur(10px);
                                        }
                                        .section-main .content h1 {
                                            margin-top: 50px;
                                            font-size: 20px;
                                        }
                                    }
                                    
                                    @media (max-width: 325px) {
                                        #section {
                                            width: 260px;
                                            font-size: 16px;
                                        }
                                    }
                                    
                                    @media (max-width: 295px) {
                                        #section {
                                            width: 220px;
                                            font-size: 16px;
                                        }
                                        .section-main {
                                            width: 100%;
                                            background: #242f65;
                                            background-image: url("./assets/images/home-page-05.png");
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            position: relative;
                                            height: 850px;
                                            border-bottom: rgba(252, 252, 252, 0.555) solid 3px;
                                            animation-fill-mode: forwards;
                                            backdrop-filter: blur(10px);
                                        }
                                    }
                                    
                                    @media(max-width: 280px) {
                                        .Slider-Section {
                                            display: grid;
                                            grid-template-columns: 5% 90% 5%;
                                            width: 100%;
                                            height: 100%;
                                        }
                                        .Slider-Section-2 {
                                            display: grid;
                                            grid-template-columns: 5% 90% 5%;
                                            width: 100%;
                                            height: 100%;
                                        }
                                        .Slide-content {
                                            display: grid;
                                            grid-template-rows: 25% 10% 65%;
                                        }
                                        .Slide-content-2 {
                                            display: grid;
                                            grid-template-rows: 35% 10% 55%;
                                        }
                                        .text-header {
                                            color: #fdf169;
                                            font-size: 18px;
                                            font-weight: bold;
                                            width: 100%;
                                            word-wrap: break-word;
                                            text-align: center;
                                        }
                                        .text {
                                            color: #f2f2f2;
                                            font-size: 16px;
                                            width: 100%;
                                            max-width: 100%;
                                            word-wrap: break-word;
                                            text-align: justify;
                                        }
                                        .new-image {
                                            width: 100%;
                                            height: 650px;
                                            background-image: url("assets/images/new2-2.png");
                                            background-size: cover;
                                        }
                                        .new-image2 {
                                            width: 100%;
                                            height: 650px;
                                            background-image: url("assets/images/new1-2.png");
                                            background-size: cover;
                                        }
                                        .services__card {
                                            margin: 10px;
                                            height: 350px;
                                            width: 220px;
                                            display: grid;
                                            grid-template-rows: 210px 45px 150px;
                                        }
                                        .services__card p {
                                            font-size: 15px;
                                        }
                                        .card-image {
                                            margin-top: 5px;
                                            height: 200px;
                                            width: 220px;
                                            border-radius: 3px;
                                        }
                                        .container .contactInfo-e .box {
                                            margin-left: 0px;
                                            margin: 0px;
                                            padding: 0px;
                                            width: 260px;
                                            display: grid;
                                            grid-template-columns: 100px 50px;
                                            grid-template-rows: 0px 90px;
                                            justify-content: left;
                                            margin-bottom: 20px;
                                        }
                                        .container .contactInfo-e .box .text-3 h3 {
                                            width: 150px;
                                        }
                                        .title h5 {
                                            font-size: 10px;
                                        }
                                        .section-main {
                                            height: 800px;
                                            background: rgb(0, 142, 190);
                                            background-size: auto;
                                            background: url(./assets/images/mobile-500.gif), linear-gradient( 180deg, rgba(0, 142, 190, 1) 6%, rgba(1, 124, 183, 1) 15%, rgba(1, 106, 172, 1) 92%);
                                            background-repeat: no-repeat;
                                        }
                                        .section-main .content h1 {
                                            font-size: 17px;
                                        }
                                        #section {
                                            font-size: 15px;
                                            width: 100%;
                                        }
                                        .section-main .content p {
                                            font-size: 15px;
                                        }
                                        .image-logo {
                                            height: 50px;
                                            width: 200px;
                                        }
                                        nav ul li {
                                            display: block;
                                            margin: 35px 0;
                                            line-height: 30px;
                                        }
                                        .container .contactInfo .box .text-3 p {
                                            font-size: 12px;
                                            word-wrap: break-word;
                                            max-width: 120px;
                                        }
                                        .work {
                                            /* white-space: pre; */
                                            word-wrap: break-word;
                                            max-width: 120px;
                                        }
                                        .container .contactInfo .box {
                                            width: fit-content;
                                            display: grid;
                                            grid-template-columns: 150px 80px;
                                            grid-template-rows: 0px 80px;
                                            justify-content: left;
                                            margin-bottom: 20px;
                                        }
                                        #section {
                                            width: 220px;
                                            font-size: 16px;
                                        }
                                        .section-main {
                                            width: 100%;
                                            background: #242f65;
                                            background-image: url("./assets/images/home-page-04.png");
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                            position: relative;
                                            height: 850px;
                                            border-bottom: rgba(252, 252, 252, 0.555) solid 3px;
                                            animation-fill-mode: forwards;
                                            backdrop-filter: blur(10px);
                                        }
                                    }