@import url(https://fonts.googleapis.com/css2?family=Rubik&display=swap);
body {
  display:flex;
  flex-flow:column;
  justify-content:center;
  overflow-x: hidden; /* Hide horizontal overflow */
}

div.highway-slider {
  display:flex;
  justify-content:center;
  width:100%;
  height:150px;
  overflow:hidden; /* Hide overflowing content */
}

.values-container{
  justify-content:center;
  align-items:center;
}

ul.highway-lane {
  display:flex;
  height:100%;
  overflow: hidden;
  animation: scroll-left 30s linear infinite;
   /* Adjust the time as necessary 
}

.highway-lane {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* or center if you want horizontal centering as well */
}
li.highway-car, .highway-lane, .highway-barrier {
  margin: 0;
  padding: 0;
}

li.highway-car img {
  height: auto; /* or a specific height like 100px, if desired */
}


li.highway-car {
  flex: none; /* Override the flex:1 to ensure correct width */
  display:flex;
  justify-content:center;
  align-items:center;
}

@keyframes scroll-left {
  /*0% { transform: translateX(0); } /* Starts at 0 */
  /*100% { transform: translateX(-100%); }  Ends at -50% to reset the position */
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
.highway-barrier {
  width: 100vw;
    overflow: hidden;
}
/* Style for the images */
li.highway-car img {
  width: 300px; /* or any size you want */
  height: auto;
}


.values-container-box, .fade-in-element, .col-32{
  opacity: 0;
  transform: translate(0, 10vh);
  transition: opacity 1s, transform 1s;
}


.values-container-box.visible, .fade-in-element.visible, .col-32.visible{
  opacity: 1;
  transform: translate(0, 0);
}

.mission {
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s;
}

.mission.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.star-image img {
  transition: transform 0.3s ease-in-out;  /* Added transition for smooth scaling */
}


.star-image img:hover {
  transform: scale(1.1) translate(0, 0); /* Combine scale and translate */
}

.star-image .animate-enter {
  animation: animate-enter-frames 1.00s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter-frames {
  from {
    opacity: 0;
    transform: translate(0, 25px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes spin {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}

.release-cycle {
  animation: spin 20s linear infinite; /* Adjust 20s to control the speed of rotation */
}


@media only screen and (min-width: 1201px) {
  
  .main-row-2{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 705px;
    width: 100%;
    background-color: #e4efff !important;
    background: url('img/polygon-top-1.svg');
    display: flex;
  }
  .mission{
    width: 40%;
    padding-left: 8%;
    padding-top: 2%;

  }

  .mission h2{
    height: 39px;
    letter-spacing: 0;
    line-height: 38.5px;
    text-shadow: 0px 4px 4px #00000040;
    white-space: nowrap;

    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    max-width: 400px;
  }

  .mission p{
    letter-spacing: 0;
    line-height: 19.8px;
    color: #000000;
    font-family: "Rubik-Light", Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;

    max-width: 400px;
  }

  .star-image{
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .star-image img{
    width: 350px;
    height: 350px;
  }
  .main-row-3{
    height: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  
  .main-row-3 h2{
      letter-spacing: 0;
      line-height: 38.5px;
      text-shadow: 0px 4px 4px #00000040;
      white-space: nowrap;
      color: #0066c8;
      font-family: "Rubik", Helvetica;
      font-size: 35px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
  }
  
  .values-container{
    display: flex;
    width: 100%;
    margin: auto;
    margin-bottom: 3%;
  }
  
  .values-container-box{
    width: 40%;
    display: flex;
    margin-left: 5%;
  }
  
  .values-container-box img{
    height: 76px;
      width: 80px;
  }
  
  .values-text{
    padding-left: 5%;
  }
  
  .values-text h3{
      height: 32px;
      letter-spacing: 0;
      line-height: 31.9px;
      text-shadow: 0px 4px 4px #00000040;
      color: #004aad;
      font-family: "Rubik", Helvetica;
      font-size: 29px;
      font-style: normal;
      font-weight: 400;
      margin: 0px;
  
  
  }
  
  .values-text p{
      letter-spacing: 0;
      line-height: 19.8px;
      color: #004aad;
      font-family: "Rubik-Light", Helvetica;;
      font-size: 18px;
      font-style: normal;
      font-weight: 300;
      margin: 0px;
  }

  .main-row-4{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 775px;
    padding-top: 90px;
    width: 100%;
    background-color: #e4efff !important;
    background: url('img/polygon-bottom-1.svg');
    display: flex;
}

  .row4-container{
    display: flex;
    width: 90%;
    margin: auto;
    gap: 2%;
  }

  .col-32{
    width: 40%;
    display: flex;
    flex-direction: column;
  }

  .col-32:nth-child(2){
    margin-top: 115px;
  }

  .col-32 h2{
    height: 39px;
      letter-spacing: 0;
      line-height: 38.5px;
      text-shadow: 0px 4px 4px #00000040;
      color: #0066c8;
      font-family: "Rubik", Helvetica;
      font-size: 35px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
  }


  .col-32 p{
    letter-spacing: 0;
    line-height: 19.8px;
    color: #000000;
    font-family: "Rubik-Light", Helvetica;
    font-size: 18px;
        font-style: normal;
      font-weight: 300;
  }

  .release-cycle{
    margin-top: 100px;
  }

  .col-32 .release-cycle {
    animation: animate-enter1-frames 1.00s ease-in 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 25px);
  }

  @keyframes animate-enter1-frames {
    from{opacity: 0;
  transform: translate(0, 25px);
  }
  to{opacity: 1;
  transform: translate(0,0);
  }
  }

  .main-row-5{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 290px;
    align-items: center;
  }
  div.highway-slider {
    height: 171px !important;
}

  .main-row-5 h2{
    text-align: center;
    letter-spacing: 0;
    line-height: 38.5px;
    text-shadow: 0px 4px 4px #00000040;
    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 35px;
      font-style: normal;
      font-weight: 400;

  }

  .row5-contianer{
    display: flex;

  }

  .company-container1{
    display: flex;
    flex-direction: column;
  }

  .company-container1 img:nth-child(1){
      height: 79px;
      object-fit: cover;
      width: 227px;
  }
  .company-container1 img:nth-child(2){
      height: 95px;
      margin-bottom: 8.01px;
      object-fit: cover;
      width: 200px;
  }

  .company-container2{
    display: flex;
    flex-direction: column;
    align-self: end;
  }

  .company-container2 img:nth-child(1){
      height: 50px;
      margin-bottom: 6.13px;
      margin-left: 43px;
      object-fit: cover;
      width: 75px;
  }
  .company-container2 img:nth-child(2){
      height: 40px;
      object-fit: cover;
      width: 160px;
    
  }
  .company-container2 img:nth-child(3){
    align-self: flex-end;
      height: 60px;
      width: 180px;
  }

  .company-container3{
      display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container3 img:nth-child(1){
      height: 40px;
      width: 250px;
  }
  .company-container3 img:nth-child(2){
      height: 80px;
      width: 280px;
  }


  .company-container4{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container4 img:nth-child(1){
      height: 60px;
      object-fit: cover;
      width: 155px;
  }
  .company-container4 img:nth-child(2){
      height: 90px;
      object-fit: cover;
      width: 215px;
  }
    
  .company-container5{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container5 img:nth-child(1){
      height: 70px;
      width: 250px;
      object-fit: cover;
  }
  .company-container5 img:nth-child(2){
      height: 67px;
      object-fit: cover;
      width: 220px;
  }
}

@media only screen and (min-width: 1200px) {
  .values-text h3{
    font-size: 25px;
  }
}

@media (min-width: 993px) and (max-width: 1200px){
  .main-row-2{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 550px;
    width: 100%;
    background-color: #e4efff !important;
    background: url('img/polygon-top-1.svg');
    display: flex;
  }
  
  .mission{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 2%;
    padding-top: 3%;

  }

  .mission h2{
    height: 39px;
    letter-spacing: 0;
    line-height: 38.5px;
    text-shadow: 0px 4px 4px #00000040;
    white-space: nowrap;

    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    max-width: 400px;
    margin: 0px;
  }

  .mission p{
    letter-spacing: 0;
    line-height: 17px;
    color: #000000;
    font-family: "Rubik-Light", Helvetica;
        font-size: 14px;
    font-style: normal;
    font-weight: 300;
    padding-left: 10%;
    padding-right: 10%;
  }

  .star-image{
    display: flex;
    width: 55%;
    align-items: center;
    justify-content: end;
    margin-right: -50px;
  }

  .star-image img{
    width: 270px;
    height: 270px
  }
    
  .main-row-3{
    height: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .main-row-3 h2{
      letter-spacing: 0;
      line-height: 38.5px;
      text-shadow: 0px 4px 4px #00000040;
      white-space: nowrap;
      color: #0066c8;
      font-family: "Rubik", Helvetica;
      font-size: 35px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
  }

  .values-container{
    display: flex;
    width: 100%;
    margin: auto;
    margin-bottom: 3%;
  }

  .values-container-box{
    width: 40%;
    display: flex;
    margin-left: 5%;
  }

  .values-container-box img{
    height: 55px;
      width: 55px;
  }

  .values-text{
    padding-left: 5%;
  }

  .values-text h3{
      height: 26px;
      letter-spacing: 0;
      line-height: 31.9px;
      text-shadow: 0px 4px 4px #00000040;
      color: #004aad;
      font-family: "Rubik", Helvetica;
      font-size: 22px;
      font-style: normal;
      font-weight: 400;
      margin: 0px;


  }

  .values-text p{
      letter-spacing: 0;
      line-height: 15px;
      color: #004aad;
      font-family: "Rubik-Light", Helvetica;;
      font-size: 15px;
      font-style: normal;
      font-weight: 300;
      margin: 0px;
  }


  .main-row-4{
      background-size: cover !important;
      background-repeat: no-repeat !important;
      height: 600px;
      width: 100%;
      background-color: #e4efff !important;
      background: url('img/polygon-bottom-1.svg');
      display: flex;
  }

  .row4-container{
    display: flex;
    width: 90%;
    margin: auto;
    gap: 2%;
  }

  .col-32{
    width: 40%;
    display: flex;
    flex-direction: column;
  }

  .col-32:nth-child(2){
    margin-top: 95px;
  }

  .col-32 h2{
      letter-spacing: 0;
      text-shadow: 0px 4px 4px #00000040;
      color: #0066c8;
      font-family: "Rubik", Helvetica;
      font-size: 28px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
  }


  .col-32 p{
    letter-spacing: 0;
    line-height: 15px;
    color: #000000;
    font-family: "Rubik-Light", Helvetica;
    font-size: 14px;
        font-style: normal;
      font-weight: 300;
      margin: 0px;
  }

  .release-cycle{
    margin-top: 100px;
  }
  .rocket-img-inner img {
    margin-top: 110px !important;
  }

  .col-32 .release-cycle {
    animation: animate-enter1-frames 1.00s ease-in 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 25px);
  }

  @keyframes animate-enter1-frames {
    from{opacity: 0;
  transform: translate(0, 25px);
  }
  to{opacity: 1;
  transform: translate(0,0);
  }
  }

  .main-row-5{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 260px;
    align-items: center;
  }

  .main-row-5 h2{
    text-align: center;
    letter-spacing: 0;
    line-height: 38.5px;
    text-shadow: 0px 4px 4px #00000040;
    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 35px;
      font-style: normal;
      font-weight: 400;

  }

  .row5-contianer{
    display: flex;

  }

  .company-container1{
    display: flex;
    flex-direction: column;
  }

  .company-container1 img:nth-child(1){
      height: 50px;
      object-fit: cover;
      width: 180px;
  }
  .company-container1 img:nth-child(2){
      height: 80px;
      margin-bottom: 8.01px;
      object-fit: cover;
      width: 170px;
  }

  .company-container2{
    display: flex;
    flex-direction: column;
    align-self: end;
  }

  .company-container2 img:nth-child(1){
      height: 45px;
      margin-bottom: 6.13px;
      margin-left: 40px;
      object-fit: cover;
      width: 70px;
  }
  .company-container2 img:nth-child(2){
      height: 35px;
      object-fit: cover;
      width: 145px;
    
  }
  .company-container2 img:nth-child(3){
    align-self: flex-end;
      height: 45px;
      width: 150px;
  }

  .company-container3{
      display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container3 img:nth-child(1){
      height: 35px;
      width: 230px;
  }
  .company-container3 img:nth-child(2){
      height: 65px;
      width: 220px;
  }


  .company-container4{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container4 img:nth-child(1){
      height: 50px;
      object-fit: cover;
      width: 125px;
  }
  .company-container4 img:nth-child(2){
      height: 75px;
      object-fit: cover;
      width: 177px;
  }
    
  .company-container5{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container5 img:nth-child(1){
      height: 60px;
      width: 210px;
      object-fit: cover;
  }
  .company-container5 img:nth-child(2){
      height: 56px;
      object-fit: cover;
      width: 180px;
  }

}

@media (min-width: 769px) and (max-width: 992px){
  .main-row-2{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 490px;
    width: 100%;
    background-color: #e4efff !important;
    background: url('img/polygon-top-1.svg');
    display: flex;
  }
  .mission{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 2%;
    padding-top: 3%;

  }

  .mission h2{
    letter-spacing: 0;
    text-shadow: 0px 4px 4px #00000040;
    white-space: nowrap;

    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    max-width: 400px;
    margin: 0px;
  }

  .mission p{
    letter-spacing: 0;
    line-height: 17px;
    color: #000000;
    font-family: "Rubik-Light", Helvetica;
        font-size: 12px;
    font-style: normal;
    font-weight: 300;
    padding-left: 8%;
    padding-right: 8%;
  }

  .star-image{
    display: flex;
    width: 55%;
    align-items: center;
    justify-content: end;
    margin-right: -50px;
  }

  .star-image img{
   width: 200px;
    height: 200px;
  }

  
.main-row-3{
  height: 430px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.main-row-3 h2{
    letter-spacing: 0;
    text-shadow: 0px 4px 4px #00000040;
    white-space: nowrap;
    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.values-container{
  display: flex;
  width: 100%;
  margin: auto;
  margin-bottom: 3%;
}

.values-container-box{
  width: 40%;
  display: flex;
  margin-left: 5%;
}

.values-container-box img{
      height: 35px;
    width: 35px
}

.values-text{
  padding-left: 5%;
}

.values-text h3{
    height: 26px;
    letter-spacing: 0;
    line-height: 31.9px;
    text-shadow: 0px 4px 4px #00000040;
    color: #004aad;
    font-family: "Rubik", Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin: 0px;


}

.values-text p{
    letter-spacing: 0;
    line-height: 15px;
    color: #004aad;
    font-family: "Rubik-Light", Helvetica;;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    margin: 0px;
}


.main-row-4{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 500px;
    width: 100%;
    background-color: #e4efff !important;
    background: url('img/polygon-bottom-1.svg');
    display: flex;
}

  .row4-container{
    display: flex;
    width: 89.5%;
    margin: auto;
    gap: 2%;
  }
  .rocket-img-inner img {
    margin-top: 90px !important; 
  }

  .col-32{
    width: 40%;
    display: flex;
    flex-direction: column;
  }

  .col-32:nth-child(2){
    margin-top: 80px;
  }

  .col-32 h2{
      letter-spacing: 0;
      text-shadow: 0px 4px 4px #00000040;
      color: #0066c8;
      font-family: "Rubik", Helvetica;
      font-size: 22px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
  }


  .col-32 p{
    letter-spacing: 0;
    line-height: 15px;
    color: #000000;
    font-family: "Rubik-Light", Helvetica;
    font-size: 12px;
        font-style: normal;
      font-weight: 300;
      margin: 0px;
  }

  .release-cycle{
    margin-top: 100px;
  }

  .col-32 .release-cycle {
    animation: animate-enter1-frames 1.00s ease-in 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 25px);
  }

  @keyframes animate-enter1-frames {
    from{opacity: 0;
  transform: translate(0, 25px);
  }
  to{opacity: 1;
  transform: translate(0,0);
  }
  }

  .main-row-5{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 200px;
    align-items: center;
  }
div.highway-slider {
    height: 85px !important;
}
  .main-row-5 h2{
    text-align: center;
    letter-spacing: 0;
    line-height: 38.5px;
    text-shadow: 0px 4px 4px #00000040;
    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 35px;
      font-style: normal;
      font-weight: 400;

  }

  .row5-contianer{
    display: flex;

  }

  .company-container1{
    display: flex;
    flex-direction: column;
  }

  .company-container1 img:nth-child(1){
      height: 40px;
      object-fit: contain;
      width: 140px;
  }
  .company-container1 img:nth-child(2){
      height: 60px;
      margin-bottom: 8.01px;
      object-fit: cover;
      width: 135px;
  }

  .company-container2{
    display: flex;
    flex-direction: column;
    align-self: end;
  }

  .company-container2 img:nth-child(1){
      
      height: 40px;
      margin-bottom: 6.13px;
      margin-left: 40px;
      object-fit: contain;
      width: 60px;

  }
  .company-container2 img:nth-child(2){
      height: 30px;
      object-fit: cover;
      width: 130px;
    
  }
  .company-container2 img:nth-child(3){
    align-self: flex-end;
      height: 35px;
      width: 140px;
  }

  .company-container3{
      display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container3 img:nth-child(1){
          height: 35px;
      width: 195px;
      object-fit: contain;
  }
  .company-container3 img:nth-child(2){
    height: 60px;
      width: 175px;
      object-fit: contain;
  }


  .company-container4{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container4 img:nth-child(1){
      height: 40px;
      object-fit: contain;
      width: 100px;
  }
  .company-container4 img:nth-child(2){
      height: 60px;
      object-fit: contain;
      width: 130px;

  }
    
  .company-container5{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container5 img:nth-child(1){
      height: 40px;
      width: 140px;
      object-fit: contain;
  }
  .company-container5 img:nth-child(2){
      height: 40px;
      object-fit: contain;
      width: 130px;
  }
}

@media (min-width: 481px) and (max-width: 768px){
  .main-row-2{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 435px;
    width: 100%;
    background-color: #e4efff !important;
    background: url('img/polygon-top-1.svg');
    display: flex;
  }
  
  .mission{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 2%;
    padding-top: 4%;

  }

  .mission h2{
    letter-spacing: 0;
    text-shadow: 0px 4px 4px #00000040;
    white-space: nowrap;

    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    max-width: 400px;
    margin: 0px;
  }

  .mission p{
    letter-spacing: 0;
    color: #000000;
    font-family: "Rubik-Light", Helvetica;
        font-size: 11px;
    font-style: normal;
    font-weight: 300;
    padding-left: 8%;
  }

  .star-image{
    display: flex;
    width: 55%;
    align-items: center;
    justify-content: end;
    margin-right: -50px
  }

  .star-image img{
   width: 140px;
    height: 140px;
  }

    
  .main-row-3{
    height: 430px;
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .main-row-3 h2{
      letter-spacing: 0;
      text-shadow: 0px 4px 4px #00000040;
      white-space: nowrap;
      color: #0066c8;
      font-family: "Rubik", Helvetica;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
  }

  .values-container{
    display: flex;
    width: 100%;
    margin: auto;
    margin-bottom: 3%;
  }

  .values-container-box{
    width: 40%;
    display: flex;
    margin-left: 5%;
  }

  .values-container-box img{
        height: 40px;
      width: 40px
  }

  .values-text{
    padding-left: 5%;
  }

  .values-text h3{
      height: 15px;
      letter-spacing: 0;
      line-height: 4px;
      text-shadow: 0px 4px 4px #00000040;
      color: #004aad;
      font-family: "Rubik", Helvetica;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      margin: 0px;


  }

  .values-text p{
      letter-spacing: 0;
      color: #004aad;
      font-family: "Rubik-Light", Helvetica;;
      font-size: 11px;
      font-style: normal;
      font-weight: 300;
      margin: 0px;
  }


  .main-row-4{
      background-size: cover !important;
      background-repeat: no-repeat !important;
      height: auto;
      padding-top: 40px;
      padding-bottom: 40px;
      width: 100%;
      background-color: #e4efff !important;
      background: url('img/polygon-bottom-1.svg');
      display: flex;
  }

  .row4-container{
    display: flex;
    width: 89%;
    margin: auto;
    gap: 2%;
  }

  .col-32{
    width: 40%;
    display: flex;
    flex-direction: column;
  }

  .col-32:nth-child(2){
    margin-top: 62px;
  }

  .col-32 h2{
      letter-spacing: 0;
      text-shadow: 0px 4px 4px #00000040;
      color: #0066c8;
      font-family: "Rubik", Helvetica;
      font-size: 17px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
  }


  .col-32 p{
    letter-spacing: 0;
    color: #000000;
    font-family: "Rubik-Light", Helvetica;
    font-size: 11px;
        font-style: normal;
      font-weight: 300;
      margin: 0px;
  }

  .release-cycle{
    margin-top: 100px;
  }

  .rocket-img-inner img {
    margin-top: 100px !important; 
  }
  .col-32 .release-cycle {
    animation: animate-enter1-frames 1.00s ease-in 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 25px);
  }

  @keyframes animate-enter1-frames {
    from{opacity: 0;
  transform: translate(0, 25px);
  }
  to{opacity: 1;
  transform: translate(0,0);
  }
  }

  .main-row-5{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 170px;
    align-items: center;
  }
div.highway-slider {
    height: 85px !important;
}
  .main-row-5 h2{
    text-align: center;
    letter-spacing: 0;
    line-height: 38.5px;
    text-shadow: 0px 4px 4px #00000040;
    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 18px;
      font-style: normal;
      font-weight: 400;

  }

  .row5-contianer{
    display: flex;

  }

  .company-container1{
    display: flex;
    flex-direction: column;
  }

  .company-container1 img:nth-child(1){
      height: 40px;
      object-fit: contain;
      width: 65px;
  }
  .company-container1 img:nth-child(2){
      height: 30px;
      margin-bottom: 8.01px;
      object-fit: cover;
      width: 60px;
  }

  .company-container2{
    display: flex;
    flex-direction: column;
    align-self: end;
  }

  .company-container2 img:nth-child(1){
      height: 25px;
      margin-bottom: 6.13px;
      margin-left: 20px;
      object-fit: contain;
      width: 40px;

  }
  .company-container2 img:nth-child(2){
    height: 20px;
      object-fit: cover;
      width: 80px;
    
  }
  .company-container2 img:nth-child(3){
    align-self: flex-end;
      height: 25px;
      width: 80px;
  }

  .company-container3{
      display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container3 img:nth-child(1){
        height: 20px;
      width: 90px;
      object-fit: contain;
  }
  .company-container3 img:nth-child(2){
    height: 40px;
      width: 90px;
      object-fit: contain;
  }


  .company-container4{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container4 img:nth-child(1){
      height: 32px;
      object-fit: contain;
      width: 80px;
  }
  .company-container4 img:nth-child(2){
      height: 50px;
      object-fit: contain;
      width: 100px;

  }
    
  .company-container5{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .company-container5 img:nth-child(1){
          height: 32px;
      object-fit: contain;
      width: 100px;
  }
  .company-container5 img:nth-child(2){
      height: 40px;
      object-fit: contain;
      width: 95px;
  }

}


@media (max-width: 480px){
  .main-row-2{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 400px;
    width: 100%;
    background-color: #e4efff !important;
    background: url('img/polygon-top-1.svg');
    display: flex;
  }

  .mission{
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 2%;
    padding-top: 5%;

  }

  .mission h2{
    letter-spacing: 0;
    text-shadow: 0px 4px 4px #00000040;
    white-space: nowrap;

    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    max-width: 400px;
    margin: 0px;
  }

  .mission p{
    letter-spacing: 0;
    color: #000000;
    font-family: "Rubik-Light", Helvetica;
        font-size: 11px;
    font-style: normal;
    font-weight: 300;
    padding-left: 5%;
  }

  .star-image{
    display: flex;
    width: 31%;
    align-items: center;
    justify-content: end;
    margin-right: 30px;
    margin-left: 10px;
  }

  .star-image img{
   width: 100px;
    height: 100px;
  }

  .main-row-3{
    height: 430px;
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .main-row-3 h2{
      letter-spacing: 0;
      text-shadow: 0px 4px 4px #00000040;
      white-space: nowrap;
      color: #0066c8;
      font-family: "Rubik", Helvetica;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
  }

  .values-container{
    display: flex;
    width: 95% !important;
    margin: auto;
    margin-bottom: 3%;

  }

  .values-container-box{
    width: 40%;
    display: flex;
    margin-left: 2%;
    align-items: center;
  }

  .values-container-box img{
        height: 35px;
      width: 35px
  }

  .values-text{
    padding-left: 5%;
  }

  .values-text h3{
      height: 22px;
      letter-spacing: 0;
      line-height: 23px;
      text-shadow: 0px 4px 4px #00000040;
      color: #004aad;
      font-family: "Rubik", Helvetica;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      margin: 0px;


  }

  .values-text p{
      letter-spacing: 0;
      line-height: 11px;
      color: #004aad;
      font-family: "Rubik-Light", Helvetica;;
      font-size: 10px;
      font-style: normal;
      font-weight: 300;
      margin: 0px;
  }


  .main-row-4{
      background-size: cover !important;
      background-repeat: no-repeat !important;
      height: auto;
      padding-top: 40px;
      padding-bottom: 40px;
      width: 100%;
      background-color: #e4efff !important;
      background: url('img/polygon-bottom-1.svg');
      display: flex;
  }

  .row4-container{
    display: flex;
    width: 90%;
    margin: auto;
    gap: 2%;
  }

  .col-32{
    width: 40%;
    display: flex;
    flex-direction: column;
  }

  .col-32:nth-child(2){
    margin-top: 59px;
  }

  .col-32 h2{
      letter-spacing: 0;
      text-shadow: 0px 4px 4px #00000040;
      color: #0066c8;
      font-family: "Rubik", Helvetica;
      font-size: 17px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
  }


  .col-32 p{
    letter-spacing: 0;
    color: #000000;
    font-family: "Rubik-Light", Helvetica;
    font-size:11px;
    width: 127%;
        font-style: normal;
      font-weight: 300;
      margin: 0px;
  }

  .release-cycle{
    margin-top: 100px;
  }

  .col-32 .release-cycle {
    animation: animate-enter1-frames 1.00s ease-in 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 25px);
  }

  @keyframes animate-enter1-frames {
    from{opacity: 0;
  transform: translate(0, 25px);
  }
  to{opacity: 1;
  transform: translate(0,0);
  }
  }

  .main-row-5{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 155px;
    align-items: center;
  }
  div.highway-slider {
    height: 80px;
}

  .main-row-5 h2{
    text-align: center;
    letter-spacing: 0;
    line-height: 38.5px;
    text-shadow: 0px 4px 4px #00000040;
    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 18px;
      font-style: normal;
      font-weight: 400;

  }

  .row5-contianer{
    display: block;
    width: 100%;

  }

  .company-container1{
    display: flex;
    flex-direction: column;
    float: left;
    width: 30%;
  }

  .company-container1 img:nth-child(1){
      height: 40px;
      object-fit: contain;
      width: 100%;
  }
  .company-container1 img:nth-child(2){
      height: 30px;
      object-fit: cover;
      width: 100%;
  }

  .company-container2{
    display: flex;
    flex-direction: column;
    align-self: end;
    float: left;
    
    width: 30%;
  }

  .company-container2 img:nth-child(1){
      height: 25px;
      margin-bottom: 6.13px;
      margin-left: 10px;
      object-fit: contain;
      width: 100%;

  }
  .company-container2 img:nth-child(2){
    height: 20px;
      object-fit: cover;
      width: 100%;
    
  }
  .company-container2 img:nth-child(3){
    align-self: flex-end;
      height: 25px;
      width: 100%;
  }

  .company-container3{
      display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    float: left;

    width: 30%;
  }

  .company-container3 img:nth-child(1){
        height: 20px;
      width: 100%;
      object-fit: contain;
  }
  .company-container3 img:nth-child(2){
    height: 40px;
      width: 100%;
      object-fit: contain;
  }


  .company-container4{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    clear: both;
      float: left;
    margin-top: 10px;
    width: 30%;
  }

  .company-container4 img:nth-child(1){
      height: 32px;
      object-fit: contain;
      width: 100%;
  }
  .company-container4 img:nth-child(2){
      height: 50px;
      object-fit: contain;
      width: 100%;

  }
    
  .company-container5{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
      float: left;
    width: 30%;
    margin-top: 10px;
  }

  .company-container5 img:nth-child(1){
          height: 32px;
      object-fit: contain;
      width: 100%;
  }
  .company-container5 img:nth-child(2){
      height: 40px;
      object-fit: contain;
      width: 100%;
  }
  
}
@media (max-width: 385px){
  .star-image img{
    width: 100px;
    height: 100px;
   }
  .main-row-2{
    height: 435px;
  }
}
  @media (max-width: 360px){
  .values-text p{
    font-size: 11px;
  }
}
 .wrapper-sections {
            position: relative;
}
.rectangle {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0E6FCB;
  color: white;
  font-family: 'Rubik', sans-serif; 
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 10px;
   z-index: 9;
    position: relative;
    background-color: transparent;
}

.form-container {
  font-family: 'Rubik', sans-serif; 
  background: #EFF6FF;
  color: #0066C8;
  display: flex;
  justify-content: center;
 /* align-items: center;*/
/*  min-height: 80vh;*/
padding-bottom:30px;
  box-sizing: border-box;
  padding-top: 0px;
 display: none;

}

#back{
  border: none;
      background-color: transparent;
      cursor: pointer;
}
#checksDone{
  border: none;
      background-color: transparent;
      cursor: pointer;
}
#ok{
  border: none;
  float: right;
      background-color: transparent;
      margin-left: auto;
      cursor: pointer;
}

.left-buttons {
    display: flex;
    justify-content: space-between;
}

.value {
  padding-bottom:30px;
  text-align: center;
  font-weight: bold;
  font-size: 100px;
  width: 80%;
  height: auto;
  line-height: 1.2;
  margin: 40px auto;
  margin-top:0px;
  letter-spacing: -.01em;
}
input[type="range"] {
  display: block;
  -webkit-appearance: none;
  background-color: #E68F1A;
  width: 80%;
  height: 15px;
  border-radius: 5px;
  margin: 0 auto;
  outline: 0;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #0066C8;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid white;
  cursor: pointer;
  transition: .3s ease-in-out;
}
input[type="range"]::-webkit-slider-thumb:hover {
  background-color: white;
  border: 2px solid #0066C8;
}
input[type="range"]::-webkit-slider-thumb:active {
  transform: scale(1.05);
}

.container {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

.button-container {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;  
  align-items: center;  
  width: 100%;   /*Ensuring it takes the full width available */

}

.MainContainer{
  max-width: 60vw;  /* Limits the maximum width */
  min-width: 60vw;  /* Takes up full available width up to the maximum */
  margin: 0 auto;  /* Centers the container horizontally */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* border: 2px solid red;  */
  margin-bottom: 70px;
}
.blueQuestion {
  font-family: inherit; /* Inherit the font-family or keep 'Rubik' if you want */
  font-style: normal;
  font-weight: 500; /* Changed from 560 based on h2 properties */
  font-size: 40px; /* Changed from 55px based on h2 properties */
  line-height: 1.1; /* Changed from 130% based on h2 properties */
  text-align: center;
  width: 100%;
  color: inherit; /* Inherit the color or keep '#0066C8' if you want */
  margin-top: 30px; /* Added from h2 properties */
  margin-bottom: 30px; /* Added from h2 properties */
  padding-bottom: 45px;
}

.rangewheel[hidden] {
  display: none;
}
input[hidden] {
  display: none;
}
.medium-text{
  font-size: 40px;
}

ol, ul{
  padding-top:60px;
  font-size: 35px;
}

li{
  text-align:left;
}

ul {
  text-align: left;
  display: block;
  margin: 0 auto;
  width: fit-content;
}


b {
  text-decoration:underline;
  font-weight: 700;
}

.center-div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 15vh;
}

.center-div[hidden] {
  display: none;
}

.center-div2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 15vh;
}

.center-div2[hidden] {
  display: none;
}

.radio-container {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-template-columns: 280px auto;
  margin: 0 100px;  
    /* Adding some space between YES and NO options */
}

.box {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  max-width: 661px;
  background: #FFFFFF;
  border: 1px solid #AFAFAF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
}

.box[hidden] {
  display: none;
}

.text {
  font-weight: 550;
  font-size: 20px;
  line-height: 1.3;
  text-align: left;
  color: #F87023;
  margin-right: 10px;
  margin-left: 10px
}

.text[hidden] {
  display: none;
}

label:hover {
  cursor: pointer;
}
input[type="radio"]:hover {
  cursor: pointer;
}



input[type="radio"] {
  display: block;
  margin: 10px auto;

}

.radioText{
  text-align: center;
}

@media (max-width: 1310px) {
  /* Your CSS rules here will apply to screens that are 768 pixels wide or smaller */
  .box{
    max-width: 85%;
  }
  .MainContainer{
    min-width: 80vw;
  }
  .blueQuestion{
    font-size: 35px;
  }
  .medium-text{
    font-size: 37px;
  }
  ul{
    font-size: 29px;
  }
  ol, li.nav-underline-hover, li.dropdown, ul.dropdown-content{
    font-size: 16px;
   
  }
   ol, li.nav-underline-hover, li.dropdown{
    margin-top: 6px;
  }
  
  .text{
    font-size: 20px;
  }
  }
@media (max-width: 870px) {
  /* Your CSS rules here will apply to screens that are 768 pixels wide or smaller */
  .radio-container {
    margin: 0 70px;  /* Reducing the margin on small screens */
  }
  .blueQuestion{
    font-size: 33px;
  }
  .medium-text{
    font-size: 34px;
  }
  ol, ul{
    font-size: 27px;

  }
  .value,
  input[type="range"] {
    width: 90%;  /* Or any other percentage that suits your design */
  }
  .text{
    font-size: 20px;
  }
  .MainContainer{
    min-width: 90vw;
  }
}

@media (max-width: 600px) {

  .MainContainer{
    min-width: 85vw;
  }
  .value,
  input[type="range"] {
    width: 85%;  /* Or any other percentage that suits your design */
  } 
  .radio-container {
    margin: 0 40px;  /* Reducing the margin on small screens */
  }
  .blueQuestion{
    font-size: 28px;
  }
  .medium-text{
    font-size: 31px;
  }
  ol, ul{
    font-size: 25px;
  }
  img{
    width: 90px;
    height: 90px;
  }
  .nextbuttomimg{
    width: 121px;
    height: 44px;
  }
  .backbuttomimg{
    width: 121px;
    height: 44px;
  }
  button {
    background: transparent;  /* Removes the button's background color */
    border: none;             /* Removes the border */
    padding: 0;               /* Removes padding */
    margin: 0;                /* Removes margin */
    cursor: pointer;          /* Makes the cursor a hand, indicating clickability */
    outline: none;            /* Removes the outline when the button is focused - consider accessibility implications */
  }

.backbuttonimg, .nextbuttomimg {
    display: block;          /* Makes sure the image occupies the full space of the button */
    width: 100%;             /* Sets the image's width to 100% of the button's width */
    height: auto;            /* Keeps the image's aspect ratio */
  }
  .button-container {
    display: flex;
    justify-content: space-between;  
    align-items: center;  
    width: 100%;  /* Ensuring it takes the full width available */
}

  .left-buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-shrink: 0;  /* This ensures the container doesn't shrink beyond its content size */
}

/* Below are optional styles for hidden buttons, to ensure that they don't occupy any space when hidden */
button[hidden] {
    display: none;
}

/* Styles for Rectangle 29, which seems like a background or overlay */
.blueRectangle{
  display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  position:relative;
  top: 200px;
  width: 100%;      /* This will make it stretch to the full width of its parent */
  height: 207px;    /* Retaining the original height */
  background-color: rgba(0, 102, 200, 0.85);
  box-sizing: border-box;  /* To ensure any padding or border doesn't add to the total width or height */
}

}

/* Header Styles */
html,body {
  margin:0px;
  padding:0px;
  width: 100%;
  overflow-x: hidden;
  overflow-x: initial !important;
}
#header, .navbar-header-mobile {
  background-color: white !important;
}

#myLinks {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  background-color: white;
  padding: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999; /* Ensures that the menu is on top of the overlay */
  cursor: pointer; /* Added this line to make menu clickable */
}

#myLinks a {
  display: block;
  color: #0066C8;
  padding: 10px 20px;
  text-decoration: none;
}
.bodyNoScroll {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

#overlay {
  position: fixed;
  top: 0px; /* Set an initial value to match the height of your header */
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: none;
  z-index: 1;
  opacity: 0; /* Initial opacity set to 0 */
  transition: opacity 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); /* Slower fade-in with cubic-bezier timing function */
}

/* Add a class for the fade-in animation */
.fade-in {
  opacity: 1;
}

/* Add a fade-in animation for the dropdown menu */
@keyframes fadeInMenu {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Apply the fade-in animation to the dropdown menu */
#myLinks {
  animation: fadeInMenu 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

/* Apply the fade-in animation to the white background */
#overlay.fade-in {
  opacity: 1;
}

.navabr-horizontal li {
  -webkit-tap-highlight-color: transparent !important;
}


#nav-icon1 {
  width: 40px;
  height: 27px;
  position: relative;
  margin: 16px auto;
  margin-right: auto;
  margin-left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 80%;
  background: #0066C8;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .20s ease-in-out;
  -moz-transition: .20s ease-in-out;
  -o-transition: .20s ease-in-out;
  transition: .20s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 4px;
}

#nav-icon1 span:nth-child(2) {
  top: 14px;
}

#nav-icon1 span:nth-child(3) {
  top: 24px;
}

#nav-icon1.open span:nth-child(1) {
  top: 15px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 15px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#myLinks {
  text-align: center;
  width: auto;
  box-shadow: none;
  background-color: transparent;
  cursor:default;
}
#myLinks a { 
  font-family: 'Poppins',sans-serif;
  font-weight: 500;
  font-size: 6vmin;
  margin-top: 3.5vw;
  margin-bottom: 3.5vw;
  -webkit-tap-highlight-color: transparent !important;
}

.navbar-header .nav-underline-hover {
  position: relative;
  margin-right: 10px;
    margin-top: 6px;

}
.navbar-header .nav-underline-hover a {
  padding-right: 0;
}
.navbar-header .nav-underline-hover::after {
  position: absolute;
  content: '';
  top: 80%;
  width: 0%;
  right: 0;
  background-color: #0066C8;
  height: 2px;
  transition: 0.3s all;
}
.navbar-header .nav-underline-hover:hover::after {
  width: 100%;
}
.navabr-horizontal {
  overflow: visible;
}
.dropdown {
  position: relative;
   margin-top: 3px;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
/*min-width: 120px;*/
  width:100%;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999999;
  padding-left: 0;
  right: 2%;
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  top: 90%
}
.dropdown-content li {
  list-style-type: none;
  text-decoration: none;
  float: right;
  text-align: right;
  width: 100%;
}
.navbar-header ul li.dropdown {
  margin-right: 10px;
}
.dropdown-content a {
  color: black;
  padding: 5px 0px !important;
  text-decoration: none;
  display: block;
  font-size: 16px;
  color: #0066C8;
  position: relative;
  margin-right: 15px;
  text-align: right !important;
}
.dropdown-content a::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 2px;
  background-color: #0066C8;
  right: 0px;
  top: 87%;
  transition: 0.3s all;
}

.dropdown-content a:hover::after {
  width: 90%;
}
.carot-icon {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #E68F1A;
  position: relative;
  top: -2px;
  display: inline-block;
  transform: rotate(0deg);
transition: transform 0.3s all;
}
.carot-bottom {
border-bottom: none;
  border-top: 7px solid #E68F1A;
}
.mob-logo {
height: auto !important;
}

@media only screen and (min-width: 1201px){
  .navabr-horizontal li a {
    padding-top: 23px;
  }
}
@media (min-width: 993px) and (max-width: 1200px){
  .navabr-horizontal li a {
    padding-top: 24px;
    padding-bottom: 23px;
  }
}
@media only screen and (max-width: 992px){
  .header-style-mobile {
    position: relative;
    z-index: 4;
    box-shadow: none;
  }
  .navabr-horizontal li:nth-child(3) {
    text-align: right;
  }

  .navabr-horizontal > li:nth-child(3) a {
    display: inline-block;
    padding-right: 0;
  }
  .navabr-horizontal li:nth-child(2) .logo {
    margin-top: 7px; /* Or adjust as needed */
  }
  .arrow-lang {
    position: relative;
    top: 3px;
  }
  .dropdown {
 
   margin-top: 0px;
}
.dropdown-content li a {
  display: block !important;
}

  .dropdown-content li {
    width: 100% !important;
    text-align: right !important;
  }
  .dropdown-content {
    min-width: 200px;
    /* left: 85px; */
    width: 190px;
    right: -8%;
  }
  #nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: 0px;
  }
}
@media only screen and (max-width: 767px){
  .arrow-lang {  
    top: 1px;
  }
  .dropdown-content {
    right: -12%;
    margin-top: 12px;
  }
  #nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: 0px;
  }
}
@media (max-width: 480px){
  .navabr-horizontal li:nth-child(2) {
    width: 37%;
    text-align: center;
  }
  .carot-icon {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #E68F1A;
  }
  .carot-bottom {
    border-bottom: none;
    border-top: 6px solid #E68F1A;
  }
  .dropdown-content {
    min-width: 175px;
    width: 200px;
    margin-top: 6px;
  }
  .dropdown-content a {
    height: 18px !important;
  }
}

@media only screen and (min-width: 1201px) {
  .navbar-header-mobile{
    display: none !important;
  }

  .footer-row-mobile{
    display: none !important;
  }
  .topnav{
    display: none !important;
  }

  .copyrighted-text{
    display: none;
  }

  .navbar-header{
    align-items: baseline;
    background-color: var(--white);
    box-shadow: 0px 4px 4px #00000040;
    display: flex;
    height: 50px;
    padding: 10px 25px;
  }

  .header-style ul{
    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
  }

  .logo{
    align-self: flex-end;
    height: auto;
    object-fit: cover;
    width: 120px;
  }

  .navabr-horizontal{
    list-style-type: none;
    margin: 0;
    padding: 0;
  /*  overflow: hidden;*/
    width: 100%;
  }

  .navabr-horizontal li {
    float: right;
  }
  .navabr-horizontal li a {
    display: block;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;

  }
ol, li.nav-underline-hover, li.dropdown, ul.dropdown-content {
    font-size: 16px;
  }
  ol, li.nav-underline-hover, li.dropdown{
    margin-top: 6px;
  }

  .btn-get-started {
    background: linear-gradient(265.24deg, #00A4FF -14.22%, rgba(0, 164, 255, 0.418176) -14.21%, rgba(0, 164, 255, 0.784825) -14.2%, rgba(0, 164, 255, 0.745426) -14.19%, #0066C8 97.87%);
    align-items: center;
    border-radius: 33px;
    display: flex;
     height: 40px;
    justify-content: center;
    margin-bottom: 2px;
    margin-top: 6px;
    transition: box-shadow 0.3s ease-in-out
  }
  .btn-get-started:hover{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .btn-get-started a{
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 35.5px;
    margin-top: -1.00px;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    font-family: "Rubik", Helvetica;
  }

  .arrow-lang{
    height: 11px;
    width: 15px;
  }
}
@media only screen and (min-width: 1600px){
  .header-style {
    width: 1408px;
    margin: 0 auto;
    border-left: none;
    border-right: none;
    box-shadow: none;
    height: 60px;

  }
  #header {
    box-shadow: 0px 4px 4px #00000040;
  }
  .navbar-header {
    box-shadow: none !important;
  }
  .logo {
    width: 135px;
  }
  .btn-get-started {
    height: 50px;
  }
  .btn-get-started a {
    font-size: 23px;
  }
  ol, li.nav-underline-hover, li.dropdown, ul.dropdown-content {
    font-size: 19px;
  }
   ol, li.nav-underline-hover, li.dropdown{
    margin-top: 6px;
  }

  .navabr-horizontal li a {
    padding: 14px 20px
  }
}
/* Next Large Laptops Screen */
@media (min-width: 993px) and (max-width: 1200px){
  .navbar-header-mobile{
    display: none !important;
  }

  .footer-row-mobile{
    display: none !important;
  }

  .topnav{
    display: none !important;
  }

  .copyrighted-text{
    display: none;
  }

  .navbar-header{
    align-items: baseline;
    background-color: var(--white);
    box-shadow: 0px 4px 4px #00000040;
    display: flex;
    height: 50px;
    padding: 10px 25px;
  }

  .header-style{
    color: #0066c8;
    font-family: "Rubik", Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
  }

  .logo{
    align-self: flex-end;
    height: auto;
    object-fit: cover;
    width: 120px;
  }

  .navabr-horizontal{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 100%;
  }

  .navabr-horizontal li {
    float: right;
  }
  .navabr-horizontal li a {
    display: block;
    text-align: center;
    padding: 11px 20px;
    text-decoration: none;
  }

  .btn-get-started {
    align-items: center;
    background: linear-gradient(265.24deg, #00A4FF -14.22%, rgba(0, 164, 255, 0.418176) -14.21%, rgba(0, 164, 255, 0.784825) -14.2%, rgba(0, 164, 255, 0.745426) -14.19%, #0066C8 97.87%);
    border-radius: 33px;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-bottom: 2px;
    margin-top: 6px;
    transition: box-shadow 0.3s ease-in-out
  }
  .btn-get-started:hover{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .btn-get-started a{
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 35.5px;
    margin-top: -1.00px;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    font-family: "Rubik", Helvetica;
  }

  .arrow-lang{
    height: 11px;
    width: 15px;
  }
}
/* Next Smaller Size Laptops and Screen */
@media (min-width: 769px) and (max-width: 992px){
  .navbar-header{
    display: none;
  }

  .Hamburger{
    height: 29px;
    margin-top: 1.0px;
    width: 41px;
  }

  .copyrighted-text{
    display: none;
  }

  .header-style-mobile{
    align-items: center;
    background-color: var(--white);
    display: flex;
    height: 70px;
    padding: 0px 32px;
  }

  .logo{
    align-self: flex-end;
    height: auto;
    object-fit: cover;
    width: 110px;
  }

  .navabr-horizontal{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 100%;
    display: flex;
    align-items: center;
  }

  .navabr-horizontal li:nth-child(1){
    width: 25%;
  }

  .navabr-horizontal li:nth-child(2){
    width: 50%;
    text-align: center;
  }

  .navabr-horizontal li:nth-child(3){
    width: 25%;
  }

  .navabr-horizontal li a {
    display: block;
    text-align: center;
    padding: 15px 20px;
    text-decoration: none;
    font-family: "Rubik", Helvetica;
    color: #0066C8;
    height: 29px;
    left: 0;
    letter-spacing: 0;
    line-height: 28.6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
  }
 /* .dropdown-content li a {
    height: 17px;
  }*/
  /* Mobile Menu Dropdown */
  .btn-get-started {
      align-items: center;
      background: linear-gradient(265.24deg, #00A4FF -14.22%, rgba(0, 164, 255, 0.418176) -14.21%, rgba(0, 164, 255, 0.784825) -14.2%, rgba(0, 164, 255, 0.745426) -14.19%, #0066C8 97.87%);
      border-radius: 33px;
      display: flex;
      height: 54px;
      justify-content: center;
      margin-bottom: 2.0px;
      transition: box-shadow 0.3s ease-in-out
  }
  .btn-get-started:hover{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .btn-get-started a{
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 32.5px;
    margin-top: -1.00px;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    font-family: "Rubik", Helvetica;
  }

  .arrow-lang{
    height: 15px;
    width: 25px;
  }
}
/* Tablets Screens */
  @media (min-width: 481px) and (max-width: 768px){
    

  .footer-row-mobile{
    display: block;
  }

  .navbar-header{
    display: none;
  }

  .Hamburger{
    height: 29px;
    margin-top: 1.0px;
    width: 41px;
  }


  .logo{
    align-self: flex-end;
    height: auto;
    object-fit: contain;
    width: 110px;
  }

  .navabr-horizontal{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .header-style-mobile {
    padding: 0px 32px;
  }

  .navabr-horizontal li:nth-child(1){
    width: 25%;
  }

  .navabr-horizontal li:nth-child(2){
    width: 50%;
    text-align: center;
  }

  .navabr-horizontal li:nth-child(3){
    width: 25%;
  }

  .navabr-horizontal li a {
    display: block;
    text-align: center;
    padding: 0px 0px;
    text-decoration: none;
    font-family: "Rubik", Helvetica;
    color: #0066C8;
    height: 29px;
    left: 0;
    letter-spacing: 0;
    line-height: 28.6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
  }
/* Mobile Menu Dropdown */
  .btn-get-started {
    align-items: center;
    background: linear-gradient(265.24deg, #00A4FF -14.22%, rgba(0, 164, 255, 0.418176) -14.21%, rgba(0, 164, 255, 0.784825) -14.2%, rgba(0, 164, 255, 0.745426) -14.19%, #0066C8 97.87%);
    border-radius: 33px;
    display: flex;
    height: 45px;
    justify-content: center;
    margin-bottom: 2.0px;
    transition: box-shadow 0.3s ease-in-out
  }
  .btn-get-started:hover{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .btn-get-started a{
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 32.5px;
    margin-top: -1.00px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    font-family: "Rubik", Helvetica;
  }

  .arrow-lang{
    height: 11px;
    width: 15px;
  }
}

  /* Small Device and Mobiles */
@media (max-width: 480px){
  #overlay {
    top: 60px;
  }

  .rectangle{
    height: 100px;
    font-size: 20px;
    margin-bottom: 5px;
  }
  .footer-row-mobile{
    display: block;
  }

  .navbar-header{
    display: none;
  }

  .Hamburger{
    height: 20px;
    margin-top: 1.0px;
    width: 25px;
  }

  .header-style-mobile{
    align-items: center;
    background-color: var(--white);
    display: flex;
   height: auto;
    padding: 0px 10px;
    height: 70px;
  }

  .logo{
    align-self: flex-end;
    height: auto;
    object-fit: cover;
    width: 110px;
    margin-left: 15%;
  }

  .navabr-horizontal{
    list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: visible;
    width: 90%;
    display: flex;
    align-items: center;
    margin-top: -6px
  }

  .navabr-horizontal li:nth-child(1){
    width: 25%;
  }

  .navabr-horizontal li:nth-child(2){
    width: 44%;
    text-align: center;
  }

  .navabr-horizontal li:nth-child(3){
    width: 31%;
  }


  .navabr-horizontal li a {
    display: block;
    text-align: center;
    padding: 8px 8px;
    text-decoration: none;
    font-family: "Rubik", Helvetica;
    color: #0066C8;
    height: 29px;
    left: 0;
    letter-spacing: 0;
    line-height: 28.6px;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
  }
/* Mobile Menu Dropdown */
  .btn-get-started {
    align-items: center;
    background: linear-gradient(265.24deg, #00A4FF -14.22%, rgba(0, 164, 255, 0.418176) -14.21%, rgba(0, 164, 255, 0.784825) -14.2%, rgba(0, 164, 255, 0.745426) -14.19%, #0066C8 97.87%);
    border-radius: 33px;
    display: flex;
    height: 35px;
    justify-content: center;
    margin-bottom: 2.0px;
    transition: box-shadow 0.3s ease-in-out
  }
  .btn-get-started:hover{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .btn-get-started a{
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 32.5px;
    margin-top: -1.00px;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    font-family: "Rubik", Helvetica;
  }

  .arrow-lang{
    height: 8px;
    width: 8px;
  }
  
}
  @media only screen and (max-width: 400px){
           .logo {
    margin-left: 12%;
}
        }
        @media only screen and (max-width: 590px){
          .navabr-horizontal li a.English{
              font-size: 14px;
              margin-left: 0px;
              padding-left: 0px;
              padding-right: 0px;
              margin-right: 0px;
            }
        }
        @media only screen and (max-width: 535px){
          .navabr-horizontal li a.English{
              font-size: 11.37px;
              margin-left: 0px;
              padding-left: 0px;
              padding-right: 0px;
              margin-right: 0px;
            }
        }
        
@media only screen and (max-width: 340px){
        .logo {
              margin-left: 12%;
              width: 90px;
            }
            .header-style-mobile {
             height: 60px;
            }
}
@media only screen and (max-width: 300px){
        .logo {
              margin-left: 14%;
              
            }
            .header-style-mobile {
              padding: 0;
            }
            .rocket-img-inner{
              position: absolute;
              top: 20%;
            }
          }
  .col-32 p, .values-text p, .mission p {
    line-height: 1.2;
  }


          
  @media (min-width: 992px) and (max-width: 1070px){
    ol, li.nav-underline-hover, li.dropdown, ul.dropdown-content{
      font-size: 14px;
    }
    }
      @media only screen and (max-width: 590px){
    .navabr-horizontal li a.English{
        font-size: 14px;
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
      }
  }
  @media only screen and (max-width: 535px){
    .navabr-horizontal li a.English{
        font-size: 12px;
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
      }
  }
  @media only screen and (max-width: 387px){
    .navabr-horizontal li a.English{
        font-size: 11px;
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
      }   
  }
  @media only screen and (max-width: 360px){
    .navabr-horizontal li a.English{
        font-size: 10px;
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
      }
  }
  @media only screen and (max-width: 335px){
    .navabr-horizontal li a.English{
        font-size: 9.4px;
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
      }  
  }
  @media only screen and (max-width: 300px){
    .main-row-2{
      height: 585px;
    }
    .star-image img{
      width: 90px;
       height: 90px;
     }

    }
    @media only screen and (max-width: 607px){
      .main-row-2{
        height: 510px;
      }
    }
    @media only screen and (max-width: 330px){
      .main-row-2{
        height: 565px;
      }
    }
    @media only screen and (max-width: 303px){
      .main-row-2{
        height: 600px;
      }
    }
    @media only screen and (max-width: 291px){
      .main-row-2{
        height: 635px;
      }
    }
    @media only screen and (max-width: 280px){
      .main-row-2{
        height: 660px;
      }
    }
    @media only screen and (max-width: 273px){
      .main-row-2{
        height: 700px;
      }
    }
    @media only screen and (max-width: 290px){
    .unique-style{
      font-size: 10.4px !important;
    }
  }