header .visual {
     transform: translateY(150px) scale(1.5);
     z-index: 2;
}

.sec-a {
     background: #03064f;
     padding: 5rem 1.5rem;
}

.sec-a h2 {
     position: relative;
}

.sec-a h2::after {
     content: '';
     position: absolute;
     top: 100%;
     left: 10px;
     height: 15px;
     width: 150px;
     background-image: url('../img/underline.svg');
     background-size: contain;
     background-repeat: no-repeat;
}

.benefits-wrapper {
     align-items: flex-start;
}

.benefit .benefit-bottom,
.benefit .benefit-top {
     padding: 2rem 1rem;
}

.benefit {
     border: 3px solid transparent;
}

.benefit:hover {
     border: 3px solid #ED018C;
}

.benefit:hover .benefit-top {
     background: #ED018C;
}

.benefit:hover .benefit-top h3 {
     color: #fff;
}

.benefit:hover .benefit-top .fill {
     fill: #fff;
}

.benefit:hover .benefit-top .stroke {
     stroke: #fff;
}



.benefit .benefit-top svg {
     max-width: 30px;
     margin: 0 auto;
}

#steps h2 {
     position: relative;
}

#steps h2::after {
     content: '';
     position: absolute;
     top: 100%;
     left: 50%;
     width: 100px;
     transform: translateX(-50%);
     height: 2px;
     background: #00AEF0;
}

#contact {
   background-image: url("../img/contact-bg.svg");
   background-size: cover;
   background-repeat: no-repeat;
}

.inner-contact {
   border-radius: 40px;
   overflow: hidden;
   align-items: center;
   grid-gap: 0px;
}

.inner-contact .form {
   background: #03064f;
   color: #fff;
}

.inner-contact .form {
   padding: 2rem;
}

.inner-contact h2 {
   position: relative;
}

.inner-contact h2::after {
   content: "";
   position: absolute;
   top: 103%;
   width: 100px;
   height: 4px;
   background-color: #00AEF0;
   left: 0;
}

.inner-contact .form input,
.inner-contact .form textarea {
   color: #fff;
   border: none;
   background: none;
   border-bottom: 1px solid #fff;
   padding: 0.5rem 1rem;
}

.inner-contact .form input::placeholder,
.inner-contact .form textarea::placeholder {
   color: #fff;
}

.inner-contact .info {
   padding: 4rem 2rem;
   background: #fff;
   border: 1px solid #b2b2b2;
   border-radius: 0 45px 45px 0;
   height: 100%;
}

.inner-contact .socials img {
   max-width: 25px;
   transition: transform 0.3s ease;
   transform-origin: center center;
}

.inner-contact .socials img:hover {
   transform: scale(1.2);
}

footer {
     padding: 3rem 1.5rem;
     background: #ED018C;
}

@media only screen and (max-width: 750px) {
     header .visual {
          transform: none;
     }

     .benefits-wrapper {
          grid-template-columns: 1fr;
     }

     .benefit .benefit-bottom,
     .benefit .benefit-top {
          padding: 1rem 0;
     }

     .inner-contact .info {
          border-radius: 0 0 45px 45px;
     }
}