/*** CUSTOM CSS ***/

.cp-inner a {
    display: inline-block;
    margin-right: 5px;
}

.in-f-sprt {
    background: url(../images/home-footer-sprt-new-v1.png) no-repeat scroll 0 0;
    display: inline-block;
}

.cp-inner a.btm-img3 {
    background-position: -100px -70px;
    width: 119px;
    height: 34px;
}

.cp-inner span.btm-img4 {
    background-position: -224px -80px;
    width: 61px;
    height: 23px;
    display: inline-block;
}

.cp-inner span.btm-img5 {
    background-position: -284px -80px;
    width: 60px;
    height: 23px;
    display: inline-block;
}

.v-bottom {
	vertical-align:bottom;
}

.v-t-top {
	vertical-align:text-top;
}

.v-t-bottom {
	vertical-align:text-bottom;
}

.footer-row1:before {
    content: '';
    width: 100%;
    height: 500px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/inq-bg.webp) no-repeat center;
    background-size: cover;
	background-attachment:fixed;
}

.pt-8 {
	padding-top:80px;
}

.pb-8 {
	padding-bottom:80px;
}

.bdr-radius-50 {
	border-radius:50%;
}

.footer-row1 .form-block label {
	font-family: 'Poppins', sans-serif;
    color: #050748;
    font-weight: 500;
    font-size: 15px;
	margin-bottom:15px;
}

.footer-row1 .form-block input[type="text"],
.footer-row1 .form-block input[type="email"] {
	background:#e6e6e6;
	border:none;
	border-radius:30px;
    font-size: 14px;
	padding-left:20px;
	margin-bottom:20px;
}

.footer-row1 .form-block textarea {
	background:#e6e6e6;
	border:none;
    font-size: 14px;
	border-radius:20px;
	padding-left:20px;
}

.text-lightblack {
	color: #050748 !important;
}

.bg-black {
	background: #050748 !important;
}

.text-lightgrey {
    color: #6a6a8e !important;
}

.logos_technologies li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.logos_technologies li {
    margin: 15px 30px;
    display: inline-block;
    vertical-align: top;
}

.logos_technologies li a {
    width: 150px;
    height: 150px;
    display: flex;
    border: 1px solid transparent;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    border-radius: 4px;
    flex-direction: column;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    color: #000;
}

.logos_technologies li a:hover {
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 0 0 10px 10px rgb(0 0 0 / 3%);
}

.logos_technologies li a img {
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    -webkit-filter: grayscale(100%); /* New WebKit */
    filter: grayscale(100%); /* Current draft standard */
    width: 57px;
    height: 60px;
}

.logos_technologies li a:hover img {
    filter: gray; /* IE */
    -webkit-filter: grayscale(0); /* Old WebKit */
    -webkit-filter: grayscale(0%); /* New WebKit */
    filter: grayscale(0%); /* Current draft standard */
}

.logos_technologies li span {
    font-size: 18px;
    line-height: 28px;
    display: block;
    margin: 15px 0 0;
    margin: 0 0;
}

.dsk-logo .nav-brand img {
	transition:all .3s;
}

.main-header.sticky .dsk-logo .nav-brand img {
    max-height: 55px;
    margin-top: 4px;
}

.review-ref {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #ecf6ff;
    padding: 40px;
    border-radius: 14px;
}

.bg-f5f5f5 {
	background:#f5f5f5;
}

.breadcrumb-area:before {
	display:none;
}

.bg-lightgrey1 {
	background:#fbfbfb !important;
}

.bg-lightgrey {
	background:#fdfdfd !important;
}

.text-grey {
    color: #6a6a8e;
}

.image-sr-mm img {
    top: 25px;
    max-width: 88%;
}

.footer-brands .bordet-brand {
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
}

.footer-row3 .copyright p {
    font-size: 14px;
    line-height: 24px;
}

.footer-social-media-icons a {
    font-size: 23px;
    width: 32px;
    height: 30px;
    line-height: 29px;
}

.custom-nav .nav-list li {
	padding:0 15px;
}

.custom-nav .nav-list li a.menu-links {
	padding:0;
}
.custom-nav .nav-list li.sbmenu>a.menu-links {
	padding-right:15px;
}

div.custom-nav > ul > li.sbmenu > a:after {
	background:#ff1f8e;
	height:1px;
    bottom: 25px;
}

div.custom-nav > ul > li.sbmenu > a:hover {
	color:#ff1f8e;
}

div.custom-nav .link-hover a::after {
    bottom: 25px;
}

.main-header.sticky div.custom-nav .link-hover a::after, .main-header.sticky div.custom-nav > ul > li.sbmenu > a:after {
    bottom: 20px;
}

.main-header.sticky .custom-nav .nav-list li a.menu-links:hover, .main-header.sticky .custom-nav .nav-list li.sbmenu.hover a.menu-links {
	color:#ff1f8e;
}

.sub-menu-column ul li a {
	position:relative;
	overflow:hidden;
    display: inline-block;
    width: auto;
}

.sub-menu-column ul li a:hover {
	color:#ff1f8e;
}

.sub-menu-column ul li a:after {
    background: #ff1f8e;
    height: 1px;
    content: '';
    position: absolute;
    width: 100%;
    left: -100%;
    bottom: 0px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.sub-menu-column ul li a:hover:after {
    left: 0;
    opacity: 1;
}

.menu-extra-info {
    background: #fbf1ef;
    padding: 20px 0;
    border-bottom: 2px solid #ff5b2e;
}

.menu-extra-info-inner ul {
    display: flex;
    grid-gap: 20px;
}

.menu-extra-info-inner  ul>li {
    display: inline-flex;
    align-items: center;
    width: 25%;
}

.menu-extra-info-inner  ul>li a {
    color: #050748;
}

.menu-extra-info-inner .menu-icon-ree {
    width: 45px;
    margin-right: 5px;
}

.webiocon {
    text-align: center;
    background: #fff;
    color: #ff5b2e;
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    border-radius: 50px;
    -webkit-box-shadow: 0 19px 40px -10px #ffa880;
    box-shadow: 0 10px 30px -6px #ffa880;
}

.ree-nav>ul>li.megamenu>div>div.menu-extra-info>div>div>ul>li a {
    font-size: 16px;
    color: #050748;
    padding-left: 10px;
}

.ree-nav>ul>li.megamenu>div>div.menu-extra-info>div>div>ul>li a {
    font-size: 16px;
    color: #050748;
    padding-left: 10px;
}

.threeblock .sub-menu-column {
    width: 33.333%;
    float: left;
    padding: 0 20px;
}

.hdr-links a {
    color: #6a6a8e;
    display: block;
    padding: 10px;
}

.hdr-links .icondiv {
    width: 60px;
    background: #e8e8e8;
    border-radius: 100%;
    padding: 9px;
    margin-right: 20px;
}

.hdr-links .icondiv img {
    width: 100%;
}

.hdr-links h4 {
    font-size: 18px;
    line-height: 28px;
}

.hdr-links p {
    font-size: 15px;
    line-height: 25px;
}

.hdr-links p.td-hdlnk {
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
    color: #0400ff;
}

.hdr-links+.hdr-links {
    margin-top: 30px;
}


.color-skype {
	color:#00aff0;
}

.color-email {
	color:#d4483b;
}

.color-call {
	color:#36c836;
}

 img.img85w {
    max-width: 85% !important;	
}

.f-normal {
	font-weight:400 !important;
}

.text-capital {
	text-transform:capitalize !important;
}


.hdrbtnblock {
    padding: 10px 0;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 4%);
    background: #f5f5f5;
	background: #fbf1ef;
    border-bottom: 2px solid #ff5b2e;
}

.snglctta .icondiv {
    width: 50px;
    margin-right: 15px;
    line-height: 55px;
}

.snglctta .media-body p {
	color:#050748;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 0px;
}

a.td-hdlnk {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    margin-top: 5px;
    color: #4b48f5;
}

