@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

/* nse colors */
:root {
  /* nse primary color */
  --nse-purple: #392E7D;
  --nse-orange: #E96F24;
  --nse-red: #E41F28;
  --nse-yellow: #F1B519;
  --MIT-blue: #22438A;
  --MIT-yellow: #FCB71C;
  --nse-light-purple: #4c3ea7a6;
  --nse-light-orange: #fd7e14c4;
  --nse-light-red: #f33c44a8;
  --nse-light-yellow: #f9c53da8;
  --nse-ex-light-purple: #392e7d89;
  --nse-ex-light-orange: #fd7e1461;
  --nse-ex-light-red: #e41f284f;
  --nse-ex-light-yellow: #f1b51952;
  --btn-color: #585858;
  --main-bg-color: #fff;
  --white-color: #fff;
  --black-color: #000;
  --gray-color: #dadada;
  --light-gray-color: #eee;
  --light-bg-color: #f7f8fc;
  --bg-main-theme: #F3F6F8;
  --bg-secondary-theme: #f7fcff;
  --bs-white: #fff;
  --bs-black: #000;
  --bs-blue: #0d6efd;
  --bs-dark-blue: #5863a6;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0080ff;
  --bs-secondary: #6c757d;
  --bs-success: #18d26b;
  --bs-info: #00b8d4;
  --bs-warning: #ffa800;
  --bs-danger: #ff3f3f;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-light-green: #58baab;
}

p {
  margin: 0%;
  padding: 0%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  scroll-behavior: smooth;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  font-size: 62.5%;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 500;
  overflow-x: hidden;
  transition: all .3s ease-in-out;
}

ul li {
  list-style: none;
}

.section-heading {
  padding: 5rem;
}

hr {
  color: aliceblue;
}

.para-heading>h4{
  font-size: 2.2rem;
}

.sub_heading{
  font-size: 2.5rem;
  padding: 2rem;
  color: var(--bs-gray);
}


.para-heading p {
  font-size: 1.5rem;
  font-weight: 500;
}

.pera-text {
  font-size: 1.35rem;
  font-weight: 500;
}

.af-modeling-button {
  font-size: 14px;
}

.acc-box p {
  font-size: 14px;
}

.primary-heading {
  max-width: 100%;
  text-align: center;
}

.primary-heading h2 {
  color: var(--nse-purple);
  font-size: 4rem;

}



@media screen and (max-width: 900px) {
  .sub_heading{
    font-size: 2rem;
  }
  .primary-heading {
    max-width: 100%;
  }
  
  .section-heading {
    padding: 1rem 2rem;
  }
  
  .para-heading{
	font-size: .8rem;
  }
  
  .iia-cards .para-heading{
	font-size: .8rem;
    text-align: center;
  }
  .para-heading p {
    font-size: 1.7rem;
    font-weight: 600;
}

#overview {
        padding: 1rem 3rem !important;

}

#eligibilty-p {
    margin-top: 0px !important;
}

.shedule-button-body {
  background-color:white !important;
  color:var(--nse-purple)!important;
 
}

.shedule-download-button .btn {
    margin-top: 10px;
}

.iia-card>.para-heading>span {
    font-size: 2.5em;
}
}


/*=========================================== modal form starts here ================================*/
#registerModal{
  z-index: 9999999999;
}
#registerModal .modal-header img{
  position: static !important;
  width: 8rem;
}

.modal-logo{
  max-width: 100px;
}
.modal-logo img{
  width: 100%;
}

