:root {
    --global_width_123: 90vw;
}

.container {
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.inner-container 
{
    direction: ltr;
    display: flex;
    /*border: 2px solid red;*/
    width: calc(var(--global_width_123) / 5 * 3) ; 
}

.inner-container main 
{
    width: 100%;
    /* background-color: yellow; */
    display: flex;
    border: 2px solid black;
}

.inner-container main .body 
{
    width: 100%;
    display: flex;
    /*border: 2px solid rgb(0, 255, 0);*/
}

.inner-container main .body .right-news 
{
    width: calc(100% / 2);
    /*margin-top: 100px;*/
}

.inner-container main .body .left-news 
{
    width: calc(100% / 2);
    /*margin-top: 100px;*/
}

.container-scroll-left{
    padding: 5px 0;
    overflow-y: scroll;
    height: 800px;
}

.container-scroll-right{
    padding: 5px 0;
    overflow-y: scroll;
    height: 800px;
}

.card {
    width: 88%;
    margin: auto;
    border-radius: 5px;
    padding: 20px 15px;
    border: 1px solid red;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);    
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.container-slider {
    width: 100%;
    height: 38vh;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.swiper {
    width: 90%;
    height: fit-content;
    <!--margin-top: 25rem;-->
    /*position: relative;*/
}

.swiper .swiper-pagination-bullet-active {
    /*background-color: #f10808;*/
    background-color: #fff;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
    /*color: #fff;*/
    color: rgba(255, 255, 255, .1);
    height:5%;
    width:10%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234c71ae'%2F%3E%3C%2Fsvg%3E") !important;
}
   
.container .news {
    width: 90%;
    /*height: 60px;*/
    /*margin: 15px auto;*/
    /*padding: 2px 0;*/
    /*line-height: 50px;*/
    /*overflow: hidden;*/ 
    /*background-color: #e74c3c;*/
    /*border: 2px solid black;*/
    /*border-radius: 5px;*/
}

.container .news p{
    /*font-size: 17px;*/        
    /*font-weight: bold;*/
    /*direction: rtl;  */
    /*text-align: left;*/
    /*display: block;*/
    /*width: 100%;     */ 
    /*transform: translateX(100%); */
    /*animation: move 20s linear infinite ;*/
}


.swiper-button-prev {
    left: -20px;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(-100%); }
  to { -moz-transform: translateX(100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(-100%); }
  to { -webkit-transform: translateX(100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.swiper-button-next  {
    right: -20px;
}

.swiper-slide img {   
    /*width: 100%; */
    height : 250px;
    margin: auto;
    border: 1px solid black;
    /*margin-top: -120px;*/
    display: block;  
    object-fit: contain;   
    /*position: absolute;*/
}

.image_in_news{
    /* width: 100%; */
    /* height : 250px;*/
    /* margin: auto;*/
    /* display: block;*/  
    /* object-fit: contain;   */
    /* position: absolute;     */
}

.inner-container main .body .right-news h2 {
    text-align: center;
    padding: 25px 0;
    font-size: 40px;

}

.original_text {
    text-align: center;
    font-size: 16px;
    color: blue;
    line-height: 1.5;
    letter-spacing: 0px;
    font-weight:bold;
}

.text-more {
    display: none;
    font-size: 16px;
    color: #004;
    line-height: 2;
    letter-spacing: 0px;
}

.btn {
    display: inline-block;
    width: 90%;
    border: 1px solid black;
    padding: 5px 4px;
    border-radius: 5px;
    margin: 10px auto;
    transition: 0.5s;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.btn:hover {
    background-color: black;
    border: 1px solid #fff;
    color: white;
}


        #check315 {
        display: none;
        }

        #check315:checked~.text-more {
        display: block;
        }

        #check315:checked~.btn {
        visibility: hidden;
        }

        #check315:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check316 {
        display: none;
        }

        #check316:checked~.text-more {
        display: block;
        }

        #check316:checked~.btn {
        visibility: hidden;
        }

        #check316:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check321 {
        display: none;
        }

        #check321:checked~.text-more {
        display: block;
        }

        #check321:checked~.btn {
        visibility: hidden;
        }

        #check321:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check323 {
        display: none;
        }

        #check323:checked~.text-more {
        display: block;
        }

        #check323:checked~.btn {
        visibility: hidden;
        }

        #check323:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check329 {
        display: none;
        }

        #check329:checked~.text-more {
        display: block;
        }

        #check329:checked~.btn {
        visibility: hidden;
        }

        #check329:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check330 {
        display: none;
        }

        #check330:checked~.text-more {
        display: block;
        }

        #check330:checked~.btn {
        visibility: hidden;
        }

        #check330:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check331 {
        display: none;
        }

        #check331:checked~.text-more {
        display: block;
        }

        #check331:checked~.btn {
        visibility: hidden;
        }

        #check331:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check332 {
        display: none;
        }

        #check332:checked~.text-more {
        display: block;
        }

        #check332:checked~.btn {
        visibility: hidden;
        }

        #check332:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check334 {
        display: none;
        }

        #check334:checked~.text-more {
        display: block;
        }

        #check334:checked~.btn {
        visibility: hidden;
        }

        #check334:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check335 {
        display: none;
        }

        #check335:checked~.text-more {
        display: block;
        }

        #check335:checked~.btn {
        visibility: hidden;
        }

        #check335:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check336 {
        display: none;
        }

        #check336:checked~.text-more {
        display: block;
        }

        #check336:checked~.btn {
        visibility: hidden;
        }

        #check336:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check337 {
        display: none;
        }

        #check337:checked~.text-more {
        display: block;
        }

        #check337:checked~.btn {
        visibility: hidden;
        }

        #check337:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check339 {
        display: none;
        }

        #check339:checked~.text-more {
        display: block;
        }

        #check339:checked~.btn {
        visibility: hidden;
        }

        #check339:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check341 {
        display: none;
        }

        #check341:checked~.text-more {
        display: block;
        }

        #check341:checked~.btn {
        visibility: hidden;
        }

        #check341:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check342 {
        display: none;
        }

        #check342:checked~.text-more {
        display: block;
        }

        #check342:checked~.btn {
        visibility: hidden;
        }

        #check342:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check344 {
        display: none;
        }

        #check344:checked~.text-more {
        display: block;
        }

        #check344:checked~.btn {
        visibility: hidden;
        }

        #check344:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check345 {
        display: none;
        }

        #check345:checked~.text-more {
        display: block;
        }

        #check345:checked~.btn {
        visibility: hidden;
        }

        #check345:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check348 {
        display: none;
        }

        #check348:checked~.text-more {
        display: block;
        }

        #check348:checked~.btn {
        visibility: hidden;
        }

        #check348:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check349 {
        display: none;
        }

        #check349:checked~.text-more {
        display: block;
        }

        #check349:checked~.btn {
        visibility: hidden;
        }

        #check349:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check350 {
        display: none;
        }

        #check350:checked~.text-more {
        display: block;
        }

        #check350:checked~.btn {
        visibility: hidden;
        }

        #check350:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check351 {
        display: none;
        }

        #check351:checked~.text-more {
        display: block;
        }

        #check351:checked~.btn {
        visibility: hidden;
        }

        #check351:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check353 {
        display: none;
        }

        #check353:checked~.text-more {
        display: block;
        }

        #check353:checked~.btn {
        visibility: hidden;
        }

        #check353:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check355 {
        display: none;
        }

        #check355:checked~.text-more {
        display: block;
        }

        #check355:checked~.btn {
        visibility: hidden;
        }

        #check355:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check356 {
        display: none;
        }

        #check356:checked~.text-more {
        display: block;
        }

        #check356:checked~.btn {
        visibility: hidden;
        }

        #check356:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check357 {
        display: none;
        }

        #check357:checked~.text-more {
        display: block;
        }

        #check357:checked~.btn {
        visibility: hidden;
        }

        #check357:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }
        #check358 {
        display: none;
        }

        #check358:checked~.text-more {
        display: block;
        }

        #check358:checked~.btn {
        visibility: hidden;
        }

        #check358:checked~.btn::after {
        content: "Read Less";
        display: block;

        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;

        background-color: black;        
        color: white;
        visibility: visible;
        }

