:root {

  --font-size-22: clamp(0.875rem, 0.909rem + 0.3883vw, 1.375rem);

  --font-size-23: clamp(0.875rem, 0.7385rem + 0.5825vw, 1.4375rem);

  --font-size-26: clamp(0.875rem, 0.693rem + 0.7767vw, 1.625rem);

  --font-size-54: clamp(1.5rem, 1.0752rem + 1.8123vw, 3.25rem);

  --font-size-52: clamp(1.5rem, 1.0752rem + 1.8123vw, 3.25rem);

  --font-size-18: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem);

  --font-size-20: clamp(0.8125rem, 0.7063rem + 0.4531vw, 1.25rem);

  --font-size-20: clamp(0.8125rem, 0.7063rem + 0.4531vw, 1.25rem);

  --font-size-36: clamp(1.25rem, 1.0073rem + 1.0356vw, 2.25rem);

  --font-size-41: clamp(1.375rem, 1.1019rem + 1.165vw, 2.5rem);

  --font-size-49: clamp(1.375rem, 0.9654rem + 1.7476vw, 3.0625rem);

  --font-size-27: clamp(1rem, 0.8331rem + 0.712vw, 1.6875rem);

  --font-size-21: clamp(0.8125rem, 0.6911rem + 0.5178vw, 1.3125rem);



  --yellowish-orange: #fff4e2;

  --cantaloupe-orange: #fca726;

  --squash-orange: #ffa81a;

  --dune-gray: #333333;

  --dark-gray: #4f4f4f;

  --text-gray: #4c4c4c;



  --fw-light: 300;

  --fw-bold: 700;

}

body.suniti-scholor-program {

  /* font-family: "Poppins", sans-serif !important; */

  font-family: "Montserrat", sans-serif;

  line-height: 1.6;

  margin: 0;

  padding: 0;

  /* background: var(--yellowish-orange); */

  color: var(--dune-gray) !important;

  font-weight: 400;

  font-size: 16px;

}



.pnl {

  padding: 4.25rem 0;

}



.font-weight-600 {

  font-weight: 600 !important;

}



* {

  /* font-family: "Poppins", sans-serif !important; */

  font-family: "Montserrat", sans-serif;

}



.suniti-scholor-program .container {

  max-width: 1440px !important;

  width: 90%;

}



/* header */

.suniti-scholor-program .back_btn {

  position: absolute;

  top: 3.75em;

  z-index: 1;

}



.suniti-scholor-program .back_btn img {

  max-width: clamp(5rem, 2.9976rem + 8.5437vw, 13.25rem);

}



.suniti-scholor-program .logo img {

  max-width: clamp(5rem, 3.5285rem + 6.2783vw, 11.0625rem);

  height: auto;

  display: block;

}



.suniti-scholor-program p,

.suniti-scholor-program li {

  font-size: var(--font-size-22);

  line-height: 1.5;

}



.suniti-scholor-program header p {

  max-width: 86%;

}



.suniti-scholor-program header {

  background: var(--yellowish-orange);

  background-size: 54.9%;

  padding-bottom: 3em;

}



.suniti-scholor-program .suniti-text {

  padding-top: clamp(8.6875rem, 7.0125rem + 8.375vw, 17.0625rem);

  padding-bottom: 2.25rem;

  display: flex;

}



.suniti-scholor-program .suiniti-description {

  padding-bottom: 5.625rem;

  padding-right: 1.25rem;

}



.panl-1 {

  /* background: var(--yellowish-orange); */

  /* padding-top: 7.5rem; */

}



.purpose_row {

  margin-top: -4.875em;

  padding-bottom: 7em;

}

.application-box {

  height: 100%;

}

.highlight-box {

  background: linear-gradient(90deg, #ffd234, #ffa726);

  box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.1);

  border-radius: 2rem;

}



/* .purpose-box */

.purpose-box {

  padding: clamp(1.4375rem, 0.9521rem + 2.0712vw, 3.4375rem)

    clamp(1.4375rem, 0.7245rem + 3.0421vw, 4.375rem);

  color: white;

}



.section-title {

  font-size: var(--font-size-54);

  line-height: 1em;

  font-weight: var(--fw-bold);

  margin-bottom: 0;

  margin-bottom: 1.625rem;

  padding: 0;

}



