@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap");

:root {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  font-family: "Nunito", sans-serif;
}

.row {
  margin-right: calc(-0 * var(--bs-gutter-x));
  margin-left: calc(-0 * var(--bs-gutter-x));
  margin-top: 0 !important;
  margin-right: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nunito", sans-serif;
}

p {
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  margin-bottom: 5px !important;
  margin-top: 5px !important;

}

h1 {
  font-size: 40px;
}

.allheading h2 {
  font-size: 38px;
  line-height: 42px;
  font-weight: 700;
  color: #000;
}

.allheading h3 {
  font-size: 14px;
  font-weight: 700;
  color: #00264c;
}

.container {
  max-width: 1140px !important;
}

.witeheading h1.mystyle {
  background-color: #00264c;
  padding: 5px;
}

.bnnr {
  width: 100%;
  height: 120vh;
  background: url(../assets/image/hero-2.png) top center no-repeat;
  background-size: cover;
  margin-top: 6rem;
}
.heroheading h1 {
  font-size: 42px;
  line-height: 44px;
  font-weight: 700 !important;
  color: #fff;
  padding-right: 10px;
}

.text-padding h1 {
  font-size: 35px;
  font-weight: 700 !important;
  color: #fff;
  padding-right: 10px;
}

.bnnr h2 {
  font-weight: 400 !important;
  font-size: 21px;
  color: #fff;
  line-height: 29px;
}
/* .content-block-about {
  padding-right: 95px;
} */

.content-block-about h3 {
  font-size: 14px;
  font-weight: 700;
  color: #00264c;
}

.content-block-about h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}

.btnhome {
  margin-top: 2rem;
  margin-bottom: 30px;
}

.btnhome a {
  line-height: 0;
  padding: 15px 40px;
  border-radius: 4px;
  transition: 0.5s;
  color: #fff;
  background: #fb2056;
  text-decoration: unset;
      font-size: 20px;
        font-weight: 700;
        font-family: 'Nunito';
}

.btnhome a:hover {
  color: #ffffff;
  background: #fb2056b3;
  box-shadow: 1px 2px 8px #fb2056b3;
}

.smallbtn a {
  padding: 8px 20px;
}

.bgfooter {
  /* background-color: #f9f9f9; */
  width: 100%;
  background: white url(/assets/image/footer-bg.png) no-repeat right top;
  background-size: contain;
  margin-top: 2rem;
}

.icnbox {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

svg {
  width: 70px;
  height: 40px;
  color: #00264c;
}

.features img {
  max-width: 370px;
  height: 300px;
}

.bgclr {
  background-color: #fff;
  height: 600px;
}

.bgclr img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
}

.carousel-caption {
  position: inherit !important;
  padding-left: 40px;
  padding-right: 40px;
}

.carousel-control-prev {
  left: -7em !important;
}

.carousel-control-next {
  right: -7em !important;
}

.carousel-caption h4,
h6,
p {
  color: #000;
}

.carousel-control-prev-icon {
  filter: invert(1);
}

.carousel-control-next-icon {
  filter: invert(1);
}

.bgfooter h2 {
  font-size: 16px;
  color: #012970;
}

.carousel-indicators [data-bs-target] {
  background-color: #0e0e0e !important;
}

.allheading.footr-about-text {
  padding-right: 5rem;
}

.navbar-nav a {
  color: #013289 !important;
  padding-left: 20px !important;
  text-decoration: unset;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 16px;
}

nav.navbar {
  /* background-color: #00264c; */
  background-color: #fff;
}

.navbar-expand-lg .navbar-collapse {
  justify-content: flex-end;
}

.navbar-brand img {
  height: 70px;
}

.countericon svg {
  width: 40px;
  height: 40px;
  /* color: #00264c; */
}
.countericon .card-body {
  padding: 0px 10px;
}
.countericon span {
  font-size: 36px;
  font-weight: 600;
  color: #00264c;
}

.countericon .card {
  background: #fff;
  box-shadow: 0px 0 30px rgb(1 41 112 / 8%);
  border: none;
  padding: 7px !important;
}

input {
  /* max-width: 50%; */
  height: 55px;
  color: #000;
}
 /* .imgcnt-cntpage img {
  width: 100%;
 height: 336px;
  max-width: 499px;
 } */

.imgcnt {
    display: flex;
    justify-content: end;
  }




