p .text {
    font-size: smaller;
    line-height: 25px;
    letter-spacing: 2px;
  }
  .moreText {
    display: none;
  }
  .read-more-btn {

    background-color: rgb(238, 23, 23);
    color: rgb(255, 255, 255);
    border: none;
    outline: none;
    font-size: 15px;
    cursor: pointer;
  }
  .text.show-more .moreText {
    display: inline;
  }
  .text.show-more .dots {
    display: none;
  }

  .dcontain p{
    line-height: 1.4;
    text-align: justify;
    
}
#check{
    display: none;
}
.dcontent{
    display: none;
    transition: .5s linear;
}
label{
    display: inline-block;
    margin-top: 15px;
    color: aqua;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 600;
}
#check:checked ~ .dcontent{
    display: block;
}
#check:checked ~ label:after{
    content:'Show Less';
    display: block;
    visibility: visible;
}
.dld{
  background-color: rgb(158, 34, 34);
 height: 2.5rem;
 width: 5rem;
 justify-content: center;
 padding: 1rem;
 border-radius: 3px;
}
.dld:hover{
  background-color: rgb(255, 0, 0) ;
}

.section-container
{
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
background-color: black;
}
.section-container .columns
{
flex:0 0 auto;
width:50%;
}
.section-container .columns.image
{
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.columns.image img{
    width: 350px;
    height: 400px;
    object-fit: cover;
    padding-left: 10px;
    padding-top: 10px;
}
.section-container .columns.content .content-container
{
padding:40px 50px;
}
.section-container .columns.content .content-container h5
{
font-weight:700;
font-size:25px;
margin-bottom:20px;
}
.section-container .columns.content .content-container p
{
font-weight:400;
font-size:16px;
margin-bottom:20px;
margin-bottom:15px;
text-align:justify;
}
@media screen and (max-width:767px)
{
.section-container
{
flex-flow:row wrap;
}
.section-container .columns.image{
display:block;
order:1;
width: 100%;
height:100%;
}
.columns.image img{
    width: 250px;
    height: 300px;
    object-fit: cover;
    padding-left: 10px;
    padding-top: 10px;
}
.section-container .columns.content
{
display:block;
order:2;
width:100%;
}
.section-container .columns.content .content-container
{
padding:20px 35px;
}
.section-container .columns.content .content-container h5
{
margin-bottom:5px;
}
}