/* // spacing */
.character-spacing-20 {
  letter-spacing: 1.25rem;
}

.character-spacing-0-5 {
  letter-spacing: 0.5px;
}

.character-spacing-0-3 {
  letter-spacing: 0.3px;
}

.character-spacing-0-7{
    letter-spacing: 0.7px;
}

/* // text colors */
.changemaker-header-text-inactive{
  color: var(--changemaker-header-text-inactive);
}
.changemaker-text-white {
  color: var(--changemaker-white) !important;
}

.changemaker-text-black {
  color: var(--changemaker-black);
}

.changemaker-grey-292D32{
  color: var(--changemaker-grey-292D32);
}

.changemaker-grey-737375{
   color: var(--changemaker-palette-737375);
}

.changemaker-grey-A9ACB4{
  color: var(--changemaker-grey-A9ACB4);
}

.changemaker-text-color {
  color: var(--changemaker-text-color);
}

.changemaker-text-secondary-color {
  color: var(--changemaker-text-secondary-color);
}

.changemaker-text-success {
  color: var(--changemaker-success);
}

.changemaker-text-success-secondary {
  color: var(--changemaker-success-secondary);
}
.changemaker-text-EE6C4D{
  color: var(--changemaker-light-orange-EE6C4D);
}

.changemaker-text-danger {
  color: var(--changemaker-danger) !important;
}

.changemaker-text-warning {
  color: var(--changemaker-warning);
}

.changemaker-text-golden {
  color: var(--changemaker-golden);
}

.changemaker-text-warm {
  color: var(--changemaker-warm);
}

.changemaker-text-primary-light {
  color: var(--changemaker-primary-light);
}

.changemaker-text-primary-one {
  color: var(--changemaker-primary-one) !important;
}

.changemaker-text-primary-two {
  color: var(--changemaker-primary-two);
}

.changemaker-text-primary-three {
  color: var(--changemaker-primary-three);
}

.changemaker-text-primary-six {
  color: var(--changemaker-primary-six);
}
.changemaker-text-primary-four {
  color: var(--changemaker-primary-four);
}

.changemaker-text-grey-one {
  color: var(--changemaker-grey-one);
}

.changemaker-text-grey-two {
  color: var(--changemaker-grey-two);
}

.changemaker-text-grey-three {
  color: var(--changemaker-grey-three);
}

.changemaker-text-grey-four {
  color: var(--changemaker-grey-four);
}

.changemaker-header-text-active{
  color: var(--changemaker-header-text-active)
}

.changemaker-text-grey-five {
  color: var(--changemaker-grey-five);
}
.changemaker-text-grey-F3F5FC{
  color: var(--changemaker-grey-F3F5FC);
}

.changemaker-text-grey-six {
  color: var(--changemaker-grey-six);
}

.changemaker-text-grey-seven {
  color: var(--changemaker-grey-seven);
}
.changemaker-text-red-E06666{
  color: var(--changemaker-red-E06666);
}

.changemaker-text-grey-eight {
  color: var(--changemaker-grey-eight) !important;
}

.changemaker-text-grey-nine {
  color: var(--changemaker-grey-nine);
}

.changemaker-text-grey-ten {
  color: var(--changemaker-grey-ten);
}

.changemaker-text-grey-eleven {
  color: var(--changemaker-grey-eleven);
}

.changemaker-text-grey-thirteen {
  color: var(--changemaker-grey-thirteen);
}

.changemaker-text-grey-seventeen {
  color: var(--changemaker-grey-seventeen);
}

.changemaker-grey-ten {
  color: var(--changemaker-grey-ten);
}

.changemaker-text-grey-twenty {
  color: var(--changemaker-grey-twenty);
}
.changemaker-text-palette-ninetyeight {
  color: var(--changemaker-palette-ninetyeight);
}
.changemaker-text-palette-FC6E5C {
  color: var(--changemaker-palette-FC6E5C);
}
.changemaker-background-palette-sixtytwo   {
  background-color: var(--changemaker-palette-sixtytwo);
}
.changemaker-background-palette-fiftyseven   {
  background-color: var(--changemaker-palette-fiftyseven);
}
.changemaker-palette-border-sixtytwo {
  border: 1px solid var(--changemaker-palette-sixtytwo);
}
.changemaker-palette-text-sixtytwo {
  color:  var(--changemaker-palette-sixtytwo);
}
.changemaker-primary-six {
  color: var(--changemaker-primary-six);
}
.changemaker-grey-nine {
  color: var(--changemaker-grey-twenty);
}

.changemaker-theme-blue {
  color: var(--changemaker-palette-4d98eb);
}

.changemaker-clubs-blue {
  color: var(--changemaker-palette-4972B9);
}
.changemaker-background-black {
  background: var(--changemaker-black);
}
.changemaker-background-blue {
  background: var(--changemaker-palette-4d98eb);
}
.changemaker-palette-ED8B00 {
  color: var(--changemaker-palette-ED8B00);
}
.changemaker-primary-E93A7D{
  color: var(--changemaker-primary-E93A7D);
}
.changemaker-palette-f26c77 {
  color: var(--changemaker-palette-f26c77);
}
.changemaker-palette-F9BB0B{
    background: var(--changemaker-palette-F9BB0B);
}
.changemaker-btn-grey-ten-rounded-six {
  background-color: var(--changemaker-grey-ten);
  color: var(--changemaker-white);
  border: 0;
  border-radius: var(--changemaker-border-radius-six);
}

.changemaker-btn-palette-ninetysix {
  background-color: var(--changemaker-palette-F48233);
  color: var(--changemaker-white);
  border: 0;
}

.changemaker-text-palette-one {
  color: var(--changemaker-palette-one);
}

.changemaker-text-palette-four {
  color: var(--changemaker-palette-four);
}

.changemaker-text-palette-ten {
  color: var(--changemaker-palette-ten);
}

.changemaker-text-palette-eleven {
  color: var(--changemaker-palette-eleven);
}

.changemaker-text-palette-A1D349 {
  color: var(--changemaker-palette-A1D349);
}

.changemaker-text-palette-thirtynine {
  color: var(--changemaker-palette-thirtynine);
}

.changemaker-text-palette-forty {
  color: var(--changemaker-palette-forty) !important;
}

.changemaker-text-palette-fortyone {
  color: var(--changemaker-palette-fortyone);
}

.changemaker-text-palette-fortytwo {
  color: var(--changemaker-palette-fortytwo);
}

.changemaker-text-palette-fortyfour {
  color: var(--changemaker-palette-fortyfour);
}
.changemaker-text-grey-E8F0FE{
  color:var(--changemaker-grey-E8F0FE)
}

.changemaker-text-palette-fifty {
  color: var(--changemaker-palette-fifty);
}

.changemaker-text-palette-fiftythree {
  color: var(--changemaker-palette-fiftythree);
}

.changemaker-text-extra-light {
  font-family: Changemaker-ExtraLight;
}

