/*
 (c) 2025. NASTROVA INTERNATIONAL LIMITED HOLDIGNS. ALL RIGHTS RESERVED.
 */
    :root {
      --nastrova-blue: #0B1F4E;
      --black: #000;
      --white: #fff;
    }
.nast-compan a{
    font-family:'Open Sans';
    font-size:12px;
}
.header a{
    color: var(--white);
}

.header{
    padding-bottom: 0rem;
}
         
    
    .st-banner{
        padding-top: 0rem;
        background-image: url(' https://nastrova.com/_assets/_img/7010d1e88b80578f3d4e6fc09c2a2379.jpeg?h=84c61102&itok=22V2AO1g');
              /*https://www.airpano.com/files/video-piter-night-vp_big.jpg*/
      background-repeat: no-repeat;
      background-size: cover; /* O "contain", dependiendo del efecto deseado */
      background-position: center center;
      width: 100%;
      height: 100vh;
    }
    .st-banner h1{
        padding-top: 32rem;
        font-family:'Candara',Helvetica;
        position: relative;
        color: var(--white);
        font-size: 5.5rem;
    }
    .st-banner h3{
        font-family:Century, "Century", "Century Gothic", "Times New Roman", CenturyGothic, AppleGothic,'Helvetica Neue','Candara',Helvetica,sans-serif;
        color:var(--white);
        height: 44vh;
        font-size:4rem;
        padding-top: 32rem;
    }
    


    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Helvetica Neue', sans-serif;
    }

    body {
      background-color: var(--white);
      color: var(--black);
      font-size: 16px;
      line-height: 1.7;
      scroll-behavior: smooth;
    }

    header {
      background: linear-gradient(to right, var(--white), var(--nastrova-blue), black, var(--nastrova-blue));
       /**padding: 4rem 2rem;4rem 2rem;**/
      text-align: center;
    }

    header h1 {
      font-size: 3rem;
      letter-spacing: 2px;
      color: var(--white);
      margin-bottom: 0.5rem;
    }

    header p {
      font-size: 1.2rem;
      color: #ccc;
    }

    nav {
      display: flex;
      justify-content: center;
      gap: 2rem;
      padding: 1rem;
      background-color: none;
      position: sticky;
      top: 0;
      z-index: 999;
    }

    nav a {
      text-decoration: none;
      font-weight: 500;
      padding: 0.5rem;
      border-bottom: 2px solid transparent;
      transition: all 0.3s ease;
    }

    nav a:hover {
      border-bottom: 2px solid var(--nastrova-blue);
    }

    section {
/*      padding: 5rem 2rem;
      max-width: 1200px;

*/
      margin: auto;
    }

    section h2 {
      font-size: 2.4rem;
      color: var(--nastrova-blue);
      margin-bottom: 1rem;
    }

    section p {
      font-size: 1.1rem;
      max-width: 900px;
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 2rem;
      margin-top: 2rem;
    }

    .card {
      background: var(--white);
      padding: 2rem;
      border: 1px solid #222;
      border-radius: 12px;
      transition: all 0.3s ease;
      color: black;
    }

    .card:hover {
      border-color: var(--nastrova-blue);
    }

    .card h3 {
      color: var(--nastrova-blue);
      margin-bottom: 0.5rem;
    }

    footer {
      background-color: #0a0a0a;
      color: #888;
      text-align: center;
      padding: 2rem;
      font-size: 0.9rem;
      border-top: 1px solid #222;
    }
   
    .nsb_lk a{
        font-family: Century, "Century", "Century Gothic", "Times New Roman", CenturyGothic, AppleGothic,century,'Helvetica Neue', sans-serif;
    }
    

  #header-tw {
    width: 100%;
    padding: 1rem;
  }

  .nav-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    text-align: center;
  }

  .nav-wrapper a {
    text-decoration: none;
    color: #003366;
    font-weight: 500;
    padding: 0.5rem 1rem;
    transition: all 0.3s ease;
  }

  .nav-wrapper a:hover {
    color: #0066cc;
    background-color: #e6f0ff;
    border-radius: 5px;
  }

  @media (max-width: 768px) {
    .nav-wrapper {
      flex-direction: column;
      align-items: center;
    }

    .nav-wrapper a {
      width: 100%;
      max-width: 300px;
    }
  }

                .homepage.hero .heroTitle {
                  font-size: 1.5rem;
                  line-height: 1.33;
                }
 
                @media (min-width: 38.75rem) {
                  .homepage.hero .titleBlock {
                    left: 3.375rem;
                    margin:-6.25rem auto 0 0;
                    -webkit-clip-path:polygon(0 0, 100% 0, 90% 100%, 0 100%);
                    clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
                    width: 46%;
                    padding: 0.9375rem 2.5rem 1.5625rem 1.25rem;
                    min-height: 10.25rem;
                  }
                }
                .homepage.hero .titleBlock {
                  z-index: 1;
                  width: calc(100% - 5rem);
                  margin:-6.25rem auto 0;
                  background-color: var(--nastrova-blue);/*efecea*/
                  color:var(--white);
                  padding:1.875rem 3.75rem 2.5rem 1.25rem;
                  -webkit-clip-path:polygon(0 0,100% 0,80% 100%,0 100%);
                  clip-path: polygon(0 0,100% 0,80% 100%,0 100%);
                }
                @media (min-width: 38.75rem) {
                  .hero .titleBlock {
                    padding:2.5rem 1.25rem 2.5rem 1.875rem;
                  }
                }
                .hero .titleBlock {
                  position: relative;
                  padding:3.125rem 1.25rem;
                  box-sizing: border-box;
                  width: 100%;
                  height: auto;
                  display: block;
                  margin:auto;
                  max-width: calc(75rem + (var(--gutter-left) * 2));
                  z-index: 1;
                  flex:0 0 auto;
                }
                /*, ::after, ::before {
                  box-sizing: border-box;
                }*/

                .heroTitle h1{
                    font-size: 3.875rem;
                }
 
    
