html {
  scroll-padding-top: 90px; /* adjust this to your navbar height */
}  

footer{
    background-color: #001d6c;
    color: white;
}

body{
  font-family: helvetica-w01-roman, sans-serif;
  color: #001d6c;
}

h1, h2, h3, h4 {
  font-weight: bolder;
}

.eng p {
  font-family: 'helvetica-w01-light', sans-serif;
 
}

.tw p{
  font-family: 'helvetica-w01-light', sans-serif;
  font-size: clamp(1.125rem, 1.102rem + 0.123vw, 1.25rem);
  letter-spacing: 0px
}

.tw #who p, .tw #why-choose-us p{
  letter-spacing: 0.1em;
}


   
   .remitech img{
      height: clamp(3.125rem, 2.866rem + 1.258vw, 4.375rem);
    }

     .nav-link {
        color: white;
        font-size: 14px ;   
    }

     .tw .nav-link {
        color: white;
        font-size: 18px ;   
    }

     .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
        color: white;
    }

     #navbarSupportedContent .nav-link:focus, .nav-link:hover{
        color: white;
        font-weight: bold;
    }

    


    #a .nav-link {
        color: #001d6c;
        font-size: 18px ;  
        font-weight: 300; 
    }

    #a .nav-link:focus, #a .nav-link:hover, #a .nav-link.active{
        color: #EE4B2B;
        text-decoration: underline;
    }

    #a1 .list-group-item {
      padding: 8px 0px;
    }



    .btn{
        border-radius: 10px ;

    }


    .dropdown-menu{
      border-radius: 10px;
      text-decoration: none;
      width: 5.5rem;
      --bs-dropdown-min-width: 0rem;
    }

    .remitech-btn{
        background-color: white;
      color: #001d6c;
      border-radius: 25px;
      padding: 6px 16px;
      font-size: clamp(0.4rem, 5vw, 0.9rem);
      margin: 0;
    }

     .remitech-btn:hover{
        background-color: white;
      color: #001d6c;
      border-radius: 25px;
      padding: 6px 16px;
      font-size: clamp(0.4rem, 5vw, 0.9rem);
      margin: 0;
    }

    #sec2 {
      height: 80vh;
    }
    
    .core-height{
      height: 200px;
    }

    .core-values{
      padding: clamp(2rem, 0.217rem + 8.153vw, 10rem);
      height: clamp(12.5rem, -1.429rem + 37.143vw, 32rem);
    }
    
    .core-values-blue{
      background-color: #001d6c;
      color: white;
    }

    .eng .core-values p{
      font-size: clamp(0.875rem, 0.852rem + 0.123vw, 1rem);
     height: 100px;
    }
    

    .tw .core-values p{
     height: 100px;      
    }

    .core-values h2{
      font-size: clamp(1.188rem, 0.607rem + 1.548vw, 2rem);
    }

    .plus-icon {
        display: inline-block;
        width: 68px;
        height: 68px;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><path d='M 190 81 h -71 V 10 H 86 v 71 H 10 v 33 h 76 v 76 h 33 v -76 h 71 V 81 Z' fill='%23b5caf4'/></svg>") no-repeat center;
        background-size: contain;
        opacity: 0.6;
    }


 .img-box {
    width: 100%;
  }

  .img-box img {
    width: 250px;
    height: 275px;
    object-position: center;  
    object-fit: cover;
  }

  .certificate img {
  width: clamp(8.529rem, 3.897rem + 24.706vw, 14.706rem)
  }

  .vector1 img{
    width: clamp(1.765rem, -1.324rem + 16.471vw, 5.882rem) ;
  }
.eecnindex img{
  width: clamp(9.375rem, 7.639rem + 9.259vw, 18.75rem);
}

#about-us {
  position: relative;
  z-index: 1;
  background: none;
}

#about-us::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("Website%20-%20Remitech%20Main/Remitech%20Taiwan%20Background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5; /* adjust this number for transparency */
  z-index: -1; /* behind text */
}

   .bg-image {
    display: flex;  
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    margin: 0;
    padding: 0;
    position: relative;
   }

   .carousel-height{
    height: 90vh;
   }

   



@media (min-width: 1200px) {
  .w-50 {
    width: 50%;
  }

   .w-55 {
     width: 55%;
  }

}

@media (max-width : 1500px) {

    .w-50 {
    width: 100% !important;
  }


}

@media (max-width:1199px){


  .core-values{
      height: max-content;
    }
}

@media (max-width:991px){
    .core-values-blue{
      background-color: white;
      color:#001d6c
    }

    .core-height{
      height: auto;
    }

    #sec2 {
      height: auto !important;
    }
}

@media (max-width: 500px){
     .carousel-height{
    height: 70vh;
   }
  html {
  scroll-padding-top:80px; /* adjust this to your navbar height */
}    
}