/*----------------------slider-----------------*/
      .jssorl-004-double-tail-spin img {
            animation-name: jssorl-004-double-tail-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-004-double-tail-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 102 css*/
        .jssorb102 .i {position:absolute;cursor:pointer;}
        .jssorb102 .i .ci {fill:#fff;}
        .jssorb102 .i .co {fill:#000;opacity:.2;}
        .jssorb102 .i:hover .co {fill:#ff9933;opacity: 1;}
        .jssorb101 .i:hover .ci {fill:#000;}
        .jssorb102 .iav .ci {fill:#000;stroke-width:0;}
        .jssorb102 .iav .co {fill:#ffba04;opacity: 1;}
        .jssorb102 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 051 css*/
        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
:root {
    --primary: #61D13E;
    --secondary: #34AD54;
    --light: #EEF9FF;
    --dark: #091E3E;
}

body
{
	font-family: Poppins,sans-serif;
}
h1, h2, h3, h4, h5, p, labe, btn, a
{
  font-family: Poppins,sans-serif;

}
/*** Spinner ***/
.spinner {
    width: 40px;
    height: 40px;
    background: var(--primary);
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Heading ***/
h1,
h2,
.fw-bold {
    font-weight: 800 !important;
	font-family: Poppins,sans-serif;
}

h3,
h4,
.fw-semi-bold {
    font-weight: 700 !important;
	font-family: Poppins,sans-serif;
}

h5,
h6,
.fw-medium {
    font-weight: 600 !important;
	font-family: Poppins,sans-serif;
}


/*** Button ***/
.btn {
    font-family: Poppins,sans-serif;
	font-weight: 600;
    transition: .5s;
	display:none;
}

.btn-primary,
.btn-secondary {
    color: #FFFFFF;
    box-shadow: inset 0 0 0 50px transparent;
}

.btn-primary:hover {
    box-shadow: inset 0 0 0 0 var(--primary);
}

.btn-secondary:hover {
    box-shadow: inset 0 0 0 0 var(--secondary);
}
.in-touch .footer-icons a
{
	
}
#cookies {
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 99999;
  width: 100%;
	padding-top: 20px;
  transition: all 0.4s;
	background-color: #fff;
	    animation: fadeIn 1s;
	border: 1px solid #F2F2F2;
}
#cookies img
{
	width: 30px;
}

display: none;}
.in-touch .footer-icons a i
{
}
.btn-square {
    width: 20px;
    height: 20px;
	padding: 0px;
}

.btn-sm-square {
    width: 30px;
    height: 30px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.copywrite
{
	background-color: #061429;
}
.copywrite .p1
{
	color: #fff;
	margin-top: 10px;
	font-size: 12px;

}
.copywrite-inner
{
	height: 55px;
	margin-bottom: 0px;
}
.copywrite .p2
{
	color: #fff;
	font-weight: 100;
	margin-top: -10px;
	font-size: 12px;
}
p
{
	font-weight: 600;
	font-size: 14px;
	color: #666;
	
}
.inner-values
{
	height: 100%;
}
.gx-5 p
{
	color: #fff;
	font-weight: 500;
	font-size: 16px;
}
.justify-content-start a
{
	color: #fff;
}
.about-seo h5
{
	font-size: 18px;
}
.about-ppc h5
{
	font-size: 18px;
}
.about-values li
{
	list-style-type: none;
}
.about-us-dm-ul li
{
	width: 33.33%;
	float:left;
	list-style-type: none;
}
.about-dm-ul
{
	padding-left: 20px;
}
.about-dm-ul li
{
	list-style-type: square;
}
.tagline-banner
{
	padding: 120px 50px 20px 100px!important;
}
.dots li
{
	list-style-type: square;
}

.text-info
{
	color:#61D13E !important;
}

.text-primary
{
	color:#171d59 !important;
}
.bg-primary
{
	background-color:#171D59 !important;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
{
}
/*** Navbar ***/
.search-box-ul
{
	margin-top: 20px;
}
.search-box-ul li
{
	list-style-type: none;
	padding: 15px;
	border-bottom: 1px dashed #fff;
	text-align: center;
}
.search-box-ul li a
{
	color: #fff;
	font-weight: 600;
	font-size: 20px;
}
.white-btn
{
	background-color: #fff !important;
}
.white-btn:hover
{
	background-color: green !important;
}
@media(max-width:991px)
{
	.search-box-ul
	{
		
	}
}
.social-media-ul
{
	
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
  transition: all 0.5s;
  z-index: 997;
  padding: 10px 0;
}
.header.header-scrolled {
  background: #fff;
  padding: 15px 0;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
}
.header .logo {
  line-height: 0;
}
.header .logo img {
  max-height: 40px;
  margin-right: 6px;
}
.header .logo span {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #012970;
  font-family: Poppins,sans-serif;
  margin-top: 3px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
@media(max-width:991px)
{
	.demo-nav
{
	color: navy !important;
}
}

.navbar {
  padding: 0px;
}
.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}
.navbar li {
  position: relative;
}
.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-family: Poppins,sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: navy;
  white-space: nowrap;
  transition: 0.3s;
}
.dropdown ul li a
{
	color:navy;
}
.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: #61d13e;
}
.navbar .getstarted, .navbar .getstarted:focus {
  background: #171D59;
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 4px;
  color: #fff;
}
.getstarted:hover
{
	background-color:#61D13E ;
	color: #fff;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  margin: 0;
  padding: 0px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}
.navbar .dropdown-inner ul
{
  margin-top: 10px;
}
.navbar .dropdown ul li {
  min-width: 200px;
	border-bottom: 1px dashed lightgray;
}
.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 15px;
  text-transform: none;
  font-weight: 600;
}
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #fff;
	background-color: #61D13E;
}
.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
	}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
	}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
	  
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #012970;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}
.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}
.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(1, 22, 61, 0.9);
  transition: 0.3s;
	z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}
.navbar-mobile ul {
  display: block;
	z-index: 999;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}
.navbar-mobile a, .navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #012970;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #4154f1;
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
  margin: 15px;
}
.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
  min-width: 200px;
}
.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #4154f1;
}
.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}
/**------------slider---*/
.slider-inner
{
	padding:150px 20px 120px 100px;
	background-size: cover !important;
	text-align: left;
}
.slider-inner h1
{
	font-size: 46px;
	color:#DDFCE3 !important;
   font-family: Poppins,sans-serif;
	font-weight: 500;

}
.slider-inner p
{
font-size: 36px;
	color: #fff;
	font-family: Poppins,sans-serif;;

}
.slider-inner btn
{
	font-family: Poppins,sans-serif;
}
.slider-inner .inner-bg
{
	 background: rgba(9, 34,99, 70%);
	padding: 40px;
	width: 70%;
	margin: auto;
}
@media(max-width:991px)
{
	.slider-inner
	{
		padding: 115px 5px 60px 5px;
	}
  .slider-inner h1
    {
	font-size: 30px;
    }
	.carousel-control-prev, .carousel-control-next
	{
		display: none;
	}
	.slider-inner p
	{
		font-size: 22px;
	}
   }
@media(max-width:767px)
{
	.slider-inner
	{
		padding:100px 5px 40px 5px;
	}
		.slider-inner h1
{
	font-size: 28px;

}
	.slider-inner p
	{
		font-size: 25px;
	}

}
@media(max-width:575px)
{
	.slider-inner
	{
		padding:100px 0px 40px 0px;
	}
		.slider-inner h1
{
	font-size: 28px;

}
	.slider-inner p
	{
		font-size: 22px;
	}
	.slider-inner .inner-bg
	{
		width: 100%;
	}

}


/*** Section Title ***/
.section-title::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 5px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
}

.section-title.text-center::before {
    left: 50%;
    margin-left: -75px;
}

.section-title.section-title-sm::before {
    width: 90px;
    height: 3px;
}

.section-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 5px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section-title-run 5s infinite linear;
    animation: section-title-run 5s infinite linear;
}

.section-title.section-title-sm::after {
    width: 4px;
    height: 3px;
}

.section-title.text-center::after {
    -webkit-animation: section-title-run-center 5s infinite linear;
    animation: section-title-run-center 5s infinite linear;
}

.section-title.section-title-sm::after {
    -webkit-animation: section-title-run-sm 5s infinite linear;
    animation: section-title-run-sm 5s infinite linear;
}

@-webkit-keyframes section-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
}

@-webkit-keyframes section-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
}

@-webkit-keyframes section-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
}


/*** Service ***/
.service-item {
    position: relative;
    height: 300px;
    padding: 0 30px;
    transition: .5s;
}

.service-item .service-icon {
    margin-bottom: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    border-radius: 2px;
    transform: rotate(-45deg);
}

.service-item .service-icon i {
    transform: rotate(45deg);
}

.service-item a.btn {
    position: absolute;
    width: 60px;
    bottom: -48px;
    left: 50%;
    margin-left: -30px;
    opacity: 0;
}

.service-item:hover a.btn {
    bottom: -24px;
    opacity: 1;
}


/*** Testimonial ***/
.testimonial-carousel .owl-dots {
    margin-top: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: #DDDDDD;
    border-radius: 2px;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 30px;
    background: var(--primary);
}

