body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue";
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue";
}

a {
  text-decoration: none !important;
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("../fonts/HelveticaNeue-Light.woff2") format("woff2"),
    url("../fonts/HelveticaNeue-Light.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* navbar css */
.top-header {
  background: black;
}
.navbar-toggler {
  color: white; /* Text color */
  border-color: white; /* Border color */
}

.navbar-toggler-icon {
  background-color: white; Icon background color
}

.top-navbar {
  width: 96%;
  margin: 0 auto;
}

.top-strip {
  padding: 16px 0;
}

.top-navbar .top-strip button {
  border: 0.4px solid #fff;
  color: #ffff;
  font-size: 12px;
  padding: 6px 16px;
  border-radius: 100px;
}

.my-navbar {
  background-color: #151515;
  padding: 12px 0;
}

.navbar .navbar-nav .nav-item .nav-link {
  color: #fff;
  font-size: 16px;
  padding-left: 0;
}

.navbar-nav .nav-item:nth-child(1) {
  margin-left: 0;
}

.navbar-nav .nav-item {
  margin: 0 45px;
}

/* banneer css */
.banner {
  background-color: #000000;
  padding: 65px 0 80px 0;
}

.banner-sec {
  width: 98%;
  margin: 0 auto;
}

.banner2 {
  background-color: #000000;
  border-top: 1px solid #525252;
  border-bottom: 1px solid #525252;
  padding: 65px 0 50px 0;
}

.banner-content-main {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.banner-content-main .banner-content {
  padding: 0 20px 0 0;
}

.banner2 .banner-content h1 {
  font-size: 72px;
  line-height: 80px;
  font-weight: 400;
  color: #fff;
}

.banner .banner-content h1 {
  font-size: 72px;
  line-height: 80px;
  font-weight: 400;
  color: #fff;
}

.banner-content-main .banner-content p {
  font-size: 14px;
  color: #ffffff;
  margin: 20px 0 0 0;
  line-height: 24px;
}

.banner-detail {
  display: flex;
  align-items: center;
}

.banner-detail p {
  margin: 0;
}

.banner-detail p:nth-child(1) {
  padding-left: 0;
}

.banner-rgt-detail {
  display: flex;
  align-items: center;
}

.banner-detail p {
  margin: 0;
  padding: 0 16px;
  position: relative;
  color: #fff;
  font-size: 12px;
}

.banner-detail p:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 25%;
  bottom: 25%;
  width: 1px;
  background-color: #ccc;
}

.banner-rgt-detail p {
  margin: 0;
  padding: 0 15px;
  position: relative;
  color: #fff;
  font-size: 12px;
}

.banner-rgt-detail p:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 25%;
  bottom: 25%;
  width: 1px;
  background-color: #ccc;
}

.banner-rgt-detail p:nth-child(1) {
  padding-left: 0;
}

.banner-content-rgt {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 13px;
}

.banner-content-rgt-content h3 a {
  font-size: 20px;
  color: #ffff !important;
  line-height: 26px;
  margin: 12px 0;
  text-decoration: none;
}

.alian-life {
  background-color: #000000;
  padding: 40px 0 80px 0;
}

.about-alian-life {
  width: 96%;
  margin: 0 auto;
}

.owl-carousel .owl-item img {
  height: 400px;
  object-fit: cover;
}

.missile-card .card-content h3 a {
  font-size: 20px;
  color: #000000;
  margin: 20px 0 10px 0;
  line-height: 32px;
  font-weight: 600;
  text-decoration: none;
}

.missile-card .card-content p {
  font-size: 14px;
  line-height: 22px;
}

/* ------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.about-banner {
  display: flex;
  flex-wrap: wrap; /* Allow content to wrap on smaller screens */
  gap: 20px;
  width: 96%;
  margin: 0 auto;
}

.text-content {
  width: 33%; /* Initially take full width on small screens */
}
.text-content p {
  color: #bbb;
  margin: 20px 0;
}

.about-banner .text-content h1 {
  font-size: 72px;
  line-height: 80px;
  color: #ffff;
}

.info {
  font-size: 1rem;
  color: #bbb;
}

