: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
/* .application_sec .highlight-box-white.box-2 h2 .strip */ {
  position: absolute;
  content: "";
  left: -19%;
  top: 0;
  height: 100%;
  width: 100%;
  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;
  }
}