.get_in_touch_inner{
  display: flex;
  flex-direction: column;
  gap: 3rem;
 }
 .get_in_touch_inner .section_heading_main{
  color: var(--bs-white);
 }

 .get_in_touch_innerForm{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

 .get_in_touch_innerForm form{
  width: 70rem;
  min-width: 40rem;
  padding: 2rem;
  padding-top: 0;
  border-radius: .8rem;
  background-color: #fff;
  /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */
  z-index: 9;
 }

 .get_in_touch_innerForm_title h4{
  font-size: 2rem;
  color: #392d7d;
  font-weight: 600;
  text-align: center;
  margin: 1rem 0;
 }
 /* .get_in_touch_innerForm_title p{
  font-size: 1.5rem;
  color: var(--bs-gray);
  margin: 1rem 0;
 } */
 .get_in_touch_innerForm_input{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 2rem 0;
  
 }
 .get_in_touch_innerForm_input .form-control{
  border-radius: 0px;
  border: none;
  background-color: #f2f2f3;
  font-size: 1.1rem;
  color: #777;
  padding: 15px;
  border-radius: .3rem;
}
.get_in_touch_innerForm_input .form-control:focus{
  width: 100%;
  box-shadow: none;
  outline: none;
  background-color: #f2f2f3;
}
.get_in_touch_innerForm_input span{
  display: flex;
  gap: 1.2rem;
}
.get_in_touch_innerForm_input select{
  padding: 0.5rem 1.2rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  font-size: 1.1rem;
  border: none;
  color: #777;
}
.get_in_touch_innerForm_input .form-control::placeholder{
  font-size: 1.1rem;
  letter-spacing: 1px;
  color: #777;
}
.get_in_touch_innerForm_input button{
  padding: 15px;
  color: #fff;
  background-color: #392d7d;
  border: none;
  border-radius: .4rem;
  font-size: 1.1rem;
  font-weight: 500;
}

.btn-close{
  font-size: 1.1rem;
}

#ajaxResponseCheckoutForm{
  font-size: 1.4rem;
}
/* register form modal end */
/*=========================================== modal form ends here ===================================*/

/*========================================= main starts from here =====================================*/

#home_section {
  background-position: center;
  background-repeat: no-repeat;
  min-height: 90vh;
  width: 100%;
  background-size: cover;
  background-image: url(../images/content-img/7\ \(2\).png);
}

.hero_section_banner {
  min-height: 90vh;
  width: 100%;
  background-color: #241b4ba1;
  position: relative;
}

.hero_section {
  left: 10%;
  top: 5%;
  position: absolute;
  padding: 30px;
  height: 100%;
}

.hero_section h1 {
  color: white;
  font-size: 40px;
}

.hero_section h3 {
  color: white;
}

.nse-line {
  max-width: 700px;
}

.nse-line img {
  width: 100%;
}

.inner-hero-section {
  margin-top: 2rem;
  color: white;
}

.inner-hero-section .para-heading{
  position: absolute;
  bottom: 15%;
  left: 8%;
  width: 100%;
  text-align: center;
  background-color: var(--nse-purple);
  padding: 20px;
  color: rgb(239, 239, 239);
  font-weight: 300;
}

.inner-hero-section .para-heading b{
  color: #000;
  color: white;
}

.inner-hero-section h2{
  font-size: 2.5rem;
}

.hero-inner-logo {
  max-width: 200px;
}

.hero-inner-logo img {
  width: 100%;
}

.banner-logos {
  flex-wrap: wrap;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.inner-logo-img {
  max-width: 160px;
  background-color: white;
  padding: 10px;
  height: 7rem;
  border-radius: 5px;
}

.inner-logo-img img {
  width: 100%;
}

.inner-hero-section .para-heading {
  margin-top: 10px;
  max-width: 400px;

}

.inner-hero-section .para-heading p {
  width: 100%;
}

.banner-form {
  position: absolute;
  padding-right: 3%;
  top: 2%;
}

.hero-cards {
  display: flex;
  gap: 2rem;
}

.hero-card {
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  background: rgb(47, 7, 167);
  background: linear-gradient(86deg, rgba(47, 7, 167, 1) 0%, rgba(255, 60, 0, 0) 90%);
}

.hero-card i {
  font-size: 2.5em;
}

@media screen and (max-width: 900px) {
  .hero_section {
    position: static;
  }

  .banner-form {
    position: static;
    padding: 20px;
  }

  .form {
    max-width: 100% !important;
  }
  .inner-hero-section .para-heading{
    position: static;
  }
}


/* form starts from here */
.form {
  z-index: 1;
  filter: drop-shadow(2px 3px 3px rgb(0, 0, 0));
  /* box-shadow: 2px 2px 3px var(--nse-ex-light-red), -2px -2px 3px var(--nse-ex-light-red); */
  display: flex;
  flex-direction: column;
  gap: 7px;
  /* max-width: 350px; */
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  position: relative;
}

.title {
  font-size: 28px;
  color: #392E7D;
  font-weight: 600;
  letter-spacing: -1px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 30px;
}

.title::before,
.title::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  border-radius: 50%;
  left: 0px;
  background-color: #392E7D;
}

