/**
* A very simple reset that sits on top of Normalize.css.
*/

html ,
* {
  box-sizing: border-box;
}



/**
* Remove outline on focused element 
*/

* 
*:focus,
*:active{
  outline: 0 !important;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}


/** 
* HTML5 display-role reset for older browsers 
*/

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}


/**
* Remove the margin in all browsers (opinionated).
*/

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}


/**
* Remove links underline 
*/

a {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

/**
* Remove list decoration 
*/

ol ,
ul {
  list-style: none;
}

/**
* Ordered list with styles
*/
ol {
  li {
    &:before {
      counter-increment: main-counter;
      content: counter(main-counter);
      padding-right: .8rem;
    }
  }
}


/**
* Remove trailing margins from nested lists.
*/

li > {

  ol,
  ul {
    margin-bottom: 0;
  }

}



/**
* Remove default table spacing.
*/

table {
  border-collapse: collapse;
  border-spacing: 0;
}



/**
* 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
*    on fieldsets.
*/

fieldset {
  min-width: 0; /* [1] */
  border: 0;
}


/**
* 1. Fluid images for responsive purposes.
* 2. Offset `alt` text from surrounding copy.
* 3. Setting `vertical-align` removes the whitespace that appears under `img`
*    elements when they are dropped into a page as-is. Safer alternative to
*    using `display: block;`.
*/

img {
  max-width: 100%; /* [1] */
  font-style: italic; /* [2] */
  vertical-align: middle; /* [3] */
}


/**
* Remove default button
*/
[type="button"],
button {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  color: inherit;
  outline: none;

  &[disabled] {
    opacity: 0.27;
    pointer-events: none;
  }
}
/* Reset -- ends */




/* Fonts -- begins */
@font-face {
  font-family: 'Public Sans';
  src: url('./fonts/PublicSans-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Public Sans Bold';
  src: url('./fonts/PublicSans-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Glasgow';
  src: url('./fonts/Glasgow.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Glasgow Bold';
  src: url('./fonts/Glasgow-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* Fonts -- ends */


/* Global -- begins */
*,
*::after,
*::before {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  outline: 0px solid;
  padding: 0;
  margin: 0;

  &:hover,
  &:active,
  &:focus,
  &:visited {
    outline: 0px solid;
  }

}

*::selection {
  background: var(--hm01);
  color: var(--white);
}

html {
  scroll-behavior: smooth;
}

/* Global -- ends */

/* Generic -- begins */
:root {
  --white: #ffffff;
  --black: #000000;
  --hm01: #2E297E;
  --hm02: #706DA0;
  --hm03: #D7DAEF;
  --hm04: #F6F5FB;

  font-size: 10px;
}

/* Generic -- ends */

/* Elements -- begins */
body {
  background-color: var(--white);
  color: var(--black);
  font-family: "Public Sans", sans-serif;
  font-size: 1.6rem;
  padding-top: 17.3rem;
}
@media (min-width: 768px) {
  body {
    font-size: 1.8rem;
    padding-top: 12rem;
  }
}
/* Elements -- ends */


/* Objects -- begins */
.o-wrapper {
  min-height: calc(var(--vh, 1vh) * 100);
}
.o-page {
  min-height: calc(var(--vh, 1vh) * 100);
}
/* Objects -- ends */

/* Components -- begins */
.c-header {
  background-color: var(--hm01);
  width: 100%;
  height: 17.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.8rem;
  padding-inline: 8rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.c-header__logo {
  width: 23.4rem;
  height: 4.4rem;
}
.c-header__phone {
  background-color: var(--white);
  border-radius: .8rem;
  color: var(--hm01);
  width: 23.4rem;
  height: 5.2rem;
  font-family: "Glasgow bold", sans-serif;
  font-size: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: .4rem;
}
@media screen and (min-width: 768px) {
  .c-header {
    height: 12rem;
    flex-direction: row;
    justify-content: space-between;
    padding-inline: 10.27777778vw;
  }
  .c-header__logo {
    width: 33rem;
    height: 6.2rem;
  }
  .c-header__phone {
    width: 21.6rem;
    height: 6.8rem;
    font-size: 3.2rem;
  }
}


.c-hero {
  width: 100%;
  aspect-ratio: 65/124;
  position: relative;
  display: flex;
  justify-content: space-around;
  padding-top: 103.33333333vw;
  margin-bottom: clamp(4.8rem, 8.88888889vw, 12.8rem);
}

.c-hero__image {
  width: 100%;
  aspect-ratio: 130/179;
  object-fit: cover;
  object-position: 32.5%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.c-hero__text {
  display: none;
background-color:#fff;
padding:10px;
opacity:0.8;
border-radius:10px;

}

.c-hero__form {
  background-color: var(--white);
  border-radius: 2.4rem;
  width: 35.8rem;
  min-height: 33rem;
  margin: 0 auto;
  padding: 1.6rem;
}

@media screen and (min-width: 768px) {
  .c-hero {
    width: 100%;
    aspect-ratio: 720/379;
    position: relative;
    display: flex;
    justify-content: space-around;
    padding-top: 200px;
    padding-block: 200px;
  }

  .c-hero__image {
    aspect-ratio: 720/450;
    object-position: center;
  }

  .c-hero__text {
    display: block;
    color: var(--hm01);
    font-size: 3.2rem;
    font-family: "Glasgow", sans-serif;
    align-self: center;
  }
  .c-hero__text b{
    display: block;
    font-family: "Glasgow Bold", sans-serif;
    font-size: 4rem;
  }

  .c-hero__form {
    background-color: var(--white);
    border-radius: 2.4rem 2.4rem 0 0;
    width: 31.11111111vw;
    height: auto;
    align-self: flex-end;
    padding: 2rem;
    margin: 0px;
  }
}


.c-superior-technician {
  display: flex;
  flex-direction: column-reverse;
  gap: 5.6rem;
  margin-bottom: clamp(4.8rem, 9.44444444vw, 13.6rem);
}
.c-superior-technician__image {
  aspect-ratio: 313/255;
  width: 80.25641026vw;
  min-width: clamp(31.3rem, 41.38888889vw,59.6rem);
  object-fit: cover;
  border-radius: 0 8rem 0 0;
}
.c-superior-technician__title {
  display: block;
  color: var(--hm01);
  font-size: 3.2rem;
  font-family: "Glasgow", sans-serif;
  align-self: center;
  padding-inline: 1.6rem;
  margin-bottom: 3.2rem;
}
.c-superior-technician__title b{
  display: block;
  font-family: "Glasgow Bold", sans-serif;
  font-size: 4rem;
}

.c-superior-technician__description {
  padding-inline: 1.6rem;
  margin-bottom: 5.6rem;
}

.c-superior-technician__table {
  border: .1rem solid var(--hm03);
  color: var(--hm02);
}
.c-superior-technician__table-row {
  border-bottom: .1rem solid var(--hm03);
  /* padding-inline: 1.6rem; */
}
.c-superior-technician__table-row:last-child {
  border-bottom: 0
}
.c-superior-technician__table-cell {
  width: 100%;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  padding-block: 2.4rem;
  padding-inline: 1.6rem;
}
.c-superior-technician__table-cell:nth-child(odd) {
  font-size: clamp(1.6rem, 1.25vw ,1.8rem);
  padding-bottom: 0;
}
.c-superior-technician__table-row:nth-of-type(2) .c-superior-technician__table-cell:last-child {
  flex-direction: column;
  align-items: self-start;
}
.c-superior-technician__table-cell ul {
  margin-left: 2.4rem;
}
.c-superior-technician__table-cell ul li{
  font-size: 1.3rem;
  list-style: disc;
}
.c-superior-technician__table-icon {
  margin-right: 1.2rem;
}
.c-superior-technician__table-title {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .c-superior-technician {
    flex-direction: row;
    gap: 9.16666667vw;
    padding-top: 100px;
  }
  .c-superior-technician__image-container {
    margin-right: 0
  }
  .c-superior-technician__image {
    aspect-ratio: 595/599;
    height: 100%;
    object-position: 72%;
  }
  .c-superior-technician__content {
    margin-right: 10.27777778vw;
  }
  .c-superior-technician__title {
    margin-bottom: 4rem;
  }
  .c-superior-technician__description {
    margin-bottom: 4rem;
  }
  .c-superior-technician__table {
    border-radius: .8rem;
  }
  .c-superior-technician__table-row {
    display: flex;
    min-height: 7.5vw;
  }
  .c-superior-technician__table-cell:nth-child(odd) {
    padding-bottom: 2.4rem;
    margin-bottom: 0;
  }
  .c-superior-technician__table-cell:nth-child(even) {
    border-left: .1rem solid var(--hm03);
  }
}
@media screen and (min-width: 1140px) {
  .c-superior-technician__table-cell {
    width: 15vw;
  }
  .c-superior-technician__table-cell:nth-child(even) {
    width: 24.16666667vw;
  }
}


.c-icons {
  width: 100%;
  max-width: 110rem;
  flex-direction: column;
  justify-content: center;
  gap: 3.2rem;
  padding-inline: 1.6rem;
  margin-bottom: clamp(4.8rem, 9.44444444vw, 13.6rem);
}
.c-icons__icon {
  margin-bottom: 1.6rem;
}
.c-icons__item {
  color: var(--hm01);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 768px) {
  .c-icons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 8.4rem;
    margin: 0 auto clamp(4.8rem, 9.44444444vw, 13.6rem);
  }
  .c-icons__item {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 110rem) {
  .c-icons {
    padding-inline: 0;
  }

  .c-icons__item:first-child {
    max-width: 11.7rem;
  }
  .c-icons__item:nth-child(2) {
    max-width: 23.2rem;
  }
  .c-icons__item:nth-child(3) {
    max-width: 26.1rem;
  }
  .c-icons__item:last-child {
    max-width: 19.6rem;
  }
}


.c-cta {
  background-color: var(--hm03);
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  min-height: 29.02777778vw;
  text-align: center;
  padding-bottom: 4.2rem;
}
.c-cta__image-container {
  display: grid;
  
}
.c-cta__image {
  border-radius: 8rem 0 0 0;
  aspect-ratio: 298/209;
  object-fit: cover;
  object-position: 64%;
  min-width: clamp(31.3rem, 41.38888889vw,59.6rem);
  width: 80.25641026vw;
  height: 100%;
  justify-self: flex-end;
  margin-bottom: 4rem;
}
.c-cta__texts {
  padding-inline: 1.6rem;
}
.c-cta__title {
  display: block;
  color: var(--hm01);
  font-size: 3.2rem;
  font-family: "Glasgow", sans-serif;
  align-self: center;
}
.c-cta__title b{
  display: block;
  font-family: "Glasgow Bold", sans-serif;
  padding-inline: 0;
  margin-top: 4rem;
}
.c-cta__description {
  font-size: 1.8rem;
  margin-top: 2.4rem;
}

.c-cta__button {
  background-color: var(--hm01);
  border-radius: .8rem;
  color: var(--white);
  font-family: "Glasgow Bold", sans-serif;
  height: 5.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 25.2rem;
  margin: 2.8rem auto 0;
}
@media screen and (min-width: 768px) {
  .c-cta {
    text-align: left;
    padding-bottom: 0;
    gap: 3.61111111vw;
  }
  .c-cta {
    flex-direction: row;
  }
  .c-cta__texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline: 0;
    margin-left: 10.20833333vw;
  }

  .c-cta__title {
    font-size: 4rem;
    width: 42.22222222vw;
    padding-inline: 0;
    margin-top: 0;
  }
  .c-cta__description {
    width: 34.375vw;
    margin-top: 4rem;
  }
  .c-cta__button {
    margin: 4.8rem 0 ;
  }
}


.c-about-fp {
  width: 100%;
  max-width: 114.4rem;
  padding-inline: 1.6rem;
  margin: 0 auto;
}
.c-about-fp__title {
  color: var(--hm01);
  font-family: "Glasgow Bold", sans-serif;
  font-size: 4rem;
  margin-bottom: 1.2rem;
}
.c-about-fp__subtitle {
  color: var(--hm01);
  font-size: 3.2rem;
  display: block;
  margin-bottom: 4.8rem;
}
.c-about-fp__description {
  display: none;
  margin-bottom: 7.22222222vw;
}
.c-about-fp__tabs {
  border-top: .1rem solid var(--hm03);
  border-bottom: .1rem solid var(--hm03);
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.4rem;
}
.c-about-fp__tabs-item {
  transition: all 250ms ease-in-out;
  border-radius: 1.2rem;
  color: var(--hm01);
  font-size: 1.2rem;
  height: 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: .4rem;
}
.c-about-fp__tabs-item:hover {
  background-color: var(--hm03);
}
.c-about-fp__tabs-item.is-active {
  background-color: var(--hm01);
  color: var(--white);
}
.c-about-fp__tabs-description {
  color: var(--hm02);
  font-family: "Glasgow", sans-serif;
  font-size: 1.6rem;
}
.c-about-fp__tabs-description b {
  font-family: "Glasgow Bold", sans-serif;
}
.c-about-fp__tabs-content {
  display: none;
}
.c-about-fp__tabs-content.is-active {
  display: block;
}
/* Objectives */
.c-about-fp__tabs-content-objectives.is-active {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem;
}
.c-about-fp__tabs-objectives-image {
  display: none;
}
.c-about-fp__tabs-objectives-description {
  color: var(--hm02);
  font-size: 1.6rem;
}
/* Requirements */
.c-about-fp__tabs-requirements-container {
  margin-top: 6.4rem;
  margin-bottom: 4rem;
}
.c-about-fp__tabs-requirements-item {
  background: var(--hm04);
  border-radius: 1.6rem;
  color: var(--hm01);
  display: flex;
  max-width: 24rem;
  min-height: 10.8rem;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.2rem;
  text-align: center;
  margin: 0 auto 3.2rem;

}
.c-about-fp__tabs-requirements-item b{
  font-family: "Public Sans Bold", sans-serif;
}

/* Opportunities */
.c-about-fp__tabs-opportunities-container {
  margin-top: 6.4rem;
  margin-bottom: 4rem;
}
.c-about-fp__tabs-opportunities-item {
  background: var(--hm04);
  border-radius: 1.6rem;
  color: var(--hm01);
  display: flex;
  text-align: center;
  font-family: "Public Sans Bold", sans-serif;
  max-width: 24rem;
  min-height: 10.8rem;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.2rem;

  margin: 0 auto 3.2rem;

}

/* Program */
.c-about-fp__tabs-program-container {
  margin-top: 6.4rem;
  margin-bottom: 4rem;
}
.c-about-fp__tabs-program-item {
  background: var(--hm04);
  border-radius: 1.6rem;
  color: var(--hm01);
  /* max-width: 50%; */
  padding: 3.2rem;
  margin-bottom: 3.2rem;
}
.c-about-fp__tabs-program-item p {
  font-family: "Public Sans Bold", sans-serif;
}

.c-about-fp__tabs-program-item ul {
  margin-top: 2.4rem;
  margin-left: 2.4rem;
}
.c-about-fp__tabs-program-item ul li{
  list-style: disc;
}


.c-about-fp__tabs-grants-container {
  margin-top: 2.4rem;
  margin-bottom: 4.8rem;
}
.c-about-fp__tabs-grants-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2.2rem
}
.c-about-fp__tabs-grants-item:last-child{
  border-bottom: 0;
}
.c-about-fp__tabs-grants-item p {
  color: var(--hm01);
  max-width: 64%;
  font-family: "Public Sans Bold", sans-serif;
  font-size: 1.8rem;
}

.c-about-fp__tabs-grants-item:last-child{
  flex-direction: column;
  align-items: flex-start;
}
.c-about-fp__tabs-grants-item:last-child p {
  max-width: initial;
}
.c-about-fp__tabs-grants-item:last-child p:nth-child(2){
  color: var(--hm02);
  margin-top: .8rem;
  margin-left: 1.6rem;
  font-family: "public sans", sans-serif;
  font-size: 1.6rem;
}
.c-about-fp__tabs-grants-item:last-child b {
  font-family: "Public Sans Bold", sans-serif;
}

.c-about-fp__tabs-grants-button {
  background-color: var(--hm01);
  border-radius: 0.8rem;
  color: var(--white);
  font-family: "Glasgow Bold", sans-serif;
  height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 25.2rem;
  padding: .4rem 1.6rem 0;
}


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

  .c-about-fp__description {
    max-width: 92.4rem;
    display: block;
  }

  /* Tabs */
  .c-about-fp__tabs-item {
    border-radius: .8rem;
    color: var(--hm01);
    font-size: 1.8rem;
    font-family: "Glasgow", sans-serif;
    height: 5.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .4rem;
    padding-inline: 4.8rem;
  }



  /* Objectives */
  .c-about-fp__tabs-objectives-image {
    aspect-ratio: 563/203;
    display: block;
    border-radius: 0 5.6rem 0 0;
    width: 56.3rem;
    height: 14.09722222vw;
  }
  .c-about-fp__tabs-objectives-description {
    margin-left: 6.4rem;
  }

  /* Requirements */
  .c-about-fp__tabs-requirements-container {
    display: grid;
    column-gap: clamp(3.2rem, 4.44444444vw, 6.4rem);
    row-gap: 3.2rem;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 6.4rem;
    margin-bottom: 4rem;
  }

  .c-about-fp__tabs-requirements-item {
    max-width: initial;
    margin: 0 auto 3.2rem;
  }

  .c-about-fp__tabs-opportunities-container {
    display: grid;
    column-gap: clamp(3.2rem, 4.44444444vw, 6.4rem);
    row-gap: 3.2rem;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 6.4rem;
    margin-bottom: 4rem;
  }

  .c-about-fp__tabs-opportunities-item {
    max-width: initial;
    margin: 0 auto 3.2rem;
  }



  .c-about-fp__tabs-program-container {
    display: grid;
    column-gap: 1.6rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 6.4rem;
    margin-bottom: 4rem;
  }

  .c-about-fp__tabs-program-item {
    max-width: initial;
    margin-bottom: 0;
    /* margin: 0 auto 3.2rem; */
  }

  .c-about-fp__tabs-grants-container {
    border: 1px solid var(--hm04);
    margin-top: 2.4rem;
    margin-bottom: 4.8rem;
  }
  .c-about-fp__tabs-grants-item {
    border-bottom: 1px solid var(--hm04);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 48px;
  }
  .c-about-fp__tabs-grants-item:last-child{
    flex-direction: row;
    align-items: center;
  }
  .c-about-fp__tabs-grants-item:last-child p{
    flex: 1;
  }
  .c-about-fp__tabs-grants-item:last-child p:first-child{
    max-width: fit-content;
    margin-right: 7.2rem;
  }
  .c-about-fp__tabs-grants-item p {
    max-width: initial;
  }
}


.c-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4.8rem  4.8rem 2.4rem;
}

.c-footer-our-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.c-footer-our-centres__title {
  color: var(--hm01);
  font-family: "Glasgow Bold", sans-serif;
  font-size: 2.4rem;
  margin-bottom: 1.8rem;
  text-align: center;
}
.c-footer-our-centres__item {
  color: var(--hm01);
  display: block;
  font-family: "Public Sans", sans-serif;
  font-size: 1.8rem;
  margin-bottom: 1.8rem;
  text-align: center;
}
.c-footer-legal-link {
  color: var(--hm01);
  font-size: 1.6rem;
  display: block;
  text-align: center;
  margin-bottom: 1.6rem;
}
.c-footer-legal span{
  display: none;
}



.c-footer-logos {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-footer-our-container {
    width: 94.8rem;
    flex-direction: row;
    justify-content: space-between;
  }
  .c-footer-our-centres__title {
    text-align: left;
  }
  .c-footer-our-centres__item {
    text-align: left;
  }
  .c-footer-logos {
    text-align: left;
  }
  .c-footer-legal {
    margin-top: 5.2rem;
  }
  .c-footer-legal-link {
    display: inline;
    text-align: left;
    margin-bottom: 0;
  }
  .c-footer-legar span{
    display: inline;
  }

}

/* Components -- ends */