.bg-white {

  background: white;

}



/* .vision-overview {

  padding-top: 8.25rem;

} */

/* ion-box-sec */

.vision-box-sec {

  padding-bottom: 6.25rem;

  padding-left: 15.52%;

}



.vision-box {

  position: absolute;

  bottom: 0;

  left: 0;

  max-width: 71.5%;

  background: var(--cantaloupe-orange);

  padding: clamp(1.5rem, 1.0297rem + 2.0065vw, 3.4375rem);

  color: white;

}



.vision-box h2 {

  margin-bottom: 1.125rem;

}



.suniti-scholor-program .overview strong,

.suniti-scholor-program .vision-box strong {

  font-weight: 600;

}



/* overview */

.overview {

  padding-left: 4.625rem;

}



.overview .section-title {

  color: var(--squash-orange);

}



.overview p,

.overview li {

  padding-bottom: 1rem;

  padding-top: 0;

  margin: 0;

}

.overview li {

  list-style: disc;

}

.overview li:last-child,

.overview ul {

  margin-bottom: 0;

  padding-bottom: 0;

}

.squash-orange {

  color: var(--squash-orange);

}

/* scholarship */

.scholarship-values h2 {

  color: var(--squash-orange);

  line-height: 1.2em;

}



.scholarship-values .accordion-item {

  border-left: 0px solid #000;

  border-right: 0px solid #000;

  border-color: var(--squash-orange);

}



.scholarship-values .accordion-item * {

  border-radius: 0 !important;

  border-color: var(--squash-orange);

}



.accordion {

  max-width: 85%;

}



.accordion .accordion-button::after {

  background-image: url(../images/plus.webp);

  background-size: auto;

  width: 32px;

  height: 32px;

}

.accordion .accordion-button:not(.collapsed)::after {

  background-image: url(../images/minus.webp);

  background-size: auto;

  width: 32px;

  height: 4px;

}



.accordion-button:not(.collapsed) {

  background-color: white !important;

  box-shadow: none !important;

}



.video_container {

  padding: 0 2.75%;

}



.video_sec {

  padding: clamp(0rem, -1.0012rem + 4.2718vw, 4.125rem) 0;

}



ul.list {

  padding-left: 0;

}



ul.list li {

  background: url(../images/list-arrow.webp) no-repeat left 0.25em !important;

  font-size: var(--font-size-22);

  padding-left: 2em;

  color: var(--text-gray);

  background-size: 0.58em !important;

  line-height: 1.5em;

}



ul.list li li {

  list-style-type: disc;

  background: none !important;

  padding-left: 0;

}



ul.list li ul {

  margin-top: 1em;

}



ul.sm_list li {

  list-style-type: disc;

  font-size: var(--font-size-22);

  color: var(--text-gray);

  margin-bottom: 0.75em;

  line-height: 1.5em;

}



.eligibility-criteria {

  background: url(../images/ribbon-3.png) no-repeat right 40%;

  background-size: 35%;

  padding: clamp(3.75rem, 2.7336rem + 4.3366vw, 7.9375rem) 0

    clamp(3.75rem, 2.7336rem + 4.3366vw, 7.9375rem);

}



.eligibility-criteria .section-title {

  font-size: var(--font-size-54);

  color: var(--squash-orange);

  margin-bottom: 0.8em;

}



.eligibility-criteria .main_info {

  margin-bottom: 3.4375em;

  width: 72%;

}



.eligibility-criteria .other_info .label {

  font-size: var(--font-size-23);

  color: var(--text-gray);

  margin-bottom: 1em;

}



.link {

  color: var(--squash-orange);

}



.application_sec .row-1 {

  padding: clamp(0rem, -1.7445rem + 7.4434vw, 7.1875rem) 0

    clamp(3.75rem, 2.7336rem + 4.3366vw, 7.9375rem);

}

.application_sec.init-row {

  padding-top: clamp(0rem, -1.7445rem + 7.4434vw, 7.1875rem);

}



.application_sec .row-1 {

  column-gap: 2.8125em;

  padding-top: 0;

}



.application_sec .highlight-box,

