#nav-bar {
    position: relative;
    z-index: 10;
    top: 0px;
}

.navbar .navbar-nav .nav-link:hover {
    background-color: #81B322;
    color: #000000;
}

.dropdown a:hover {
    background-color: #81B322;
    color: #000000;
}

/* .navbar ul li > ul:hover {
    background-color: #33FFC5;
    color: #000000;
  } */

.navbar-brand img {
    top: 31px;
    left: 43px;
    width: 200px;
    height: 100px;
    opacity: 1;

}

.navbar-nav li {
    padding: 0 20px;
}

.navbar-nav li a {
    color: #022C72 !important;
    font-weight: 600;
    float: right;
    text-align: left;
}

.fa-bars {
    color: #022C72;
    font-size: 30px !important;
}

.navbar-toggler {
    outline: none !important;
}

.card-title-style {
    background-color: #02348A;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 10px;

}

.card-body-style {
    background-color: #02348A;
    color: #FFFFFF;
    text-align: center;
    margin-left: 575px;
    margin-top: 250px;
    margin-right: 10px;
    width: 700px;
    border-radius: 15px;
}

.chase-acquire-fulfill-notes {
    text-align: justify;
    justify-content: center;
    /* font: normal normal normal 20px/18px Open Sans; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 1;
}

.aboutusdiv {
    text-align: center;
    background-color: #02348A;
    color: #ffffff;
    opacity: 1;
    height: 50px;
}

.aboutus {
    top: 1200px;
    left: 20px;
    width: 214px;
    height: 60px;
    text-align: left;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.aboutus-para {
    text-align: justify;
    /* font: normal normal normal 23px/32px Open Sans; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    color: #02348A;
    opacity: 1;
}

.missiontxt {
    text-align: center;
    font: normal normal normal 1vw Rubik;
    color: #02348A;
    opacity: 1;
}

.knowmore {
    text-align: center;
    font: normal normal normal 14px/17px Rubik;
    letter-spacing: 0px;
    font-size: 1vw;
    color: #02348A;
    opacity: 1;
}

.theteamdiv {
    text-align: center;
    background-color: #02348A;
    color: #ffffff;
    opacity: 1;
    height: 50px;
}

.theteam-para {
    text-align: justify;
    /* font: normal normal normal 23px/32px Open Sans; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    color: #02348A;
    opacity: 1;
}

.coreprinci-para {
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    color: #02348A;
    opacity: 1;
}

.coreprinci-li-text {
    text-align: left;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    color: #02348A;
    opacity: 1;
}

.mission-vision-values-li-text {
    text-align: left;
    /* font: normal normal normal 23px/32px Open Rubik; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    color: #02348A;
    opacity: 1;
}

.cloud-solutions-li-text {
    text-align: left;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    color: #02348A;
    opacity: 1;
}

.coreprinciheading {
    color: #02348A;
}


.servicesdiv {
    text-align: center;
    background-color: #02348A;
    color: #ffffff;
    opacity: 1;
    height: 50px;
}

.services-intro {
    color: #02348A;
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
}

.trainings-intro {
    color: #02348A;
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
}

.testing-intro {
    color: #02348A;
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
}

.ADM-intro {
    color: #02348A;
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
}

.uiux-intro {
    color: #02348A;
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
}

.devops-intro {
    color: #02348A;
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
}

.cloud-intro {
    color: #02348A;
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
}

.data-intro {
    color: #02348A;
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
}

.border-style {
    /* border: #0d3a7e; */
    border: #81B322;
    border-style: double;
    border-radius: 25px
}


.contactusdiv {
    text-align: center;
    background-color: #02348A;
    color: #ffffff;
    opacity: 1;
    height: 50px;
}


.map-column {
    border-color: #02348A;
    border-spacing: 0vh;
    border-style: inherit;
    opacity: 1;
}

.addressHeading {
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    color: #02348A;
    opacity: 1;
}

.addressline {
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    color: #02348A;
}

.emailHeading {
    top: 472px;
    left: 1523px;
    width: 150px;
    height: 32px;
    text-align: left;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    color: #02348A;
    opacity: 1;
}

.emailAddress {
    text-align: left;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    color: #02348A;
    opacity: 1;
}

.phoneHeading {
    text-align: left;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    color: #02348A;
}

.phoneContent {
    text-align: left;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    color: #02348A;
    opacity: 1;
}

.collapseableDiv {
    color: #000000;
}

.scroll-to-top {
    background-color: #02348A;
    color: #ecf0f1;
}

.reachusText {
    text-align: justify;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    letter-spacing: 0px;
    color: #02348A;
}

.bg-img {
    opacity: 1;
    background-image: url("images/bg.jpg");
    position: absolute;
    width: 1900px;
    height: 800px;
    max-width: 100%;
    display: block;

}

.bg-img+.card-body {
    position: relative;
    z-index: 1;
    top: 609px;
    left: 1000px;
    width: 857px;
    height: 429px;
}

.whatsappfloat {
    position: fixed;
    width: 53px;
    height: 51px;
    bottom: 60px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.whatsapp-my-float {
    margin-top: 16px;
}