.yearinbusiness {
    background: #fc00c7;
    background-image: -webkit-linear-gradient(-45deg,#fc00c7 0%,#1c4efd 54%,#00aded 100%);
    background-image: linear-gradient(135deg,#fc00c7 0%,#1c4efd 54%,#00aded 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 44px;
    line-height: 55px;
    font-weight: 700;
}

.aarro img {
    margin-left: 4px;
    -webkit-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
    -o-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
    transition: 1.2s cubic-bezier(.17,.85,.438,.99);
}

.aarro:hover img {
    margin-left: 10px;
}

.size15 {
    font-size: 15px;
}

.size19 {
    font-size: 19px;
}

.lh-34 {
    line-height: 34px;
}

.call-to-action {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pt170 {
	padding-top:170px;
}

.sub-menu-column .menuheading {
	border:none;
	padding-bottom:0;
}

.sub-menu-section .sub-menu-column.remov-li-pd ul li {
	padding-left:0;
}

.hdr-links:hover .bdr-hover:after {
    left: 0;
    opacity: 1;
}

.bdr-hover:after {
    background: #ff1f8e;
    height: 1px;
    content: '';
    position: absolute;
    width: 100%;
    left: -100%;
    bottom: 0px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.footer-row1:after {
    content: '';
    width: 100%;
    height: 500px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #673AB7;
    background: -moz-linear-gradient(left, #673AB7 0%, #2196F3 100%);
    background: -webkit-linear-gradient(left, #673AB7 0%,#2196F3 100%);
    background: linear-gradient(to right, #673AB7 0%,#2196F3 100%);
    opacity: .63;
}

.footer-row1:before {
    background: url(../images/bg-footer1.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}


.work-bg:before {
    background: url(../images/bg-work.jpg) #f9f9f9;
	background-attachment:fixed;
}

.work-bg .container {
    z-index: 9;
}

.common-heading > span.text-w {
	color:#fff;
}

.work-bg:after {
    content: '';
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
	background: #ffbd84;
    background: -moz-linear-gradient(left, #ffbd84 0%, #ff1f8e 100%);
    background: -webkit-linear-gradient(left, #ffbd84 0%,#ff1f8e 100%);
    background: linear-gradient(to right, #ffbd84 0%,#ff1f8e 100%);
    opacity: .8;
}

.w200 {
	width: 200px;
}
.w350 {
	width: 350px;
}
.animaated-elements-four .image-one, .animaated-elements-four .image-two, .animaated-elements-four .image-three, .animaated-elements-four .image-four, .animaated-elements-four .element-bg-shape {
    position: absolute;
}

.animaated-elements-four {
    position: relative;
    height: 705px;
    margin-right: -100px;
}

.animaated-elements-four .element-bg-shape {
    right: -25px;
    top: 155px;
}

.animaated-elements-four .image-one {
    left: 130px;
    top: 60px;
    z-index: 2;
}

.animaated-elements-four .image-one, .animaated-elements-four .image-two, .animaated-elements-four .image-three, .animaated-elements-four .image-four, .animaated-elements-four .element-bg-shape {
    position: absolute;
}

.animaated-elements-four .image-two {
    top: 0;
    left: 300px;
}

.animaated-elements-four .image-three {
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.animaated-elements-four .image-four {
    bottom: 82px;
    right: 95px;
    z-index: -1;
}

.animaated-elements-four .image-four img {
    -webkit-animation: wave 6s infinite linear;
    animation: wave 6s infinite linear;
}

.animaated-elements-four .element-bg-shape {
    right: -25px;
    top: 155px;
}

.hero-main-rp.container.plr-15 {
	padding-left:15px;
	padding-right:15px;
}

.animaated-elements {
    position: relative;
    height: 540px;
    width: 570px;
}

.animaated-elements img, .animaated-elements .elm-mass {
    position: absolute;
}

.animaated-elements .elm-clock {
    left: 20px;
}


/********** **********/
/********* Animation css *********/


/*--------------------------------------------------------------
##  Animation
--------------------------------------------------------------*/
@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(1) translate(0px);
	}
	to {
		-webkit-transform: scale(1.03) translate(0px);
	}
}

@keyframes zoom {
	from {
		-webkit-transform: scale(1) translate(0px);
	}
	to {
		-webkit-transform: scale(1.03) translate(0px);
	}
}

@-webkit-keyframes zoommd {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@keyframes zoommd {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@-webkit-keyframes zoomin {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes zoomin {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}
}

@keyframes bounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}
}

@-webkit-keyframes movexy {
	0% {
		-webkit-transform: translateX(-10px) scale(0.9);
		transform: translateX(-10px) scale(0.9);
	}
	100% {
		-webkit-transform: translateX(30px) scale(1.3) translateY(10px);
		transform: translateX(30px) scale(1.3) translateY(10px);
	}
}

@keyframes movexy {
	0% {
		-webkit-transform: translateX(-10px) scale(0.9);
		transform: translateX(-10px) scale(0.9);
	}
	100% {
		-webkit-transform: translateX(30px) scale(1.3) translateY(10px);
		transform: translateX(30px) scale(1.3) translateY(10px);
	}
}

@-webkit-keyframes wave {
	0% {
		-webkit-transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
		transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
		transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
	}
}

@keyframes wave {
	0% {
		-webkit-transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
		transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
		transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
	}
}

@-webkit-keyframes pixFade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes pixFade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes pixFadeUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes pixFadeUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes pixFadeDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes pixFadeDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes pixFadeLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes pixFadeLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes pixFadeRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes pixFadeRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes pixZoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pixZoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes pixBounceIn {
	0% {
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
		opacity: 0;
	}
	60% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pixBounceIn {
	0% {
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
		opacity: 0;
	}
	60% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.pixFade {
	-webkit-animation-name: pixFade;
	animation-name: pixFade;
}

.pixFadeUp {
	-webkit-animation-name: pixFadeUp;
	animation-name: pixFadeUp;
}

.pixFadeDown {
	-webkit-animation-name: pixFadeDown;
	animation-name: pixFadeDown;
}

.pixFadeLeft {
	-webkit-animation-name: pixFadeLeft;
	animation-name: pixFadeLeft;
}

.pixFadeRight {
	-webkit-animation-name: pixFadeRight;
	animation-name: pixFadeRight;
}

.pixZoomIn {
	-webkit-animation-name: pixZoomIn;
	animation-name: pixZoomIn;
}

.pixBounceIn {
	-webkit-animation-name: pixBounceIn;
	animation-name: pixBounceIn;
}

.zoomIn {
	-webkit-animation-name: zoomin;
	animation-name: zoomin;
}

@-webkit-keyframes jumping {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0;
	}
	50% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0;
	}
}

@keyframes jumping {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0;
	}
	50% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0;
	}
}

@-webkit-keyframes jump {
	0% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
}

@keyframes jump {
	0% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
}

@-webkit-keyframes stickySlideDown {
	from {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes stickySlideDown {
	from {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes moveclouds {
	0% {
		-webkit-transform: translate3d(-10px, -10px, 0);
		transform: translate3d(-10px, -10px, 0);
		opacity: 1;
	}
	50% {
		-webkit-transform: translate3d(-20px, 20px, 0);
		transform: translate3d(-20px, 20px, 0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate3d(30px, 0px, 0);
		transform: translate3d(30px, 0px, 0);
		opacity: 1;
	}
}

@keyframes moveclouds {
	0% {
		-webkit-transform: translate3d(-10px, -10px, 0);
		transform: translate3d(-10px, -10px, 0);
		opacity: 1;
	}
	50% {
		-webkit-transform: translate3d(-20px, 20px, 0);
		transform: translate3d(-20px, 20px, 0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate3d(30px, 0px, 0);
		transform: translate3d(30px, 0px, 0);
		opacity: 1;
	}
}


@-webkit-keyframes animationFramesLeft {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
	20% {
		-webkit-transform: translate(-73px, 1px) rotate(-36deg);
		transform: translate(-73px, 1px) rotate(-36deg);
	}
	40% {
		-webkit-transform: translate(-141px, -72px) rotate(-72deg);
		transform: translate(-141px, -72px) rotate(-72deg);
	}
	60% {
		-webkit-transform: translate(-83px, -122px) rotate(-108deg);
		transform: translate(-83px, -122px) rotate(-108deg);
	}
	80% {
		-webkit-transform: translate(40px, -72px) rotate(-144deg);
		transform: translate(40px, -72px) rotate(-144deg);
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
}

@keyframes animationFramesLeft {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
	20% {
		-webkit-transform: translate(-73px, 1px) rotate(-36deg);
		transform: translate(-73px, 1px) rotate(-36deg);
	}
	40% {
		-webkit-transform: translate(-141px, -72px) rotate(-72deg);
		transform: translate(-141px, -72px) rotate(-72deg);
	}
	60% {
		-webkit-transform: translate(-83px, -122px) rotate(-108deg);
		transform: translate(-83px, -122px) rotate(-108deg);
	}
	80% {
		-webkit-transform: translate(40px, -72px) rotate(-144deg);
		transform: translate(40px, -72px) rotate(-144deg);
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
}

@-webkit-keyframes animationFramesRight {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
	20% {
		-webkit-transform: translate(73px, 1px) rotate(36deg);
		transform: translate(73px, 1px) rotate(36deg);
	}
	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg);
		transform: translate(141px, 72px) rotate(72deg);
	}
	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}
	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
		transform: translate(-40px, 72px) rotate(144deg);
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
}

@keyframes animationFramesRight {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
	20% {
		-webkit-transform: translate(73px, 1px) rotate(36deg);
		transform: translate(73px, 1px) rotate(36deg);
	}
	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg);
		transform: translate(141px, 72px) rotate(72deg);
	}
	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}
	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
		transform: translate(-40px, 72px) rotate(144deg);
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
}

@keyframes wave {
	0% {
		-webkit-transform: rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);
		transform: rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg);
		transform: rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg);
	}
}

@-webkit-keyframes waveRote {
	0% {
		-webkit-transform: rotateZ(0deg) rotate(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
		transform: rotateZ(0deg) rotate(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateZ(360deg) rotate(45deg) translate3d(0, 1%, 0) rotateZ(-360deg);
		transform: rotateZ(360deg) rotate(45deg) translate3d(0, 1%, 0) rotateZ(-360deg);
	}
}

@keyframes waveRote {
	0% {
		-webkit-transform: rotateZ(0deg) rotate(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
		transform: rotateZ(0deg) rotate(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateZ(360deg) rotate(45deg) translate3d(0, 1%, 0) rotateZ(-360deg);
		transform: rotateZ(360deg) rotate(45deg) translate3d(0, 1%, 0) rotateZ(-360deg);
	}
}

@-webkit-keyframes animateRight {
	49% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	51% {
		opacity: 1;
	}
}

@keyframes animateRight {
	49% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	51% {
		opacity: 1;
	}
}

@-webkit-keyframes animationFramesOne {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg);
		transform: translate(73px, -1px) rotate(36deg);
	}
	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg);
		transform: translate(141px, 72px) rotate(72deg);
	}
	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}
	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
		transform: translate(-40px, 72px) rotate(144deg);
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
}

@keyframes animationFramesOne {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg);
		transform: translate(73px, -1px) rotate(36deg);
	}
	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg);
		transform: translate(141px, 72px) rotate(72deg);
	}
	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
		transform: translate(83px, 122px) rotate(108deg);
	}
	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
		transform: translate(-40px, 72px) rotate(144deg);
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		transform: translate(0px, 0px) rotate(0deg);
	}
}

