@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: "Inter" !important;
}

body {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  background-color: white;

  position: relative;
  min-height: 100vh;
}

.mainContainer {
  width: 1230px ;
  float: left;
  padding: 0 12px;

}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #ddd;
}

::-webkit-scrollbar-thumb {
  background: #333;
}

.topSlider {
  width: 100%;
  float: left;
  position: relative;

   
}
.topSlider video {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  object-fit: cover;
  
}
.videomobile{
  display: none;
}

.topSlider article {
  width: 750px;

  position: absolute;
  left: 50%;

  top: 70%;
  padding: 20px 30px;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  background-color: #64646438;
  border-radius: 10px;
  backdrop-filter: blur(5px);
    z-index: 5;
}
.topSlider article h1 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  text-align: center;
  color: #ffffff;
  position: relative;
}
.topSlider article h1 small {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 700;
  font-size: 33px;
  text-align: center;
  color: #f3d702;
  margin: 0 0 7px 0;
}
.topSlider article h1::after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: calc(50% - 70px);
  width: 140px;
  height: 3px;
  background-color: #fff;
}
.topSlider article p {
  width: 500px;
  float: left;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  margin: 50px 0 0 0;
}
.topSlider article .topSLideBttn {
  background-color: #061652;
  float: left;
  color: #fff;
  text-decoration: none;
  padding: 15px 26px;
  margin: 16px 0 0 0;
  font-size: 18px;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
  border-radius: 30px;
  box-shadow: 0 4px 10px #06165296;
  letter-spacing: 1px;
  display: inline-block;

 
}

header {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  display: flex !important;
  justify-content: center;
  z-index: 9999;
  transition: 0.4s ease-in-out;
}
header .headerInner {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .headerInner a.topLogo {
  width: 150px;
  float: left;
}
header .headerInner a.topLogo img {
  width: 100%;
}
header .headerInner .navListing {
  float: left;
  padding: 0;
  left: 0;
  display: flex;
  gap: 30px;
}
.dropcap-text {
  font-weight: bold;
}
.sort {
  text-align: justify;
}
.dropcap-text::first-letter {
  font-weight: bold;
  color: red !important;
}
header .headerInner .navListing li {
  float: left;
  list-style: none;
}
header .headerInner .navListing li a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 0px;
}
header .headerInner .toggle_icon {
  display: none;
}
header.sticky {
  background-color: rgba(0, 0, 0, 0.3);
  background-color: #103456;
  top: 0;
  left: 0;

  backdrop-filter: blur(15px);
  position: fixed;
  padding: 20px 0;
}

.courcesOffered {
  width: 100%;
  float: left;
  margin: 0px 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.courcesOffered .co__inner {
  width: 100%;
  margin-top: 50px;
  float: left;
}

.courcesOffered .co__inner h2 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  color: #103456;
  margin: 0 0 20px 0;
  text-align: center;
}
.courcesOffered .co__inner .courseBoxWrap {
  width: 33%;
  float: left;
  padding: 20px;
  /* margin-bottom: 15px; */
}
svg {
  width: 10px;
  fill: #060400;
}
.logofix {
  position: absolute;
  left: 18.2%;
  top: 50%;
  transform: translateY(-50%);
}
.logofix img {
  width: 150px;
}
.courcesOffered .co__inner .courseBoxWrap .courseBoxInner {
  width: 100%;
  float: left;
  height: 200px;
  background: #1034a6;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  padding: 15px;
  /* box-shadow: 0 10px 30px rgba(0, 21, 84, 0.664); */
}
.topSlider::before {
position: absolute;
width: 100vw;
height: 100vh;
/* background: red !important; */
content: '';
z-index: 1;

}
.courcesOffered .co__inner .courseBoxWrap .courseBoxInner img {
  width: 55px;
  height: 55px;
  float: left;
  -o-object-fit: contain;
  object-fit: contain;

  /* filter: brightness(0) saturate(100%) invert(10%) sepia(99%) saturate(4536%) hue-rotate(234deg) brightness(83%) contrast(105%); */
}
.courcesOffered .co__inner .courseBoxWrap .courseBoxInner h4 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
}
.courcesOffered .co__inner .courseBoxWrap .courseBoxInner h3 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  padding: 10px 0;
  color: #ffffff;
}
.courcesOffered .co__inner .courseBoxWrap .courseBoxInner h2 {
  margin: 0;
  padding: 10px 0;
  color: white;
}