.title::before {
  width: 18px;
  height: 18px;
  background-color: #392E7D;
}

.title::after {
  width: 18px;
  height: 18px;
  animation: pulse 1s linear infinite;
}

.message,
.signin {
  color: rgba(88, 87, 87, 0.822);
  font-size: 14px;
}

.signin {
  text-align: center;
}

.signin a {
  color: #392E7D;
}

.signin a:hover {
  text-decoration: underline #392E7D;
}

.flex {
  display: flex;
  width: 100%;
  gap: 6px;
}

.form label {
  font-size: 1.2rem;
  position: relative;
}

.form label .input {
  width: 100%;
  padding: 5px 5px 5px 5px;
  outline: 0;
  border: 1px solid rgba(105, 105, 105, 0.397);
  font-size: 1.4rem;
}

.form label .input+span {
  position: absolute;
  left: 10px;
  top: 2px;
  color: grey;
  font-size: 2rem;
  cursor: text;
  transition: 0.3s ease;
}

.form label .input:placeholder-shown+span {
  top: 15px;
  font-size: 1.4rem;
}

.form label .input:focus+span,
.form label .input:valid+span {

  font-size: 1.4em;
  font-weight: 600;
}

.form label .input:valid+span {
  color: green;
}

.submit {
  border: none;
  outline: none;
  background-color: #392E7D;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  transform: .3s ease;
}

.submit:hover {
  background-color: var(--nse-light-purple);
}

/* forms ends from here */

.shedule-button {
  width: 100%;
  display: flex;
  justify-content: center;
}


/* shedule starts from here */
#shedule {

  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  background-color: #392e7d;
  padding: 30px 30px;
  position: sticky;
  top: 0%;
}

.shedule-card {
  border-radius: 2px;
  width: 100%;
  padding: 5px;
  min-height: 55px;
  color: white;
}

.shedule-card-inner {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.5rem;
  text-align: center;
  text-wrap: nowrap;
}

.shedule-icon-image {
  width: 30px;
}

.shedule-icon-image img {
  width: 100%;
}

.shedule-card:hover {
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}


.shedule-button {
  color: var(--nse-purple);
  background-color: white;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.shedule-button-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
}
.shedule-button-heading h5{
  font-size: 15px;
}
.shedule-button-body {
  background-color: var(--nse-purple);
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  color: white;
  top: 100%;
  position: absolute;
  display: none;
  backdrop-filter: blur(5px);
}

.shedule-button-body>.para-heading {
  padding: 5px;
}


.shedule-button:hover {
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.shedule-button:hover .shedule-button-body {
  display: block;
  width: 100%;
}

.shedule-button:hover .shedule-button-body .para-heading {
	text-align: center;
}

.shedule-download-button {
  align-items: center;
  justify-content: center;
  display: flex;
  height: 55px;
}

.shedule-download-button .btn {
  width: 80%;
  background-color: var(--nse-purple);
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

@media screen and (max-width: 900px) {
  #shedule {
    padding: 10px 30px;
    position: static;
  }

  .shedule-card-inner{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    text-align: left;
  }

  .shedule-button-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: static;
  }

  .shedule-button {
    margin: 5px 0px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  }

  .shedule-button-heading {
    background-color: #e56f28;
    width: 100%;
	  color: white;
  }
  .shedule-download-button .btn{
    width: 100%;
  }
}

