.separate-services-section {
    padding: 50px 0;
    background-color: #fbfbfb;
}

.separate-services-heading h3 {
    color: #000249;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    padding: 10px 0;
}

.separate-service-outer-wrapper {
    padding: 15px;
}

.separate-services-wrapper {
    padding: 15px 0;
    position: relative;
    height: 640px;
}

/* .separate-service-inner-text-wrapper:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  z-index: 0;
  background: #000249;
  width: 0;
  height: 100%;
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
} */

.separate-service-outer-wrapper
.separate-service-inner-text-wrapper:hover:before {
    width: 100%;
}

.separate-services-wrapper .separate-services-img {
    width: 100%;
    height: 270px;
    margin-bottom: 20px;
    box-shadow: 0 0 20px 10px rgb(0 0 0 /8%);
}

.separate-services-wrapper .separate-service-inner-text-wrapper {
    position: absolute;
    top: 250px;
    right: 0;
    background: #fff;
    height: 320px;
    padding: 20px 20px 20px 20px;
    z-index: 1;
    box-shadow: 0 5px 22px 0px rgba(15, 53, 103, 0.05);
    border: 1px solid #e7ebf0;
    border-radius: 10px;
    overflow: hidden;
    width: 90%;
    transition: all ease 0.5s;
}

    /* .separate-services-wrapper:hover .separate-service-inner-text-wrapper {
  background: #000249;
  border: 1px solid #000249;
} */

    .separate-services-wrapper .separate-service-inner-text-wrapper img {
        width: 80px;
        z-index: 1;
    }

    .separate-services-wrapper .separate-service-inner-text-wrapper h3 {
        color: #000249;
        font-weight: 700;
        font-size: 25px;
        padding: 10px 0;
        z-index: 1;
    }
    /* .separate-service-outer-wrapper
  .separate-service-inner-text-wrapper:hover
  .separate-services-wrapper
  .separate-service-inner-text-wrapper
  h3 {
  color: #fff;
}
.separate-services-wrapper:hover .separate-service-inner-text-wrapper h3 {
  color: #fff;
} */

    .separate-services-wrapper .separate-service-inner-text-wrapper p {
        font-size: 15px;
        color: #676c71;
        letter-spacing: 0.2px;
        text-align: justify;
        margin-bottom: 0rem;
    }

/* .separate-services-wrapper:hover .separate-service-inner-text-wrapper p {
  color: #fff;
  opacity: 0.9;
} */
/* .separate-service-outer-wrapper
  .separate-service-inner-text-wrapper:hover
  > .separate-service-inner-text-wrapper
  p {
  color: #000249;
} */
.separate-services-wrapper .services-konw-more button {
    background-color: transparent;
    padding: 10px 0px;
    border-radius: 3px;
    border: none;
    color: #dd1717;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-weight: 600;
}
/* 
.separate-services-wrapper:hover .services-konw-more button {
  color: #fff;
} */
.separate-services-wrapper .separate-service-inner-text-wrapper h3:hover {
    color: #dd1717;
}