.institutesWrap {
  width: 100%;
  float: left;
  /* background: url(../images/institutesbac.png); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  display: flex;
  justify-content: center;
  background-color: rgba(188, 189, 197, 0.156);
}
.institutesWrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(180deg, #103456 5.04%, rgba(6, 21, 76, 0.8) 53.65%, #103456 100%); */
}
.institutesWrap .maincontainer {
  z-index: 90;
  position: relative;
}
.institutesWrap .maincontainer .instituteInner {
  width: 100%;
  float: left;
  padding: 80px 0 80px 0;
}
.institutesWrap .maincontainer .instituteInner h2 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  color: #103456;
  margin: 0 0 20px 0;
  text-align: center;
}
.institutesWrap .maincontainer .instituteInner .allIntBlock {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
.institutesWrap .maincontainer .instituteInner .allIntBlock .intBoxWrap {
  width: 31%;
  /* flex: 1; */
  float: left;
  padding: 5px;
  /* margin: 0 1px  0 0; */
  margin-bottom: 20px;
}
.institutesWrap
  .maincontainer
  .instituteInner
  .allIntBlock
  .intBoxWrap:nth-child(4) {
  width: 31%;
}
a {
  text-decoration: none;
}
.institutesWrap
  .maincontainer
  .instituteInner
  .allIntBlock
  .intBoxWrap
  .intInner {
  width: 100%;

  float: left;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  position: relative;
  border-radius: 20px;
  text-align: center;
  padding: 20px;
  background: #103456;
}
.institutesWrap
  .maincontainer
  .instituteInner
  .allIntBlock
  .intBoxWrap
  .intInner
  img {
  width: 140px;
}

.institutesWrap
  .maincontainer
  .instituteInner
  .allIntBlock
  .intBoxWrap
  .intInner
  h4 {
  font-style: normal;
  font-weight: 800;
  font-size: 20px;

  color: #ffffff;
  z-index: 99;
  letter-spacing: 1px;
}
.intInner button {
  background-color: rgb(255, 255, 255);
  border: none;
  padding: 10px 20px;
  text-decoration: none !important;
  border-radius: 5px;
  color: #061652;
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 16px;
}

.testimonialWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.testimonialWrap .testimonialInner {
  width: 100%;
  float: left;
  margin: 10px 0 50px 0;
}
.testimonialWrap .testimonialInner h2 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  color: #103456;
  margin: 0 0 40px 0;
  text-align: center;
}
.testimonialWrap .testimonialInner .slideBox {
  width: 100%;
  float: left;
  padding: 20px 12px;
}
.testimonialWrap .testimonialInner .slideBox .slideBoxInner {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
  border: 2px solid #103456e1;
  border-radius: 10px;
  background-color: rgba(210, 210, 211, 0.059);
  padding: 10px;
  box-shadow: 0 5px 20px rgba(0, 7, 81, 0.277);
}
.testimonialWrap .testimonialInner .slideBox .slideBoxInner article {
  width: 100%;
  float: left;
  height: 330px;
  /* background-color: #fff; */
  padding: 20px;
}
.testimonialWrap .testimonialInner .slideBox .slideBoxInner article h5 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 800;
  font-size: 15px;
  line-height: 28px;
  text-align: center;
  color: #103456;
  margin: 40px 0 0 0;
}
.testimonialWrap .testimonialInner .slideBox .slideBoxInner article h5 small {
  width: 100%;
  float: left;
  font-size: 12px;
  color: #272727;
  margin: -6px 0 0 0;
  font-weight: 400;
}
.testimonialWrap .testimonialInner .slideBox .slideBoxInner article p {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  text-align: justify;
  color: #000000;
  margin: 15px 0 0px 0;
  max-height: 172px;
  overflow: auto;
}
.testimonialWrap
  .testimonialInner
  .slideBox
  .slideBoxInner
  article
  p::-webkit-scrollbar {
  display: none;
}
.testimonialWrap .testimonialInner .slideBox .slideBoxInner picture {
  width: 90px;
  height: 90px;
  float: left;
  background-color: #103456;
  border: 1px solid #103456;
  border-radius: 100%;
  position: relative;
  margin: 0 0 -40px 0;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(4, 0, 73, 0.421);
}
.testimonialWrap .testimonialInner .slideBox .slideBoxInner picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 100%;
}

.testimonialWrap .testimonialInner .nbs-flexisel-inner {
  position: relative;
}
.testimonialWrap .testimonialInner .nbs-flexisel-inner::after {
  content: "";
  width: 43%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  /* background: url(../images/rightShadow.png); */
  background-size: 100%;
  background-position: left center;
}
.testimonialWrap .testimonialInner .nbs-flexisel-inner::before {
  content: "";
  width: 43%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  /* background: url(../images/leftShadow.png); */
  background-size: 100%;
  background-position: right center;
  z-index: 10;
}

