body{
	font-family: 'Open Sans Condensed', sans-serif;
	padding:0;
	margin:0;
	color:#393939
} 
.videoBanner{position:relative}
#myVideo {
	width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0; 
    z-index: -1;
	overflow:auto;
	width:100%
}  
.main-Div { 
    background: rgb(0 0 0 / 20%);
    background: transparent linear-gradient(117deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.5) 66%, rgba(255, 255, 255, 0) 100%) 40% 0% no-repeat padding-box;
   	height:100vh
}
.home-banner{ 
 position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
	z-index:0
} 
.bannerHading {
    padding-top:8%;
    text-align: center;
}
.bannerHading h1{
    text-align: center;
    font: normal normal bold 80px/63px Open Sans Condensed; 
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
    text-transform: uppercase; 
    color: #333333;
}
.bannerHading h1 span{
	color:#797979
}
.bannerHading h2{
    color: #333333;
    font: normal normal normal 32px/42px Open Sans;
    margin-bottom: 10px;
}

.bannerHading p{
	font: normal normal 600 22px/30px Open Sans;
	letter-spacing: -1px;
	color: #343434;
	margin-top:30px;
} 
.btn-default{
	background: #16A03B 0% 0% no-repeat padding-box;
	border-radius: 4px; 
	text-align: left;
	font: normal normal normal 18px/43px Open Sans;  
	color: #FFFFFF;
	text-transform: uppercase;
	padding:4px 20px;
	transition:.7s;
	border;2px solid #16A03B;
	-webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
	position: relative;
}  
 
.btn-default::before {
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: #000;
	border-radius: 3px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}  
.btn-default:hover::before {
	-webkit-transform: scale(1);
    transform: scale(1);
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    color: white !important;
}
.navbar-dark .navbar-toggler {
    color: rgb(8 8 8 / 50%);
    border-color: rgb(0 0 0 / 10%);
    background: #3c3d3d;
}

.navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 0;
    background-color: #005eb5;
    border: 0px solid transparent;
    border-radius: 0.25rem;
    border-radius: 50%;
	z-index:999999;    position: relative;
} 





/* Experience & Expertise Section Css */
.experience-and-expertise{
	background:url(../images/experience-and-expertise.png);
	background-size:cover;
	position:relative; 
	padding:70px 0
} 
.experience-and-expertise::before{
	content: "";
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: #000000ad;
}
.experience-and-expertise h2{
	font: normal normal bold 60px/60px Open Sans Condensed;
	letter-spacing: 0px;
	color: #FFFFFF;
}
.experience-and-expertise .Btn{ 
	font: normal normal 300 24px/40px Open Sans;
	text-align: center;
	border-radius: 100px;
	padding:10px 100px;
	display:inline-block;
	margin-bottom:20px;
	-webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
	position: relative;
	text-decoration:none
}  
.experience-and-expertise .Btn::before {
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: #000;
	color:#fff;
	border-radius: 100px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}  