.testimonial-carousel .owl-item.center {
    position: relative;
    z-index: 1;
}

.testimonial-carousel .owl-item .testimonial-item {
    transition: .5s;
	border-radius: 20px;
	margin: 7px;
}

.testimonial-carousel .owl-item.center .testimonial-item {
    background: #FFFFFF !important;
    box-shadow: 0 0 30px #DDDDDD;
}


/*** Team ***/
.team-item {
    transition: .5s;
}

.team-social {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
}

.team-social a.btn {
    position: relative;
    margin: 0 3px;
    margin-top: 100px;
    opacity: 0;
}

.team-item:hover {
    box-shadow: 0 0 30px #DDDDDD;
}

.team-item:hover .team-social {
    background: rgba(9, 30, 62, .7);
}

.team-item:hover .team-social a.btn:first-child {
    opacity: 1;
    margin-top: 0;
    transition: .3s 0s;
}

.team-item:hover .team-social a.btn:nth-child(2) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .05s;
}

.team-item:hover .team-social a.btn:nth-child(3) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .1s;
}

.team-item:hover .team-social a.btn:nth-child(4) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .15s;
}

.team-item .team-img img,
.blog-item .blog-img img  {
    transition: .5s;
}

.team-item:hover .team-img img,
.blog-item:hover .blog-img img {
    transform: scale(1.15);
}


/*** Miscellaneous ***/
@media (min-width: 991.98px) {
    .facts {
        position: relative;
        margin-top: -75px;
        z-index: 1;
    }
}
@media (max-width: 991.98px) {
    .facts {
        position: relative;
        margin-top: -85px;
        z-index: 1;
    }
}
.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}

.bg-header {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 00, 0, .5)), url(../img/home-bg2.jpg) center center no-repeat;
    background-size: cover;
	padding: 100px 0px 150px 0px;
}
.dm-header
{
	background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 00, 0, .5)), url(../img/hero-bg.jpg) center center no-repeat;
    background-size: cover;
	padding: 100px 0px 150px 0px;
}
.link-animated a {
    transition: .5s;
}

.link-animated a:hover {
    padding-left: 10px;
}
.about-footer-inner
{
	height: 20px !important.
}
@media(max-width:991px)
{
	.about-footer-inner 
	{
		padding: 40px !important;
	}
}

/*-------------------- portfolios-------------------*/
html,
body {
  height:100%;
}

div.header ul.nav li {
  float:left;
  margin:0 10px;
}
div.header ul.nav li:first-child {
  margin-left:125px;
}
div.header ul.nav li a {
  display:block;
  padding:0 10px;
  font-size:2em;
  letter-spacing:0.05em;
  line-height: 2.5em;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow:1px 2px 2px #000000;
  color: #E5E5E5;
}

.portfolio img
{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 35%);
}
.portfolio li
{
	width:28.3%;
	float: left;
	padding: 5px;
}

.middle
{
	position: relative;
    bottom: 224px;
	opacity: 0;
	background: rgba(24, 39, 179, 0.85);
	text-align: center;
	padding: 40px 30px 45px 30px;
	height: 230px;
}
.portfolio li img:hover + .middle
{
	opacity: 1;
}
.middle:hover
{
	opacity: 1;
}
.port-ul
{
	text-align: left;
	padding-left: 20px;
}
.port-ul li
{
	float: none;
	color: #fff;
	list-style-type: square;
	border-bottom: 1px dotted #fff;
	width: 100%;
}
.port-title
{
	width:15%;
}

@media(max-width:1180px)
{
	.middle
	{
		height: 190px;
		bottom: 190px;
		padding: 20px;
	}
}
@media(max-width:991px)
{
	
}
/*------------------portfilo page----------*/
.porfolio-detail
{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	padding: 15px;
	height: 100%;
	border-radius: 20px;
}
.porfolio-detail img
{
	border-radius: 20px;
}
.porfolio-detail li
{
	padding-top: 5px;
}
.text-port
{
	font-size:14px;
	font-weight: 500;
	font-family: Poppins,sans-serif;
}
.porfolio-detail img
{
	 transition: transform 1s;
}
.porfolio-detail img:hover
{
	-ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05);
}
.porfolio-detail:hover{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 /30%);
	
}
@media(max-width:991px)
{
	.porfolio-detail
	{
		height: 100%;
		width: 75%;
		margin: auto;
	}
}
@media(max-width:767px)
{
	.porfolio-detail
	{
		height: 100%;
		width: 100%;
	}
}




















/*---our all services-------*/
.inner-services
{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	padding: 30px;
	text-align: center;
	height: 100%;
}
.inner-services:hover
{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.45);
}
.inner-services i
{
	color: #000;
	font-size: 40px;
}
.inner-services h6
{
	color: #000;
}
.inner-services p
{
	color: #6B6B6B;
}





















/* 3D scene */
.scene {
  overflow: hidden;
  margin:0 auto;
  width:100%;
  height:100%;
  perspective: 1000px;
  perspective-origin: 50% 25%;
  backface-visibility:  hidden;
  transform-style:  preserve-3d;
}

@-webkit-keyframes zoom-roll-top {
  50% {
    transform: rotateX(-10deg) translateZ(-200px);
  }
  100% {
    transform: rotateX(0) translateZ(0);
  }
}
@-webkit-keyframes zoom-roll-middle {
  50% {
    transform: rotateX(-10deg) translateZ(-200px);
  }
  100% {
    transform: rotateX(0) translateZ(0);
  }
}
@-webkit-keyframes zoom-roll-bottom {
  50% {
    transform: rotateX(-10deg) translateZ(-200px);
  }
  100% {
    transform: rotateX(0) translateZ(0);
  }
}
@-moz-keyframes zoom-roll-top {
  50% {
    transform: rotateX(-10deg) translateZ(-200px);
  }
  100% {
    transform: rotateX(0) translateZ(0);
  }
}
@-moz-keyframes zoom-roll-middle {
  50% {
    transform: rotateX(-10deg) translateZ(-200px);
  }
  100% {
    transform: rotateX(0) translateZ(0);
  }
}
@-moz-keyframes zoom-roll-bottom {
  50% {
    transform: rotateX(-10deg) translateZ(-200px);
  }
  100% {
    transform: rotateX(0) translateZ(0);
  }
}

.roll-camera {
  transform-style: preserve-3d;
}
.roll-camera .move-camera {
  transform-style: preserve-3d;
  transform: translateY(0px);
  transition: all 3s ease-in-out;
}

body.view-top-shelf .roll-camera {
  animation: zoom-roll-top 3s ease-in-out;
}
body.view-top-shelf .roll-camera .move-camera {
  transform: translateY(0px);
}

body.view-middle-shelf .roll-camera {
  animation: zoom-roll-middle 3s ease-in-out;
}
body.view-middle-shelf .roll-camera .move-camera {
  transform: translateY(-200px);
}

body.view-bottom-shelf .roll-camera {
  animation: zoom-roll-bottom 3s ease-in-out;
}
body.view-bottom-shelf .roll-camera .move-camera {
  transform: translateY(-400px);
}

.wallpaper:before {
  content:"";
  display:block;
  width:100%;
  height:100%;
}
.shelf {
  position: absolute;
  left:50%;
  margin-left:-325px;
  transform-style:  preserve-3d;
  backface-visibility:  hidden;
  transform: rotateY(90deg) rotateX(90deg) translateX(199px);
}
.shelf.top {
  top: 450px;
}
.shelf.middle {
  top: 650px;
}
.shelf.bottom {
  top: 850px;
}
.shelf .face {
  position: absolute;
  top:0;
  left:0;
  background-color: #61D13E;
  
}
.shelf .front {
  width: 100px;
  height: 700px;
  transform-style: preserve-3d;
  transform: translateX(35px) translateY(-350px) translateZ(10px);
}
.shelf .back {
  width: 100px;
  height: 700px;
  transform: translateX(35px) translateY(-350px) translateZ(-10px);
}
.shelf .left {
  width: 20px;
  height: 700px;
  transform: translateX(25px) translateY(-350px) rotateY(-90deg) translateZ(0);
}
.shelf .top {
  width: 20px;
  height: 100px;
  transform: translateX(75px) translateY(300px) rotateX(90deg) rotateZ(90deg);
}
.shelf .bottom {
  width: 20px;
  height: 100px;
  transform: translateX(75px) translateY(-400px) rotateX(90deg) rotateZ(90deg);
}

/* lighting */
.shelf:before {
  content:"";
  display:block;
  width: 670px;
  height:20px;
  box-shadow: 0 -30px 40px 10px rgba(0, 0, 0, 0.5);
  transform:  rotateX(90deg)
              rotateY(90deg)
              translateX(-20px)
              translateZ(-200px)
              skew(-45deg);
}
.shelf .back:before {
  content:"";
  position: absolute;
  display:block;
  width: 100%;
  height:100%;
  background: rgba(0, 0, 0, 0.65);
}
.shelf .top:before,
.shelf .bottom:before,
.shelf .left:before,
.shelf .right:before {
  content:"";
  position: absolute;
  display:block;
  width: 100%;
  height:100%;
  background: rgba(0, 0, 0, 0.25);
}