#check {
    display: none;
}

#check:checked~.text-more {
    display: block;
}

#check:checked~.btn {
    visibility: hidden;
}

#check:checked~.btn::after {
    content: "Read Less";
    display: block;
    visibility: visible;
}

#check2 {
    display: none;
}

#check2:checked~.text-more {
    display: block;
}

#check2:checked~.btn {
    visibility: hidden;
}

#check2:checked~.btn::after {
    content: "Read Less";
    display: block;
    visibility: visible;
}

#check3 {
    display: none;
}

#check3:checked~.text-more {
    display: block;
}

#check3:checked~.btn {
    visibility: hidden;
}

#check3:checked~.btn::after {
    content: "Read Less";
    display: block;
    visibility: visible;
}





.container-scroll-left-templete-dual{
    padding: 5px 0;
    overflow-y: scroll;
    height: 600px;
    /*direction: ltr;*/
}

        #check308 {
        display: none;
        }

        #check308:checked~.text-more {
        display: block;
        }

        #check308:checked~.btn {
        visibility: hidden;
        }

        #check308:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check311 {
        display: none;
        }

        #check311:checked~.text-more {
        display: block;
        }

        #check311:checked~.btn {
        visibility: hidden;
        }

        #check311:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check318 {
        display: none;
        }

        #check318:checked~.text-more {
        display: block;
        }

        #check318:checked~.btn {
        visibility: hidden;
        }

        #check318:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check320 {
        display: none;
        }

        #check320:checked~.text-more {
        display: block;
        }

        #check320:checked~.btn {
        visibility: hidden;
        }

        #check320:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check324 {
        display: none;
        }

        #check324:checked~.text-more {
        display: block;
        }

        #check324:checked~.btn {
        visibility: hidden;
        }

        #check324:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check327 {
        display: none;
        }

        #check327:checked~.text-more {
        display: block;
        }

        #check327:checked~.btn {
        visibility: hidden;
        }

        #check327:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check333 {
        display: none;
        }

        #check333:checked~.text-more {
        display: block;
        }

        #check333:checked~.btn {
        visibility: hidden;
        }

        #check333:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check340 {
        display: none;
        }

        #check340:checked~.text-more {
        display: block;
        }

        #check340:checked~.btn {
        visibility: hidden;
        }

        #check340:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check343 {
        display: none;
        }

        #check343:checked~.text-more {
        display: block;
        }

        #check343:checked~.btn {
        visibility: hidden;
        }

        #check343:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check346 {
        display: none;
        }

        #check346:checked~.text-more {
        display: block;
        }

        #check346:checked~.btn {
        visibility: hidden;
        }

        #check346:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check347 {
        display: none;
        }

        #check347:checked~.text-more {
        display: block;
        }

        #check347:checked~.btn {
        visibility: hidden;
        }

        #check347:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check352 {
        display: none;
        }

        #check352:checked~.text-more {
        display: block;
        }

        #check352:checked~.btn {
        visibility: hidden;
        }

        #check352:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }
        #check354 {
        display: none;
        }

        #check354:checked~.text-more {
        display: block;
        }

        #check354:checked~.btn {
        visibility: hidden;
        }

        #check354:checked~.btn::after {
        content: "Read Less";
        display: block;
        
        border: 1px solid black;
        padding: 5px 4px;
        border-radius: 5px;
        margin: 10px auto;
        background-color: black;        
        color: white;


        visibility: visible;
        }

