.chat_banner_area {
height: 100vh;
min-height: 700px;
background: #fafafe;
position: relative;
padding: 150px 0px 120px;
overflow: hidden;
}
.chat_banner_area .cloud {
top: 190px;
left: 0px;
width: 100%;
}
.chat_banner_area .left {
left: 0;
bottom: 30px;
}
.chat_banner_area .right {
right: 0;
bottom: 30px;
}
.chat_banner_content {
padding-top: 128px;
}
.chat_banner_content .c_tag {
border-radius: 4px;
background: #e2f4e8;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
display: inline-block;
color: #0ec123;
padding: 4px 15px;
margin-bottom: 25px;
line-height: 28px;
}
.chat_banner_content .c_tag img {
margin-right: 8px;
}
.chat_banner_content h2 {
font-size: 48px;
line-height: 72px;
font-weight: 400;
color: #051441;
margin-bottom: 30px;
}
.chat_banner_content h2 strong {
font-weight: bold;
}
.chat_banner_content .chat_btn {
width: 100%;
}
.chat_img {
position: relative;
}
.chat_img .round {
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
opacity: 0.7;
}
.chat_img .round.one {
background: #deeef1;
left: 0;
bottom: 120px;
}
.chat_img .round.two {
background: #f5eae3;
right: -20px;
top: 120px;
}
.chat_img .round.three {
background: #f9f5e8;
right: -50px;
top: 70px;
width: 60px;
height: 60px;
}
.chat_img .p_one {
right: -250px;
bottom: 300px;
-webkit-animation: fadeInUp3 2.5s 1s both alternate infinite;
animation: fadeInUp3 2.5s 1s both alternate infinite;
z-index: 1;
}
.chat_img .p_two {
left: -140px;
bottom: 300px;
z-index: 1;
-webkit-animation: fadeInUp3 2.5s 3s both alternate infinite;
animation: fadeInUp3 2.5s 3s both alternate infinite;
}
.chat_img .p_three {
right: -70px;
bottom: 180px;
z-index: 1;
-webkit-animation: fadeInUp3 1.5s 5s both alternate infinite;
animation: fadeInUp3 1.5s 5s both alternate infinite;
}
.p_absoulte {
position: absolute;
}
.chat_btn {
background: #6754e2;
color: #fff;
padding: 9px 95px;
border-radius: 4px;
}
.chat_btn:hover {
-webkit-box-shadow: 0px 10px 40px 0px rgba(103, 84, 226, 0.3);
box-shadow: 0px 10px 40px 0px rgba(103, 84, 226, 0.3);
} @media (min-width: 1921px) {
.chat_banner_area {
display: flex;
align-items: center;
flex-wrap: wrap;
}
}
@media (max-width: 1650px) {
.chat_img .p_one {
right: -130px;
bottom: 330px;
}
}
@media (max-width: 1450px) {
.chat_banner_content h2 {
font-size: 46px;
line-height: 65px;
}
.chat_banner_area .offset-lg-2 {
margin-left: 100px;
}
}
@media (max-width: 1350px) {
.chat_banner_area .offset-lg-2 {
margin-left: 80px;
}
}
@media (max-width: 1199px) {
.chat_banner_area .offset-lg-2 {
margin-left: 26px;
}
.chat_img .p_one {
right: -188px;
}
}
@media (max-width: 991px) {
.chat_banner_area {
height: auto;
}
.chat_banner_content {
padding-top: 0;
margin-bottom: 20px;
}
.chat_banner_area .offset-lg-2 {
margin-left: 0px;
}
.chat_img {
max-width: 405px;
margin: 0 auto;
}
}
@media (max-width: 650px) {
.chat_btn {
padding-left: 20px;
padding-right: 20px;
}
.chat_img .p_one {
width: 150px;
right: -50px;
}
.chat_img img {
max-width: 100%;
}
}
@media (max-width: 576px) {
.chat_banner_content h2 {
font-size: 36px;
line-height: 52px;
}
.chat_banner_content .pr_100 {
padding-right: 0;
}
.chat_img .p_two {
width: 126px;
left: -15px;
}
.chat_img .p_three {
right: -15px;
}
}