.changemaker-text-palette-thirtythree {
  color: var(--changemaker-palette-thirtythree);
}

.changemaker-text-palette-fortyeight {
  color: var(--changemaker-palette-fortyeight);
}

.changemaker-text-palette-seven {
  color: var(--changemaker-palette-seven);
}

.changemaker-text-palette-fiftyfive {
  color: var(--changemaker-palette-fiftyfour);
}

.changemaker-text-palette-fiftyfive {
  color: var(--changemaker-palette-fiftyfive);
}
.changemaker-text-palette-78C89F {
    color: var(--changemaker-palette-78C89F);
}
.changemaker-text-palette-sixtyone {
  color: var(--changemaker-palette-seventyone);
}
.changemaker-text-palette-three {
  color: var(--changemaker-palette-three);
}

.changemaker-text-palette-ninetysix {
  color: var(--changemaker-palette-ninetysix);
}

.changemaker-text-palette-seventyeight {
  color: var(--changemaker-palette-seventyeight);
}
.changemaker-text-palette-E85E4A {
  color: var(--changemaker-palette-E85E4A);
}

.changemaker-text-palette-fe5b5b {
  color: var(--changemaker-palette-fe5b5b);
}

.changemaker-text-grey-fourteen {
  color: var(--changemaker-grey-fourteen);
}

.changemaker-text-palette-295EB7 {
  color: var(--changemaker-primary-four);
}

.changemaker-header-background {
  background-color: var(--changemaker-header-bg);
  box-shadow: var(--changemaker-box-shadow-seven);
}
.changemaker-text-header-bg{
  color: var(--changemaker-header-bg);
}

.changemaker-btn-palette-seven {
  background-color: var(--changemaker-palette-seven);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-two);
  border: 0;
}

.changemaker-btn-palette-fortyeight {
  background-color: var(--changemaker-palette-fortyeight);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-one);
  border: 0;
}

/* // 18px */
.changemaker-text-light-47 {
  font-family: Changemaker-Light;
  font-size: calc(2.5rem + 0.4vw);
  line-height: calc(3rem + 0.2vw);
}

/* // 13px ? 12px */
.changemaker-text-regular-12 {
  font-family: Changemaker-Regular;
  font-size: calc(0.5rem + 0.3vw);
  line-height: calc(0.9rem + 0.3vw);
}

.changemaker-text-bold-12 {
  font-family: Changemaker-Bold !important;
  font-size: calc(0.5rem + 0.3vw);
  line-height: calc(0.9rem + 0.3vw);
}

.changemaker-text-semibold-12 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(0.5rem + 0.3vw);
  line-height: calc(0.9rem + 0.3vw);
}

.changemaker-text-semibold-11 {
  font-family: Changemaker-SemiBold;
  font-size: calc(0.4rem + 0.3vw);
  line-height: calc(0.7rem + 0.3vw);
}

.changemaker-text-semibold-70 {
  font-family: Changemaker-Regular;
  font-size: calc(3.75rem + 0.1vw);
  line-height: calc(3.8rem + 0.5vw);
}

.changemaker-text-light-12 {
  font-family: Changemaker-Light;
  font-size: calc(0.5rem + 0.3vw);
  line-height: calc(0.9rem + 0.3vw);
}

.changemaker-text-medium-11 {
    font-family: Changemaker-Medium  ;
    font-size: calc(0.4rem + 0.3vw);
    line-height: calc(0.7rem + 0.3vw);
}

.changemaker-text-regular-11 {
  font-family: Changemaker-Regular  ;
  font-size: calc(0.6rem + 0.3vw);
  line-height: calc(0.7rem + 0.3vw);
}

.changemaker-text-medium-12 {
  font-family: Changemaker-Medium;
  font-size: calc(0.5rem + 0.3vw);
  line-height: calc(0.9rem + 0.3vw);
}

.changemaker-text-medium-upper-12 {
  font-family: Changemaker-Medium;
  font-size: calc(0.5rem + 0.3vw);
  line-height: calc(0.9rem + 0.3vw);
  text-transform: uppercase;
}

.changemaker-text-regular-13 {
  font-family: Changemaker-Regular !important;
  font-size: calc(0.65rem + 0.2vw) !important;
  line-height: calc(1rem + 0.4vw) !important;
}

.changemaker-text-bold-13 {
  font-family: Changemaker-Bold !important;
  font-size: calc(0.65rem + 0.2vw) !important;
  line-height: calc(0.9rem + 0.2vw) !important;
}

.changemaker-text-semibold-13 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(0.65rem + 0.2vw) !important;
  line-height: calc(0.9rem + 0.2vw) !important;
}

.changemaker-text-medium-13 {
  font-family: Changemaker-Medium !important;
  font-size: calc(0.65rem + 0.2vw) !important;
  line-height: calc(0.9rem + 0.2vw) !important;
}

.changemaker-text-light-13 {
  font-family: Changemaker-Light;
  font-size: calc(0.65rem + 0.2vw) !important;
  line-height: calc(0.9rem + 0.2vw) !important;
}

.changemaker-text-light-14 {
  font-family: Changemaker-Light;
  font-size: calc(0.7rem + 0.2vw);
  line-height: calc(1.2rem + 0.2vw);
}

.changemaker-text-regular-14 {
  font-family: Changemaker-Regular !important;
  font-size: calc(0.7rem + 0.2vw);
  line-height: calc(1.2rem + 0.2vw);
}

.changemaker-text-title-semibold-16 {
  font-family: Changemaker-Title-SemiBold;
  font-size: calc(0.77rem + 0.25vw);
  line-height: calc(1.25rem + 0.2vw);
}

.changemaker-text-bold-14 {
  font-family: Changemaker-Bold !important;
  font-size: calc(0.7rem + 0.2vw);
  line-height: calc(1.2rem + 0.2vw);
}

.changemaker-text-medium-14 {
  font-family: Changemaker-Medium !important;
  font-size: calc(0.7rem + 0.2vw) !important;
  line-height: calc(1.2rem + 0.2vw) !important;
}

.changemaker-text-medium-upper-14 {
  font-family: Changemaker-Medium;
  font-size: calc(0.7rem + 0.2vw);
  line-height: calc(1.2rem + 0.2vw);
  text-transform: uppercase;
}

.changemaker-text-semibold-14 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(0.7rem + 0.2vw);
  line-height: calc(1.2rem + 0.2vw);
}

.changemaker-text-bold-49 {
  font-family: Changemaker-Bold !important;
  font-size: calc(2.8rem + 0.2vw);
  line-height: calc(3.3rem + 0.2vw);
}

.changemaker-text-bold-42 {
  font-family: Changemaker-Bold !important;
  font-size: calc(2.625rem + 0.2vw);
  line-height: calc(3.3rem + 0.2vw);
}

