* {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
header, section, article, aside, nav, footer, address {
	display: block;
}
body {
	font-family: 'open_sansregular',Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333;
	overflow-x: hidden;
	min-width: 320px;
}
input,textarea,select{
	font-family: 'open_sansregular',Arial, Helvetica, sans-serif;
}
a{
	color: #333;
}
a:hover,.submit:hover{
	filter: alpha(opacity = 85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.thumb{
	display: block;
}
.thumb img{
	display: block;
	width:100%;
}
p{
	line-height:1.6em;
	font-size: 16px;
	font-family: 'open_sanslight';
}
.hidden{
	display:none;
}
br.clear {
	clear: both;
	line-height: 0;
}
.left{
	float: left;
}
.right{
	float: right;
}
.wrapper {
	width: 90%;
	margin: 0 auto;
	max-width:1200px;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*loader*/
/*@keyframes loader {
  0% { border: 0px solid #c70e22; transform: translate(0,-0);}
  15% { border: 0px solid #c70e22; transform: translate(0,-0);}
  25% { border: 0px solid #c70e22; transform: translate(0,-0);}
  35% { border: 0px solid #c70e22; transform: translate(0,-0);}
  45% { border: 2px solid #c70e22; transform: translate(0,-0);}
  48% { border: 2px solid #c70e22; transform: translate(-192px,-145px); width: 9%;}
  50% { border: 2px solid #c70e22; transform: translate(-192px,-145px); width: 9%;}
  52% { border: 2px solid #c70e22; transform: translate(-217px,-167px) ; width: 8%;}
  55% { border: 3px solid #c70e22; transform: translate(-217px,-167px) ; width: 8%;}
  65% { border: 3px solid #c70e22; transform: translate(-217px,-167px) ; width: 7%;}
  75% { border: 3px solid #c70e22; transform: translate(-249px,-190px); width: 7%;}
  85% { border: 3px solid #c70e22; transform: translate(-511px,-325px); width: 6%;}
  95% { border: 3px solid #c70e22; transform: translate(-511px,-325px); width: 6%;}
  97% { border: 3px solid #c70e22; transform: translate(-511px,-325px); width: 5%;}
  100% { border: 4px solid #c70e22; transform: translate(-511px,-325px); width: 5%;}
}*/
@keyframes loader {
  0% { border: 0px solid #c70e22; transform: translate(0,-0);}
  15% { border: 0px solid #c70e22; transform: translate(0,-0);}
  25% { border: 0px solid #c70e22; transform: translate(0,-0);}
  35% { border: 0px solid #c70e22; transform: translate(0,-0);}
  45% { border: 2px solid #c70e22; transform: translate(0,-0);}
  50% { border: 3px solid #c70e22; transform: translate(0,-0);}
  52% { border: 3px solid #c70e22; width: 8%;}
  55% { border: 3px solid #c70e22; width: 8%;}
  65% { border: 3px solid #c70e22; width: 7%;}
  75% { border: 3px solid #c70e22; width: 7%;}
  85% { border: 3px solid #c70e22; transform: translate(-511px,-345px); width: 5%;}
  95% { border: 3px solid #c70e22; transform: translate(-511px,-345px); width: 5%;}
  97% { border: 3px solid #c70e22; transform: translate(-511px,-345px); width: 5%;}
  100% { border: 4px solid #c70e22; transform: translate(-511px,-345px); width: 5%;}
}
div.preloader img{
	border-radius: 50%;
	border: 3px solid #c70e22;
	background: #fff;
	animation-duration: 0.9s;
	animation-name: loader;
	/*animation-iteration-count: infinite;*/
	animation-direction: alternate;
}
.preloader {
  align-items: center;
  background: #fff;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.1s linear;
  width: 100%;
  z-index: 9999;
}
html:not(.ismobile) .preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1002;
}
html:not(.ismobile) .preloader{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
html.ismobile .preloader {
  display: none;
}
header div.preloader img{
	width: 10%;
}

	
/*loader*/

#spot-light{
	background-image: url('../images/background.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}
#spot-light-learn{
	background-image: url('../images/background.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}
#spot-light-specialized-in{
	background-image: url('../images/background.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}
#spot-light-our-team{
	background-image: url('../images/background.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}
#our-products{
	background-image: url('../images/our-product-background.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}
#product-list{
	background-image: url('../images/our-product-background.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}
#specialize-mobile{
	display: none;
}
section#career.py-5{
	background-image: url('../images/our-product-background.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}
section#our-products.py-3 div.margin-script div.row div.col-xl-6 p.py-3.text-secondary{

	line-height: 35px;
}
footer{
	background: #345065;
}
footer.pt-5 div.container div.row div.col-sm div.row.py-3 div.col-sm span.text-light{
	font-size: 14px;
}

footer.pt-5 div.container div.row div.col-sm div.row div.row.mt-3 div.col-sm a.social-media{
	font-size: 25px;
	color: #fff;
}
section#experience.py-5 div.container div.row.text-center div.col-sm.px-3.py-3 span.font-weight-bold{
	font-size: 25px;
}
section.container nav.navbar.navbar-expand-lg.navbar-light div#navbarSupportedContent.collapse.navbar-collapse ul.navbar-nav.ml-auto.align-middle.text-center li a.nav-link{
}
header section.container nav.navbar.navbar-expand-lg.navbar-light{
	padding-left: 0;
	padding-right: 0;
}
section#our-products.py-3 div div.row div.col-xl-5.ml-auto.pl-5 a.btn.btn-light.border.border-info.rounded-0.mr-3{
	background: #fff;
}
section#our-products.py-3 div div.row div.col-xl-5.ml-auto.pl-5 a.btn.btn-light.border.border-info.rounded-0.mr-3:hover{
	background: #11b1bf;
}


.btn-posnawr {
  color: #00abec;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  max-width: 150px;
  border-radius: 8px;
  margin: 1rem auto;
  font: normal 18px/60px 'proxima-nova', sans-serif;
  text-align: center;
  text-decoration: none;
  border: 2px solid #00abec;
}
.btn-posnawr span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(93,3,12,1) 0%, rgba(220,53,69,1) 100%);
  -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  color: #fff;
}
section#spot-light.py-5 div.container div.row div.col-xl-6 a.btn.btn-light.border.border-danger.rounded-0.btn-posnawr.mr-3:hover{
	color: #fff;

}
.btn-posnawr:hover {
}
.btn-posnawr:hover span {
  width: 225%;
  height: 562.5px;

}
.btn-posnawr:active {
  background-color: #00c4ad;

}
footer.pt-5 div.container div.row.py-3 div.col-sm.text-right div.row div.col-sm-4.text-right a{
	color: #fff;
	font-size: 20px;
}
footer.pt-5 div.container div.row.py-3 div.col-sm.text-right div.row div.col-sm-4.text-right{
	padding-right: 0;
}
footer.pt-5 div.container div.row.py-3 div.col-sm.text-left{
	padding-left: 0;
}
footer.pt-5 div.container div.row.py-3 div.col-sm.text-right div.row div.col-sm.text-right{
	padding-right: 0;
}
footer.pt-5 div.container div.row div.col-sm div.row img.img-fluid.img-thumbnail.border-0{
	background: #345065;
}
section#our-products.py-3 div.margin-script div.row div.col-xl-6 a.btn.btn-light.border.border-info.rounded-0.mr-3{
	background: #fff;
	transition: background 1s;
}
section#our-products.py-3 div.margin-script div.row div.col-xl-6 a.btn.btn-light.border.border-info.rounded-0.mr-3:hover{
	background: #05b7b8;
	transition: 0.3s;
}
section#specialize div.container.py-5 div.text-center.my-5 a.btn.btn-light.border.border-info.rounded-0.mr-3{
	background: #fff;
	transition: background 1s;
}
section#specialize div.container.py-5 div.text-center.my-5 a.btn.btn-light.border.border-info.rounded-0.mr-3:hover{
	background: #05b7b8;
	transition: 0.3s;
}
section.trust-us.py-5{
	background: #f5f5f5;
}
section.trust-us.py-5 div.container div.row.text-center.border-bottom div.col-sm.px-3.py-3 img{
	filter: grayscale(100%);
	transition: filter 3s;
}
section.trust-us.py-5 div.container div.row.text-center div.col-sm.px-3.py-3 img{
	filter: grayscale(100%);
	transition: filter 3s;
}
section.trust-us.py-5 div.container div.row.row-cols-2.row-cols-md-3 div.col div.d-flex.justify-content-center.rounded img{
	filter: grayscale(100%);
	transition: filter 3s;
}
section.trust-us.py-5 div.container div.row.text-center.border-bottom div.col-sm.px-3.py-3 img:hover{
	filter: grayscale(0);
	transition: 0.6s;
}
section.trust-us.py-5 div.container div.row.text-center div.col-sm.px-3.py-3 img:hover{
	filter: grayscale(0);
	transition: 0.6s;
}
section.trust-us.py-5 div.container div.row.row-cols-2.row-cols-md-3 div.col div.d-flex.justify-content-center.rounded img:hover{
	filter: grayscale(0);
	transition: 0.6s;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm img.img-thumbnail.border-0.hover{
	display: none;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-app, section#product-list.py-5 div.container div.app{
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
	background: #fff;
	transition: border-radius 3s;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-web, section#product-list.py-5 div.container div.web{
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
	background: #fff;
	transition: border-radius 3s;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-digital, section#product-list.py-5 div.container div.digital{
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 49% 51% 34% 66% / 42% 58% 42% 58% ;
	background: #fff;
	transition: border-radius 3s;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-erp, section#product-list.py-5 div.container div.erp{
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
	background: #fff;
	transition: border-radius 3s;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-tax, section#product-list.py-5 div.container div.tax{
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
	background: #fff;
	transition: border-radius 3s;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-data, section#product-list.py-5 div.container div.data{
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50% 50% 35% 65% / 74% 45% 55% 26% ;
	background: #fff;
	transition: border-radius 3s;
}
@keyframes border_radius_app {
  from {
    border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
  }

  to {
    border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
  }
}
@keyframes border_radius_web {
  from {
    border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
  }

  to {
    border-radius: 56% 44% 74% 26% / 56% 64% 36% 44%  ;
  }
}
@keyframes border_radius_digital {
  from {
    border-radius: 49% 51% 34% 66% / 42% 58% 42% 58% ;
  }

  to {
    border-radius: 62% 38% 52% 48% / 47% 71% 29% 53% ;
  }
}
@keyframes border_radius_erp {
  from {
    border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
  }

  to {
    border-radius: 50% 50% 35% 65% / 74% 45% 55% 26% ;
  }
}
@keyframes border_radius_tax {
  from {
    border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
  }

  to {
    border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
  }
}
@keyframes border_radius_data {
  from {
    border-radius: 50% 50% 35% 65% / 74% 45% 55% 26% ;
  }

  to {
    border-radius: 49% 51% 34% 66% / 42% 58% 42% 58% ;
  }
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-app:hover, section#product-list.py-5 div.container div.app:hover{
	border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(188deg, rgba(65,185,100,1) 0%, rgba(155,228,116,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_app;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-web:hover, section#product-list.py-5 div.container div.web:hover{
	border-radius: 56% 44% 74% 26% / 56% 64% 36% 44%  ;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(0deg, rgba(222,158,146,1) 0%, rgba(221,156,75,1) 39%, rgba(244,64,0,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_web;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-digital:hover, section#product-list.py-5 div.container div.digital:hover{
	border-radius: 62% 38% 52% 48% / 47% 71% 29% 53% ;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(0deg, rgba(146,222,222,1) 0%, rgba(93,217,228,1) 39%, rgba(60,133,235,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_digital;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-erp:hover, section#product-list.py-5 div.container div.erp:hover{
	border-radius: 50% 50% 35% 65% / 74% 45% 55% 26% ;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(0deg, rgba(235,63,4,1) 0%, rgba(222,193,166,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_erp;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-tax:hover, section#product-list.py-5 div.container div.tax:hover{
	border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(77deg, rgba(4,111,235,1) 0%, rgba(121,196,242,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_tax;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-data:hover, section#product-list.py-5 div.container div.data:hover{
	border-radius: 49% 51% 34% 66% / 42% 58% 42% 58% ;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(21deg, rgba(155,228,116,1) 0%, rgba(65,185,100,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_data;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
section#specialize .bubble-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
section#specialize div.container.py-5 div.text-center a.btn.btn-light.border.border-info.rounded-0.mr-3{
	background: #fff;
	transition: background 1s;
}
section#specialize div.container.py-5 div.text-center a.btn.btn-light.border.border-info.rounded-0.mr-3:hover{
	background: #05b7b8;
	transition: 1s;
}
section#specialize{
	background-image: url('../images/our-product-background.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}
section#blog.py-5{
	background-image: url('../images/our-product-background.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;	
}
section.trust-us.py-5 div.container div.row.text-center.border-bottom div.col-sm.px-3.py-3 img.img-thumbnail.border-0{
	background: transparent;
}
section.trust-us.py-5 div.container div.row.text-center div.col-sm.px-3.py-3 img.img-thumbnail.border-0{
	background: transparent;
}
section.trust-us.py-5 div.container div.row.row-cols-2.row-cols-md-3 div.col div.d-flex.justify-content-center.rounded img.img-thumbnail.border-0{
	background: transparent;
}
section.trust-us.py-5 div.container div.row.text-center div{
	display: flex;
	justify-content: center;
	align-items: center;
}
section#what-we-do.py-5 div.container div.row div.col-xl-6.padding{
	padding-top: 150px;
}
footer#footer.pt-5 div.container div.row.py-3 div.col-sm.text-right div.row div.col-xl-4.text-right a{
	color: #fff;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm.bubble-center div.hover-effect-app img.img-thumbnail{
	width: 35%;
}


section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-web{
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
	background: #fff;
	transition: border-radius 3s;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-digital{
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 49% 51% 34% 66% / 42% 58% 42% 58% ;
	background: #fff;
	transition: border-radius 3s;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-erp{
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
	background: #fff;
	transition: border-radius 3s;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-tax{
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
	background: #fff;
	transition: border-radius 3s;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-data{
	height: 150px;
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50% 50% 35% 65% / 74% 45% 55% 26% ;
	background: #fff;
	transition: border-radius 3s;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-app:hover{
	border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(188deg, rgba(65,185,100,1) 0%, rgba(155,228,116,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_app;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-web:hover{
	border-radius: 56% 44% 74% 26% / 56% 64% 36% 44%  ;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(0deg, rgba(222,158,146,1) 0%, rgba(221,156,75,1) 39%, rgba(244,64,0,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_web;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-digital:hover{
	border-radius: 62% 38% 52% 48% / 47% 71% 29% 53% ;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(0deg, rgba(146,222,222,1) 0%, rgba(93,217,228,1) 39%, rgba(60,133,235,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_digital;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-erp:hover{
	border-radius: 50% 50% 35% 65% / 74% 45% 55% 26% ;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(0deg, rgba(235,63,4,1) 0%, rgba(222,193,166,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_erp;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-tax:hover{
	border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(77deg, rgba(4,111,235,1) 0%, rgba(121,196,242,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_tax;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-data:hover{
	border-radius: 49% 51% 34% 66% / 42% 58% 42% 58% ;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(21deg, rgba(155,228,116,1) 0%, rgba(65,185,100,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_data;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
section#product-list.py-5 div.container div.app img{
	width: 100px;
	height: 100px;
}
section#product-list.py-5 div.container div.web img, div.digital img, div.data img, div.erp img, div.tax img{
	width: 85px;
	height: 85px;	
}
/*section#product-list.py-5 div.container div.app{
	width: 160px;
	height: 160px;
}*/
section#product-list.py-5 div.container div.app:hover{
	border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
	background: #000;
	display: block;
	height: 150px;
	width: 150px;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(188deg, rgba(65,185,100,1) 0%, rgba(155,228,116,1) 100%);
	transition: 1s;
	animation-duration: 0.9s;
	animation-name: border_radius_app;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
/*section#product-list.py-5 div.container div.web, div.digital, div.data, div.erp, div.tax{
	width: 160px;
	height: 160px;
}*/
section#product-list.py-5 div.container div.digital:hover{

}
section#product-list.py-5 div.container div.data:hover{

}
section#product-list.py-5 div.container div.erp:hover{

}
section#product-list.py-5 div.container div.tax:hover{

}

section.trust-us div.container div.row div.col div.d-flex{
	width: 50%;
}
footer#footer div.container div.row div.col-sm div.row div.col-sm a{
	color: #fff;
}
section.trust-us.py-5 div.container div.row.row-cols-2.row-cols-md-3 div.col.py-3.d-flex.justify-content-center.align-items-center div.d-flex.justify-content-center.rounded img.img-thumbnail.border-0{
	width: 70%;
}
/*responsive starts here*/
@media only screen and (max-width: 1199px){
	footer.pt-5 div.container div.row.py-3 div.col-sm.text-right div.row div.col-sm-4.text-right {
    	padding: 0;
	}
}
@media only screen and (max-width: 1199px){
	footer#footer.pt-5 div.container div.row div.col-sm div.row div.col-sm span{
		font-size: 14px;
	}
}
@media only screen and (max-width: 768px){
	footer#footer div.container div.row div.col-sm div.row div.row div{
		padding: 0
	}
	footer#footer div.container div.row div.col-sm div.row a img.img-fluid{
	}
	footer#footer div.container div.row div.col-sm div.row div.col-sm a{
		font-size: 14px;
	}
	@keyframes loader {
	  0% { border: 0px solid #c70e22; transform: translate(0,-0);}
	  15% { border: 0px solid #c70e22; transform: translate(0,-0);}
	  25% { border: 0px solid #c70e22; transform: translate(0,-0);}
	  35% { border: 0px solid #c70e22; transform: translate(0,-0);}
	  45% { border: 2px solid #c70e22; transform: translate(0,-0);}
	  50% { border: 3px solid #c70e22; transform: translate(0,-0);}
	  52% { border: 3px solid #c70e22; width: 8%;}
	  55% { border: 3px solid #c70e22; width: 8%;}
	  65% { border: 3px solid #c70e22; width: 7%;}
	  75% { border: 3px solid #c70e22; width: 7%;}
	  85% { border: 3px solid #c70e22; transform: translate(-302px,-352px); width: 9%;}
	  95% { border: 3px solid #c70e22; transform: translate(-302px,-352px); width: 9%;}
	  97% { border: 3px solid #c70e22; transform: translate(-302px,-352px); width: 9%;}
	  100% { border: 4px solid #c70e22; transform: translate(-302px,-352px); width: 9%;}
	}
}
@media only screen and (max-width: 767px){
	section.trust-us div.container div.row div:nth-child(2){
		border-right: 0 !important;
	}
	section.trust-us div.container div.row div:nth-child(3){
		border-right: 1px solid #dee2e6;
	}
	section.trust-us div.container div.row div:nth-child(4){
		border-bottom: 1px solid #dee2e6;
	}
	section.trust-us div.container div.row div:nth-child(5){
		border-left: 0 !important;
	}
}
@media only screen and (max-width: 600px) {
	section#spot-light.py-5 div.container div.row div.col-xl-6 h1.pr-5.font-weight-bold{
		text-align: center;
	}
	section#spot-light.py-5 div.container div.row div.col-xl-6{
		text-align: center;
	}
	section#spot-light.py-5 div.container div.row div.col-xl-6 a{
		border-radius: 4px !important;
	}
	section#our-products.py-3 div.margin-script div.row div.col-xl-6{
		width: 90%;
		margin: 0 auto;
	}
	html body header section#our-products.py-3 div.margin-script div.row div.col-xl-6:nth-child(2){
		margin-right: 0;
	}
	section#experience.py-5 div.container div.row.text-center.d-flex.justify-content-between div.col-sm-2{
		width: 50%;
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 4%;
	}
	footer#footer.pt-5 div.container div.row{
		display: flex;
		flex-direction: column-reverse;
	}
	section#our-products.py-3 div.margin-script div.row div.col-xl-6{
		margin: 0;
		width: 100%;
		padding-left: 50px;
	}
	body header section#our-products.py-3 div.margin-script div.row{
		width: 100%;
	}
}
@media only screen and (max-width: 575px){
	section#specialize div.container.py-5 div.row.text-center div.col-sm.bubble-center div.d-block{
		display: none !important;
	}
	section#specialize div.container.py-5 div.row.text-center div.col-sm.bubble-center{
		width: 50%;
	}
	section#specialize div.container.py-5 div.text-center.special{
		display: none;
	}
	header section#specialize div.container.py-5 div.row.text-center{
		display: inline-block;
	}
	header section#specialize div.container.py-5 div.row.text-center{
		display: flex;
	}
	footer#footer.pt-5 div.container div.row div.col-sm form{
		margin-bottom: 4%;
	}
	footer#footer.pt-5 div.container div.row div.col-sm.auto-product{
		width: 97%;
		margin-left: auto;
	}
	footer#footer.pt-5 div.container div.row div.col-sm.auto-company{
		width: 97%;
		margin-left: auto;
	}
	footer#footer.pt-5 div.container div.row div.col-sm.auto-company div.row div.row.mt-3{
		display: none;
	}
	footer#footer.pt-5 div.container div.row.py-3{
		display: flex;
		flex-direction: row;
	}
	footer#footer.pt-5 div.container div.row.py-3 div.col-sm.text-left{
		display: flex;
		justify-content: center;
		padding: 0;
		margin-bottom: 2%;
	}
	footer#footer.pt-5 div.container div.row.py-3 div.col-sm.text-right div.row{
		display: flex;
		justify-content: center;
		flex-direction: row;
	}
	footer#footer.pt-5 div.container div.row.py-3 div.col-sm.text-right div.row div{
		width: 50%;
		padding: 0;
		text-align: center;
		text-align: left;
		display: flex;
		justify-content: center;
	}
	footer#footer.pt-5 div.container div.row.py-3 div.col-sm.text-right div.row div.col-sm.text-right span.text-light.pr-2{
		font-size: 14px;
	}
	#specialize{
		display: none;
	}
	#specialize-mobile{
		display: block;
	}
	section#specialize div.container.py-5 div.row.text-center div.col-sm.bubble-center div.hover-effect-app img.img-thumbnail{
		width: 35%;
	}
	section#specialize-mobile div.container.py-5 div.row.row-cols-2.row-cols-md-3.d-flex.justify-content-center div.col.py-3{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	section#specialize div.container.py-5 div.row.text-center div.col-sm div.hover-effect-app{
		height: 150px;
		width: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
		background: #fff;
		transition: border-radius 3s;
	}
	section#specialize-mobile div.hover-effect-app{
		height: 150px;
		width: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
		background: #fff;
	}
	section#specialize-mobile div.hover-effect-app img{
		width: 35%;
	}
	section#specialize-mobile div.hover-effect-web{
		height: 150px;
		width: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
		background: #fff;
		transition: border-radius 3s;
	}
	section#specialize-mobile div.hover-effect-digital{
		height: 150px;
		width: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 49% 51% 34% 66% / 42% 58% 42% 58% ;
		background: #fff;
		transition: border-radius 3s;
	}
	section#specialize-mobile div.hover-effect-erp{
		height: 150px;
		width: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
		background: #fff;
		transition: border-radius 3s;
	}
	section#specialize-mobile div.hover-effect-tax{
		height: 150px;
		width: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
		background: #fff;
		transition: border-radius 3s;
	}
	section#specialize-mobile div.hover-effect-data{
		height: 150px;
		width: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50% 50% 35% 65% / 74% 45% 55% 26% ;
		background: #fff;
		transition: border-radius 3s;
	}
	section#specialize-mobile div.hover-effect-app:hover{
		border-radius: 63% 37% 63% 37% / 44% 58% 42% 56%;
		background: #000;
		display: block;
		height: 150px;
		width: 150px;
		margin: auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(188deg, rgba(65,185,100,1) 0%, rgba(155,228,116,1) 100%);
		transition: 1s;
		animation-duration: 0.9s;
		animation-name: border_radius_app;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	section#specialize-mobile div.hover-effect-web:hover{
		border-radius: 56% 44% 74% 26% / 56% 64% 36% 44%  ;
		background: #000;
		display: block;
		height: 150px;
		width: 150px;
		margin: auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(0deg, rgba(222,158,146,1) 0%, rgba(221,156,75,1) 39%, rgba(244,64,0,1) 100%);
		transition: 1s;
		animation-duration: 0.9s;
		animation-name: border_radius_web;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	section#specialize-mobile div.hover-effect-digital:hover{
		border-radius: 62% 38% 52% 48% / 47% 71% 29% 53% ;
		background: #000;
		display: block;
		height: 150px;
		width: 150px;
		margin: auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(0deg, rgba(146,222,222,1) 0%, rgba(93,217,228,1) 39%, rgba(60,133,235,1) 100%);
		transition: 1s;
		animation-duration: 0.9s;
		animation-name: border_radius_digital;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	section#specialize-mobile div.hover-effect-erp:hover{
		border-radius: 50% 50% 35% 65% / 74% 45% 55% 26% ;
		background: #000;
		display: block;
		height: 150px;
		width: 150px;
		margin: auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(0deg, rgba(235,63,4,1) 0%, rgba(222,193,166,1) 100%);
		transition: 1s;
		animation-duration: 0.9s;
		animation-name: border_radius_erp;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}

	section#specialize-mobile div.hover-effect-tax:hover{
		border-radius: 34% 66% 67% 33% / 37% 44% 56% 63% ;
		background: #000;
		display: block;
		height: 150px;
		width: 150px;
		margin: auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(77deg, rgba(4,111,235,1) 0%, rgba(121,196,242,1) 100%);
		transition: 1s;
		animation-duration: 0.9s;
		animation-name: border_radius_tax;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	section#specialize-mobile div.hover-effect-data:hover{
		border-radius: 49% 51% 34% 66% / 42% 58% 42% 58% ;
		background: #000;
		display: block;
		height: 150px;
		width: 150px;
		margin: auto 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(21deg, rgba(155,228,116,1) 0%, rgba(65,185,100,1) 100%);
		transition: 1s;
		animation-duration: 0.9s;
		animation-name: border_radius_data;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	section#specialize-mobile div.container.py-5 div.row.row-cols-2.row-cols-md-3.d-flex.justify-content-center div.col.py-3 h4{
		font-size: 18px;
	}

}
/*responsive ends here*/