/* photo cards */
.shelf .photocard {
  position: relative;
  display:block;
  width: 150px;
  height:100px;
  transform-style:  preserve-3d;
  transform:        rotateX(-90deg)
                    rotateY(270deg)
                    translateY(-50px)
                    translateZ(25px);
}
.shelf .photocard:after {
  content:"";
  position: absolute;
  bottom:0px;
  right:0;
  display:block;
  width: 100px;
  height:1px;
  box-shadow: 0 30px 30px 20px rgba(0, 0, 0, 0.5);
  transform:  rotateX(90deg)
              rotateZ(180deg)
              translateX(25px)
              translateY(-15px)
              skew(-45deg);
  
  /* don't apply box-shadow to FF (render bug) */
  -moz-transform: scale(0);
}
.shelf .photocard:nth-child(1n) {
  top:75px;
}
.shelf .photocard:nth-child(2n){
  top:200px;
}
.shelf .photocard:nth-child(3n){
  top: 325px;
}
.shelf .photocard img {
  display:block;
  width:150px;
  height: 100px;
  outline: 1px solid transparent; /* triggers anti-anliasing in FF */
}
/*----------------------------------our services page design----------------*/


.card {
    cursor: pointer;
	     font-family: Poppins,sans-serif;

}
p
{
	  font-family: Poppins,sans-serif;
}

.hd {
    font-size: 25px;
    font-weight: 550
}

.card.hover,
.card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2)
}

.img {
    margin-bottom: 35px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222)
}

.card-title {
    font-weight: 600
}

button.focus,
button:focus {
    outline: 0;
    box-shadow: none !important
}

.ft {
    margin-top: 25px
}

.chk {
    margin-bottom: 5px
}

.rck {
    margin-top: 20px;
    padding-bottom: 15px
}
.services-detail h4
{
	color: #61D13E;
	margin-top:20px;
}
.services-detail p
{
	font-size: 15px;
	line-height: 1.8;
	text-align: justify;
}
.services-detail ul li
{
	padding-top: 10px;
}

.types-tech ul
{
}
.types-tech .list-group-item
{
            float: left;
            width: 20%;
            background-color: #f2f2f2;
            border: 1px solid #fff;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            padding-top:90px;
            padding-bottom: 50px;
            color: #fff;
            text-align: center;
}

.types-tech .list-group-item a
{
    font-size:16px;
	color: #fff;
}
.types-tech .list-group-item a:hover
{
   font-size:17px;
}
.our-idea 
{
background-color:#f2f2f2;
}
.our-idea .row
{
    padding: 50px;
}
.our-idea img
{
    box-shadow: 15px 5px 30px 5px lightgray;
    
}
.our-idea .ml
{
    margin-left: 55px;
}
.dev-details i
{
    font-size: 16px;
    color:  #1a75ff;
}
.dev-details p
{
    text-justify: auto;
    padding-top: 12px;
    font-size: 16px;
}
@media (max-width:989px)
{
    .our-idea .ml
    {
        margin-left: 0;
    }
}

        @media (max-width:770px)
        {
            .types-tech .list-group-item
            {
                width: 50%;
            }
            #full-width
            {
                width: 100%;
            }
        
        
        }
        @media (max-width:554px)
        {

            .types-tech .list-group-item
            {
                width: 100%;
            }
          
        }

/*---------------------------web designing page---------------------*/
.top-banner-design
{
	background-color: #61D13E;
	padding: 180px;
}
#design-head
        {
            text-align: center;
    }
   
.techs li
{
	display: inline;
	border: none;
	
}
.techs li img
{
	width: 54px;
	height: 54px;
}
.creative-design-div i
{
	text-align: center;
	font-size: 14px;
	color: #61D13E;
}
.creative-design-div p
{
	text-align: center;
}
.design-detail
{
	
}
.design-detail .titile
{
	color: #61D13E;
}
.design-detail .inner-row
{
	box-shadow: 0 0 50px rgb(0 0 0 / 9%);
    border-radius: 10px;
	position: relative;
	margin-top:100px;
	padding-right: 130px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}
.design-detail .inner-row .img-div 
{
	position:absolute;
	width: 150px;
	height: 130px;
	right: 0;
	top: -60px;
	margin-right:-30px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 50px rgb(0 0 0 / 9%);
	padding: 15px;
	text-align: center;
}
.design-detail .inner-row img
{
   height: 100px;
}
.design-detail .inner-row2
{
	box-shadow: 0 0 50px rgb(0 0 0 / 9%);
    border-radius: 10px;
	position: relative;
	margin-top:100px;
	padding-left: 130px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 40px;
}
.design-detail .inner-row2 .img-div2
{
	position:absolute;
	width: 150px;
	height: 130px;
	left: 0;
	top: -60px;
	margin-left:-30px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 50px rgb(0 0 0 / 9%);
	padding: 15px;
	text-align: center;
}
.design-detail .inner-row2 img
{
   height: 100px;
}
.col-half
{
	width:90%;
	box-shadow: 2px 2px 10px 0px #999999;
	padding: 20px;
	position: relative;
	padding: 40px 120px 40px 40px;
}
.col-half p
{
	line-height: 2;
}
.col-half2
{
	width: 50%;
	position: absolute;
	box-shadow: 2px 2px 10px 0px #999999;
	left: 0;
	margin-left:38%;
	background-color: #fff;
	padding: 60px;
	margin-top:15%;
}

.col-half2 ul li
{
	display: inline;
	padding: 10px;
}
@media(max-width:991px)
{
	.top-banner-design
{
	padding: 60px;
}
	.col-half2
	{
		width: 100%;
		position: static;
		margin-left: 0%;
		margin-top: 1%;
	}
	.col-half
	{
		width: 100%;
		
	}
}

@media(max-width:767px)
{
		.col-half
	{
		width: 100%;
		padding: 20px;
		
	}
	.col-half p
	{
		line-height: 1.5;
	}
	
}
/* mobile app development css*/
.apps-type ul
{
	margin-left: 0px;
	padding: 0px;
}
        .apps-type .list-group-item
        {
            float: left;
            width: 20%;
            background-color: #f2f2f2;
            border: 1px solid #fff;
            text-align: center;
            font-size: 14px;
            font-weight: 600;
            padding-top: 30px;
        }
        .apps-type .list-group-item img
        {
            height: 50px;
        }
        .apps-type .list-group-item:hover
        {
            background-image: linear-gradient(to right,#ff595b 0,#f44 50%,#ff8f57 100%);
            color: #fff;

        }
        .apps-intro
        {
            margin-top: 250px;
        }
        .apps-intro  ul
        {
            background-color: #f2f2f2;
            padding: 15px;  
          
            
        }
        .apps-intro .item
        {
            margin: 0;
            background-color: #f2f2f2;
            font-size: 16px;
            list-style-type: none;
            
        }
.apps-intro .item p
{
	color: #000;
}
        .apps-intro .item i
        {
            font-size: 22px;
            color:#61D13E;
        }
        .row-blue
        {
            padding-left: 40px;
        }
        @media (max-width:770px)
        {
            .apps-type .list-group-item
            {
                width: 50%;
            }
            #full-width
            {
                width: 100%;
            }
            .apps-intro .left
            {
                margin-left: 0;
            }
             .row-blue
        {
            padding-left: 16px;
        }
        }
        @media (max-width:554px)
        {
      .app-banner
        {
            height: 180px;
        }
            .apps-type .list-group-item
            {
                width: 100%;
            }
            .apps-intro .h2
            {
                font-size: 20px;
                margin-top: 20px;
                font-weight: 700;
            }
        }

.blue-box
{
	width:100%;
	height: 49%;
	padding:18%;
	text-align: center;
}
.inner-img 
{
	position: relative;
	border-radius: 20px;
}
.inner-img img
{
	border-radius: 20px;
}
.why-us-app .overlay
{
  position: absolute; 
	border-radius: 20px;
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6); /* Black see-through */
  color: #f1f1f1; 
  width: 94.1%;
  height:100%;
  transition: .5s ease;
  opacity:1;
  color: white;
  font-size: 20px;
  text-align: center;
   cursor:pointer;
	text-align: center;
	padding:20% 10%;

}
.overlay-pink:hover
{
	  background-image: linear-gradient( rgba(
                0, 0,0, 0.62), rgba(
                  243, 14, 14, 0.48)) !important;
}

.why-us-app img
{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 35%);
}
.why-us-app .overlay:hover
{
	background-image: 
              linear-gradient( rgba(
                0, 0,0, 0.62), rgba(
                  6, 163, 218, 0.58));
}
.why-us-app .overlay p
{
	font-size: 25px;
	color: azure;
	font-weight: 800;
	margin-top: 15px;
}
.show-hide
{
	display: none;
	margin-top: -20px;
}
.show-hide li
{
	list-style-type:none;
	color: #fff;
	font-size:16px;
	font-weight: 500;
	padding: 2px;
}
.why-us-app .overlay:hover .show-hide
{
	display: block;
}
@media(max-width:991px)
{
	.blue-box
	{
     padding: 3%;	
	 padding-top: 8%;	
	}
}
@media(max-width:767px)
{
	.blue-box
	{
     padding: 3%;	
	 padding-top: 3%;	
	}
	.portfolio-img img
	{
		width:506px;
	}
}

