html,body{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
}
body {
	margin: 0px;
	padding: 0px;
}
* {
	box-sizing: border-box;
}
a{
	text-decoration: none;
	color: #333333;
}
ul{
	list-style-type: none;
}
p,h1,h2,h3,h4,h5,a,ul{
	margin: 0;
	padding: 0;
}
.container{
	 max-width: 940px;
}
.navbar-light{
	overflow: visible;
	display: flex;
	flex-direction: row;
	align-items: center;
	background: #ffffff;
	border-radius: 0px 0px 80px 80px;
	padding:  19px 100px; 
	max-height: 96px;
}
.jarvis-logo{
	width: 156px;
	height: 45px;
}
.navbar-light .navbar-brand {
	flex-grow: 3
}
.navbar-light .navbar-nav {
	flex-grow: 1;
	line-height: 24px;
}
.navbar-light .navbar-nav {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	list-style: none;
}
.home-icon{
	padding: 12px 24px;
} 
.navbar-light .navbar-nav .nav-item{
	padding: 0 24px;
}
.home{
	background: url('../images/home.svg') no-repeat center;
	width: 24px;
	height: 24px;
	display: inline-block;	
	vertical-align: middle;
} 	
.navbar-light .navbar-nav .nav-item .nav-link{
	padding: 12px 24px;
	border-radius: 30px;
	border: 1px solid #fff;
	background: #fff;
	display: inline-block;
	color: #000;
	font-size: 1.125rem;
}
.navbar-light .navbar-nav .nav-item .nav-link:hover{
	border: 1px solid #FF8300;
	background: #F2F2F2;
	cursor: pointer;
	transition: 700ms background ease-in, 700ms border ease-in-out;
}
.active{
	border: 1px solid #2E2D77 !important;
	background: #2E2D77 !important;
	color: #fff !important;
}
.navbar-light .navbar-toggler {
    border: none;
	padding: 10px;
}
.navbar-light .navbar-toggler-icon{
	width: 16px;
	height: 12px;
	vertical-align: middle;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}