.changemaker-text-semibold-10 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(0.55rem + 0.1vw);
  line-height: calc(1rem + 0.1vw);
}

.changemaker-text-medium-10 {
  font-family: Changemaker-Medium !important;
  font-size: calc(0.55rem + 0.1vw) !important;
  line-height: calc(1rem + 0.1vw);
}

.changemaker-text-regular-10 {
  font-family: Changemaker-Regular !important;
  font-size: calc(0.55rem + 0.1vw) !important;
  line-height: calc(1rem + 0.1vw);
}

.changemaker-text-regular-15 {
  font-family: Changemaker-Regular;
  font-size: calc(0.85rem + 0.1vw);
  line-height: calc(1.4rem + 0.1vw);
}

.changemaker-text-medium-15 {
  font-family: Changemaker-Medium;
  font-size: calc(0.85rem + 0.1vw);
  line-height: calc(1.25rem + 0.1vw);
}

.changemaker-text-medium-19 {
  font-family: Changemaker-Medium;
  font-size: calc(1.1875rem + 0.1vw);
  line-height: calc(1.1875rem + 0.1vw);
}

.changemaker-text-semibold-15 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(0.85rem + 0.1vw);
  line-height: calc(1.25rem + 0.1vw);
}

.changemaker-text-bold-15 {
  font-family: Changemaker-Bold !important;
  font-size: calc(0.85rem + 0.1vw);
  line-height: calc(1.25rem + 0.1vw);
}

.changemaker-text-light-15 {
  font-family: Changemaker-Light;
  font-size: calc(0.85rem + 0.1vw);
  line-height: calc(1.25rem + 0.1vw);
}

.changemaker-text-regular-16 {
  font-family: Changemaker-Regular !important;
  font-size: calc(0.77rem + 0.25vw);
  line-height: calc(1.25rem + 0.2vw);
}

.changemaker-text-light-16 {
  font-family: Changemaker-Light;
  font-size: calc(0.77rem + 0.25vw);
  line-height: calc(1.25rem + 0.2vw);
}

.changemaker-text-semibold-16 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(0.77rem + 0.25vw);
  line-height: calc(1.25rem + 0.2vw);
}

.changemaker-text-bold-16 {
  font-family: Changemaker-Bold !important;
  font-size: calc(0.77rem + 0.25vw);
  line-height: calc(1.25rem + 0.2vw);
}

.changemaker-text-medium-16 {
  font-family: Changemaker-Medium !important;
  font-size: calc(0.77rem + 0.25vw);
  line-height: calc(1.25rem + 0.2vw);
}

.changemaker-text-light-17 {
  font-family: Changemaker-Light;
  font-size: calc(1rem + 0.1vw);
  line-height: calc(1.75rem + 0.1vw);
}

.changemaker-text-regular-17 {
  font-family: Changemaker-Regular;
  font-size: calc(1rem + 0.1vw);
  line-height: calc(1.75rem + 0.1vw);
}

.changemaker-text-medium-17 {
  font-family: Changemaker-Medium;
  font-size: calc(1rem + 0.1vw);
  line-height: calc(1.75rem + 0.1vw);
}

.changemaker-text-semibold-17 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1rem + 0.1vw);
  line-height: calc(1.75rem + 0.1vw);
}

.changemaker-text-bold-17 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1rem + 0.1vw);
  line-height: calc(1.75rem + 0.1vw);
}

.changemaker-text-light-20 {
  font-family: Changemaker-Light;
  font-size: calc(1rem + 0.3vw);
  line-height: calc(1.2rem + 0.3vw);
}

.changemaker-text-regular-20 {
  font-family: Changemaker-Regular;
  font-size: calc(1rem + 0.3vw);
  line-height: calc(1.2rem + 0.3vw);
}

.changemaker-text-bold-20 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1rem + 0.3vw);
  line-height: calc(1.2rem + 0.3vw);
}

.changemaker-text-semibold-20 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1rem + 0.3vw);
  line-height: calc(1.2rem + 0.3vw);
}

.changemaker-text-medium-20 {
  font-family: Changemaker-Medium !important;
  font-size: calc(1rem + 0.3vw);
  line-height: calc(1.2rem + 0.3vw);
}

/* // 18px ? 14px ? 13px ? 12px */
.changemaker-text-medium-18 {
  font-family: Changemaker-Medium !important;
  font-size: calc(1rem + 0.125vw) !important;
  line-height: calc(1.5rem + 0.1vw) !important;
}

.changemaker-text-regular-18 {
  font-family: Changemaker-Regular !important;
  font-size: calc(1rem + 0.125vw) !important;
  line-height: calc(1.5rem + 0.3vw) !important;
}

.changemaker-text-bold-18 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1rem + 0.125vw);
  line-height: calc(1.5rem + 0.1vw);
}

.changemaker-text-semibold-18 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1rem + 0.125vw) !important;
  line-height: calc(1.5rem + 0.1vw) !important;
}

.changemaker-text-light-18 {
  font-family: Changemaker-Light;
  font-size: calc(1rem + 0.125vw);
  line-height: calc(1.5rem + 0.1vw);
}

.changemaker-text-medium-upper-10 {
  font-family: Changemaker-Medium;
  font-size: calc(0.55rem + 0.1vw);
  line-height: calc(0.9rem + 0.1vw);
  text-transform: uppercase;
}

.changemaker-text-medium-48 {
  font-family: Changemaker-Medium;
  font-size: calc(2.25rem + 0.5vw);
  line-height: calc(3.25rem + 0.5vw);
}

.changemaker-text-bold-48 {
  font-family: Changemaker-Bold !important;
  font-size: calc(2.25rem + 0.5vw);
  line-height: calc(3rem + 0.5vw);
}

.changemaker-text-bold-34 {
  overflow-wrap: break-word;
  font-family: Changemaker-Bold !important;
  font-size: calc(2rem + 0.15vw);
  line-height: calc(2.5rem + 0.15vw);
}

.changemaker-text-medium-34 {
  font-family: Changemaker-Medium;
  font-size: calc(2rem + 0.15vw);
  line-height: calc(2.5rem + 0.15vw);
}

.changemaker-text-bold-32 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1.3rem + 0.75vw);
  line-height: calc(1.625rem + 0.5vw);
}

.changemaker-text-semibold-32 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1.3rem + 0.75vw);
  line-height: calc(1.625rem + 0.5vw);
}

.changemaker-text-bold-33 {
  font-family: Changemaker-Bold !important;
  font-size: calc(2rem + 0.1vw);
  line-height: calc(2rem + 0.1vw);
}

/* // bold-700
// semibold-600
// medium-500
// regular-400 */
.changemaker-text-light-21 {
  font-family: Changemaker-Light;
  font-size: calc(1rem + 0.35vw);
}

.changemaker-text-bold-21 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1rem + 0.35vw);
  line-height: calc(1.1rem + 0.35vw);
}