/* benefits_of_cia_list */
.benefits_of_cia_list ul{
  display: flex;
  flex-wrap: wrap;
  gap:2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.benefits_of_cia_list ul li{
  margin: 5px;
  padding: 20px;
  align-self: flex-start;
  width: 250px;
  min-height: 80px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.benefits_of_cia_list ul li .pera-text{
  text-align: center;
}

.benefits_of_cia_list ul li i{
  display: none;
}


/* shedule section ends here */

#overview {
  padding: 5rem;
}

.overview-body-section {
  display: flex;
  align-items: center;
}

.iia-section {
  flex-direction: row-reverse;
}

.iia-section .overview-image {
  max-width: 30%;
}

.overview-inner-section {
  margin-top: 20px;
}

.overview-inner-section div h4 {
  color: var(--nse-orange);
}

.overview-image {
  padding: 10px;
  max-width: 100%;
  position: relative;
}
.iia_source{
  bottom: 10%;
  position: absolute;
  right: 10%;
}

.overview-image img {
  width: 100%;
  border-radius: 5px;
}

.overview-list {
  margin-top: 10px;
}

.overview-list>ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.overview-list>ul>li {
  cursor: pointer;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.overview-list>ul>li:hover {
  box-shadow: rgba(75, 16, 143, 0.02) 0px 1px 3px 0px, rgba(75, 16, 143, 0.02) 0px 0px 0px 1px;
}

.overview-list>ul>li>i {
  font-size: 1.8em;
}

@media screen and (max-width: 900px) {
  .overview-body-section {
    flex-direction: column;
  }

  .overview-image {
    padding: 10px;
    max-width: 100%;
  }

  .overview-image img {
    width: 100%;
    border-radius: 5px;
  }

  .iia-section .overview-image {
    max-width: 100%;
  }

}


/* iia cards starts from here */

.iia-cards {
  max-width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 2.2rem;
}

.iia-card {
  padding: 10px 10px;
  width: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  border-radius: 10px;
}

.iia-card>.para-heading>span {
  font-size: 3.5em;
}

.iia-card-image {
  max-width: 50px;
}

.iia-card-image img {
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.26));
  max-width: 100%;
}


/*  certified starts from here  */
.certificate-image{
  width: 100%;
}
.certificate-image img{
  width: 100%;
}

.certified-inner-img {
  max-width: 100%;
}

.certified-inner-img img {
  width: 100%;
}



/* about bba */
.about_bba_inner_quotes_main {
  width: 100%;
  background-color: #E5F1F7;
  padding: 4rem 0;
}

.about_bba_inner_quotes_main {
  width: 100%;
  background-color: #E5F1F7;
  padding: 4rem 0;
}

.about_bba_inner_quotes {
  width: 92%;
  padding: 3rem 2rem;
  border: .3rem solid var(--MIT-yellow);
  position: relative;
  margin: 1.2rem auto;
  background-color: var(--white-color);
}

.about_bba_inner_quotes::after {
  font-family: "Font Awesome 5 Free";
  content: "\f10d";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  top: -2.6rem;
  left: 1rem;
  font-size: 4rem;
  color: var(--MIT-yellow);
}

.about_bba_inner_quotes::before {
  font-family: "Font Awesome 5 Free";
  content: "\f10e";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  bottom: -2.6rem;
  right: 1rem;
  font-size: 4rem;
  color: var(--MIT-yellow);
}

.about_bba_inner_quotes p {
  font-size: 2rem;
}

.about_bba_inner_quotes div {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.about_bba_inner_quotes .last_text {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.text_highlited {
  color: var(--nse-orange);

}

/* about bba ends here*/




/* Eligbility starts from here */
#eligibilty-p {
  padding: 3rem;

}


.eligibility-p{
  background-image: url('../images/content-img/portrait-serious-smiling-modern-indian-man-near-office-building.jpg');
  width: 100%;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: left top;
}
.eligibility-p .banner{
  background-attachment: fixed;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(0, 110, 255, 0) 100%);
  width: 100%;
  height: 100%;
}
.eligibility-p-inner{
  padding: 20px;
  min-height: 500px;
  display: flex;
  gap: 2rem;
  flex-direction: column;
  justify-content: center;
}