.category,
.author,
.date {
  margin-right: 10px;
}
.other-articles div .article {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.image {
  width: 100%; /* Initially take full width on small screens */
  text-align: center;
}

.image img {
  max-width: 100%;
  height: auto;
}

.image img.first {
  max-width: 100%;
  height: 90%;
}

.other-articles {
  display: flex;
  gap: 20px;
  width: 100%;
}

/* .article img {
  width: 100%;
} */

.article-info {
  margin-top: 10px;
}

.article-info h2 {
  font-size: 20px;
  line-height: 32px;
  font-weight: normal;
  margin-bottom: 5px;
  color: #ffff;
}

.article-info p {
  font-size: 1rem;
  color: #bbb;
}

/* Media Query for screens larger than 1440px */

/* --------------- */
.item .banner-rgt-detail {
  text-align: left;
}

.item .banner-rgt-detail p:nth-child(1) {
  padding-left: 0;
}

.card-p {
  padding-right: 5px;
}

.item .banner-rgt-detail {
  margin-top: 15px;
}

.slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 50px 0;
}

.slider-sec P {
  color: #000000;
}

.slider-header h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}

.slider-header a {
  color: #000000;
  font-size: 16px;
  position: relative;
}

.slider-header a {
  position: relative;
  font-size: 16px;
  color: #333;
}

.slider-header a::after {
  content: ">";
  margin-left: 8px;
  color: #555;
  font-size: 22px;
}

.slider-sec {
  width: 96%;
  margin: 0 auto;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
  display: none;
}

section.trending-news {
  width: 96%;
  margin: 0 auto;
}

.trending-news .news-image img {
  width: 100%;
}

.news-content p {
  font-size: 14px;
  line-height: 26px;
  color: #3d3d3d;
  margin-bottom: 20px;
}

.trending-news .banner-rgt-detail p:nth-child(1) {
  padding-left: 0;
}

.news-content a {
  border: 1px solid #000000;
  border-radius: 30px;
  color: #000000;
  padding: 4px 15px;
  font-size: 12px;
}

.trending-news h3 a {
  font-size: 48px;
  line-height: 64px;
  font-weight: 600;
  margin-bottom: 30px;
  text-decoration: none;
  color: #000;
}

.news-content .first-letter {
  position: relative;
  margin-left: 60px;
}

.news-content .first-letter {
  position: relative;
  /* left: 4px; */
  margin-left: 60px;
}

.news-content .first-letter {
  position: relative;
  /* left: 4px; */
  margin-left: 60px;
}

.news-content .first-letter::before {
  content: "A";
  position: absolute;
  top: 27px;
  left: -61px;
  font-size: 88px;
  font-weight: 600;
}

.technology-sec {
  width: 96%;
  margin: 0 auto;
  padding: 140px 0 30px 0;
}

.technology-sec .missile-card img {
  width: 100%;
}

.technology-sec .item-header {
  display: flex;
  padding-bottom: 22px;
  justify-content: space-between;
}
.item-header a {
  color: #000 !important;
}
.technology-sec .item-header p,
a {
  font-size: 14px;
  line-height: 20px;
  color: #000000 !important;
}

.technology-sec .card-content h3 {
  font-size: 24px;
  line-height: 35px;
}

.resarch-section {
  width: 96%;
  margin: 0 auto;
}

.resarch-content-main {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

.resarch-content-main .resarch-content h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.viral-video-sec {
  background-color: #000000;
}

.viral-vide-main {
  width: 96%;
  margin: 0 auto;
  padding: 50px 0;
}

.about-space-fuel .fuel-content {
  display: flex;
  margin-top: 30px;
}

.about-space-fuel .fuel-content h2 {
  font-size: 24px;
  line-height: 28px;
  color: #fff;
}

.about-space-fuel .fuel-content p {
  font-size: 14px;
  color: #fff;
  line-height: 22px;
}

.viral-video-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.viral-video-header h2 {
  color: #fff;
  font-size: 32px;
  line-height: 40px;
}

.viral-video-header a {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}

.about-space-fuel img {
  width: 100%;
}

.about-fuel-image {
  width: 60%;
}

.about-fuel-content {
  width: 37%;
}

.about-fuel-image img {
  width: 100%;
  height: 180px;
}

.about-fuel-content h3 {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
}

.about-fuel-content p {
  color: #ffff;
  font-size: 12px;
  line-height: 20px;
}

.about-fuel-main {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.condition-sec {
  width: 96%;
  margin: 0 auto;
}
.rearch-image img {
  height: 56px;
  width: 104px;
}
.condition-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 80px 0 50px;
}

.condition-header h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}

