.main-content{
    background-color: #f4f4f4;
   }
   footer{
    margin-top: 0px;
   }
   .content .top-content{
        display: flex;
    }
    .imageBox{
        display: flex;
        flex: 3;
        justify-content: center;
        align-items: center;
    }
    .imageBox img{
        width:200px;
    }
    .text-description{
        margin-top: 20px;
        flex: 7;
        padding: 0px 20px;
    }
    .main-content{
        padding-top: 0px;
    }
    .text-description p{
        margin-bottom: 5px;
    }

    /* pds&sds */
    .specification-box th, td { 
        border: 1px solid #dbdbdb; 
       
    }
    .specification-container {
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content:left;
        align-items: center;
    }

    .specification-container h1 {
        font-size: 28px;
        color: #333;
        margin-bottom: 20px;
    }
    .specification-container img {
       width: 60px;
       padding: 5px 10px;
    }
    .specification-container a{
        color: #0c479d;
        text-decoration: none;
        /* border-bottom: #ffffff solid 1px; */
        transition: all 0.5s ease-in-out;
     }
    .specification-container a:hover{
        text-decoration: underline;
        /* border-bottom: #0c479d solid 1px; */
     }
     .content h2 { 
       
       margin-top: 10px; 
       margin-bottom: 6px; 
   }
   .content h3{
    text-align: center;
    text-decoration: underline;
   }
   .content table { 
       width: 100%; 
       border-collapse: collapse; 
       margin: 1em 0; 
       
   }
   .content th, td { 
       border: 1px solid #dbdbdb; 
       padding: 8px; 
       text-align: center; 
   }
   .content th { 
       background-color: #f8f9fa; 
   }
   .content .highlight {
        background-color: #f1f8ff; 
        padding: 15px; 
        border-radius: 5px; 
   }
   .content tr:hover{
    background-color: #e2e2e2c9;

   }
     .sds-wrapper {
        position: relative;
        display: flex;
        justify-content:space-between ;
        width: 80%;
        gap: 8px;
    }

    .dropdown-btn {
        width: 30px;  
        height: 30px;  
        background-color: #fff;
        border: 1px solid #dbdbdb;
        border-radius: 4px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
       
   
    }
    .rightdropdown{
         width: 50%;
         display: flex;
         justify-content: flex-end;
    }
     
    .dropdown-btn::after {
      
        content: '▼';  
        font-size: 15px;
        color: #0c479d;
    }

     
    .dropdown-menu {
        position: absolute;
        top:56px;
        left:0px;
        width: 320px;
        max-height: 200px;
        overflow-y: auto;
        background-color: #f8f9fa;
        border: 1px solid #dbdbdb;
        display: none; 
        z-index: 10;
    }

    .dropdown-menu.open {
        display: block; 
    }

    .dropdown-item {
        padding: 8px 12px;
        font-size: 16px;
        color: #6b6b6b;
        cursor: pointer;
    }

    .dropdown-item:hover {
        background-color: #cacaca;
    }
    .sds-link {
        color: #0c479d;
        text-decoration: none;
        transition: border-color 0.3s;
        padding: 2px 0;
        width: 50%;
        text-align: right;
   
    }

    .sds-link:hover {
        text-decoration: underline;
    }

    .sds-link.disabled {
        color: #999;
        cursor: not-allowed;
        border-bottom: none;
    }