.hbrimg-wrap .appview {
    /* animation: myfirst 5s infinite; */
    /* animation-direction: alternate; */
}
@keyframes myfirst {
  0%   {left: 0px; top: 0px;}
  25%  {left: 50px; top: 0px;}
  50%  {left: 50px; top: 50px;}
  75%  {left: 0px; top: 50px;}
  100% {left: 0px; top: 0px;}
}
.hbrimg-wrap .text-1 {
    /* animation: chatAni1 2s infinite; */
    /* animation-direction: alternate; */
}
@keyframes chatAni1 {
  0%   {left: 0px; top: 0px;}
  100%  {left: 0; top: 50px;}
}
.hbrimg-wrap .text-4 {
    /* animation: chatAni2 2s infinite; */
    /* animation-direction: alternate; */
}
@keyframes chatAni2 {
  0%   {top: 370px; right: 0;}
  100%  {top: 350px; right: 0;}
}
.aboutwrap .aboutwrap-left .abtwral-inner {
	/* animation: chatAni1 2s infinite; */
    /* animation-direction: alternate; */
}
.txt-img-col .tic-image {
	/* animation: chatAni1 2s infinite; */
    /* animation-direction: alternate; */
    position: relative;
}
.aboutwrap {
	position: relative;
}
.aboutwrap::after {
	width: 0;
	content: '';
	position: absolute;
	/*right: -400px;*/
	left: 99%;
	top: 0;
	height: 100%;
	background-color: #26b7eb;
	transition: 0.9s;
}
.aboutwrap::before {
	width: 0;
	content: '';
	position: absolute;
	/*left: -400px;*/
	right: 99%;
	top: 0;
	height: 100%;
	background-color: #123255;
	transition: 0.9s;
}
.aboutwrap:hover::after {
	width: 3000px;
}
.aboutwrap:hover::before {
	width: 3000px;
}
@media (max-width: 1199px) {
	.hbrimg-wrap {
		transform: scale(0.9);
	}
}
@media (max-width: 767px) {
	.homebanner-section {
		padding-top: 0;
	}
	.hbrimg-wrap .circle-1 {
		left: 50%;
		margin-left: -220px;	
	}
	.hbrimg-wrap .sendbutton {
		display: none;
	}
}