html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    /* overflow: hidden; */

}

#logoimg{
        width: 25%;
        height: 10%;
        margin-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
}

.container-fluid{
        padding: 0px;
        /* background-color: azure; */
        background-color: #d9e5e8;
}



.navbar{
        padding: 8px;
       
}

#navBarColor{

        overflow: hidden;
}


.navbar-nav{
        margin-left: auto;
        padding-right: 25px;

}


.nav-item{
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        color:#1746A2;
        font-weight: bold;
}

       
#navbarNav{
        padding: 8px;
}


.navbar-nav > li:hover a {
        color: #B83236 !important;
        font-weight: bolder;
        /* border-bottom: solid 3px;
        border-color: #B83236; */

}

.mastHead{
        background-image: url('../Images/homePic3.jpg');
        background-size: cover;
        min-height: 85vh;
        position:relative;
        color: white;
}

.headServicesAnalytics{
        background-image: url('../Images/DataAnalyticsBig.jpg');
        background-size: cover;
        min-height: 70vh;
        position:relative;
        color: white;
}

.headServicesCyber{
        background-image: url('../Images/cybersecurityBig.jpg');
        background-size: cover;
        min-height: 70vh;
        position:relative;
        color: white;
}

.headServicesDevelopment{
        background-image: url('../Images/developmentBig.jpg');
        background-size: cover;
        min-height: 70vh;
        position:relative;
        color: white;
}

.headServicesInfra{
        background-image: url('../Images/InfrastructureBig.jpg');
        background-size: cover;
        min-height: 70vh;
        position:relative;
        color: white;
}
.headServicesAI{
        background-image: url('../Images/artificialintelligenceBig.jpg');
        background-size: cover;
        min-height: 70vh;
        position:relative;
        color: white;
}

.headServicesCapability{
        background-image: url('../Images/capDevBig.jpg');
        background-size: cover;
        min-height: 70vh;
        position:relative;
        color: white;
}


.color-overlay{
        position:absolute;
        /* background-color: rgba(0,0,0,0.4); */
        background-color: rgba(46,72,60,0.3);
        height: 100%;
        width: 100%;

}

.color-overlayServices{
        position:absolute;
        /* background-color: rgba(0,0,0,0.4); */
        background-color: rgba(40, 70, 56, 0.5);
        height: 100%;
        width: 100%;

}

.servicesRow{
        padding-bottom: 20px;
        padding-top: 20px;

}

.servicesHeading{
        font-family: 'Montserrat', sans-serif;
        color: #B83236;
        font-weight: bold;
        font-size: 1.5em;
        margin-bottom: 20px;

}
.imgLeft{
        margin: auto;
        padding: 0px;
        /* max-width: 100%;
        height: auto;
        object-fit: contain; */
}

.imgRound{
        border-radius: 15px;
        max-width: 100%;
        height: auto;
        object-fit: contain;
        margin-right:15px;

}




h1{
        font-family: 'Montserrat', sans-serif;
        font-size: 3em;
}

.singleCol{
        max-width: 800px;
        margin: 0,auto;
        

}


/* .aboutTxt{
        color:grey;
        font-family: 'Montserrat', sans-serif;
        margin-top: 15px;
        text-align: center;
        font-size: 2em;

} */

.row.aboutContainer{
        /* width: 90%; */
        /* float: left; */
        margin: auto;
        padding-left: 10px;
        padding-right: 10px;
}

.aboutPic{
        background-image: url('../Images/AboutUs1.jpg');
        height: 50vh;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 8px 8px 8px 8px;
        position: relative;
        margin: auto; 
        padding-right: 20px ;

        
}

.secret{
        font-family: 'Montserrat', sans-serif;
        color:white;
        text-align: right;
        font-size: 2em;
        position: absolute;
        width:90%;
        margin-top: 60px;
        padding-right: 20px;
        background-color: rgba(45,72,60,0.4);
}

.secret2{
        font-family: 'Montserrat', sans-serif;
        color:white;
        text-align: right;
        font-style: italic;
        font-size: 1.5em;
        position: absolute;
        margin-top: 175px;
        margin-left: 50%;
}

.aboutContentHead{
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #B83236;
        text-align: justify;

}


