hr {
        border: none;
        height: 1px;
        /* Set the hr color */
        color: #CCC; /* old IE */
        background-color: #CCC; /* Modern Browsers */
    }
    .blog_section {
        width:100vw;
        margin-top:100px;
    }
    
    .card {
      margin-bottom: 40px;
      width: 340px !important;
      display: inline-block;
      margin-left:10px;
      margin-right:10px;
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
      transition: 0.3s;
      border-radius: 5px; /* 5px rounded corners */
    }
    
    .card img {
        width: 100%;
    }

    /* On mouse-over, add a deeper shadow */
    .card:hover {
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }
    
    /* Add some padding inside the card container */
    .container {
        height: 160px !important;
        padding: 2px 16px;
    }
    .grid-container {
      width: 600px;
      margin-left: auto;
      margin-right: auto;
      display: grid;
      gap: 5px;
      grid-template-columns: auto auto auto;
      padding: 10px;
    }
    
    /*.grid-item {*/
    /*  text-align: center;*/
    /*}*/
    .container {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    
    .blog-title {
        text-align: center;
    }
    
    .blog-title h3 {
        color: #00652e;
    }
    
    
    .h-text {
        direction: rtl;
    }
    
    .container {
      padding: 2px 16px;
    }
    .grid {
        display: grid;
        grid-gap: 15px;
        justify-content: center;
        grid-template-columns: 600px;
        text-align: center;
    }
    .container {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .container p {
        font-size: 14px;
        color: #616161;
        font-weight: 500;
        padding-top:10px;
    }
    
    .blog-header {
        margin-top: 70px;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
        text-align: center;
        background: #CCC;
    }
    
    .b-text {
        width: 100%;
        direction: rtl;
        text-align: center;
        color: #00652e;
        z-index: 100;
    }
    
    #postImage img {
        width: 100%;
    }
    
    #postContent {
        padding-left:10px;
        padding-right:10px;
    }
    
    .row-post {
        width: 1200px;
        max-width: 98%;
        min-width: none;
        margin: 0 auto;
        text-align: justify;
        direction: rtl;
    }