.application_sec .highlight-box-white {

  padding: clamp(1.5rem, 0.9539rem + 2.3301vw, 3.75rem);

  box-shadow: rgba(255, 168, 26, 0.24) 0px 13px 27px -5px,

    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

  border-radius: 2rem;

  overflow: hidden;

}



.application_sec .highlight-box-white h2 {

  color: var(--squash-orange);

  font-size: var(--font-size-52);

  margin-bottom: 0.5em;

}



.application_sec .highlight-box {

  background: var(--cantaloupe-orange);

}



.application_sec .highlight-box > * {

  color: #ffffff;

}



.application_sec .highlight-box .hd {

  font-size: var(--font-size-26);

  font-weight: 700;

  margin-bottom: 0.5em;

}

.application_sec .highlight-box .hd.big_text {

  font-size: var(--font-size-52);

  padding: 0;

}

.application_sec .highlight-box .more_info {

  margin-top: 1em;

}



.application_sec .highlight-box .hd {

  font-weight: 700;

  padding: 0.4em 0em 0.4em 0;

  display: inline-block;

}



.application_sec .highlight-box .hd span {

  z-index: 1;

  color: var(--dune-gray);

  font-weight: 700;

}



.application_sec .highlight-box .hd:not(.big_text) span {

  color: #ffffff;

}



.application_sec .highlight-box ul.list_white li {

  font-weight: 400;

}



/* .application_sec .highlight-box-white.box-2 h2::before, */

/* .application_sec .highlight-box .more_info .hd::before, */



.strip {

  position: absolute;

  content: "";

  left: -15% !important;

  top: 0;

  height: 100%;

  width: 120% !important;

  background-color: #ffffff;

}

.strip + span {

  z-index: 1;

  color: var(--dune-gray);

  font-weight: 700;

}



ul.list_white li {

  list-style-type: disc;

  margin-bottom: 1em;

  font-weight: 700;

  font-size: var(--font-size-22);

}

.strip.orange {

  background-color: var(--squash-orange);

}

.strip.orange + span {

  color: white;

  font-weight: 700;

  z-index: 1;

  color: #ffffff;

}

/* .application_sec .highlight-box-white.box-2 h2::before  */

/* .application_sec .highlight-box-white.box-2 h2 .strip.orange{

  background-color: var(--squash-orange);

  left: -25%;

} */



/* .application_sec .highlight-box-white.box-2 h2 span {

  font-weight: 700;

  z-index: 1;

  color: #ffffff;

} */



.application_sec .highlight-box-white.box-2 .name {

  font-size: var(--font-size-41);

  font-weight: 700;

  color: var(--squash-orange);

}



.application_sec .highlight-box-white.box-2 .pin {

  position: absolute;

  z-index: 1;

  right: 0;

  top: 0;

}



.application_sec .row-1 .col_lg {

  width: 57.5%;

}



.application_sec .row-1 .col_sm {

  width: 40.4%;

}



.application_sec .row-2 {

  box-shadow: rgba(255, 168, 26, 0.46) 0px 2px 4px 0px,

    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;

  padding: clamp(1.5rem, 0.7718rem + 3.1068vw, 4.5rem)

    clamp(1.5rem, 0.7263rem + 3.301vw, 4.6875rem);

  border-radius: 2em;

  column-gap: 1em;

}



.application_sec .row-2 .text_01 {

  font-weight: var(--fw-light);

  font-size: var(--font-size-36);

  margin-bottom: 0.25em;

}



.application_sec .row-2 .text_02 {

  font-weight: var(--fw-bold);

  font-size: var(--font-size-41);

  color: var(--squash-orange);

}



.btn-arrow {

  background: var(--squash-orange) url(../images/btn-arrow.webp) no-repeat 90%

    center;

  font-weight: var(--fw-bold);

  font-size: var(--font-size-49);

  padding: 0.8em 2em 0.8em 1em;

  border-radius: 0.35em;

  color: #ffffff;

  background-size: 0.8em;

}



.video_sec iframe {

  width: 100%;

  aspect-ratio: 16/9;

  border-radius: 2em;

}



.suniti-scholor-program header::after {

  clip-path: polygon(0 0, 0% 100%, 100% 0);

  content: "";

  width: 100%;

  background-color: var(--yellowish-orange);

  position: absolute;

  height: 245px;

  bottom: -245px;

}



