/* per start css styles  */
                         * {
                           margin: 0;
                           padding: 0;
                           box-sizing: border-box;
                         }

                         @font-face {
                           font-family: moon;
                           src: url(../Font/SpaceMono-Regular.ttf);
                         }

                         @font-face {
                           font-family: rocket;
                           src: url(../Font/ROCKET\ WILDNESS.ttf);
                         }

                         html,
                         body {
                           background-color: black;
                           font-family: moon ;
                           width: 100%;
                           height: 100%;
                           margin: 0;
                           overflow-x: hidden;
                           position: absolute;
                           top: 0;
                           left: 0;
                           z-index: -5;
                         }

                         .mobile-container {
                           padding: 0 12px;
                         }

                         .mobile-container::after {
                           content: '';
                           display: block;
                           clear: both;
                         }

                         .show {
                           display: block;
                         }

                         .btn {
                           border: solid 2px #d8d8d850;
                           background: transparent;
                           color: #d8d8d8b9 !important;
                           text-transform: uppercase;
                           padding: 10px 22px;
                           width: 240px;
                           transition: 0.5s;
                           border-radius: 2px;
                           outline: none;
                           font-size: 0.9rem;
                         }

                         .btn:hover {
                           border: solid 2px #00d9ff80;
                           background: #00d9ff79;
                           color: #d8d8d8 !important;
                           cursor: pointer;
                         }



                         /* header css codes start  */

                         header {
                           width: 100%;
                           padding-bottom: 140px;
                           position: relative;
                         }

                         .vedio-container {
                           position: absolute;
                           z-index: -1;
                           text-align: center;
                           left: 0;
                           right: 0;
                           margin-left: auto;
                           margin-right: auto;
                           background-color: black;
                         }

                         .vedio-container video {
                           width: 100%;
                           transform: scale(3);
                           padding-top: 120px;
                         }

                         .vedio-container::after {
                           content: '';
                           position: absolute;
                           display: block;
                           width: 100%;
                           height: 100%;
                           top: 0;
                           left: 0;
                           z-index: 0;
                         }

                         .nav {
                           font-family: Moon , Arial !important;
                           display: flex;
                           flex-direction: row;
                           justify-content: space-between;
                           padding-top: 30px;
                         }

                         .mobile-menu {
                           font-family: Moon , Arial !important;
                           position: absolute;
                           z-index: 1;
                           border-radius: 4px;
                           left: 300px !important;
                           text-align: right;
                           top: 80px;
                           background-color: #d8d8d82f;
                         }

                         .list-menu {
                           display: none;
                         }

                         .list-menu ul {
                           padding-top: 14px;
                           list-style-type: none;
                           display: flex;
                           flex-direction: column;
                         }

                         .list-menu ul li {
                           padding: 12px 16px;
                         }

                         .list-menu ul li a {
                           font-size: 1.1rem;
                           text-transform: uppercase;
                           text-decoration: none;
                           color: #ffffff;
                           opacity: 0.8;
                           position: relative;
                           padding-bottom: 5px;
                           font-weight: 100;
                         }

                         .list-menu ul li a::before {
                           content: '';
                           position: absolute;
                           width: 100%;
                           height: 1px;
                           border-radius: 2px;
                           background-color: #D8D8D8;
                           bottom: 0;
                           left: 0;
                           transform-origin: right;
                           transform: scaleX(0);
                           transition: transform .3s ease-in-out;
                         }

                         .list-menu ul li a:hover::before {
                           transform-origin: left;
                           transform: scaleX(1);
                         }

                         .leftnav i {
                           cursor: pointer;
                           font-size: 2.5rem;
                         }

                         .rightnav i {
                           color: #d8d8d8d8;
                           font-size: 2rem;
                           margin-top: 6px;

                         }

                         .leftnav,
                         .rightnav i {
                           padding: 10px 18px 0;
                         }

                         .leftnav a {
                           text-decoration: none;
                           color: #d8d8d8d8;
                         }

                         .header-content {
                           display: flex;
                           align-items: center;
                           justify-content: center;
                         }

                         .header-content h1 {
                           font-size: 3rem;
                           text-align: center;
                           font-family: rocket;
                           color: #d8d8d865;
                           padding-top: 360px;
                         }

                         /* css for guide down arrows  */

                         .wrapper {
                           position: absolute;
                           padding-top: 620px;
                         }

                         svg {
                           width: 30px;
                           max-height: 40px;
                           display: inline-block;
                         }

                         .arrow-down path {
                           stroke: white;
                           fill: transparent;
                           stroke-width: 1px;
                           animation: arrow 2s infinite;
                           -webkit-animation: arrow 2s infinite;
                         }

                         @keyframes arrow {
                           0% {
                             opacity: 0
                           }

                           40% {
                             opacity: .8
                           }

                           80% {
                             opacity: 0
                           }

                           100% {
                             opacity: 0
                           }
                         }

                         @-webkit-keyframes arrow {
                           0% {
                             opacity: 0
                           }

                           40% {
                             opacity: .8
                           }

                           80% {
                             opacity: 0
                           }

                           100% {
                             opacity: 0
                           }
                         }

                         .arrow-down path.a1 {
                           animation-delay: -1s;
                           -webkit-animation-delay: -1s;
                         }

                         .arrow-down path.a2 {
                           animation-delay: -0.5s;
                           -webkit-animation-delay: -0.5s;
                         }

                         .arrow-down path.a3 {
                           animation-delay: 0s;
                           -webkit-animation-delay: 0s;
                         }

                         /* net header css codes  */

                         .net-header-content {
                           display: flex;
                           justify-content: center;
                           align-items: center;
                         }

                         .net-header-content img {
                           top: 100px;
                           position: absolute;
                           opacity: 0.7;
                         }

                         #etod-back {
                           display: none;
                           opacity: 0.35;
                         }

                         .net-header-content h1 {
                           color: #d8d8d865;
                           font-family: rocket;
                           padding: 100px 28px 0;
                           text-align: center;
                         }

                         .net-header-content2 p {
                           padding: 480px 20px 0;
                           text-align: justify;
                           color: #d8d8d865;
                         }

                         /* section one css codes  */

                         #section-1 {
                           position: relative;
                         }

                         .section {
                           width: 100%;
                           text-align: center;
                         }

                         .sec-1-content {
                           padding: 20px;
                         }

                         .sec-1-content h2 {
                           font-family: rocket;
                           color: #d8d8d87a;
                           text-align: center;
                           font-size: 2.2rem;
                         }

                         .sec-1-content p {
                           color: #d8d8d850;
                           padding: 20px 30px;
                           text-align: center;
                         }

                         /* css for gallery section 2  */

                         #section-2 {
                           width: 100%;
                           height: 70vh;
                         }

                         .swiper {
                           width: 340px;
                           height: 420px;
                           opacity: 0.7;
                         }

                         .swiper-slide {
                           display: flex;
                           align-items: center;
                           justify-content: center;
                           border-radius: 18px;
                           font-size: 22px;
                           font-weight: bold;
                           color: #fff;
                         }

                         .swiper-slide:nth-child(1n) {
                           background: url('../Media/card-1.png');
                           background-size: cover;
                         }

                         .swiper-slide:nth-child(2n) {
                           background: url('../Media/card-2.png');
                           background-size: cover;
                         }

                         .swiper-slide:nth-child(3n) {
                           background: url('../Media/card-3.png');
                           background-size: cover;
                         }

                         .swiper-slide:nth-child(4n) {
                           background: url('../Media/card-4.png');
                           background-size: cover;
                         }

                         .swipertitle {
                           font-family: rocket;
                           color: #d8d8d87a;
                           text-align: center;
                           font-size: 1.8rem;
                           padding: 90px 22px 40px;
                         }

                         /* css for all website ball hover  */

                         @keyframes heartbeat {
                           0% {
                             transform: translate(-50%, -50%) scale(1);
                           }

                           50% {
                             transform: translate(-50%, -50%) scale(1.5);
                           }

                           100% {
                             transform: translate(-50%, -50%) scale(1);
                           }
                         }

                         h1:hover.ball {
                           animation: heartbeat 1s infinite;
                         }

                         div.ball {
                           background-color: white;
                           width: 50px;
                           height: 50px;
                           border-radius: 50%;
                           pointer-events: none;
                           position: absolute;
                           top: 0;
                           left: 0;
                           transform: translate(-50%, -50%);
                           mix-blend-mode: difference;
                           z-index: 100;
                         }

                         /* guide col css codes  */

                         #section-3 {
                           position: relative;
                           padding: 160px 0;
                         }

                         .guide-col {
                           position: absolute;
                           display: flex;
                           flex-direction: column;
                           align-items: center;
                           padding: 40px 8px;
                         }

                         .guide-box {
                           width: 360px;
                           font-family: rocket;
                           display: flex;
                           flex-direction: row;
                           justify-content: space-between;
                           padding: 16px;
                           border-radius: 4px;
                           border: #d8d8d87a 2px solid;
                           outline: none;
                           margin: 14px;
                           cursor: pointer;
                         }

                         .guide-box i {
                           transition: 0.6s 0.1s;
                           padding: 0 18px;
                           color: #d8d8d85d;
                           font-size: 2rem;
                         }

                         .guide-box:hover i {
                           color: #00d9ffbd !important;
                           cursor: pointer;
                         }

                         .guide-box h2 {
                           color: #d8d8d85d;
                           font-size: 1.4rem;
                         }

                         .guide-title {
                           font-family: rocket;
                           color: #d8d8d87a;
                           text-align: center;
                           font-size: 2.2rem;
                           padding: 120px 8px 10px;
                         }

                         /* etods section css  */

                         .etod-content {
                           width: 100%;
                           padding: 520px 0 0px;
                         }

                         .etod-title {
                           font-family: rocket;
                           color: #d8d8d87a;
                           text-align: center;
                           font-size: 2.2rem;
                           text-transform: uppercase;
                           padding-bottom: 50px;
                           position: relative;
                           z-index: -20;
                         }

                         .airo-etods img {
                           width: 100%;
                         }


                         /* footer section css codes */

                         #footer {
                           width: 100%;
                           background-color: rgb(0, 0, 0);
                           display: flex;
                           flex-direction: column;
                           justify-content: center;
                           align-items: center;
                           border: 4px solid #d8d8d85d;
                           border-radius: 4px;
                           padding: 40px 8px 0;
                           border-left: none;
                           border-right: none;
                         }

                         .double-four-five-footer,
                         .double-two-three-footer {
                           display: flex;
                           flex-direction: row;
                           flex-wrap: nowrap;
                         }

                         .double-two-three-footer {
                           padding: 40px 0;
                         }

                         .double-four-five-footer {
                           justify-content: space-between;
                         }

                         #footer a {
                           text-decoration: none;
                           color: #d8d8d896;
                         }

                         .first-footer i {
                           font-size: 4rem;
                         }

                         .second-footer {
                           flex-basis: 500px;
                           text-align: justify;
                         }

                         .second-footer h2,
                         .third-footer h2,
                         .fourth-footer h2,
                         .fifth-footer h2 {
                           font-family: rocket;
                           color: #d8d8d896;
                           font-size: 1.4rem;
                           padding-bottom: 12px;
                         }

                         .second-footer p,
                         .third-footer a {
                           font-size: 0.9rem;
                           color: #d8d8d896;
                         }

                         .third-footer {
                           flex-basis: 300px;
                           padding-left: 30px;
                         }

                         .third-footer a {
                           animation: colorchanger 2s 0.3s infinite alternate-reverse;
                         }

                         .fourth-footer h3 {
                           font-family: rocket;
                           color: #d8d8d896;
                           font-size: 1.3rem;
                         }

                         .fifth-footer {
                           flex-basis: 290px;
                           padding-left: 30px;
                         }

                         .fifth-footer h2 {
                           cursor: pointer;
                           float: left;
                           padding: 12px;
                         }

                         .fifth-footer i {
                           animation: colorchanger 2s 0.3s infinite alternate-reverse;
                         }

                         .sixth-footer {
                           padding: 30px 0px;
                         }

                         .sixth-footer img {
                           border-radius: 12px;
                           width: 100%;
                         }

                         .copy-right {
                           padding: 30px 0;
                           text-align: center;
                           color: #d8d8d8;
                           font-family: rocket, Arial, Helvetica, sans-serif !important;
                           text-transform: capitalize;
                           font-size: 0.7rem;
                         }


                         /* preloader css codes  */

                         .preloader-1 {
                           display: flex;
                           justify-content: center;
                           align-items: center;
                           width: 100%;
                           height: 100vh;
                           position: fixed;
                           z-index: 120;
                           background-color: black;
                         }

                         .loading {
                           font-family: rocket , Arial, Helvetica, sans-serif;
                           color: #fff;
                           margin: 5px 0;
                           text-transform: uppercase;
                           text-align: center;
                           font-size: 1.2rem;
                           font-weight: 800;
                           letter-spacing: 2px;
                           padding: 0 10px;
                         }

                         .preloader-1 .line {
                           width: 1.2px;
                           height: 22px;
                           background: #fff;
                           margin: 0 2px;
                           display: inline-block;
                           animation: opacity-1 1500ms infinite ease-in-out;
                         }


                         .preloader-1 .line-1 {
                           animation-delay: 800ms;
                         }

                         .preloader-1 .line-2 {
                           animation-delay: 600ms;
                         }

                         .preloader-1 .line-3 {
                           animation-delay: 400ms;
                         }

                         .preloader-1 .line-4 {
                           animation-delay: 200ms;
                         }

                         .preloader-1 .line-6 {
                           animation-delay: 200ms;
                         }

                         .preloader-1 .line-7 {
                           animation-delay: 400ms;
                         }

                         .preloader-1 .line-8 {
                           animation-delay: 600ms;
                         }

                         .preloader-1 .line-9 {
                           animation-delay: 800ms;
                         }

                         @keyframes opacity-1 {
                           0% {
                             opacity: 1;
                           }

                           50% {
                             opacity: 0;
                           }

                           100% {
                             opacity: 1;
                           }
                         }

                         @keyframes opacity-2 {
                           0% {
                             opacity: 1;
                             height: 15px;
                           }

                           50% {
                             opacity: 0;
                             height: 12px;
                           }

                           100% {
                             opacity: 1;
                             height: 15px;
                           }
                         }

                         /* Media Query For 435px < devices */

                         @media screen and (min-width:435px) {
                           body {
                             overflow: scroll;
                             overflow-x: hidden;
                           }

                           .container {
                             width: 820px;
                             margin: 0 auto;
                           }

                           .rightnav i {
                             display: none;
                           }

                           .leftnav i {
                             padding: 0;
                           }

                           .list-menu {
                             display: block;
                           }

                           .list-menu ul {
                             flex-direction: row;
                           }

                           .vedio-container video {
                             width: 100%;
                             transform: scale(1);
                             padding-top: 40px;
                           }

                           .header-content h1 {
                             display: block;
                             font-size: 5rem;
                             padding-top: 350px;
                             color: #d8d8d860;
                           }

                           .mobile-menu {
                             display: none;
                           }

                           .wrapper {
                             padding-top: 700px;
                           }

                           .swiper {
                             width: 80%;
                             height: 600px;
                           }

                           #section-3 {
                             padding: 250px 0;
                           }

                           .guide-col {
                             flex-direction: row;
                             flex-wrap: wrap;
                           }

                           .etod-title {
                             padding: 200px 0px;
                           }

                           #etod-back {
                             display: block;
                           }

                           .net-header-content h1 {
                             font-size: 2.4rem;
                             padding: 80px 28px 0;
                             text-align: center;
                             color: #d8d8d8b0;
                           }

                           .net-header-content2 p {
                             padding: 480px 20px 0;
                             text-align: justify;
                           }

                           .etod-content {
                             width: 100%;
                             padding: 0;
                           }

                           .airo-etods {
                             display: flex;
                             flex-direction: row;
                             flex-wrap: wrap;
                             justify-content: space-around;
                           }

                           .airo-etods img {
                             width: 49%;
                           }

                           .etod-title {
                             padding-bottom: 0px;
                           }

                           #footer {
                             flex-direction: row;
                             flex-wrap: wrap;
                           }

                           .first-footer {
                             flex-basis: 220px;
                             display: flex;
                             align-items: center;
                             justify-content: flex-start;
                           }

                           .first-footer i {
                             font-size: 6rem;
                           }

                           .third-footer {
                             flex-basis: 250px;
                           }

                           .double-two-three-footer {
                             flex-basis: 70%;
                           }

                           .double-four-five-footer {
                             flex-basis: 70%;
                           }

                           .fifth-footer {
                             flex-basis: 305px;
                           }

                           .sixth-footer {
                             flex-basis: 30%;
                           }

                         }


                         @keyframes colorchanger {
                           0% {
                             color: #d8d8d896;
                           }

                           100% {
                             color: #00d9ff79;
                           }

                         }

                         .anim {
                           animation: load 3s 0.3s;
                         }

                         @keyframes load {
                           0% {
                             opacity: 1;
                           }

                           100% {
                             opacity: 0;
                             display: none !important;
                           }
                         }