.inner-container main .body .left-news h2 {
    text-align: center;
    padding: 25px 0;
    font-size: 40px;
}

#check4 {
    display: none;
}

#check4:checked~.text-more {
    display: block;
}

#check4:checked~.btn {
    visibility: hidden;
}

#check4:checked~.btn::after {
    content: "Read Less";
    display: block;
    visibility: visible;
}

#check5 {
    display: none;
}

#check5:checked~.text-more {
    display: block;
}

#check5:checked~.btn {
    visibility: hidden;
}

#check5:checked~.btn::after {
    content: "Read Less";
    display: block;
    visibility: visible;
}

#check6 {
    display: none;
}

#check6:checked~.text-more {
    display: block;
}

#check6:checked~.btn {
    visibility: hidden;
}

#check6:checked~.btn::after {
    content: "Read Less";
    display: block;
    visibility: visible;
}

#check7 {
    display: none;
}

#check7:checked~.text-more {
    display: block;
}

#check7:checked~.btn {
    visibility: hidden;
}

#check7:checked~.btn::after {
    content: "Read Less";
    display: block;
    visibility: visible;
}
#check8 {
    display: none;
}

#check8:checked~.text-more {
    display: block;
}

#check8:checked~.btn {
    visibility: hidden;
}

#check8:checked~.btn::after {
    content: "Read Less";
    display: block;
    visibility: visible;
}
#check9 {
    display: none;
}
#check9:checked~.text-more {
    display: block;
}
#check9:checked~.btn {
    visibility: hidden;
}
#check9:checked~.btn::after {
    content: "Read Less";
    display: block;
    visibility: visible;
}

#check10 {
    display: none;
}
#check10:checked~.text-more {
    display: block;
}
#check10:checked~.btn {
    visibility: hidden;
}
#check10:checked~.btn::after {
    content: "Read Less";
    display: block;
    visibility: visible;
}
#check11 {
    display: none;
}
#check11:checked~.text-more {
    display: block;
}
#check11:checked~.btn {
    visibility: hidden;
}
#check11:checked~.btn::after {
    content: "Read Less";
    display: block;
    visibility: visible;
}