.changemaker-text-regular-21 {
  font-family: Changemaker-Regular;
  font-size: calc(1rem + 0.35vw);
  line-height: calc(1.1rem + 0.35vw);
  letter-spacing: 1;
}

.changemaker-text-semibold-21 {
  font-family: Changemaker-SemiBold !important;
  line-height: calc(1.1rem + 0.35vw);
  font-size: calc(1rem + 0.35vw);
}

.changemaker-text-medium-21 {
  font-family: Changemaker-Medium;
  line-height: calc(1.1rem + 0.35vw);
  font-size: calc(1rem + 0.35vw);
}

.changemaker-text-light-22 {
  font-family: Changemaker-Light;
  font-size: calc(1rem + 0.4vw);
  line-height: calc(1.5rem + 0.4vw);
}

.changemaker-text-bold-22 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1rem + 0.4vw);
  line-height: calc(1.5rem + 0.4vw);
}

.changemaker-text-regular-22 {
  font-family: Changemaker-Regular;
  font-size: calc(1rem + 0.4vw);
  line-height: calc(1.5rem + 0.4vw);
}

.changemaker-text-semibold-22 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1rem + 0.4vw);
  line-height: calc(1.5rem + 0.4vw);
}

.changemaker-text-medium-22 {
  font-family: Changemaker-Medium;
  font-size: calc(1rem + 0.4vw);
  line-height: calc(1.5rem + 0.4vw);
}

.changemaker-text-light-23 {
  font-family: Changemaker-Light;
  font-size: calc(1rem + 0.45vw);
  line-height: calc(1.1rem + 0.45vw);
}

.changemaker-text-bold-23 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1rem + 0.45vw);
  line-height: calc(1.1rem + 0.45vw);
}

.changemaker-text-regular-23 {
  font-family: Changemaker-Regular;
  font-size: calc(1rem + 0.45vw);
  line-height: calc(1.1rem + 0.45vw);
}

.changemaker-text-medium-23 {
    font-family: Changemaker-Medium ;
    font-size: calc(1rem + 0.45vw);
    line-height: calc(1.6rem + 0.45vw);
}

.changemaker-text-semibold-23 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1rem + 0.45vw);
  line-height: calc(1.1rem + 0.45vw);
}

.changemaker-text-light-24 {
  font-family: Changemaker-Light;
  font-size: calc(0.8rem + 0.75vw);
  line-height: calc(0.9rem + 0.75vw);
}

.changemaker-text-bold-24 {
  font-family: Changemaker-Bold !important;
  font-size: calc(0.8rem + 0.75vw);
  line-height: calc(0.9rem + 0.75vw);
}

.changemaker-text-regular-24 {
  font-family: Changemaker-Regular;
  font-size: calc(0.8rem + 0.75vw);
  line-height: calc(0.9rem + 0.75vw);
}

.changemaker-text-semibold-24 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(0.8rem + 0.75vw);
  line-height: calc(0.9rem + 0.75vw);
}

.changemaker-text-medium-24 {
  font-family: Changemaker-Medium;
  font-size: calc(0.8rem + 0.75vw);
  line-height: calc(1.2rem + 0.75vw);
}

.changemaker-text-light-25 {
  font-family: Changemaker-Light;
  font-size: calc(1.5rem + 0.1vw);
  line-height: calc(1.7rem + 0.1vw);
}

.changemaker-text-regular-25 {
  font-family: Changemaker-Regular;
  font-size: calc(1.5rem + 0.1vw);
  line-height: calc(1.7rem + 0.1vw);
}

.changemaker-text-medium-25 {
  font-family: Changemaker-Medium;
  font-size: calc(1.5rem + 0.1vw);
  line-height: calc(1.7rem + 0.1vw);
}

.changemaker-text-bold-25 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1.5rem + 0.1vw);
  line-height: calc(1.7rem + 0.1vw);
}

.changemaker-text-semibold-25 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1.5rem + 0.1vw);
  line-height: calc(1.7rem + 0.1vw);
}

.changemaker-text-light-26 {
  font-family: Changemaker-Light;
  font-size: calc(1.5rem + 0.1vw);
  line-height: calc(1.8rem + 0.1vw);
}

.changemaker-text-regular-26 {
  font-family: Changemaker-Regular;
  font-size: calc(1.5rem + 0.1vw);
  line-height: calc(1.8rem + 0.1vw);
}

.changemaker-text-medium-26 {
  font-family: Changemaker-Medium;
  font-size: calc(1.5rem + 0.1vw);
  line-height: calc(1.8rem + 0.1vw);
}

.changemaker-text-bold-26 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1.5rem + 0.1vw);
  line-height: calc(1.8rem + 0.1vw);
}

.changemaker-text-semibold-26 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1.55rem + 0.1vw);
  line-height: calc(1.8rem + 0.1vw);
}

.changemaker-text-light-27 {
  font-family: Changemaker-Light;
  font-size: calc(1.5rem + 0.2vw);
  line-height: calc(1.875rem + 0.2vw);
}

.changemaker-text-regular-27 {
  font-family: Changemaker-Regular;
  font-size: calc(1.5rem + 0.2vw);
  line-height: calc(1.875rem + 0.2vw);
}

.changemaker-text-medium-27 {
  font-family: Changemaker-Medium;
  font-size: calc(1.5rem + 0.2vw);
  line-height: calc(1.875rem + 0.2vw);
}

.changemaker-text-bold-27 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1.5rem + 0.2vw);
  line-height: calc(1.875rem + 0.2vw);
}

.changemaker-text-semibold-27 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1.5rem + 0.2vw);
  line-height: calc(1.875rem + 0.2vw);
  letter-spacing: 1;
}

.changemaker-text-light-28 {
  font-family: Changemaker-Light;
  font-size: calc(1.55rem + 0.2vw);
  line-height: calc(2rem + 0.2vw);
}

.changemaker-text-regular-28 {
  font-family: Changemaker-Regular;
  font-size: calc(1.55rem + 0.2vw);
  line-height: calc(2rem + 0.2vw);
}

.changemaker-text-medium-28 {
  font-family: Changemaker-Medium;
  font-size: calc(1.55rem + 0.2vw);
  line-height: calc(2rem + 0.2vw);
}

.changemaker-text-semibold-28 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1.55rem + 0.2vw);
  line-height: calc(2rem + 0.2vw);
  letter-spacing: 1;
}

.changemaker-text-bold-28 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1.55rem + 0.2vw);
  line-height: calc(2rem + 0.2vw);
}

.changemaker-text-light-29 {
  font-family: Changemaker-Light;
  font-size: calc(1.6rem + 0.2vw);
  line-height: calc(1.625rem + 0.2vw);
}

.changemaker-text-regular-29 {
  font-family: Changemaker-Regular;
  font-size: calc(1.6rem + 0.2vw);
  line-height: calc(1.625rem + 0.2vw);
}