/* reputation management css */

.reputation .inner
{
	text-align: center;
	padding: 20px;
	border: 1px solid #ECECEC;
}
.reputation .inner i
{
	font-size: 40px;
	padding: 15px;
	border: 3px solid #61D13E ;
	border-radius: 50%;
	margin-top: -50px;
	background-color: #fff;
	color: #61D13E ;
}
.reputation .inner:hover  i
{
	
	border: 3px solid #fff;
	border-radius: 50%;
	margin-top: -50px;
	background-color: #61D13E;
	color: #fff ;
	z-index: 3;
}
.reputation .inner:hover
{
	box-shadow: rgb(0 0 0 / 7.5%) 0px 1px 5px 0px;
}

.reputation .inner:hover img
{
	z-index: 0;
}
.repo-ul
{
	margin: 0;
	padding: 0;
}
.remove-complaints
{
	margin: 0;
	padding: 0;
}
.remove-complaints li
{
	list-style-type: none;
}
.remove-complaints li i
{
	color: #61D13E;
}
/*------------------ SEO----------------------*/
.seo-specialization .inner-info
{
	background-color: #61D13E; 
	padding: 20px;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 5%);
}
.seo-specialization .inner-info p
{
	color: #fff;
	line-height: 1.8;
	font-weight: 100;
	font-size: 16px;
}
.seo-specialization .inner-info .title
{
	font-size: 20px;
}
.seo-specialization .inner-white
{
	background-color: #fff; 
	padding: 20px;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 5%);
}
.seo-specialization .inner-white p
{
	color: #000;
	line-height: 1.8;
	font-weight: 100;
	font-size: 16px;
}
.seo-specialization .inner-white .title
{
	font-size: 20px;
	color: #000;
}
.free-audit 
{
  	padding: 25px;
}
.free-audit p
{
	color:#fff;
	font-size: 30px;
	padding: 0;
	margin: 0;
}
.set-us-apart li
{
	list-style-type: none;
	padding-top: 10px;
}
.set-us-apart li i
{
	color: #61D13E;
	font-size: 45px;
	padding-right: 10px;
}
.accordion a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
}
.accordion a:hover,
.accordion a:hover::after {
  cursor: pointer;
  color: #61D13E;
}
.accordion a:hover::after {
  border: 1px solid #61D13E;
}
.accordion a.active {
  color: #61D13E;
  border-bottom: 1px solid #61D13E;
}
.accordion a::after {
  font-family: 'Ionicons';
  content: '\f218';
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 1rem;
  color: #61D13E;
  padding: 2px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #61D13E;
  text-align: center;
}
.accordion a.active::after {
  font-family: 'Ionicons';
  content: '\f209';
  color: #61D13E;
  border: 1px solid #61D13E;
}
.accordion .content {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease 0.15s;
  -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s;
}
.accordion .content p {
  font-size: 1rem;
  font-weight: 300;
}
.accordion .content.active {
  opacity: 1;
  padding: 1rem;
  max-height: 100%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}
.benifits .inner img
{
	width:170px;
}
.benifits .inner
{
   box-shadow: 0px 0px 15px rgb(0 0 0 / 5%);
   padding:20px;
 }
.header-seo
{
background-image: url(img/seo-bg4.jpg);
background-position:top;
background-size:cover;
background-repeat: no-repeat;
padding: 100px;
 }
@media(max-width:767px)
{
  .header-seo
  {
    padding:30px;
   }
   .header-seo h2
   {
     font-size:26px;
    }
    .header-seo form
    {
      display:none;
     }
 }

@media(max-width:991px)
{
  .footer-about
  {
     margin-bottom:20px;
   }
 }
/*-------------- ppc-----------*/
.header-ppc .bg
{
	padding: 90px 20px 70px 20px;
}
.professional-help .inner , .professional-help2 .inner
{
	padding: 40px;
	 box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
}
.professional-help
{
	margin-top:-150px;
}
.benifits-ppc
{
	margin: 0;
	padding: 0;
	text-align: left;
}
.ppc-benifits .inner p
{
   margin-top:20px;
   font-size:18px;
 }
.benifits-ppc li
{
	list-style-type: none;
	padding: 15px;
	border-bottom: 1px solid #E8E8E8;
}
.ppc-benifits .border-right
{
	border-right:1px solid lightgray;
    padding:0;
}
.ppc-benifits img
{
	width: 250px;
    height:270px;
}

.cms-header 
{
	margin-top:70px;
}


@media(max-width:991px)
{
	.professional-help
{
	margin-top:0px;
}
	.header-ppc
{
	margin-top:0px;
}
	.cms-header 
{
	margin-top:0px;
}
.ppc-benifits .border-right
{
border:none;
 }
}
.why-us li
{
	list-style-type: square;
	padding: 6px;
	color: #fff;
}
/*-----------------------e commerce-------------*/
.top-banner-e-com
{
	padding: 30px;
}
.e-comm-features
{
	text-align: center;
}
.e-comm-features .inner
{
	box-shadow: 2px 2px 10px rgb(0 0 0 / 20%);
	padding: 40px;
	border-radius:50%;
	height: 200px;
	width: 200px;
	margin-left: 10%;
	transition: .4s;
}
.e-comm-features .inner img
{
	width:60px;
}
.e-comm-features .inner h5
{
	color: #000 !important;
	font-weight: 900 !important;
}
.e-comm-features .inner:hover
{
	box-shadow: -1px 3px 5px 10px #00000014 !important;
	border: 2px solid navy;
	transform: scale(1.04);
	
}
.e-comm-features .inner i
{
	font-size: 40px;
	color: #000;
}
.blue
{
	color: red;
}
@media(max-width:767px)
{
	.e-comm-features .inner
	{
		margin-left: 0%;
	}
}
/*-------------------woo commerce--------------*/
.top-banner-design-woo
{
	padding: 120px;
}
.woo-ul li
{
	border: none;
}
.woo-features img
{
	border-radius: 50px;
	width:100px;
	height: 85px;
}
.woo-features h5
{
	font-weight: 600;
}
.woo-features p
{
	font-size: 14px;
	text-align:justify;
}
.woo-features h5
{
	text-align: left;
}
.woo-features ul li
{
	font-size: 14px;
	text-align:justify;
	list-style-type: none;
}
.woo-features ul li i
{
	font-size:20px; 
}
.woo-features ul
{
	margin: 0;
	padding: 0;
}
.key-concepts .inner
{
	padding: 10px;
}
.key-concepts .inner:hover
{
	opacity: .8;
	cursor: pointer;
}
@media(max-width:991px)
{
	.top-banner-design-woo
	{
		padding: 100px 10px 60px 10px;
	}
}
/*-------------laravel---------*/
#bar-fixed.stickIt {
  top: 100px;
}

.laravel-features
{
	margin-top:30px;
}
.laravel-features li
{
	float: left;
	width:20%;
	list-style-type: none;
}