.eligibility-p-inner-cards{
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
  justify-content: space-around;
  gap: 2rem;
  width: 100%;
}

.eligibility-p-inner-card{
  text-wrap: nowrap;
  border-radius: 5px;
  background-color: white;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

}

.eligibility-p-inner-card .pera-text{
  margin: 5px;
}

.eligibility-p-bottom h4{
  text-align: center;
}
.eligibility-p-bottom div{
  font-size: 2rem;
  border-radius: 5px;
  background-color: var(--nse-purple);
  text-align: left;
  padding: 20px;
  color: white;
}
@media screen and (max-width:991px){
  .eligibility-p .banner{
    background: linear-gradient(45deg, rgb(255, 255, 255) 10%, rgba(0, 110, 255, 0) 100%);
  }
  .eligibility-p-inner-cards{
    flex-wrap: wrap;
  }
  .eligibility-p{
    background-image: none;
  }
  .eligibility-p-inner-card{
    padding: 0px;
  }
}

/* Eligbility ends from here */



/* .certified-cards starts from here */
.certified-cards-card{
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
.market-annalysis-card {
	color: white;
  background: #392e7d;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 1rem;
  border-radius: 70px 0px 0px 70px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

}

.annalysis-card-img {
  border-radius: 50%;
  padding: 10px;
  max-width: 400px;
  background-color: var(--nse-purple);
}

.annalysis-card-para{
  padding: 20px;
  font-size: 1.4rem;
}
.annalysis-card-img img {
  border: 2px solid white;
  width: 125px;
  height: 125px;
  border-radius: 50%;
}

.certified-cards {
  display: flex;
  gap: 3rem;
  flex-wrap: wrap;
  justify-content: center;
}
.certified-card{
  margin: 1.5rem;
  text-align: center;
  width: 25rem;
}
.certified-card .certified-card-img img{
  width: 7rem;
  min-height: 8rem;
}



@media screen and (max-width:991px){
  .market-annalysis-card {
    flex-direction: column;
    border-radius: 5px;
  }
  .annalysis-card-img {
    border-radius: 5px;
    max-width: 100%;
    background-color: var(--nse-purple);
  }
  .annalysis-card-img img {
    border: 2px solid white;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
}
/* .certified-ends starts from here */
#testimonial{
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/content-img/mumbai-skyline-skyscrapers-construction.jpg);
}

#testimonial>.section_container {
  width: 100%;
  background-color: #392e7de7;
  color: white;
}
.testimonial-heading>h2{
  color: white;
}
.testimonial-inner{
  display: flex;
  justify-content: space-around;
}
.testimonial-para-inner{
  max-width: 50%;
}
.testimonial-image{
  max-width: 30%;
}

.testimonial-image img{
  padding: 30px;
  border-radius: 100%;
  width: 30rem;
  height: 30rem;
}
.testimonial-inner p{
  font-size: 2rem;
}

.testimonial-para-inner{
  display: flex;
  flex-direction: column;
  align-self: center;
}
.testimonial-last-inner{
  display: flex;
  align-self: flex-end;
  flex-direction: column;
  margin: 20px;
}
.testimonial-para-inner-text{
  display: flex;
  gap: 2rem;
}
.testimonial-para-inner-text i{
  font-size: 5rem;
}

/* testimonial ends here */

/*  */

.cardadd-certificate {
  width: 100%;
  height: 300px;
  perspective: 1000px;
}

.cardadd-certificate-inner {
  margin: 10px;
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.999s;
}

.cardadd-certificate:hover .cardadd-certificate-inner {
  transform: rotateY(180deg);
}

.cardadd-certificate-front,
.cardadd-certificate-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.cardadd-certificate-front {
  background-color: var(--nse-purple);
  color: #fff;
  display: flex;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  font-size: 24px;
  transform: rotateY(0deg);
}

.cardadd-certificate-back {
  background-color: var(--nse-purple);
  color: #fff;
  display: flex;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  font-size: 24px;
  transform: rotateY(180deg);
}