.changemaker-text-medium-29 {
  font-family: Changemaker-Medium;
  font-size: calc(1.6rem + 0.2vw);
  line-height: calc(1.625rem + 0.2vw);
}

.changemaker-text-semibold-29 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1.6rem + 0.2vw);
  letter-spacing: 1;
  line-height: calc(1.625rem + 0.2vw);
}

.changemaker-text-bold-29 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1.6rem + 0.2vw);
  line-height: calc(1.625rem + 0.2vw);
}

.changemaker-text-light-30 {
  font-family: Changemaker-Light;
  font-size: calc(1.5rem + 0.4vw);
}

.changemaker-text-regular-30 {
  font-family: Changemaker-Regular;
  font-size: calc(1.5rem + 0.4vw);
}

.changemaker-text-medium-30 {
  font-family: Changemaker-Medium;
  font-size: calc(1.5rem + 0.4vw);
  line-height: calc(1.5rem + 0.4vw);
}

.changemaker-text-medium-31 {
  font-family: Changemaker-Medium;
  font-size: calc(0.75rem + 0.1vw);
  line-height: calc(1.5rem + 0.1vw);
}

.changemaker-text-bold-30 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1.5rem + 0.4vw);
  line-height: calc(2rem + 0.4vw);
}

.changemaker-text-semibold-30 {
  font-family: Changemaker-SemiBold !important;
  font-size: calc(1.5rem + 0.4vw);
  line-height: calc(1.5rem + 0.4vw);
  letter-spacing: 0.5;
}

.changemaker-text-bold-31 {
  font-family: Changemaker-Bold !important;
  font-size: calc(1.55rem + 0.4vw);
  line-height: calc(1.9rem + 0.4vw);
}

.changemaker-text-bold-35 {
  font-family: Changemaker-Bold !important;
  font-size: calc(2rem + 0.2vw);
  line-height: calc(2rem + 0.3vw);
}

.changemaker-text-bold-36 {
  font-family: Changemaker-Bold !important;
  font-size: calc(2rem + 0.25vw);
  line-height: calc(2.5rem + 0.3vw);
}

.changemaker-text-semibold-36 {
    font-family: Changemaker-SemiBold ;
    font-size: calc(2rem + 0.25vw);
    line-height: calc(2.5rem + 0.3vw);
}

/* // CSS - NEW -START */
.changemaker-text-light {
  font-family: Changemaker-Light;
}

.changemaker-text-regular {
  font-family: Changemaker-Regular;
}

.changemaker-text-medium {
  font-family: Changemaker-Medium;
}

.changemaker-text-semi-bold {
  font-family: Changemaker-SemiBold !important;
}

.changemaker-text-bold {
  font-family: Changemaker-Bold !important;
}

.changemaker-text-extra-bold {
  font-family: Changemaker-ExtraBold;
}

.changemaker-h1 {
  font-size: clamp(48px, 3rem, 50px);
  line-height: 4rem;
  font-family: Changemaker-Bold !important;
}

.changemaker-h2 {
  font-size: 2.25rem;
  line-height: 2.75rem;
  font-family: Changemaker-Bold !important;
}

/* // H3 Changemaker 24px */
.changemaker-h3 {
  font-size: 1.5rem;
  line-height: 2.188rem;
}

.changemaker-h3-bold {
  font-size: calc(0.8rem + 0.75vw);
  line-height: 2.188rem;
  font-family: Changemaker-Bold !important;
}

/* // H4 Changemaker 20px */
.changemaker-h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* // H5 Changemaker 18px */
.changemaker-h5 {
  font-size: 1.15rem;
  line-height: 1.625rem;
}

/* // H6 Changemaker 16px */
.changemaker-h6 {
  font-size: 1rem;
  line-height: 1.625rem;
}

.changemaker-h6-bold {
  font-size: calc(0.77rem + 0.25vw);
  line-height: 1.625rem;
  font-family: Changemaker-Bold !important;
}

/* // H7 Changemaker 14px -> H7=H8 */
.changemaker-h7 {
  font-size: 0.875rem;
  line-height: 1.4rem;
  font-family: Changemaker-Medium;
}

.changemaker-p {
  font-size: calc(0.77rem + 0.25vw);
  line-height: calc(1.25rem + 0.2vw);
  font-family: Changemaker-Regular;
}

/* // SH1 Changemaker 16px */
.changemaker-sh1 {
  font-size: calc(0.77rem + 0.25vw);
  line-height: 1.563rem;
  font-family: Changemaker-Medium;
}

/* // SH2 Changemaker 14px */
.changemaker-sh2 {
  font-size: calc(0.7rem + 0.2vw);
  line-height: 1.313rem;
  font-family: Changemaker-Medium;
}

/* // Table Fields - 13px */
.changemaker-table-fields {
  font-size: calc(0.65rem + 0.2vw);
  line-height: 1.25rem;
  font-family: Changemaker-Regular;
}

/* // 12px */
.changemaker-caption {
  font-size: calc(0.5rem + 0.3vw);
  line-height: 1.125rem;
}

/* // 12px */
.changemaker-caption-uppercase {
  font-size: 0.8rem;
  line-height: 1.063rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* // body1 Popppins 16px */
.changemaker-body-1 {
  font-size: 1rem;
  line-height: 1.8rem;
}

/* // body2 Popppins 14px */
.changemaker-body-2 {
  font-family: Changemaker-Regular;
  font-size: calc(0.7rem + 0.2vw);
  line-height: 1.313rem;
}

/* // overline Changemaker */
.changemaker-overline {
  font-family: Changemaker-Medium;
  font-size: calc(0.55rem + 0.1vw);
  line-height: calc(0.875rem + 0.2vw);
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* // CSS - NEW -END

// FORMS
// Forms text Changemaker 14px */
.changemaker-form-placeholder {
  color: var(--changemaker-grey-seven);
  font-family: Changemaker-Regular;
  font-size: calc(0.7rem + 0.2vw);
  line-height: 1.75rem;
}

/* // form label -> H7 -> 14px */

.changemaker-form-field {
  border-color: var(--changemaker-grey-four);
  border-radius: var(--changemaker-border-radius-two);
  background-color: var(--changemaker-white);
}

.changemaker-form-field-2 {
  border: 1px solid var(--changemaker-grey-three);
  border-radius: var(--changemaker-border-radius-two);
}

.changemaker-form-field-3 {
  border: 1px solid #ddd;
  border-radius: var(--changemaker-border-radius-one);
}

.changemaker-form-field-4 {
  background: var(--changemaker-white);
  border: 1px solid var(--changemaker-palette-E8EAED) !important;
  border-radius: var(--changemaker-border-radius-two);
  color: var(--changemaker-grey-nine);
}

.changemaker-form-field-4::placeholder,
input.changemaker-form-field-4::placeholder,
textarea.changemaker-form-field-4::placeholder {
  color: var(--changemaker-grey-six);
  opacity: 1;
}

select.changemaker-form-field-4 {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  background-size: 0.6rem !important;
  padding-right: 2.5rem !important;
  cursor: pointer;
  color: var(--changemaker-grey-nine);
}

/* // 0 6 12 008 -- r-12px */
.changemaker-card-1 {
  background-color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-four);
  box-shadow: var(--changemaker-box-shadow-three);
}

/* // 0 6 12 00f -- r-12px */
.changemaker-card-2 {
  background-color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-four);
  box-shadow: var(--changemaker-box-shadow-four);
}

