<footer>
<div class="container-fluid">
<div class="row">

  <div class="col-xl-6">	 

    </div>	
    
    <div class="col-xl-6">	 
	 <div class="footer_title_wrap">
<div class="footer_title">
Напишите нам<br>
или закажите обратный звонок
</div>	 
</div>	
      </div>	
  
</div>	  
</div>	  
</footer>

 footer {clip-path: polygon(0% calc(0% + 220px), 100% 0%, 100% 100%, 0% calc(100% - 140px));margin: calc(140px * -1) 0;background: #5e5091;padding: calc(30px + 0px) 15px calc(140px + 0px)  0px;min-height: 700px;color: #fff;min-height: 1086px;
margin-top:100px;
} 

.footer_title_wrap {
 background:red;
}

.footer_title {
  font-size: 40px;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.