Side Strip for contact us

Sravan

<div id="slide" class="slide-data d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#exampleModal">

  <div class="slide-toggle mr-2"><i class="ri-mail-line"></i></div>

  <div class="box">Contact Us</div>

</div>

.slide-data {

 position: fixed;

 background: #f6214b;

 width: 140px;

 right: -55px;

 height: auto;

 font-size: 16px;

 font-weight: 700;

 padding: 10px;

 transition: left 0.4s ease-in-out;

 -o-transition: left 0.4s ease-in-out;

 -ms-transition: left 0.4s ease-in-out;

 -moz-transition: left 0.4s ease-in-out;

 -webkit-transition: left 0.4s ease-in-out;

 top: 50%;

 transform: translateY(-50%);

 -webkit-transform: translateY(-50%);

 -o-transform: translateY(-50%);

 -ms-transform: translateY(-50%);

 -moz-transform: translateY(-50%);

 z-index: 991;

 color: #fff;

 display: flex;

 align-items: center;

 transform: rotate(-90deg);

 border-radius: 10px;

 z-index: 999999;

}