/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

.navbarCSS {
    background-color: rgba(48, 63, 159, 0.99) !important;
    border-bottom: none !important;
    margin-bottom: 0px !important;
    opacity: 0.9;
    /*height:60px !important;*/
}

.navbarTextCSS > li > a{
    color:white !important;
    font-size:14px !important;
    font-weight:400 !important;
}

.navbarTextCSS > li > a:hover {
    color: #f9f9f9 !important;
}



/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    padding-top: 100px;
    margin-bottom: 60px;
    font-family: 'Montserrat', sans-serif;
}

.socialFooter {
    background-color: rgba(48, 63, 159, 1) !important;
    color: #ffffff !important;
}

.prefooter{
    background-color:rgb(45, 58, 148) !important;
}

.prefooter > div > div > div > a{
    color:#ffffff !important;
    font-size:12px !important;
    font-weight:400 !important;
}

.prefooter > div > div > div > h6 {
    margin-bottom: 0px !important;
}

.prefooter > div > div > div > hr {
    margin-bottom: 5px !important;
    width:60px !important;
    height:1px !important;
}

.subsForm > i{
    color:#ffffff !important;
}

.subsForm > input {
    color: #ffffff !important;
    font-size: 14px !important;
}

.subsForm > label {
    color: #ffffff !important;
    font-size:14px !important;
}

.foot3{
    line-height:18px !important;
}

.foot1{
    color:#ffffff !important;
    font-weight:500 !important;
    font-size:12px !important;
}

.foot2 {
    color: #ffffff !important;
    font-weight: 300 !important;
    font-size: 12px !important;
}

.footerCSS {
    color: rgb(45, 58, 148) !important;
    font-weight: 500 !important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    height: 60px;
    /*line-height: 60px;*/ /* Vertically center the text there */
}

.bodyCSS {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*Canvas in Section 1*/
canvas {
    background-color: #303f9f;
    background-image: linear-gradient(to bottom right, #303f9f, #884dc2);
    height: 770px !important;
    width: 100% !important;
    /*opacity:0.8 !important;*/
}

/*Section 2*/
.section2 {
    margin-top: 670px !important;
}

.aboutIcon {
    color: #303f9f !important;
    font-weight:300 !important;
}

.aboutIcon:hover {
    color: rgba(48, 63, 159, 0.80) !important;
}

.aboutText {
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color:#535353 !important;
    line-height: 30px !important;
}

/*section 3*/
.section3Head{
    font-size:40px !important;
    line-height:60px !important;
    color:#575757 !important;
}

.section3SubHead{
    font-weight:500 !important;
    color:#575757 !important;
}

.section3Text {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #575757 !important;
    line-height: 30px !important;
}

.section3Img {
    height: 300px !important;
    border-radius:5px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.section3Img:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 10px 24px 0 rgba(0, 0, 0, 0.19);
}

/* Service Section */
.serviceHead{
    font-weight:400 !important;
    color:#4475b1 !important;
}

.serviceText {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #575757 !important;
}

.serviceSubHead {
    font-weight: 500 !important;
    color: #575757 !important;
}

.serviceIcon {
    color: #4475b1 !important;
    /*font-weight: 300 !important;*/
}
/*Section 4*/
/*.section4 {
}*/

.projectHead{
    font-weight:400 !important;
    color:#303f9f !important;
}

.projectSubHead {
    color: #4475b1 !important;
    font-weight: 500 !important;
    font-size:14px !important;
}

.projectText{
    font-size:12px !important;
    font-weight:500 !important;
}
.projectCard{
    max-height:700px !important;
    min-height:400px !important;
}

/*ol.carousel-indicators {
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 0;
    right: 0;
    width: auto;
}*/
.projCarouselInd li,
.projCarouselInd li.active {
    /*float: left;*/
    width: 12px !important;
    height: 12px !important;
    background-color: #303f9f !important;
}

.projectModal{
    border-radius:20px !important;
}

.projectModalHeader {
    padding: 7px !important;
}

.projectModalHeader > p{
    text-align:center !important;
    font-weight:500 !important;
}

.projectModalBody > p{
    font-size:14px !important;
    font-weight:400 !important;
}

/*Client Section*/
.clientHead {
    font-weight: 400 !important;
    color: #303f9f !important;
}

.clientCarouselInd li,
.clientCarouselInd li.active {
    width: 10px !important;
    height: 10px !important;
    background-color: #884dc2 !important;
}

/*Client Images*/
.clientimage {
    max-height: 150px;
    max-width: 150px;
}

/*About 2*/
.about2 {
    background-color: #abbcd0 !important;
}

.aboutImg {
    margin-left: -15px !important;
}

/*about 3*/
.teamBackBox{
    height:80px !important;
    width:100% !important;
    background-color:#c0d8f4 !important;
}

.about3{
    margin-bottom:500px !important;
}

/*Serice*/
.serviceTextCSS{
    font-size:14px !important;
    margin-top:-10px !important;
}

.serviceIconsCSS {
    color: #6994b1;
}

/*register Modal*/
.regHead{
    background-color:rgba(48, 63, 159, 1) !important;
}

#regTextbox {
    border: none !important;
}

.regText{
    font-size:14px !important;
}

/*Login Modal*/
#remMeCheckCSS{
    color:#575757 !important;
    font-size:14px !important;
}