.content .main-sec .sub-sec .main-content {
        padding: 2px;
    }
    .content .main-sec .sub-sec .main-content  article{
        margin-left: 20px;
    }
     .content #banner{
         height: 300px;
     }
     content #main-sec{
    top: 370px;
}
            .content #banner h2{
        text-align: center;
        margin: 10px;
        }
    @media (max-width: 1000px) {
       .content .main-sec .sub-sec .main-content  article{
        margin-left: 0;
    }   
        .content #banner h2{
        text-align: center;
        }
         .content #banner p{
             text-align: center;
         }
    }
        @media (max-width: 750px) {
        .content #banner h2{
        text-align: center;
        font-size: 24px;
        margin: 5px;
        }
        .content #banner p{
            font-size: 14px;
        }
    }
    .container {
        max-width: 900px;
        margin: 0 auto;
        padding: 20px;
        background-color: white;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    
    
    .container h2 {
        color: #34495e;
        margin-top: 30px;
        margin-bottom: 15px;
        font-size: 1.8em;
        border-left: 5px solid #3498db;
        padding-left: 15px;
    }
    
    .container h3 {
        color: #34495e;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 1.4em;
    }
    
    .container h4 {
        color: #34495e;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 1.2em;
    }
    .container p {
        margin-bottom: 15px;
        text-align: justify;
        line-height: 1.8;
    }
    
    .container ul, ol {
        margin-left: 30px;
        margin-bottom: 15px;
    }
    
    .container li {
        margin-bottom: 10px;
        line-height: 1.6;
    }
    
    .container strong {
        color: #2c3e50;
    }
    
    .container a {
        color: #3498db;
        text-decoration: none;
        border-bottom: 1px solid #3498db;
        transition: color 0.3s ease;
    }
    
    .container a:hover {
        color: #2980b9;
        border-bottom-color: #2980b9;
    }
    
    .container .intro-box {
        background-color: #ecf0f1;
        padding: 15px;
        border-left: 4px solid #3498db;
        margin: 20px 0;
        border-radius: 4px;
    }
    
    .container .highlight-box {
        background-color: #e8f4f8;
        padding: 15px;
        border-radius: 4px;
        margin: 20px 0;
        border-left: 4px solid #2ecc71;
    }
    
    .container .pay-level-box {
        background-color: #fef9e7;
        padding: 15px;
        margin: 15px 0;
        border-radius: 4px;
        border-left: 4px solid #f39c12;
    }
    
    .container .benefits-list {
        background-color: #f0f8ff;
        padding: 15px;
        border-radius: 4px;
        margin: 20px 0;
    }
    
    .container .footer-links {
        background-color: #ecf0f1;
        padding: 20px;
        border-radius: 4px;
        margin-top: 30px;
    }
    
    .container .footer-links h3 {
        color: #2c3e50;
        margin-bottom: 15px;
    }
    
    .container .footer-links ul {
        list-style: none;
        margin-left: 0;
    }
    
    .container .footer-links li {
        margin-bottom: 12px;
        padding-bottom: 10px;
        border-bottom: 1px solid #bdc3c7;
    }
    
    .container .footer-links li:last-child {
        border-bottom: none;
    }
    
    .container .conclusion {
        background-color: #f5f5f5;
        padding: 20px;
        border-radius: 4px;
        margin-top: 30px;
        border-left: 4px solid #e74c3c;
    }
    .content article a{
        color: #0366fc;
        text-decoration: underline;
    }
      .content article img{
          object-fit: cover;
          width: 100%;
          height: 400px;
      }
            .content .main-sec .sub-sec .main-content  .navigation{
    display: grid;
    grid: auto / auto ;
    width: 100%;
  }
    .content .main-sec .sub-sec .main-content .navigation a {
            padding: 8px 12px;
            background: #3f6782;
            color: #fff!important;
            text-decoration: none;
            margin-right: 10px;
            margin-top: 20px;
            width: 95%;
            text-align: center;
        }
        .content .main-sec .sub-sec .main-content .navigation a:hover {
            background: #3f6782;
        }
         .content .main-sec .sub-sec .main-content .share-head{
            text-align: center;
        }
        .content .main-sec .sub-sec .main-content .share{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
            margin: 10px;
        }
         .content .main-sec .sub-sec .main-content .share a{
             padding: 10px 15px;
             background-color: #3f6782;
             color: #fff;
             border-radius: 20px;
             margin: 5px;
         }