body{
background-color: #fff;
}
.section-margin{
margin-top:30px;
margin-bottom:30px;
}
@font-face{
font-family: ubuntu;
src: url(../fonts/Ubuntu-Bold.ttf); 
src: url(../fonts/Ubuntu-Light.ttf); 
src: url(../fonts/Ubuntu-Medium.ttf); 
src: url(../fonts/Ubuntu-Regular.ttf); 
}
.header-position{
position:relative;
}
.connections-img{
position:absolute;
top:0px;
right:0px;
height:720px;
}
.truelink-img-position{
position:absolute;
top:50px;
right:160px;
height:490px;
z-index:2;
}
.left-top-half-circle{
width: 55px;
height: 30px;
position: absolute;
transform: rotate(-90deg);
right: 410px;
opacity: 0.75;
background-color: #fff;
border-top-left-radius: 70px;
border-top-right-radius: 70px;
border-bottom: 0;
top: 150px;
}
.left-bottom-half-circle{
width: 46px;
height: 22px;
position: absolute;
transform: rotate(-90deg);
right: 410px;
opacity: 0.75;
background-color: #fff;
border-top-left-radius: 70px;
border-top-right-radius: 70px;
border-bottom: 0;
top: 380px;
}
.right-top-middle-half-circle{
width: 90px;
height: 45px;
position: absolute;
transform: rotate(-270deg);
overflow: hidden;
right: 153px;
opacity: 0.75;
background-color: #fff;
border-top-left-radius: 70px;
border-top-right-radius: 70px;
border-bottom: 0;
top: 210px;
}
.right-bottom-half-circle{
width: 60px;
height: 60px;
position: absolute;
overflow: hidden;
right: 180px;
opacity: 0.75;
border-radius: 35px;
background-color: #fff;
border-bottom: 0;
top: 450px;
}
.right-top-half-img{
width: 75px;
height: 56px;
position: absolute;
right: 160px;
opacity: 0.9;
border-top-left-radius: 70px;
border-top-right-radius: 70px;
border-bottom: 0;
top: 80px;
}
.banner-inner-left-avatar1{
width:80px;
height:80px;
position:absolute;
right:440px;
top:350px;
}
.banner-inner-right-avatar2{
width:50px;
height:50px;
position:absolute;
right:90px;
top:450px;
}
.paragraph-block h1{
font-family:ubuntu;
color:#2079BC;
width:50%;
line-height:60px;
font-size:48px;
}
.paragraph-block p{
font-family:ubuntu;
font-size:16px;
width:50%;
color:#2079BC;
line-height:22px;
}
.input-block h3{
font-size:16px;
font-family:ubuntu;
font-weight:600;
line-height:18px;
color:#2079BC;
}
.submit-btn{
background: #2079BC;
color:#fff;
border-radius: 4px;
}
.input-div{
display:flex;
width:40%;
justify-content:space-between;
}
.contact-input{
width:100%;
padding-left: 15px;
margin-right:10px;
}
.input-div input:focus{
outline:0px;
}
.input-div input{
border: 1px solid #2079BC;
border-radius: 4px;
font-family:ubuntu;
}
.submit-btn{
width:150px;
}
.social-block{
margin-top:30px;
margin-bottom:30px;
}
.social-icons img{
width:21px;
height:21px;
margin-right: 20px;
margin-top: 10px;
}
.social-block h1{
color:#2079BC;
font-family:ubuntu;
font-size: 16px;
line-height: 18px;  
font-weight:600;
}
.contact-input::placeholder{
color: #2079BC;
font-family:ubuntu;
opacity: 0.5;
}
.contact-input:-ms-input-placeholder { 
color: #2079BC;
font-family:ubuntu;
opacity: 0.5;
}
.contact-input::-ms-input-placeholder {
color: #2079BC;
font-family:ubuntu;
opacity: 0.5;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
@media only screen and (min-width:768px) and (max-width:1024px){
.main-column-block{
display:flex;
flex-direction:column;
}
.connections-img{
height:520px;
}
.truelink-img-position{
height:370px;
top:0px;
right:120px;
}
.left-top-half-circle{
right:305px;
top:80px;
}
.left-bottom-half-circle{
right:305px;
top:245px;
}
.right-top-half-img{
right:111px;
top:25px;
}
.right-top-middle-half-circle{
right:100px;
top:130px;
}
.right-bottom-half-circle{
top:295px;
right:135px;
}
.banner-inner-left-avatar1 {
width: 60px;
height: 60px;
position: absolute;
right: 325px;
top: 260px;
}
.banner-inner-right-avatar2 {
right: 60px;
top: 320px;
}
}
@media only screen and (max-width:767px){
.mobile-margin{
margin-top:630px;
}
.truelink-img-position{
top: 50px;
right: 80px;
height:430px;
}
.left-top-half-circle{
right:295px;
top:143px;
}
.left-bottom-half-circle{
right:295px;
top:340px;
}
.right-top-half-img{
right:75px;
}
.right-top-middle-half-circle{
right:70px;
}
.right-bottom-half-circle{
right:105px;
top:400px;
}
.banner-inner-left-avatar1{
right: 300px;
top: 570px;
}
.banner-inner-right-avatar2{
right:50px;
top:410px;
}
.input-div{
width:unset;
}
}