How to make text content center of the rectangular in bootstrap

Question

Hello Members,

 

Hope you are doing good!

 

Can any one guide me on moving the text content center of the retangular with bootstrap.

 

Below am adding the code and screenshot.

.rectangle {
height: 300px;
width: 500px;
background-color: #D6EAF8;
}
<div class="col-lg-6" >
<div class="text-center align-middle">
<div class="row">
<div class="rectangle"><span style="font-size:26px;">WE ARE GOING TO GIVE </span><br />
<span style="font-size:26px;"><b>“20 FREE VIDEO INTERVIEW”</b></span>
<br/>
<span style="font-size:26px;">PER-LICENCE</span>
</div>
</div>
</div>
</div>

 

Looking forward to hear from you.

 

Thank you in advance!!!