.top-container {
	background: radial-gradient(100% 281.13% at 100% 0%, rgba(175, 188, 210, 0.4) 0%, rgba(46, 45, 119, 0.4) 27.85%, rgba(46, 45, 119, 0.4) 100%), radial-gradient(115.38% 303.49% at -15.38% -7.59%, #AFBCD2 0%, #404B5C 24.12%, #000000 100%)
}
.design-tech-content{
	min-height: 615px;
}
.design-tech-container .text-content {
	margin: auto 0;
	color:  #ffffff;
}
.design-head,.secondary-content-head{
	font-weight: 500;
	font-size: 2.5rem;
	padding: 0 0 1.5rem;
	margin: 0;
}
.design-para{
	font-size: 1.125rem;
	padding: 0 0 1.5rem;
	margin: 0;
}
.learn-btn,.get-btn{
	display:inline-block;
	background: url('../images/arrow.png') no-repeat right center;
	min-width: 170px;
	margin: 0;
}
.get-btn{
	min-width: 276px;
}
.learn-btn-text,.get-btn-text{
	color: #FF8300;
	font-weight: 500;
	font-size: 1.5rem;
	display: inline-block;
}
.get-btn-text{
	font-weight: 600;
}
.design-tech-container .img-content .content-wrapper{
	text-align: center;
}
.primary-content-container{
	background: url(../images/rocket-image.png) no-repeat 45px bottom #fff;
}
.primary-content{
	min-height: 460px;
}
.primary-content-container .primary-content-para {
	font-size: 1.5rem;
	max-width: 880px;
	margin: 0 0 0 auto;
}
.secondary-content-container{
	background-image: url(../images/Smoke1.png),url(../images/Smoke2.png);
	background-position: -3px top,right bottom;
	background-repeat: no-repeat, repeat-x;
	background-color: #F2F2F2;
} 
.secondary-content{
	max-width: 1543px;
	min-height: 910px;
	margin: 0 0 0 auto;
}
.platform-container{
	min-height: 730px;
	margin: auto 0;
} 
.secondary-content-head {
	text-align: center;
	padding: 0 0 2.5rem;
}
.secondary-content-container ul {
	display: flex;
	list-style: none;
	justify-content: space-around;
    text-align: center;
}
.secondary-list-img{
	margin: 0;
	padding: 0 0 0.75rem;
	width: 50%;
}
.secondary-list-img media{
	margin: 0;
	padding: 0 0 0.75rem;
	width: 20%;
}
.secondary-list-text{
	font-weight: 600;
	font-size: 1.125rem;
}
.expertise-first-row{
	padding: 0 0 3rem;
}
.brand-img{
	width: 29%;
}
.footer-content-container{
	min-height: 550px;
}
.ready-head,.ready-para{
	font-size:	2rem;
	padding: 0 0 1rem;
}
.ready-para,.place-text,.orange-header{
	font-size: 1rem;
}
.place-text{
	font-weight: 500;
	padding: 0 0 1rem;
}
.footer-content{
	padding: 0 0 3rem;
}
.footer-container .jarvis-footer-logo {
   width: 160px;
   height: 45px;
   margin: 0 0 1rem;
}
.footer-container .orange-header {
	color: #FF8300;
}
.footer-container .footer-image{
	width: 250px;
	padding: 0 0 1rem;
}
.footer-image-play{
	width: 220px;
}
.footer-copyright-content{
	padding: 3rem 0 0;
}
.footer-container .footer-copyright {
	text-align: right;
	font-weight: 700;
	font-size: 1.5rem;
}
/*  Work Page Css   */

.brilliance-container .text-content {
	color:  #F6851F;
}
.brilliance-content{
	min-height: 550px;
}
.brilliance-head{
	color:  #F6851F;
	font-weight: 500;
	font-size: 2.5rem;
	padding: 0 0 3rem;
}
.brilliance-container .text-content .highlight{
	color: #2E2D77;
}
.brilliance-para{
	color: #333333;	
	font-size: 1.5rem;
}
.primary-content-container-1 .primary-content-nav{
	margin: 0;
	padding: 5px 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	list-style: none;
}
.primary-content-container-1 .primary-content-nav .primary-content-link:hover{
	color: #EBA86D;
	cursor: pointer!important;
}
.primary-content-link{
	position: relative;
	font-weight: 500;
	font-size: 1.5rem;
}
 .menuAct{
	color: #F6851F !important;
}
.brLine{
	width: 18px;
	height: 6px;
	background: #2E2D77;
	border-radius: 30px;
	opacity: 0;
	margin: 0 auto;
} 
.show{
	opacity: 1;
}
.primary-img-content-container ul{
	padding: 0;
}
.primary-img-content{
	padding: 2rem;
}
.primary-img-content .designBox{
	padding: 2rem 1.5rem;
	position: relative;
}
 .primary-img-content .designBox:hover.designBox::after{
	top: 0!important;
	cursor: pointer;
}
.designBox{
	text-align: center;
}
.designBox::after{
	content: "";
	background:  url("../images/social1.png")no-repeat center;
	display: block;
	position: absolute;
	top: 100%;
	left:0;
	right:0;
	bottom:0;
	overflow: hidden;
	transition: 300ms;
}
.blogBox1::after{
	background: url("../images/social2.png")no-repeat center;
}
.socialBox2::after{
	background: url("../images/social3.png")no-repeat center;
}
.socialBox3::after{
	background: url("../images/social4.png")no-repeat center;
}
.socialBox4::after{
	background: url("../images/social5.png")no-repeat center;
}
.blogBox2::after{
	background: url("../images/social6.png")no-repeat center;
}
.allBox::after{
	background: url("../images/all1.png")no-repeat center;
}
.allBox1::after{
	background: url("../images/all2.png")no-repeat center;
}
.allBox2::after{
	background: url("../images/all3.png")no-repeat center;
}
.allBox3::after{
	background: url("../images/all4.png")no-repeat center;
}
.allBox4::after{
	background: url("../images/all5.png")no-repeat center;
} 
.allBox5::after{
	background: url("../images/all6.png")no-repeat center;
}  
.mobileBox::after{
	background: url("../images/mobile1.png")no-repeat center;
}
.mobileBox1::after{
	background: url("../images/mobile2.png")no-repeat center;
}
.mobileBox2::after{
	background: url("../images/mobile3.png")no-repeat center;
}
.mobileBox3::after{
	background: url("../images/mobile4.png")no-repeat center;
}
.mobileBox4::after{
	background: url("../images/mobile5.png")no-repeat center;
} 
.mobileBox5::after{
	background: url("../images/mobile6.png")no-repeat center;
} 
.webBox::after{
	background: url("../images/web1.png")no-repeat center;
}
.webBox1::after{
	background: url("../images/web2.png")no-repeat center;
}
.webBox2::after{
	background: url("../images/web3.png")no-repeat center;
}
.webBox3::after{
	background: url("../images/web4.png")no-repeat center;
}
.webBox4::after{
	background: url("../images/web5.png")no-repeat center;
} 
.webBox5::after{
	background: url("../images/wa6.png")no-repeat center;
} 
.siteBox::after{
	background: url("../images/site1.png")no-repeat center;
}
.siteBox1::after{
	background: url("../images/site2.png")no-repeat center;
}
.siteBox2::after{
	background: url("../images/site3.png")no-repeat center;
}
.siteBox3::after{
	background: url("../images/site4.png")no-repeat center;
}
.siteBox4::after{
	background: url("../images/site5.png")no-repeat center;
} 
.siteBox5::after{
	background: url("../images/site6.png")no-repeat center;
} 
.slideBox::after{
	background: url("../images/slide1.png")no-repeat center;
}
.slideBox1::after{
	background: url("../images/slide2.png")no-repeat center;
}
.slideBox2::after{
	background: url("../images/slide3.png")no-repeat center;
}
.slideBox3::after{
	background: url("../images/slide4.png")no-repeat center;
}
.slideBox4::after{
	background: url("../images/slide5.png")no-repeat center;
} 
.slideBox5::after{
	background: url("../images/slide6.png")no-repeat center;
} 
.designBoxImg{
	text-align: center;
	padding: 0 0.8rem 3rem;
}
.designBoxHead{
	font-weight: 700;
	font-size: 1.5rem;
	color: #30355B;
	text-align: center;
}
.webAppHead{
	font-weight: 700;
	color: #30355B;
	text-align: left;
	padding: 24px;
	background: #8C8BB4;
}
/*  List-Sec-Hide   */
.Web-app-img-list, .Website-img-list, .Poster-img-list, .Slide-Deck-img-list{
	display: none;
}
.primary-btn{
	border-radius: 0;
	background: #2E2D77;
	border: none;
	outline: 0;
	color: #fff;
	margin: 5.25rem 0;
}
.primary-btn:hover{
	opacity: 0.8;
}
.footer-container-1 {
	padding: 3rem 0;
	background: #30355B;
	color: #fff;
}
.footer-container-1 .footer-content-1 {
	display: flex;
	padding: 0 0 3rem;
}
.quick-head,.address-head{
	font-weight: 500;
	font-size: 1.5rem;
	padding: 0 0 1.5rem;
}
.footer-container-1 ul{
	margin: 0;
	padding: 0;
}
.footer-container-1 .footerList{
	display: inline-block;
	padding: 0 1.125rem 0 0;
}
.footer-container-1 .footerList .footerLink{
	color: #fff;
	font-size: 1.125rem;
}
.address-text{
	font-size: 1.125rem;
}
.footer-container-1 .socialIconMenu{
	text-align: right;
}
.socialIconList{
	padding: 0 0 1.5rem;
}
.footer-copyright-head{
	font-weight: 600;
	text-align: right;
	font-size: 0.875rem;
}

/*  aboutUs Page Css  */

.craft-content{
	min-height: 420px;
}
.content-wrapper-head{
	color: #F6851F;
	font-weight: 500;
	font-size: 2.5rem;
	padding: 0 0 1.125rem;
}
.content-wrapper-para{
	color: #fff;
	font-size: 1.5rem;
}
.about-content-container{
	max-width: 910px;
	min-height: 685px;
	margin: 0 auto;
	padding: 2rem 0;
}
.content-wrapper-head-color{
	color: #F6851F;
}
.aboutUs-img-content{
	padding: 0 3rem 0 0;
}
.primary-about-content{
	padding: 0 0 3.5rem;
}
.primary-content-head{
	font-weight: 500;
	font-size: 2.5rem;
	padding: 0 0 1.5rem;
}
.primary-about-content-para{
	font-size: 1.115rem;
}
.certified-sec-container{
	background: #30355B;
}
.certified-content-container{
	padding: 5rem 0;
	min-height: 500px;
	text-align: center;
}
.certified-sec-head{
	color: #fff;
	font-weight: 500;
	font-size: 2.25rem;
	padding: 0 0 3rem;
}
.our-value-container{
	padding: 3rem 0;
}
.our-value-content-head{
	text-align: center;
	color:  #333333;
	font-size: 2.5rem;
	font-weight: 500;
	padding: 3rem 0 0;
}
.our-value-content-text-head{
	font-weight: 500;
	font-size: 1.85rem;
	padding: 0 0 1rem;
}
.our-value-content-box,.our-value-content-box1{
	padding: 3rem 0;
	max-width: 1126px;
	justify-content: flex-start;
}
.our-value-img-content{
	padding: 0 3rem 0 0;
}
.our-value-img-content-1{
	padding: 0 0 0 3rem;
}
.our-value-content-para{
	font-size: 1.125rem;
}

/*  contact Page Css  */
.little-content-menu{
	padding: 3rem 0 3.75rem;
	text-align: center;
}
.little-content-item{
	display: inline-block;
	padding: 0 4.5rem 0 0;
}
.little-content-link{
	font-weight: 500;
	font-size: 1.5rem;
}
.little-content-container{
	padding: 3rem 0 0;
	text-align: center;
}
.input-box{
	width: 720px;
	height: 58px;
	box-sizing: border-box;
	padding: 19px 0 19px 24px;
	background: #F2F2F7;
	color: #7E7E7E;
	font-size: 1.125rem;
}
.input-box-wraper{
	margin: 0 auto 15px;
}
.name-field,.company-field,.number-field,.email-field{
	display: inline-block;
	width: 720px;
	text-align: left;
	font-size: 0.875rem;
	color: #f00;
	visibility: hidden;
	padding: 6px 0 0; 
}
.success-msg-box{
	position: fixed;
	top: 0;
	left: 31%;
	padding: 15px 30px;
	background: #91BD3F;
	border: 1px solid #30355B;
	border-radius: 0 0 20px 20px;
	box-sizing: border-box;
	display: none;
}
.success-msg{
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
	font-size: 1rem;
	color: #fff;
}
.little-content-link:hover{
	color: #EBA86D;
	cursor: pointer;
}
.linkAct{
	color: #F6851F !important;
}
.bl-line{
	width: 6px;
	height: 18px;
	background: #2E2D77;
	border-radius: 30px;
	position: absolute;
	top: 8px;
	left: -30px;
	opacity: 0;
}
.show{
	opacity: 1;
}
.little-about-content-container-head,.craft-container-head,.start-container-head,.location-container-head{
	font-size: 2rem;
	text-align: center;
	padding: 0 0 2.25rem;
	margin: 0;
}
.menuAct{
	color: #F6851F !important;
}
.brLine{
	width: 18px;
	height: 6px;
	background: #2E2D77;
	border-radius: 30px;
	opacity: 0;
	margin: 0 auto;
}
.show{
	opacity: 1;
}
.craft-container-1{
	padding: 2.5rem 0;
	text-align: center;
}
.craft-container-content{
	max-width: 720px;
	padding: 1.5rem 1.25rem 0 1.5rem;
	background: #F2F2F7;
	resize: none;
	border: 2px solid #fff;
	margin: 0 auto;
	font-size: 1.125rem;
}
.craft-container-content:focus{
	border: 2px solid #2E2D77;
}
.start-container-content{
	padding: 2rem;
	resize: none;
	border: 2px dashed #2E3357;
	margin: 0 auto;
}
.start-content-container{
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
}
.start-container-head{
	padding: 0 0 3rem;
}
.start-container-menu{
	max-width: 720px;
	padding: 0 0 3rem;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
.radio-btn{
	display: inline-block;
	vertical-align: middle;
}
input[type=radio] {
    border: 0px;
    width: 21px;
    height: 21px;
	border-radius: 50%;
	vertical-align: middle;
}
.btn-text{
	font-size: 1.125rem;
	color: #30345A;
	padding: 0 0 0 15px;
}
/* .start-container-list{
	display: inline-block;
}
.start-container-link{
	padding: 0.75rem 1.5rem;
	font-size: 1.125rem;
	color: #30345A;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 4px;
}
.start-container-link-active{
	background: #F2F2F7;
	border: 1px solid #30345A;
}
.start-container-link:hover{
	background: #F2F2F7;
	color: #30345A;
	border: 1px solid #30345A;
} */
.send-button{
	padding: 0.75rem 1.5rem;
	background: #2E2D77;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 4px;
	font-size: 1.25rem;
	transition: border 700ms ease-in,background 600ms ease-out,color 600ms ease-in-out;
}
.send-button:hover{
	border: 2px solid #2E2D77;
	background: #fff;
	color: #2E2D77;
}
.location-container{
	padding: 5rem 0;
} 
.location-container-head{
	padding: 0 0 2rem;
}
.location-container-content{
	padding: 0;
}
.location-content-container{
	max-width: 940px;
	margin: 0 auto;
}
/* .chennai-address{
	padding: 0 0 3rem;
} */
.chennai-address-head,.bengaluru-address-head{
	font-size: 1.5rem;
	padding: 0 0 1rem;
	color: #30345A;
	margin: 0;
}
.chennai-address-content,.bengaluru-address-content{
	font-size: 1.125rem;
	color: #333333;
	margin: 0;
}
/* Doc Upload */
 .inputfile-box {
  position: relative;
  border: 2px dashed #2E3357;
  height: 143px;
  width: 720px;
  padding: 1.5rem 0 0 1.5rem;
  box-sizing: border-box;
  text-align: left;
  margin: 0 auto 3rem;
}

.inputfile {
  display: block;
}
.file-label{
	display: inline-block;
	font-size: 1.35rem;
	color: #7E7E7E;
}
.file-icon {
  position: absolute;
  top: 25px;
  right: 36px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/mobilefileicon.png") no-repeat center;
  box-sizing: border-box;
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 991px) and (min-width: 768px) {
	.container{
		max-width: 760px;
	}
	.navbar-light{
		padding: 24px 100px;
		border-radius: 0px 0px 60px 60px;
	}
	.jarvis-logo{
		width: 120px;
	    height: 35px;
	}
	.home-icon{
		padding: 7px 24px;
	} 
	.navbar-light .navbar-nav .nav-item{
		padding: 0 10PX;
	}
	.navbar-light .navbar-nav .nav-item .nav-link{
		padding: 6px 12px;
		font-size: 1rem;
	}
	.design-tech-content{
		max-width: 760px;
		min-height: 460px;
		margin: 0 auto;
	}
	.design-head,.secondary-content-head{
		font-size: 2.25rem; 
	}
	.design-para{
		font-size: 1rem; 
	}
	.learn-btn-text,.get-btn-text{
		font-size: 1.5rem; 
	}
	.primary-content-container{
		background: url(../images/rocket-image-small.png) no-repeat left bottom #fff;
	}
	.primary-content{
		min-height: 343px;
	}
	.primary-content-container .primary-content-para {
		font-size: 1rem;
		max-width: 563px;
	}
	.secondary-content-container{
		background: url(../images/smoke-image-small.png) no-repeat left #F2F2F2;
	}
	.secondary-content{
		max-width: 562px;
		min-height: 680px;
	}
	.secondary-content-head {
		padding: 0 0 3rem;
	}
	.secondary-list-text{
		font-size: 1rem;
	}
	.platform-container{
		min-height: 530px;
		margin: auto 0;
	} 
	.expertise-first-row-list{
		max-width: 142px;
	}
	.expertise-second-row-list{
		max-width: 226px;
	}
	.brand-img {
		width: 42%;
	}
	.footer-content-container{
		min-height: 740px;
	}
	.ready-box{
		width: 300px;
	}
	.ready-head,.ready-para,.orange-header{
		font-size: 1.5rem;
	}
	.ready-para,.place-text{
		font-size: 1.125rem;
	}
	.get-btn{
		min-width: 185px;
	}
	.footer-content{
		padding: 0 0 4.5rem;
	}
	.footer-container .jarvis-footer-logo {
	   width: 120px;
	   height: 35px;
	}
	.footer-container .footer-image{
		width: 212px;
		padding: 0 0 1.5rem;
	}
	.footer-image-play{
		width: 150px;
		text-align: left;
	}
	.footer-copyright-content{
		padding: 4.625rem 0 0;
	}
	.footer-container .footer-copyright {
		text-align: right;
		font-weight: 600;
		font-size: 1rem;
	}
	.brilliance-content{
		min-height: 605px;
	}
	.text-content{
		max-width: 560px;
		margin: 0 auto;
	}
	.brilliance-head{
		font-size: 2rem;
	}
	.brilliance-para{
		font-size: 1rem;
	}
	.primary-content-link{
		font-size: 1.125rem;
	}
	.primary-content-container-1 .primary-content-nav{
		justify-content: space-between;
	}
	.primary-img-content{
		padding: 1rem 2.5rem;
	}
	.designBoxHead{
		font-size: 1.5rem;
	}
	.quick-head,.address-head{
		padding: 0 0 2.25rem;
	}
	.footer-container-1 .footerList{
		display: block;
		padding: 0 0 1.5rem;
	}
	.footer-container-1 .footer-content-1 {
		max-width: 706px;
		margin: 0 auto;
	}
	.craft-content{
		min-height: 334px;
	}
	.content-wrapper-para{
		font-size: 1rem;
	}
	.about-content-container{
		max-width: 665px;
		min-height: 995px;
		margin: 0 auto;
		padding: 3rem 0;
	}
	.aboutUs-img-content{
		padding: 0 3rem 0 0;
	}
	.primary-about-content{
		padding: 0 0 3.75rem;
	}
	.primary-about-content-para{
		font-size: 1.5rem;
	}
	.certified-content-container{
		padding: 3.125rem 0;
		min-height: 896px;
		max-width: 537px;
		text-align: center;
		margin: 0 auto;
	}
	.logo-list{
		padding: 0 0 5rem;
	}
	.our-value-container{
		padding: 1.5rem 3rem;
	}
	.our-value-content-head{
		padding: 0 0 3rem;
	}
	.our-value-content-text-head{
		font-size: 1.5rem;
		padding: 0 0 1.5rem;
	}
	.our-value-content-box,.our-value-content-box1{
		padding: 3rem 0;
		max-width: 809px;
		justify-content: flex-start;
	}
	.our-value-content-para{
		font-size: 1rem;
	}
	.little-content-menu{
		padding: 3.75rem 0;
	}
	.little-content-item{
		padding: 0 3.75rem 0 0;
	}
	.little-content-container{
		max-height: 667px;
	}
	.input-box{
		width: 525px;
		height: 74px;
		box-sizing: border-box;
		padding: 19px 0 19px 16px;
		margin: 0 auto 24px;
	}
	.success-msg-box{
		position: fixed;
		top: 0;
		left: 4%;
	}
	.little-about-content-container-head,.craft-container-head,.start-container-head{
		font-size: 2rem;
		padding: 0 0 1.5rem;
	}
	.start-container{
		text-align: center;
	}
	.start-content-container{
		max-width: 525px;
		margin: 0 auto;
	}
	.start-container-menu{
		max-width: 525px;
		padding: 0 0 1.5rem;
	}
	.start-container-link{
		font-weight: 500;
		font-size: 1rem;
	}
	.craft-container-content{
		font-size: 1.125rem;
		 max-width: 525px;
		 min-height: 210px;
	}
	.inputfile-box {
	  max-width: 525px;
	}
	.send-button{
		font-weight: 500;
	}
	.location-container{
		padding: 3.75rem 0;
	} 
	.location-container-content{
		padding: 0;
	}
	/* .chennai-address{
		padding: 0 0 3rem;
	} */
	/* .location-img{
		width: 375px;
		height: 354px;
	} */
	.location-content-container{
		max-width: 809px;
	}
	.chennai-address-head,.bengaluru-address-head{
		padding: 0 0 1rem;
	}
}
/* Small devices (portrait tablets and large phones, 576px and up) */
@media only screen and (max-width: 767px) and (min-width: 576px) {
	.navbar-light .jarvis-logo {
		width: 120px;
	    height: 35px;
		vertical-align: middle;
	}
	.navbar-light{
		max-height: 100%;
		vertical-align: middle;
		overflow: visible;
		padding: 12px 16px;
		border-radius: 0px 0px 20px 20px;
	} 
	.navbar-light .navbar-nav{
		display: none;
	}
	.navbar{
		list-style: none;
		display: block;
		width: 100%;
	}
	 .navlink{
		display: block;
		background: #fff;
		color: #000;
		text-align: left;
		padding: 20px 0;
		width: 100%;
	} 
	.navlink:hover{
		color: #FF8300;
		transition: 700ms color ease-in-out;
	}
	.navbar-light .navbar-toggler {
		border: none;
		padding: 3px;
	}
	.container{
		max-width: 360px;
		padding: 0;
	}
	.design-tech-content{
		max-width: 310px;
		min-height: 596px;
		margin: 0 auto;
		text-align: center;
	}
	.text-content{
		padding: 0 0 3rem;
	}
	.design-head,.secondary-content-head{
		font-size: 1.5rem; 
	}
	.secondary-content-head{
		font-weight: 700;
	}
	.design-para{
		font-size: 0.875rem; 
	}
	.learn-btn{
		min-width: 177px;
	}
	.learn-btn-text,.get-btn-text{
		font-size: 1.125rem; 
	}
	.primary-content-container{
		background: url(../images/rocket-smoke.png) no-repeat left bottom #fff;
	}
	.primary-content{
		min-height: 342px;
	}
	.primary-content-container .primary-content-para {
		font-size: 0.75rem;
		max-width: 234px;
	}
	.secondary-content-container{
		background: #F2F2F2;
		padding: 3rem 0;
	}
	.secondary-list-img {
		width: 30%;
	}
	.secondary-content{
		max-width: 360px;
	}
	.secondary-content-head {
		padding: 0 0 1.5rem;
	}
	.secondary-list-text{
		font-weight: 600;
	}
	.secondary-content-container ul {
		flex-direction: column;
    	padding: 0;
	}
	.secondary-content-container ul li {
		padding: 0 0 3rem;
	}
	.expertise-first-row-list{
		max-width: 360px;
	}
	.expertise-second-row-list{
		max-width: 360px;
	}
	.footer-content-container{
		min-height: 497px;
		padding: 3rem 0;
	}
	.ready-box{
		width: 360px;
		padding: 0 0 3rem;
	}
	.ready-head,.place-text,.orange-header{
		font-size: 1.125rem;
		padding: 0 0 0.75rem;
	}
	.ready-para{
		font-size: 1.5rem;
		padding: 0 0 0.75rem;
	}
	.get-btn{
		min-width: 140px;
	}
	.footer-content{
		padding: 0 0 3rem;
	}
	.footer-container .jarvis-footer-logo {
	   width: 100px;
	   height: 28px;
	}
	.footer-container .footer-image{
		display: block;
		width: 103px;
		padding: 0 0 1.5rem;
	}
	.footer-image-play{
		width: 150px;
		text-align: left;
	}
	.footer-copyright-content{
		padding: 3rem 0 0;
	}
	.footer-container .footer-copyright {
		text-align: right;
		font-weight: 700;
		font-size: 0.875rem;
	}
	.brilliance-content{
		min-height: 520px;
		text-align: center;
		padding: 3rem 0;
	}
	.brilliance-head{
		font-size: 1.5rem;
		padding: 0 0 1.5rem;
	}
	.brilliance-para{
		font-size: 0.875rem;
	}
	.text-content{
		padding: 0 0 1.5rem;
	}
	.brilliance-img{
		height: 276px;
	}
	.primary-content-1{
		max-width: 776px;
		overflow-x: auto;
		white-space: nowrap; 
	}
	 .primary-content-item{
		padding: 0 2rem 0 0;
	} 
	.all-img-list,.Mobile-app-img-list,.Web-app-img-list,.Website-img-list,.Poster-img-list,.Slide-Deck-img-list{
		text-align: center;
		padding: 3.75rem 0 ;
	}
	.designBoxImg {
		padding: 0 0 3.75rem;
	}
	.img-content{
		text-align: center !important;
	}
	.quick-head,.address-head{
		padding: 0 0 0.75rem;
	}
	.footer-container-1 .socialIconMenu{
		text-align: left;
		padding: 0 ;
	}
	.footer-container-1 .socialIconList{
		display: inline-block;
		padding: 0 1.5rem 0 0;
	}
	.footer-container-1 .footerList{
		display: block;
		padding: 0 0 1.5rem;
	}
	.craft-content{
		min-height: 325px;
	}
	.content-wrapper-head{
		font-size: 1.5rem;
	}
	.content-wrapper-para{
		font-size: 0.875rem;
	}
	.about-content-container{
		min-height: 500px;
		margin: 0 auto;
		padding: 3rem 0;
	}
	.aboutUs-img-content{
		display: none;
	}
	.aboutUs-text-content,.story-text-content{
		padding: 0;
	}
	.primary-about-content{
		padding: 0 0 3rem;
	}
	.primary-story-content{
		padding: 0;
	}
	.primary-content-head{
		font-size: 2.25rem;
		padding: 0 0 1.125rem;
	}
	.primary-about-content-para{
		font-size: 0.875rem;
		padding: 0;
	}
	.certified-content-container{
		padding: 3rem 0;
		min-height: 853px;
		text-align: center;
		margin: 0 auto;
	}
	.certified-sec-head{
		font-size: 2.25rem;
		padding: 0 0 3.75rem;
	}
	.logo-list{
		padding: 0 0 5rem;
	}
	.our-value-container {
		padding: 3rem 0 0;
	}
	.our-value-content-head{
		font-size: 2.25rem;
		padding: 0 0 3rem;
	}
	 .our-value-content-box,.our-value-content-box1{
		padding: 0 0 3rem;
		margin: 0 auto;
	} 
	.our-value-img-content, .our-value-img-content-1{
		max-width: 200px;
		margin: 0 auto;
		padding: 0 0 1.5rem;
	}
	.our-value-text-content1{
		padding: 0;
	}
	.our-value-content-text-head{
		font-size: 1.5rem;
		padding: 0 0 1.5rem;
		text-align: left;
	}
	.our-value-content-para{
		font-size: 1rem;
		text-align: left;
	}
	.little-content-menu{
		width: 360px;
		padding: 3.75rem 0;
	}
	.little-content-item{
		padding: 0 1rem 0 0;
	}
	.little-content-link{
		font-size: 0.875rem;
	}
	.little-content-container{
		max-height: 568px;
	}
	.input-box{
		width: 337px;
		height: 50px;
		padding: 14px 0 14px 10px;
		margin: 0 auto 24px;
		font-size: 0.875rem;
	}
	.success-msg-box{
		position: fixed;
		top: 0;
		left: 0;
		display: none;
	}
	.little-about-content-container-head,.craft-container-head,.start-container-head,.location-container-head{
		font-size: 1.5rem;
		padding: 0 0 1.5rem;
	}
	.craft-container-1{
		padding: 3rem 0;
	}
	.craft-container-head,.start-container-head{
		font-size: 1rem;
	}
	.craft-container-content{
		max-width: 337px;
		padding: 1.5rem 1.25rem 0 1.5rem;
		font-size: 1rem;
	}
	.start-content-container{
		max-width: 337px;
		margin: 0 auto;
	}
	.start-container-menu{
		max-width: 337px;
		padding: 0 0 1.5rem;
	}
	.start-container-link{
		padding: 0.375rem 0.75rem;
		font-size: 0.875rem;
	}
	.inputfile-box {
	  max-width: 337px;
	  padding: 1.5rem 0 0 1.5rem;
	  margin: 0 auto 1.5rem;
	}
	.file-label{
		font-size: 1rem;
	}
	.send-button{
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
	}
	.location-container{
		padding: 3rem 0;
	} 
	.location-container-content{
		padding: 0;
	}
	.location-content-container{
		max-width: 328px;
	}
	.chennai-address{
		padding: 0 0 3rem;
	}
	.chennai-address-head,.bengaluru-address-head{
		font-weight: 500;
		font-size: 1.125rem;
		padding: 0 0 1.5rem;
	}
	.chennai-address-content,.bengaluru-address-content{
		font-size: 0.75rem;
	}
}
/* Extra small devices (phones, 577px and down) */
@media only screen and (max-width: 577px) {
	.navbar-light .jarvis-logo {
		width: 120px;
	    height: 35px;
		vertical-align: middle;
	}
	.navbar-light{
		max-height: 100%;
		vertical-align: middle;
		overflow: visible;
		padding: 12px 16px;
		border-radius: 0px 0px 20px 20px;
	} 
	.navbar-light .navbar-nav{
		display: none;
	}
	.navbar{
		list-style: none;
		display: block;
		width: 100%;
	}
	 .navlink{
		display: block;
		background: #fff;
		color: #000;
		text-align: left;
		padding: 20px 0;
		width: 100%;
	} 
	.navlink:hover{
		color: #FF8300;
		transition: 700ms color ease-in-out;
	}
	.navlinkAct{
		color: #FF8300;
	}
	.navbar-light .navbar-toggler {
		border: none;
		padding: 3px;
	}
	.container{
		max-width: 320px;
		padding: 0;
	}
	.design-tech-content{
		max-width: 310px;
		min-height: 596px;
		margin: 0 auto;
		text-align: center;
	}
	.text-content{
		padding: 0 0 3rem;
	}
	.design-head,.secondary-content-head{
		font-size: 1.5rem; 
	}
	.secondary-content-head{
		font-weight: 700;
	}
	.design-para{
		font-size: 0.875rem; 
	}
	.learn-btn{
		min-width: 177px;
	}
	.learn-btn-text,.get-btn-text{
		font-size: 1.125rem; 
	}
	.primary-content-container{
		/* background: url(../images/rocket-smoke.png) no-repeat left bottom #fff; */
		background-image: url(../images/rocket-mobile.png),url(../images/Smoke-mobile.png);
		background-position: left bottom, left bottom;
		background-repeat: no-repeat, repeat-x;
		background-color: #fff;
	}
	.primary-content{
		min-height: 342px;
	}
	.primary-content-container .primary-content-para {
		font-size: 0.75rem;
		max-width: 234px;
	}
	.secondary-content-container{
		background: #F2F2F2;
		padding: 3rem 0;
	}
	.secondary-list-img {
		width: 30%;
	}
	.secondary-content{
		max-width: 360px;
	}
	.secondary-content-head {
		padding: 0 0 1.5rem;
	}
	.secondary-list-text{
		font-weight: 600;
	}
	.secondary-content-container ul {
		flex-direction: column;
    	padding: 0;
	}
	.secondary-content-container ul li {
		padding: 0 0 3rem;
	}
	.expertise-first-row-list{
		max-width: 360px;
	}
	.expertise-second-row-list{
		max-width: 360px;
	}
	.footer-content-container{
		min-height: 497px;
		padding: 3rem 0;
	}
	.ready-box{
		width: 360px;
		padding: 0 0 3rem;
	}
	.ready-head,.place-text,.orange-header{
		font-size: 1.125rem;
		padding: 0 0 0.75rem;
	}
	.ready-para{
		font-size: 1.5rem;
		padding: 0 0 0.75rem;
	}
	.get-btn{
		min-width: 140px;
	}
	.footer-content{
		padding: 0 0 3rem;
	}
	.footer-container .jarvis-footer-logo {
	   width: 100px;
	   height: 28px;
	}
	.footer-container .footer-image{
		display: block;
		width: 103px;
		padding: 0 0 1.5rem;
	}
	.footer-image-play{
		width: 150px;
		text-align: left;
	}
	.footer-copyright-content{
		padding: 3rem 0 0;
	}
	.footer-container .footer-copyright {
		text-align: right;
		font-weight: 700;
		font-size: 0.875rem;
	}
	.brilliance-content{
		min-height: 520px;
		text-align: center;
		padding: 3rem 0;
	}
	.brilliance-head{
		font-size: 1.5rem;
		padding: 0 0 1.5rem;
	}
	.brilliance-para{
		font-size: 0.875rem;
	}
	.text-content{
		padding: 0 0 1.5rem;
	}
	.brilliance-img{
		height: 276px;
	}
	 .primary-content-item{
		padding: 0 2rem 0 0;
		display: inline-block;
	} 
	.primary-content-link{
		color: #333;
		text-decoration: none;
	}
	.scroll {
        padding: 0 2rem 0 0;
        width: 360px;
        overflow: auto;
        white-space: nowrap;
		margin: 0 auto;
		scrollbar-width: none; 
    }
	.scroll::-webkit-scrollbar { 
		display: none; 
	}
	.all-img-list,.Mobile-app-img-list,.Web-app-img-list,.Website-img-list,.Poster-img-list,.Slide-Deck-img-list{
		text-align: center;
		padding: 3.75rem 0 ;
	}
	.designBoxImg {
		padding: 0 0 3.75rem;
	}
	.img-content{
		text-align: center !important;
	}
	.quick-head,.address-head{
		padding: 0 0 0.75rem;
	}
	.footer-container-1 .socialIconMenu{
		text-align: left;
		padding: 0 ;
	}
	.footer-container-1 .socialIconList{
		display: inline-block;
		padding: 0 1.5rem 0 0;
	}
	.footer-container-1 .footerList{
		display: block;
		padding: 0 0 1.5rem;
	}
	.craft-content{
		min-height: 325px;
	}
	.content-wrapper-head{
		font-size: 1.5rem;
	}
	.content-wrapper-para{
		font-size: 0.875rem;
	}
	.about-content-container{
		min-height: 500px;
		margin: 0 auto;
		padding: 3rem 0;
	}
	.aboutUs-img-content{
		display: none;
	}
	.aboutUs-text-content,.story-text-content{
		padding: 0;
	}
	.primary-about-content{
		padding: 0 0 3rem;
	}
	.primary-story-content{
		padding: 0;
	}
	.primary-content-head{
		font-size: 2.25rem;
		padding: 0 0 1.125rem;
	}
	.primary-about-content-para{
		font-size: 0.875rem;
		padding: 0;
	}
	.certified-content-container{
		padding: 3rem 0;
		min-height: 853px;
		text-align: center;
		margin: 0 auto;
	}
	.certified-sec-head{
		font-size: 2.25rem;
		padding: 0 0 3.75rem;
	}
	.logo-list{
		padding: 0 0 5rem;
	}
	.our-value-container {
		padding: 3rem 0 0;
	}
	.our-value-content-head{
		font-size: 2.25rem;
		padding: 0 0 3rem;
	}
	 .our-value-content-box,.our-value-content-box1{
		padding: 0 0 3rem;
		margin: 0 auto;
	} 
	.our-value-img-content, .our-value-img-content-1{
		max-width: 200px;
		margin: 0 auto;
		padding: 0 0 1.5rem;
	}
	.our-value-text-content1{
		padding: 0;
	}
	.our-value-content-text-head{
		font-size: 1.5rem;
		padding: 0 0 1.5rem;
		text-align: left;
	}
	.our-value-content-para{
		font-size: 1rem;
		text-align: left;
	}
	.little-content-menu{
		width: 360px;
		padding: 3.75rem 0;
	}
	.little-content-item{
		padding: 0 1rem 0 0;
	}
	.little-content-link{
		font-size: 0.875rem;
	}
	.little-content-container{
		max-height: 568px;
	}
	.input-box{
		width: 315px;
		height: 50px;
		padding: 14px 0 14px 10px;
		font-size: 0.875rem;
	}
	.success-msg-box{
		position: fixed;
		top: 0;
		left: 0;
		display: none;
	}
	.little-about-content-container-head,.craft-container-head,.start-container-head,.location-container-head{
		font-size: 1.5rem;
		padding: 0 0 1.5rem;
	}
	.craft-container-1{
		padding: 3rem 0;
	}
	.craft-container-head,.start-container-head{
		font-size: 1.25rem;
	}
	.craft-container-content{
		padding: 1.5rem 1.25rem 0 1.5rem;
		font-size: 0.875rem;
		max-width: 315px;
		 min-height: 210px;
	}
	.start-content-container{
		max-width: 315px;
		margin: 0 auto;
	}
	.start-container-menu{
		max-width: 315px;
		padding: 0 0 1.5rem;
	}
	.start-container-link{
		padding: 0.375rem 0.75rem;
		font-size: 0.875rem;
	}
	.inputfile-box {
	  max-width: 315px;
	  padding: 1.5rem 0 0 1.5rem;
	  margin: 0 auto 1.5rem;
	}
	.name-field,.company-field,.number-field,.email-field{
		width: 315px;
		font-size: 0.85rem;
	}
	.file-label{
		font-size: 1rem;
	}
	.send-button{
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
	}
	.location-container{
		padding: 3rem 0;
	} 
	.location-container-content{
		padding: 0;
	}
	.location-content-container{
		max-width: 328px;
	}
	.chennai-address{
		padding: 0 0 3rem;
	}
	.chennai-address-head,.bengaluru-address-head{
		font-weight: 500;
		font-size: 1.125rem;
		padding: 0 0 1.5rem;
	}
	.chennai-address-content,.bengaluru-address-content{
		font-size: 0.75rem;
	}
}

/* Animation */

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

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