.scholarship-values .scholarship-values-cont,

.scholarship-values .container {

  position: static;

}

.scholarship-values .col_img {

  position: absolute;

  right: 0;

  top: 5.375em;

  width: 51%;

  max-width: 934px;

}



.scholarship-values .col {

  width: 42%;

}



.scholarship-values .accordion-item * {

  font-size: var(--font-size-22);

  color: var(--dune-gray);

}

.accordion-button:not(.collapsed) {

  color: var(--dune-gray);

}



/* Footer css */

footer {

  background-color: #4f4f4f;

  padding: clamp(2.5em, 2.2725em + 0.9709vw, 3.4375em) 0;

}

footer h5 {

  margin-bottom: 0.74em;

  font-size: var(--font-size-27);

  font-weight: var(--fw-bold);

  line-height: 1em;

  color: var(--white);

}

footer p {

  font-size: var(--font-size-21);

}

footer .social {

  column-gap: 1em;

  margin-top: 0;

}

footer .social img {

  max-width: clamp(1.875em, 1.7233em + 0.6472vw, 2.5em);

}

footer .social a img {

  transition: transform ease-in-out 0.2s;

  -webkit-transition: transform ease-in-out 0.2s;

}

footer .social a:hover img {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

}

footer .map_col iframe {

  border-radius: 1em;

  aspect-ratio: 16/9;

}

footer .map_col iframe,

footer .map_col {

  width: 100%;

}

footer .social a:not(:last-child) {

  margin-right: 0;

}

/* footer .address_col{margin: 3.5em 0; width: 100%;} */

footer .address_col p {

  color: var(--white);

}

footer .address_col p a {

  color: inherit;

}



footer .cont {

  flex-direction: row;

  justify-content: space-between;

}

footer .social_col {

  width: 30%;

  padding-right: 2em;

}

footer .address_col {

  width: 34.25%;

  padding-right: 2em;

}

footer .map_col {

  width: 35.75%;

  margin-top: 0;

}

/* Footer css */



/* Faq css */

.page-title{background-color: var(--yellowish-orange); padding: 3em 0;}

.page-title h1{font-size: var(--font-size-49); font-weight: var(--fw-bold);}

.faq-section h2{color: var(--squash-orange);}

.faq-section .sec{padding: 3em 0;}

