@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins/Poppins-Regular.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat', sans-serif;
    src: url('.../font/Montserrat/static/Montserrat-Bold.ttf') format('ttf');
}
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
/*common-css*/
html {
    width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body{
    width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    font-family: 'Poppins';
    background: #E9EEF2;
}
.container {
    margin: 0 auto;
}
/*menu*/
.navbar-nav li.nav-item {
    /*padding-top: 10px;*/ 
}

.menu-logo img {
    width: 100%;
    height: auto;
}
.menu-logo {
    display: flex;
    width: 100%;
    height: auto;
}
.menubar { 
    display: flex;  
    background: #23496F;
    height: 65px; 
    align-items: center; 
}
li.nav-item a.nav-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 33px;
    color: #E9EEF2;
}
.navbar-nav li.nav-item a:hover {
    background: #fff;
    border-radius: 10px;
    color: #23496F !important;
}
.navbar {
    background: transparent !important;
    padding: 0;
}


li ul .nav-item a.nav-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 33px;
    color: #E9EEF2;
}

.navbar-nav ul li.nav-item a:hover {
    background: #fff;
    border-radius: 10px;
    color: #23496F !important;
}



.sec-center .navbar-collapse {
    width: 100%;
}
.sec-center ul.navbar-nav {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    align-items: center;
}
a.nav-link {
    color: #FFF !important;
}
ul.navbar-nav {
    display: flex;
    justify-content: space-evenly;
    width: 78%;
    align-items: center;
    margin-left: auto;
}
.error {
    background-image: url(http://vnssca.in/assets/image/Error.png)!important;
    height: 64em;
    background-size: cover;
    width: 100%;
}

/*.sec-center {
    width: 100%;
    display: flex;
    align-items: center;
}
.sec-center .page {
    width: 100%;
}
.sec-center 
.sec-center a.nav-link {
    color: #E9EEF2 !important;
    font-size: 14px;
    width: max-content;
    letter-spacing: 0.5px;
}*/
.banner img{
  width:100%;
  height: auto;
}

.team-banner{
    background-image: url('../image/banner-team.jpg');
    height: 258px;
    background-size: cover;
}
/*.career-banner{
    background-image: url(../image/banner-career.png);
    height: 433px;
    background-size: cover;
}*/
/*.banner-contact{
    background-image: url(../image/banner-contact.png);
    height: 433px;
    background-size: cover;
}*/
/*  footer  */
.main-footer, .main-footer a {
    background: #23496F;
    color: #fff;
}
.main-footer h2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    margin-top: 3%;
}
.links li {
    list-style-type: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 140%
}
span.underline {
    text-decoration: underline;
    font-weight: 600;
    font-size: 16px;
}
.footer-page ul li a {
    color: #fff;
}
.extra-num .footer-page {
    display: flex;
    /*justify-content: center;*/
}
.btn-store iframe{
    border-radius: 10px;
}
.two {
    position: relative;
    left: -3em;
}
.copywrite a {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 500;
}
/* / end footer / */
.about-firm {
    padding: 50px 0; 
    display: flex;
    justify-content: center;
}
li.motto h2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    text-decoration-line: underline;
    color: #171717;
    margin-bottom: 26px;
}
li.motto h2 span.text-blue {
    color: #27507A;
    text-decoration-line: underline;
}
.flex {
  margin: 0;
  display: flex;
  background-color: #fff;
  margin-bottom: 2rem;
  box-shadow: 0px 4px 20px 3px rgba(11, 90, 172, 0.25);
    border-radius: 10px;
}
/* optional: alternately flips module layout 
.flex:nth-child(odd) {
  flex-direction: row-reverse;
}
*/
.flex div:first-child {
  flex: 1;
  background-size: cover;
  background-position: center;
}
.flex:first-of-type div:first-child.about-1 {
  background-image: url("http://vnssca.in/assets/image/about-us.jpg");
  border-radius: 10px;
    /*height: 14rem;*/
}
.flex:last-of-type div:first-child.about-2 {
  background-image: url("http://vnssca.in/assets/image/our-firm-moto.jpg");
  border-radius: 10px;
  /*height: 16rem;*/
/*    position: relative;
    right: 15px;*/
  
}
.flex div:last-child {
  margin: 9px;
  flex: 2;
      display: flex;
    align-items: center;
}