@-webkit-keyframes animationFramesTwo {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
		transform: translate(73px, -1px) rotate(36deg) scale(0.9);
	}
	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
		transform: translate(141px, 72px) rotate(72deg) scale(1);
	}
	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
		transform: translate(83px, 122px) rotate(108deg) scale(1.2);
	}
	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
		transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
}

@keyframes animationFramesTwo {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
		transform: translate(73px, -1px) rotate(36deg) scale(0.9);
	}
	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
		transform: translate(141px, 72px) rotate(72deg) scale(1);
	}
	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
		transform: translate(83px, 122px) rotate(108deg) scale(1.2);
	}
	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
		transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
}

@-webkit-keyframes animationFramesThree {
	0% {
		-webkit-transform: translate(165px, -179px);
		transform: translate(165px, -179px);
	}
	100% {
		-webkit-transform: translate(-346px, 617px);
		transform: translate(-346px, 617px);
	}
}

@keyframes animationFramesThree {
	0% {
		-webkit-transform: translate(165px, -179px);
		transform: translate(165px, -179px);
	}
	100% {
		-webkit-transform: translate(-346px, 617px);
		transform: translate(-346px, 617px);
	}
}

@-webkit-keyframes animationFramesFour {
	0% {
		-webkit-transform: translate(-300px, 151px) rotate(0deg);
		transform: translate(-300px, 151px) rotate(0deg);
	}
	100% {
		-webkit-transform: translate(251px, -200px) rotate(180deg);
		transform: translate(251px, -200px) rotate(180deg);
	}
}

@keyframes animationFramesFour {
	0% {
		-webkit-transform: translate(-300px, 151px) rotate(0deg);
		transform: translate(-300px, 151px) rotate(0deg);
	}
	100% {
		-webkit-transform: translate(251px, -200px) rotate(180deg);
		transform: translate(251px, -200px) rotate(180deg);
	}
}

@-webkit-keyframes animationFramesFive {
	0% {
		-webkit-transform: translate(61px, -99px) rotate(0deg);
		transform: translate(61px, -99px) rotate(0deg);
	}
	21% {
		-webkit-transform: translate(4px, -190px) rotate(38deg);
		transform: translate(4px, -190px) rotate(38deg);
	}
	41% {
		-webkit-transform: translate(-139px, -200px) rotate(74deg);
		transform: translate(-139px, -200px) rotate(74deg);
	}
	60% {
		-webkit-transform: translate(-263px, -164px) rotate(108deg);
		transform: translate(-263px, -164px) rotate(108deg);
	}
	80% {
		-webkit-transform: translate(-195px, -49px) rotate(144deg);
		transform: translate(-195px, -49px) rotate(144deg);
	}
	100% {
		-webkit-transform: translate(-1px, 0px) rotate(180deg);
		transform: translate(-1px, 0px) rotate(180deg);
	}
}

@keyframes animationFramesFive {
	0% {
		-webkit-transform: translate(61px, -99px) rotate(0deg);
		transform: translate(61px, -99px) rotate(0deg);
	}
	21% {
		-webkit-transform: translate(4px, -190px) rotate(38deg);
		transform: translate(4px, -190px) rotate(38deg);
	}
	41% {
		-webkit-transform: translate(-139px, -200px) rotate(74deg);
		transform: translate(-139px, -200px) rotate(74deg);
	}
	60% {
		-webkit-transform: translate(-263px, -164px) rotate(108deg);
		transform: translate(-263px, -164px) rotate(108deg);
	}
	80% {
		-webkit-transform: translate(-195px, -49px) rotate(144deg);
		transform: translate(-195px, -49px) rotate(144deg);
	}
	100% {
		-webkit-transform: translate(-1px, 0px) rotate(180deg);
		transform: translate(-1px, 0px) rotate(180deg);
	}
}



.animaated-elements {
	position: relative;
	height: 540px;
	width: 570px;
}

.animaated-elements img,
.animaated-elements .elm-mass {
	position: absolute;
}

.animaated-elements .elm-clock {
	left: 20px;
}

.animaated-elements .elm-man {
	left: 127px;
	bottom: 39px;
}

.animaated-elements .elm-table {
	bottom: 40px;
	left: 45px;
	z-index: 2;
}

.animaated-elements .elm-sm-vase {
	left: 70px;
	bottom: 254px;
}

.animaated-elements .elm-vase {
	bottom: 40px;
	right: -27px;
	z-index: 1;
}

.animaated-elements .elm-mass {
	right: 103px;
	top: 92px;
	width: 135px;
}

.animaated-elements .elm-mass .mass-img {
	-webkit-animation: jumping 1.6s infinite;
	animation: jumping 1.6s infinite;
}

.animaated-elements-two {
	position: relative;
	height: 560px;
	width: 570px;
	margin-top: 87px;
	z-index: 22;
}

.animaated-elements-two .elm-two {
	left: 20px;
	bottom: 85px;
}

.animaated-elements-two .elm-three {
	top: -115px;
	right: 40px;
	-webkit-animation: jump 2s infinite;
	animation: jump 2s infinite;
}

.animaated-elements-two .elm-four {
	right: 192px;
	bottom: 38px;
}

.animaated-elements-two img {
	position: absolute;
}

.genera-informes-content {
	position: relative;
	z-index: 22;
}

/** Image Content Three **/
#job_image_content {
	padding: 120px 0 80px;
}

@media (max-width: 991px) {
	#job_image_content {
		padding: 80px 0 40px;
	}
}

.animaated-elements-three {
	position: relative;
	margin-left: -190px;
	height: 520px;
}

.interface-image-wrapper {
    height: 500px;
}

.interface-image-wrapper .image-one {
    margin-left: -60px;
    margin-top: 178px;
}

.interface-image-wrapper .image-two {
    position: absolute;
    top: 0;
    left: 160px;
}

.svgbg-one {
    position: absolute;
    top: -12px;
    left: 50px;
    z-index: -1;
    -webkit-animation: wave 3s 0.1s infinite linear;
    animation: wave 3s 0.1s infinite linear;
}


.interface-image-wrapper.style-two .image-one {
    position: absolute;
    bottom: 0;
    left: -20px;
    margin: 0;
    z-index: 22;
}

.interface-image-wrapper.style-two .image-two {
    position: static;
    margin-left: 135px;
}


.svgbg-two {
    position: absolute;
    top: -70px;
    left: -37%;
    z-index: -1;
    -webkit-animation: wave 3s 0.1s infinite linear;
    animation: wave 3s 0.1s infinite linear;
}

.interface-image-wrapper .adminss {
    position: absolute;
    top: 57px !important;
    left: 50px !important;
}

.three-set .icon-set {
    width: 33.33%;
}

.three-set .work-card {
    padding: 30px 13px;
}