.laravel-features li i
{
	font-size:40px;
	border-radius: 60px;
	padding: 40px;
	color: #fff;
	border: 1px solid #fff;
}
.laravel-features li
{
	padding: 3%;
}
.laravel-features li h6
{
	font-size:30px;
	border-radius: 50%;
	padding: 35% 8%;
	color: #fff;
	border: 1px solid #fff;
	height: 150px;
	background: linear-gradient(to bottom,#072BD3,#030F46);
	opacity: .9;
	
}
.laravel-features li h6:hover
{
	opacity: 1;
}
.laravel-features li p
{
	font-weight: 800;
	font-size: 16px !important;
	color: #000 !important;
}
@media(max-width:1190px)
{
	.laravel-features li h6
{
	padding: 40% 8%;
	color: #fff;
	border: 1px solid #fff;
	height: 140px;
	
}
}
@media(max-width:991px)
{
	.laravel-features li h6
{
	font-size:20px;
	border-radius: 50%;
	padding: 35% 8%;
	color: #fff;
	border: 1px solid #fff;
	height: 100px;
}
	.laravel-features li 
	{
		
	}
}
.laravel-features li i:hover{
	opacity: .9;
}
.laravel-features li p
{
	margin-top:15px;
	font-size: 20px;
}
.laravel-services .inner
{
	padding: 45px;
	box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
}
.laravel-services .inner:hover
{
	box-shadow: 2px 2px 30px rgb(0 0 0 / 10%);
}

.laravel-services .inner p
{
	color: #000;
}
.laravel-banner
{
	padding: 200px;
	background-size: cover;
}
.laravel-banner-info
{
	margin-top: -150px;
	background-color:#fff;
	z-index: 3;
	padding: 40px;
}
.laravel-banner-info ul li
{
	list-style-type: none;
	padding: 6px;
	color: #000;
}
.laravel-banner-info ul li i
{
	color: #61D13E;
}
.laravel-banner-info p
{
	color: #000;
}
.experts p
{
	margin-top:10px;
}


@media(max-width:767px)
{
	.laravel-features li 
	{
		width:33%;
	}
	.laravel
	{
		margin-bottom: 160px;
	}
	.laravel-features li h6
	{
		font-size: 25px;
		padding: 50px 10px;
		height: 130px;
	}
}
@media(max-width:500px)
{
	.laravel-features li 
	{
		width: 50%;
	}
	.laravel-features li h6
	{
		font-size: 25px;
		height: 150px;
		width: 150px;
		margin: auto;
		padding-top: 60px;
	}
	.last-round
	{
		width:200px;
	}
	.laravel
	{
		margin-bottom: 50px;
	}
	.laravel-services .inner h4
{
	margin-top: 7px;
}
	
}

/*-----------magento--------------*/
.magento-header
{
	padding: 80px;
}
.magento-ppc li
{
	border: none;
	list-style-type: none;
	padding: 6px;
		
}
.magento-ppc li i{
	color: #61D13E;
}
.why-magento .inner
{
	padding: 20px;
	text-align: center;
	cursor: pointer;
}
.why-magento .inner:hover
{
	opacity: .9;
}
.why-magento .inner p
{
	color: #fff;
}
.magento-services .inner
{
	padding: 80px;
	background-size: cover;
}

.magento-services .inner:hover
{
	opacity: .7;
}
.magento-services .inner .btn
{
	display: none;
}
.magento-services .inner:hover .btn
{
}
.professional-help2
{
	margin-top:-130px;
}
@media(max-width:991px)
{
	.professional-help2
{
	margin-top:0px;
}
	.magento-services .inner
	{
		padding: 120px;
	}
	.magento-services .inner:hover{
		padding: 120px;
	}
	.magento-services .inner:hover .btn
{
	display: none;
}

}

@media(max-width:767px)
{

.magento-header
{
	padding: 40px;
}
}
/*-----------------------------Custom e commerce-----------*/
.shopify .bg
{
	padding:40px 70px; 
}
.custom-intro ul li
{
	list-style-type: none;
	padding: 5px;
}
.more-info-custom ul li
{
	list-style-type: none;
}
.custom-front-end .inner
{
	padding: 20px;
}
.custom-front-end .inner p
{
	color: #000;
	margin-top: 6px;
}
.custom-front-end .inner h5
{
	color:navy;
	border-bottom: 3px solid navy;
	border-right-style:ridge;
	padding: 5px;
	margin: auto;
}
/*----------shopify development-------*/
.about-shopify .inner
{
	padding:5px 40px 40px 40px;
	box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
}
.about-shopify .inner:hover
{
	box-shadow: 2px 2px 10px rgb(0 0 0 / 20%);
}
.about-shopify .inner p
{
	font-size:34px;
	color: lightgray;
	font-weight: 700;
	text-align: left;
}
.about-shopify .inner i
{
	color: #61D13E;
	font-size: 50px;
	font-weight: 100;
	padding-bottom: 20px;
}
.about-shopify .inner h6
{
	margin-top: 10px;
	font-size:22px;
}
.shopify-pricing .inner
{
	padding: 40px;
	box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
}
.shopify-pricing .inner h5
{
	font-size:17px;
	font-weight: 600;
	color: #61D13E;
}
.shopify-pricing .inner i
{
	font-size: 40px;
	color: #61D13E;
}
@media(max-width:991px)
{
	.shopify-form
	{
		margin-top: 50px;
	}
	.shopify .bg
	{
		padding: 100px 10px;
	}
}

@media(max-width:767px)
{
	.shopify .bg
	{
		padding: 100px 10px;
	}
}
/*-----------php development-----*/
.border-right
{
	border-right: 1px dotted lightgray;
}
.php-services a
{
	 box-shadow: 0 .5rem 1rem rgba(0,0,0,.25);
}
.php-services-offer .inner-php
{
	transition: 1s;
}
.php-services-offer .inner-php:hover
{
	background: linear-gradient(to bottom,#072BD3,#030F46);
	transform: scale(1.01);
}
.php-services-offer .inner-php:hover p
{
	color: #fff !important;
}
.php-services-offer .inner-php:hover h5
{
	color: #fff !important;
}
.border-bottom1
{
	border-bottom: 1px dotted lightgray;
}
.php-info-ul
{
	padding-left: 20px;
}
.php-info-ul li
{
	list-style-type: square;
	padding:5px; 
	color: #000;
}
.php-in-blogs img
{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.25);
}
.php-info .inner
{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	height: 100%;
	border-radius: 20px;
	transition: 1s;
}
.php-info .inner:hover
{
	background: linear-gradient(to bottom,#61D13E,#2E7119);
}
.php-info .inner:hover p, .php-info .inner:hover h5
{
	color: #fff !important;
}
@media(max-width:991px)
{
	.border-right, .border-bottom
	{
		border: none;
	}
	.border-bottom
	{
		border: none;
	}
}
@media(max-width:767px)
{
	.border-right, .border-bottom
	{
		border: none;
	}
}
/*---- java development----*/
.banner-java
{
	padding: 60px;
}
.inner-java
{
	margin: 40px;
	padding: 20px;
	box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
	margin-right: -100px;
	z-index: 3;
}
.java-benifits li
{
	list-style-type: none;
}
.java-benifits li i
{
	color:#A3F85A; 
}
.java-services img
{
	box-shadow: 2px 2px 10px rgb(0 0 0 / 40%);
}
.java-services img:hover
{
	cursor: pointer;
	opacity: .9;
	
}
.advanced-java ul li
{
	list-style-type: none;
	color: #000;
	text-align: left;
	padding: 8px;
	border-bottom: 1px dashed lightgray;
}
.technology-stack .inner
{
box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);	
	padding: 20px;
	background-color: #FAFFF6;
	height:100%;
}
.advanced-java ul li i
{
	color: #61D13E;
}
.technology-stack ul li
{
	list-style-type: square;
	color: #000;
	text-align: left;
}
@media(max-width:991px)
{
	.inner-java
	{
		margin-right: 0;
		margin: 0;
	}
}
/*--------------full stack development---*/
.full-stack-tech .inner
{
	border: 1px solid #f1f1f1;
}
.full-stack-tech .inner:hover
{
		opacity: .8;
	cursor: pointer;
	background-color: #fff !important;
}
.custom-full-stack
{
	margin: 0;
	padding: 0;
}
.custom-full-stack li
{
	list-style-type: none;
	text-align: left;
	color: #000;
	padding: 12px;
	border-bottom: 1px dashed lightgray;
}
.more-info li
{
	list-style-type: none;
	text-align: left;
	border-bottom: 1px dashed #fff;
	color: #fff;
	padding: 14px;
}
.rating , .rate-us
{
	margin: 0;
	padding: 0;
}
.rating li , .rate-us li
{
	list-style-type: nonel;
	display: inline;
}
.rating li i, .rate-us li iweb-details
{
	font-size: 40px;
}
.rating li i
{
	color: #FAF835;
}
.rate-us li i
{
	color: #C5C4C4;
}
/*----mircosoft-----*/
.web-details 
{
	padding:100px 20px 70px 20px; 
}
.web-details  .inner-values
{
	padding: 30px;
}
.web-details  .inner-values h5
{
	margin-bottom: 40px;
	margin-top: 25px !important;
}
.read-more
{
	margin-top: 4px;
	background-color: #fff;
	color: green;
	border: none;
	font-size: 16px;
}
.read-more:hover
{
	border: 1px solid green;
	margin-top: 4px;
	background-color: #fff;
	color: green;
	font-size: 16px;
	
}
.more:hover
{
	padding: 5px;
	border: 1px solid red;
}
.microsoft .inner label
{
	font-family: Poppins,sans-serif;
}
.microsoft .inner-white
{
	background-color: white;
	 box-shadow: 0 .5rem 1rem rgba(0,0,0,.25);
}
.microsoft .inner-white label , .microsoft .inner-white label i
{
	color: navy;
}
.microsoft .inner
{
	border-radius: 20px;
	transition: 1s;
}
.microsoft .inner:hover
{
	background-color: #000;
	transform: scale(1.03);
}
.microsoft .inner-white:hover label, .microsoft .inner-white:hover i
{
	color: #fff;
}
.microsoft .inner-blue
{
	background-color: navy;
	 box-shadow: 0 .5rem 1rem rgba(0,0,0,.25);
}
.microsoft .inner-blue label , .microsoft .inner-blue label i
{
	color: #fff;
}
.web-tech-list
{
	margin: 0;
	padding: 0;
}
.web-tech-list li{
	float: left;
	list-style-type: none;
	font-family: Poppins,sans-serif;
	width: 20%;
	text-align: center;
}
.web-tech-list li a
{
	color: #000;
	font-weight: 600;
}
.microsoft-techs img
{
	transition: 1s;
}
.microsoft-techs .inner:hover img
{
	transform: scale(1.2);

}
.microsoft-techs .inner
{
	border: none;
	border-radius: 20px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.25);
	height: 100%;
	background-color: white !important;
	transition: .5s;
}
.microsoft-techs .inner:hover 
{
	background-color: white !important;
}
.microsoft-techs .inner:hover 
{
	transform: scale(1.01);
}
.microsoft-techs .col-md-4
{
	transition: 1s;
	border-radius: 20px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.25);
}
.microsoft-techs .col-md-4:hover
{
}
.custom-full-stack li
{
	font-family: Poppins,sans-serif;
}
.shopify-pricing .inner
{
	border-radius: 20px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.25);
}
.shopify-pricing .inner ul li:hover
{
	background-color: azure;
	cursor: pointer;
}
.microsoft-advantages .inner
{
		border-radius: 20px;
}
.microsoft-advantages .inner
{
	transition: .5s;
	height: 100%;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.25);
}
.microsoft-advantages .inner:hover
{
	background-color: #171D59 !important;
	
}
.microsoft-advantages .inner:hover p
{
	color: #fff !important;
	transform: scale(1.01);
}
@media(max-width:767px)
{
	.microsoft
{
	padding: 100px 10px;
	
}
	.web-tech-list li
	{
		width: 100%;
		border-bottom: 1px dashed lightgray;
		padding: 2px;
	}
}
/*----------lamp stack-----------*/
.lamp-techs li
{
	list-style-type: none;
	display: inline;
	width: 25%;
}
.lamp-techs li img
{
	width: 200px;
}
.more-about-lamp li
{
	list-style-type: none;
	border-bottom: 1px dashed lightgray;
	padding: 12px;
	color: #000;
}
.more-about-lamp li i
{
	color:#61D13E;
}