.about-us {
  width: 90%;
  margin: 0 auto;
}
.flex p {
font-size: 16px;
    line-height: 22px;
    color: #11477C;
}
.our-service h2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 140%;
    text-decoration-line: underline;
    color: #171717;
    position: relative;
    text-align: center;
}
.harboring {
    display: flex;
    justify-content: center;
    font-size: 16px;
}
.harboring span {
    display: flex;
    width: 90%;
    align-items: center;
    margin: 15px auto;
}
.harboring div {
    font-weight: 600;
    font-size: 13px;
    line-height: 140%;
    color: #03254E;
}
.our-service {
    text-align: center;
    /*padding: 25px 0;*/
    width: 100%;
    margin:  0 auto; 
}
.our-services{
    /*padding: 25px 0;*/
    width:100%;
}
.other-para {
    width: 100%;
    margin: 0 auto;
    border: 4px solid #23496F;
    border-radius: 20px;
    background: #ffff;
    margin-top: 50px;
}
.para{
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    color: #11477C;
}
/*.para ul {
    margin: 30px 62px 0;
}*/
/*.para li {
    margin-bottom: 18px;
}*/

.para p {
    /*margin: 25px 0 10px;*/
}
.text-centre {
    text-align: center;
}
.text-centre h2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 34px;
}
.text-centre h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 29px;
}
.other-para p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    /*color: #171717;*/ 
    /*margin-top: 50px;*/ 
}
.our-service span.text-blue {
    color: #11477C;
    text-decoration: underline;
}
p.job-note {
    text-align: center;
}
span.text-red {
    color: red;
    font-weight: 700;
}
.other-para ul {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    /*color: #171717;*/ 
/*    margin-top: 50px;
    padding: 0px 106px;*/
}
.last-career {
    position: relative;
    width: 80%;
    font-size: 16px;
    line-height: 36px;
    margin: auto;
}
.last-career h4.center {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 198.5%;
}
.last-career a {
    color: #11477C;
    text-decoration: none;
}
a.btn-blue {
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 16px;
    gap: 8px;
    position: absolute;
    right: 70px;
    background: #23496F;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    color: #FFFFFF;
}
.core-values span.text.blue {
    color: #23496F;
}
.core-values img{
    width: 450px;
    height: auto;
}
.core-values .col-md-9.col-sm-12 {
    position: relative;
    margin: 35px auto;
    padding-right: 70px;
    padding-left: 70px;
}
.core-values h4 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    color: #23496F;
}
.core-values h5 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 170%;
    color: #171717;
}
.core-values p {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    color: #171717;
}
.text-centre span.text-blue {
    color: #23496F;
    font-weight: 600;
}
.text-centre span.text-under{
    text-decoration: underline;
}
.main h2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 170%;
    text-decoration-line: underline;
    color: #27507A;
    margin: inherit;
}
.main ol {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    color: #171717;
    margin: 29px;
}
.main li {
    line-height: 2em;
}
.main h2 span.text-blue {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 170%;
    text-decoration-line: underline;
    color: #27507A;
}
.core-values ul {
    display: flex;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    color: #171717;
}
.core-values .col-md-9.col-sm-12 li {
    line-height: 3em;
}
.contact-main h2 {
    color: #23496F;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 140%;
    margin-top: 3%;
}
.contact-main p.office {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #11477C;
    margin-top: 1.56em;
}
.contact-main hr {
    border: 1px solid #11477C;
    border-radius: 2px;
    margin: -2px;
    margin-bottom: 10px;
}
.contact-main img {
    width: 30px;
}
.contact-main .col-md-3.col-sm-12 {
    padding: 0;
}

span.cont-text, p.cont-text a{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #171717;
}
.border {
    border: 1px dotted #dee2e6!important;
    transform: rotate(-90deg);
    width: 245px;
}
.vision-motto img {
    width: 90%;
    height: auto;
    object-fit: cover;
    border-radius: 14px;
}
img.service-icons{
    width: 80px;
    height: auto;
}
.vision-us-img {
    display: flex;
    justify-content: center;
}
.vision-motto {
    display: flex;
    align-items: center;
    position: relative;
}
.vision-card {
    position: relative;
    background: #fff;
    box-shadow: 0px 4px 20px 3px rgba(11, 90, 172, 0.25);
    border-radius: 10px;
    right: 40px;
    width: 110%;
}
img.core-img {
    z-index: -1;
}
div#first {
    -webkit-order: 2;
}
div#second {
    -webkit-order: 1;
}

.vision-card p {
    padding: 1em 2.99em 2em;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color:#23496F;
}
h3.title {
    background: #23496F;
    color: #fff;
    padding: 15px;
    width: fit-content;
    font-size: 20px;
    border-bottom-right-radius: 15px;
    border-top-left-radius:10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}
.vision-us {
    margin: 60px 0;
}
.right .vision-card {
    left: 0;
    right: -90px; 
}
.cont-border {
    border-right: 2px dotted;
    border-color: #11477C;
    width: 80%;
}
.core-values div.px-5 h3 {
    color: #27507A;
    text-decoration: underline;
    font-family: 'Montserrat';
    font-size: 20px;
}
.harboring .left img {
    width: 550px;
}
.footer-icon{
    width:13%;
}
.footer-icon2{
    width:65%;
}
.img-team{
    display: flex;
    align-items: center;
}