/* // 0 3 6 00f -- r-20px */
.changemaker-card-3 {
  background-color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-six);
  box-shadow: var(--changemaker-box-shadow-two);
}

/* // 0 3 6 008 -- r-20px */
.changemaker-card-4 {
  background-color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-six);
  box-shadow: var(--changemaker-box-shadow-one);
}

.changemaker-card-5 {
  background: var(--changemaker-white) 0% 0% no-repeat padding-box;
  border: 1px dashed var(--changemaker-grey-three);
  border-radius: var(--changemaker-border-radius-two);
  height: max-content;
  width: max-content;
}

.changemaker-card-6 {
  background: var(--changemaker-grey-one) 0% 0% no-repeat padding-box;
  border-radius: var(--changemaker-border-radius-three);
}

/* // used */
.changemaker-card-7 {
  background: var(--changemaker-white) 0% 0% no-repeat padding-box;
  border-radius: var(--changemaker-border-radius-five) !important;
  box-shadow: var(--changemaker-box-shadow-nine) !important;
}

/* //used */
.changemaker-card-8 {
  background: var(--changemaker-white) 0% 0% no-repeat padding-box;
  border-radius: var(--changemaker-border-radius-four) !important;
  /* // box-shadow: var(--changemaker-box-shadow-ten) !important; */
  border: 1px solid #e1e1e1cc;
  /* // border-radius: 2rem; */
}


.changemaker-card-9 {
  background: var(--changemaker-white) 0% 0% no-repeat padding-box;
  border-radius: var(--changemaker-border-radius-five) !important;
  box-shadow: var(--changemaker-box-shadow-ten) !important;
  border: 1px solid #e1e1e1cc;
}
.changemaker-card-10 {
  background: var(--changemaker-white) 0% 0% no-repeat padding-box;
  border-radius: var(--changemaker-border-radius-five) !important;
  box-shadow: var(--changemaker-box-shadow-ten) !important;
  border: 1px solid #17408825;
}
.changemaker-card-11 {
  background-color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-four);
  box-shadow: var(--changemaker-box-shadow-two);
}
.changemaker-card-12 {
  background-color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-four);
  border: 1px solid var(--changemaker-palette-E8EAED);
  box-shadow: var(--changemaker-box-shadow-card);
}

/* // Buttons */
.changemaker-btn-primary {
  background-color: var(--changemaker-primary-one);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-one);
  border: 2px solid var(--changemaker-primary-one);

  &.border-radius-two {
    border-radius: var(--changemaker-border-radius-two);
  }

  &.white-mat-spinner {

    .mat-progress-spinner circle,
    .mat-progress-spinner path {
      stroke: var(--changemaker-white);
    }
  }
}

.changemaker-btn-palette-115F84-radius-one {
  background-color: var(--changemaker-palette-115F84);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-one);
  border: 0;
}

.changemaker-btn-primary-six {
  background-color: var(--changemaker-primary-six);
  color: var(--changemaker-white);
  border: 0;
}
.changemaker-btn-palette-black-radius-one{
  background-color: var(--changemaker-black);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-one);
  border: 0;
}

/* // #00000014 */
.changemaker-btn-secondary {
  background-color: var(--changemaker-grey-eleven);
  color: var(--changemaker-primary-two);
  border-radius: var(--changemaker-border-radius-one);
}

.changemaker-btn-danger {
  background-color: var(--changemaker-danger-bg);
  color: var(--changemaker-danger);
  border-radius: var(--changemaker-border-radius-one);
}

.changemaker-btn-success {
    background-color: var(--changemaker-success-bg);
    color: var(--changemaker-success);
    border-radius: var(--changemaker-border-radius-one);
}

.changemaker-btn-danger-border-radius-two {
    background-color: var(--changemaker-danger-bg);
    color: var(--changemaker-danger);
    border-radius: var(--changemaker-border-radius-two);
}

.changemaker-btn-danger-border-radius-one {
  background-color: var(--changemaker-danger);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-one);
}

.changemaker-btn-dark {
  background-color: var(--changemaker-primary-two) !important;
  color: var(--changemaker-grey-eleven);
  border-radius: var(--changemaker-border-radius-one);
}

.changemaker-btn-primary-five {
  background-color: var(--changemaker-primary-five);
  color: var(--changemaker-primary-one);
  border-radius: var(--changemaker-border-radius-six);
}

.changemaker-btn-danger-two {
  background-color: var(--changemaker-danger-two);
  color: var(--changemaker-danger);
  border-radius: var(--changemaker-border-radius-six);
}

/* // rounded */
.changemaker-btn-primary-rounded {
  background-color: var(--changemaker-primary-one);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-rounded) !important;
}

.changemaker-btn-primary-four-rounded{
  background-color: var(--changemaker-primary-four);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-rounded);
}

.changemaker-btn-danger-rounded {
  background-color: var(--changemaker-danger);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-rounded);
}

/* // #00000014 */
.changemaker-btn-secondary-rounded {
  background-color: var(--cssa-grey-eleven);
  color: var(--changemaker-primary-two);
  border-radius: var(--changemaker-border-radius-rounded);
}

.changemaker-btn-dark-rounded {
  background-color: var(--changemaker-primary-two);
  color: var(--changemaker-grey-eleven);
  border-radius: var(--changemaker-border-radius-rounded);
}

/* // status buttons */
.changemaker-btn-apply {
  background-color: var(--changemaker-primary-one);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-five);
  border: 0;
}

.changemaker-btn-view-response {
  background-color: var(--changemaker-primary-one);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-three);
  border: 0;
}

.changemaker-btn-border-primary-two {
  border: 0;
  background-color: var(--changemaker-white);
  border: 1px solid var(--changemaker-primary-two);
  border-radius: var(--changemaker-border-radius-one);
}

.changemaker-btn-black {
  border: 0;
  background-color: var(--changemaker-black);
  border-radius: var(--changemaker-border-radius-one);
}

/* // transparent */
.changemaker-btn-primary-transparent {
  background-color: transparent;
  color: var(--changemaker-primary-one);
  border: 1px solid var(--changemaker-primary-one);
  outline: none;
}

.changemaker-btn-border-grey-four {
  background-color: transparent;
  color: var(--changemaker-grey-nine);
  border: 0.063rem solid var(--changemaker-grey-four);
  outline: none;
}

.changemaker-btn-grey-nine-transparent {
  background-color: transparent;
  color: var(--changemaker-grey-nine);
}