.more-about-lamp-rows i
{
	color: #61D13E;
	font-size: 28px;
	flex: right;
	text-align: right;
}
.why-magento .inner
{
	transition: .5s;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	border-radius: 20px;
}
.why-magento .inner:hover
{
   transform: scale(1.06);
}
.software-squade:hover
{
	
}
.more-about-lamp-rows
{
	box-shadow: 0 0 .9375rem .125rem rgba(35,66,104,.15)!important;
	padding: 20px 3px 10px 3px;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 15px;
	background-color: #fff;
	transition: 2s;
	border-radius: 20px;
}
.more-about-lamp-rows:hover
{
    background: linear-gradient(to bottom,#61D13E,#2E7119);
	cursor: pointer;
	transform: scale(1.01);
	border-radius: 20px;
}
.more-about-lamp-rows:hover h6
{
    color: #fff;
}
.more-about-lamp-rows:hover p
{
    color: #fff;
}
.more-about-lamp-rows:hover i
{
    color: #fff;
}
.why-lamp .inner-info
{
	background: linear-gradient(to bottom,#072BD3,#030F46);
	border-radius: 20px;
	transition: .5s;
}
.why-lamp .inner-info:hover, .why-lamp .inner-white:hover
{
	transform: scale(1.02);
}
.why-lamp .inner-white
{
	border-radius: 20px;
	transition: .5s;
}
/*--slider---*/
section {
  width: 100%;
  
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;
}
.slide-image {
  position: absolute;
  top: -200px;
  left: -200px;
  width: calc(100% + 400px);
  height: calc(100% + 400px);
  background-position: 50% 50%;
  background-size: cover;
}
.slide-title {
  font-size: 4rem;
  line-height: 1;
  max-width: 50%;
  white-space: normal;
  word-break: break-word;
  color: #FFF;
  z-index: 100;
  	     font-family: Poppins,sans-serif;

  text-transform: uppercase;
  font-weight: normal;
}
@media(max-width:767px)
{
	.slide-title
	{
		font-size: 40px;
	}
}
@media (min-width: 45em) {
  .slide-title {
    font-size: 7vw;
    max-width: none;
  }
}
.slide-title span {
  white-space: pre;
  display: inline-block;
  opacity: 0;
}

.slideshow {
  position: relative;
}
.slideshow-pagination {
  position: absolute;
  bottom: 5rem;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: .3s opacity;
  z-index: 10;
}
.slideshow-pagination-item {
  display: flex;
  align-items: center;
}
.slideshow-pagination-item .pagination-number {
  opacity: 0.5;
}
.slideshow-pagination-item:hover, .slideshow-pagination-item:focus {
  cursor: pointer;
}
.slideshow-pagination-item:last-of-type .pagination-separator {
  width: 0;
}
.slideshow-pagination-item.active .pagination-number {
  opacity: 1;
}
.slideshow-pagination-item.active .pagination-separator {
  width: 10vw;
}
.slideshow-navigation-button {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 5rem;
  z-index: 1000;
  transition: all .3s ease;
  color: #FFF;
}
.slideshow-navigation-button:hover, .slideshow-navigation-button:focus {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}
.slideshow-navigation-button.prev {
  left: 0;
}
.slideshow-navigation-button.next {
  right: 0;
}

.pagination-number {
  font-size: 1.8rem;
  color: #FFF;
  	     font-family: Poppins,sans-serif;
  padding: 0 0.5rem;
}

.pagination-separator {
  display: none;
  position: relative;
  width: 40px;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
  transition: all .3s ease;
}
@media (min-width: 45em) {
  .pagination-separator {
    display: block;
  }
}
.pagination-separator-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  transform-origin: 0 0;
}
/*-----------ios---------*/
.ios-chars .inner
{
	padding: 30px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	border-bottom-style: groove;
	border-bottom-color: navy;
}
.ios-stories .inner
{
	padding: 140px;
}
.ios-stories .inner:hover
{
	padding: 140px;
	opacity: 1;
}
.ios-stories .inner-info
{
	background-color: #fff;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	width: 80%;
	margin:-80px auto;
	padding: 1px 10px 20px 10px;
}
@media(max-width:991px)
{
	.ios-stories .inner
{
	padding: 200px;
}
	.mr-top
	{
		margin-top: 100px;
	}
	
}










/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: #4154f1;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #6776f4;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}
/*----------------------whatsap button.............*/
.whatsap {
  position: fixed;
  right: 15px;
  bottom: 100px;
  z-index: 99999;
  width: 40px;
  height: 40px;
  transition: all 0.4s;
}
.whatsap i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.whatsap.active {
  visibility: visible;
  opacity: 1;
}
/*-------call us----*/
.call-us
{
	position: fixed;
	display: none;
  right: 15px;
  bottom: 300px;
  z-index: 99999;
  width: 40px;
  height: 40px;
  transition: all 0.4s;
}
.score-round
{
	width:18%;
	background-color: #171d57;
	padding: 30px 20px 40px 20px;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	float: left;
	height: 150px;
	margin: 1%;
}
.score-round h6
{
	color: #fff;
	font-size: 20px;
		font-family: Poppins,sans-serif;

}
@media(max-width:991px)
{
	.score-round
	{
		height: 120px;
		padding: 20px 20px 60px 20px;
	}
	.score-round h6
	{
		font-size: 16px;
		
	}
	
}
@media(max-width:767px)
{
	.score-round
	{
		height: 120px;
		padding: 20px 20px 60px 20px;
		width: 47%;
	}
	p
	{
		margin-left:0% !important;
	}
	
}
.what-we-do .inner-blue
{
	padding: 30px 20px;
	color: #fff;
	background: linear-gradient(to bottom,#2B77CD,#030F46);
}
.what-we-do .inner-blue:hover
{
	padding: 30px 20px;
	color: #fff;
	background:green;
}
.what-we-do .bg-2
{
	background-image: url("../img/blog-1.jpg");
	transition: all 1s;
}
.what-we-do .bg-1
{
	background-image: url("../img/blog-2.jpg");
	transition: all .5s;
}
.what-we-do .bg-1:hover {
    transform: scale(1.02);
}
.what-we-do .bg-2:hover {
    transform: scale(1.02);
}
.inner-blue p
{
	color: #fff;
	line-height: 1.5;
}
.inner-blue i
{
	color: #fff;
}
.inner-blue h5
{
	color: #fff;
}
.inner-blue:hover 
{
	opacity: .9;
}
.bg-inner
{
	padding: 100px;
}
.flow li
{
	display: inline;
	float: left;
	width: 25%;
}
/*------------who we are-------------*/
.what-we-do-inner
{
	padding: 15px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	height: 100%;
	border-radius: 20px;
}
.what-we-do-inner:hover 
{
	background-color:#61D13E;
}
.what-we-do-inner:hover p
{
	color:#fff;
}
.hover-me-div h5
{
	color: navy;
	font-size: 22px;
}
.hover-me-div p
{
	color: #000;
	margin-top: 10px;
}
.hover-me-div:hover
{
	cursor: pointer;
	
}
.values
{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 25%);
	border:none !important;
}
.values:hover{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 25%);
}
.hover-me-div:hover h5
{
	font-size: 24px;
}
.hover-me-div:hover p
{
}
/*---platinum review------*/
.platinum-reviews-li
{
	width:50%;
	float: left;
	padding: 20px;
}
@media(max-width:991px)
{
	.platinum-reviews-li
{
	
}
	.platinum-reviews-li
	{
		width: 100%;
		text-align: left !important;
		border: none !important;
	}
}

/*----------services----------*/
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 320px;
  perspective: 1000px;
	padding: 15px 5px;
}
.flip-card-front
{
	border-radius: 20px;
}
.flip-card-inner img
{
	height: 320px;
	width: 100%;
	background-color: transparent;
}
.flip-outer
{
	box-shadow: 0px 5px 12px 1px #E5E2E2;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 290px;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
	background-color: transparent;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: transparent;
  color: black;
}

