.grid-container {
    display: grid;
    grid-template-columns: 2fr 1fr; /* First column is twice as wide as the second column */
    gap: 10px; /* Adjust the gap between the columns */
    position: relative; /* Make the container a positioning context */
}
.three-line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-read-more {
    font-size: 15px !important;
    border-radius: 6px !important;
    background-color: white;
    border-color: #7d387b;
    font-family: 'URWGeometricBold';
}
.btn-read-more-ar {
    font-size: 15px !important;
    border-radius: 6px !important;
    background-color: white;
    border-color: #7d387b;
    font-family: 'GE_SS_Text_Bold';
}
.NewsContainerAr a, .NewsContainerAr h3 {
    font-family: 'GE_SS_Text_Light';
}

.NewsContainerAr h2 {
    font-family: 'GE_SS_Text_Bold';
}
.news-link-new {
    color: #424242 !important;

}

    /*.news-link-new:hover {
        color: #7d387b !important;
    }*/


.image-container-new {
    position: relative;
    border-radius: 5px;
    width: 150px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    /*/* margin: auto;*/ /* Center the container on the page */
}

.image-container-new img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover; /* i think the trick is here dears... */
    border-radius: 5px;
}

.mask-overlay-new {
    position: absolute;
    top: 0;
    /*left: 0;*/
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

/* .mask-text {
      color: white;
      font-size: 20px;
      font-weight: bold;
      text-transform: uppercase;
    }*/


.image-container-new:hover .mask-overlay-new {
    opacity: 0.5;
    background-image: linear-gradient(to left, #b62f7d, #6b337f);
}
/*.text{
        text-align:center;*/
/*  pointer-events: auto;*/
/*color:white !important;
    }*/


    @media only screen and (max-width: 820px) {
        .grid-container {
            grid-template-columns: 1fr; /* Change to a single column layout on smaller screens */
        }

        .chk-new {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        .img-new {
            /*margin-left: 50px !important;*/
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        .txt-news {
            margin-left: 60px !important;
        }

        .separator, .separatorAr {
            display: none;
        }

        .grid-item h6 {
            width: 200px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    .figure:hover .img-new {
    border: thin solid purple;
}

.single-new-par-des {
    width: 700px;
    margin-top: 25px;
   /* margin-left: 90px;*/
    /* margin-bottom: 60px; */
    text-align: justify;
    font-family: 'URWGeometricRegular' !important;
}

@media only screen and (min-width: 800px) and (max-width:1000px) {
    .grid-item {
        margin-top: 2%;
    }
}

.grid-item h6 {
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.figure-caption {
    width: 150px;
    /* text-align: justify;*/
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
    margin-top: 3%;
}

.figure-captionAR {
    width: 150px;
    /* text-align: justify;*/
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
    margin-top: 3%;
}

    .figure-caption a, .figure-captionAR a {
        text-decoration: none;
        color: #424242;
    }

.figure {
    text-align: center;
}
   /* .figure:hover .overlay {
        opacity: 0.5;
        visibility: visible;
    }
.figure .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, #b62f7d, #6b337f);
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease-in-out;
    border-radius: 12px;
}*/

.single-news {
    width: 500px;
    height: 300px;
    border-radius: 9px;
    /*margin-left: 80px;*/
}

.single-new-par {
   /* width: 500px;*/
   width:700px;
    margin-top: 50px;
    /*margin-left: 90px;*/
    margin-bottom: 60px;
    text-align: justify;
    font-family: 'URWGeometricRegular' !important;
}
/* Style for the vertical line */
.separator {
    grid-column: 1;
    width: 1px;
    background-color: #000;
    height: 100%;
    position: absolute;
    top: 0;
    left: 65%;
    transform: translateX(-20%);
}

.separatorAr {
    grid-column: 1;
    width: 1px;
    background-color: #000;
    height: 100%;
    position: absolute;
    top: 0;
    right: 75%;
    transform: translateX(-20%);
}

.body-margizn {
    margin-top: 30px;
}

.body-marginn {
    margin-top: 100px;
}

.body-marginz {
    margin-top: 10px;
}

.news-dtwo {
   /* margin-top: 90px;*/
}

.chk-new {
    color: #7d387b;
    text-align: center;
    width: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.img-new {
    width: 150px;
    height: 100px;
    border-radius: 6px;
    /*margin-left: 120px;*/
    text-align: center;
    margin-top: 30px;
}

.txt-news {
    width: 150px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: justify !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
    padding-top: 10px;
}

.ch2-img {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.heading-container {
    display: flex;
    align-items: center; /* Align the heading and button vertically */
    justify-content: space-between; /* Create space between them */
}

.rdmr {
    margin-right: 100px !important;
    border-radius: 8px;
}

/*a {
    color: #424242;
}*/

.news-link-btn {
    height: 30px !important;
    font-size: 15px !important;
    border-radius: 6px !important;
}

    .news-link-btn:hover {
        color: white;
        background-color: #7d387b;
    }

.news-links {
    color: #424242;
}