@import url('../fonts/font-style.css');

    html{

    }
    body {
        margin: 0;
        padding: 0;
        position: relative;
        font-family: 'Mulish';
        font-weight: normal;
        font-size: 18px;
    }
    .top-header {
        margin: 0;
        display: block;
        padding: 10px 0;
        width: 100%;
        position: relative;
        z-index: 1030;
        background:#fff;  
        /* box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;  */
    }
    html:has(.mfp-iframe-holder),
    html:has(.mfp-zoom-out-cur){
        overflow: auto!important;
        margin:0!important;
    }
    .header-part-info {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
    .top-header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        background-color:#fff; 
    }
    .right-part {
        float: right;
    }
    .top-logo {
        max-width: 394px;
        float: left;
        margin: 0 56px 0 0;
        position: relative;
    }
    .top-logo a {
        padding: 0;
        margin-right: 0px;
        outline: 0;
    }
    /* .top-logo a:focus-visible{outline: 0;outline-offset: 0;}
    .top-logo a img:focus-visible{outline: 0;outline-offset: 0;} */
    .top-logo a img {
        max-width: 100%;
        border: 0;
    }
    .top-header .navbar {
        padding: 10px 16px;     
    }
    .top-header.fixed  .navbar{
        border-color: transparent;
    }
    .top-store-info {
        min-height: 57px;
        background-color: #EDFED8;
        -webkit-border-bottom-right-radius: 25px;
        -webkit-border-bottom-left-radius: 25px;
        -moz-border-radius-bottomright: 25px;
        -moz-border-radius-bottomleft: 25px;
        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
        margin-top: -1px;
        display: flex;
        align-items: center;
        padding: 0 10px;
        float: right;
    }
    .header-menu-part {
        float: right;
        clear: both;
        margin: 0 0;
    }
    #main-menu ul {
        margin: 0px;
        padding: 0;
    }
    #main-menu ul li {
        padding: 0 10px;
        margin: 0;
    }
    #main-menu ul li a {
        color: #505050;
        font-family: 'Noto Sans';
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
        padding: 0 15px;
        text-decoration: none;
    }
    #main-menu ul li a:hover {
        color: #008080;
    }
    #main-menu ul li.current-menu-item a{
        color: #008080;  
    }
    
    /* footer style */
    .main-footer{
        padding: 40px;
    }
    .footer-info {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        border-right: 1px solid #e0e0e0;
        padding-right: 15px;
    }

    .col-list:last-child .footer-info {
        border-right: none;
    }
   .footer-info .footer-text span{
        color: #505050;
        font-family: "Noto Sans";
        font-size: 18px;
        font-weight: 700;
        line-height: 36px; 
   }
   .footer-info .footer-text p, .footer-info .footer-text a{
        color: #505050;
        font-family: "Noto Sans";
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
        text-decoration: none;
   }
    
    