.aboutContent{
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        /* color: #4B5D67; */
        color: #6d6d6d;
        text-align: justify;
        margin-bottom: 8px;
     
}
.container.content{
        padding: auto;

}

h4{
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #B83236;
        text-align: left;
        margin: auto;
}

.box{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        
}

.cardsContainer{
        margin-top:8px;
}

.card-text{
        font-family: 'Montserrat', sans-serif;
        text-align: justify;
        font-size: 16px;
        color: #6d6d6d;

}

.buttonNew{
        /* color:#fff !important; */
        /* background-color: brown; */
        color:#B83236 !important;
        border-color: #B83236;
        /* background-color: steelblue; */
        font-size: 0.8rem;
        font-weight: bold;
        letter-spacing: 0.03em;
        border-radius: 12px;

}

.buttonNew:hover{ 
        background-color: #fdd5e1!important; 
        color: rgb(0, 0, 0)!important;
}

.buttonNew:active{
    background-color: #B83236!important;
    color: white!important;
}


h5{
        font-family: 'Montserrat', sans-serif;
        color: white;
        font-size: 16px;
        font-weight: bold;
        padding-right: auto;
        padding-left:10px;
        margin-top:8px;

}


.footAboutContainer{
        padding-top: 8px;
        padding-left: 8px;
}

.rowFoot{
        margin-left: 20px;
        margin-right:20px;
}


.footAboutContent{
        font-family: 'Montserrat', sans-serif;
        font-size: 0.85rem;
        color: white;
        text-align: justify;
        margin-bottom: 8px;
        padding-right: 5px;

}

.address{
        padding-left: 12px;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        color: white;
        font-weight: bold;
        margin-top:8px;

}

.footAddress{
        font-family: 'Montserrat', sans-serif;
        font-size: 0.85rem;
        color: white;
        text-align: justify;
        margin-top:5px;
        margin-bottom: 2px;
        padding-left: 12px;
}

.form-label{
        font-family: 'Montserrat', sans-serif;
        font-size: 0.8rem;
        color: white;
        margin-bottom: 1px;

}



.formFields{
        margin-top: 1px;
}

.buttonNew1{

        color:white !important;
        border-color: white;
        /* background-color: steelblue; */
        font-size: 0.8rem;
        font-weight: bold;
        letter-spacing: 0.03em;
        border-radius: 5px;
        margin-top: 8px;

}

.buttonNew1:hover{ 
        background-color: #fdd5e1!important; 
        color: rgb(0, 0, 0)!important;
        color:white !important;
}

.buttonNew1:active{
    background-color: #B83236!important;
    color: white!important;
}

.form-control{
        background: transparent;



}

.quick{
        margin-top:12px;

}

.quickLinks{
        font-family: 'Montserrat', sans-serif;
        font-size: 0.85rem;
        color:white !important;
        text-align: justify;
        margin-top: 2px;
        margin-bottom: 2px;
        padding-left: 12px;
}

/* .i{
        font-size: 2rem; 
        color: white;
        padding-right: 8px;
} */

a {
        color: white;
        text-decoration: none;
}

a:hover{
        color:aqua !important;
}

.footContainer{
        background-color: #45818e;
        overflow: hidden;
        padding-left: 20px;
        padding-right: 20px;

}


.rowFoot{
        padding-bottom: 15px;
}

.servicesContent{
        border: solid 1px lightgrey;
        border-radius: 8px;
}

.servicesContent2{
        border: solid 1px lightgrey;
        border-radius: 8px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
}


.servicesContentTxt{
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        /* color: #4B5D67; */
        color: #6d6d6d;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 0px;


}

.thankCol{

        margin-top: 20px;
        margin-bottom:20px;
        width: 50%;
        height: 400px;
        padding:20px;
        border: solid 1px #6d6d6d; ;
        border-radius: 10px;

}

.thankyou{
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: #B83236;
}

.thankyouTxt{
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        color: #6d6d6d;
}

@media (max-width: 768px){
        .mastHead{
                min-height: 50vh;

        }

        h1{
                font-family: 'Montserrat', sans-serif;
                font-size: calc(1.525rem + 3.3vw);
        }

}

/* @media (max-width:768px){
        .imgLeft{
                object-fit: contain;
                max-width: 80%;
        }
} */