/* Container styling */
.projects {
  padding: 9rem 0  5rem 0;
 border-radius: 1.25rem;
background: rgba(200, 219, 253, 0.50);
}

.projects-slider { 
}

/* Each project item */
.projects-slider > div { 
  transition: transform 0.3s;
}

.projects-slider > div:hover {
  transform: translateY(-5px);
} 
/* Caption content */
.projects .item {
    margin:1rem;
}
.projects .item  .bottom{
    margin-top:auto;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}
.projects .item .image img{
    border-radius: 1.25rem;
}
.projects .item .caption {
  position:relative;
  padding: 5rem 3.5rem 3.5rem 3.5rem;
  border-radius: 1.25rem;
  background: #2D3578;
  width:65%;
  display:flex;
  flex-direction:column;
}
.projects .item .caption:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:0;
    background:url(../../includes/images/Linepattern.png) no-repeat right top;
    background-size: 130%;
}
.projects .item  .caption h2 {
  color: #FFF;
text-align: justify; 
font-size: 1.75rem;
font-style: normal;
font-weight: 300;
line-height: 120%; /* 2.1rem */
max-width: 12.625rem;
}

.projects .item .caption h4 {
  color: #FFF;
font-size: 2.25rem;
/*font-style: normal;*/
font-weight: 700;
line-height: 120%; /* 2.7rem */
/*max-width: 16.5625rem; */
margin:1.5rem 0;
}

.projects .item .caption p {
  color: #FFF;
font-size: 1.75rem;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 2.1rem */
/*max-width: 24.5rem;*/
}

.projects .item  .caption h5 {
  color: #FFF;
text-align: justify;
font-size: 1.75rem;
font-style: normal;
font-weight: 300;
line-height: 120%; /* 2.1rem */
}
.projects .item  .saudi-left span{
   max-width: 3.8125rem;
}
/* Optional SVG or image left side styling */
.projects .item  .saudi-left {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
text-align: justify; 
font-size: 0.75rem;
font-style: normal;
font-weight: 300;
line-height: 110%; /* 0.825rem */
background:url(../../includes/images/Isolation_Mode.png) no-repeat right top;
padding-right:2rem;
}

/* Example responsive tweaks */
@media (max-width: 768px) {
   .projects .item .caption {
        width: 100%;
    }
   
}