/**main-baner**/
.banner-sec{
  position: relative;
  background: url('../images/home-banner-bg.png') center/cover no-repeat;
  height: 900px; 
  display: flex;
  align-items: center;
  justify-content: flex-end; 
}
.banner-overlay {
  border-radius: 50px 0 0 50px;
  background: linear-gradient(180deg, #478AA3 0%, #1F5646 100%);
  padding:30px;   
  max-width: 870px;
  width: 100%;
}
.main-banner-content h1{
    color: var(--Color-Scheme-5-Text, #FFF);
    font-family: 'Montserrat';
    font-size: 60px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.6px;
}
.main-banner-content h4{
    color: var(--Color-Scheme-5-Text, #FFF);
    font-family: 'Montserrat';
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.35px;
}

.about-sec{padding:100px 0px;}
.about-content{max-width: 660px;}
.about-content h2{
    color: #505050;
    font-family: 'Montserrat';
    font-size: 45px;
    font-weight: 600;
    line-height: 66px;
    letter-spacing: -0.55px;
}
.about-content p{
    color: #505050;
    font-family: "Noto Sans";
    font-size:18px;
    font-weight: 400;
    line-height:  27px;
}
.about-media img{border-radius: 30px;}
.services-section{
    background-image: url('../images/service-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0;
}
.services-main-title{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 45px;
    font-weight: 600;
    line-height:66px;
    letter-spacing: -0.55px;
    margin-bottom: 30px;
}
.service-box{padding: 40px 60px 20px 0;}
.service-title{
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 80px;
}
.service-title .service-icon img {   
    height: auto;
}
.service-box h4{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 28px;
    font-weight: 700;
    line-height:40px;
    letter-spacing: -0.28px;
    
}
.service-box p{
    color: #FFF;
    font-family: "Noto Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.measuring-section{padding:100px 0;}
.monitor-main-title{
    color: #505050;
    /* text-align: center; */
    font-family: 'Montserrat';
    font-size: 45px;
    font-weight: 600;
    line-height: 54px;
    letter-spacing: -0.45px;
    margin-bottom: 25px;
}
.monitor-main-desc{
    color: #505050;
    /* text-align: center; */
    font-family: "Noto Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 40px;
}
.monitoring-steps-info {
    padding: 30px 0;
}
.monitoring-steps-info h4{
    color: #505050;
    font-family: 'Montserrat';
    font-size: 28px;
    font-weight: 600;
    line-height:40px;
    letter-spacing: -0.28px;
}
.monitoring-steps-info p{
    color: #505050;
    font-family: "Noto Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
section.bioplastics-section {
    background-image: url('../images/consulting-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0px 40px;
}
.bioplastics-info h2{
    color: #505050;
    font-family: 'Montserrat';
    font-size: 45px;
    font-weight: 600;
    line-height: 54px;
    letter-spacing: -0.45px;
    margin-bottom: 20px;
}
.bioplastics-info p, .bioplastics-info span{
    color: #505050;
    font-family: "Noto Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}
.bioplastics-info li{
    color: #505050;
    font-family: "Noto Sans";
    font-size:18px;
    font-weight: 400;
    line-height: 27px;
    list-style-type: none;
    padding: 14px 0 0;
}
.health-section{padding:40px 0 60px;}
.consulting-section{
    padding: 100px 0;
}
.consulting-content h2{
    color: #505050;
    font-family: 'Montserrat';
    font-size: 45px;
    font-weight: 600;
    line-height: 54px;
    letter-spacing: -0.45px;
}
.consulting-content p{
    color: #505050;
    font-family: "Noto Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
.consulting-steps img{border-radius:30px;}
.consulting-steps-info {
    padding: 30px 0;
}
.consulting-steps-info h4{
    color: #505050;
    font-family: 'Montserrat';
    font-size: 28px;
    font-weight: 600;
    line-height:40px;
    letter-spacing: -0.28px;
}
.consulting-steps-info p{
    color: #505050;
    font-family: "Noto Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
.expertise-section{
    background-image: url('../images/expertise-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}
.research-sec{padding-top: 0 !important;}
.partner-sec{background-image: url('../images/partner.png');}

.partner-img{padding: 20px;}
.future-section{
    background-image: url('../images/future-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0;
}
.future-list {
    display: flex;
    flex-wrap: wrap;
    list-style-position: inside;
    padding-left: 0;
}

.future-list li {
    border-radius: 10px;
    background: #FFF;
    padding: 10px !important;
    margin: 10px;
}
.bioplastics-info li img {
    margin-right: 6px;
    width: 20px;
}
.bioplastic-list{padding-left: 0;}
.enquire-btn{
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans";
    font-size:  18px;
    font-weight: 700;
    line-height: 36px; 
    border-radius: 30px;
    padding: 16px 20px;
    background: linear-gradient(180deg, #478AA3 0%, #387463 100%);
    text-decoration: none;
}
.footer-icon img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(9%) saturate(1676%) hue-rotate(135deg) brightness(90%) contrast(91%);
}

.contact-form .form-group {
    margin-bottom: 15px;
  }
  .contact-form input, 
  .contact-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
     font-family: "Noto Sans";
    border-radius: 6px;
    outline: none;
    font-size: 14px;
  }
  .contact-form input:focus, 
  .contact-form textarea:focus {
    border-color: #387463;
  }
  .btn-submit {
    display: inline-block;
    background: #387463;
    font-family: "Noto Sans";
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s;
  }  
  .contact-media-info{float:right;}

  li#news-event {
    position: relative;
  }
  .news-event-con {
    position: absolute;
    top: 30px;
    left: 0;
    width: 245px;
    background: linear-gradient(180deg, #478AA3 0%, #1F5646 100%);
    padding: 10px;
 }
 .news-event-con p{color:#FFF;font-family: "Noto Sans";margin-bottom: 0;}
.news-event-con {
  display: none;
}
#news-event:hover .news-event-con {
  display: block;
}