.acc-box p {
  margin: 10px;
  padding: 10px;
}
.acc-box>p{

  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.acc-box>p>b{
  color: var(--nse-orange);
}
.cardadd-certificate-back ul li{
  display: flex;
  align-items: center;
}
/*  */




/* program fee starts from here */

#fees {
  min-height: 100vh;
}

.panel-body {
  max-width: 100%;
  display: flex;
  background-color: var(--nse-purple);
  height: 100%;
}

.panel-left {
  gap: 0.1rem;
  display: flex;
  flex-direction: column;
  width: 50%;
  display: flex;

  padding: 30px;
  height: fit-content;
}

.panel-left hr {
  background-color: white;
  width: 100%;

}

.panel-right {
  background: rgb(2, 0, 36);
  background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(57, 46, 125, 1) 57%);
  width: 50%;
  gap: 2rem;
  display: flex;
  align-items: center;
  padding: 5rem;
}

.panel-right-inner {
  background-color: white;
  padding: 1rem;
  height: 200px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.panel-right ul li {
  list-style: none;
  color: rgb(12, 12, 12);
  font-size: 1.3rem;
}

.admission-fees {
  color: white;

}

.admission-fees h3 {
  font-size: 1.8;
  color: var(--nse-yellow);
}

.admission-fees p {
  font-size: 1.5rem;
}

.admission-fees p span {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 10px 0px;
}

.admission-fees p span .gst {
  font-size: 1.2rem;
}

.fee-note {
  text-align: center;
  margin-top: 10px;
  background-color: #343a40;
  color: white;
  padding: 20px;
}

@media screen and (max-width:991px) {
  .panel-body {
    flex-direction: column;
  }

  .panel-left,
  .panel-right {
    width: 100%;
  }

  .panel-right {
    background: rgb(2, 0, 36);
    background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(57, 46, 125, 1) 57%)
  }
  
  .pera-text-fee {
    font-size: 3rem;
    font-weight: 500;
}
.panel-right-inner p span {
    font-size: 2rem;
}
}

.admission-fees a {
  text-decoration: none !important;
  color: white !important;
      word-wrap: break-word;
}

.pera-text-fee {
  font-size: 4rem;
  font-weight: 500;
}

.panel-right-inner p span {
  font-size: 3rem;
}

.content_center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* program ends starts from here */


/*================================== cia curriculam starts from here  ===========================*/
.primers{
  font-weight: 600;
  color: white;
  padding: 20px;
  text-align: center;
  margin: 20px;
  background-color: var(--nse-orange);
}
.primers p{
  font-weight: 600;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}