.condition-header a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.about-condition img {
  width: 100%;
  height: 511px;
  max-height: 100%;
}

.about-condition .condition-content {
  margin-top: 20px;
}

.about-condition .condition-content h2 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 10px;
}

.about-condition .condition-content p {
  font-size: 14px;
  line-height: 20px;
}

.condition-card .condition-card-content h2 a {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin: 10px 0;
  text-decoration: none;
  color: #000;
}

.condition-card .condition-card-content p {
  font-size: 12px;
  line-height: 20px;
}

.condition-card img {
  width: 100%;
}

.product-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

.our-product {
  width: 96%;
  margin: 0 auto;
}

.our-product .product-detail h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 7px;
}

.our-product .product-detail p {
  font-size: 12px;
  line-height: 18px;
}

.latest-news-sec {
  width: 96%;
  margin: 0 auto;
}

.latest-news-sec .missile-card img {
  width: 100%;
  height: 302px;
}

.latest-news-sec .missile-card .banner-rgt-detail p {
  color: #3d3d3d;
}

/* .input-email {
  padding-right: 40px;
  background: transparent;
  border: 1px solid grey;
  border-radius: 30px;
  position: relative;
} */

footer h5 {
  font-size: 16px;
  line-height: 36px;
}

.input-email input[type="email"] {
  background: transparent;
  border: none;
  height: 44px;
  padding-left: 20px;
  outline: none;
}

.send-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.input-email {
  border: 1px solid #ccc;
  border-radius: 30px;
  position: relative;
}

.send-icon {
  width: 20px;
  height: 20px;
}

footer {
  width: 96%;
  margin: 0 auto;
}

.footer-sec .social-logos ul a {
  border: 2px solid #525252;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  width: 36px;
  height: 36px;
}

.footer-sec .social-logos ul a:hover {
  background-color: #525252;
}

ul.list-unstyled.foooter-link {
  font-size: 14px;
  line-height: 40px;
}

.footer-link-sec {
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  padding: 50px 0;
}
.copy-right p {
  font-size: 12px;
  line-height: 20px;
}
.copy-right {
  padding: 50px 0 0 0;
}

/* banner css */
.about-banner {
  flex-direction: row; /* Place everything in one row */
  justify-content: space-between;
}

.text-content,
.image {
  width: 33%; /* Each section will take up 30% of the width */
}

.other-articles {
  width: 30%; /* Articles will also take up 30% width */
  display: flex;
  flex-direction: column; /* Stack the articles vertically within the column */
}

.article {
  width: 100%; /* Each article in the other-articles section takes full width */
}
/* input css end */

/* media queries */

@media (max-width: 1440px) {
  .navbar-nav .nav-item {
    margin: 0 29px;
  }
  .about-banner {
    flex-direction: row;
    justify-content: space-between;
  }

  .text-content,
  .image {
    width: 33%;
  }

  /* .other-articles {
    width: 30%;
    display: flex;
    flex-direction: column;
  } */
}

@media (max-width: 1024px) {
  .navbar-nav .nav-item {
    margin: 0 20px;
  }

  .navbar-nav .nav-item:nth-child(1) {
    margin-left: 0 0;
  }

  .navbar .navbar-nav .nav-item .nav-link {
    color: #fff;
    font-size: 14px;
  }
  .text-content,
  .image {
    width: 48%;
  }
  .about-banner .text-content h1 {
    font-size: 65px;
    line-height: 71px;
  }
  .other-articles {
    width: 100%;
    display: flex;
    flex-direction: row;
  }

  .other-articles div .article {
    display: flex;
    /* justify-content: space-between; */
    /* gap: 30px; */
    flex-direction: column;
  }

  .trending-news h3 {
    font-size: 38px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .news-content p {
    font-size: 14px;
    line-height: 24px;
    color: #3d3d3d;
    margin-bottom: 6px;
  }

  .news-content .first-letter::before {
    content: "A";
    position: absolute;
    top: 19px;
    left: -44px;
    font-size: 59px;
    font-weight: 600;
  }

  .news-content .first-letter {
    position: relative;
    margin-left: 40px;
  }

  .trending-news .news-image img {
    width: 100%;
    height: 675px;
  }

  .about-space-fuel .fuel-content {
    flex-direction: column;
    gap: 10px;
  }

  .about-fuel-main {
    flex-direction: column;
  }

  .about-fuel-image {
    width: 100%;
  }

  .about-fuel-content {
    width: 100%;
  }

  .about-fuel-content h3 {
    margin-bottom: 10px;
  }

  .trending-news .news-image img {
    width: 100%;
    height: 675px;
  }

  .about-condition img {
    width: 100%;
    height: 512px;
    max-height: 100%;
  }

  .condition-card {
    margin-bottom: 20px;
  }

  .product-main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
    gap: 50px;
  }

  /* .input-email {
    width: 100%;
  } */
  /* .input-email input[type="email"] {
    width: 100%;
  } */
}