.changemaker-btn-grey-eight-transparent {
  background-color: transparent;
  color: var(--changemaker-grey-eight);
}

.changemaker-btn-grey-eight-border-transparent {
  background-color: transparent;
  color: var(--changemaker-grey-eight);
  border: 0.064rem solid var(--changemaker-grey-four);
}

.changemaker-btn-grey-eight-transparent:hover {
  color: var(--changemaker-primary-four)
}

.changemaker-btn-primary-bg-white-circle {
  background-color: var(--changemaker-white);
  color: var(--changemaker-primary-one);
  border-radius: var(--changemaker-border-radius-rounded);
}

.changemaker-btn-primary-four {
  background-color: var(--changemaker-primary-four);
  color: var(--changemaker-white);
  border: 0;
}

/* // outline */
.changemaker-btn-primary-outline-rounded {
  background-color: var(--changemaker-white);
  color: var(--changemaker-primary-one);
  border-radius: var(--changemaker-border-radius-six);
  border: 0.5px solid var(--changemaker-primary-one);

  &.primary-one-mat-spinner {

    .mat-progress-spinner circle,
    .mat-progress-spinner path {
      stroke: var(--changemaker-primary-one);
    }
  }
}

.changemaker-btn-primary-four-outline-rounded {
  background-color: var(--changemaker-white);
  color: var(--changemaker-primary-four);
  border-radius: var(--changemaker-border-radius-two);
  border: 0.5px solid var(--changemaker-primary-four);
}

.changemaker-btn-primary-outline {
  background-color: var(--changemaker-white);
  color: var(--changemaker-primary-one);
  border-radius: var(--changemaker-border-radius-two);
  border: 2px solid var(--changemaker-primary-one);

  &.primary-one-mat-spinner {

    .mat-progress-spinner circle,
    .mat-progress-spinner path {
      stroke: var(--changemaker-primary-one);
    }
  }
}

.changemaker-btn-primary-six-outline-rounded {
  background-color: var(--changemaker-white);
  color: var(--changemaker-primary-six);
  border-radius: var(--changemaker-border-radius-two);
  border: 0.063rem solid var(--changemaker-primary-six);
}

.changemaker-btn-grey-nine-outline-rounded {
  background-color: var(--changemaker-white);
  color: var(--changemaker-grey-nine);
  border-radius: var(--changemaker-border-radius-one);
  border: 0.5px solid var(--changemaker-grey-nine);
}

.changemaker-btn-grey-ten-outline-rounded {
  background-color: var(--changemaker-white);
  color: var(--changemaker-grey-ten);
  border-radius: var(--changemaker-border-radius-one);
  border: 0.5px solid var(--changemaker-grey-ten) !important;
}

.changemaker-btn-grey-nine-rounded {
  background-color: var(--changemaker-grey-nine);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-one);
  border: 0.5px solid var(--changemaker-grey-nine);
}

.changemaker-btn-rounded-border-2-grey-eight {
  background-color: var(--changemaker-white);
  color: var(--changemaker-grey-eight);
  border-radius: var(--changemaker-border-radius-one);
  border: 0.125rem solid var(--changemaker-grey-eight);
}

.changemaker-btn-grey-one-rounded-1-border-2-primary-one {
  background-color: var(--changemaker-grey-one);
  color: var(--changemaker-primary-one);
  border-radius: var(--changemaker-border-radius-one);
  border: 0.125rem solid var(--changemaker-primary-one);
  transition-duration: .3s;

  &.hover-color:hover {
    background-color: var(--changemaker-primary-one);
    color: var(--changemaker-white);
  }
}

.changemaker-btn-primary-light-shade-rounded-pill {
  background-color: var(--changemaker-primary-light-shade);
  color: var(--changemaker-primary-one);
  border: 0.063rem solid var(--changemaker-primary-one);
  border-radius: var(--changemaker-border-radius-rounded-pill);
}

.changemaker-btn-palette-sixtytwo-rounded-pill {
  color: var(--changemaker-palette-seventyone);
  border: 0.063rem solid var(--changemaker-palette-seventyone);
  background-color: var(--changemaker-palette-seventtwo);
  border-radius: var(--changemaker-border-radius-rounded-pill);
}

.changemaker-btn-grey-one-outline-grey-four {
  background-color: var(--changemaker-grey-one);
  color: var(--changemaker-grey-nine);
  border: 0.5px solid var(--changemaker-grey-four);
}

.changemaker-btn-palette-C37640-outline-rounded {
  background-color: var(--changemaker-white);
  color: var(--changemaker-palette-C37640);
  border-radius: var(--changemaker-border-radius-two);
  border: 0.5px solid var(--changemaker-palette-C37640);
}

.changemaker-btn-edit-bg-white {
  background-color: var(--changemaker-white);
  color: var(--changemaker-grey-nine);
  border-radius: var(--changemaker-border-radius-one);
  border: 0.5px solid var(--changemaker-grey-five);
}

.changemaker-btn-logout-orange {
  background-color: var(--changemaker-white);
  color: #FF4405;
  border-radius: var(--changemaker-border-radius-one);
  border: 1px solid #FF4405;
}

/* // rotation */
.changemaker-rotate-90 {
  transform: rotate(90deg);
}

.changemaker-rotate-180 {
  transform: rotate(180deg);
}

.changemaker-rotate-270 {
  transform: rotate(270deg);
}

.changemaker-icon-sm {
  height: 0.4rem;
}

.changemaker-icon-md {
  height: 0.6rem;
}

.changemaker-icon-lg {
  height: 1rem;
}

.changemaker-icon-xlg {
  height: 1.5rem;
}

.changemaker-box-shadow-none {
  box-shadow: none;
}

.changemaker-filter-grey-seven {
  filter: invert(60%) sepia(14%) saturate(165%) hue-rotate(165deg)
    brightness(85%) contrast(86%);
}

.changemaker-filter-white {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg)
    brightness(102%) contrast(102%);
}

.changemaker-filter-primary-one {
  filter: invert(45%) sepia(70%) saturate(1428%) hue-rotate(199deg)
    brightness(98%) contrast(87%);
}

.changemaker-filter-primary-two {
  filter: invert(20%) sepia(13%) saturate(858%) hue-rotate(177deg)
    brightness(94%) contrast(90%);
}

.changemaker-primary-text-color {
  color: var(--changemaker-primary-one);
}

.changemaker-linear-gradient-one {
  background: var(--changemaker-linear-gradient-one) !important;
}

.changemaker-border-radius-one {
    border-radius: var(--changemaker-border-radius-one) !important;
}

.changemaker-border-radius-two {
  border-radius: var(--changemaker-border-radius-two) !important;
}

.changemaker-border-radius-three {
  border-radius: var(--changemaker-border-radius-three) !important;
}

.changemaker-border-radius-four {
  border-radius: var(--changemaker-border-radius-four) !important;
}