.experience-and-expertise .Btn:hover::before {
	-webkit-transform: scale(1);
    transform: scale(1);
} 
.experience-and-expertise .Btn:hover, .experience-and-expertise .Btn:focus, .experience-and-expertise .Btn:active {
    color: white !important;
}
.experience-and-expertise .designBtn{
	background: #3941CC 0% 0% no-repeat padding-box;
	color: #FFFFFF;	
}
.experience-and-expertise .solutionsBtn{
	background: #fff 0% 0% no-repeat padding-box;  
	color: #1D1D1D;
	padding:10px 60px; 
}
.experience-and-expertise .workforceBtn{
	background: #FFBC36 0% 0% no-repeat padding-box;   
	color: #1D1D1D; 
}
.experience-and-expertise p{
	font: normal normal normal 28px/42px Open Sans; 
	color: #FFF; 
	margin-top:20px
}
.experience-and-expertise p span{
	font: normal normal 600 28px/42px Open Sans; 
}
.experience-and-expertise a.Services {
	color:#CDCDCD;
	font: normal normal 400 20px/46px Open Sans; 
	text-decoration:none;
	outline:none!important;
	display:inline-block;
    transition: .8s;
} 
.experience-and-expertise a.Services:hover{  
	transform: translateY(-20%);
    transition: .8s; 
}
.experience-and-expertise a.Services  img{
    width: 26px;
    margin-left: 10px;
    vertical-align: middle;
}
/* business-objectives section css */
.business-objectives {
	padding:60px 0 50px
}	
.business-objectives h5{
	font: normal normal normal 28px/40px Open Sans;
	color:#333333
}
.business-objectives h5 span{
	font: normal normal 600 28px/40px Open Sans;
	color:#333333
}
.business-objectives h2{
	font: normal normal bold 60px/60px Open Sans Condensed; 
	color:#000
	
} 
.Objectives .col{
	border: 1px dashed #D0D0D0;
	margin	:0rem!important;
    min-height: 200px;
    align-items: center;
    display: flex;
    justify-content: center;
	min-width:20%
}
.Objectives .col.grayBg{
	background: #E9E9E9 0% 0% no-repeat padding-box;
	border: 1px dashed #D0D0D0;
	border-radius: 0px 4px 0px 0px
}
.Objectives .col p{
	color:#666666;
	font: normal normal 600 20px/33px Open Sans;
	margin-top:10px;
	margin-bottom:0 
}
.IndustryExperience a{ 
	font-size:20px;
    color: #1E85DD;
    font-family: Open Sans;
    transition: .8s; 
	display:inline-block
}
.IndustryExperience a:hover{  
	transform: translateY(-25%);
    transition: .8s; 
}
.IndustryExperience a img{
    width: 26px;
    margin-left: 10px;
    vertical-align: middle;
}
.Objective{
    transition: .8s; 
}
.Objective:hover{
    transition: .8s; 
	transform: translateY(-10%);
}

/* Why Innolytic Solutions? section css */
.Innolytic-Solutions{
	background:url(../images/Innolytic-Solutions.png);
	background-repeat:no-repeat;
	padding:50px 20px; 
	margin-bottom:40px;
	background-size:cover;
	background-attachment:fixed
 } 
.Innolytic-Solutions h2{
	font-size:60px; 
	font-weight:bold;
	color: #FFFFFF;
}
.Innolytic-Solutions p{
	text-align: center;
	font:normal normal 300 26px/38px Open Sans;
	letter-spacing: 0px;
	color: #FFFFFF;
}

.Innolytic-Solutions p span{
	font: normal normal normal 28px/41px Open Sans; 
}
	
.Innolytic-Solutions img {
	position:relative
}
.Innolytic-Solutions .btn-default {
	background: #3941CC 0% 0% no-repeat padding-box;
    border-radius: 40px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translate(-50%, -10px);
    font-size: 22px;
    width: max-content;
    font-weight: 400;
    padding: 3px 25px;
    text-transform: capitalize; 
}
.Innolytic-Solutions .btn-default::before{
    border-radius: 40px; 
}
.Innolytic-Solutions .Resources a{
    color: #CDCDCD;
    font: normal normal 400 20px/46px Open Sans;
    text-decoration: none;
    outline: none!important;
    display: inline-block;
    transition: .8s; 
}
.Innolytic-Solutions .Resources a:hover{  
	transform: translateY(-20%);
    transition: .8s; 
}
.Innolytic-Solutions .Resources a img{
    width: 26px;
    margin-left: 10px;
    vertical-align: middle;
}
/* Collaborate section css */
.Collaborate{
	background:url(../images/collaborate-section-bg-img.png);
	background-repeat:no-repeat;
	padding:50px 20px;
	background-size:cover
 }
.Collaborate h2{
	font: normal normal bold 50px/60px Open Sans Condensed;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-shadow: 3px 2px 0px #00000029;
	margin-bottom:30px
}
.Collaborate .collaborate-img{
    border-radius: 50%;
    padding: 10px 13px;
    background: #fff;
}
.Collaborate a {
    color: #CDCDCD;
    font: normal normal 400 20px/36px Open Sans;
    text-decoration: none;
    outline: none!important;
    display: inline-block;
    transition: .8s; 
}
.Collaborate a:hover{  
	transform: translateY(-20%);
    transition: .8s; 
}
.Collaborate a img{
    width: 26px;
    margin-left: 10px;
    vertical-align: middle;
}
/* Footer css */
footer{
	background:url(../images/Image-75.png);
	background-repeat:no-repeat;
	background-position:right bottom
}
.form-control, #service {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0.375rem 0.75rem;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    color: #666666; 
    border: 1px solid #E2E2E2; 
    border-radius: 4px;
	outline:none;
	font: normal normal normal 18px/24px Open Sans;

}
#img{
	padding: 10px;
    border: 1px dashed;
    border: 1px dashed #C7C7C7;
    width: 100%;
    font: normal normal normal 14px/30px Open Sans;
    letter-spacing: 0px;
    color: #858585;
}
 