.cntbtn {
  font-size: 22px!important;
    font-family: 'Nunito'!important;
    font-weight: 700!important;
  width: 152px;
  height: 55px;
  line-height: 0;
  padding: 15px 40px;
  border-radius: 4px;
  transition: 0.5s;
  color: #fff;
  background: #fb2056 !important;
  text-decoration: unset;
  --bs-btn-border-color: #ffffff !important;
}

.witeheading h1 {
  color: #f9f9f9;
  padding-top: 0px;
}

.bnnr2 {
  width: 100%;
  height: 70px;
  /* background: url(/assets/image/testimgss.jpg) center center no-repeat; */
  background-color: #012970;
  background-size: cover;
  margin-top: 6rem;
}

/* .dropdown-menu.show {
  background-color: #fff;
} */

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: -1rem !important;
}

/* .dropdown-item:hover {
  background-color: #315a83 !important;
  color: #fff !important;
  transition: 0.5s;
} */

.valuescard .card {
  box-shadow: 0px 0 5px rgb(1 41 112 / 8%);
  text-align: center;
  transition: 0.3s;
  border: none;
}

.valuescard img :hover img {
  transform: scale(1);
}

.valuescard .box {
  padding: 30px;
  box-shadow: 0px 0 5px rgb(1 41 112 / 8%);
  text-align: center;
  transition: 0.3s;
  height: 150px;
}

.valuescard .box img {
  padding: 30px 50px !important;
  transition: 0.5s;
  transform: scale(1.1);
}

.valuescard .box:hover img {
  transform: scale(1);
}

.valuescard .box:hover {
  box-shadow: 0px 0 30px rgb(1 41 112 / 8%);
}

.countericon .card-title {
  font-size: 14px;
  font-weight: 400;
  font-family: "Nunito", sans-serif;
}

.features .card {
  border: none;
}

.features .h5 {
  font-family: "Nunito" !important;
  font-weight: 700 !important;
}

.cntus-bg {
  background-color: #f6f9ff;
  padding-top: 20px;
  padding-bottom: 30px;
}

.bg-blue {
  background-color: #f6f9ff;
}

.bgfooter ul li:hover {
  color: #12406e;
  cursor: pointer;
}

.service .card:hover .card-title,
.service .card:hover .card-text,
.service .card:hover {
  color: #fff;
}

.service .card:hover {
  background-color: #31669dfa;
}

.service .card {
  box-shadow: 0px 0 5px rgb(1 41 112 / 8%);
  text-align: center;
  transition: 0.3s;
  border: none;
  height: 580px;
}

.bg-blue a {
  color: #000;
  text-decoration: none;
  font-weight: 700;
  padding-left: 2px;
}

.social {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}

.social svg {
  width: 44px;
  height: 35px;
  color: #00264c;
}

.compnyprofile {
  display: flex;
  flex-direction: row;

  justify-content: center;
  align-items: center;
}

.pdfsty {
  display: flex;
  justify-content: center;
}

.clrbluebg {
  display: block;
  background-color: #acdef338;
  padding: 31px 20px;
  margin-top: 0px;
}

.padmgdty {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.companyprofile h2 {
  line-height: 41px;
  font-weight: 700;
  color: #000;
  font-size: 18px;
}

.whatwedo {
  width: 100%;
  /* height: 100vh; */
  background: linear-gradient(
    198deg,
    rgb(2 0 36 / 60%) -6%,
    rgb(9 9 121) 35%,
    rgb(2 0 36 / 94%) 100%
  );
  background-size: cover;
}

.cntstripe h2,
h1 {
  color: #fff;
}

.cntstripe {
  width: 100%;
  background-color: #00264c;
  background-size: cover;
  margin-top: 6rem;
  padding-top: 13px;
  padding-bottom: 10px;
}

.ios-left {
  padding-right: 0px;
  padding-left: 58px;
}

.cntstripbtn {
  margin-left: 24.1rem;
  width: 100%;
}


ul.footermenu li a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
  font-family: "Nunito";
}

.allheading a {
  text-decoration: none;
}

span.errorMessage {
  color: #ff0808;
}

.navbar-toggler-icon {
  background-image: url(/assets/image/menutoggle.png) !important;
}

.footer-fontsiz h2 {
  font-size: 16px;
  font-weight: bold;
  color: #012970;
}
.compnyprofile p a {
  color: #012970;
  padding-right: 30px;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}
h2.cntsty {
  font-size: 30px;
  line-height: 32px;


}
/***** *********************career page *********************/
.card.career {
  box-shadow: 0px 0 5px rgb(1 41 112 / 8%);
  transition: 0.3s;
  border: none;
  background-color: #fff;
  padding: 2rem;
}