/* Style the buttons inside the tab */
.tab button {
  width: 100%;
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

.tab-button-inner{
  border-radius: 5px;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  gap: 1.2rem;
}

.tab-button-inner .mcq{
 font-weight: 600;
}

.tab-button-inner .part{
  width: 100%;
  background-color: var(--nse-purple);
  color: white;
  font-size: 1.5rem;
  padding: 10px;
  border-radius: 5px;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: var(--nse-purple);
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.cia-curriculam-img{
  padding: 10px;
  max-width: 100%;
  display: flex;
  justify-content: center;
}

.cia-curriculam-img img{
  width: 100%;
  display: flex;
  justify-content: center;
}
.tabcontent .pera-text{
  text-align: center;
  margin: 5px;
  border-top: 2px solid black;
}





/* ===================== contact starts from here ===================== */
.contact-body{
  display: flex;
  justify-content: space-around;
}
.contact-body a{
  padding: 30px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  text-decoration: none;
}
.contact-body a .box{
  display: flex;
  align-items: center;
  gap: 2rem;
}
.contact-body a .box i{
  padding: 20px;
  background-color: var(--nse-light-orange);
  color: white;
  font-size: 1.8rem;
  border-radius: 5px;
}

.contact-body a .box h3{
  color: white;
  text-wrap: nowrap;
}
/* ===================== contact ends from here ===================== */

/*================================== cia curriculam starts from here  ===========================*/








/* nse section starts from here */
.about_nse_inner {
  display: flex;
  align-items: center;
  gap: 3rem;
  justify-content: center;
  text-align: justify;
}

.about_nse_img {
  padding: 20px;
  min-width: 40%;
}

.about_nse_img img {
  width: 100%;
  border-radius: 5px;
}

.nse-text{
  width: 100%;
  display: flex;
  align-items: center;
}

@media screen and (max-width:991px) {
  .about_nse_inner {
    flex-direction: column;
	text-align: justify;
  }
  
  .contact-body {
    display: grid;
    justify-content: space-around;
    gap: 1rem;
}
}

/* nse section endss from here */

/* footer starts from here  */
.footer_main {

  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding-bottom: 1.2rem;
}

.footer_main .nse_line_footer {

  width: 98%;
  height: .6rem;
  margin: 0 auto;
}

.footer_inner {
  gap: 1rem;
  flex-wrap:wrap ;
  scale: .9;
  display: flex;
  justify-content: space-between;
}

.footer_inner .text_size3 {
  scale: .9;
  font-size: 1.2rem;
  color: var(--bs-gray);
  font-weight: 400;
}

.social_media ul li {
  list-style: none;
  display: inline;
}

.social_media ul li a div img {
  scale: 0.9;
}

.social_media ul {
  display: flex;
  gap: 1rem;
}

.icon img {
  scale: .9;
}

.section_container {
  padding: 3rem;
}

/* footer ends from here  */

/* / ========================== disclaimer section start ========================== / */

.disclaimer_section_inner {
  margin-top: 1rem;
  padding: 2rem 1rem;
  border-radius: .4rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 100%;
}

.disclaimer_section_inner ul li {
  /* list-style: number; */
  font-size: 1.4rem;
  color: var(--bs-gray);
  /* margin-left: 2rem; */
}

.disclaimer_section_inner ul li.active {
  color: var(--MIT-yellow);
}


/* / ========================== disclaimer section end ========================== / */

/* ideal for start */
.career_section_inner {
  width: 60%;
  padding: 2rem 0;
}

.career_section_inner .pera-text {
  width: 45%;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  padding: 1.2rem;
  border-radius: .4rem;
  color: var(--MIT-blue);
  font-weight: 500;
}

.career_section_innerIMG {
  background-image: url(../images/banners/portrait-young-indian-top-manager-t-shirt-tie-crossed-arms-smiling-white-isolated-wall\ \(1\).jpg);
  background-size:cover;
  height: fit-content;
  background-repeat: no-repeat;
  display: flex;
  justify-content: flex-end;
}

/* / Style the tab content / */
.tabcontent {
  display: none;
  padding: 2rem;
  border: 1px solid #ccc;
}

.tabcontent:first-child {
  display: block;
}

.tabcontent_card {
  min-width: 40%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem;
}

.specialized_section_tabs .tabcontent_card p {
  width: 30%;
  display: flex;
  gap: 1.2rem;
}

.fa-briefcase {
  color: var(--nse-orange) !important;
}



.accordion-button {
  font-size: 1.5rem;
}

.giap_curriculam{
  background-attachment: fixed;
  background-image: url('../images/banners/standard-quality-control-concept-m.jpg');
  background-size: cover;
  padding: 20px;
}




/* ============================     updated media       ========================= */

@media screen and (max-width:991px) {
  .career_section_inner{
    width: 100%;
    padding: 20px;
  }
  .career_section_inner .pera-text {
    width: 80%;
  }
  .career_section_innerIMG {
    background-position: left;
  }
  .testimonial-inner{
    flex-direction: column-reverse;
    gap: 2rem;
  }
  .testimonial-para-inner{
    max-width: 100%;
  }
  .testimonial-image{
    max-width: 100%;
  }
  .testimonial-para-inner-text i{
    font-size: 2rem;
  }
  .about_nse_img {
    min-width: 100%;
  }
  
}














/* ========================================= animation scroll =========================================== */
 /* .hidden{
  opacity: 0;
  filter: blur(5px);
  transform: translateX(-100%);
  transition: all 1s;
  }

  .show{
  opacity: 1;
  filter: blur(0px);
  transform: translateX(0);
  } */