.faq-section .sec:not(:last-child){border-bottom: 1px solid #d7d7d7}

.faq-section .sec .list{margin-top: 1em;}

.faq-section .sec .list li a{color: var(--squash-orange); font-size: 1em;}

/* Faq css */



@media only screen and (max-width: 1280px) {

  .suniti-scholor-program header {

    background-position-y: 70%;

  }

}



@media only screen and (max-width: 1023px) {

  .suniti-scholor-program .container {

    width: 100%;

  }



  .application_sec .row-1 {

    flex-direction: column;

  }



  .application_sec .row-1 .col_lg {

    width: 100%;

  }



  .application_sec .row-1 .col_sm {

    width: 100%;

    flex-direction: row !important;

    column-gap: 2em;

    margin-top: 2em;

  }



  .application_sec .row-1 .col_sm > .rows {

    flex: 1;

  }



  .scholarship-values .col {

    width: 55%;

  }



  footer .map_col {

    width: 100%;

    margin-top: 2em;

  }

  footer .social_col {

    width: 50%;

  }

  footer .address_col {

    width: 50%;

  }



  .scholarship-values .col,.scholarship-values .accordion {

    width: 100%;

    max-width: 100%;

  }

  .scholarship-values .col_img {

    position: relative;

    inset: 0;

    width: 100%;

    margin-top: 1.5em;

    padding-left: 5%;

  }

}



@media only screen and (max-width: 767px) {

  .purpose_row {

    padding-bottom: 2em;

  }

  .suniti-scholor-program header {

    background-size: 50%;

    background-position-y: 13%;

  }



  .panl-1 {

    flex-direction: column;

  }



  .suniti-scholor-program header p {

    max-width: 100%;

  }



  .suniti-scholor-program header .profile_col {

    position: absolute;

    width: 14em;

    top: 0;

    right: 0;

  }



  .suniti-scholor-program .suiniti-description {

    padding-right: 0;

    padding-bottom: 2.625rem;

  }



  .suniti-scholor-program .suniti-text img {

    max-width: 16em;

  }



  .vision-overview-cont {

    flex-direction: column;

  }



  .highlight-box {

    border-radius: 1rem;

  }



  .vision-overview .overview {

    padding-left: 0;

    margin-top: 3em;

  }



  .scholarship-values-cont {

    flex-direction: column-reverse;

    row-gap: 3em;

  }



  .scholarship-values {

    padding: 3em 0;

  }



  .scholarship-values .accordion {

    max-width: 100%;

  }



  .scholarship-values .accordion-item .accordion-body {

    padding-left: 0;

    padding-top: 0;

  }



  .scholarship-values .accordion-item .accordion-header button {

    padding-left: 0;

  }



  .scholarship-values .col {

    width: 100%;

  }



  .eligibility-criteria .main_info {

    width: 100%;

  }



  .eligibility-criteria {

    background: none;

  }



  ul.list li {

    padding-left: 1.25em;

  }



  ul.sm_list {

    padding-left: 1em;

  }



  ul.list li ul {

    padding-left: 1em;

  }



  .application_sec .row-1 .col_sm {

    flex-direction: column !important;

    row-gap: 2em;

  }



  .application_sec .highlight-box-white.box-2 .pin {

    top: 1em;

  }



  .application_sec .highlight-box-white.box-2 .pin img {

    max-width: 2.5em;

  }



  .application_sec .highlight-box .more_info ul {

    padding-left: 1em;

  }



  .application_sec .row-2 {

    flex-direction: column;

  }



  .application_sec .row-2 .btn_sec {

    margin-top: 1em;

  }



  .suniti-scholor-program .back_btn {

    top: 1.5em;

  }



  .accordion .accordion-button::after {

    width: 25px;

    height: 25px;

    background-size: contain;

  }

  .accordion .accordion-button:not(.collapsed)::after {

    width: 25px;

    height: 4px;

    background-size: contain;

  }



  .scholarship-values {

    padding-top: 0;

  }

  .overview ul {

    padding-left: 1em;

  }

  .suniti-scholor-program header::after {

    height: 140px;

    bottom: -140px;

  }

  .vision-overview {

    padding-bottom: clamp(3.75rem, 2.7336rem + 4.3366vw, 7.9375rem);

    padding-top: clamp(3.75rem, 2.7336rem + 4.3366vw, 7.9375rem);

  }

  .purpose_row {

    padding-bottom: 0;

  }



  footer .social{justify-content: flex-start;}

  .application_sec .highlight-box ul.list_white li{margin-bottom: 0.5em;}

}



@media only screen and (max-width: 480px) {

  .suniti-scholor-program header .profile_col {

    width: 9.5em;

  }



  .suniti-scholor-program header {

    background-position-y: 1%;

    padding-top: 2em;

  }



  .suniti-scholor-program .back_btn {

    top: 0;

    left: initial;

  }



  footer .social_col {

    width: 100%;

  }

  footer .map_col {

    margin-top: 0;

  }

  footer .address_col {

    width: 100%;

    margin: 3.5em 0;

  }

}



@media screen and (min-width: 1600px) {

  .suniti-scholor-program .back_btn {

    left: -26px;

  }

  header .container {

    padding: 0 !important;

  }

  .purpose_row {

    margin-top: -6.75em;

  }

}

#acc-title {
  height: 20px !important;
}
.yellow-heading {
  color: #fbbf24; /* yellow */
  font-weight: 600; /* optional: make it a bit bolder */
}
.accordion-bordered {
  border-top: 2px solid #f5a623;
  border-bottom: 2px solid #f5a623;
  margin-bottom: 20px;
  padding: 10px 0;
}

.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.accordion-toggle {
  background: none;
  border: none;
  font-size: 48px;
  color: #f5a623;
  cursor: pointer;
}
.accordion-content {
  display: none;
  transition: max-height 0.3s ease;
}

.accordion-content.show {
  display: block;
}
@media (max-width: 576px) {
  #acc-title {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .accordion-header {
    padding: 10px 0; /* Adjust spacing inside the header */
  }

  .accordion-bordered {
    padding: 5px 0;  /* Less padding on small screens */
  }
}