.flip-card-back {
  background-color:#171d59;
  color: white;
  transform: rotateY(180deg);
	padding: 10px;
	border-radius: 20px;
}
.ul-flip
{
	padding-left: 20px;
	text-align: left;
}
.ul-flip li
{
	list-style-type: square;
	text-align: left;
	padding:7px;
	border-bottom: 1px dashed #fff;
}
.ul-flip li a
{
	color: #fff;
}
.row-2-flip
{
	margin-top: 65px;
}
@media(max-width:991px)
{
	.flip-card {
		background-color: transparent;
  width: 100%;
  height: 330px;
		margin: auto;

}
	.row-2-flip
{
	margin-top: 10px;
}
	
}
@media(max-width:767px)
{
	.flip-card {
 
}
}
/*----------------request a qutoe----*/
.checkbox li
{
	list-style-type: none;
}
.checkbox
{
	margin: 0;
	padding: 0;
}
.form-control
{
	border-color:gray !imprortant;
}
.bg-form
{
	background: linear-gradient(to bottom,#45B39D,#117864);
	color: #fff;
}
.bg-request
{
	padding: 160px 10px 90px 10px;
}
.bg-request .bg
{
	width: 70%;
	margin: auto;
}
.input-group-prepend
{
	width:100px;
}
.checkbox li
{
	float: left;
	width:20%;
}
.check-me
{
	background-color: #66CC33;
	padding: 10px;
	margin: 10px;
	border: 1px solid #C9C6C6;
	border-radius: 10px;
}
.check-me .form-check-input
{
	border-radius: 50%;
	font-weight: 700;
	font-size:18px;
}
.check-label
{
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	margin-top: 75px;
}
.form-control:focus 
{ 
	border: 1px solid #C9C6C6;
	outline: none;
	box-shadow: none;
}
.submit-form
{
	border:none;
	background-color: #000;
	margin: auto;
	opacity:1;
	
}
.submit-form:hover
{
	opacity:.9;
}
.form-up
{
	margin-top: -150px;
	background-color: #fff;
	z-index: 9999;	
	padding: 30px;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	height: 100%;
}
@media(max-width:991px)
{
	.checkbox li
{
	float: left;
	width:50%;
}
	
}
/*-------work flow-----------------*/
.flow li
{
	float: left;
	width:14.2%;
}

.flow h6 {
  transition: all 800ms ease-in-out;
	padding: 15px 10px;
	font-size: 14px;

}
.flow li:hover h6
{
	  -ms-transform: rotate(360deg); /* IE 9 */
  -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  transform: rotate(360deg);
	font-size: 17px;
}
.flow h6:hover {

}
@media(max-width:991px)
{
	.flow h6:hover
	{
		border: none;
	}
}
@media(max-width:767px)
{
	.flow li
{
	float: left;
	width:100%;
}
	hr
	{
		 display: none;
	}
	.flow h6:hover
	{
		transform: none;
		border: none;
		margin-top: 0px;
		font-size: 16px;
	}
	
}
/*-------------about us new--------------------------*/
.slider-inner-about
{
	padding: 180px 80px 120px 140px;
	text-align: left;
	background-size: cover;
}
.about-us-ul
{
	text-align: center;
	margin: auto;
	width: 100%;
}
.about-us-ul li
{
	list-style-type: none;
	float: left;
	padding-left: 8%;
}
.about-us-ul li label
{
  font-size: 17px;
}
.about-us-ul li label:hover
{
  color: navy;
}
.vision .about-img
{
	border: 5px solid lightgray;
}
.title-vision
{
	font-size: 30px;
	color: navy;
}
.vision-inner p
{
	border: 2px solid lightgray;
	padding: 8px 0px 8px 0px;
	width: 80%;
}
.vision-inner p img
{
	margin-left: -15px;
	z-index: 9999;
	background-color: #fff;
	padding: 10px 10px 20px 0px;
	
}
.flow-about li
{
	width:20%;
}
.flow-about li h6
{
	margin-top: -10px;
}
.flow-about li h6:hover
{
	border: none;
	margin: 0px;
	
	font-size: 18px;
}
.flow-about img
{
	border: 1px solid #000;
	padding: 10px;
	border-radius: 20px;
}
.values-details img
{
	width:70px;
}
.inner-values
{
	box-shadow: 0px 5px 12px 1px #e5e2e2;
	padding: 10px;
	border-radius: 20px;
	border: 1px solid green;
}
.inner-values:hover{
	box-shadow: 0px 5px 20px 1px #e5e2e2;
}
.inner-values:hover img{
	-ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05);
}
#about-us img
{
	 transition: transform 1s;
}
#about-us img:hover
{
	-ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05);
}
@media(max-width:991px)
{
	.about-us-ul li
{
	list-style-type: none;
	float: left;
	padding-left: 3%;
}
	.flow-about
	{
		margin: 0px;
		padding: 0px;
	}
	#believe
	{
		margin-top:80px;
	}
}
@media(max-width:767px)
{
	.slider-inner-about
{
	padding: 140px 80px 80px 80px;
}
	#believe
	{
		margin-top:360px;
	}
	.about-us-ul li
{
	list-style-type: none;
	float: left;
	padding:10px;
	width:100%;
	padding-left: 0px;
	border-bottom: 1px dotted gray;
}
	.vision-inner p
	{
		margin-top: 20px;
	}
	.title-vision
	{
		font-size: 20px;
	}
	.about-us-ul
	{
		margin: 0px;
		padding: 0px;
		
	}
	.flow-about li
{
	  width: 20%;
}
	.flow-about li hr
	{
		display: block !important;
	}
	.flow-about
	{
		margin: 0px;
		padding: 0px;
	}
	
}

/*-------------------- web-------------------------*/
.web-ul
{
	margin: 0px;
	padding: 0px;
	
}

.web-ul li
{
	width: 30%;
}
.web-details .inner-values
{
	background-color: #fff;
	border: none;
	border-bottom-style: groove;
	border-bottom: 2px solid #103B1C;
	transition: .5s;
}
.web-details .inner-values:hover
{
	transform: scale(1.1);
	border-bottom: none;
}
.web-details .inner-values img
{
	width:150px;
	height: 130px;
}

.web-details .inner-values
{
	height: 100%;
}

.web-form .input-group-prepend
{
	width: auto;
	text-align: left;
	padding: 15px;
}
.web-form .input-group-prepend label
{
	color: #fff;
}
.flow-big li:hover h6
{
	 -ms-transform: rotate(360deg); /* IE 9 */
  -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  transform: rotate(360deg);
}

/*---------------------mobile------------------------*/
.mobile-details .inner-values img
{
	width:64px;
	height: auto;
}
.e-comm-features img
{
	width: 80px;
}

a {
}

a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
}

/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
    background-color: black;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

#header.header-scrolled, #header.header-inner-pages {
  background: rgba(40, 40, 40, 0.9);
}

#header .logo {
  font-size: 28px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
}

#header .logo a {
  color: #fff;
}


.inner-text
{
    background-color: #262626;;
    opacity: .8;
    width:50%;
    height:180px;
    text-align: center;
    align-self: center;
    padding: 20px;
    
}
.carousel-bg
{
    padding:200px;
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 992px) {
  #header {
    border: 0;
    padding: 15px 0;
  }
}



*{
  margin:0;
  padding:0;
}

.box
{
	height: 100%;
}
.height1
{
	margin-top: 250px;
}
.height2
{
	margin-top: 320px;
}
.padding-left-right
{
	padding-left: 6%;
	padding-right: 6%;
}
@media(max-width:991px)
{
	.padding-left-right
{
	padding-left: 0%;
	padding-right: 0%;
}
	.height1, .height2
	{
		margin-top: 10px;
	}
	.height2
	{
		margin-bottom: 0px !important;
	}
}