.formStyle .btn-default {
    padding: 7px 20px;
    width: 100%;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 20px; 
}
.footer-title{
	font-size:30px;
	font-weight:800;
	color: #333333;
}
.Get-in-touch h2{
	font: normal normal bold 50px/44px Open Sans Condensed; 
	color: #333333;
}
.Get-in-touch h4{
	font: normal normal 300 24px/24px Open Sans;
	letter-spacing: 0px;
	color: #333333;
}
.Get-in-touch p{
	font: normal normal normal 18px Open Sans;
	color:#666666 
}
.call-us h4, .Write-to-us h4{
	font: normal normal 800 30px/40px Open Sans Condensed; 
	color: #001138;
	margin-bottom:0
} 
.call-us ul, .Write-to-us ul{
	list-style:none;
	padding-left:0
}
.call-us li, .Write-to-us li{
	font: normal normal normal 20px/30px Open Sans;
	display:inline-block;
	margin-right:20px;
	color:#393939
}
.call-us li span{
	font-size:16px; 
	margin: 0 10px;
}
.Write-to-us li a{ 
	margin-right:20px;
	color:#393939; 
	transition:.7s
}
.Write-to-us li a:hover{ 
	color:#005eb5; 
	transition:.7s
}
.footer-link li{
	display:inline-block;
}
.footer-link li:not(:last-child) {
	margin-right:20px
}
.footer-link li a{
	font: normal normal 500 18px/30px Open Sans; 
	color: #393939;
	transition:.7s
}
.footer-link li a:hover{ 
	color:#005eb5;
	text-decoration: none;
	transition:.7s
}
.social-media{
	padding:0
}
.social-media li{
	display:inline-block;	
}
.social-media li:not(:last-child) {
	margin-right:6px
}
.social-media li a {
    width: 34px;
    display: block;
    background: #393939;
    text-align: center;
    color: #fff;
    padding: 5px;
    font-size: 16px;
    height: auto;
    line-height: 1.2;
}
.copyright{
	font: normal normal normal 17px/34px Open Sans;
	color:#666666
} 
.scroll-top {
    width: 2.8rem;
    height: 2.6rem;
    background: #3941cc;
    color: #ffffff;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 99;
    border: none;
    border-radius: 0.3rem;
    display: none;
    transition: 0.5s ease;
	border:none;
	outline:none!important
	
} 
	
@media(max-width: 1280px){
	.bannerHading h1 { ;
    font: normal normal bold 80px/90px Open Sans Condensed; 
}
footer { 
    background-size: 60%;
}
}
@media(max-width: 991px){
.Objectives .col{ 
	min-width:33%
} 
.bannerHading h2 { 
    font-size: 32px 
}
.Solutions{text-align:center} 
}
	
