.services__section {
 border-radius:  2rem;
  background: #192669;
   padding: 7rem 0 11rem 0;
 margin-top: -4rem;
    position:relative;
}
.services__section:before{
    content:'';
    position:absolute;
    width:65%;
    height:100%;
    left:0;
    bottom:0;
    background:url('../../includes/images/services_Shape.png') no-repeat left bottom;
    background-size:100%;
}


.services__section  .main-heading {
      color:#fff;
}

.services__section .top-heading {
      color:#fff;
}
.services__section .item {
   background: transparent; 
    text-align: right;
    transition: all 0.3s ease;
    position: relative; 
    margin:1rem 0.5rem;
}

.services__section .item:hover {  
}

.services__section .image img { 
    border-radius: 2rem; 
}
.services__section .image {
    position:relative;
}
.services__section .image:before{
     content:'';
    position:absolute;
    width:100%;
    height:100%;
    bottom:0;
    right:0;
    border-radius: 2rem; 
     background: #FFFFFF;
     background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(189, 189, 189, 0.74) 30%, rgba(0, 0, 0, 0) 100%);
}
.services__section .image span{
    position:absolute;
    left:35%;
    top:35%;
    transform:scale(1);
    transition:all 0.3s ease-in-out;
}
.services__section .item:hover .image span{
    transition:all 0.3s ease-in-out;
    transform:scale(0);
}
.services__section .image span svg{
    max-width:5rem;
    max-height:5rem;
}
.services__section .caption{
    display:flex;
    flex-direction:column;
   justify-content:flex-end;
    position:absolute;
    bottom:0;
    right:0;
    border-radius: 2rem; 
    z-index:11;
    padding:1rem 1.5rem;
 transition:all 0.5s ease-in-out;
}
.services__section .item:hover .caption{
    height:100%; 
    transition:all 0.5s ease-in-out;
    background: rgba(0, 0, 0, 1);
     background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%,rgba(222, 222, 222, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    z-index:11111;
} 
.services__section .item .caption h4 {
    overflow: hidden;
    color: #192669;
    text-align: right; 
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 900;
    line-height: 3.5rem;  
    margin:0.75rem 0;
}

.services__section .item .caption p {
     
    transition:all 0.2s ease-in-out;
    color: #192669;
    text-align: right; 
    font-size: 1.375rem;
    font-style: normal;
    font-weight: bold;
    line-height: 2rem; /* 133.333% */
    padding-left:1rem;
    height:0;
    transform:translateY(3rem);
}

.services__section .item:hover .caption p{
    height:auto;
    transform:translateY(0rem);
    transition:all 0.2s ease-in-out;
}

.services__section.achev_section {
    background:#6672B0;
    margin-bottom:-3rem;
    margin-top:0rem;
    position:relative;
    z-index:11; 
    padding:5rem 0;
}
.achev_section.services__section .item .caption p.text_inner{
    display:inline-block; 
    padding-left:0;
}
    

/* Responsive */
@media(max-width: 1366px) and (min-width: 1191px){
    .achev_section.services__section .item .caption p.text_inner{
    display:inline-block;
    font-size:1.15rem; 
    }
    .services__section .item .caption h4 { 
    font-size: 1.9rem;
    }
    .services__section .item .caption p {
           font-size:1rem;
    }
}
@media (max-width: 767px) {
    
    .services__section .image span { 
    left: 43%;
    top: 43%;
    }
}