.card-box-inner .box-1 span {
      color: #00264c;
}
/* .box-1 {
  display: flex;
  align-content: space-between;
  justify-content: space-between;
  align-items: center;
} */
.card-box-inner ul.box-2 {
  display: flex;
  width: 70%;
  list-style: none;
  align-items: stretch;
  padding-left: 0px;
  /* justify-content: space-around; */  
  color: #00264c;
}
.card-box-inner ul.box-2 li {
  margin-right: 10px;
}
.card-box-inner p {
  color: #00264c;
  text-align: justify;
}
.apply{
      width: 30%;
}
span.btn-dev {
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 2px 13px;
  box-shadow: 0px 1px 1px 1px;
}
.card-box-inner svg {
  width: 20px;
  height: 20px;
}

.card-box-inner .card {
  box-shadow: 0px 0 5px rgb(1 41 112 / 8%);
  transition: 0.3s;
  border: none;
  background-color: #00264c;
  border-radius: 20px;
}

.heading-sty {
    font-size: 24px;
    font-weight: 700;
    color: #00264c;
    line-height: 40px;
  }


/***************** career page end**************** */
h3.bluclr {
  color: #00264c;
}

.footer-fontsiz a {
  color: #000 !important;
}
.addresdetails a {
  color: #000;
}

.blogbtn button {
  --bs-btn-bg: #e7174b;
  --bs-btn-border-color: #d1355d;
}
.dropdown-menu.show a {
  padding-left: 5px !important;
  line-height: 30px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  padding-top: 0px;
  padding-bottom: 0px;
}
.dropdown-divider {
  margin: 0px 0px !important;
}
/* .dropdown-menu.show a:hover {
  color: #fff!important;
 
} */

.dropdown-toggle::after {
  position: absolute;
  bottom: 16px;
}
.cntbtn:hover {
  color: #ffffff;
  background: #fb2056b3;
  box-shadow: 1px 2px 8px #fb2056b3;
  border: unset !important;
}
.cntbtn:active {
  border: unset !important;
}