@media (max-width: 991px) {
  .navbar-nav .nav-item {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .about-banner .text-content h1 {
    font-size: 41px;
    line-height: 59px;
    text-align: left;
  }
  .resarch-content-main {
    flex-direction: column;
    align-items: flex-start;
    max-height: 188px;
    margin-bottom: 67px;
  }

  .rearch-image {
    width: 100%;
  }

  .rearch-image img {
    width: 100%;
  }

  .technology-sec .card-content h3 {
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0 0 0;
  }

  .about-fuel-image {
    width: 55%;
  }

  .about-fuel-main {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .about-fuel-content {
    width: 40%;
  }

  .about-fuel-content h3 {
    font-size: 16px;
    line-height: 28px;
  }

  .trending-news .news-image img {
    width: 100%;
    height: auto;
  }

  .about-condition img {
    width: 100%;
    height: 463px;
    max-height: 100%;
  }

  .condition-card .condition-card-content h2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }

  .about-condition .condition-content h2 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .product-main {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px;
  }

  .missile-card .card-content h3 {
    font-size: 18px;
    color: #000000;
    margin: 9px 0 4px 0;
    line-height: 28px;
    font-weight: 600;
  }

  .custom-input {
    width: 100%;
  }
  .footer-sec .social-logos ul a {
    line-height: 20px;
  }
  .other-articles div .article {
    gap: 0;
  }
  .other-articles div .article img {
    width: 100%;
  }
}

@media (max-width: 425px) {
  .text-content,
  .image {
    width: 100%;
  }
  .article {
    width: 100%;
    flex-direction: row;
  }
  .article-info {
    margin: 0;
  }
  .other-articles {
    flex-direction: column;
    gap: 10px;
  }
  .banner {
    background-color: #000000;
    padding: 26px 0 36px 0;
  }
  .text-content p {
    text-align: left;
  }
  .category,
  .author,
  .date {
    margin: 0;
  }
  .about-fuel-main {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 30px;
  }

  .about-fuel-image {
    width: 100%;
  }

  .about-fuel-content {
    width: 100%;
  }

  .condition-sec .condition-header h2 {
    font-size: 18px;
  }
  .condition-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 92px 0 0px;
  }

  .banner-content-rgt-content {
    margin-bottom: 30px;
  }

  .product-main {
    justify-content: center;
    align-items: center;
  }

  .our-product .product-detail h3 {
    text-align: center;
  }
  h5.input-headingmb-2 {
    /* margin-bottom: 20px; */
    margin: 20px 0;
  }
  ul.list-unstyled.foooter-link {
    font-size: 14px;
    line-height: 40px;
  }
  .copy-right {
    padding: 30px 0 0 0;
  }
  .footer-link-sec {
    padding: 20px 0 0 0;
  }
  .condition-header h2 {
    font-size: 24px;
  }
  .technology-sec {
    padding: 60px 0 30px 0;
  }
  .trending-news h3 {
    font-size: 30px;
  }
  .slider-header h2 {
    font-size: 24px;
  }
  .article-info h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
  }
}

@media (max-width: 320px) {
  .product-main {
    flex-direction: row;
    align-items: flex-start;
  }

  .our-product .product-detail h3 {
    text-align: start;
  }
}

.copy-right p {
  margin-bottom: 0;
  padding-bottom: 24px;
}

.top-navbar button:hover {
  border: 0.4px solid #fff;
  color: #ffff;
}

.input-email input {
  color: #fff;
}

.product-image img {
  height: 80px;
  border-radius: 59px;
  width: 80px;
}

.about-fuel-image img {
  width: 100%;
  height: 217px;
}

.image img.first {
  max-width: 100%;
  height: 100%;
}

fa-brands {
  color: white;
}

.fa-brands,
.fab {
  font-weight: 400;
  color: #ffff;
}
ul.list-unstyled.footer-link {
  line-height: 40px;
}