@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: IBM Plex Serif, serif !important;
}
.section-introduce {
    font-family :Open Sans, sans-serif !important;
}
.navbar .navbar-nav .nav-link {
    font-weight: 700;
}

.nav-custom {
    /* background-color: #14452f !important; */
    top: 0px;
    right: 0;
    left:0;
    backdrop-filter: blur(12px);
    z-index:3000;
    position: absolute;
    transition:all 0.1s ease-out;
    font-weight:700;
}
.navbar-toggler , .navbar-toggler:focus  {
    box-shadow: none; !important
}
.navbar-toggler[aria-expanded ="true"] {
    box-shadow: 0 0 0 .1rem;
}

.nav-custom .navbar-nav .nav-item {
    color:white
}
.nav-custom.nav-srcoll .navbar-nav .nav-link.active {
    color: var(--primary);
}
.nav-custom .navbar-nav.inner-nav {
    justify-content: right;
}
.nav-custom .navbar-nav .nav-item {
    color:white;
}

.nav-custom.nav-srcoll {
    position: fixed;
    backdrop-filter: none;
    background:white;

} 

#header-carousel:before{
    position:absolute;
    content:"",
    top:0;
    right:0;
    left;:0;
    bottom:0;
    background:red;
}
.navbar img {
    height:54px !important;
}

.bg-color-main {
    background-color:#0e271c;
}

.navbar-collapse .navbar-nav {
    padding:20px !important;
}
.navbar-collapse {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    background-color:#000000b8;
}

.nav-custom .nav-item.nav-link {
    color:white
} 

/* responsive */
.navbar-brand {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.display-1{
    font-size: 2.5rem;
}

@media (min-width: 576px) {
    .about-experience .year-ex{
        font-size:1.5rem !important;
    }
    
    .display-1{
        font-size: calc(1.625rem + 4.5vw);
    }
}
/* start header */
.navbar-nav .nav-item + .nav-item {
    margin-left: 30px;
  }
  .navbar .navbar-nav .nav-link, .link-list-product {
    position: relative;
  }
  .navbar .navbar-nav .nav-link:hover:before, .navbar-nav .nav-item:hover .link-list-product:before {
    width: 100%;
  }
  .navbar .navbar-nav .nav-link.active:before{
    width: 100%;
  }
  .navbar .navbar-nav .nav-link:before, .link-list-product:before {
    position: absolute;
    transition: width 0.25s ease-out;
    bottom: 20px;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background: orange;
  }
  .nav-item.has-sub-menu:hover .list-product {
    display: block;
    opacity: 1;
  }
  .list-product {
    transition: opacity 0.25s ease-out;
    transition-delay: 0.25s;
    display: none;
    opacity: 0;
    list-style-type: none;
    width: max-content;
    background: white;
    padding: 6px 20px;
    right: 0;
    color: black;
    top: 60px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
  }
  .list-product .item-product + .item-product {
    border-top: 1px solid #b3b3b3;
  
    /* margin-top: 5px;  */
  }
  .list-product .item-product:hover {
    opacity: 0.7;
  }
  .list-product .item-product {
    font-weight: 700;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .menu-mobile-container {
    transition: all 0.25s ease;
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    background: white;
  }
  .menu-mobile-container .menu-mobile {
    padding: 10px;
  }
  .menu-mobile-container .menu-mobile .menu-mobile-item .menu-title {
    display: flex;
    justify-content: space-between;
  }
  .menu-mobile-container .menu-mobile .menu-mobile-item {
    padding: 5px 0;
  }
  .menu-mobile-container
    .menu-mobile
    .menu-mobile-item.has-sub-menu
    .list-sub-menu {
    transition: all 0.25s ease;
    padding: 0 15px;
  }
  
  .nav-custom a.item-product.active {
    color: #1b8c00 !important;
    font-weight: 700;
  }
  .nav-custom a.item-product {
    color: #585858 !important ;
  }
  
  .menu-mobile-container
    .menu-mobile
    .menu-mobile-item.has-sub-menu
    .list-sub-menu
    a {
    padding: 5px 0;
  }
  .menu-mobile-container
    .menu-mobile
    .menu-mobile-item .item-link {
      /* color:#5B8C51; */
      color:black;
    }
  .menu-mobile-container
    .menu-mobile
    .menu-mobile-item .item-link.active {
      color:#5B8C51;
    }
  .menu-mobile-container
    .menu-mobile
    .menu-mobile-item.has-sub-menu
    .icon-expand {
    cursor: pointer;
    flex-grow: 1;
    display: flex;
    justify-content: right;
  }
  .navbar.nav-srcoll .navbar-toggler {
    font-size: 30px;
    color: black;
    border: 2px solid #14452f;
  }
  .navbar .navbar-toggler {
    font-size: 30px;
    color: whitesmoke;
    border: 2px solid whitesmoke;
  }
  

/* end header */

@media (min-width: 768px) { 
    

}

@media (min-width: 992px) {
  .navbar.nav-srcoll {
    border-bottom: 1px solid #eeeeee;
  }
    .nav-custom.nav-srcoll .navbar-nav .nav-item {
        color:black;
    }
    .navbar-collapse {
        position: static;
        width: auto;
        background-color:transparent;
        flex-grow: 1;
        align-items: center;
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-collapse .navbar-nav {
        padding:0px !important;
    }
}
@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem;
    }
}