.head-of {
	vertical-align: middle;
    line-height: 15px;
    font-size: 10px;
    padding: 2px 7px !important;
    font-weight: 500;
    background: #ffbd84;
    background: -moz-linear-gradient(left,#ffbd84 0,#ff1f8e 100%);
    background: -webkit-linear-gradient(left,#ffbd84 0,#ff1f8e 100%);
    background: linear-gradient(to right,#ffbd84 0,#ff1f8e 100%);
    -webkit-box-shadow: 0 10px 15px 0 rgb(175 0 87 / 20%);
    box-shadow: 0 0px 15px 0 rgb(175 0 87 / 20%);
}

.service .two-col {
	margin-left:0;
}

.s-box {
	padding: 120px 40px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 6%);
	margin-bottom: 0;
    height: 600px;
	display:inline-block;
	width:100%;
    position: relative;
    z-index: 999;
}

.right .bg-shape:after {
    left: auto;
    right: -55px;
}

.right .bg-shape:before {
    right: auto;
    left: -55px;
}

.sws1 img {
    transform: rotate(352deg);
	left: 55px;
}

.sws2 img {
    transform: rotate(365deg);
	right: 55px;
}

.swserviceimg {
    position: absolute;
}

.rellax-animation {
    -webkit-transition: 1.1s cubic-bezier(.16,.84,.442,.98);
    -o-transition: 1.1s cubic-bezier(.16,.84,.442,.98);
    transition: 1.1s cubic-bezier(.16,.84,.442,.98);
}

@media (max-width: 480px) {
	.animaated-elements-three {
		height: 440px;
	}
}

@media (max-width: 576px) {
	.animaated-elements-three {
		margin-left: 0;
	}
}

.animaated-elements-three .map-bg {
	position: absolute;
	top: 100px;
}

.animaated-elements-three .image-one,
.animaated-elements-three .image-two,
.animaated-elements-three .image-three {
	position: absolute;
}

.animaated-elements-three .image-one {
	top: 0;
	left: 140px;
}

@media (max-width: 576px) {
	.animaated-elements-three .image-one {
		left: 0;
	}
}

.animaated-elements-three .image-two {
	right: 50px;
	top: 160px;
}

@media (max-width: 768px) {
	.animaated-elements-three .image-two {
		right: -80px;
	}
}

@media (max-width: 480px) {
	.animaated-elements-three .image-two {
		top: 60px;
	}
}

.animaated-elements-three .image-three {
	top: 291px;
	left: 73px;
}

@media (max-width: 576px) {
	.animaated-elements-three .image-three {
		top: 230px;
		left: -45px;
	}
}

@media (max-width: 480px) {
	.animaated-elements-three .image-three {
		top: 175px;
		left: -45px;
	}
}

.animaated-elements-four {
	position: relative;
	height: 705px;
	margin-right: -100px;
}

@media (max-width: 991px) {
	.animaated-elements-four {
		margin-right: 0;
	}
}

@media (max-width: 480px) {
	.animaated-elements-four {
		height: 560px;
	}
}

.animaated-elements-four .image-one,
.animaated-elements-four .image-two,
.animaated-elements-four .image-three,
.animaated-elements-four .image-four,
.animaated-elements-four .element-bg-shape {
	position: absolute;
}

.animaated-elements-four .element-bg-shape {
	right: -25px;
	top: 155px;
}

.animaated-elements-four .image-one {
	left: 130px;
	top: 60px;
	z-index: 2;
}

@media (max-width: 991px) {
	.animaated-elements-four .image-one {
		left: 60px;
	}
}

@media (max-width: 480px) {
	.animaated-elements-four .image-one {
		left: 15px;
		max-width: 300px;
	}
}

.animaated-elements-four .image-two {
	top: 0;
	left: 300px;
}

@media (max-width: 991px) {
	.animaated-elements-four .image-two {
		left: 145px;
	}
}

@media (max-width: 480px) {
	.animaated-elements-four .image-two {
		left: 90px;
	}
}

.animaated-elements-four .image-three {
	z-index: 3;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.animaated-elements-four .image-four {
	bottom: 82px;
	right: 95px;
	z-index: -1;
}

.animaated-elements-four .image-four img {
	-webkit-animation: wave 6s infinite linear;
	animation: wave 6s infinite linear;
}

@media (max-width: 991px) {
	.animaated-elements-four .image-four {
		bottom: 150px;
		right: 30px;
	}
}

@media (max-width: 991px) {
	.image-content-three {
		margin-top: 50px;
	}
}

.image-content-three .section-title {
	margin-bottom: 41px;
}

.image-content-three .section-title .title {
	font-size: 38px;
	line-height: 1.1;
	margin-bottom: 25px;
}

@media (max-width: 991px) {
	.image-content-three .section-title .title {
		font-size: 34px;
	}
}

.typer {
    color: #ff3870 !important;
}

.cursorx {
    color: #ff3870;
    -webkit-animation: blink 2s infinite both;
    animation: blink 2s infinite both;
}


@-webkit-keyframes blink { 0%,  50%,  100% {    opacity: 1;  }  25%,  75% {    opacity: 0;  }}
@keyframes blink {  0%,  50%,  100% {    opacity: 1;  }  25%,  75% {    opacity: 0;  }}

@media (min-width: 992px) and (max-width: 1200px) {
	.editor-design-two {
		padding-top: 160px;
	}

	.editor-design {
		padding-top: 100px;
		padding-bottom: 0;
	}

	.editor-content {
		padding-left: 50px;
	}

	.animaated-elements-two {
		left: -90px;
	}

	.genera-informes-content {
		padding-right: 50px;
	}

	.animaated-elements {
		width: 470px;
		height: 440px;
	}

	.animaated-elements .elm-clock {
		width: 120px;
	}

	.animaated-elements .elm-table {
		width: 380px;
		bottom: 25px;
	}

	.animaated-elements .elm-man {
		width: 225px;
	}

	.animaated-elements .elm-sm-vase {
		width: 35px;
		bottom: 205px;
	}

	.animaated-elements .elm-vase {
		width: 120px;
		bottom: 27px;
	}

	.animaated-elements .elm-mass {
		right: 60px;
	}

	.animaated-elements .elm-mass img {
		width: 110px;
	}

	.animaated-elements-two {
		width: 470px;
		height: 460px;
		left: 0;
	}

	.animaated-elements-two .elm-two {
		bottom: 65px;
		width: 120px;
		left: 25px;
	}

	.animaated-elements-two .elm-three {
		width: 180px;
		top: -70px;
	}

	.animaated-elements-two .elm-four {
		width: 160px;
		right: 160px;
	}
}



@media (max-width: 768px) {
	.animaated-elements {
		left: -50px;
	}

	.animaated-elements {
		width: 470px;
		height: 440px;
	}

	.animaated-elements .elm-clock {
		width: 120px;
	}

	.animaated-elements .elm-table {
		width: 380px;
		bottom: 25px;
	}

	.animaated-elements .elm-man {
		width: 225px;
	}

	.animaated-elements .elm-sm-vase {
		width: 35px;
		bottom: 205px;
	}

	.animaated-elements .elm-vase {
		width: 120px;
		bottom: 27px;
	}

	.animaated-elements .elm-mass {
		right: 60px;
	}

	.animaated-elements .elm-mass img {
		width: 110px;
	}

	.animaated-elements-two {
		width: 470px;
		height: 460px;
		margin-top: 35px;
	}

	.animaated-elements-two .elm-two {
		bottom: 65px;
		width: 120px;
		left: 25px;
	}

	.animaated-elements-two .elm-three {
		width: 180px;
		top: -70px;
	}

	.animaated-elements-two .elm-four {
		width: 160px;
		right: 160px;
	}
}

@media (max-width: 576px) {
	.editure-feature-image {
		position: relative;
		left: 0;
		margin-bottom: 30px;
	}

	.editure-feature-image .image-one {
		max-width: 400px;
	}

	.editure-feature-image .image-two {
		right: -80px;
	}

	.editor-content {
		padding-left: 0;
	}

	.animaated-elements {
		width: 320px;
		height: 340px;
		left: 0;
	}

	.animaated-elements .elm-clock {
		width: 80px;
	}

	.animaated-elements .elm-table {
		width: 260px;
		bottom: 35px;
	}

	.animaated-elements .elm-man {
		width: 160px;
	}

	.animaated-elements .elm-sm-vase {
		width: 25px;
		bottom: 158px;
	}

	.animaated-elements .elm-vase {
		width: 70px;
		bottom: 35px;
	}

	.animaated-elements .elm-mass {
		right: -40px;
		top: 80px;
	}

	.animaated-elements .elm-mass img {
		width: 70px;
	}

	.animaated-elements-two {
		width: 330px;
		height: 340px;
	}

	.animaated-elements-two .elm-two {
		bottom: 65px;
		width: 70px;
		left: 25px;
	}

	.animaated-elements-two .elm-three {
		width: 120px;
		top: -25px;
	}

	.animaated-elements-two .elm-four {
		width: 105px;
		right: 120px;
	}

	.genera-informes-two .scroll-circle {
		left: -70% !important;
	}
}

@media (max-width: 480px) {
	.editure-feature-image .image-one {
		max-width: 300px;
	}

	.editure-feature-image .image-two {
		right: 0;
	}

	.editure-feature-image .image-two-inner img {
		max-width: 150px;
	}

	.genera-informes-two .scroll-circle {
		left: -100% !important;
	}
}


/******** ********/
	

img {
	max-width:100%;	
}

.logos-ul ul  li {
	float:none;
	display:inline-block;
	width:12%;
}

.download-feature-image {
    position: relative;
    z-index: 1;
}

.download-feature-image .image-one {
    margin-left: 185px;
    z-index: 22;
    position: relative;
}

.download-feature-image .image-two {
    position: absolute;
    right: 10px;
    top: -20px;
}

.download-feature-image svg {
    position: absolute;
    z-index: -1;
    top: 43px;
    right: 0;
}

.pad-work {
    padding: 25px 15px;
}

.work-img {
    max-width: 120px;
}

.tec-icon .services-cuntr {
    display: inline-block;
    font-weight: 900;
    font-size: 30px;
    color: #050748;
    padding: 15px 0;
}

.tec-icon .text {
    display: inline-block;
    width: 100%;
    line-height: 22px;
    font-weight: 600;
    color: #6a6a8e;
}

.tec-icon.work-tech li {
    width: 33.33%;
}

a.play-video {
	background:#f5f5f5;
}

a.play-video::after {
	border-color:#f5f5f5;
}

.h-170 {
    height: 170px;
}

.hrbg-new {
	background:#f3f5ff;
}

.footer-social-media-icons a, .footer-address-list li a, .footer- p a {
    color: #3a3a3a;
}

.onloadpage .pre-text- {
    font-size: 22px;
    line-height: 30px;
}

.contact-info- .inquiry-card-nn i {
    vertical-align: middle;
}

.bg-grey { 
	background:#fafafa !important;
}

.bg-gradient11 {
    background: #e4fffe;
    background: -moz-linear-gradient(top, #e2ffe7 0%,#ffdba3 100%);
    background: -webkit-linear-gradient(top, #e2ffe7 0%,#ffdba3 100%);
    background: linear-gradient(to bottom, #e2ffe7 0%,#ffdba3 100%);
}

.w-90 {
    width: 90%!important;
} 

.font-20 {
    font-size: 20px;
}

.v-text-top {
	vertical-align: text-top;
}

.serv {
    padding: 35px 20px;
}

.s-block:hover .setps {
	opacity:1;
}

.develop-process .s-block {
    padding: 25px 20px;
}

.setps {
    opacity: 0;
    font-size: 60px;
    font-weight: 700;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #547efd;
    z-index: 99;
	transition:all .3s;
}

.btn-main.arrow-btn {
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	padding:0;
    top: 0;
    right: 0;
}

.tab-17.tabs-layout .nav-tabs .nav-link.pd {
    padding: 20px 15px;
}

.bg-white {
    background: #fff !important;
}

.design-service, .deve-service, .market-service {
	width:400px;
}

.fixed {
    position: fixed;
    top: 100px;
}

.contact-info- .inquiry-card-nn ul li a {
	font-weight:400;
}

.contact-info- .inquiry-card-nn ul li i {
    font-size: 25px;
    width: 25px;
}

.contact-info- .inquiry-card-nn ul li img {
	margin-right:7px;
}

.img-wide-blocktt.imd-ed {
	right:-40px;
}

.pbwide.edit-pad {
    position: relative;
    padding: 20px 50px;
}

.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgb(95 58 252 / 20%);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap svg.progress-circle path {
	stroke: #0b32e7;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap::after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content:"\f062";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    color: #0b32e7;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px	;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    font-weight: 900;
}


.progress-wrap svg path {
    fill: none;
}

.media-body.name-own {
    padding-left: 35px;
    position: relative;
}

.media-body.name-own:before {
    content: '';
    position: absolute;
    width: 23px;
    height: 2px;
    background: #000;
    left: 0;
    top: 14px;
}

.icon-qut {
	display:inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
	text-align:center;
    border-radius: 50%;
    margin-bottom: 35px;
	color:#fff;
	font-size:20px;
}

#scrollUp {
	display:none !important;
}

.project-screens .owl-dots {
	text-align:center;
    display: inline-block;
    margin-top: 25px;
    width: 100%;
}

.the-result-sec .statistics p {
    font-size: 16px;
}

.card-stats .statistics {
    padding: 40px 25px;
    text-align: center;
}

.w50px {
	width:50px;
}



.logo-animater {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 15px 15px;
	padding-left: 8%;
}

.logo-animater .text {
	width: 100%;
	max-width: 500px;
}
.logo-animater .text text {
	color: #000;
	stroke-width: 3px;
	stroke-dashoffset: -800;
	stroke-dasharray: 800;
}

.logo-animater .text text tspan tspan {
	font-weight: 100;
	position: relative;
	margin-top: -9px;
}

.logo-animater .text text.is-active {
	animation:  text 2.5s infinite alternate;
	animation-fill-mode: forwards;
}

@keyframes icon {
  50% {
	stroke-dashoffset: 0;
	fill: transparent;
  }
  75% {
	fill: transparent;
	stroke-width: 3px;
  }
  100% {
	stroke-dashoffset: 0;
	fill: #000;
	stroke-width: 0px;
  }
}
@keyframes text {
  50% {
	fill: transparent;
  }
  75% {
	fill: transparent;
	stroke-dashoffset: 0;
	stroke-width: 3px;
  }
  100% {
	stroke-dashoffset: 0;
	fill: #000;
	stroke-width: 0px;
  }
}

.uniq-card {
    border-radius: 14px;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
    text-align: left;
}

.uniq-card i {
    margin-bottom: 15px;
    font-size: 35px;
}

.uniq-card p {
    font-size: 16px;
    line-height: 24px;
    padding-left: 12px;
}


.ucb {
    background: #ffefe8;
    color: #ec7c47;
}

.uca {
    background: #e7e9ff;
    color: #838ae0;
}

.ucc {
    background: #fff7df;
    color: #8c8265;
}

.uniq-points {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 30px;
    text-align: center;
}

.v-middle {
	vertical-align:middle;
}

.sol-image {
    border-radius: 14px;
    overflow: hidden;
    width: fit-content;
    margin: 0 auto;
}

@media screen and (max-width: 1920px) and (min-width: 1500px) {
.container.container-1400 {
    max-width: 1400px;
}

}


.ree-card-img {
    background: #fff;
    box-shadow: 0 15px 30px -10px rgb(0 0 0 / 14%);
    padding: 15px;
    border-radius: 14px;
    position: absolute;
    width: 80px;
    height: 80px;
    top: -50px;
    left: 17px;
}

/*
.dsk-logo {
}


@-webkit-keyframes fading {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fading {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fading {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



.nav-list>li {
}


.dsk-logo {
    -webkit-animation-delay: 0s;
    animation-delay:0s;
}

.invisble {
	opacity: 0;
	-webkit-animation: fading ease-in 1s;
	animation: fading ease-in 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.nav-list>li:first-child {
    -webkit-animation-delay: 0.1s;
    animation-delay:0.1s;
}

.nav-list>li:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay:0.2s;
}

.nav-list>li:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    animation-delay:0.3s;
}

.nav-list>li:nth-child(4) {
	animation-delay: 0.4s;
}

.nav-list>li:nth-child(5) {
	animation-delay: 0.5s;
}

.nav-list>li:nth-child(6) {
	animation-delay: 0.6s;
}

*/



.proce-arrow-li {
	margin-top:60px;
    transform: scale(1.20);
}

.proce-arrow-li.fliy {
    transform: rotateY(180deg) scale(1.20);
    margin-right: 7px;
}

.ps-block span {
    border: 1px solid #e8e8e8;
    color: #fff;
    background: #407BFF;
    margin-right: 30px;
}

.numbric-inf .proce-arrow-li {
	margin-top:60px;
    transform: scale(1);
	position:absolute;
    bottom: -135px;
    left: 65px;
}

.numbric-inf .proce-arrow-li.fliy {
    transform: rotateY(180deg) scale(1.20);
    margin-right: 7px;
}

.num-text.ps-block span {
    border: 1px solid #e8e8e8;
    color: #fff;
    background: #407BFF;
    margin-right: 10px;
}

.numbric-inf .upset {
	margin-bottom:120px;
}

.numbric-inf .num-text.ps-block {
	padding:0;
}

.para-help {
    font-size: 30px;
    line-height: 44px;
    font-weight: 400;
    color: #050748;
}

.mb140 {
	margin-bottom:140px;
}

.list-style-disc li {
    line-height: 32px;
    list-style-type: disc;
}

ul.two-col {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    margin-left: 30px;
    margin-bottom: 0;
}

ul.two-col li {
	width:50%;
}


.mh-85 {
	min-height:85px;
}

.image-block img.rt-img {
    -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    box-shadow: 31px 20px 35px #dcdcdc;
}


.mh65 {
	min-height:65px;
}


.andro-serv {
    padding: 25px 20px;
}

.andro-serv .s-card-icon {
    width: 60px; 
}

.three_ul li {
    width: 33.33%;
    float: left;
    color: #3a3a3a;
    padding: 0 0px 3px 29px;
}

.three_ul li a {
    color: #3a3a3a;
}

.three_ul li:before {
    content: "\f061";
    top: 4px;
}

.sitemap-section .h3-size, .terms-section .h3-size, .privacy-section .h3-size, .faqs-info .h3-size {
    font-size: 28px;
    line-height: 32px;
}

/**** ANIMATION LOGO CSS ****/
svg .svg-elem-1 {
  stroke-dashoffset: 3061.90478515625px;
  stroke-dasharray: 3061.90478515625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: url("#SVGID_1_");
}

svg .svg-elem-2 {
  stroke-dashoffset: 1499.3603515625px;
  stroke-dasharray: 1499.3603515625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-3 {
  stroke-dashoffset: 2348.1728515625px;
  stroke-dasharray: 2348.1728515625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

.list-style-.disc li {
	list-style-type:disc;
}


.blog-page .entry-blog-post {
    width: 175px;
}

.blog-page .single-blog-info- h4 a{
    height: 94px;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.blog-page .single-blog-info- p {
    height: 60px;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.blog-page .user-image img {
	width:60px;
}


.blog-page .media-body h5 {
	font-size:18px;
    margin-top: 0;
}

.blog-page .media-body p {
	font-size:14px;
}

.perks-benifits .s-card-icon {
    width: 45px;
    margin: 0;
}


.perks-benifits .wide-sblock {
    display: inline-flex;
    text-align: left;
    padding: 15px 15px;
    width: 100%;
}

.what-we-look {
	padding-top:20px;
	padding-bottom:20px;
}

.what-we-look .list-ul li {
    width: 50%;
    float: left;
    padding-left: 57px;
    padding-top: 11px;
    margin-bottom: 15px;
}

.what-we-look .list-ul li:before {
    content: "\f00c";
    background: #407BFF;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    background-image: -moz-linear-gradient(45deg,#9217de 0,#4775ff 50%,#00b6d4 100%);
    background-image: -webkit-linear-gradient(45deg,#9217de 0,#4775ff 50%,#00b6d4 100%);
    background-image: linear-gradient(45deg,#9217de 0,#4775ff 50%,#00b6d4 100%);
}

.what-we-look .list-ul li h5 {
    font-size: 18px;
}


.bg-gradient-dark {
    background: #ffcccb;
    background: -moz-linear-gradient(top, #ffcccb 0%, #fff4d2 100%);
    background: -webkit-linear-gradient(top, #ffcccb 0%,#fff4d2 100%);
    background: linear-gradient(to bottom, #ffcccb 0%,#fff4d2 100%);
}

.bg-gradient-orange {
    background: #ffbf98;
    background: -moz-linear-gradient(top, #ffbf98 0%, #fff9f4 100%);
    background: -webkit-linear-gradient(top, #ffbf98 0%,#fff9f4 100%);
    background: linear-gradient(to bottom, #ffbf98 0%,#fff9f4 100%);
}

.info-list-ul li.text-w {
	color: #fff;
}
	
.mapplication .sws1 img {
    left: 3px;
}

.hc-offcanvas-nav h2 {
    line-height: 36px;
    display: none;
}

.logo-pre {
    background: linear-gradient(to bottom, #43464b 0%,#6c6464 100%);
}

.logo-pre img {
    margin-top: 3px;
}

.progress-wrap {
    right: 17px;
}

.btn-outline:hover {
    background: #673AB7;
    background: -moz-linear-gradient(left, #673AB7 0%, #2196F3 100%);
    background: -webkit-linear-gradient(left, #673AB7 0%,#2196F3 100%);
    background: linear-gradient(to right, #673AB7 0%,#2196F3 100%);
	border-color:#673AB7;
}


.bg-gradient-freshhaat {
    background: #e2f3ff;
    background: -moz-linear-gradient(top, #c4f5d6 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #c4f5d6 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #c4f5d6 0%,#ffffff 100%);
}


.bg-gradient-logues {
	background: #ffe2e2;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #fff9f4 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#fff9f4 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%,#fff9f4 100%);
}

.bg-gradient-reekaya {
    background: #ffe2e2;
    background: -moz-linear-gradient(top, #cef5de 0%, #ffe9e1 100%);
    background: -webkit-linear-gradient(top, #cef5de 0%,#ffe9e1 100%);
    background: linear-gradient(to bottom, #cef5de 0%,#ffe9e1 100%);
}



.hero-heading-sec h1 {
    color: #fff;
    font-size: 55px;
    line-height: 67px;
    text-transform: uppercase;
    font-weight: 700;
}

.hero-heading-sec h1 span {
    display: block;
}



.intera h3.ft  {
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
}

.intera h3 {
    font-size: 20px;
    line-height: 30px;
    color: #050748;
    font-weight: 600;
}

.s-h4 {
    font-size: 20px;
    line-height: 30px;
}



/**** Industries Work ****/
.indus-work .nav-tabs {
	border:none;
}

.indus-work .nav-tabs .nav-link {
	border:none;
	background:none;
	padding:0;
	box-shadow:none;
  height: 90%;
}

.indus-work .nav-tabs .nav-link.active .industry-workfor {
	background: #2d86e8;
}

.indus-work .nav-tabs .nav-link.active .industry-workfor h6 {
	color:#fff !important;
	font-weight: 500;
}

.indus-work .nav-tabs {
	display: flex;
}

.indus-work .nav-tabs .nav-item {
	margin-bottom: 0px;
	width: 25%;
	padding: 0 12px;
}

.indus-work .industry-workfor {
	text-align: center;
	display:block;
	padding:17px 5px 12px 5px;
	border-radius:5px;
}

.indus-work .industry-workfor h6 {
	margin: 12px 0 0 0;
	font-weight: 400;
	font-size: 13px;
}

.indus-work .industry-workfor img {
	width: 50px;
}

.indus-work .industry-workfor {
	margin-top: 20px;
}


/********* Responsive CSS Style **********/
@media only screen and (max-width: 767px) {
.xs-float-none {
	float:none !important;
}

.xs-text-center {
	text-align:center !important;
}

.xs-text-right {
	text-align:right !important;
}

.logos_technologies li {
    margin: 15px 5px;
}

.bg-dec-mob.p-5 {
    padding: 3rem 1.5rem!important;
}

.footer-row2 {
    padding-bottom:40px;
}

.animaated-elements-four .element-bg-shape {
    width: 100%;
	left:0;
}

.animaated-elements img, .animaated-elements .elm-mass,
.svgbg-one,.svgbg-two,.svgbg-three {
    width: 100%;
	left:0;
}

.svgbg-one,.svgbg-two,.svgbg-three {
    width: 100%;
	left:0;
}

.interface-image-wrapper .image-two {
    left: 20px;
}


.interface-image-wrapper.style-two .image-two {
    margin-left: 0px;
}

.download-feature-image .image-one {
    margin-left: 0;
    max-width: 200px;
}

.download-feature-image .image-two {
    top: -18px;
    max-width: 270px;
    right: auto;
    left: 15%;
}
 
.download-feature-image svg {
    right: auto;
    left: 0;
}


.interface-image-wrapper {
    height: 600px;
}

.logos-ul ul li {
    width: 49%;
}

.proce-arrow-li {
	display:none;
}

ul.two-col li {
	width:100%;
}

.sws1 img {
    transform: rotate(352deg);
    left: 15px;
}

.sws2 img {
    right:47px;
}

.s-box {
    height: 375px;
}


.innerwidedevice {
    left: 0;
    transform: scale(1) !important;
}

.portfolio-item-info-tt {
	margin-bottom:17px;
}



.display-4 {
    font-size: 1.9rem !important;
}

.why-choos-lg p.para-help {
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 25px;
}


.bread-title h2, h2  {
    font-size: 24px;
    line-height: 32px;
}

.faqs-info .h3-size{
    font-size: 24px;
    line-height: 32px;
}

.about-block-ceo {
    padding: 45px 25px !important;
}

.about-sec-app {
	padding-bottom:0;
}

.service.heading-small-left .common-heading.text-left, .service.heading-small-left .common-heading.text-left p {
    text-align: left !important;
}

h4 {
    font-size: 17px;
    line-height: 25px;
}

.perks-benifits .s-card-icon {
	margin-right:15px;
}

.what-we-look {
	padding-top:60px;
}

.what-we-look .list-ul li {
	width:100%;
}

.call-to-action .common-heading h2 {
    margin-bottom: 35px;
}

.call-to-action p.size19.lh-34 br {
	display:none;
}

.call-to-action p.size19.lh-34 {
    line-height: 29px;
    font-size: 15px;
}

.terms-section.service p {
	text-align:left;
}

.three_ul li {
    width: 100%;
}

.faqs-info .card-2 .card-header button {
    font-size: 15px;
    padding-right: 20px;
}


.faqs-info .accordion .acc-icon:after {
    top: 50%;
    margin-top: -9px;
}

.work-card p {
    line-height: 22px;
    font-size: 14px;
}

.indus-work .nav-tabs {
    margin-top: 30px;
}

.indus-work .nav-tabs .nav-item {
    width: 33.33%;
}

.indus-work .industry-workfor {
    padding: 17px 2px 12px 2px;
}



				
		.indus-work .nav-tabs {
			margin-top: 30px;
		}

		.indus-work .industry-workfor {
			padding: 17px 2px 12px 2px;
		}

		.indus-work .industry-workfor h6 {
			font-size: 11px;
		}
		
		.indus-work .nav-tabs {
			margin: 0 0 0px;
			display: flex;
			flex-wrap: nowrap;
			overflow-y: hidden;
			overflow-x: auto;
		}
		
		
		.indus-work .hoshd:hover {
			transform: translate(0px, 0px);
		}
		
		.indus-work .nav-tabs .nav-item {
			width: 121px;
			min-width: 106px;
			padding:0 5px;
		}
		
		
		.indus-work ::-webkit-scrollbar {height:4px;}
		
		.indus-work .common-heading.text-l, .indus-work .common-heading.text-l h2, .indus-work .common-heading.text-l span {
			text-align:left !important;
		}
		

}

li.hidedesktop.darkmodeswitch {
    padding: 0;
}

li.darkmodeswitch  .switch-wrapper {
    display: inline-block;
    align-items: center;
    position: relative;
    z-index: 55555;
    top: 12px;
    transform: none;
    margin: 0;
}

li.darkmodeswitch  .switch-wrapper .switch {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 34px;
    margin: 0;
}


li.darkmodeswitch  .switch-wrapper input:checked + .slider:before {
    transform: translateX(0px);
}


@media (max-width: 991px) {
.animaated-elements-four {
    margin-right: 0;
}

.animaated-elements-four .image-two {
    left: 145px;
}

.animaated-elements-four .image-four {
    bottom: 150px;
    right: 30px;
}

.animaated-elements-four {
    height: 560px;
}

.animaated-elements-four .image-one {
    left: 15px;
    max-width: 300px;
}

.animaated-elements-four .image-two {
    left: 90px;
}
.element-bg-shape img {
	max-width:100%;	
}

.interface-image-wrapper.style-two .image-one {
	left:0;
}


.interface-image-wrapper .image-one {
    z-index: 22;
    position: relative;
	margin-left:-30px;
}

.interface-image-wrapper .image-two {
    max-width: 300px;
    left: 70px;
}


.three-set .icon-set {
    width: 50%;
}

.logo-animater {
    padding-left: 24%;
}

.uniq-points {
    grid-template-columns: auto;
}

.btn-main {
    width: auto;
    margin: 0 auto;
    display: inline-block;
}

.footer-brands a.smllbtnn {
	margin-top:20px;
}

.bg-shape:before {
    right: -10px;
}

.display-4 {
    font-size: 2.6rem;
}

.hero-heading-sec {
	text-align:left;
}

.hero-heading-sec h2 span {
    display: block;
}

.uniq-card i {
    margin-bottom: 0px;
}

.uniq-card {
    padding: 15px 15px;
}

.btn-main.btn-sm {
    margin-left: 0;
}

.footer-brands p {
	margin:12px 0;
}

.work-category .common-heading p {
	margin-bottom:15px;
}

.xs-text-left {
    text-align: left !important;
}

.review-ref {
    padding: 40px 20px;
}

.review-icons a {
    padding: 0 10px;
}

.mobileblock {
	display:block !important;
    max-width: 114px;
    left: 0px;
    top: -20px;
}

.mobile-mt0 {
	margin-top:0 !important;
}

.review-icons {
    margin-top: 1rem!important;
}

.display-3 {
    font-size: 2.7rem;
}

.dsk-logo .nav-brand img {
    max-height: 60px;
}

.pr-mob {
	padding-right:20px;
}

.design-service, .deve-service, .market-service {
    width: 100%;
	margin-bottom:20px;
}

.review-ref {
    padding: 40px 20px;
	width:100%;
}


.progress-wrap {
    right: 17px;
    bottom: 103px;
}
}
 

.h2-size {
    font-size: 40px;
    line-height: 52px;
    color: #050748;
    font-weight: 600;
}
 

/*** wow animation desiabled ***/
 @media screen and (max-width: 800px) {
    .wow{
        animation-name: none !important;
        visibility: visible !important;
    }
}


@media only screen and (max-width: 1370px) {
.hero-heading-sec h1 {
    font-size: 45px;
    line-height: 57px;
}


}

@media only screen and (max-width: 767px) {
.h2-size {
    font-size: 24px;
    line-height: 32px;
}

}


@media only screen and (max-width: 520px) {
.hero-heading-sec h1 {
    font-size: 35px;
    line-height: 45px;
}

}








/*custom css.............................*/




.bd-hor-base .s-card-icon{
	margin: 0 0px 20px;
  width: 79px !important;
}
/*.element-page{
	background-color: rgba(251, 241, 239, 1);
}*/
.element-page .s-card-icon img{
	width: 80%;
}
.element-page .minhight,
.hire-page .minhight,
.service-block .minhight {
	min-height: 100px;
}
.opl .clients-logo{
	display: grid;
	padding: 15px;
}
.opl .clients-logo img{
	width: 70px;
}
/*.clients-section{
	background: linear-gradient(180deg, #FFF9F4 -19.71%, #FFE2E2 100%);
}*/
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: rgba(33, 150, 243, 1);
    display: inline-block;
    position: absolute;
    left: -5px;
    width: 2px;
    height: 83%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: '';
background: rgba(33, 150, 243, 1);
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: -15px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.timeline li p{
	margin-top: 10px;
}
/*.hire-page{
	background: rgba(255, 219, 202, 1);
}*/
.service-block .s-card-icon{
	position: absolute;
	top: -30px;
	left: 40px;
	width: 60px;
	background: white;
	text-align: center;
	border-radius: 10px;
	box-shadow: rgba(44, 44, 44, 0.2) 0px 0px 5px;
	padding: 10px;
}
/*.service-block{
	background: rgba(251, 241, 239, 1);
}*/


/*marquee css.............................*/

.separatewebhranimation {
  overflow: hidden;
  background: #c3d0ff;
  padding: 30px 0;
  color: #010101;
}
.alternate {
  margin: 0 20px;
  border-radius: 4px;
  display: inline-block;
}
.marquee-item-list {
  display: inline-flex;
  width: 100%;
  overflow-x: hidden;
}
.marquee-item-list li {
  font-size: 20px;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 600;
}
.marquee {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  background: #0057ff;
  transform: translate3d(0, 101%, 0);
}
.marquee__inner {
  width: fit-content;
  align-items: center;
  display: flex;
  position: relative;
  animation: sw-marquee 15s linear infinite;
  will-change: transform;
}
.animation-2 {
  animation-direction: reverse;
}
@keyframes sw-marquee {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}


.ct-index {
  position: absolute;
  right: 500px;
  top: 480px;
  width: 180px;
  height: 180px;
  margin: 0 auto;
  background: #fff;
  z-index: 20;
  border-radius: 100px;
  overflow: hidden;
  border: 1px solid #e1e6ff;
  padding: 4px;
}
.round-text {
  position: relative;
  border-radius: 100px;
}
.round-text,
.round-text .texts {
  width: 170px;
  height: 170px;
}
.round-text .innerlogo {
  top: 78px;
  position: absolute;
  transform: translateY(-50%);
  width: 111px;
  right: 5px;
/*  left: 0;*/
  margin: 0 auto;
  rotate: -30deg;
}
.texts {
  position: relative;
  transform: rotate(0deg); /* Initial rotation angle */
  transition: transform 0.1s ease;
}


.cd-words-wrapper,
.cd-words-wrapper b.is-visible {
  position: relative;
}
.cd-headline.clip .cd-words-wrapper,
.cd-headline.loading-bar .cd-words-wrapper,
.cd-headline.slide .cd-words-wrapper,
.cd-headline.type .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-words-wrapper {
  display: inline-block;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-headline.clip b,
.cd-headline.push b,
.cd-headline.rotate-2 b,
.cd-headline.rotate-3 b,
.cd-headline.scale b,
.cd-headline.zoom b,
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.cd-headline.clip b.is-visible,
.is-visible .cd-headline.rotate-2 i,
.is-visible .cd-headline.scale i,
.no-csstransitions .cd-headline.rotate-2 .is-visible i,
.no-csstransitions .cd-headline.rotate-3 .is-visible i,
.no-csstransitions .cd-headline.scale .is-visible i,
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}
.cd-headline.rotate-1 .cd-words-wrapper,
.cd-headline.rotate-2 .cd-words-wrapper,
.cd-headline.rotate-3 .cd-words-wrapper,
.cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-1 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-animation: 1.2s cd-rotate-1-in;
  -moz-animation: 1.2s cd-rotate-1-in;
  animation: 1.2s cd-rotate-1-in;
}
.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: 1.2s cd-rotate-1-out;
  -moz-animation: 1.2s cd-rotate-1-out;
  animation: 1.2s cd-rotate-1-out;
}

@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}

@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}
.cd-headline.type .cd-words-wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: 1s infinite cd-pulse;
  -moz-animation: 1s infinite cd-pulse;
  animation: 1s infinite cd-pulse;
}
.cd-headline.type .cd-words-wrapper.selected {
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after,
.cd-headline.type b {
  visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d;
}
.cd-headline.type b.is-visible {
  visibility: visible;
}
.cd-headline.type i {
  position: absolute;
  visibility: hidden;
}
.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}
@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
.cd-headline.rotate-2 em,
.cd-headline.rotate-2 i {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-headline.rotate-2 i {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-20px) rotateX(90deg);
  -moz-transform: translateZ(-20px) rotateX(90deg);
  -ms-transform: translateZ(-20px) rotateX(90deg);
  -o-transform: translateZ(-20px) rotateX(90deg);
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0;
}
.cd-headline.rotate-2 i.in {
  -webkit-animation: 0.4s forwards cd-rotate-2-in;
  -moz-animation: 0.4s forwards cd-rotate-2-in;
  animation: 0.4s forwards cd-rotate-2-in;
}
.cd-headline.rotate-2 i.out {
  -webkit-animation: 0.4s forwards cd-rotate-2-out;
  -moz-animation: 0.4s forwards cd-rotate-2-out;
  animation: 0.4s forwards cd-rotate-2-out;
}
.cd-headline.rotate-2 em {
  -webkit-transform: translateZ(20px);
  -moz-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  -o-transform: translateZ(20px);
  transform: translateZ(20px);
}
.no-csstransitions .cd-headline.rotate-2 i {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
  }
}
@-moz-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0);
  }
}
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }
}
@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@-moz-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg);
  }
}
.cd-headline.loading-bar span,
.cd-headline.slide span {
  display: inline-block;
  padding: 0.2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #0096a7;
  z-index: 2;
  -webkit-transition: width 0.3s -0.1s;
  -moz-transition: width 0.3s -0.1s;
  transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  -webkit-transition: width 3s;
  -moz-transition: width 3s;
  transition: width 3s;
}
.cd-headline.loading-bar b {
  top: 0.2em;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0;
}
.cd-headline.slide b {
  opacity: 0;
  top: 0.2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: 0.6s slide-in;
  -moz-animation: 0.6s slide-in;
  animation: 0.6s slide-in;
}
.cd-headline.slide b.is-hidden {
  -webkit-animation: 0.6s slide-out;
  -moz-animation: 0.6s slide-out;
  animation: 0.6s slide-out;
}

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
.cd-headline.clip span {
  display: block;
  padding: 0.2em 0;
  width: min-content;
}
.cd-headline.clip .cd-words-wrapper::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 0;
  width: 2px;
  height: 70%;
  background-color: #aebcb9;
}
.cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: 0.8s zoom-in;
  -moz-animation: 0.8s zoom-in;
  animation: 0.8s zoom-in;
}
.cd-headline.zoom b.is-hidden {
  -webkit-animation: 0.8s zoom-out;
  -moz-animation: 0.8s zoom-out;
  animation: 0.8s zoom-out;
}

@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
}
.cd-headline.rotate-3 i {
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}
.cd-headline.rotate-3 i.in {
  -webkit-animation: 0.6s forwards cd-rotate-3-in;
  -moz-animation: 0.6s forwards cd-rotate-3-in;
  animation: 0.6s forwards cd-rotate-3-in;
}
.cd-headline.rotate-3 i.out {
  -webkit-animation: 0.6s forwards cd-rotate-3-out;
  -moz-animation: 0.6s forwards cd-rotate-3-out;
  animation: 0.6s forwards cd-rotate-3-out;
}
.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  opacity: 0;
}

@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
}

@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-headline.scale i.in {
  -webkit-animation: 0.6s forwards scale-up;
  -moz-animation: 0.6s forwards scale-up;
  animation: 0.6s forwards scale-up;
}
.cd-headline.scale i.out {
  -webkit-animation: 0.6s forwards scale-down;
  -moz-animation: 0.6s forwards scale-down;
  animation: 0.6s forwards scale-down;
}
.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: 0.6s push-in;
  -moz-animation: 0.6s push-in;
  animation: 0.6s push-in;
}
.cd-headline.push b.is-hidden {
  -webkit-animation: 0.6s push-out;
  -moz-animation: 0.6s push-out;
  animation: 0.6s push-out;
}

@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes updonanim {
0% {
  transform: translate(0, 0);
}
50% {
  transform: translate(0, 10px);
}
100% {
  transform: translate(0, 0);
}
}

.position-stick {
  position: sticky;
  top: 100px;
}
.featurelist {
  border: 1px solid #f5f5f5;
  padding: 20px;
  border-radius: 8px;
}
.featurelist + .featurelist {
  margin-top: 30px;
}
.media .icon-div {
  height: 64px;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px 0 0;
}
.media {
  display: flex;
}
.media div:first-child {
  flex-shrink: 0;
}
.media-body-content h4 {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 30px;
}


.tilt3d .tilt-img {
  transform-style: preserve-3d;
  transform: perspective(1000px);
  overflow: initial;
}
.tilt3d .tilt-img img {
  transform: translateZ(15px);
}
.tilt3d .tilt-end {
  transform: translateZ(25px);
}
.dot-image {
  padding: 40px;
  background-image: radial-gradient(#2c4bff 1px, transparent 1px);
  height: 100%;
  background-size: 16px 16px;
}
.two-image {
  position: relative;
  display: grid;
  grid-template-columns: auto auto;
  align-items: end;
  grid-gap: 15px;
  z-index: 10
}

.two-image img {
  width: 100%;
  position: relative;
  z-index: 55
}

.image--1 {
  top: -25px;
  position: relative
}

.image--2 {
  position: relative;
  top: 30px;
  right: 50px;
  z-index: 55
}
.roundimg-x {
    overflow: hidden;
    border-radius: 200px; 
}
.socialmedias {
    display: flex;
    grid-gap: 20px;
    font-size: 25px;
    justify-content: center;
}




/* New Home Page CSS Start */
 .service-custom-box{
  text-align: center;
  background-size: 200%;
  background-position: top right;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px 20px;
  margin: 0;
  position: relative;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
 }

 .service-block1{
  background: #FDF7FC;
  border: 1px solid #FDF7FC;
}
 .service-block2{
  background: #F3EDF9;
  margin-top: -30px;
  border: 1px solid #F3EDF9;
 }
 .service-block3{
  background: #FDEDEF;
  border: 1px solid #FDEDEF;
  
}
 .service-block4{
  background: #F1F8FF;
  border: 1px solid #F1F8FF;
 
}
 .service-block5{
  background: #F2F7FD;
  margin-top: -30px;
  border: 1px solid #F2F7FD;
   
}
 .service-block6{
  background: #FEFAF6;
  border: 1px solid #FEFAF6;
  
}

.choose-technology span.techno-1{
  background-color: #F8D8BC;
  border-radius: 5px;
}
.choose-technology span.techno-2{
  background-color: #F3E0FC;
  border-radius: 5px;
}
.choose-technology span.techno-3{
  background-color: #D8F7FF;
  border-radius: 5px;
}
.choose-technology span.techno-4{
  background-color: #FDC8DA;
  border-radius: 5px;
}
.choose-technology span.techno-5{
  background-color: #DDDDDD;
  border-radius: 5px;
}
.choose-technology span.techno-6{
  background-color: #FFECDA;
  border-radius: 5px;
}
.choose-technology span.techno-7{
  background-color: #E8E4FF;
  border-radius: 5px;
}
.choose-technology span.techno-8{
  background-color: #FFE2FA;
  border-radius: 5px;
}
.choose-technology span.techno-9{
  background-color: #FFD6DB;
  border-radius: 5px;
}

.choose-technology span{
  color:#050748;
  font-weight: 600;
  margin: 5px 7px;
  padding: 5px 5px;
}

.project-requirment .technical-expert{
  background-color: #F1F8FF;
  border-radius: 10px;
  padding: 15px 15px;
  min-height: 335px;
  margin-top: 40px;
}
.project-requirment .non-technical-expert{
  background-color: #FDEDEF;
  border-radius: 10px;
  padding: 15px 15px;
  min-height: 335px;
  margin-top: 40px;
}

.project-requirment .technical-expert .ul-circle-9 li:before {
  content: "\f058";
}

.project-requirment .technical-expert .list-ul-3 li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 17px;
  color:#2DBC92
}

.project-requirment .technical-expert .list-ul-3 li {
  padding: 0 0px 12px 29px;
  position: relative;
  line-height: 26px;
  font-size: 15px;
}
.project-requirment .non-technical-expert .ul-circle-9 li:before {
  content: "\f058";
}

.project-requirment .non-technical-expert .list-ul-3 li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 17px;
  color:#EA3535
}
 

.project-requirment .non-technical-expert .list-ul-3 li {
  padding: 0 0px 12px 29px;
  position: relative;
  line-height: 26px;
  font-size: 15px;
}

.industry-features .owl-carousel .owl-nav button.owl-prev,
.industry-features .owl-carousel .owl-nav button.owl-next {
	z-index: 1;
	width: 40px;
	height: 40px;
	background-color: #FF658A;
	border-radius: 50%;
	position: absolute;
  color:#ffffff;
	top: 50%;
	transform: translatey(-50%);
}

.industry-features .owl-nav button span {
	font-size: 30px;
	height: 100%;
	display: block;
	width: 100%;
  line-height: 35px;
}
.industry-features .owl-carousel .owl-nav button.owl-prev {
	left: -5%;
}
.industry-features .owl-carousel .owl-nav button.owl-next {
	right: -5%;
}
.industry-features .owl-carousel .owl-nav {
	margin: 0;
}

.online-box {
    border: 1px solid gray;
    padding: 8px 10px;
    border-radius: 5px;
    margin: 10px;
    min-height: 479px;
    max-height: 100%;
}

 /* ***** Throwable ***** */
.throwable .btn:hover,
.throwable .btn:focus {
	border-style: solid;
	border-color: #7C849A;
}

.throwable .lqd-imggrp-single[data-float] {
	--float-animate-to: 10%;
}

.throwable .module-text-1 {
	background-color: #E2EEE1;
}

.throwable .module-text-2 {
	background-color: #ffe3d3;
}

.throwable .module-text-3 {
	background-color: #dbefe8;
}

.throwable .module-text-4 {
	background-color: #d8c0ff;
}

.throwable .module-text-5 {
	background-color: #AB6BDD;
}

.throwable .module-text-6 {
	background-color: #eaeaea;
}

.throwable .module-shape {
	right: -100px;
}

.throwable .module-emoji {
	right: 80px;
}
 

/* Throwable End */


.h-150{
  height: 180px;
}

.bg-gradient24{
  background: linear-gradient(130deg, #FFBD84 40%, #FF1F8E );
}
.bg-gradient25{
  background: linear-gradient(130deg, #673AB7 40%, #2196F3 );
}

.new-outline{
  border: 1px solid #fff;
  display: inline-block;
  padding: 0px 32px;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  background: #fff;
  -webkit-box-shadow: 0 10px 15px 0px rgba(3, 35, 68, 0.1);
  box-shadow: 0 10px 15px 0px rgba(3, 35, 68, 0.1);
  line-height: 52px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  width: auto;

}

.new-outline:hover{
background: linear-gradient(to right, #FFBD84 0%,#FF1F8E 100%);
}
.progressbar {
  counter-reset: step;
  position: relative;
}
.numbermedia.featurelist::before{
  content: counter(step);
  counter-increment: step;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  border: 1px solid #FF1F8E;
  margin-right: 5px;
  position: absolute;
  top: 49px;
  left: -15px;
  color: #000;
  font-weight: 600;
  font-size: 20px;
  background-color: #fff;
  box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
}



/* Service Box Start  */
.bg-gradient80{
  background-image: linear-gradient(to bottom right, #F2FFFF, #EFE7FC);
}
 
.service-new-box .service-boxes{
  background-color: #ffffff;
  border-radius: 10px;
}
.service-new-box .service-imgbox{
  background-image: linear-gradient(to bottom, #D9B3EE, #FCECEB);
  padding: 20px;
}
.service-new-box .service-imgbox-2{
  background-image: linear-gradient(to bottom, #FCECEB, #D9B3EE);;
  padding: 20px;
 
}

.service-new-box .service-box-2{
  margin-top: -30px;
}
.service-new-box .service-content{
 padding: 20px;
}

.service-new-box .service-boxes ul{
list-style-type: disc;
margin-left: 17px;
}

.service-new-box .service-boxes ul li{
  margin-bottom: 10px;
  line-height: 24px;
}


/* Service Box End  */

.portfolio-section:before{
  height: 100%;
  opacity: 0.5;
}

.service-sec-list span{
  line-height: 24px;
}

.service-sec-list{
  height: 100%;
}

.portfolio-section .item-info-div p a{
  color: #000;
}

 

@media only screen and (min-width: 360px) and (max-width: 768px) {
	.pt-sm-100{
    padding-top: 100px;
  }
  
}

@media (max-width: 767px) {
  .pt170 {
    padding-top: 50px;
  }
}