footer {
  width: 100%;
  float: left;
  margin: 100px 0 0px 0 !important;
  border-bottom: 1px solid #2c3e7c !important;
  display: flex !important;
  justify-content: center;
}
footer .footerInner {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 35px 0;
}
footer .footerInner .footerLogo {
  width: 115px;
  float: left;
  display: none;
}
footer .footerInner .footerLogo img {
  width: 100%;
  background-color: #103456;
  padding: 10px;
  border-radius: 10px;
}
footer .footerInner .contactInfo {
  float: left;
  display: flex;
  gap: 25px;
  display: none;
}
.approvalsec {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  align-items: baseline;
}
.approvalitem {
  /* background-color: rgb(227, 227, 227); */
  width: 25%;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
}
.approvalitem h4 {
  font-size: 20px;
  font-weight: 700;
  color: #103456;
  padding-top: 10px;
}
.institutesWrapapprovalsec {
  background-color: white !important;
}
.approvalitem img {
  width: 40%;
}
footer .footerInner .contactInfo p {
  float: left;
  display: flex;
  align-items: center;
  gap: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #103456;
}

.endFooter {
  width: 100%;
  float: left;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  padding: 37px 0;
  background-color: #103456;
  position: relative;
}
.endFooter a {
  color: #f4b507;
  text-decoration: none;
}

.stickyBttns {
  position: fixed;
  bottom: 150px;
  right: 30px;
  width: 65px;
  z-index: 999;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.stickyBttns a {
  width: 45px;
  height: 45px;
  background-color: #103456;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  transition: 0.3s ease-in-out;
}
.stickyBttns a img {
  width: 20px;
  filter: brightness(0) saturate(100%) invert(93%) sepia(4%) saturate(0%)
    hue-rotate(229deg) brightness(106%) contrast(106%);
}
.stickyBttns a:hover {
  transform: scale(1.1);
  background-color: #006aff;
} /*# sourceMappingURL=style.css.map */

uL {
  list-style: none;
}

/* =======slider============ */
/* =======slider============ */
/* =======slider============ */
/* =======slider============ */
/* =======slider============ */

.nbs-flexisel-container {
  position: relative;
  max-width: 100%;
}
.nbs-flexisel-ul {
  position: relative;
  width: 99999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: left;
}

.company_logo_slider_wrap .nbs-flexisel-inner {
  padding: 0px 0px 0px 0;
}

.nbs-flexisel-inner {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  padding: 0 0px;
}

.nbs-flexisel-item {
  float: left;
  margin: 0px;
  padding: 0 0px;
  position: relative;
}

/*** ===========Navigation ==========***/
/***========== Navigation ==========***/

.nbs-flexisel-nav-right {
  padding: 9px 16px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  position: absolute;
  cursor: pointer;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  color: #06154c;
  font-family: "Poppins" !important;
  font-size: 30px !important;
  transition: 0.2s ease-in-out;
  border: 2px solid #06154c;
  box-shadow: 0px 0px 5px #06154c;
  z-index: 900;
}
.sortfrom {
  padding-top: 40px !important;
}
.sortfrom li {
  padding: 10px 0;
  line-height: 1.5;
}

.nbs-flexisel-nav-right:hover {
  background: #06154c;
  color: #ffffff;
}

.nbs-flexisel-nav-left {
  padding: 9px 16px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  position: absolute;
  cursor: pointer;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);

  color: #06154c;
  font-family: "Poppins" !important;
  font-size: 30px !important;
  transition: 0.2s ease-in-out;
  border: 2px solid #06154c;
  box-shadow: 0px 0px 5px #06154c;
  z-index: 900;
}

.nbs-flexisel-nav-left:hover {
  background: #000000;
  color: #fff;
}

.nbs-flexisel-nav-left {
  left: 10px;
}

.nbs-flexisel-nav-left:before {
  content: "<";
}

.nbs-flexisel-nav-left.disabled {
  opacity: 0.4;
}

.nbs-flexisel-nav-right {
  right: 5px;
}

.nbs-flexisel-nav-right:before {
  content: ">";
}

.nbs-flexisel-nav-right.disabled {
  opacity: 0.4;
}
/**nav arrow animation**/
.nbs-flexisel-nav-left {
  left: -100px !important;
  transition: 0.3s ease-in-out;
  opacity: 0;
}

.nbs-flexisel-inner:hover .nbs-flexisel-nav-left {
  left: 10px !important;
  opacity: 1;
}

.nbs-flexisel-nav-right {
  right: -100px !important;
  transition: 0.3s ease-in-out;
  opacity: 0;
}

.nbs-flexisel-inner:hover .nbs-flexisel-nav-right {
  right: 10px !important;
  opacity: 1;
}

/*********************************slr**************************/
