/* Google Font CDN Link */
@font-face {font-family: 'parastoo'; font-style: normal; src: url(../my_fonts/Parastoo.woff) format('woff2'); font-display: swap;}
*{
 /* margin: 0;
  padding: 0; */
/*  box-sizing: border-box;  */
  font-family: serif; 
}

.containers .content {
display: flex;
align-items: center;
justify-content: space-between;
}
.containers .content .left-side {
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: -10.0%;
position: relative;
}
.content .left-side::before {
content: '';
position: absolute;
height: 70%;
top: 50%;
ransform: translateY(-50%);
background: #afafb6;
}
.content .left-side .details {
margin: 4px;
text-align: center;  margin-top: 0.0%;
}
.content .left-side .details i{
font-size: 20px;
color: #3ADAE8;              /*changes the color of signs for addres email and phone on top*/
margin-bottom: 10px;
}

.content .left-side .details .topic, .content .left-side .details1 .topic{
font-size: 18px;
color: #38E5FF;  font-family: 'parastoo';                /*changes the address tel and email color*/
}
.content .left-side .details .form_address, .content .left-side .details .form_email,
.content .left-side .details .form_contact_no {
color: #FFFFFF;            /*changes the color of text for phone address and email contents only*/
font-family: 'parastoo'; font-size: 96%;
}

.form_address {font-size: 96%; color: #FFFFFF;}
.form_contact_no {font-size: 102%; color: #FFFFFF;}
.form_email {font-size: 96%; color: #FFFFFF;}