.nastrova-sections {
  font-family: 'Georgia', Century, "Century", "Century Gothic", "Times New Roman", CenturyGothic, AppleGothic,century,'Helvetica Neue', sans-serif;

  background: white;/**#f9f9fb*/
  padding: 4rem 2rem;
}

.nastrova-sections .container {
  max-width: 1200px;
  margin: auto;
  text-align: center;
}

.nastrova-sections h2 {
  font-size: 2.5rem;
  color: #1d2d44;
  margin-bottom: 1rem;
}

.nastrova-sections .intro {
  font-size: 1.1rem;
  max-width: 800px;
  margin: 0 auto 3rem;
}

.section-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}

.nastrova-card {
  background: white;
  padding: 2rem;
  /*
  border-radius: 16px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.05);
  */
  text-align: left;
  transition: transform 0.3s ease;
}

.nastrova-card:hover {
  transform: translateY(-4px);
}

.nastrova-card h3 {
    font-family: Century;
  font-size:1.5rem;
  color: #0d1e31;
  margin-bottom: 1rem;
}

.nastrova-card p, .nastrova-card li {
    font-family: 'Helvetica Neue', sans-serif;

  font-size: 1.2rem;
  color: #333;
  line-height: 1.6;
}

.nastrova-card ul {
  list-style: none;
  padding-left: 1.2rem;
}
.nastr_letter{
      font-family: 'Georgia', Century, "Century", "Century Gothic", "Times New Roman", CenturyGothic, AppleGothic,century,'Helvetica Neue', sans-serif;

}
.nastr_letter2{
      font-family: Century, "Century", "Century Gothic", "Times New Roman", CenturyGothic, AppleGothic,'Georgia','Helvetica Neue', sans-serif;
    
}
.nastrova-stats {
  background: white;/*#f4f6f8*/
  padding: 4rem 2rem;
  color: #1d2d44;
  text-align: center;
}

.nastrova-stats .container {
  max-width: 1000px;
  margin: auto;
}

.highlight-grid {

  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 2rem;
  margin-bottom: 2rem;
  
}

.highlight-item h1 {
  font-size: 11.57rem;
  color: #0B1F4E;
  margin-bottom: 0.5rem;
}

.highlight-item .label {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0.2rem;
}

.highlight-item .detail {
  font-size: 0.95rem;
  color: black;
}

.note {
  font-size: 0.9rem;
  color: gray;
  max-width: 800px;
  margin: 1rem auto;
}

.source {
  font-size: 0.85rem;
  color: gray;
  margin-top: 1.2rem;
}