.changemaker-border-radius-five {
  border-radius: var(--changemaker-border-radius-five) !important;
}

.changemaker-border-radius-six {
  border-radius: var(--changemaker-border-radius-six) !important;
}

.changemaker-border-radius-seven {
  border-radius: var(--changemaker-border-radius-seven) !important;
}

.changemaker-border-radius-eight {
  border-radius: var(--changemaker-border-radius-eight) !important;
}

.changemaker-border-radius-fourteen {
  border-radius: var(--changemaker-border-radius-fourteen) !important;
}

.ccsa-background-white {
  background-color: var(--ccsa-white);
}

.ccsa-background-grey-one {
  background-color: var(--ccsa-grey-one);
}

.icon-card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
}

.company-link {
  border-radius: var(--changemaker-border-radius-one);
  color: var(--changemaker-primary-one);
  background-color: var(--changemaker-palette-nine);
}

.company-link:hover {
  color: var(--changemaker-white);
  background-color: var(--changemaker-primary-one);
}

.causes-skills span {
  padding: 0.5rem 1rem;
  background-color: var(--changemaker-grey-two);
  border-radius: var(--changemaker-border-radius-two);
}

.cursor-pointer {
  cursor: pointer;
}

.b-none {
  border: none;
}

.outline-none {
  outline: none;
}

.opacity-1 {
  opacity: 1;
}

.horizontal-divider {
  border: 0.1px solid var(--changemaker-grey-three);
}

.go-back-btn {
  background: transparent;
  border: none;
  outline: none;
}

.animation-loader {
  width: 20vw;
}

@media (min-height: 100vw) and (orientation: portrait) {
  .animation-loader {
    width: 50vw;
  }

  /* The height is greater than the width */
  .changemaker-text-bold-48 {
    font-size: calc(2rem + 0.5vh);
    line-height: calc(2.3rem + 0.5vh);
  }
  .changemaker-text-bold-34 {
    font-size: calc(1.8rem + 0.15vh);
    line-height: calc(2.2rem + 0.15vh);
  }
  .changemaker-text-bold-32, .changemaker-text-semibold-32 {
    font-size: calc(1.3rem + 1vh);
    line-height: calc(1.5rem + 1vh);
  }

  .changemaker-text-bold-17,
  .changemaker-text-regular-17,
  .changemaker-text-semibold-17,
  .changemaker-text-medium-17,
  .changemaker-text-light-17 {
    font-size: calc(1rem + 0.1vh);
    line-height: calc(1.4rem + 0.1vh);
  }

  .changemaker-text-semibold-30 {
    font-size: calc(1.5rem + 0.4vh);
    line-height: calc(1.8rem + 0.4vh);
  }

  .changemaker-text-regular-25,
  .changemaker-text-medium-25,
  .changemaker-text-bold-25,
  .changemaker-text-semibold-25,
  .changemaker-text-light-25 {
    font-size: calc(1.5rem + 0.1vw);
    line-height: calc(1.7rem + 0.1vh);
  }

  .changemaker-text-medium-24 {
    line-height: 2.188rem;
  }

  .changemaker-text-medium-24,
  .changemaker-text-regular-24,
  .changemaker-text-semibold-24,
  .changemaker-text-bold-24,
  .changemaker-text-light-24 {
    font-size: calc(1.3rem + 0.5vh);
    line-height: calc(1.8rem + 0.5vh);
  }

  .changemaker-text-medium-18,
  .changemaker-text-regular-18,
  .changemaker-text-bold-18,
  .changemaker-text-semibold-18,
  .changemaker-text-light-18 {
    font-size: calc(1rem + 0.1vh) !important;
    line-height: calc(1.6rem + 0.1vh) !important;
  }

  .changemaker-text-light-16,
  .changemaker-text-bold-16 {
    font-size: calc(0.9rem + 0.3vh) !important;
    line-height: calc(1.2rem + 0.3vh) !important;
  }

  .changemaker-text-medium-16,
  .changemaker-text-semibold-16,
  .changemaker-text-regular-16{
    font-size: calc(0.85rem + 0.2vh) !important;
    line-height: calc(1.35rem + 0.2vh) !important;
  }

  .changemaker-text-regular-15,
  .changemaker-text-semibold-15,
  .changemaker-text-bold-15,
  .changemaker-text-light-15 {
    font-size: calc(0.8rem + 0.2vh);
    line-height: calc(1.27rem + 0.2vh);
  }

  .changemaker-text-medium-15{
    font-size: calc(0.8rem + 0.2vh);
    line-height: calc(1.27rem + 0.2vh);
  }

  .changemaker-text-medium-12,
  .changemaker-text-regular-12,
  .changemaker-text-semibold-12,
  .changemaker-text-bold-12,
  .changemaker-text-medium-upper-12,
  .changemaker-text-light-12 {
    font-size: calc(0.6rem + 0.475vh);
    line-height: calc(0.9rem + 0.5vh);
  }

  .changemaker-text-medium-14,
  .changemaker-text-regular-14,
  .changemaker-text-light-14,
  .changemaker-text-medium-upper-14,
  .changemaker-text-semibold-14,
  .changemaker-text-bold-14 {
    font-size: calc(0.8rem + 0.1vh) !important;
    line-height: calc(1.2rem + 0.2vh) !important;
  }

  .changemaker-text-regular-13,
  .changemaker-text-medium-13,
  .changemaker-text-semibold-13,
  .changemaker-text-bold-13,
  .changemaker-text-light-13 {
    font-size: calc(0.7rem + 0.2vh) !important;
    line-height: calc(1rem + 0.3vh) !important;
  }

  .changemaker-text-semibold-70 {
    font-size: calc(2.7rem + 0.1vh);
    line-height: calc(3.2rem + 0.1vh);
  }

  .partner-with-us img {
    display: none;
  }

  .testimony-content {
    width: 50vw;
  }
}

.changemaker-border-grey-three-1 {
  border: 1px solid var(--changemaker-grey-three) !important;
}

.changemaker-border-grey-five-1 {
  border: 0.064rem solid var(--changemaker-grey-five);
}

.changemaker-button-primary-one{
  background-color: var(--changemaker-primary-one);
  color:var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-two);
}

.changemaker-btn-palette-fortyseven {
  background-color: var(--changemaker-palette-ED8B00);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-one);
  border: 0;
}
.changemaker-button-default-height { /* 51px height at 1920px screen resolution & 42px height at 320px screen resolution*/
  line-height: calc(1.5rem + .57vw) !important;
  padding: .5rem 0;
}

.changemaker-body4 {
  font-family: changemaker-Regular;
  font-size: 0.625rem;
  line-height: 0.625rem;
}

.changemaker-button-grey-nine {
  background-color: var(--changemaker-grey-nine);
  color: var(--changemaker-white);
  border-radius: var(--changemaker-border-radius-two);
  border: 0;
}