@media(max-width: 767px){  
.bannerHading h2 { 
    font: normal normal normal 15px/20px Open Sans; 
}
.bannerHading h1 { 
    font: normal normal bold 34px/26px Open Sans Condensed; 
}
.bannerHading p {
    font: normal normal 600 16px/20px Open Sans;
	margin-top:20px;
	margin-bottom:5px
}
.btn-default { 
    font: normal normal normal 14px/28px Open Sans;

}
.Objectives .col{ 
	min-width:33%
}
.experience-and-expertise h2, .business-objectives h2, .Innolytic-Solutions h2{
	font-size:40px;
	line-height:1.2
}
.px-3{
	padding-left:0!important;
	padding-right:0!important;
}
.Get-in-touch{margin-top:0!important}
.Innolytic-Solutions {padding:30px 0;margin-bottom:20px }
.px-5 { 
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
} 
.grayBg{
	display:none!important
}  
.business-objectives {
    padding: 25px 0 20px;
}
.mt-5.Solutions{margin-top:.5rem!important}
.Innolytic-Solutions .btn-default { 
    font-size: 16px; 
    padding: 6px 18px;
}
.Collaborate {
    padding: 15px 15px;
    background-size: cover;
    margin: 0 -15px;
    background-position: center;
}
.Collaborate h2 {
    font: normal normal bold 20px/26px Open Sans Condensed;margin-bottom:15px
}  
.Collaborate .collaborate-img{width:100px}
.Collaborate a{font:normal normal 400 16px/40px Open Sans;    margin-top: 0!important;}
.Collaborate a img{width: 18px;margin-left: 6px;}
.footer-title {
    font-size: 24px; 
}
.form-control, #service { 
    height: 44px; 
    font: normal normal normal 15px/24px Open Sans;
}
.formStyle .btn-default {
    padding: 8px 20px; 
    font-size: 18px;
    margin-top: 0!important;
}  
.Get-in-touch h2 {
    font: normal normal bold 30px/40px Open Sans Condensed;
    color: #333333;
    padding-top: 0!important;
}
.Get-in-touch h4 {
    font: normal normal 300 20px/20px Open Sans; 
}
.Get-in-touch p {
    font: normal normal normal 16px/24px Open Sans; 
}
.call-us h4, .Write-to-us h4 {
    font: normal normal 800 22px/30px Open Sans Condensed; 
}
.call-us li, .Write-to-us li {
    font: normal normal normal 15px/24px Open Sans; 
    margin-right: 5px; 
}
.call-us li span {
    font-size: 16px;
    margin: 0 5px;
}
}  
@media(max-width: 420px){  
.experience-and-expertise { 
    padding: 20px 0;
}
.Objective img{ 
    width: 60px;
    height: 56px;
    object-fit: contain;
} 
.experience-and-expertise h2, .business-objectives h2, .Innolytic-Solutions h2{
	font-size:30px;
	line-height:1.2
}
.Objectives .col p {
    color: #666666;
    font: normal normal 600 14px/33px Open Sans;
    margin-top: 0px; 
}
.experience-and-expertise .Btn {
    font-size:16px; 
    padding: 1px 30px;
	margin-bottom:12px
}
.designBtn.mt-5{
	margin-top:1rem!important
}
.experience-and-expertise .solutionsBtn{
	padding: 1px 15px;
}
.mt-4.Services{margin-top: 0rem!important;}
.experience-and-expertise a.Services, .IndustryExperience a,.Innolytic-Solutions .Resources a{font:normal normal 400 16px/40px Open Sans}
.experience-and-expertise .Research-Txt{display:none}
.experience-and-expertise a.Services img, .IndustryExperience a img, .Innolytic-Solutions .Resources a img {
    width: 18px;
    margin-left: 6px;
}
.main-Div, #myVideo{
	height:40vh
}
.home-banner{
	height:100%
}
.business-objectives h5, .business-objectives h5 span{
	font-size:18px;line-height:1.5
}
.Objectives.mt-5{margin-top: 1rem!important;}
.Objectives .col {
    min-width: 33%;
    min-height: 130px;
}
.IndustryExperience  .mb-5{margin-bottom: 0.5rem!important}
.IndustryExperience .mt-4{margin-top: 0.5rem!important;} 
.Innolytic-Solutions p,.Innolytic-Solutions p span {
    text-align: center;
    font: normal normal 300 18px/30px Open Sans;
}
.Resources .mt-3{margin-top: 0rem!important;}
.bannerHading {
    padding-top: 2%; 
}
footer{    background-size: 100%;}
footer.pt-5{padding-top:0!important}
footer.pb-3{
    padding-bottom: 6rem!important;
}
.footerMenu{padding-top:0!important}
.footer-link li a {
    font: normal normal 500 16px/16px Open Sans; 
}


}      

@media(max-width: 320px){  
.bannerHading h2 { 
    font: normal normal normal 12px/12px Open Sans; 
}
.bannerHading h1 { 
    font: normal normal bold 28px/21px Open Sans Condensed; 
}
.bannerHading p {
    font: normal normal 600 14px/20px Open Sans;
	margin-top:0px;
	margin-bottom:5px
}
.btn-default { 
    font: normal normal normal 12px/26px Open Sans;
}
.bannerHading {
    padding-top: 5%;
    text-align: center;
}
}
 
@media (min-width: 1300px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
}
}