button.cntbtnsty:hover {
  color: #ffffff;
  background: #fb2056b3;
  box-shadow: 1px 2px 8px #fb2056b3;
  border: unset !important;
}
/* team */
.team .member .social {
  position: absolute;
  right: -100%;
  top: 0px;
  opacity: 0;
  border-radius: 4px;
  transition: 0.5s;
  background: rgba(255, 255, 255, 0.3);
  z-index: 2;
  display: block;
}
.team .member:hover .social {
  right: 8px;
  opacity: 1;
}
.team .member .social a {
  transition: color 0.3s;
  /* color: rgba(1, 41, 112, 0.5); */
  margin: 15px 12px;
  display: block;
  line-height: 0;
  text-align: center;
}
.team .member .social a:hover {
  color: rgba(1, 41, 112, 0.8);
}
.team .member {
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 0 30px rgb(1 41 112 / 8%);
  transition: 0.3s;
}
.team .member .member-img {
  position: relative;
  overflow: hidden;
}
.team .member:hover {
  transform: scale(1.08);
  box-shadow: 0px 0 30px rgb(1 41 112 / 10%);
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.info h2 {
  font-size: 23px;
  font-weight: 600;
  line-height: 30px;
  margin-top: 6px;
  margin-bottom: 0px;
}

.home-whower img {
  box-shadow: 1px 0px 5px 3px #bec2caed;
}

/* .card-img-top {
  height: 250px !important;
  width: 100% !important;
} */
.blog-detail-text p {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  font-family: "Nunito";
}
.blog-detail-text h1 {
  color: #000;
  font-weight: 700 !important;
  font-size: 25px;
}
ol.olsty-pd li {
  padding: 15px 0px;
}
p.inner-detail-img img {
  width: 100%;
  height: 500px;
}
ul.olsty-pd li b {
  font-size: 20px;
  line-height: 34px;
  color: #2e3b69;
}
ul.olsty-pd {
  list-style: none;
  padding-left: 0px;
}

a.cntbtnsty {
  color: #fff;
  background-color: #e7174b;
  border: unset;
      font-size: 18px;
      line-height: 35px;
      font-weight: 600;
}
a.cntbtnsty:hover {
  color: #ffffff;
  background: #fb2056b3;
  box-shadow: 1px 2px 8px #fb2056b3;
  border: unset !important;
}

/* img.card-img-top {
  height: 260px;

} */

.blog-card .card {
  height: 570px;
}
.jobs-text h1 {
  color: #000;
  font-weight: 900 !important;
  font-size: 26px;
  line-height: 30px;
 
}
.liststy-text h2 {
  font-size: 22px;
  font-weight: 800;
  color: #000;
}

.liststy-text ul {
  padding-left: 21px;
}

/* .job-overviews .card
{
  box-shadow: 0px 0 5px rgb(1 41 112 / 8%);
    text-align: center;
    transition: 0.3s;
    border: none;
} */
.job-overviews h1{
  font-size: 22px;
    font-weight: 800;
    color: #000;
}
.job-over{
  box-shadow: 0px 0 5px rgb(1 41 112 / 8%);
    text-align: center;
    transition: 0.3s;
    border: none;
      position: sticky;
      top: 100px;
      transition: all .3s ease-in-out;

}
.icnbox-carerdetail{
  display: flex;
    align-content: center;
    justify-content: stretch;
}
.ct-p {
  /* flex-direction: column; */
  text-align: left;
}
.ct-p p {
  font-size: 16px;
  margin: 0px;
}
.ct-p.card-title{
  margin-bottom: 0px!important;

}
.whychoose .card-title{
  font-size: 13px;
    font-weight: 600;
  }

.footer-fontsiz p {
  font-size: 14px;
}
/* casestudy */
.projectslide img {
  width: 100%;
  object-fit: cover;
  height: 300px;
}
/* .peragraph-align p, h5 {
  text-align: justify;
} */
.peragraph-alignios .card-title.h5 {
  background-color: #012970;
  padding: 6px 7px;
  color: #fff;
}




.clm-size-contactus .col-sm-2 {
  width: 19.666667%!important;
}
.clm-size-contactus P {
  font-size: 16px;
  letter-spacing: 1.1px;
}
.clm-size-contactus {
  padding: 0.4rem;
}


b.mrketing-heding {
  color: #000;
  font-size: 30px;
  letter-spacing: 1.1px;
}
.cardssheight.card {
  height: 196px;
}
b.addresty p {
  color: #fff !important;
  font-size: 24px;
  border-bottom: 1px solid;
}

.social.contactsocial {
  justify-content: center;
}
.addresdetails {
    text-align: center;
      margin: -75px;
}
.contactpage {
  justify-content: center;
}
.catname-highlight{
font-size: 18px;
font-weight: 700;
color: #00264c;
}

.atagstay {
  text-decoration: none;
  color: unset;
}
span.cntsty {
font-size: 28px;
  font-weight: 700;
  color: #00264c;
  line-height: 34px;
  font-family: "Nunito", sans-serif;
}
.content-block-about p {
    text-align: justify;
}
.padingul ul {
  margin-top: 5px;
  padding-left: 0px;
}
.padingul li {
  padding-bottom: 13px;
  font-size: 16px;
}
.testimonial img {
  width: 100%;
  height: auto;
}

.blog-detail-text h4 {
  font-size: 22px;
  font-weight: 700;
  color: #012970;
}
.blog-detail-text p{
  text-align: justify;
}

.dropdown-item:active {
  background-color: unset!important;
}

.imgcnt-cntpage img {
  width: 100%;
}

.imgcnt img{
  width: 100%;
}
button.navbar-toggler {
  border: none;
}

.navbar-toggler:focus {
  box-shadow: none;
}


@media only screen and (max-width: 767px) and (min-width: 320px) {
  .social {
      justify-content: center;
  }
  .ios-left {
    padding-top: 30px !important;
    padding-left: 0px;
  }

  .bnnr {
    height: auto;
  }

  .bnnr img {
    width: 100%;
  }

  .content-block-about {
    padding-right: 0px;
  }

  .witeheading h1 {
    padding-top: 0px;
  }


  .bnnr2 {
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
  }

  .addresdetails {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 999px) and (min-width: 768px) {
  .ios-left {
    padding-left: 0px;
  }

  .content-block-about {
    padding-right: 0px;
  }

  .witeheading h1 {
    padding-top: 0px;
  }

  .tabimage img {
    max-width: 50% !important;
    position: absolute;
    top: 19rem;
    right: 3rem;
  }

  .features img {
    max-width: 100%;
    height: auto;
  }

  .allheading h2 {
    font-size: 30px;
  }

  .allheading.footr-about-text {
    padding-right: 0rem;
  }

  .allheading h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 999px) {
  .tabimage img {
    max-width: 50% !important;
    position: absolute;
    top: 19rem;
    right: 3rem;
  }
}
