.chat_title {
margin-bottom: 75px;
}
.chat_title h2 {
color: #222;
font-weight: 400;
font-size: 36px;
line-height: 48px;
}
.chat_title h2 span {
font-weight: 700;
}
.chat_title p {
max-width: 730px;
margin: 0px auto;
color: #677294;
}
.chat_features_item {
text-align: center;
padding: 0px 30px;
}
.chat_features_item .round {
height: 270px;
line-height: 324px;
position: relative;
}
.chat_features_item .round .top_img {
top: -6px;
right: 8px;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.chat_features_item .round_circle {
background-image: -moz-linear-gradient(-140deg, #f483a3 0%, #c670fe 100%);
background-image: -webkit-linear-gradient(-140deg, #f483a3 0%, #c670fe 100%);
background-image: -ms-linear-gradient(-140deg, #f483a3 0%, #c670fe 100%);
width: 220px;
height: 220px;
border-radius: 50%;
display: block;
margin: 0 auto;
left: 58%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
z-index: -1;
top: 0;
}
.chat_features_item .round_circle.two {
background-image: -moz-linear-gradient(-140deg, #83f3f4 0%, #70b6fe 100%);
background-image: -webkit-linear-gradient(-140deg, #83f3f4 0%, #70b6fe 100%);
background-image: -ms-linear-gradient(-140deg, #83f3f4 0%, #70b6fe 100%);
}
.chat_features_item .round_circle.three {
background-image: -moz-linear-gradient(-140deg, #f0f483 0%, #fec070 100%);
background-image: -webkit-linear-gradient(-140deg, #f0f483 0%, #fec070 100%);
background-image: -ms-linear-gradient(-140deg, #f0f483 0%, #fec070 100%);
}
.chat_features_item h4 {
font-size: 18px;
font-weight: 700;
color: #222;
margin-bottom: 18px;
position: relative;
z-index: 1;
}
.chat_features_item p {
color: #666666;
line-height: 24px;
text-align: center;
}
.chat_features_item:hover .round .top_img {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
} .chat_features_area {
padding: 120px 0px;
}
.chat_features_img {
background-image: -moz-linear-gradient(-140deg, #83e0f4 0%, #7094fe 100%);
background-image: -webkit-linear-gradient(-140deg, #83e0f4 0%, #7094fe 100%);
background-image: -ms-linear-gradient(-140deg, #83e0f4 0%, #7094fe 100%);
width: 100%;
height: 475px;
position: relative;
padding-left: 60px;
}
.chat_features_img .chat_features_img_bg_one {
position: absolute;
left: 0;
z-index: -1;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.chat_features_img .chat_one, .chat_features_img .chat_two {
-webkit-box-shadow: 0px 5px 20px 0px rgba(12, 0, 46, 0.15);
box-shadow: 0px 5px 20px 0px rgba(12, 0, 46, 0.15);
}
.chat_features_img .chat_one {
top: 0px;
position: relative;
}
.chat_features_img .chat_two {
left: 46%;
bottom: -35px;
}
.chat_features_img .dot_bg {
left: -30px;
bottom: 40px;
}
.chat_features_content img {
margin-bottom: 28px;
}
.chat_features_content h2 {
font-size: 36px;
font-weight: 400;
color: #222;
margin-bottom: 16px;
}
.chat_features_content h2 span {
font-weight: 700;
}
.chat_features_content p {
line-height: 30px;
color: #666666;
}
.chat_features_content a {
color: #666666;
font-size: 14px;
font-weight: 700;
}
.chat_features_content a:hover {
color: #6754e2;
}
.chat_features_img_two {
background-image: -moz-linear-gradient(-140deg, #f7b05c 0%, #f08260 100%);
background-image: -webkit-linear-gradient(-140deg, #f7b05c 0%, #f08260 100%);
background-image: -ms-linear-gradient(-140deg, #f7b05c 0%, #f08260 100%);
margin-left: 30px;
}
.chat_features_img_two .chat_two {
bottom: 50px;
left: -30px;
}
.chat_features_img_two .chat_one {
top: -30px;
}
.chat_features_img_three {
background-image: -moz-linear-gradient(-140deg, #5cf77d 0%, #70c7fe 100%);
background-image: -webkit-linear-gradient(-140deg, #5cf77d 0%, #70c7fe 100%);
background-image: -ms-linear-gradient(-140deg, #5cf77d 0%, #70c7fe 100%);
}
.chat_features_img_three .chat_two {
left: 60px;
bottom: 50px;
}
.chat_integration_area {
padding-bottom: 120px;
}
.chat_integration_area .border-bottom {
margin-bottom: 110px;
} .home_features_area {
display: flex;
flex-wrap: wrap;
}
.home_features_area .slick-list {
margin-right: -250px;
}
.h_features_left {
width: calc(50% - 585px);
}
.h_features_right {
width: calc(50% + 585px);
position: relative;
}
.h_features_right .custome_nav {
top: 0;
transform: translateY(0);
right: -10px;
position: absolute;
}
.h_features_right .custome_nav .prev, .h_features_right .custome_nav .next {
width: 64px;
height: 64px;
border: 1px solid #c4c6cb;
line-height: 63px;
background: transparent;
position: relative;
color: #c4c6cb;
font-size: 14px;
margin: 0px;
z-index: 0;
border-radius: 50%;
cursor: pointer;
}
.h_features_right .custome_nav .prev:hover, .h_features_right .custome_nav .next:hover {
background-color: #ff4d6f;
box-shadow: 0px 10px 30px 0px rgba(254, 77, 111, 0.5);
color: #fff;
border-color: #ff4d6f;
z-index: 1;
}
.h_features_right .h_features_right_title {
max-width: 1170px;
position: relative;
}
.home_features_slider .slick-list {
margin-right: -250px;
margin-left: -55px;
}
.home_features_slider .slick-list .item {
padding: 35px 25px;
}
.home_features_slider .slick-list .item .agency_features_item {
background-color: white;
box-shadow: -20px 0px 30px 0px #eff0f6;
padding-bottom: 55px;
border-radius: 10px;
}
.home_features_slider .slick-list .item .agency_features_item img {
margin-bottom: 28px;
}
.home_features_slider .slick-list .item .agency_features_item h3 {
font-size: 24px;
font-family: cerebriSans;
color: #181b31;
font-weight: 600;
}
.home_features_slider .slick-list .item .agency_features_item p {
font-size: 18px;
font-family: cerebriSans;
line-height: 30px;
}  @media (max-width: 1199px) {
.chat_features_item {
padding: 0px;
}
.chat_features_item .round_circle {
left: 50%;
}
.h_features_right {
width: 960px;
margin: 0 auto;
padding-left: 15px;
}
}
@media (max-width: 991px) {
.chat_core_features_area .row {
justify-content: center;
}
.chat_features_item {
margin-bottom: 50px;
}
.h_features_right {
max-width: 100%;
}
.agency_features_item {
padding-left: 20px;
padding-right: 20px;
}
.h_features_right .custome_nav{
right: 0;
}
}
@media (max-width: 576px){
.h_features_right .custome_nav {
position: relative;
right: 0;
}
}
@media (max-width: 480px){
.home_features_slider .slick-list {
margin-right: -15px;
margin-left: -23px;
}
}