@keyframes animate {
  0% {
  transform:scaleX(0);
  transform-origin: left;
  }
  50%
  {
    transform:scaleX(1);
  transform-origin: left;
  }
  50.1%
  {
    transform:scaleX(1);
  transform-origin: right;
    
  }
  
  100%
  {
    transform:scaleX(0);
  transform-origin: right;
    
  }
  
  
} 
/*----------------asp.net-------------*/
.asp-expertise .inner
{
	border-radius: 20px;
	height: 100%;
	transition: 1s;
}
.asp-expertise .inner h5
{
	color:#06A3dA;
}
.asp-expertise .inner:hover h5
{
	color: #fff;
}
.asp-expertise .inner:hover p
{
	color: #fff !important;
}
.asp-expertise .inner:hover
{
	background: linear-gradient(to bottom,#33C4F9,#037097);
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 35%);
}
.asp-services-all .inner img
{
	height: 90px;
}
.asp-services-all .inner h4
{
	font-weight: 800 !important;
}
.asp-services-all .inner
{
	background: linear-gradient(to right,#04B9FC,#91DFFC);
	height: 100%;
	 box-shadow: 0 .5rem 1rem rgba(0,0,0,.25);
}
.asp-services-all .inner:hover
{
	background: linear-gradient(to right,#04B9FC,#04B9FC); 
}
/*-----------------------mean/mern/mevn-------*/
.mean-img
{
	border: 1px dashed lightgray;
	border-radius:50%;
	height: 200px;
	width: 200px;
	
}
.mean-img img
{
	width: 170px;
}
/*-----------------android------------*/
.mobile-ul li
{
	width:33%;
}
/*--------------tech ul----------*/
.tech-ul li
{
	text-align: left;
	float: left;
	padding-left: 6.5%;
}
.tech-ul
{
	margin: auto;
}
.platform-ul li
{
	float: left;
	list-style-type: none;
	padding: 12px;
}
.platform-ul li a
{
	font-size: 15px;
}
@media(max-width:991px)
{
	.tech-ul li
	{
		width:33%;
		border-bottom: 1px dotted lightgray;
		padding-top: 5px;
	}
}
@media(max-width:767px)
{
	.tech-ul li
	{
		width:100%;
		border-bottom: 1px dotted lightgray;
		padding-top: 5px;
		text-align: center;
	}
	.tech-ul
	{
		text-align: center;
	}
	.mobile-ul li
	{
		width: 100%;
	}
}
  @media(max-width:767px)
		{
			.bg-black
			{
				width: 100% !important;
			}
		   }
/*---------------healthcare/ patient engagement----------------------*/
.healthcare-ul li
{
	display: inline;
	padding: 20px;
}
.healthcare-ul
{
	width:100%;
}
.healthcare-ul li a
{
	font-weight: 600;
}
.switch-color 
{
		background: linear-gradient(to right,#000033,#330099);

}
.switch-color  ul li
{
	list-style-type: none;
}
.switch-color-light
{
	background-color: #F3F3F3;
}
.switch-color-light
{
	overflow-x: hidden;
}
.switch-color-light ul li a
{
	font-weight: 600;
}
	.new-tech .inner
{
	padding: 20px;
	box-shadow: 0px 5px 12px 1px #e5e2e2;
	border-bottom: 2px solid #103B1C;
	border-radius: 20px;
	transition: .5s;
		background-color: #fff;

}
	
.new-tech .inner:hover
{
background-color: #003366;
	transform: scale(1.02);
}
.new-tech .inner:hover p
{
   color: #fff;
}


/*--------- swtich color----------------*/
/*
@keyframes bgcolor {
    0% {
        background: linear-gradient(to right,#064D9D,#030F46);
    }

    30% {
		background: linear-gradient(to right,#368E76,#030F46);
    }

    60% {
		background: linear-gradient(to right,#065E8A,#030F46);
    }

    90% {
		background: linear-gradient(to right,#E11406,#872A24);
    }

    100% {
        background-color: #864cbf;
    }
}

.switch-color {
    -webkit-animation: bgcolor 20s infinite;
    animation: bgcolor 15s infinite;
    -webkit-animation-direction: alternate;
    animation-direction:alternate;
    font-family: monospace;
}

@keyframes bgcolorlight {
    0% {
        background: linear-gradient(to right,#FAF4F4,#A9A7A7);
    }

    30% {
		background: linear-gradient(to right,#368E76,#030F46);
    }

    60% {
		background: linear-gradient(to right,#065E8A,#6D87FD);
    }

    90% {
		background: linear-gradient(to right,#E11406,#872A24);
    }

    100% {
        background-color: #864cbf;
    }
}

.switch-color-light {
    -webkit-animation: bgcolor 20s infinite;
    animation: bgcolorlight 15s infinite;
    -webkit-animation-direction: alternate;
    animation-direction:alternate;
    font-family: monospace;
}
/*--------------colorful border-----------
.hover-me-div {
  background: none;
	background-color: transparent;
  border: 0;
  box-sizing: border-box;
  padding: 18px;
  font-size: inherit;
  position: relative;
	border-radius: 20px;
}
.hover-me-div::before, .hover-me-div::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
	background: none;
	background-color: transparent;
	border-radius: 20px;
}

.hover-me-div:hover {
	background-color: transparent;
	border-radius: 20px;
}
.hover-me-div::before, .hover-me-div::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: center;
	background: none;
	background-color: transparent;
	border-radius: 20px;
}
.hover-me-div::before {
  border-top: 2px solid #0eb7da;
  border-bottom: 2px solid #0eb7da;
  transform: scale3d(0, 1, 1);
	background: none;
	background-color: transparent;
	border-radius: 20px;
}
.hover-me-div::after {
  border-left: 2px solid #0eb7da;
  border-right: 2px solid #0eb7da;
  transform: scale3d(1, 0, 1);
	background: none;
	background-color: transparent;
	border-radius: 20px;
}
.hover-me-div:hover::before, .hover-me-div:hover::after {
  transform: scale3d(1, 1, 1);
  transition: transform 0.5s;
	background: none;
	background-color: transparent;
	border-radius: 20px;
}
*/
/*------------------contact us----------*/
	
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  background: #fafbff;
  padding: 30px;
	height: 100%;
}
.contact .info-box i {
  font-size: 38px;
  line-height: 0;
  color: #4154f1;
}
.contact .info-box h3 {
  font-size: 20px;
  color: #012970;
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}
.contact .php-email-form {
  background: #fafbff;
  padding: 30px;
  height: 100%;
}
.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}
.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}
.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}
.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 0;
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #4154f1;
}
.contact .php-email-form input {
  padding: 10px 15px;
}
.contact .php-email-form textarea {
  padding: 12px 15px;
}
.contact .php-email-form button[type=submit] {
  background: #4154f1;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}
.contact 
.contact .php-email-form button[type=submit]:hover {
  background: #5969f3;
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*-----------work culture------------*/
.linked-in
{
	background-color: #000066 !important;
}
	.margin-top-careers
{
	margin-top: 100px;
}
@media(max-width:991px)
{
	.margin-top-careers
{
	margin-top: 500px;
}
}
@media(max-width:767px)
{
	.margin-top-careers
{
	margin-top: 800px;
}
}
/*------------------openings------------*/
.openings .inner
{
	padding: 30px;
	border:1px solid lightgray;
	height: 160px;
}
.openings .inner p
{
	color: #000;
	font-weight: 800;
}
.openings .inner:hover{
	background-color: #023575;
}
.openings .inner:hover p{
	color: #fff;
} 
.openings .inner:hover h5{
	color: #0099da;
}
/*------------ jlsr -------------*/
.about-jlsr .inner img
{
	transition: .5s;
}
.about-jlsr .inner:hover img
{
	transform: scale(1.03);
}
/*------------ gallery-*/
.jlsr-garllery .inner
{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	padding: 20px;
	background-color: #fff;
}
.jlsr-garllery .inner img
{
  transition: .5s;	
}
.jlsr-garllery .inner:hover img
{
	transform: scale(1.03);
}
/*------------- jlsr products----*/
.jlsr-products
{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
	padding: 20px;
	height: 100%;
	background-color: #fff;

}
.jlsr-products img
{
	transition: .5s;
}
.jlsr-products img:hover{
	transform: scale(1.03);
}
/*-----------------jlsr team--------*/
.team-details .inner
{
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%) !important;	
	padding: 16px;
	background-color: #fff;
	overflow-x: hidden;
}
.team-details .inner:hover
{
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 20%) !important;	
}
.team-details .inner img
{
	border-radius: 50%;
	height: 200px;
	width: 200px !important;
	margin-top: 15px;
}
.btn-lg-square 
{
	width: 25px;
    height: 25px;
	padding: 0px;
	margin-top: 1px;
}
.btn-lg-square i
{
	padding: 0px 5px 1px 3px;
}
/*---------terms and conditions-------*/
.terms h5
{
  font-weight: 800;
	color: #000;
	margin-top: 20px;
}
.terms p
{
	font-weight: 550;
}



input[type="checkbox"]:checked:before {
    content: "";
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #000;
}

bg-inner:hover
{
	padding: 100px;
}
/*--------------------------digital marketing--------------*/
.digital-marketing .inner
{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	padding: 10px 10px;
	height: 100%;
	border-radius: 20px;
}
.digital-marketing .inner:hover
{
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 25%);
	padding: 10px;
}
.digital-marketing .inner img
{
	border-radius: 20px;
}

.testimonials {
  padding: 20px 0 20px 0;
  background: url("../img/testimonials-bg.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.testimonials::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}
.testimonials .section-header {
  margin-bottom: 40px;
}
.testimonials-slider img
{
	border-radius: 60px;
	border:5px solid gray;
}
/*---------------about us digital marketing------------*/
.stars
{
	margin: 0;
	padding: 0;
}
.stars li
{
	display: inline;
}
.stars li i
{
	color: #FF9900;
}
.reviews-inner
{
	position: relative;
   
}
.google-reviews-box
{
	box-shadow: none !important;
		
}
.google-reviews-text
{
	background-color: #fff;
	border-bottom:1px solid #F2F2F2;
	
}
.google-reviews-text img
{
}
.reviews-inner:after {
    content: '';
    position: absolute;
    left: 60px;
    bottom: -18px;
    border: 10px solid transparent;
    border-top: 10px solid #EEF9FF;
}