html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Mulish;
src: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62f24e30295fa1b8e4e78456_Mulish-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Mulish;
src: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62f24e2fbc47b254defe5d7d_Mulish-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Mulish;
src: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62f24e2f730ae01e87f558a9_Mulish-ExtraBold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62f24e2fbc47b2de7afe5d7e_Mulish-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Firasans;
src: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62f24e2f9576fdf97935d98a_FiraSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Mulish;
src: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62f24e3037dc7354e3532baf_Mulish-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Firasans;
src: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62f24e2f562f473142655852_FiraSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Firasans;
src: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62f24e3003388abc8a82632b_FiraSans-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Firasans;
src: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62f24e31e38c6d536f1068fb_FiraSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Tan jambore;
src: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/643500705afac22af313a17d_TAN-Jambore.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Plus jakarta;
src: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/66a8970646b4a6ca867630f1_PlusJakartaSans-VariableFont_wght.ttf") format("truetype");
font-weight: 200 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Dm sans;
src: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/66a89797c7eb24f61f7d4657_DMSans-VariableFont_opsz%2Cwght.ttf") format("truetype");
font-weight: 100 1000;
font-style: normal;
font-display: swap;
}
:root {
--dim-grey: #4d4d4d;
--deep-sky-blue-2: #0bb4d5;
--deep-sky-blue: #0ebee0;
--red-hover: #d14a25;
--grey: #929292;
--white: white;
--white-smoke-2: #f0f0f0;
--black: #202124;
--tomato: #e05b37;
--yellow: #ffd138;
--white-smoke-4: #c1c2c3;
--white-smoke: #ededed;
--dark-black: #000;
--new-blue: #03c0e3;
--black-2: #333;
--transparent: #fff0;
--dim-grey-2: #666;
--green: #b7c833;
--new-black: #1e1e1e;
--white-smoke-3: #ebebeb;
--banner-text-size: 100px;
--phone-heading: 6vw;
--banner-yellow: #ffd337;
--banner-tomato: #e15344;
--banner-blue: #0ec0e2;
--new-tomato: #d05d4b;
--new-black-heading: #2a2a2a;
--arrow-yellow: #ffd13c;
--new-green: #bbc650;
--tab_heading: #de647c;
--yellow-red: #f7952e;
--tab-heading: var(--deep-sky-blue);
}
.w-embed-youtubevideo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
background-position: 50%;
background-size: cover;
width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
color: #4d4d4d;
font-family: Firasans, sans-serif;
font-size: 16px;
line-height: 24px;
}
h1 {
color: var(--dim-grey);
margin-top: 0;
font-family: Mulish, sans-serif;
font-size: 42px;
font-weight: 500;
line-height: 60px;
}
h2 {
margin-top: 0;
font-family: Mulish, sans-serif;
font-size: 42px;
font-weight: 500;
line-height: 60px;
}
h3 {
color: var(--deep-sky-blue-2);
margin-top: 0;
font-family: Mulish, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 32px;
}
h4 {
margin-top: 0;
margin-bottom: 0;
font-family: Mulish, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
h5 {
margin-top: 0;
margin-bottom: 0;
font-family: Mulish, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-family: Mulish, sans-serif;
font-size: .75rem;
font-weight: 500;
line-height: 1.5;
}
p {
margin-bottom: 0;
font-size: 24px;
font-weight: 300;
line-height: 32px;
}
a {
color: var(--deep-sky-blue);
font-weight: 400;
line-height: 26px;
text-decoration: underline;
}
ul, ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.25rem;
}
li {
margin-bottom: .25rem;
}
img {
max-width: 100%;
display: inline-block;
}
label {
margin-bottom: .25rem;
font-weight: 400;
}
strong {
font-weight: bold;
}
blockquote {
border-left: .25rem solid var(--deep-sky-blue);
margin-bottom: 0;
padding: .75rem 1.25rem;
font-family: Mulish, sans-serif;
font-size: 47px;
font-weight: 300;
line-height: 60px;
}
figure {
margin-top: 2rem;
margin-bottom: 2rem;
}
figcaption {
text-align: center;
margin-top: .25rem;
}
.form-message-success {
padding: 1.25rem;
}
.z-2 {
z-index: 2;
position: relative;
}
.text-color-black {
color: #000;
}
.fs-styleguide_row {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
display: grid;
}
.fs-styleguide_row.is-for-social-icons {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.fs-styleguide_3-col {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-weight-semibold {
font-weight: 600;
}
.text-weight-light {
font-weight: 300;
}
.max-width-full {
width: 100%;
max-width: none;
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.show {
display: block;
}
.fs-styleguide_color-sample {
background-color: #f5f5f5;
margin-top: .5rem;
padding: 5rem;
}
.overflow-hidden {
overflow: hidden;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.icon-1x1-small {
width: 2rem;
height: 2rem;
}
.button {
color: #fff;
text-align: center;
background-color: #e05b37;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 18px;
transition: background-color .2s;
}
.button:hover {
background-color: var(--red-hover);
}
.button.medium {
border-radius: 5px;
padding: 10px 26px;
font-family: Firasans, sans-serif;
font-weight: 600;
}
.button.medium.new-btn {
border-radius: 5px;
}
.button.medium.dm-sans {
font-family: Dm sans, sans-serif;
}
.button.search-btn {
height: 48px;
}
.button.grey {
border-top: 1px solid var(--grey);
border-right: 1px solid var(--grey);
border-bottom: 1px solid var(--grey);
background-color: var(--white);
color: var(--dim-grey);
}
.heading-medium {
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.heading-medium.text-style-uppercase.hide-mobile-landscape {
color: var(--deep-sky-blue);
letter-spacing: -1px;
text-transform: none;
margin-top: 0;
margin-bottom: 0;
font-family: Mulish, sans-serif;
font-weight: 700;
}
.heading-medium.text-style-uppercase.hide-mobile-landscape.lead-heading {
color: var(--deep-sky-blue);
text-transform: none;
font-family: Dm sans, sans-serif;
font-weight: 700;
}
.heading-medium.text-style-uppercase.hide-mobile-landscape {
color: #333;
letter-spacing: -1px;
margin-top: 0;
margin-bottom: 0;
font-family: Mulish, sans-serif;
font-weight: 700;
}
.heading-medium.text-weight-medium {
margin-top: 0;
}
.heading-medium._42px {
margin-top: 0;
font-size: 42px;
font-weight: 500;
line-height: 60px;
}
.heading-medium._42px.grey {
color: var(--dim-grey);
}
.heading-large {
font-size: 42px;
font-weight: 500;
line-height: 60px;
}
.heading-large.text-weight-light {
font-weight: 300;
}
.heading-large.text-weight-light.text-style-offwhite {
color: var(--white-smoke-2);
margin-top: 0;
margin-bottom: 0;
}
.heading-large.text-weight-light.text-style-offwhite.small {
color: var(--white-smoke-2);
font-size: 45px;
}
.heading-large.text-weight-light.text-style-offwhite.small.low-opacity {
opacity: .75;
margin-bottom: 2rem;
}
.heading-large.text-weight-light.text-style-offwhite.small.grey {
color: var(--dim-grey);
font-size: 29px;
line-height: 43px;
}
.heading-large.text-weight-light.text-style-offwhite.small.grey.center {
text-align: center;
}
.heading-large.text-weight-light.text-style-offwhite.small.grey.center.firasans {
font-family: Firasans, sans-serif;
}
.heading-large.text-weight-light.text-style-offwhite.small.black {
color: var(--dim-grey);
font-weight: 500;
}
.heading-large.text-weight-light.text-style-offwhite.small.black.bold {
color: var(--black);
margin-top: 0;
font-weight: 700;
}
.heading-large.text-weight-light.text-style-offwhite.small.black.center {
text-align: center;
}
.text-weight-bold {
font-weight: 700;
}
.text-size-large {
font-size: 1.5rem;
}
.text-size-large.text-weight-bold.text-style-muted {
color: var(--black);
font-weight: 500;
}
.icon-medium {
height: 3rem;
}
.text-size-regular {
font-size: 1rem;
}
.text-weight-normal {
font-weight: 400;
}
.fs-styleguide_section {
grid-column-gap: 4rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
padding-top: 2rem;
padding-bottom: 2rem;
display: grid;
}
.text-align-center {
text-align: center;
}
.text-align-center.grey {
color: var(--grey);
}
.text-align-center.mwidth-960 {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
.text-align-center.orange {
color: var(--tomato);
}
.text-align-center.innovated {
text-align: center;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.text-align-center.innovated.stories {
margin-top: 40px;
padding-top: 0;
}
.text-align-center.donor {
margin-top: 140px;
}
.text-align-center.donor.mobile {
margin-top: 40px;
}
.text-align-center.cotb {
padding-bottom: 40px;
}
.z-1 {
z-index: 1;
position: relative;
}
.icon-small {
height: 2rem;
}
.show-mobile-portrait {
display: none;
}
.text-style-italic {
font-style: italic;
}
.background-color-grey {
background-color: var(--white-smoke-2);
color: var(--yellow);
}
.background-color-grey.bg-yellow {
background-color: var(--yellow);
}
.hide {
display: none;
}
.fs-styleguide_section-type {
color: #fff;
text-align: center;
letter-spacing: .0625rem;
text-transform: uppercase;
background-color: #000;
padding: 1.25rem;
font-size: 1rem;
font-weight: 600;
}
.text-size-medium {
font-size: 1.25rem;
}
.text-size-medium.text-style-offwhite {
color: var(--white-smoke-4);
font-weight: 400;
}
.text-size-medium.text-style-offwhite.hide-mobile-landscape {
font-family: Dm sans, sans-serif;
}
.text-size-medium.text-weight-medium {
font-size: 24px;
}
.text-size-medium._29px {
font-size: 29px;
line-height: 43px;
}
.text-size-medium._29px.white {
color: var(--white);
}
.text-size-medium._24px {
font-family: Mulish, sans-serif;
font-size: 24px;
font-weight: 500;
}
.text-size-medium._24px.light {
font-weight: 300;
}
.text-size-medium._24px.light.mt--3 {
margin-top: -6px;
}
.text-size-medium._24px.light.fira-light {
font-family: Firasans, sans-serif;
}
.text-size-medium._24px.regular-fira {
font-family: Firasans, sans-serif;
font-weight: 400;
}
.text-size-medium._24px.regular-fira.ligh-grey {
color: var(--grey);
font-weight: 300;
}
.text-size-medium._24px.regular-fira.ligh-grey.max-300 {
max-width: 400px;
}
.text-size-medium._24px.medium-fira {
font-family: Plus jakarta, sans-serif;
}
.text-size-medium._24px.orange {
color: var(--tomato);
}
.text-size-medium._24px.fira {
font-family: Firasans, sans-serif;
font-weight: 400;
}
.text-size-medium._24px.mb-10 {
margin-bottom: 10px;
}
.text-size-medium._24px.mobile {
font-family: Plus jakarta, sans-serif;
}
.text-size-medium._30px {
font-family: Mulish, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 38px;
}
.text-size-medium._20px {
font-size: 20px;
line-height: 28px;
}
.text-size-medium._42px {
font-size: 42px;
}
.text-size-medium._24px {
font-family: Mulish, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.text-align-left {
text-align: left;
}
.text-weight-xbold {
font-weight: 800;
}
.text-style-link {
text-decoration: underline;
}
.form-wrapper {
margin-bottom: 0;
}
.text-style-muted {
opacity: .7;
}
.text-size-small {
font-size: .875rem;
}
.text-size-small.text-weight-medium.text-style-muted {
font-size: 16px;
line-height: 20px;
}
.text-size-small.text-style-offwhite {
font-family: Firasans, sans-serif;
font-weight: 400;
}
.text-size-small.text-style-offwhite.old-footer-text {
text-align: center;
font-family: Firasans, sans-serif;
font-size: .875rem;
font-weight: 300;
line-height: 32px;
}
.text-size-small.text-style-offwhite {
text-align: left;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.text-size-small.text-style-offwhite.extra-small-text {
font-size: 16px;
}
.text-rich-text h1 {
margin-top: 2rem;
margin-bottom: 1.5rem;
}
.text-rich-text h2 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h3 {
text-transform: capitalize;
margin-top: 1.5rem;
margin-bottom: 1rem;
font-family: Plus jakarta, sans-serif;
}
.text-rich-text h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h5 {
margin-top: 1.25rem;
margin-bottom: .75rem;
}
.text-rich-text h6 {
margin-top: 1.25rem;
margin-bottom: .5rem;
}
.text-rich-text p, .text-rich-text blockquote, .text-rich-text ul {
margin-bottom: .75rem;
}
.text-rich-text a {
color: var(--deep-sky-blue);
font-weight: 400;
text-decoration: underline;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.max-width-xlarge.align-center {
line-height: 24px;
}
.icon-large {
height: 4rem;
}
.max-width-medium {
width: 100%;
max-width: 32rem;
}
.form-radio {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.heading-xlarge {
font-size: 4rem;
font-weight: 700;
line-height: 1.1;
}
.max-width-xsmall {
width: 100%;
max-width: 16rem;
}
.form-input {
background-color: #0000;
min-height: 3rem;
margin-bottom: .75rem;
padding: .5rem 1rem;
}
.form-input.is-text-area {
min-height: 8rem;
padding-top: .75rem;
}
.hide-mobile-landscape {
font-family: Firasans, sans-serif;
}
.max-width-xxsmall {
width: 100%;
max-width: 12rem;
}
.page-wrapper {
color: #231f20;
font-family: Dm Sans, sans-serif;
}
.text-size-tiny {
font-size: .75rem;
}
.icon-1x1-medium {
width: 3rem;
height: 3rem;
}
.form-checkbox-icon {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form-checkbox-icon.w--redirected-checked {
background-size: 90%;
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form-checkbox-icon.w--redirected-focus {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.container-large {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: static;
}
.container-large._960 {
max-width: 960px;
}
.container-large.hide-me {
display: none;
}
.container-large.cotb-audience {
max-width: 800px;
}
.container-large.padding {
padding-top: 10px;
padding-bottom: 10px;
}
.container-large.padding.padding-top {
padding-top: 0;
}
.container-large.crisis-inequity, .container-large.height {
height: 100%;
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.background-color-black {
color: #f5f5f5;
background-color: #000;
}
.text-style-quote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.fs-styleguide_classes {
display: none;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.fs-styleguide_1-col {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fs-styleguide_1-col.gap-medium {
grid-row-gap: 2.5rem;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.page-padding {
color: var(--black);
padding-left: 2.5rem;
padding-right: 2.5rem;
display: block;
position: static;
overflow: visible;
}
.page-padding._150px {
margin-right: 0;
padding-top: 140px;
padding-bottom: 140px;
}
.page-padding._100px, .page-padding._80px {
padding-top: 0;
padding-bottom: 0;
}
.page-padding._80px.mb-0 {
padding-top: 80px;
padding-bottom: 10px;
}
.page-padding._80px.mb-0.padding-bottom {
padding-bottom: 65px;
}
.page-padding._80px.logo {
padding-top: 20px;
}
.page-padding.pb-80 {
padding-bottom: 0;
}
.page-padding._28px-lr {
align-self: flex-start;
margin-top: 97px;
}
.page-padding._28px-lr.innovated {
margin-top: 140px;
}
.page-padding._28px-lr.innovated.mobile {
margin-top: 100px;
}
.page-padding.innovated {
background-color: #0000;
}
.page-padding.stories {
background-color: var(--tomato);
}
.page-padding.pr-40px {
padding-right: 40px;
}
.page-padding.cotb {
padding-left: 2.5rem;
display: block;
}
.page-padding.cotb.india {
padding-top: 100px;
padding-bottom: 40px;
}
.page-padding.v-padding {
padding-top: 0;
padding-bottom: 0;
}
.page-padding.bg-white-smoke {
background-color: var(--white-smoke);
}
.page-padding.revamped {
padding-left: 5rem;
padding-right: 5rem;
}
.page-padding.new-design-circle {
z-index: 1;
width: 100vw;
position: relative;
top: auto;
}
.page-padding.why-we-exist-position {
width: 100%;
position: absolute;
overflow: hidden;
}
.page-padding.footer-bg {
background-color: #e15542;
}
.page-padding.crisis-inequity {
height: 100%;
}
.page-padding.ed-crisis {
margin-top: 0;
padding-top: 40px;
}
.page-padding.fellowship {
position: relative;
top: 40px;
}
.page-padding.height {
height: 100%;
}
.fs-styleguide_2-col {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: start;
display: grid;
}
.text-align-right {
text-align: right;
}
.show-tablet {
display: none;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.text-color-grey {
color: gray;
}
.form-radio-icon {
width: .875rem;
height: .875rem;
margin-top: 0;
margin-left: 0;
margin-right: .5rem;
}
.form-radio-icon.w--redirected-checked {
border-width: .25rem;
width: .875rem;
height: .875rem;
}
.form-radio-icon.w--redirected-focus {
width: .875rem;
height: .875rem;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.show-mobile-landscape {
display: none;
}
.background-color-white {
background-color: #fff;
}
.max-width-small {
width: 100%;
max-width: 20rem;
}
.icon-1x1-large {
width: 4rem;
height: 4rem;
}
.form-checkbox {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.form-message-error {
margin-top: .75rem;
padding: .75rem;
}
.utility_component {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: auto;
max-height: 100%;
padding: 100px 1.25rem;
display: flex;
}
.utility_form-block {
text-align: center;
flex-direction: column;
max-width: 20rem;
display: flex;
}
.utility_form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.utility_image {
margin-bottom: .5rem;
margin-left: auto;
margin-right: auto;
}
.main-wrapper {
background-color: var(--white);
}
.main-wrapper.cotb {
color: #231f20;
background-color: #000;
padding-left: 0;
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.button-secondary {
color: #fff;
text-align: center;
background-color: #0ebee0;
border: .063rem solid #0ebee0;
justify-content: center;
align-items: center;
min-width: 182px;
min-height: 46px;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.button-secondary:hover {
background-color: var(--deep-sky-blue-2);
}
.button-secondary.min-width-12 {
min-width: 12rem;
font-weight: 400;
transition: background-color .2s;
}
.button-secondary.min-width-12.outline {
border-color: var(--dim-grey);
background-color: var(--white);
color: var(--dim-grey);
font-weight: 400;
}
.button-text {
color: #386eec;
text-align: center;
background-color: #0000;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-weight: 600;
}
.margin-tiny {
margin: .125rem;
}
.margin-xxsmall {
margin: .25rem;
}
.margin-xsmall {
margin: .5rem;
}
.margin-small {
margin: 1rem;
}
.margin-medium {
margin: 2rem;
}
.margin-large {
margin: 3rem;
}
.margin-xlarge {
margin: 4rem;
}
.margin-xxlarge {
margin: 5rem;
}
.margin-huge {
margin: 6rem;
}
.margin-xhuge {
margin: 8rem;
}
.margin-xxhuge {
margin: 12rem;
}
.margin-0 {
margin: 0;
}
.padding-0 {
padding: 0;
}
.padding-tiny {
padding: .125rem;
}
.padding-xxsmall {
padding: .25rem;
}
.padding-xsmall {
padding: .5rem;
}
.padding-small {
padding: 1rem;
}
.padding-medium {
padding: 2rem;
}
.padding-large {
padding: 3rem;
}
.padding-xlarge {
padding: 4rem;
}
.padding-xxlarge {
padding: 5rem;
}
.padding-huge {
padding: 6rem;
}
.padding-xhuge {
padding: 8rem;
}
.padding-xxhuge {
padding: 12rem;
}
.text-style-allcaps {
text-transform: uppercase;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-small.cotb {
text-align: center;
margin-top: 4rem;
}
.margin-top.margin-small.fellow {
margin-top: 2.5rem;
}
.margin-top.margin-xlarge._6rem {
margin-top: 40px;
}
.margin-top.margin-xlarge.flex-center {
grid-column-gap: 24px;
justify-content: center;
display: flex;
}
.margin-top.margin-xlarge.flex-center.gap-40 {
grid-column-gap: 80px;
justify-content: flex-start;
}
.margin-top.margin-xlarge.flex-gap {
grid-column-gap: 24px;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.margin-top.margin-xlarge.flex-gap.faq {
margin-top: 1rem;
}
.margin-top.margin-large.center {
text-align: center;
}
.margin-top.margin-large.flex-center {
justify-content: center;
display: flex;
}
.margin-top.margin-large.flex-center.gap-20 {
grid-column-gap: 20px;
}
.margin-top.margin-large.flex-left {
grid-column-gap: 24px;
display: flex;
}
.margin-top.margin-large.flex-left.flex-razor {
flex-flow: row;
align-items: flex-start;
}
.margin-top.margin-large.flex-left.flex-razor.cotb {
margin-top: 0;
margin-bottom: 1rem;
}
.margin-top.margin-large.flex-left.flex-razor.new-donete-design {
flex-flow: column;
margin-top: 20px;
}
.margin-top.margin-large.flex-gap-large {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-start;
align-items: stretch;
margin-top: 0;
display: flex;
}
.margin-top.margin-large.flex-gap-large.innovated {
justify-content: center;
margin-top: 0;
}
.margin-top.margin-large.flex-gap-large.cotb {
text-align: left;
justify-content: center;
margin-top: 2rem;
margin-bottom: 2rem;
}
.margin-top.margin-large.new-donate-design {
margin-top: 0;
}
.margin-top.mb-40 {
margin-bottom: 4rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-medium {
margin-bottom: 20px;
}
.margin-bottom.margin-medium._55px {
margin-bottom: 55px;
}
.margin-bottom.margin-medium.cotb {
margin-top: -3.8rem;
margin-bottom: 0;
padding-top: 0;
}
.margin-bottom.margin-medium.heading {
margin-top: 2rem;
}
.margin-bottom.margin-medium.revamped {
margin-bottom: 10px;
}
.margin-bottom.margin-xxxlarge {
margin-bottom: 7rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-huge {
text-align: left;
margin-left: 0;
padding-top: 60px;
padding-bottom: 60px;
padding-left: 0;
font-family: Dm sans, sans-serif;
font-weight: 400;
position: relative;
}
.padding-vertical.padding-huge.bottom-0 {
padding-bottom: 0;
}
.padding-vertical.padding-huge._90px {
padding-top: 90px;
padding-bottom: 90px;
}
.padding-vertical.padding-huge._90px.mb-0 {
padding-bottom: 0;
}
.padding-vertical.padding-huge.pt-40 {
padding-top: 60px;
}
.padding-vertical.padding-huge.pt-0 {
padding-top: 0;
}
.padding-vertical.padding-huge.pt-0.pb-80 {
padding-bottom: 60px;
}
.padding-vertical.padding-huge.pt-0.cotb {
margin-left: 0;
padding-top: 0;
padding-bottom: 60px;
}
.padding-vertical.padding-huge.pt-0.cotb.mobile {
margin-left: 76px;
padding-top: 60px;
}
.padding-vertical.padding-huge.text-center {
text-align: center;
}
.padding-vertical.padding-huge.text-center.cotb {
padding-top: 20px;
padding-bottom: 100px;
}
.padding-vertical.padding-huge.hide-fro-now, .padding-vertical.padding-huge.fellowhide {
display: none;
}
.padding-vertical.padding-huge.mobile {
padding-top: 100px;
padding-bottom: 100px;
}
.padding-vertical.padding-huge.mobile.refund {
padding-bottom: 70px;
}
.padding-vertical.padding-huge.mobile.padding-botton-0 {
padding-bottom: 0;
}
.padding-vertical.padding-huge.mobile.left-and-right-padding {
text-align: center;
padding: 60px 5rem;
position: static;
}
.padding-vertical.padding-huge.innovated, .padding-vertical.padding-huge.cohort {
padding-top: 0;
padding-bottom: 0;
}
.padding-vertical.padding-huge.why {
padding-top: 60px;
padding-bottom: 60px;
}
.padding-vertical.padding-huge.why.innovated {
padding-top: 60px;
}
.padding-vertical.padding-huge.why.grey {
padding-top: 150px;
padding-bottom: 150px;
}
.padding-vertical.padding-huge.why.grey.mobile {
padding-top: 120px;
}
.padding-vertical.padding-huge.why.cohort {
padding-bottom: 100px;
}
.padding-vertical.padding-huge.info {
padding-top: 0;
padding-bottom: 0;
}
.padding-vertical.padding-huge.cotb {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical.padding-huge.cotb.donate {
padding-top: 100px;
padding-bottom: 100px;
}
.padding-vertical.padding-huge.cotb.conference {
padding-top: 0;
}
.padding-vertical.padding-huge.cotb.gif {
padding-bottom: 100px;
}
.padding-vertical.padding-huge.cotb.interim {
padding-top: 100px;
padding-bottom: 40px;
}
.padding-vertical.padding-huge.location {
margin-left: 68px;
}
.padding-vertical.padding-huge.cotb-intro {
padding-top: 60px;
padding-bottom: 60px;
}
.padding-vertical.padding-huge.cotb-intro.innovated {
padding-top: 60px;
}
.padding-vertical.padding-huge.cotb-intro.grey {
padding-top: 150px;
padding-bottom: 150px;
}
.padding-vertical.padding-huge.cotb-intro.grey.mobile {
padding-top: 120px;
}
.padding-vertical.padding-huge.cotb-intro.cohort {
padding-bottom: 100px;
}
.padding-vertical.padding-huge.vertial-space {
padding-top: 80px;
padding-bottom: 80px;
}
.padding-vertical.padding-huge.left-and-right-padding {
padding-left: 5rem;
padding-right: 5rem;
}
.padding-vertical.padding-huge.reducd-top-padding {
padding-top: 20px;
}
.padding-vertical.padding-huge.new-donate-page {
padding-left: 4rem;
padding-right: 4rem;
}
.padding-vertical.padding-huge.number-section-shado-effect {
box-shadow: -5px 0 5px #0003, 5px 5px 5px #0003;
}
.padding-vertical.padding-huge.crisis-inequity {
justify-content: flex-start;
align-items: flex-end;
height: 100%;
display: flex;
}
.padding-vertical.padding-huge.ed-crisis {
padding-bottom: 40px;
}
.padding-vertical.padding-huge.less-margin {
padding-bottom: 30px;
}
.padding-vertical.padding-large.bot-0 {
padding-bottom: 0;
}
.padding-vertical.padding-large.bot-0.center {
text-align: center;
}
.padding-vertical.padding-large._4rem {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-vertical.padding-large.mb-1-rem {
padding-bottom: 1rem;
}
.padding-vertical.padding-large._6-rem {
padding-top: 6rem;
padding-bottom: 5rem;
}
.padding-vertical.padding-xlarge {
padding-top: 40px;
padding-bottom: 40px;
}
.padding-vertical.padding-xhuge {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-vertical.padding-xhuge.mt-6rem {
padding-top: 6rem;
}
.padding-vertical.padding-xxxhuge {
padding-top: 15rem;
padding-bottom: 15rem;
}
.padding-vertical._162 {
padding-top: 160px;
padding-bottom: 160px;
}
.padding-vertical._50px {
padding-top: 50px;
padding-bottom: 50px;
}
.padding-vertical.innovated {
height: 700px;
}
.padding-vertical.cotb-birds {
padding-top: 60px;
}
.padding-vertical.padding-y {
padding-top: 3rem;
padding-bottom: 3rem;
position: relative;
}
.padding-vertical.padding-y.revamped {
height: 280px;
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-vertical.padding-bottom {
padding-bottom: 60px;
}
.padding-vertical.padding-small {
padding-top: 30px;
padding-bottom: 30px;
}
.padding-vertical.padding-huge-new {
padding-top: 40px;
padding-bottom: 40px;
}
.padding-vertical.padding-huge-new.y-margin {
padding-top: 50px;
padding-bottom: 50px;
}
.padding-vertical.padding-huge-new.padding-top {
padding-bottom: 0;
}
.padding-vertical.padding-huge-new.hide-in-destop {
display: none;
}
.padding-vertical.padding-huge-new.hide-in-mobile {
display: block;
}
.padding-vertical.padding-huge-new.height {
height: 100%;
}
.padding-vertical.padding-huge-new.height.extra-margin {
padding-top: 40px;
padding-bottom: 70px;
}
.padding-vertical.margin-bottom {
padding-bottom: 40px;
}
.padding-vertical.padding-top {
padding-top: 40px;
}
.padding-vertical.new-margin {
padding-top: 20px;
padding-bottom: 40px;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-auto {
overflow: auto;
}
.fs-styleguide_background-spacer {
height: 5rem;
}
.text-style-nowrap {
white-space: nowrap;
}
.heading-small {
font-family: Mulish, sans-serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.heading-small.text-weight-medium.text-opacity-medium {
opacity: .9;
}
.heading-small.text-weight-normal {
font-weight: 400;
}
.heading-xsmall {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5;
}
.heading-xsmall.font-mulish {
font-family: Mulish, sans-serif;
}
.text-weight-medium {
font-weight: 500;
}
.fs-styleguide_version-details {
z-index: 5;
letter-spacing: .0625rem;
text-transform: uppercase;
font-weight: 500;
}
.fs-styleguide_page-header {
border-bottom: .125rem solid #e6e6e6;
margin-bottom: 2rem;
padding-top: 5rem;
padding-bottom: 5rem;
}
.new-navbar-design {
z-index: 5;
border-bottom: 1px solid var(--white-smoke);
background-color: #0000;
max-width: 100%;
font-family: Dm sans, sans-serif;
font-size: 18px;
font-weight: 600;
position: sticky;
top: 0;
}
.new-navbar-design.new-nav {
background-color: var(--white);
padding-top: 10px;
padding-bottom: 10px;
font-family: Dm sans, sans-serif;
font-weight: 400;
}
.navbar-wrapper {
justify-content: space-between;
align-items: flex-end;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.navbar-wrapper.new-nav-design {
align-items: center;
margin-left: 0;
}
.navbar-brand {
position: relative;
}
.nav-menu-wrapper {
font-size: 18px;
position: static;
}
.nav-menu {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: #4d4d4d;
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
padding-left: 0;
font-family: Dm Sans Semi Bold;
font-weight: 600;
display: flex;
}
.nav-menu.revamped {
position: relative;
right: -44px;
}
.nav-link {
color: var(--dark-black);
letter-spacing: -.4px;
padding-top: .3125rem;
padding-bottom: .3125rem;
font-family: Dm sans, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 18px;
text-decoration: none;
}
.nav-link:hover {
color: var(--dark-black);
}
.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
outline-offset: 0rem;
color: #0050bd;
border-radius: .25rem;
outline: .125rem solid #0050bd;
}
.nav-link.hover:hover {
color: var(--new-blue);
}
.menu-button {
display: none;
}
.nav-top {
background-color: #0ebcdd;
padding-top: .125rem;
padding-bottom: .125rem;
}
.nav-bottom {
background-color: var(--white);
display: block;
}
.nav-bottom.cotb {
object-fit: fill;
display: none;
}
.nav-logo {
max-width: none;
max-height: 1.9rem;
margin-top: -13px;
}
.nav-logo.no-margin {
width: 180px;
margin-top: 0;
}
.top-nav-menu {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
justify-content: flex-end;
display: flex;
}
.top-nav-links {
grid-column-gap: 1.5rem;
opacity: .95;
font-size: 14px;
display: flex;
}
.icon-1x1-xxsmall {
width: .875rem;
height: .875rem;
margin-top: -7px;
}
.nav-social-icons {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
display: flex;
}
.hero-top-bar {
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
font-family: Dm sans, sans-serif;
display: flex;
}
.hero-top-bar.revamped {
justify-content: space-between;
}
.hero-cta-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
align-items: center;
display: flex;
}
.font-mulish {
font-family: Mulish, sans-serif;
}
.text-style-uppercase {
text-transform: uppercase;
}
.hero-profiles-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 3rem;
display: grid;
position: relative;
overflow: hidden;
}
.hero-profile-card {
min-height: 550px;
position: relative;
}
.hero-profile-image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.hero-profile-image.pro-1 {
object-fit: none;
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/635ba1368505be6d4838a014_1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.hero-profile-image.pro-2 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/635ba133423d842488f159bd_2.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.hero-profile-image.pro-3 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/635ba130ee312a527a794d5e_3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.hero-profile-image.pro-4 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/635ba12ded089b5e4c8a2c53_4.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.profie-expand-button {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: .2rem;
position: absolute;
inset: 0% 0% auto;
}
.icon-add {
filter: grayscale();
cursor: pointer;
max-width: none;
transition: all .2s;
position: absolute;
inset: .4rem .4rem auto auto;
}
.icon-add:hover {
filter: none;
}
.top-menu-link {
color: var(--white);
letter-spacing: .015625rem;
text-transform: uppercase;
padding-top: .3125rem;
padding-bottom: .3125rem;
font-weight: 500;
line-height: 18px;
text-decoration: none;
display: block;
}
.top-menu-link:hover {
color: #1a1b1fbf;
}
.top-menu-link:focus-visible, .top-menu-link[data-wf-focus-visible] {
outline-offset: 0rem;
color: #0050bd;
border-radius: .25rem;
outline: .125rem solid #0050bd;
}
.background-color-yellow {
background-color: var(--deep-sky-blue);
}
.background-color-yellow.orange {
background-color: var(--tomato);
}
.background-color-yellow.orange.innovated {
width: 100%;
max-width: 1200px;
}
.background-color-yellow.orange.cotb {
background-color: var(--black-2);
color: var(--black);
}
.background-color-yellow.orange.cotb.interim {
background-color: #0000;
}
.background-color-yellow.white {
background-color: var(--white);
}
.background-color-yellow.white.cotb {
background-color: var(--white-smoke);
}
.background-color-yellow.grey {
background-color: #f0f0f0;
}
.background-color-yellow.grey.center {
text-align: center;
}
.background-color-yellow.innovated {
height: 700px;
}
.background-color-yellow.volunteer-reviews {
display: none;
}
.background-color-yellow.yellow-bg, .background-color-yellow.bg-tomato {
background-color: var(--yellow);
}
.background-color-yellow.bg-tomato.tomato {
background-color: var(--tomato);
}
.text-style-offwhite {
opacity: .9;
color: #fff;
}
.section-home-ed-crisis {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6375b3c86aa59cf616694941_home%20ed%20crisis%20DESKTOP.png");
background-position: 0 0, 50%;
}
.section-home-ed-crisis.white-bg {
background-image: none;
background-position: 0 0;
}
.home-ed-crisis-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .75fr 27.25rem;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center stretch;
font-family: Dm sans, sans-serif;
display: grid;
}
.text-ed-crisis {
color: #fff;
font-size: 1.5rem;
font-weight: 300;
line-height: 1.6;
}
.heading-ed-crisis {
color: #fff;
margin-top: 0;
font-family: Plus jakarta, sans-serif;
font-size: 42px;
font-weight: 500;
line-height: 60px;
}
.heading-ed-crisis.innovated {
margin-bottom: 40px;
}
.heading-ed-crisis.innovated.stories {
text-align: center;
align-self: flex-start;
}
.button-outlne {
background-color: var(--white);
color: var(--black);
border: 1px solid #fff;
border-radius: 5px;
justify-content: flex-start;
align-items: center;
min-height: 46px;
padding: 11px 32px;
font-family: Dm sans, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 24px;
transition: background-color .2s;
display: inline-block;
}
.button-outlne:hover {
color: #000;
background-color: #fff;
}
.button-outlne.grey {
background-color: var(--transparent);
color: #666;
border-width: 1px;
border-color: #666;
border-radius: 0;
}
.button-outlne.grey:hover {
background-color: var(--white);
}
.button-outlne.grey.innovated {
float: none;
text-align: left;
min-height: 0;
margin-top: 84px;
margin-left: 0;
display: inline-block;
}
.button-outlne.grey.innovated.mobile {
min-width: auto;
min-height: auto;
margin-left: 0;
overflow: hidden;
}
.button-outlne.grey.innovated.white {
border-color: var(--white-smoke-2);
color: var(--white-smoke-2);
}
.button-outlne.grey.innovated.cotb-button {
background-color: var(--black);
color: #ca8d17;
border: 3px #000;
margin-top: 40px;
}
.button-outlne.grey.innovated.cotb-button:hover {
color: var(--black);
background-color: #0000;
border-style: solid;
border-width: 2px;
}
.button-outlne.grey.new-btn {
background-color: var(--yellow);
color: var(--black);
text-align: center;
border-width: 0;
border-radius: 5px;
width: 139px;
padding-left: 0;
padding-right: 0;
font-size: 16px;
}
.button-outlne.grey.new-btn.white-btn {
background-color: var(--white);
}
.button-outlne.mobile {
background-color: var(--transparent);
color: var(--white);
border-radius: 0;
}
.button-outlne.mobile:hover {
background-color: var(--white);
color: var(--black);
}
.button-outlne.mobile.innovated {
text-align: left;
}
.button-outlne.mobile.innovated.stories {
opacity: 1;
color: var(--white-smoke-2);
background-color: #0000;
}
.button-outlne.mobile.new-btn {
background-color: var(--yellow);
color: var(--black);
border-radius: 5px;
font-family: Dm sans, sans-serif;
font-weight: 600;
}
.button-outlne.innovated.mobile {
background-color: var(--white-smoke-2);
color: var(--black);
}
.section-home-our-impact, .section-home-our-impact.white {
background-image: none;
}
.section-home-our-impact.bg-gray {
background-color: var(--white-smoke-2);
}
.our-impact-block {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: .8fr .8fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: start;
display: grid;
}
.our-impact-block.mb-60 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.our-impact-block.bottom {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
align-items: end;
}
.text-cta {
color: #e05b37;
font-family: Firasans, sans-serif;
font-size: 1rem;
font-weight: 500;
text-decoration: underline;
}
.text-cta.blue {
color: #0ebee0;
}
.text-cta.dm-sans {
font-family: Dm sans, sans-serif;
text-decoration: none;
}
.flex-vertical {
flex-direction: column;
display: flex;
}
.flex-vertical.gap-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.divider {
background-color: #a5a5a5;
max-width: 76rem;
height: 1px;
margin-left: auto;
margin-right: auto;
}
.apply-now {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.apply-now.swap-mobile {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
line-height: 24px;
}
.apply-now.swap-mobile.revamped {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.faq-cta {
text-align: center;
}
.apply-now-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
display: flex;
}
.apply-now-wrapper.flex {
justify-content: space-between;
height: 100%;
display: flex;
}
.background-color-orange {
background-color: #e05b37;
}
.background-color-orange.cotb {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6437b5cc4e5a5d5a19858fc1_COTB_Logo_lcokups_-02_3_1600x475_1500.0.png");
background-position: 50%;
background-size: cover;
}
.button-container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.button-container.mob-space-between {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: none;
justify-content: center;
align-self: flex-start;
align-items: center;
}
.image-full-width {
flex-flow: row;
justify-content: flex-end;
align-items: flex-start;
min-width: auto;
display: inline-flex;
}
.image-full-width.mobile {
display: none;
}
.image-full-width.revamped-image.revamped-images {
justify-content: flex-start;
align-items: flex-start;
}
.image-full-width.revamped-image-mobile {
display: none;
}
.image-full-width.width-75 {
max-width: 75%;
}
.div-block-4 {
max-width: 28.875rem;
}
.footer {
background-color: var(--dim-grey);
color: #c1c2c3;
font-family: Dm sans, sans-serif;
font-weight: 400;
position: relative;
}
.footer-grid-desktop {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: auto auto auto auto;
grid-auto-columns: 1fr;
padding-right: 40px;
display: grid;
}
.footer-grid-desktop.footer-mobile {
color: var(--black);
}
.footer-col {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.footer-logo {
max-width: 11rem;
}
.footer-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr .25fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-left_wrapper {
color: var(--black);
border-right: 1px solid #979797;
}
.footer-left_wrapper.text-black {
color: var(--black);
}
.text-color-inherit.small {
color: var(--white-smoke-4);
margin-right: 10px;
font-size: 15px;
font-weight: 400;
line-height: 21px;
}
.footer-social {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.footer-subscribe-block {
align-items: stretch;
margin-top: .5rem;
display: flex;
}
.footer-right_wrapper.flex {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.footer-subscribe-input {
background-color: var(--grey);
border: 1px #000;
min-width: 16rem;
min-height: 2.5rem;
margin-bottom: 0;
}
.footer-subscribe-input::placeholder {
color: #c1c3c4;
font-size: 15px;
font-style: italic;
font-weight: 300;
line-height: 18px;
}
.footer-subscribe-submit {
background-color: #414042;
min-height: 2.5rem;
}
.footer-social-icons {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
display: flex;
}
.icon-1x1-xsmall {
width: 1.5rem;
height: 1.5rem;
}
.icon-1x1-xsmall.center {
padding-top: 2px;
}
.footer-bottom-wrapper {
text-align: center;
color: #c1c2c3;
margin-top: 2rem;
font-family: Firasans, sans-serif;
}
.footer-bottom-wrapper.hide-footer-2 {
display: none;
}
.footer-bottom-wrapper.new-footer {
background-color: var(--dark-black);
margin-top: 0;
}
.video-slider {
background-color: #0000;
height: 100%;
padding-bottom: 6rem;
display: none;
}
.video-slide-item {
height: 100%;
}
.right-arrow {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 100%;
bottom: auto;
left: auto;
right: -5%;
}
.arrow-icon {
color: #aaa;
font-size: 1.4rem;
}
.left-arrow {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 100%;
display: flex;
bottom: auto;
left: -5%;
right: auto;
}
.footer-grid-mobile {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.desk-text-align-center {
text-align: center;
}
.how-to-fellow_wrapper {
grid-column-gap: 150px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2.5fr 1.25fr;
grid-auto-columns: 1fr;
display: grid;
}
.how-to-fellow_wrapper.new-donate-page {
grid-template-rows: auto auto;
grid-template-columns: 2.5fr 1fr;
margin-left: auto;
margin-right: auto;
display: block;
}
.div-block-5 {
max-width: 32rem;
}
.list {
margin-left: -9px;
list-style-type: none;
}
.list.mobile {
text-decoration: none;
}
.list.mobile.ml-0 {
margin-left: 0;
}
.list.mobile.margin-top {
padding-top: 4px;
}
.eligibility-list-item {
color: var(--dim-grey);
letter-spacing: -.06px;
border-left: 1px #e05b37;
margin-bottom: 1rem;
padding-left: 10px;
font-family: Mulish, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 32px;
text-decoration: none;
}
.eligibility-list-item.mobile {
border-left-style: none;
padding-bottom: 0;
padding-left: 0;
}
.eligibility-list-item.mobile.fellow-border {
border-left-style: none;
}
.profile-text-image {
width: 225px;
margin-bottom: 24px;
margin-left: 16px;
position: absolute;
inset: auto auto 0% 0%;
}
.profile-text-image.small {
width: 180px;
}
.div-block-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-7 {
border-left: 1px solid #a2a2a2;
padding-left: 2rem;
}
.div-block-7.no-border.circle {
border-left-style: solid;
border-radius: 0;
min-width: auto;
height: auto;
display: block;
overflow: visible;
}
.div-block-7.grey-border {
border-left-color: #d5d5d5;
padding-left: 2.5rem;
}
.div-block-8 {
background-color: var(--tomato);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
margin-right: 2rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
}
.image {
width: 100%;
}
.div-block-9 {
align-items: center;
display: flex;
}
.div-block-9.relative {
position: relative;
}
.heading {
color: #4dbfe2;
font-size: 1.25rem;
}
.heading.mid {
font-family: Mulish, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 40px;
}
.heading.mid.right {
text-align: right;
text-transform: capitalize;
font-family: Plus jakarta, sans-serif;
font-size: 29px;
line-height: 43px;
}
.heading.mid.right.mobile {
font-family: Plus jakarta, sans-serif;
}
.border-stage {
background-color: #e05b37;
width: 3px;
height: 3rem;
margin-left: 2.5rem;
}
.border-stage.no-margin {
margin-left: 2rem;
}
.border-stage.absolute {
z-index: 0;
width: 4px;
height: 67%;
margin-left: .6rem;
position: absolute;
inset: 10% auto 0% 0%;
}
._2-col-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 2.5rem;
margin-bottom: 4rem;
display: grid;
}
._2-col-grid.center {
align-items: center;
}
._2-col-grid.center.mb-6 {
margin-top: 0;
margin-bottom: 6rem;
}
._2-col-grid.center.mb-6.theory-change {
display: none;
}
._2-col-grid.mb-0 {
margin-bottom: 0;
}
._2-col-grid.mb-0.mob-1-row {
grid-template-columns: 1fr 1fr;
}
._2-col-grid.mb-0.mob-1-row.action {
margin-top: 0;
}
._2-col-grid.mb-0.mob-1-row.cotb {
grid-column-gap: 100px;
grid-row-gap: 100px;
grid-template-columns: .5fr 1fr;
}
._2-col-grid.mb-0.mob-1-row.cotb-intro-grid {
margin-top: 2rem;
}
._2-col-grid.mb-0.mob-1-row.cotb-birds {
grid-row-gap: 3rem;
grid-template-rows: auto;
}
._2-col-grid.mb-0.innovatedtitle {
grid-template-columns: .25fr 1fr;
}
.image-2 {
object-fit: cover;
width: 100%;
height: 100%;
}
.div-block-12 {
height: 350px;
}
.faq1_icon {
align-self: flex-start;
margin-top: 8px;
margin-left: 1.5rem;
}
.faq1_icon.margin {
margin-top: 0;
margin-left: 0;
display: block;
}
.page-padding-2 {
padding-left: 5%;
padding-right: 5%;
}
.max-width-medium-2 {
width: 100%;
max-width: 35rem;
}
.faq1_answer {
border-bottom: 1px #c5c5c5;
font-size: 24px;
font-weight: 300;
line-height: 33;
overflow: hidden;
}
.faq1_answer.grey {
color: var(--dim-grey);
margin-bottom: 0;
}
.faq1_answer.cpp-page {
margin-top: 8px;
}
.faq1_answer._17 {
border-bottom: 1px solid #c5c5c5;
padding-top: 10px;
padding-bottom: 0;
}
.faq1_answer._17.innovated {
border-bottom-style: none;
}
.faq1_answer._20 {
border-bottom-style: solid;
padding-top: 10px;
}
.button-secondary-2 {
color: #0000;
text-align: center;
background-color: #0000;
border: 1px solid #0000;
padding: .75rem 1.5rem;
}
.text-size-medium-2 {
font-size: 1.125rem;
}
.faq1_accordion {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding-bottom: 10px;
}
.faq1_accordion.desk-border-bottom {
border-bottom: 1px solid #c5c5c5;
}
.faq1_accordion.mb-20 {
margin-bottom: 20px;
}
.faq1_accordion._21 {
border-top: 1px #000;
border-bottom: 1px none var(--grey);
}
.faq1_accordion._22 {
border-bottom: 1px solid #c5c5c5;
}
.faq1_accordion.action, .faq1_accordion.cotb-intro-text {
margin-top: 20px;
margin-bottom: 0;
padding-bottom: 0;
}
.faq1_accordion.cotb-intro-text.mobile {
margin-top: 0;
}
.faq1_accordion.cotb-city {
padding-bottom: 0;
}
.faq1_accordion._22-new {
border-bottom: 1px solid #c5c5c5;
}
.faq1_question {
cursor: pointer;
border-top: 1px solid #c5c5c5;
justify-content: space-between;
align-items: center;
padding-top: 10px;
padding-bottom: 0;
display: flex;
}
.faq1_question.grey {
color: var(--dim-grey);
padding-top: 10px;
padding-bottom: 10px;
}
.faq1_question.grey.innovated {
border-top-style: none;
margin-top: -10px;
padding-top: 0;
}
.faq1_question.grey.new-design {
border-top-style: none;
}
.faq1_question.mobile {
font-family: Plus jakarta, sans-serif;
}
.faq1_question.mobile.fellowshipcity {
padding-bottom: 5px;
}
.faq1_question._22 {
border-top-style: none;
}
.faq1_question.second {
border-top-style: none;
padding-top: 0;
}
.faq1_question.second.mobile {
margin-top: 12px;
padding-top: 30px;
padding-bottom: 0;
}
.faq1_component {
grid-column-gap: 3rem;
grid-row-gap: 0rem;
border-bottom-width: 1px;
border-bottom-color: #000;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.faq1_component.flex {
flex-direction: column;
display: flex;
}
.faq1_component.flex.spaced-out {
justify-content: space-between;
}
.faq1_component._1-col {
grid-template-columns: 1fr;
}
.faq1_component._1-col.w50 {
width: 50%;
}
.faq1_component._1-col.hideme {
display: none;
}
.faq1_component._1-col._22 {
border-bottom-style: solid;
border-bottom-color: var(--grey);
}
.faq1_component.grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.salary-block {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.salary-figure {
color: #fff;
background-color: #0ebee0;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 12rem;
height: 12rem;
margin-bottom: 1rem;
padding: 2rem;
font-size: 50px;
line-height: 60px;
display: flex;
}
.salary-figure.small {
font-size: 2rem;
}
.salary-figure.small.smallmobile {
font-size: 3rem;
}
.list-2 {
margin-top: 2rem;
}
.list-item {
margin-bottom: 1.5rem;
}
.text-block-2 {
color: #0ebee0;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
font-size: 3rem;
}
.section-apply-now-banner {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62fdcba9166de55e899cfd76_image-003%201.png");
background-position: 0 0, 0%;
background-size: auto, cover;
}
.home-ed-crisis-grid-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .75fr 32rem;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
}
.hero {
width: 100%;
height: 100%;
}
.user-popup {
background-color: var(--black);
display: flex;
position: absolute;
inset: 0%;
}
.user-popup._1, .user-popup._2, .user-popup._3, .user-popup._4 {
z-index: 2;
display: none;
}
.user-profile {
object-fit: cover;
width: 30%;
max-width: none;
height: 100%;
}
.user-profile.pro-1 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62fd3c28d386f6540931518f_image-000.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.user-profile.pro-2 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62fd3c28c2cb4543be2848bb_image-002.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.user-profile.pro-3 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62fd3c2997b6043b615bf76c_image-003.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.user-profile.pro-4 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/62fd3c286747b25e634e7d55_image-001.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.user-details {
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 70%;
padding-bottom: 60px;
padding-left: 5rem;
padding-right: 5rem;
display: flex;
}
.user-profile-close {
opacity: .5;
cursor: pointer;
position: absolute;
inset: 3% 1% auto auto;
transform: rotate(45deg);
}
.paragraph {
color: #fff;
margin-bottom: .4rem;
font-size: 1.2rem;
}
.paragraph-2 {
color: #8f8f8f;
font-size: 1.1rem;
}
.user-details-popup {
font-size: .8rem;
}
.div-block-13 {
text-align: right;
width: 100%;
margin-top: 140px;
}
.tablet-user-details {
display: none;
}
.user-photo-container {
width: 100%;
height: 100%;
position: relative;
}
.user-accordion {
background-color: var(--black);
display: flex;
position: absolute;
inset: 0%;
}
.user-accordion._1, .user-accordion._2, .user-accordion._3, .user-accordion._4, .user-accordion._4, .user-accordion._3, .user-accordion._2 {
display: none;
}
.user-accordion-details {
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 70%;
padding-bottom: 60px;
padding-left: 5rem;
padding-right: 5rem;
display: flex;
}
.section-ed-crisis-top {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63d7945ccaff17685125494f_ed%20final.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.p1 {
font-size: 29px;
line-height: 43px;
}
.p1.right-align {
text-align: right;
}
.p1.text-align-center.mobile {
text-align: left;
padding-top: 0;
}
.p1.text-align-center.mobile.margin-top-100 {
padding-top: 0;
padding-bottom: 60px;
}
.p1.text-align-center.mobile.margin-top-100.revamped {
padding-bottom: 40px;
font-family: Dm sans, sans-serif;
font-weight: 400;
}
.p1.text-align-center.mobile.revamped {
font-family: Dm sans, sans-serif;
font-weight: 400;
}
.p1.mobile {
padding-top: 40px;
font-family: Firasans, sans-serif;
font-size: 28px;
font-weight: 300;
}
.p1.mobile.workus {
font-family: Dm sans, sans-serif;
}
.p1.mobile.dm-sans {
text-align: center;
padding-top: 20px;
font-family: Dm sans, sans-serif;
font-size: 24px;
font-weight: 400;
}
.page-link {
color: var(--tomato);
font-size: 16px;
font-weight: 500;
line-height: 18px;
}
.paragraph-3 {
color: var(--black);
font-family: Firasans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.paragraph-3.dm-sans {
font-family: Dm sans, sans-serif;
font-weight: 600;
}
.menu-list-item {
margin-bottom: 0;
display: block;
}
.menu-list-item.desktop-hide, .menu-list-item.apply-button, .menu-list-item.hide-nav-button, .menu-list-item.hide-in-desktop {
display: none;
}
.div-block-14 {
margin-bottom: 55px;
}
.heading-2 {
margin-top: 0;
margin-bottom: 24px;
}
.heading-2.mt--10 {
margin-top: -7px;
}
.heading-2.mt--10.mobile {
margin-top: 0;
font-family: Dm sans, sans-serif;
font-size: 30px;
font-weight: 700;
}
.heading-2.mt--10.mobile.revamped {
margin-top: 0;
}
.heading-2.mobile {
margin-top: 0;
font-family: Dm sans, sans-serif;
font-size: 30px;
font-weight: 700;
}
.heading-2.mobile.revamped {
margin-top: 2rem;
}
.p3 {
color: var(--black);
margin-bottom: 2rem;
font-family: Dm sans, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 32px;
}
.p3.grey {
color: var(--grey);
}
.p3.grey.center {
text-align: center;
}
.p3.grey.medium {
font-weight: 300;
}
.p3.grey._29px {
color: var(--dim-grey);
font-size: 29px;
line-height: 43px;
}
.p3.grey._29px.center {
line-height: 43px;
}
.p3.grey._29px.mobile.remove-margin {
padding-top: 0;
}
.p3.close-button {
background-color: var(--tomato);
color: var(--white);
cursor: pointer;
border-radius: 2px;
margin-top: 20px;
padding: 6px 8px;
font-size: 14px;
font-weight: 500;
line-height: 21px;
display: inline-block;
}
.p3.mt-20 {
margin-top: 20px;
}
.p3.mb-12 {
margin-bottom: 12px;
}
.p3._20px {
font-size: 20px;
line-height: 28px;
}
.p3._20px.mtb-10-24 {
margin-top: 10px;
margin-bottom: 20px;
}
.p3._20px.mtb-10-24.cotb {
color: var(--white);
}
.p3._20px.mtb-10-24.cotb.show {
text-align: left;
margin-top: 70px;
margin-bottom: 70px;
}
.p3.text-link {
font-size: 24px;
font-weight: 300;
line-height: 32px;
}
.p3.mb-20 {
margin-bottom: 20px;
}
.p3.mb-20.cotb, .p3.mb-20.journey {
color: var(--white);
margin-bottom: 60px;
line-height: 29px;
}
.p3.mb-20.cotb-glimpse {
color: var(--white);
text-align: center;
margin-bottom: 60px;
line-height: 29px;
}
.p3.mt--10 {
margin-top: 10px;
}
.p3.mobile {
margin-bottom: .5rem;
padding-top: 25px;
}
.p3.second {
margin-bottom: 1.5rem;
padding-top: 25px;
}
.p3.cotb {
color: #4d4d4d;
margin-top: 0;
}
.p3.cotb.form {
margin-top: 34px;
}
.p3.white {
color: var(--white);
}
.p3.cotb-slide-content {
color: var(--white);
height: auto;
margin-bottom: 0;
padding-bottom: 0;
}
.p3.cotb-dates {
color: var(--white);
}
.p3.revamped-text-height {
line-height: 32px;
}
.p3.revamped-text-height.dm-sans {
font-family: Dm sans, sans-serif;
font-weight: 400;
}
.p3.revamped-text-height.dm-sans.revamped-text {
margin-bottom: 1rem;
font-size: 24px;
line-height: 32px;
}
.p3.dm-sans {
font-family: Dm sans, sans-serif;
font-weight: 400;
}
.p3.dm-sans.revamped-text {
font-size: 24px;
line-height: 43px;
}
.p3.dm-sans.revamped-text.revamped {
font-size: 28px;
}
.link-margin-top {
margin-top: 28px;
}
.link-margin-top.mb-10 {
margin-bottom: -5px;
}
.link-margin-top.revamped {
margin-top: 20px;
}
.quote-text {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
font-family: Dm sans, sans-serif;
font-size: 45px;
font-weight: 300;
line-height: 60px;
}
.quote-text.innovated {
font-size: 40px;
overflow: visible;
}
.quote-text.stories {
text-align: center;
}
.quote-text.mullis {
color: #fff;
font-family: Mulish, sans-serif;
font-size: 45px;
}
.quote-text.mullis.mobile {
color: var(--white-smoke);
font-family: Dm sans, sans-serif;
}
.quote-text.cotb {
margin-top: 20px;
font-size: 24px;
font-style: normal;
line-height: 30px;
}
.quote-text.cotb-testimnonials-quote {
color: var(--white);
margin-top: 10px;
font-size: 24px;
font-style: normal;
line-height: 30px;
}
.quote-text.text-black {
color: var(--black);
margin-top: 40px;
margin-bottom: 40px;
}
.quote-text.text-black.tab-text {
text-align: left;
width: auto;
margin-left: auto;
margin-right: auto;
padding-right: 200px;
font-family: Dm sans, sans-serif;
font-size: 29px;
font-weight: 400;
line-height: 40px;
}
.quote-text.text-black.tab-text.revamped {
margin-top: 40px;
font-size: 28px;
line-height: 43px;
}
.quote-text.text-black.tab-text.revamped.revamped-margin {
margin-top: 25px;
font-size: 24px;
}
.quote-text.text-black.tab-text.revamped.padding-right {
padding-right: 225px;
}
.quote-name {
margin-right: 20px;
font-size: 23px;
font-weight: 500;
}
.quote-name.white {
color: var(--white);
font-size: 24px;
line-height: 32px;
text-decoration: none;
}
.quote-name.gray {
color: var(--dim-grey-2);
text-decoration: none;
}
.quote-name.cotb {
color: var(--white);
text-align: right;
}
.quote-name.cotb-testimnonials-name {
color: var(--white);
text-align: left;
margin-top: 20px;
}
.quote-title {
color: var(--dim-grey-2);
margin-right: 20px;
font-size: 15px;
font-weight: 500;
line-height: 18px;
}
.quote-title.whitel {
color: var(--white);
font-size: 16px;
text-decoration: none;
}
.quote-title.mob-f-14 {
text-decoration: none;
}
.quote-title.orange {
color: var(--red-hover);
text-decoration: none;
}
.quote-title.cotb {
color: var(--white-smoke-2);
text-align: right;
}
.quote-title.cotb-testimnonials-title {
color: var(--white);
text-align: left;
}
.h2 {
margin-top: 0;
}
.h2.white {
color: var(--white);
}
.h2.white.mobile {
font-family: Plus jakarta, sans-serif;
}
.h2.white.volunteer-mobile {
font-size: 29px;
line-height: 43px;
}
.h2.white.text-tomato {
color: var(--tomato);
margin-top: 60px;
font-family: Dm sans, sans-serif;
}
.h2.mt-0 {
margin-top: 0;
margin-bottom: 0;
}
.h2.mt-0.mt--10 {
margin-top: -15px;
}
.h2.mt-0.mt--10.mobile {
color: var(--deep-sky-blue-2);
margin-top: 0;
font-family: Mulish, sans-serif;
}
.h2.mt-0.mt--10.mobile.blue-heading {
color: var(--deep-sky-blue-2);
}
.h2.mt-0.mt--10.mobile.green-heading {
color: var(--deep-sky-blue-2);
font-family: Dm sans, sans-serif;
}
.h2.mt-0.mt--10.mobile.dm-sans {
font-family: Dm sans, sans-serif;
}
.h2.mt-0.mobile {
color: var(--deep-sky-blue);
}
.h2.mt-0.mobile.green {
color: var(--green);
text-align: center;
font-family: Dm sans, sans-serif;
line-height: 40px;
}
.h2.medium {
font-size: 36px;
line-height: 44px;
}
.h2.medium.blue {
color: var(--deep-sky-blue-2);
}
.h2.mb-0 {
margin-bottom: 0;
}
.h2.mb-0.mt--10 {
margin-top: -14px;
}
.h2.mb-0.mt--10.mobile {
color: var(--black);
font-family: Mulish, sans-serif;
}
.h2.mb-0.mt--10.mobile.dm-sans {
font-family: Dm sans, sans-serif;
}
.h2.mb-60 {
margin-bottom: 40px;
}
.h2.mb-60.mobile {
font-family: Plus jakarta, sans-serif;
}
.p2 {
text-align: left;
font-size: 29px;
line-height: 43px;
}
.p2.white {
color: var(--white);
}
.p2.white.mxw-480 {
text-align: center;
padding-bottom: 60px;
}
.p2.white.mxw-480.innovated {
text-align: left;
padding-bottom: 399px;
}
.p2.white.mxw-480.innovated.mobile {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
font-family: Dm sans, sans-serif;
}
.p2.white.mxw-480.tfa {
margin-top: 350px;
}
.p2.white.mxw-480.tfa.mobile {
font-family: Dm sans, sans-serif;
}
.p2.white.mxw-480.cotb-birds {
text-align: left;
margin-top: 0;
font-size: 18px;
line-height: 24px;
}
.p2.white.text-black {
color: var(--black);
font-family: Dm sans, sans-serif;
font-size: 24px;
font-weight: 400;
}
.p2.mb-32 {
margin-bottom: 32px;
}
.p2.center {
text-align: center;
}
.p2.center.new-design {
color: var(--new-black);
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 128%;
}
.p2.mt-20 {
margin-top: 20px;
}
.p2.mt--10 {
margin-top: -10px;
}
.p2.light {
font-weight: 300;
}
.p2.light.mb-20 {
display: inline-block;
}
.p2.light.mb-10 {
color: var(--dim-grey);
margin-bottom: 10px;
text-decoration: none;
display: inline-block;
}
.p2.innovated {
text-align: center;
}
.p2.cotb {
font-size: 24px;
line-height: 32px;
}
.p2.gradient {
color: #000;
text-align: center;
font-family: Firasans, sans-serif;
font-size: 47px;
font-weight: 400;
line-height: 56.4px;
}
.p2.gradient.mobile {
font-size: 32px;
line-height: 42px;
}
.p2.new-text-size {
font-size: 18px;
line-height: 26px;
}
.footer-link {
color: var(--white);
padding-top: 0;
padding-bottom: 20px;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
text-decoration: none;
display: block;
}
.search-icon {
width: 18px;
}
.stage-heading {
color: var(--tomato);
letter-spacing: 1.57px;
margin-bottom: 0;
font-family: Plus jakarta, sans-serif;
font-size: 24px;
line-height: 32px;
}
.fellowship-company-logos {
grid-template-columns: 1fr 1fr 1fr;
justify-content: space-between;
margin-top: 70px;
display: flex;
}
.fs-company-logo-item {
background-color: var(--white);
justify-content: center;
align-items: center;
width: 90px;
height: 90px;
padding: 6px;
display: flex;
}
.fs-company-logo-item.grey {
border: 1px solid var(--grey);
background-color: #0000;
}
.salary-list {
margin-top: 40px;
font-size: 24px;
line-height: 32px;
}
.section-ed-crisis-infor {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/637323fb0109ae864364efce_ed%20crisis%20Desktop.png");
background-position: 50%;
background-size: cover;
}
.page-ed-crisis-grid {
grid-column-gap: 100px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 44.5rem;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: start;
display: grid;
}
.div-block-16 {
padding-top: 60px;
}
.section-fellow-top {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6361039fde65c59edbfc58d2_Asset%2021.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.section-our-impact-top {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6375d1ec00ea6290868aa317_Our%20impact%20cover%20image.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.our-image-video {
position: relative;
}
.our-image-video.full {
width: 100%;
text-decoration: none;
}
.our-image-video.full._500px {
height: 675px;
}
.our-image-video.full.tfi-about {
margin-top: 50px;
margin-bottom: 50px;
}
.lightbox-container {
text-align: center;
justify-content: center;
align-items: center;
}
.lightbox-container.mt-70 {
margin-top: 80px;
}
.spacer {
width: 100%;
height: 8px;
}
.spacer._24 {
height: 30px;
}
.spacer._16 {
height: 16px;
}
.spacer._32 {
height: 32px;
}
.spacer._40 {
width: 100%;
height: 40px;
}
.spacer._48 {
height: 48px;
}
.spacer._64 {
height: 64px;
}
.spacer._80 {
height: 80px;
}
.spacer._100 {
height: 100px;
}
.spacer._160 {
height: 120px;
}
.spacer._4 {
height: 4px;
}
.spacer._6 {
height: 6px;
}
.border {
background-color: #d8d8d8;
width: 400px;
height: 4px;
margin-left: auto;
margin-right: auto;
}
.grid {
grid-column-gap: 60px;
grid-template-rows: auto;
}
.div-block-17 {
background-color: #0000004d;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-17.hideme {
display: none;
}
.div-block-17.remove-overlay {
background-color: #0000;
}
.h3 {
font-family: Dm sans, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 130%;
}
.h3.orange {
color: var(--tomato);
}
.h3.orange.mt-0 {
margin-top: 0;
}
.h3.orange.mt-0.mb-20 {
margin-bottom: 20px;
}
.h3.orange._24px {
font-size: 24px;
line-height: 32px;
}
.h3.blue {
color: var(--deep-sky-blue);
text-transform: capitalize;
}
.h3.blue.mt-0 {
margin-top: 0;
}
.h3.blue.mt-0.right-align {
text-align: right;
}
.h3.blue.mt-0.small {
margin-top: -6px;
font-size: 22px;
line-height: 30px;
}
.h3.mb-16 {
margin-bottom: 16px;
}
.h3.mb-16.mt-0 {
margin-top: 0;
}
.h3.right-align {
text-align: right;
margin-top: 0;
}
.h3.mt-0 {
margin-top: 0;
}
.h3.mb-40 {
text-transform: capitalize;
margin-bottom: 40px;
}
.h3.light {
font-weight: 300;
}
.h3.white {
color: var(--white);
}
.h3.crisis-inequity {
color: var(--white);
margin-bottom: 15px;
}
.div-block-18 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636dfbdd9b355bdbbf4aca29_Group%2029.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 300px;
position: relative;
}
.div-block-18._2 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636dfbdec3c4818b86135e8b_Group%2031.png");
}
.div-block-18._3 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636dfbded1f25c5d58cf739b_Group%2028.png");
}
.div-block-18._4 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636dfbde92fb7b876d7b9188_Group%2030.png");
}
.div-block-18.single-quote {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636dfbde124c7a856ea3dbb5_Group%2032.png");
height: 100%;
}
.div-block-18.fellow1 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636dfbdec0125c3ef343999b_Group%2034.png");
}
.div-block-18.fellow2 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636dfbdef118df3838772996_Group%2033.png");
}
.div-block-18.homepage {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636dfbe1f118df4843772a0b_Home%20page%20video.png");
height: 100%;
}
.div-block-18.girls {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636dfbdef00394d2ee21de09_Group%2027.png");
max-width: 700px;
height: 350px;
margin-left: auto;
margin-right: auto;
}
.div-block-18.innovation-video-bg {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/632979f98ab301cf9a166632_about%20tfi%20innvation.png");
}
.div-block-18.mee-our-fellow {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636dfbdef118dfc404772997_Fellowship%20Video.png");
max-width: 700px;
height: 350px;
margin-left: auto;
margin-right: auto;
}
.div-block-18.work-with-us-video {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/64104dca13ee9d76f6c8a707_youtube%20thumbnail-03.png");
height: 675px;
margin-left: auto;
margin-right: auto;
}
.para {
color: var(--grey);
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.para.dark {
color: var(--dim-grey);
font-size: 18px;
font-weight: 300;
}
.para.dark.youtube {
color: var(--deep-sky-blue);
font-size: 18px;
}
.para.dark.youtube.mobile {
font-size: 24px;
}
.grid-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--white-smoke-2);
grid-template-rows: auto;
min-height: 350px;
}
.div-block-19 {
color: var(--deep-sky-blue);
align-items: center;
padding: 51px;
font-family: Mulish, sans-serif;
font-weight: 500;
display: flex;
}
.paragraph-4 {
font-weight: 500;
}
.grid-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
min-height: 500px;
display: none;
}
.slide-nav {
text-align: center;
max-width: 1920px;
padding-left: 140px;
display: flex;
bottom: 100px;
}
.slide-nav.cotb {
border-radius: 15px;
max-width: 500px;
margin: 0 0 -120px;
padding: 0 140px 0 280px;
font-size: 9px;
line-height: 10px;
}
.left-arrow-2, .right-arrow-2 {
display: none;
}
.slider {
background-color: #0000;
width: 100%;
max-width: 1920px;
height: 500px;
margin-left: auto;
margin-right: auto;
}
.div-block-20 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6321bacff8aee14107eb8131_AaranForTFIComms_24%201.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
min-width: 500px;
height: 100%;
}
.div-block-21 {
align-items: center;
width: 600px;
margin-left: auto;
padding-right: 80px;
display: flex;
}
.paragraph-4-copy {
color: var(--white-smoke-2);
text-align: left;
font-weight: 300;
}
.slide {
width: 100%;
height: 100%;
}
.mask {
height: 100%;
}
.grid-4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
align-items: center;
}
.paragraph-5 {
font-size: 20px;
line-height: 28px;
}
.paragraph-5.mb-20 {
margin-bottom: 20px;
}
.div-block-22 {
text-align: center;
padding-right: 60px;
}
.our-impact-infor {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63e35fae6ea34d4777c34667_23.png");
background-position: 50% 0;
background-size: cover;
height: 1200px;
}
.our-impact-infor.mobile {
display: none;
}
.mask-2 {
height: 100%;
}
.paragraph-6 {
font-weight: 500;
}
.para-small {
color: var(--dim-grey-2);
font-size: 15px;
font-weight: 500;
line-height: 24px;
}
.para-small.normal {
font-weight: 400;
}
.section-about-tfi-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/635d0022c3722f1c6b19eb9e_Asset%2050.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.section-about-tfi-banner.cotb {
text-align: left;
-webkit-text-fill-color: inherit;
object-fit: fill;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6448d475c5a8a183d5be1236_Horizontal%20adapt_1(1).gif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-clip: border-box;
width: auto;
max-width: 100%;
height: 640px;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.history-tfi {
background-color: var(--white-smoke);
}
.history-tfi.grey {
background-color: var(--white-smoke-2);
}
.history-tfi.cotb.location {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6437e7cb6cf4fe51bbf78c4a_Group.png");
background-position: -50% 120%;
background-repeat: repeat-x;
background-size: contain;
height: 925px;
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
}
.history-tfi.cotb.location.mobile {
background-color: var(--black-2);
background-position: 0 110%;
height: 1300px;
}
.history-tfi.cotb.location.mobile.interim {
background-color: #0000;
height: 1100px;
}
.history-tfi.cotb.cotb-testimonials {
background-color: var(--black-2);
height: auto;
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
}
.history-tfi.cotb.cotb-testimonials.mobile {
background-color: var(--black-2);
background-position: 0 110%;
height: 1300px;
}
.history-tfi.cotb.cotb-testimonials.mobile.interim {
background-color: #0000;
height: 1100px;
}
.history-tfi.cotb.cotb-donors {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6437e7cb6cf4fe51bbf78c4a_Group.png");
background-position: -50% 110%;
background-repeat: repeat-x;
background-size: contain;
height: 1100px;
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
}
.history-tfi.cotb.cotb-donors.mobile {
background-color: var(--black-2);
background-position: 0 110%;
height: 1300px;
}
.history-tfi.cotb.cotb-donors.mobile.interim {
background-color: #0000;
height: 1100px;
}
.history-tfi.cotb.cotb-journey {
background-color: var(--black-2);
height: auto;
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
}
.history-tfi.cotb.cotb-journey.mobile {
background-color: var(--black-2);
background-position: 0 110%;
height: 1300px;
}
.history-tfi.cotb.cotb-journey.mobile.interim {
background-color: #0000;
height: 1100px;
}
.history-tfi.conference {
background-color: #000;
}
.history-image.desktop {
object-fit: fill;
border-radius: 0;
height: auto;
max-height: none;
}
.history-image.desktop.innovated {
height: auto;
padding-top: 66px;
}
.history-image.mobile {
display: none;
}
.history-image.cotb {
margin-bottom: 60px;
}
.history-image.cotb.desktop {
border-radius: 15px;
width: auto;
height: auto;
max-height: 100%;
margin-bottom: 0;
padding-bottom: 0;
display: block;
}
.history-image.people.desktop {
object-fit: fill;
object-position: 50% 50%;
height: 50vh;
max-height: 100%;
margin-top: 0;
display: inline-block;
}
.div-block-23 {
grid-column-gap: 40px;
justify-content: center;
display: flex;
}
.grid-5 {
grid-column-gap: 3rem;
grid-template-rows: auto;
grid-template-areas: ".";
}
.grid-5.innovated {
grid-template-rows: 1fr;
}
.div-block-24 {
align-items: center;
display: flex;
}
.div-block-24-copy {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
align-items: start;
margin-bottom: 40px;
display: grid;
}
.div-block-24-copy.relative {
align-items: center;
position: relative;
}
.div-block-24-copy.relative.mb-0 {
margin-bottom: 0;
}
.div-block-8-copy {
background-color: var(--tomato);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
}
.bold-orange {
color: var(--tomato);
font-weight: 300;
}
.bold-orange.bold {
font-family: Dm sans, sans-serif;
font-size: 30px;
font-weight: 700;
}
.div-block-25 {
grid-row-gap: 20px;
flex-direction: column;
display: flex;
}
.div-block-11-copy {
grid-column-gap: 8rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr;
grid-auto-columns: 1fr;
margin-top: 2.5rem;
margin-bottom: 6rem;
display: grid;
}
.div-block-11-copy.center {
align-items: center;
}
.div-block-11-copy.mb-0 {
margin-top: 40px;
margin-bottom: 0;
}
.div-block-11-copy-copy {
grid-column-gap: 8rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.div-block-11-copy-copy.center {
align-items: center;
}
.div-block-26 {
grid-column-gap: 40px;
justify-content: flex-start;
display: flex;
}
.p5 {
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.p5.mb-16 {
margin-bottom: 16px;
}
.p5.light {
text-transform: none;
font-weight: 300;
}
.p5.light.lh-28 {
margin-bottom: 10px;
line-height: 28px;
}
.p5.light.mb-12 {
margin-bottom: 12px;
}
.p5.grey {
color: var(--grey);
font-size: 18px;
line-height: 26px;
text-decoration: none;
}
.p5.grey.center {
text-align: center;
}
.p5.grey.mb-20 {
margin-bottom: 20px;
}
.p5.grey.mb-8 {
color: var(--dim-grey);
margin-bottom: 4px;
font-weight: 300;
}
.p5.grey.mb-12 {
margin-bottom: 12px;
}
.p5.grey.mobile {
color: var(--dim-grey);
font-weight: 300;
}
.p5.black {
color: var(--dim-grey);
font-size: 18px;
line-height: 26px;
}
.p5.black.mt-24 {
margin-top: 24px;
}
.p5.black.mt-24.lh-30 {
font-size: 16px;
line-height: 26px;
}
.p5.off-white {
color: var(--white-smoke-2);
margin-bottom: 0;
padding-bottom: 0;
line-height: 28px;
}
.p5.off-white.mt-10 {
margin-top: -12px;
}
.p5.off-white.three {
margin-bottom: 0;
padding-bottom: 21px;
}
.p5.off-white.one {
padding-top: 7px;
}
.p5.off-white.desktop {
margin-top: 6px;
}
.p5._18px {
font-size: 18px;
line-height: 26px;
}
.p5._18px.light-grey {
color: var(--grey);
}
.p5.bold {
font-weight: 700;
}
.p5.mulish {
font-family: Mulish, sans-serif;
font-weight: 500;
}
.p5.mulish.mb-10 {
margin-bottom: 10px;
}
.p6 {
color: var(--dim-grey-2);
font-size: 16px;
font-weight: 500;
line-height: 18px;
}
.p6.grey-light {
color: var(--dim-grey-2);
font-weight: 400;
line-height: 24px;
}
.p6.light {
font-weight: 300;
}
.p6.mb-30 {
margin-bottom: 30px;
}
.about-trfi-trustee {
font-weight: 400;
}
.people-rich-block {
margin-top: 10px;
margin-bottom: 10px;
}
.people-rich-block p {
font-size: 20px;
line-height: 24px;
}
.people-rich-block strong {
font-weight: 400;
}
.about-tfi-grey-bg {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6363166030032c9bd599119b_Asset%2046.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-end;
height: 700px;
display: flex;
}
.about-tfi-grey-bg.innovated {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63fded5d4fe56167240ccf9f_Innovated%20new%20image.png");
height: 976px;
}
.paragraph-7 {
color: var(--white);
max-width: 480px;
}
.para-link-grey {
color: var(--dim-grey);
font-weight: 400;
}
.heading-3 {
color: var(--dim-grey);
}
.heading-3.mt-0 {
margin-top: 0;
}
.hisotry-img-bg {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 336px;
margin-top: 20px;
margin-bottom: 40px;
}
.hisotry-img-bg._1 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636125dee08e1278a965a7ab_Asset%2049.png");
}
.hisotry-img-bg._2 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/635d021a52830e825da82ed2_Asset%2051.png");
}
.div-block-27 {
padding-right: 2rem;
}
.innovation-quesiton {
margin-bottom: 30px;
}
.innovation-quesiton.mb-60 {
margin-bottom: 60px;
}
.theory-icon {
width: 90px;
height: 90px;
}
.div-block-28 {
grid-column-gap: 60px;
grid-row-gap: 150px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-bottom: 60px;
}
.div-block-29 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-30 {
grid-column-gap: 60px;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
padding-left: 18px;
display: flex;
}
.div-block-28-copy {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.div-block-31 {
grid-column-gap: 100px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-32 {
grid-row-gap: 40px;
flex-direction: column;
width: 50%;
display: flex;
}
.div-block-33 {
grid-column-gap: 3rem;
grid-row-gap: 39px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
display: grid;
}
.field-label {
color: var(--white-smoke-4);
margin-bottom: 1.3rem;
}
.image-3 {
width: 1140px;
}
.slider-content {
align-items: center;
height: 700px;
display: flex;
}
.slider-content.cotb {
margin-top: -141px;
margin-bottom: -151px;
margin-left: -120px;
padding-bottom: 0;
}
.paragraph-4-copy-copy {
color: var(--white-smoke);
text-align: left;
font-size: 42px;
font-weight: 300;
line-height: 60px;
}
.fellowship-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63a16f7d286e79e56bb45050_Untitled-1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.video-caption {
text-align: center;
margin-top: 60px;
padding-top: 10px;
}
.col-grid-4 {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.col-grid-item.flex-grid {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
place-items: stretch stretch;
display: grid;
position: static;
}
.col-grid-item.flex-grid.width-60 {
max-width: 52%;
}
.col-grid-item.flex-grid.width-20 {
max-width: 30%;
}
.col-grid-item.flex-grid.width-20.mt-50 {
padding-top: 80px;
}
.col-grid-item.flex-grid.width-20.mt-50.swapped {
grid-template-columns: 1fr auto;
margin-left: 80px;
}
.col-grid-item.flex-grid.width-40 {
max-width: 36%;
}
.col-grid-item.flex-grid.width-40.mt-50 {
padding-top: 80px;
}
.col-grid-item.flex-grid.width-40.mt-40 {
margin-top: 33px;
margin-right: 172px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.col-grid-item.flex-grid.pt-50 {
padding-top: 80px;
}
.col-grid-item.flex-grid.pt-50.vertical {
grid-row-gap: 8px;
grid-template-columns: 1fr;
max-width: 33%;
padding-top: 200px;
}
.col-grid-item.flex-grid.pl-50 {
max-width: 33%;
margin-top: 40px;
padding-left: 60px;
}
.col-grid-item.flex-grid.width-33 {
max-width: 33%;
}
.col-grid-item.flex-grid.width-33.swapped {
grid-template-columns: 1fr auto;
margin-left: 20px;
}
.col-grid-item.flex-grid.center {
justify-content: flex-start;
align-items: center;
display: flex;
}
.col-grid-item.flex-grid.center-text {
align-items: center;
}
.col-grid-item.rgiht-align {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.col-grid-item.rgiht-align.hide {
display: none;
}
.col-grid-item.mt--10 {
margin-top: -7px;
}
.section-titles {
margin-bottom: 55px;
}
.h4 {
font-size: 24px;
line-height: 32px;
}
.h4.orange {
color: var(--tomato);
}
.h4.orange.mt-0 {
margin-top: 0;
}
.our-fellow-grid {
grid-column-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr;
}
.our-fellow-grid.mt-80 {
margin-top: 80px;
}
.our-fellow-logos {
grid-column-gap: 16px;
grid-row-gap: 24px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
margin-top: 30px;
margin-bottom: 60px;
display: grid;
}
.our-fellow-logos.right-align {
justify-content: flex-end;
}
.our-fellow-logos.right-align.pl-40 {
padding-left: 40px;
}
.our-fellow-logos.center {
justify-content: center;
}
.our-fellow-logos.pr-100 {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-bottom: 60px;
}
.our-fellow-logos.pr-100.mb-0 {
margin-bottom: 0;
}
.our-fellow-logos.flex {
grid-column-gap: 32px;
margin-bottom: 0;
display: flex;
}
.selection-process-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.heading-4 {
color: var(--white);
margin-top: 0;
margin-bottom: 10px;
font-size: 64px;
font-weight: 700;
line-height: 64px;
}
.heading-4.orange {
color: var(--tomato);
margin-top: -5px;
font-size: 48px;
line-height: 48px;
}
.heading-4.orange.center {
text-align: center;
}
.heading-4.orange.swapped {
padding-top: 0;
}
.heading-4.four {
margin-top: -6px;
}
.heading-4.five {
margin-top: -5px;
margin-bottom: 10px;
padding-bottom: 0;
}
.heading-4.three {
margin-top: 0;
padding-top: 0;
}
.fellowship-team {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fellowship-experience-grid {
grid-column-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.div-block-34 {
width: 60px;
}
.div-block-34.full {
object-fit: fill;
align-self: flex-start;
width: 110px;
}
.div-block-34.full.cotb {
object-fit: fill;
flex: 0 auto;
}
.div-block-34.full.cotb.hsbc {
flex: 0 auto;
order: 0;
align-self: center;
}
.div-block-34.full.cotb.jsw {
flex: .5 auto;
width: 150px;
}
.div-block-34.full.cotb.jsw.mobile {
flex: .2 auto;
display: none;
}
.div-block-34.full.cotb.msdf {
width: 140px;
}
.div-block-34.medium {
width: 90px;
}
.fellow-journey-container {
position: relative;
}
.div-block-35 {
display: flex;
}
.div-block-35.mt-80 {
grid-column-gap: 0px;
padding-top: 80px;
}
.div-block-36 {
flex-direction: row-reverse;
justify-content: space-between;
display: flex;
}
.journey-image {
z-index: 0;
justify-content: center;
width: 100%;
display: flex;
position: absolute;
top: 40px;
}
.journey-content {
z-index: 1;
position: relative;
}
.image-4 {
width: 960px;
margin-left: 60px;
}
.div-block-37 {
padding-left: 144px;
}
.india-map {
text-align: center;
margin-left: auto;
margin-right: auto;
display: none;
}
.map-container {
display: inline-block;
position: relative;
}
.city-link {
cursor: pointer;
width: 60px;
height: 60px;
position: absolute;
inset: 0% auto auto 0%;
}
.city-link.delhi {
height: 99px;
top: 24%;
left: 33%;
}
.city-link.ahmedabad {
height: 100px;
top: 42%;
left: 18%;
}
.city-link.mumbai {
width: 50px;
top: 55%;
left: 18%;
}
.city-link.pune {
width: 40px;
top: 59%;
left: 24%;
}
.city-link.hyderabad {
height: 100px;
top: 60%;
left: 36%;
}
.city-link.bengaluru {
width: 40px;
height: 80px;
top: 74%;
left: 34%;
}
.city-link.chennai {
width: 40px;
height: 80px;
top: 73%;
left: 42%;
}
.city-link.kolkata {
height: 100px;
top: 42%;
left: 64%;
}
.city-container {
z-index: 40;
background-color: #202124e6;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.city-details-block {
background-color: var(--white);
text-align: left;
border-radius: 4px;
max-width: 650px;
padding: 31px;
}
.div-block-38 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63318bf77484fac4c9ddba68_Aishik_3%201.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 250px;
}
.popup-link {
text-decoration: underline;
}
.donate-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63e748096b38f0ba39d512f0_Untitled-1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.grid-6 {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.p4._18px {
font-size: 18px;
line-height: 26px;
}
.invest-grid {
grid-column-gap: 100px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.invest-image {
margin-bottom: 20px;
}
.invest-image.mobile {
display: none;
}
.div-block-39.mt--10 {
margin-top: 0;
}
.our-donors {
flex-wrap: wrap;
grid-template-columns: 1fr 1fr 1fr;
justify-content: flex-start;
max-width: 960px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.our-donors.right-align {
justify-content: flex-end;
}
.our-donors.full-width {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: center;
max-width: none;
}
.our-donors.full-width.cotb {
clear: none;
grid-column-gap: 30px;
grid-row-gap: 30px;
object-fit: fill;
flex-flow: wrap;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: stretch flex-start;
width: 500px;
max-width: 100%;
margin-top: 0;
margin-left: 10px;
display: flex;
overflow: visible;
}
.our-donors.full-width.cotb.mobile {
margin-left: 0;
}
.our-donors.full-width.center {
justify-content: center;
align-items: center;
}
.strategic-partners-logo {
flex-wrap: wrap;
grid-template-columns: 1fr 1fr 1fr;
justify-content: center;
display: flex;
}
.strategic-partners-logo.right-align {
justify-content: flex-end;
}
.work-with-us-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63dc98e843494c047f946768_Untitled-1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.work-with-us-page-image {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6333e5f7e83b71f817db4d89_work%20with%20use%20page%20image.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 650px;
}
.wws-grid {
grid-column-gap: 40px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.textt-color.blue {
color: var(--deep-sky-blue-2);
}
.textt-color.blue.mb-0 {
margin-bottom: 0;
font-family: Plus jakarta, sans-serif;
}
.textt-color.blue.mb-0.cotb {
color: var(--white);
font-size: 32px;
}
.textt-color.blue.mb-0.cotb.nav {
font-size: 24px;
}
.textt-color.blue.mt-0 {
margin-top: 0;
font-family: Plus jakarta, sans-serif;
}
.faq-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63612784c0dc4e87baf530ad_Asset%2045.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.faq-banner.innovated {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63f5f83a7a8d6e23523cecc6_Desktop%20cover%20image.png");
}
.faq-rich-text {
color: var(--black);
margin-bottom: 12px;
font-family: Dm sans, sans-serif;
}
.faq-rich-text ul {
margin-bottom: 10px;
}
.faq-rich-text li {
line-height: 32px;
}
.faq-rich-text h2 {
font-size: 22px;
line-height: 30px;
}
.faq-rich-text h4 {
font-size: 18px;
line-height: 26px;
}
.faq-rich-text strong {
font-weight: 400;
}
.faq-rich-text.new-design {
color: var(--new-black);
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 128%;
}
.div-block-40 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-41 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/632d80e1073a402c4857e6fb_Asset%206.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 260px;
height: 260px;
}
.div-block-41-copy {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/633668ad841f510ff2ffe23a_Delhi131%202.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 260px;
height: 260px;
}
.div-block-42 {
max-width: 500px;
margin-bottom: 60px;
}
.div-within-education {
position: relative;
}
.div-block-43 {
mix-blend-mode: normal;
padding-bottom: 16px;
}
.div-block-44 {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.fellowship-experience-grid-what-you-do {
grid-column-gap: 100px;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
margin-top: 60px;
}
.div-block-45 {
margin-top: 100px;
}
.financial-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636104e907d51050d36f9a46_Asset%2020.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.paragraph-8 {
margin-bottom: 2rem;
}
.heading-5 {
margin-bottom: 24px;
}
.financial-links {
grid-column-gap: 80px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.open-financial-popup {
text-align: center;
}
.child-protection-policy-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63624a126dc65670e659352a_Asset%2078_1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.grid-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
}
.grid-7.center {
grid-column-gap: 30px;
align-items: center;
margin-bottom: 80px;
}
.div-block-46 {
border-right: 1px solid #d5d5d5;
padding-right: 40px;
}
.div-block-47 {
padding-left: 40px;
}
.section {
padding-bottom: 80px;
}
.p-policy-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6368cedc2d72a51e7a5029a0_Privacy%20policy.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.div-block-48 {
border-left: 1px solid #d5d5d5;
padding-left: 40px;
}
.financial-popup {
z-index: 40;
background-color: #202124e6;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.financial-popup._2 {
display: none;
}
.financial-popup._3 {
display: flex;
}
.financial-block {
grid-column-gap: 40px;
grid-row-gap: 16px;
background-color: var(--white);
text-align: left;
border-radius: 4px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 960px;
max-width: 1100px;
max-height: 750px;
padding: 50px;
display: grid;
position: relative;
}
.financial-banner-popup {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/633ac9156320c83246923a2b_Asset%206.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
min-height: 550px;
}
.financial-banner-popup._2 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/633ac9159841f9f253b86cee_Asset%207.png");
}
.financial-banner-popup._3 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/633ac9142c4e88a65b4f26fc_Asset%208.png");
}
.div-block-49 {
flex-direction: column;
padding-top: 10px;
display: flex;
}
.div-block-50 {
max-height: 550px;
padding-top: 10px;
overflow: auto;
}
.financial-popup-close {
cursor: pointer;
position: absolute;
inset: 2% 2% auto auto;
}
.div-block-51 {
padding-top: 97px;
}
.alumni-photo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100px;
height: 100px;
}
.alumni-photo.rehan {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/633e62f6d338d5ee23f9ef46_Rehan.jpeg");
background-position: 50% 22%;
}
.alumni-photo.basit {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/633e63009f2bcb164cb52a5c_Basit.jpeg");
}
.alumni-photo.mahesh {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/633e62fc33b9f5bbe9202b8d_Mahesh.jpg");
background-position: 50% 16%;
}
.slider-flex {
grid-row-gap: 16px;
flex-direction: column;
align-items: center;
display: flex;
}
.alumni-flex {
grid-column-gap: 16px;
display: flex;
}
.ed-crisis-info-2-desktop {
width: 1140px;
}
.p4-fira {
font-family: Firasans, sans-serif;
}
.paragraph-9 {
font-size: 29px;
font-weight: 300;
line-height: 42px;
}
.paragraph-9.mb-20 {
margin-bottom: 20px;
}
.paragraph-9.mb-50 {
margin-bottom: 50px;
}
.ed-info-desktop.width-70 {
max-width: 70%;
}
.ed-info-mobile {
display: none;
}
.after-fellowship-dropdown.mt-60 {
margin-top: 60px;
}
.div-block-52 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding-right: 0;
display: flex;
}
.div-block-52.india-i {
margin-left: 0;
margin-right: -334px;
}
.div-block-52.india-i.mobile {
margin-right: 0;
}
.oi-info-desktop {
aspect-ratio: auto;
text-align: left;
vertical-align: baseline;
object-fit: fill;
max-width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
}
.oi-info-mobile, .oi-succsess-info-mobile {
display: none;
}
.ed-crisis-info-2-mobile {
width: 1140px;
display: none;
}
.review-user-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 500px;
max-width: 100%;
height: 500px;
}
.review-user-image._1 {
height: 500px;
}
.review-user-image.prachi {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6362b4f3693a5d1f6c7a328d_3.png");
}
.review-user-image.suraj {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6362b51a968818b3d1f4657b_4.png");
height: 500px;
}
.review-user-image.rutuja {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6362b537e0c164aaeb91d898_6.png");
height: 500px;
}
.review-user-image.muskan {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6362b558693a5d14567aecb6_5.png");
height: 500px;
}
.review-user-image.mahesh {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6362b5789b32282c87da60f6_2.png");
height: 500px;
}
.review-user-image.rehan {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6362b6cb569ca409d1699448_blue%20slider%20images.png");
height: 500px;
}
.review-user-image.sugandha {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6362b593a5433dceb93569f4_8.png");
height: 500px;
}
.review-user-image.sindhu {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6362b5a7f905eb65bbf5333a_7.png");
height: 500px;
}
.review-user-image.bhargavi {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6362b5c4bf42102475a231d7_1.png");
height: 500px;
}
.div-block-53 {
justify-content: space-between;
padding-left: 140px;
display: flex;
}
.div-block-53.center {
justify-content: center;
}
.div-block-53.innovated {
padding-left: 140px;
}
.div-block-53.cotb {
margin-top: 0;
padding-top: 0;
}
.slide-item-content-flex {
max-width: 70%;
padding-top: 100px;
padding-right: 100px;
}
.slide-item-content-flex.innovated {
max-width: 50%;
padding-right: 100px;
}
.join-too-images {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 266px;
}
.join-too-images._1 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63628dc61087834f5d49f990_srini%20photo%207.png");
background-position: 50% 0;
}
.join-too-images._2 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6368b0da3dbbf27c54143232_BHB.png");
}
.join-too-images._3 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6368ba4f0711431dfa8ca138_current%20new.png");
}
.join-too-images._4 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6368b24afb6967044101a40c_Asset%2024.png");
}
.volunteer-bg-img {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6512bfa34f5f7bf5df2c7a50_IMG_2549.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.volunteer-grid {
grid-column-gap: 40px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.contact-bg-img {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/636245adb140525194c18247_Asset%2078.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.contact-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.contact-grid.cotb {
text-align: center;
grid-template-columns: 1fr 1fr 1fr;
}
.contact-grid.cotb.mobile {
text-align: center;
justify-content: stretch;
}
.div-block-54 {
margin-bottom: 30px;
}
.div-block-54.center {
text-align: center;
}
.contact-numbar-link {
color: var(--dim-grey-2);
display: block;
}
.grid-logos, .div-block-55 {
display: none;
}
.image-5 {
object-fit: fill;
flex: 0 auto;
align-self: auto;
width: 100%;
height: auto;
}
.image-5.tfix {
width: 80%;
}
.image-5.tfix.desktop {
text-align: left;
order: 0;
margin-top: 0;
margin-bottom: 10px;
margin-right: -8px;
}
.innovation-logo-container {
align-items: flex-start;
min-width: 130px;
max-width: 130px;
margin-bottom: 20px;
display: flex;
}
.innovation-logo-container.tfix {
text-align: left;
justify-content: flex-end;
}
.student-impact-desktop {
width: 100%;
}
.student-impact-mobile {
display: none;
}
.donate-faq-grid {
grid-column-gap: 3rem;
grid-row-gap: 0rem;
border-bottom-width: 1px;
border-bottom-color: #000;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.donate-faq-grid.flex {
flex-direction: column;
display: flex;
}
.donate-faq-grid._1-col {
grid-template-columns: 1fr;
}
.donate-faq-grid._1-col.w50 {
width: 50%;
}
.search-popup {
z-index: 10;
justify-content: center;
align-items: center;
display: flex;
}
.search-popup-container {
background-color: var(--white);
border-radius: 8px;
width: 550px;
max-width: 700px;
}
.search-input {
border: 1px solid var(--grey);
color: var(--dim-grey);
background-color: #0000;
height: 48px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 18px;
font-weight: 300;
line-height: 26px;
}
.search-input:focus {
border-bottom-color: var(--deep-sky-blue);
color: var(--deep-sky-blue);
}
.search-input::placeholder {
color: var(--dim-grey);
}
.search {
flex-direction: column;
margin-bottom: 0;
display: flex;
}
.search-pop-close {
filter: invert();
cursor: pointer;
position: absolute;
inset: 20px 20px auto auto;
}
.search-result-item {
margin-bottom: 20px;
}
.link {
color: var(--deep-sky-blue-2);
}
.text-block-3 {
font-size: 24px;
font-weight: 300;
line-height: 32px;
}
.paragraph-10 {
font-size: 18px;
line-height: 26px;
}
.heading-6 {
margin-top: 0;
margin-bottom: 40px;
}
.search-2 {
margin-bottom: 40px;
}
.search-icon-link {
letter-spacing: -.4px;
padding-top: .3125rem;
padding-bottom: .3125rem;
font-size: 16px;
font-weight: 500;
line-height: 16px;
text-decoration: none;
}
.search-icon-link:hover {
color: #1a1b1fbf;
}
.search-icon-link:focus-visible, .search-icon-link[data-wf-focus-visible] {
outline-offset: 0rem;
color: #0050bd;
border-radius: .25rem;
outline: .125rem solid #0050bd;
}
.all-links {
color: var(--tomato);
}
.h3-mt-0 {
text-transform: none;
margin-top: 0;
font-family: Plus jakarta, sans-serif;
}
.h3-mt-0.orange {
color: var(--deep-sky-blue-2);
margin-bottom: 0;
}
.h3-mt-0.orange.right-align {
text-align: right;
}
.h3-mt-0.orange.mxw-300 {
max-width: 400px;
}
.h3-mt-0.orange.mb-30 {
margin-bottom: 24px;
}
.h3-mt-0.mb-0 {
margin-bottom: 0;
}
.h3-mt-0.mb-0.gray {
color: var(--dim-grey);
}
.h3-mt-0.mb-0.white {
color: var(--white);
}
.h3-mt-0.mb-30 {
margin-bottom: 30px;
}
.h3-mt-0.mb-30.center, .h3-mt-0.center {
text-align: center;
}
.h3-mt-0.fellow {
margin-bottom: 0;
font-family: Plus jakarta, sans-serif;
}
.h3-mt-0.fellow.question {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.h3-mt-0.innovated {
margin-right: 0;
padding-right: 0;
}
.h3-mt-0.cotb {
color: #4d4d4d;
font-size: 29px;
}
.h2-mt-0 {
margin-top: 0;
font-family: Plus jakarta, sans-serif;
}
.h2-mt-0.orange {
color: var(--tomato);
margin-bottom: 20px;
}
.h2-mt-0.mb-0 {
margin-bottom: 0;
}
.h2-mt-0.cotb {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(135deg, #dcdc0a, #fff);
-webkit-background-clip: text;
background-clip: text;
font-family: Tan jambore, sans-serif;
}
.h2-mt-0.cotb.india {
background-image: linear-gradient(268.85deg, #ddac17 31.96%, #fff 97%);
margin-bottom: 60px;
}
.faq-answer-padding {
margin-bottom: 10px;
}
.h1-mt-0 {
margin-top: 0;
font-family: Plus jakarta, sans-serif;
}
.h1-mt-0.mb-20 {
margin-bottom: 20px;
}
.h1-mt-0.white {
color: var(--tomato);
}
.h1-mt-0.blue {
color: var(--deep-sky-blue);
}
.h1-mt-0.blue.center {
text-align: center;
}
.h1-mt-0.white-text {
color: var(--white);
}
.h1-center {
text-align: center;
margin-top: 0;
}
.h2-blue {
color: var(--deep-sky-blue-2);
padding-top: 0;
font-family: Dm sans, sans-serif;
}
.h3-mtb-0 {
color: var(--black);
text-transform: none;
margin-top: 0;
margin-bottom: 0;
font-family: Dm sans, sans-serif;
}
.h2-center {
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.h2-center.mobile {
font-family: Plus jakarta, sans-serif;
}
.h2-orange {
color: var(--tomato);
}
.h2-right-align {
text-align: right;
}
.div-block-56 {
flex-direction: column;
justify-content: space-between;
height: 64%;
display: flex;
}
.div-block-57 {
margin-top: 40px;
margin-bottom: 8px;
}
.light-bold-para {
font-weight: 300;
}
.light-bold-para.orange {
color: var(--tomato);
}
.user-profile-button {
cursor: pointer;
width: 100%;
height: 100%;
}
.section-title-container {
margin-bottom: 40px;
}
.div-block-58 {
width: 100%;
height: 100%;
}
.link-2 {
color: var(--white-smoke-2);
}
.link-3 {
font-weight: 300;
}
.mb-20 {
margin-bottom: 20px;
}
.div-block-59 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6321b12283827a3202aed311_Group%20223.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 100%;
}
.ed-info-center {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-60 {
flex-direction: column;
justify-content: space-between;
padding-bottom: 15px;
display: flex;
}
.mt-40 {
margin-top: 40px;
}
.div-block-61 {
margin-bottom: 60px;
}
.div-block-62 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.col-grid-5 {
grid-column-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.blue-h3 {
color: var(--deep-sky-blue);
font-family: Mulish, sans-serif;
font-weight: 500;
}
.blue-h3.grey {
color: var(--dim-grey);
}
.blue-h3.grey.cotb {
color: var(--white);
font-family: Firasans, sans-serif;
font-size: 29px;
font-weight: 300;
line-height: 34.8px;
}
.blue-h3.grey.cotb.mobile {
font-size: 24px;
line-height: 32px;
}
.div-block-63 {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.lightbox-link {
width: 100%;
height: 675px;
margin-top: 80px;
}
.small-link {
line-height: 32px;
}
.collection-list-wrapper {
width: 100%;
}
.collection-list-wrapper.mt-1-5rem {
width: 160%;
}
.collection-list-wrapper._22 {
border-bottom: 1px solid var(--grey);
}
.collection-list-wrapper.india-i {
width: 160%;
max-width: none;
}
.div-block-64 {
width: 100%;
}
.infor-content {
flex-direction: column;
align-items: center;
max-width: none;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.info-text-white {
color: var(--white);
}
.empty-state {
display: none;
}
.div-block-66 {
line-height: 24px;
}
.text-link-faq {
color: var(--deep-sky-blue);
font-weight: 300;
line-height: 26px;
text-decoration: underline;
}
.social-icon {
width: 40px;
}
.social-flex {
grid-column-gap: 24px;
justify-content: flex-start;
margin-top: 32px;
display: flex;
}
.social-flex.right-align {
justify-content: flex-end;
}
.social-container {
justify-content: space-between;
align-items: center;
display: flex;
}
.social-block {
flex-direction: column;
justify-content: flex-end;
min-width: 350px;
}
.social-block.right-align {
justify-content: flex-start;
align-items: flex-end;
}
.h3-dark {
color: var(--dim-grey);
font-family: Plus jakarta, sans-serif;
}
.h3-dark.mx-250 {
max-width: 250px;
}
.success-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63a170999fcbc2acb193df63_gyg.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.cookie-consent {
z-index: 100;
background-color: var(--black);
color: var(--dark-black);
width: 100%;
min-height: 48px;
display: none;
position: fixed;
inset: auto 0% 0%;
}
.text-block-4 {
color: #fff;
margin-right: 16px;
font-weight: 300;
}
.text-block-4.new-design {
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.div-block-67 {
align-items: center;
padding: 12px;
display: flex;
}
.text-blue {
color: var(--deep-sky-blue);
font-weight: 400;
text-decoration: underline;
}
.div-block-68 {
grid-column-gap: 60px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.div-block-68.volunteer {
margin-bottom: 40px;
}
.div-block-69 {
object-fit: fill;
}
.section-links {
color: var(--dim-grey);
margin-left: 0;
font-family: Dm sans, sans-serif;
font-style: normal;
text-decoration: none;
display: block;
}
.section-links.fcra {
width: 450px;
margin-right: 0;
padding-right: 0;
}
.link-4 {
color: var(--white-smoke-4);
text-transform: none;
text-decoration: none;
}
.link-4:hover {
color: var(--white);
text-decoration: underline;
}
.hero-mobile, .hero-mobile.cotb {
display: none;
}
.link-without-text {
text-decoration: none;
}
.back-to-top {
width: 32px;
height: 32px;
position: fixed;
inset: auto 2% 2% auto;
}
.back-to-top:active, .back-to-top:focus {
border: 1px #000;
}
.empty-state-2 {
display: none;
}
.gototop {
width: 100%;
}
.history-img-mobile {
display: none;
}
.heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .heading-12, .heading-13, .heading-14, .heading-15, .heading-16, .heading-17 {
text-transform: capitalize;
}
.heading-18 {
text-transform: capitalize;
font-family: Plus jakarta, sans-serif;
}
.svg-dot {
width: 24px;
height: 24px;
}
.div-block-70 {
width: 650px;
margin-left: auto;
margin-right: auto;
display: none;
}
.for-staging {
display: block;
}
.for-staging.cotb {
margin-top: 0;
}
.for-staging.btn-center {
margin-left: auto;
margin-right: auto;
}
.for-live-site {
display: none;
}
.youtube-2 {
text-align: center;
margin-top: 80px;
}
.youtube-2.cotb {
margin-top: 0;
display: none;
}
.youtube-2.cotb.interim, .youtube-2.cotb.india, .youtube-2.cotb.trailer-video, .youtube-2.cotb.cotb-making {
display: block;
}
.youtube-2.revamped-video-size {
width: auto;
height: auto;
max-height: 200px;
margin-top: 40px;
}
.heading-19 {
font-family: Plus jakarta, sans-serif;
font-style: normal;
}
.text-block-5 {
font-size: 40px;
line-height: 45px;
}
.new-sticky-menu {
z-index: 10;
backface-visibility: visible;
perspective: none;
font-family: Dm Sans, sans-serif;
position: fixed;
inset: 0% 0% auto;
}
.bold-text, .bold-text-2, .bold-text-3, .bold-text-4 {
font-weight: 400;
}
.heading-22 {
font-family: Plus jakarta, sans-serif;
}
.text-span, .text-span-2, .text-span-3, .text-span-4 {
color: var(--tomato);
}
.text-span-5 {
color: var(--deep-sky-blue-2);
}
.text-span-7 {
color: var(--tomato);
}
.text-span-8 {
color: var(--tomato);
line-height: 24px;
}
.text-span-9, .text-span-10, .text-span-11, .text-span-12, .text-span-13 {
color: var(--tomato);
}
.section-innovated-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6401b7771c5489cbecd2979a_Desktop.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.section-innovated-banner.mobile {
mix-blend-mode: luminosity;
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6719dfc79ea8f16d58663214_Innovated.jpg");
background-position: 50% 100%;
}
.paragraph-36 {
border-bottom: 1px #c5c5c5;
}
.link-5 {
color: var(--black);
}
.innovated-slider {
align-items: center;
padding-top: 150px;
padding-bottom: 150px;
display: flex;
}
.innovated-slider.cotb {
padding-top: 0;
}
.innovated-slider-main {
background-color: #0000;
width: 100%;
height: 100%;
}
.slide-nav-innovated {
text-align: center;
width: 50%;
max-width: 1920px;
margin-top: -48px;
margin-left: 0;
margin-right: auto;
display: flex;
position: relative;
}
.div-block-71 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
margin-top: 50px;
display: flex;
}
.text-block-6 {
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.text-block-6._16 {
color: #666;
margin-top: 7px;
font-size: 16px;
line-height: 18px;
}
.div-block-72 {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.image-6 {
align-self: center;
margin-bottom: 10px;
padding-bottom: 0;
}
.image-6.mobile {
align-self: center;
}
.image-6.innovated {
flex: none;
margin-bottom: 5px;
}
.image-6.innovated.mobile {
margin-bottom: 8px;
}
.innovate-info-mobile {
display: none;
}
.innovated-info-desktop {
padding-top: 16px;
padding-bottom: 16px;
display: block;
}
.pilot {
height: auto;
margin-bottom: 60px;
padding-bottom: 0;
}
.link-6 {
font-weight: 300;
}
.text-span-16 {
color: var(--tomato);
}
.blog-page-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6361039fde65c59edbfc58d2_Asset%2021.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.tp-blog-grid {
grid-column-gap: 144px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tp-blog-grid.desktop.hide, .tp-blog-grid.mobile {
display: none;
}
.tp-blog-thumbnail {
background-color: var(--white-smoke-2);
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 240px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.tp-blog-thumbnail._300 {
flex: none;
width: 300px;
height: 273px;
position: relative;
}
.tp-blog-thumbnail._188 {
width: 100%;
height: 168px;
margin-bottom: 20px;
}
.h3-white {
color: var(--white);
}
.text-block-7 {
color: var(--white);
font-family: Mulish, sans-serif;
font-size: 18px;
font-weight: 500;
}
.blog-sticky-section {
align-items: flex-start;
padding-top: 150px;
display: flex;
position: relative;
}
.blog-sticky-section.pb-150 {
padding-bottom: 150px;
}
.blog-section-grid {
grid-column-gap: 3rem;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tp-blog-item-hoz {
grid-column-gap: 70px;
display: flex;
}
.sticky-blog-box {
position: sticky;
top: 140px;
}
.div-block-73 {
border-left: 1px solid var(--white-smoke-3);
width: 430px;
margin-top: 110px;
padding-left: 80px;
position: sticky;
top: 140px;
}
.div-block-73.mt-0 {
margin-top: 0;
}
.div-block-74 {
max-width: 770px;
padding-right: 40px;
}
.div-block-75 {
align-items: flex-start;
display: flex;
position: relative;
}
.div-block-75.mb-150, .div-block-76 {
margin-bottom: 150px;
}
.blog-read-more-sec {
text-align: center;
padding-top: 100px;
}
.share-container {
grid-row-gap: 10px;
background-color: var(--deep-sky-blue-2);
flex-direction: column;
align-items: center;
width: 50px;
padding: 12px;
display: flex;
position: absolute;
inset: -30px -50px auto auto;
}
.share-container.white-bg {
background-color: var(--white);
}
.blog-social-icon {
height: 18px;
}
.blog-meta-info {
justify-content: space-between;
align-items: center;
display: flex;
}
.search-input-2 {
border: 1px solid var(--grey);
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6319cf5894898c8d573cb0d4_charm_search.png");
background-position: 98%;
background-repeat: no-repeat;
background-size: 22px;
margin-bottom: 0;
}
.search-input-2.no-icon {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.search-3 {
grid-column-gap: 8px;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.sticky-tags {
padding-top: 40px;
padding-bottom: 40px;
}
.text-block-8 {
margin-bottom: 16px;
font-family: Mulish, sans-serif;
font-size: 42px;
font-weight: 500;
line-height: 60px;
}
.div-block-77 {
border-top: 1px solid var(--white-smoke-3);
padding-top: 40px;
}
.div-block-78 {
display: flex;
}
.mobile-subscription {
border-top: 1px solid var(--white-smoke-3);
padding-top: 40px;
display: none;
}
.blog-single-page-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6361039fde65c59edbfc58d2_Asset%2021.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.blog-main-banner {
background-color: var(--dim-grey);
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 610px;
}
.blog-single-rich ul {
margin-bottom: 16px;
font-size: 24px;
font-weight: 300;
line-height: 32px;
}
.blog-single-rich ol {
font-size: 24px;
font-weight: 300;
line-height: 32px;
}
.blog-single-rich p, .blog-single-rich h4, .blog-single-rich h3 {
margin-bottom: 16px;
}
.div-block-79 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-7 {
height: 40px;
}
.div-block-80 {
grid-column-gap: 32px;
display: flex;
}
.link-block {
color: var(--dim-grey);
text-decoration: none;
}
.h1 {
font-size: 42px;
font-weight: 500;
line-height: 60px;
}
.author-img {
background-color: var(--dim-grey);
border-radius: 50%;
width: 224px;
min-width: 224px;
height: 224px;
}
.div-block-81 {
grid-column-gap: 48px;
align-items: stretch;
height: 100%;
display: flex;
}
.div-block-82 {
flex-direction: column;
justify-content: space-between;
max-width: 430px;
display: flex;
}
.blog-single-tags {
margin-top: 20px;
}
.blog-single-related-posts {
grid-column-gap: 8px;
align-items: center;
margin-top: 40px;
display: flex;
}
.h3-24px {
color: var(--dim-grey);
font-size: 24px;
line-height: 32px;
text-decoration: none;
}
.blog-cat-page-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6361039fde65c59edbfc58d2_Asset%2021.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.blog-cat-item-grid {
grid-column-gap: 148px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 770px;
padding-right: 40px;
display: grid;
}
.h3-mb-0 {
margin-bottom: 0;
}
.tag-list-collection {
display: block;
}
.div-block-84 {
align-items: center;
display: flex;
}
.tag-item {
display: inline-block;
}
.quote-title-copy.mob-f-14 {
margin-right: 5px;
}
.sidebar-tag-list-collection {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sidebar-tag-item {
display: inline-block;
}
.quote-title-copy {
color: var(--dim-grey-2);
margin-right: 20px;
font-size: 15px;
font-weight: 500;
line-height: 18px;
}
.quote-title-copy.whitel {
color: var(--white);
font-size: 16px;
}
.quote-title-copy.orange {
color: var(--red-hover);
text-decoration: none;
}
.blog-link {
color: var(--dim-grey);
text-decoration: none;
}
.bog-divider {
display: none;
}
.tags-page-banner, .blog-cat-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6361039fde65c59edbfc58d2_Asset%2021.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.margin-custom4 {
object-fit: fill;
margin-bottom: 0;
padding-bottom: 0;
font-family: Tan jambore, sans-serif;
display: block;
}
.user-popup-2 {
background-color: #202124;
display: flex;
position: absolute;
inset: 0%;
}
.user-popup-2._2, .user-popup-2._3, .user-popup-2._4, .user-popup-2._1 {
z-index: 2;
display: none;
}
.paragraph-37 {
color: #fff;
margin-bottom: .4rem;
font-size: 1.2rem;
}
.button-2 {
color: #fff;
text-align: center;
background-color: #e05b37;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 18px;
transition: background-color .2s;
}
.button-2:hover {
background-color: #d14a25;
}
.button-2.medium {
padding: 10px 26px;
font-weight: 600;
}
.paragraph-38 {
color: #202124;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.user-accordion-2 {
background-color: #202124;
display: flex;
position: absolute;
inset: 0%;
}
.user-accordion-2._3, .user-accordion-2._2, .user-accordion-2._4, .user-accordion-2._1 {
display: none;
}
.navbar-2 {
background-color: #000;
}
.container-3 {
margin-top: 0;
margin-bottom: 35px;
margin-left: 0;
padding-top: 0;
}
.image-8 {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
position: relative;
}
.cotb-heading1 {
margin-left: 0;
}
.cotb-heading1.mobile {
width: auto;
position: static;
}
.cotb-heading2 {
margin-left: 0;
}
.cotb-padding {
padding-left: 5rem;
padding-right: 5rem;
display: block;
}
.link-7 {
color: #000;
}
.image-9.mobile {
padding-bottom: 40px;
}
.image-12, .image-12.desktop, .image-13, .image-13.desktop {
display: none;
}
.slide-2 {
overflow: visible;
}
.div-block-85 {
border-style: solid;
border-width: 1px;
border-color: black var(--white) black black;
width: 180px;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-right: 20px;
padding-right: 10px;
}
.div-block-85.cotbshow {
flex: 0 auto;
order: 0;
align-self: auto;
width: 180px;
height: 180px;
padding-right: 10px;
}
.div-block-85.cotbshow.mobile {
align-self: auto;
}
.div-block-85.mobile {
border-color: transparent var(--white) transparent transparent;
align-self: auto;
}
.cotb-donor-flex {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: center;
height: 180px;
max-height: 50%;
display: flex;
}
.cotb-show-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-self: auto;
align-items: stretch;
width: 500px;
max-width: 100%;
height: 180px;
max-height: 100%;
display: grid;
}
.line-cotb {
overflow: visible;
}
.line-cotb.mobile {
display: none;
}
.image-14 {
display: block;
}
.cotb-image {
border-radius: 15px;
}
.cotb-image.mobile {
display: none;
}
.cotb-grid {
grid-column-gap: 100px;
grid-row-gap: 100px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.cotb-donate {
background-color: var(--white-smoke);
display: none;
}
.cotb-donate.grey {
background-color: var(--white-smoke-2);
}
.cotb-donate.cotb.location {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6437e7cb6cf4fe51bbf78c4a_Group.png");
background-position: -50% 120%;
background-repeat: repeat-x;
background-size: contain;
height: 925px;
margin-bottom: 0;
margin-left: 0;
padding-bottom: 0;
}
.cotb-donate.cotb.location.mobile {
background-position: 0 110%;
height: 1300px;
}
.cotb-donate.conference {
background-color: #000;
}
.section-2 {
display: block;
}
.paragraph-39, .text-block-9 {
color: var(--white);
}
.text-list {
font-size: 26px;
line-height: 42px;
}
.cotb-cover-image {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/651352f49d09eb88929732d5_Mask%20group.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 550px;
}
.cotb-intro-image1 {
border-radius: 15px;
}
.cotb-intro-image1.desktop {
object-fit: fill;
border-radius: 0;
height: auto;
max-height: none;
}
.cotb-intro-image1.desktop.innovated {
height: auto;
padding-top: 66px;
}
.cotb-intro-image1.mobile {
display: none;
}
.cotb-intro-image1.cotb {
margin-bottom: 60px;
}
.cotb-intro-image1.cotb.desktop {
border-radius: 15px;
width: auto;
height: auto;
max-height: 100%;
margin-bottom: 0;
padding-bottom: 0;
display: block;
}
.cotb-intro-image1.people.desktop {
object-fit: fill;
object-position: 50% 50%;
height: 50vh;
max-height: 100%;
margin-top: 0;
display: inline-block;
}
.cotb-testimonial-image1 {
border-radius: 15px;
}
.cotb-testimonial-image1.desktop {
object-fit: fill;
border-radius: 0;
height: auto;
max-height: none;
}
.cotb-testimonial-image1.desktop.innovated {
height: auto;
padding-top: 66px;
}
.cotb-testimonial-image1.mobile {
display: none;
}
.cotb-testimonial-image1.cotb {
margin-bottom: 60px;
}
.cotb-testimonial-image1.cotb.desktop {
border-radius: 15px;
width: auto;
height: auto;
max-height: 100%;
margin-bottom: 0;
padding-bottom: 0;
display: block;
}
.cotb-testimonial-image1.people.desktop {
object-fit: fill;
object-position: 50% 50%;
height: 50vh;
max-height: 100%;
margin-top: 0;
display: inline-block;
}
.cotb-grid-testimonials {
margin-top: 40px;
}
.cotb-journey-paragraph {
color: var(--white);
}
.cotb-little-birds {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6513c36a85cccf8c5e749258_COTB%20info%20img.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-end;
height: 900px;
display: flex;
}
.cotb-little-birds.innovated {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63fded5d4fe56167240ccf9f_Innovated%20new%20image.png");
height: 976px;
}
.text-block-10, .paragraph-40 {
color: var(--white);
}
.remarks.cotb-audience {
margin-top: 40px;
margin-bottom: 0;
padding-bottom: 40px;
}
.italic-text {
color: var(--white);
}
.cotb-grid-birds {
margin-top: 40px;
}
.div-block-86 {
border-top: 1px solid var(--white-smoke-2);
padding-top: 10px;
padding-bottom: 10px;
}
.cotb-image-left {
display: none;
}
.cotb-image-left.desktop {
display: block;
}
.cotb-image-right.desktop, .cotb-image-right.mobile {
display: none;
}
.navbar-volunteer {
z-index: 5;
border-bottom: 1px solid var(--white-smoke);
background-color: #0000;
max-width: 100%;
font-size: 18px;
position: sticky;
top: 0;
}
.image-15 {
width: auto;
height: auto;
}
.div-block-87 {
margin-bottom: 90px;
}
.cornerright {
background-color: var(--deep-sky-blue);
width: 20px;
height: 40px;
margin-right: 0;
position: absolute;
top: 0;
bottom: auto;
right: -10px;
}
.cornerright.yello {
background-color: var(--yellow);
height: 40px;
top: 0;
bottom: auto;
}
.cornerright.bg-tomato {
background-color: var(--tomato);
}
.cornertop {
background-color: #0ebee0;
width: 50px;
height: 20px;
position: absolute;
top: -10px;
bottom: auto;
right: -10px;
}
.cornertop.yellow {
background-color: var(--yellow);
width: 50px;
top: -10px;
bottom: auto;
}
.cornertop.bg-tomato {
background-color: var(--tomato);
}
.div-block-88 {
text-align: left;
max-width: none;
position: relative;
}
.div-block-89 {
text-align: left;
position: relative;
}
.div-block-90 {
text-align: right;
position: relative;
}
.div-block-91 {
max-width: 80%;
margin-top: 10px;
position: relative;
}
.collapse-heading {
display: inline-block;
}
.collapse-heading.born-heading {
margin-top: 20px;
margin-bottom: 0;
font-size: 7rem;
line-height: 100px;
display: inline-block;
}
.collapse-heading.born-heading.s-2 {
color: var(--white);
margin-bottom: 70px;
}
.collapse-heading.born-heading.s-2.tab-text {
font-size: 8rem;
}
.collapse-heading.born-heading.s-2.tab-text.small-text {
font-family: Plus jakarta, sans-serif;
font-size: var(--banner-text-size);
margin-bottom: 0;
margin-left: -3px;
padding-left: 0;
font-weight: 700;
line-height: 85%;
}
.collapse-heading.born-heading.s-2.tab-text.small-text.text-yellow {
color: var(--yellow);
line-height: 85%;
}
.collapse-heading.born-heading.s-2.tab-text.small-text.text-yellow.new-text-size {
color: var(--banner-yellow);
font-size: var(--banner-text-size);
}
.collapse-heading.born-heading.s-2.tab-text.small-text.text-black {
color: var(--dark-black);
margin-left: 0;
line-height: 85%;
}
.collapse-heading.born-heading.s-2.tab-text.small-text.text-black.new-text-size {
line-height: 65%;
}
.collapse-heading.born-heading.s-2.tab-text.small-text.new-text-size {
font-weight: 800;
line-height: 65%;
}
.collapse-heading.born-heading.margin-new.tab-text.font-plus-jakarta {
font-family: Plus jakarta, sans-serif;
font-size: var(--banner-text-size);
margin-top: -3px;
font-weight: 700;
}
.collapse-heading.born-heading.margin-new.tab-text.font-plus-jakarta.mb-30 {
color: var(--dark-black);
margin-top: 10px;
margin-bottom: 25px;
margin-left: -3px;
font-weight: 800;
line-height: 85%;
}
.collapse-heading.born-heading.margin-new.tab-text.font-plus-jakarta.mb-30.new-text-size {
margin-top: 0;
font-size: 110px;
font-weight: 800;
line-height: 65%;
}
.collapse-heading.born-heading.tab-text {
margin-top: 0;
font-family: Mulish, sans-serif;
font-size: 8rem;
font-weight: 700;
line-height: 75%;
}
.collapse-heading.born-heading.tab-text.font-plus-jakarta {
font-family: Plus jakarta, sans-serif;
font-size: var(--banner-text-size);
}
.collapse-heading.born-heading.tab-text.font-plus-jakarta.new-text-size.margin-left-right {
color: var(--dark-black);
font-size: 106px;
font-weight: 800;
line-height: 65%;
}
.heading-27 {
margin-right: 13px;
display: inline-block;
}
.born-heading {
color: var(--black);
font-family: Firasans, sans-serif;
font-size: 7rem;
font-weight: 600;
line-height: 100%;
display: block;
}
.born-heading.collapse-heading.margin-right {
margin-right: 30px;
}
.born-heading.collapse-heading.margin-right.yellow-heading {
color: var(--yellow);
margin-bottom: 30px;
}
.born-heading.collapse-heading.margin-right.yellow-heading.text-tomato {
color: var(--tomato);
margin-bottom: 0;
line-height: 100px;
}
.born-heading.collapse-heading.margin-right.yellow-heading.text-tomato.tab-text.text-margin.font-plus-jakarta {
color: var(--tomato);
font-family: Plus jakarta, sans-serif;
font-size: var(--banner-text-size);
margin-top: -3px;
margin-left: -8px;
font-weight: 700;
line-height: 75%;
}
.born-heading.collapse-heading.margin-right.yellow-heading.text-tomato.tab-text.text-margin.font-plus-jakarta.text-yellow {
color: var(--yellow);
}
.born-heading.collapse-heading.margin-right.yellow-heading.margin-new.tab-text {
margin-top: 0;
margin-bottom: 0;
font-family: Plus jakarta sans Normal;
font-size: 8rem;
font-weight: 700;
line-height: 75%;
}
.born-heading.collapse-heading.margin-right.yellow-heading.margin-new.tab-text.font-plus-jakarta {
font-family: Plus jakarta, sans-serif;
font-size: var(--banner-text-size);
margin-left: -3px;
margin-right: 15px;
}
.born-heading.collapse-heading.margin-right.yellow-heading.margin-new.tab-text.font-plus-jakarta.margin-left {
margin-left: 0;
line-height: 85%;
}
.born-heading.collapse-heading.margin-right.yellow-heading.margin-new.tab-text.font-plus-jakarta.margin-left.new-text-size {
color: var(--banner-yellow);
margin-top: 20px;
font-size: 106px;
font-weight: 800;
line-height: 65%;
}
.born-heading.s-2.tab-text {
font-size: 8rem;
}
.born-heading.s-2.tab-text.font-plus-jakarta {
font-family: Plus jakarta, sans-serif;
font-size: var(--banner-text-size);
margin-top: -3px;
margin-bottom: 10px;
margin-left: -8px;
font-weight: 700;
line-height: 75%;
}
.born-heading.s-2.tab-text.font-plus-jakarta.margin-down {
color: var(--dark-black);
margin-top: 0;
margin-bottom: 25px;
margin-left: -3px;
font-weight: 800;
line-height: 65%;
}
.born-heading.s-2.tab-text.font-plus-jakarta.margin-down.new-text-size {
margin-top: 0;
font-weight: 800;
line-height: 65%;
}
.born-heading.s-2.tab-text.font-plus-jakarta.mb-30 {
color: var(--dark-black);
margin-top: 10px;
margin-bottom: 25px;
margin-left: -3px;
line-height: 85%;
}
.born-heading.s-2.tab-text.font-plus-jakarta.mb-30.new-text-size {
font-size: var(--banner-text-size);
margin-top: 0;
font-weight: 800;
line-height: 65%;
}
.born-heading.s-3 {
margin-bottom: 100px;
line-height: 100px;
}
.born-heading.s-3.tab-text.font-plus-jakarta {
font-family: Plus jakarta, sans-serif;
font-size: var(--banner-text-size);
margin-bottom: 0;
margin-left: -3px;
font-weight: 700;
line-height: 75%;
}
.born-heading.s-3.tab-text.font-plus-jakarta.text-tomato {
color: var(--tomato);
line-height: 85%;
}
.born-heading.s-3.tab-text.font-plus-jakarta.text-tomato.new-text-size {
font-weight: 800;
line-height: 65%;
}
.born-heading.s-3.tab-text.font-plus-jakarta.text-yellow {
color: var(--yellow);
line-height: 85%;
}
.born-heading.s-3.tab-text.font-plus-jakarta.text-yellow.new-text-size {
color: var(--banner-yellow);
font-size: 110px;
font-weight: 800;
line-height: 65%;
}
.born-heading.tab-text.mob-text.font-plus-jakarta {
margin-top: -3px;
margin-left: -8px;
font-family: Plus jakarta, sans-serif;
font-size: 8rem;
font-weight: 700;
line-height: 75%;
}
.born-heading.tab-text.mob-text.font-plus-jakarta.text-for-vertical {
font-size: var(--banner-text-size);
margin-left: -4px;
}
.born-heading.tab-text.mob-text.font-plus-jakarta.text-for-vertical.margin-down {
font-size: var(--banner-text-size);
margin-top: 10px;
margin-bottom: 25px;
margin-left: -3px;
}
.born-heading.tab-text.mob-text.font-plus-jakarta.text-for-vertical.margin-down.inline-block {
color: var(--dark-black);
line-height: 85%;
display: inline-block;
}
.born-heading.tab-text.mob-text.font-plus-jakarta.text-for-vertical.margin-down.inline-block.new-text-size {
margin-top: 20px;
font-weight: 800;
line-height: 65%;
}
.born-h3 {
color: var(--white);
margin-top: 30px;
margin-bottom: 0;
padding-bottom: 0;
font-family: Plus jakarta, sans-serif;
font-size: 36px;
font-weight: 600;
position: absolute;
bottom: 0;
}
.born-h3.hide {
font-family: Firasans, sans-serif;
font-weight: 600;
}
.born-h3.text-tomato {
color: var(--tomato);
font-family: Plus jakarta, sans-serif;
font-weight: 600;
}
.born-h3.text-yellow {
color: var(--yellow);
}
.section-apply {
background-color: var(--white-smoke-2);
margin-top: 0;
padding: 20px 2.5rem;
font-family: Dm Sans, sans-serif;
}
.section-apply.revamped-section-apply {
padding-left: 4rem;
padding-right: 4rem;
}
.section-apply.revamped-section-apply.revamped-section-apply-mobile {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.div-block-92 {
font-weight: 400;
}
.div-block-93 {
-webkit-text-fill-color: inherit;
background-color: #0ebee000;
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/668e70e7bb17190d942fadb7_TFI_Homepage%20images.png");
background-position: 100%;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
background-clip: border-box;
margin-left: 0;
margin-right: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.bold-text-11 {
color: var(--deep-sky-blue);
font-family: Dm sans, sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 90px;
}
.bold-text-11.white {
color: var(--white);
}
.div-block-94 {
background-color: var(--deep-sky-blue);
width: 200px;
height: 80px;
position: absolute;
top: 64px;
right: 0;
}
.div-block-94.bg-white {
background-color: var(--deep-sky-blue);
top: -35px;
}
.div-block-94.bg-white.white {
background-color: var(--white);
top: 64px;
right: 26px;
}
.div-block-94.mobile {
top: 40px;
right: 26px;
}
.div-block-95 {
background-color: var(--deep-sky-blue);
width: 80px;
height: 200px;
position: absolute;
top: 64px;
right: 100px;
}
.div-block-95.bg-white {
background-color: var(--deep-sky-blue);
}
.div-block-95.bg-white.white {
background-color: var(--white);
right: 26px;
}
.div-block-95.mobile {
top: 40px;
right: 26px;
}
.bold-text-12 {
color: var(--white);
font-family: Mulish, sans-serif;
}
.section-3 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/668e6ad555b30e568bb00dbb_TFI_Homepage%20images-04.png");
background-position: 0 0;
background-size: cover;
width: 100vw;
height: 50vh;
}
.section-4 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/668e6ad555b30e568bb00dbb_TFI_Homepage%20images-04.png");
background-position: 50%;
background-size: auto;
}
.slide-nav-2 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.slide-nav-3 {
background-image: none;
}
.slider-2 {
width: auto;
height: auto;
margin-left: 0;
margin-right: 0;
}
.image-16 {
position: relative;
}
.grid-8 {
grid-column-gap: 16px;
background-color: var(--deep-sky-blue);
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
justify-content: space-between;
padding-left: 20px;
}
.grid-8.bg-tomato {
background-color: var(--banner-tomato);
color: var(--banner-tomato);
max-width: 1245px;
margin-left: auto;
margin-right: auto;
padding: 20px 20px 20px 25px;
}
.grid-8.bg-tomato.bg-blue {
background-color: var(--banner-blue);
color: var(--dim-grey);
}
.grid-8.bg-yellow {
background-color: var(--banner-yellow);
max-width: 1245px;
margin-left: auto;
margin-right: auto;
padding: 20px 20px 20px 25px;
}
.grid-8.bg-yellow.bg-blue {
background-color: var(--banner-blue);
padding-right: 20px;
}
.grid-8.phone-left-padding {
background-color: var(--banner-blue);
max-width: 1245px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.div-block-96 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/65cefef34880ca4cf7107a6d_Asset%2011%20Crop.png");
background-position: 50%;
background-size: auto;
position: relative;
}
.div-block-96.carousel-img-div {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/65cb3413d91fafab1049157a_desktop.png");
background-size: cover;
width: 250px;
height: 250px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 20px;
}
.div-block-96.carousel-img-div.img-1 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/669884e67480615b1e010fcd_Copy%20of%201%20(1).jpg");
background-position: 50%;
background-size: cover;
width: 350px;
height: 350px;
}
.div-block-96.carousel-img-div.img-1.h-size.new-size.mob-size {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/66a34259bcbc9abf01ec7a7a_Copy%20of%201%20(1).jpg");
background-position: 50% 0;
width: 230px;
height: 230px;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
padding-right: 0;
}
.div-block-96.carousel-img-div.img-3 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/669884e6756a23110d3b2ef5_Copy%20of%207%20(1).jpg");
background-position: 50%;
background-size: cover;
width: 350px;
height: 350px;
}
.div-block-96.carousel-img-div.img-3.mob-size {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/66a3425ac9459cc567c84c94_Copy%20of%207%20(1).jpg");
background-position: 50%;
width: 230px;
height: 230px;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.div-block-96.carousel-img-div.img-2 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/669884e7572d55d09ff2a12a_Copy%20of%206%20(1).jpg");
width: 350px;
height: 350px;
}
.div-block-96.carousel-img-div.img-2.mob-size {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/66a3425ad71d220abd8f5818_Copy%20of%206%20(1).jpg");
width: 230px;
height: 230px;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
padding-top: 0;
}
.div-block-97 {
background-color: var(--white);
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 1.3rem;
font-family: Plus jakarta, sans-serif;
}
.div-block-98 {
background-color: var(--banner-blue);
width: 110px;
height: 110px;
position: absolute;
bottom: 0;
}
.div-block-98.bg-tomato {
background-color: var(--banner-tomato);
}
.div-block-98.bg-tomato.bg-blue {
background-color: var(--banner-blue);
}
.div-block-98.bg-yellow {
background-color: var(--banner-yellow);
left: 0;
}
.div-block-98.bg-yellow.bg-blue {
background-color: var(--banner-blue);
}
.div-block-99 {
padding-left: 10px;
font-weight: 600;
}
.div-block-99.heading-hide {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
position: relative;
}
.v-div {
width: 50px;
height: 100px;
}
.v-div.background-color-yellow {
background-color: var(--yellow);
width: 50px;
height: 120px;
position: absolute;
bottom: 0;
right: 50px;
}
.v-div.background-color-yellow.hide-shape {
background-color: var(--banner-yellow);
width: 30px;
height: 80px;
top: 30px;
right: 30px;
}
.v-div.background-color-yellow.hide-shape.bg-tomato {
background-color: var(--banner-tomato);
}
.v-div.background-color-yellow.hide-shape.bg-tomato.yellow {
background-color: var(--banner-yellow);
color: var(--black);
}
.v-div.background-color-yellow.hide-shape.bg-white {
background-color: var(--white);
}
.v-div.background-color-yellow.hide-shape.bg-white.text-yellow {
background-color: var(--banner-yellow);
}
.h-div {
width: 100px;
height: 50px;
}
.h-div.background-color-yellow {
background-color: var(--yellow);
width: 120px;
height: 50px;
position: absolute;
top: 50px;
}
.h-div.background-color-yellow.hide-shape {
background-color: var(--banner-yellow);
width: 80px;
height: 30px;
top: 30px;
right: 30px;
}
.h-div.background-color-yellow.hide-shape.bg-tomato {
background-color: var(--banner-tomato);
}
.h-div.background-color-yellow.hide-shape.bg-tomato.yellow {
background-color: var(--banner-yellow);
}
.h-div.background-color-yellow.hide-shape.bg-white {
background-color: var(--white);
}
.h-div.background-color-yellow.hide-shape.bg-white.text-yellow {
background-color: var(--banner-yellow);
}
.heading-28.hide-mobile-heading, .heading-29.hide-mobile-heading, .heading-30.hide-mobile-heading, .heading-31.hide-mobile-heading {
display: none;
}
.slide-1 {
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.body {
font-family: Dm Sans, sans-serif;
}
.div-block-100 {
font-family: Dm sans Normal;
}
.div-block-101, .div-block-102, .div-block-103 {
padding-right: 0;
}
.section-5 {
background-color: var(--yellow);
}
.section-6 {
padding-left: 2.5rem;
padding-right: 2.5rem;
font-family: Dm sans, sans-serif;
position: static;
}
.div-block-104 {
border-top: 30px solid var(--tomato);
border-left: 30px solid var(--tomato);
background-color: var(--transparent);
width: 70px;
height: 70px;
position: absolute;
top: -40px;
left: -100px;
}
.div-block-105 {
background-color: var(--transparent);
width: 30px;
height: 70px;
position: absolute;
}
.heading-32 {
font-family: Dm sans, sans-serif;
}
.div-block-106 {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: static;
}
.left-and-right-padding {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.button-3 {
background-color: #0ebcdd;
}
.image-17 {
display: inline-block;
}
.div-block-108 {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.center-banner {
margin-left: auto;
margin-right: auto;
}
.center-banner.bg-yellow {
background-color: var(--yellow);
}
.center-banner.bg-red {
background-color: var(--tomato);
}
.center-banner.bg-blue {
background-color: var(--deep-sky-blue);
}
.scroll-mobile {
display: none;
}
.scroll-desktop {
display: block;
}
.video-container {
box-sizing: border-box;
text-align: center;
object-fit: none;
width: 65%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.banner-applynow-btn {
background-color: var(--banner-yellow);
color: var(--black);
border-radius: 5px;
padding: 5px 28px;
font-family: Dm sans, sans-serif;
font-weight: 600;
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
}
.banner-applynow-btn.bg-white {
background-color: var(--white);
}
.banner-applynow-btn.bg-tomato {
background-color: var(--banner-tomato);
}
.banner-applynow-btn.mobile-btn {
display: none;
}
.button-4, .button-5 {
position: absolute;
bottom: 0;
left: 0;
}
.bold-text-13 {
font-weight: 800;
line-height: 40%;
}
.banner-phone.phone {
display: none;
}
.grid-container {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/681d5e3df46e2b50387b5664_grid%20BG.png");
background-position: 50%;
background-size: cover;
padding: 0;
}
.bold-text-14 {
color: #202124;
font-weight: 800;
line-height: 65%;
}
.bold-text-15 {
font-weight: 800;
line-height: 65%;
}
.bold-text-18, .bold-text-19 {
font-weight: 800;
line-height: 50%;
}
.bold-text-20 {
font-size: 106px;
font-weight: 800;
}
.bold-text-21 {
color: var(--banner-tomato);
font-weight: 800;
}
.bold-text-22 {
color: var(--banner-yellow);
font-size: 106px;
font-weight: 800;
}
.bold-text-23 {
color: var(--banner-yellow);
font-size: var(--banner-text-size);
font-weight: 800;
}
.bold-text-24 {
font-size: var(--banner-text-size);
font-weight: 800;
line-height: 65%;
}
.bold-text-25 {
color: var(--banner-yellow);
font-weight: 800;
}
.bold-text-26 {
color: var(--banner-yellow);
font-size: 106px;
}
.bold-help-text {
margin-top: 10px;
font-weight: 400;
}
.bold-help-text.bold-text {
font-weight: 400;
}
.text-align-center-copy {
text-align: center;
margin-top: 0;
}
.text-align-center-copy.grey {
color: var(--grey);
}
.text-align-center-copy.mwidth-960 {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
.text-align-center-copy.orange {
color: var(--tomato);
}
.text-align-center-copy.innovated {
text-align: center;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.text-align-center-copy.innovated.stories {
margin-top: 40px;
padding-top: 0;
}
.text-align-center-copy.donor {
margin-top: 140px;
}
.text-align-center-copy.donor.mobile {
margin-top: 40px;
}
.text-align-center-copy.cotb {
padding-bottom: 40px;
}
.text-align-center-copy.margin {
margin-top: 0;
}
.text-block-11, .text-block-12, .text-block-13, .text-block-14 {
line-height: 33px;
}
.grid-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 100px;
display: grid;
}
.text-wrapper {
padding-left: 0%;
}
.text-block-india-circle {
font-family: Dm sans, sans-serif;
font-size: 29px;
font-weight: 300;
line-height: 43px;
}
.text-block-india-circle.right-text-block {
vertical-align: baseline;
margin-left: 23%;
margin-right: 0;
display: inline-block;
}
.text-block-15 {
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 56px;
}
.new-navbar {
z-index: 10;
background-color: var(--white);
color: #4d4d4d;
width: 100vw;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
font-family: Dm sans, sans-serif;
text-decoration: none;
display: block;
position: fixed;
}
.new-button {
color: #fff;
text-align: center;
background-color: #e05b37;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 18px;
transition: background-color .2s;
}
.new-button:hover {
background-color: #b93e2b;
}
.new-button.medium {
background-color: var(--new-tomato);
border-radius: 8px;
padding: 10px 15px;
font-weight: 600;
}
.new-button.medium.consent {
background-color: #d05d4b;
}
.new-button.medium.consent:hover {
background-color: #b93e2b;
}
.new-button.medium.stay-connected {
text-transform: uppercase;
background-color: #d05d4b;
margin-top: 14px;
line-height: 130%;
}
.new-button.medium.stay-connected:hover {
background-color: #b93e2b;
}
.new-button.medium.new-color {
background-color: #d05d4b;
font-weight: 700;
}
.new-button.medium.new-color:hover {
background-color: #b93e2b;
}
.new-button.medium.new-color.hide-in-desktop {
display: none;
}
.home-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6821ce3967cd4a449cf0ec09_64b79c3396359e93a8f8c123774dc478_Landing%20page%20image.jpeg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 86vh;
}
.home-banner.ed-crisis {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/682aea172c04847a97622815_34a1bfa10d9bfed90eed7e2e3c3f9c13_ChennaiTFI5311.jpeg");
background-position: 50% 0;
}
.banner-heading {
color: var(--white);
font-family: Plus jakarta, sans-serif;
font-size: 52px;
font-weight: 700;
line-height: 128%;
display: block;
}
.banner-heading.heading-blue {
color: var(--deep-sky-blue);
}
.banner-heading.home-section {
margin-bottom: 7px;
}
.banner-heading.home-section.width {
width: 752px;
}
.banner-heading.home-section.width.text-color-black {
color: var(--new-black);
}
.heading-container {
width: auto;
font-family: Plus jakarta, sans-serif;
font-weight: 700;
}
.heading-container.center {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.heading-container.center.left {
align-items: flex-start;
margin-bottom: 20px;
}
.container {
padding-top: 80px;
}
.container.donate-page-padding {
padding-top: 105px;
}
.container.moment-page-padding {
padding-top: 120px;
}
.container.fellowship-page-padding {
padding-top: 60px;
}
.container.ed-crisis-page-padding {
padding-top: 120px;
}
.hr {
background-color: var(--new-tomato);
width: 460px;
height: 3px;
}
.hr.white-hr {
background-color: #cdcdcd;
width: 266px;
height: 1px;
}
.hr.ed-crisis-hr {
width: 283px;
}
.hr.ed-crisis-hr.center-hr {
width: 230px;
margin-left: auto;
margin-right: auto;
}
.hr.what-we-do-hr {
width: 180px;
}
.hr.power-movement-hr {
width: 217px;
}
.hr.who-we-are-hr {
width: 180px;
}
.hr.soluion-hr {
width: 205px;
}
.hr.where-teach-hr {
width: 274px;
}
.hr.where-teach-hr.one_fellowship {
width: 205px;
}
.hr.why-fellow-hr {
width: 209px;
}
.hr.impact-page, .hr.about-page {
width: 305px;
}
.navbar-space {
height: 90px;
}
.new-section-home-ed-crisis.black-section-for-ed-crisis.hide-in-desktop, .new-section-home-ed-crisis.hide-in-desktop {
display: none;
}
.heading-with-hr {
padding-bottom: 30px;
}
.heading-with-hr.center-heading {
margin-left: auto;
margin-right: auto;
}
.heading-with-hr.margin-bottom {
padding-bottom: 0;
}
.heading-with-hr.less-bottom-margin {
padding-bottom: 20px;
}
.heading-with-hr.less-bottom-margin.cell-hide-mobile {
padding-bottom: 15px;
}
.heading-with-hr.less-bottom-margin.cell-hide-desktop {
display: none;
}
.heading-with-hr.solution-text {
padding-bottom: 0;
}
.heading-with-hr.extra-margin-bottom {
margin-bottom: 10px;
}
.heading-with-hr.center {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.heading-h2 {
color: var(--new-black-heading);
margin-bottom: 0;
padding-bottom: 10px;
font-family: Plus jakarta, sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 128%;
}
.heading-h2.center-heading {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.heading-h2.white-text {
color: var(--white);
}
.heading-h2.white-text.margin-top {
margin-top: -8px;
padding-bottom: 5px;
}
.heading-h2.power-moment-heading {
margin-top: -12px;
padding-right: 160px;
}
.heading-h2.solution-text {
padding-bottom: 0;
font-size: 60px;
}
.heading-h2.solution-text.less-line-height {
line-height: 107%;
}
.heading-h2.black-text {
color: var(--dark-black);
}
.ed-crisis-grid {
grid-column-gap: 34px;
grid-row-gap: 34px;
grid-template-rows: auto;
}
.right-grid-container {
background-color: var(--new-black);
padding: 20px 60px;
}
.right-grid-container.hide-in-mobile {
text-align: left;
margin-top: 7px;
padding: 20px 30px 20px 40px;
display: block;
}
.ed-crisis-text {
color: var(--dark-black);
padding-right: 20px;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.ed-crisis-text.power-moment-text {
padding-right: 20px;
font-family: Dm sans, sans-serif;
}
.link-8 {
font-family: Plus jakarta, sans-serif;
font-weight: 700;
line-height: 130%;
text-decoration: none;
}
.blue-text {
color: var(--deep-sky-blue);
}
.ed-crisis-image-container {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6821cf28da56e8ff57b5932c_The%20Ed%20crisis%20image.png");
background-position: 50%;
background-size: cover;
width: auto;
height: 448px;
max-height: 67%;
}
.link-container {
margin-top: 20px;
margin-bottom: 20px;
}
.link-container.less-margin {
margin-top: 10px;
margin-bottom: 10px;
}
.link-container.center {
justify-content: center;
align-items: center;
margin-top: 30px;
margin-bottom: 30px;
display: flex;
}
.ed-crisis-data-container {
margin-bottom: 30px;
display: block;
}
.ed-crisis-data-heading {
color: var(--new-tomato);
margin-bottom: 10px;
padding-bottom: 0;
font-family: Plus jakarta, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 128%;
}
.ed-crisis-data-text {
color: var(--white);
}
.ed-crisis-data-text.margin-bottom {
margin-bottom: 10px;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.ed-crisis-data-text.margin-bottom.margin-top {
margin-top: 38px;
text-decoration: none;
}
.ed-crisis-data-text.margin-bottom.margin-top.bold {
font-weight: 700;
}
.why-we-exist-circle-container {
z-index: 0;
background-color: var(--new-blue);
flex-flow: row;
justify-content: center;
align-items: flex-end;
min-height: 24vw;
max-height: 24vw;
display: flex;
position: relative;
top: -170px;
overflow: hidden;
}
.circle {
background-color: #fff;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
justify-content: center;
align-items: flex-end;
min-width: 104vw;
height: 35vw;
display: flex;
overflow: hidden;
}
.circle.why-we-exist {
justify-content: center;
align-items: flex-end;
min-width: 104vw;
height: 260%;
}
.circle.ed-crisis {
min-width: 130vw;
height: 100%;
}
.circle.ed-crisis.these_leader {
min-width: 180vw;
}
.circle.home-page {
height: 27vw;
}
.circle.home-page.bg-gray {
background-color: var(--white-smoke-2);
}
.section-why-we-exist {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6821873a0472df0693d39768_circle%20blue.png");
background-position: 50%;
background-repeat: repeat;
background-size: 100vw;
background-attachment: fixed;
height: 370px;
overflow: hidden;
}
.why-we-exist-text {
color: var(--dark-black);
text-align: center;
padding-left: 140px;
padding-right: 140px;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
position: static;
top: 20px;
}
.why-we-exist-text.white-text.text-hide-desktop {
display: none;
}
.section-who-we-are.bg-blue {
background-color: var(--new-blue);
}
.grid-who-we-are {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template: "Area Area Area"
". . ."
". . ."
/ 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-cell-3 {
background-color: #0ebee0;
border: 4px solid #0ebee0;
height: 15vw;
max-height: 190px;
overflow: visible;
}
.text-block-16 {
color: #fff;
font-size: 4.5vw;
font-weight: 500;
line-height: 3.5vw;
}
.div-block-109 {
border: .4vw solid #d14a25;
max-width: 45%;
margin-top: 1vw;
}
.text-block-17 {
color: #fff;
padding-top: 1vw;
padding-bottom: 1vw;
font-size: 1.7vw;
line-height: 2.2vw;
}
.grid-cell {
border: 5px solid #0ebee0;
min-width: auto;
max-width: none;
height: 15vw;
min-height: auto;
max-height: 190px;
}
.grid-cell.hide {
display: block;
}
.grid-cell.arrow-cell {
position: relative;
}
.why-we-exist-circle-wrapper {
background-color: var(--new-blue);
overflow: visible;
}
.who-we-are-text {
color: var(--white);
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.up-arrow {
border-top: 16px solid var(--arrow-yellow);
border-right: 16px solid var(--arrow-yellow);
width: 48px;
height: 48px;
position: static;
bottom: 0;
}
.up-arrow.position-1 {
position: absolute;
bottom: 20px;
left: 20px;
}
.up-arrow.position-1.mobile-arrow {
display: none;
}
.up-arrow.bigger-arrow {
border-top-width: 32px;
border-right-width: 32px;
width: 100px;
height: 100px;
}
.up-arrow.bigger-arrow.position-2 {
border-top-width: 43px;
border-right-width: 43px;
width: 125px;
height: 125px;
position: absolute;
top: 20px;
bottom: auto;
right: 20px;
}
.up-arrow.bigger-arrow.position-2.mobile-arrow {
display: none;
}
.div-block-110 {
padding-top: .3125rem;
padding-bottom: .3125rem;
display: inline-block;
}
.dropdown-list {
background-color: var(--yellow);
}
.dropdown-list.w--open {
z-index: 5;
background-color: var(--white);
color: var(--dark-black);
width: 250px;
padding: 45px 20px 20px;
line-height: 130%;
top: 28px;
right: -98px;
}
.dropdown {
padding-bottom: 2px;
font-family: Dm sans, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 18px;
display: block;
}
.dropdown.hide-in-desktop {
display: none;
}
.dropdown-toggle {
padding: .3125rem 20px .3125rem 0;
}
.dropdown-toggle.hover {
color: var(--dark-black);
}
.dropdown-toggle.hover:hover {
color: var(--new-blue);
}
.faq1_icon2 {
margin-right: 0;
font-weight: 700;
position: static;
}
.hover:hover {
color: var(--new-blue);
}
.hover.drop-down {
font-weight: 500;
line-height: 130%;
}
.flipcard-container {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.flipcard {
background-color: var(--new-green);
backface-visibility: visible;
width: 100%;
min-height: 394px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
position: absolute;
}
.flipcard.back {
backface-visibility: hidden;
transform-style: preserve-3d;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.image-container {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6746d1fcf884058fdd902a74_crop%20Website%20images-04.jpg");
background-position: 50%;
background-size: cover;
height: 330px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.image-container.the-teach-for-india-fellowship {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6822fc2d5071862ae93125b1_Sac_130%20(1)%201.png");
}
.image-container.the-alumni-movement {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6822fc2d08e3d097e15a8a4b_TFI%20Website%2022-04-25%201.png");
}
.image-container.movement-building {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6822fd6a7bb699290762ec7d_75.png");
}
.text-container {
justify-content: center;
align-items: center;
height: 59px;
display: flex;
}
.text-container.back {
justify-content: flex-start;
align-items: center;
padding-left: 20px;
}
.flipcard-text {
color: var(--white);
font-family: Dm sans, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 130%;
text-decoration: none;
display: inline;
}
.flipcard-text.blue {
color: var(--new-blue);
}
.flipcard-text.blue.bold-text {
font-weight: 700;
}
.flipcard-text.text-medium {
color: var(--new-black-heading);
font-size: 21px;
font-weight: 500;
}
.flipcard-text.bold {
font-size: 21px;
font-weight: 700;
}
.flipcard-text.black {
color: var(--dark-black);
}
.flipcard-text.orange {
color: #e15442;
font-size: 21px;
}
.flipcard-text.pink {
color: #de647c;
}
.flipcard-wrapper {
height: 394px;
position: relative;
}
.flip-text-container {
height: 330px;
padding: 20px;
}
.flip-text {
color: var(--new-black-heading);
font-size: 30px;
font-weight: 500;
line-height: 130%;
}
.right-arrow-icon {
margin: 0 0 0 -12px;
font-size: 16px;
position: static;
transform: rotate(-90deg);
}
.right-arrow-icon.margin-left {
margin-left: 5px;
}
.right-arrow-icon.margin-left.black {
color: var(--dark-black);
font-family: Dm sans, sans-serif;
}
.right-arrow-icon.margin-left.orange {
color: #e15442;
font-size: 21px;
}
.link-with-arrow-flip {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--white);
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
font-size: 21px;
line-height: 130%;
text-decoration: none;
display: flex;
}
.flipcard-animation-wrapper {
height: 394px;
position: relative;
}
.what-we-do-pairagraph-container {
justify-content: center;
align-items: center;
padding-top: 40px;
font-size: 30px;
font-weight: 500;
line-height: 130%;
display: flex;
}
.what-we-do-pairagraph {
color: var(--new-black-heading);
text-align: center;
width: 700px;
}
.power-moment-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.right-image-container {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6821d17ea9672e77dba9aaab_Power%20of%20our%20movement.png");
background-position: 50%;
background-size: cover;
height: 417px;
}
.link-with--arrow {
justify-content: flex-start;
align-items: center;
font-weight: 700;
line-height: 130%;
text-decoration: none;
display: inline-flex;
}
.link-with--arrow.pink-text {
color: #de647c;
}
.image-container-mobile {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/67456196d6fc38dbf072e37f_new%20Website%20images-02.jpg");
background-position: 50%;
background-size: cover;
display: none;
}
.section-our-north-star {
background-color: var(--arrow-yellow);
}
.row-one {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.row-two {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.number-cell {
flex-flow: column;
justify-content: center;
align-items: center;
padding: 10px;
display: flex;
}
.number-cell.left-adding {
padding-left: 140px;
}
.number-cell.right-padding {
padding-right: 140px;
}
.number-heading {
color: var(--new-blue);
font-family: Plus jakarta, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 128%;
display: block;
}
.number-heading.number-section {
vertical-align: baseline;
display: inline;
}
.number-text {
color: var(--new-black);
text-align: center;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.achieving-heading {
color: var(--new-tomato);
text-align: center;
font-family: Dm sans, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 130%;
}
.achieving-text {
color: var(--new-black-heading);
text-align: center;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.achieving-text.text-bold {
font-weight: 700;
}
.north-star-grid-container {
grid-column-gap: 75px;
grid-row-gap: 75px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.north-star-image-container {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6821d207eae7931dc810c787_North%20Star.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 460px;
position: relative;
}
.north-star-arrow {
border-top: 50px solid var(--new-blue);
border-right: 50px solid var(--new-blue);
width: 150px;
height: 150px;
position: absolute;
top: -25px;
right: -25px;
}
.north-star-container {
padding-top: 20px;
}
.north-star-text {
color: var(--new-black-heading);
font-size: 30px;
font-weight: 500;
line-height: 130%;
}
.get-involved-card-container {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.get-involved-card {
height: 400px;
}
.get-involved-image-container {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/66b3055ffb639648e3ff1d73_Asset%201.png");
background-position: 50%;
background-size: cover;
height: 80%;
}
.get-involved-image-container.join-the-fellowship {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6821d3a4610ea61da831884d_Join%20the%20fellowship.png");
}
.get-involved-image-container.donate {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6821d3a4f02ed597234246e6_Donate.png");
}
.get-involved-image-container.volunteer {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6821d3a4107f75d18379572b_Volunteer.png");
}
.get-involved-image-container.work-with-us {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6821d3a5880e1bac29508b5b_Work%20with%20Us.png");
}
.get-involved-text-container {
background-color: var(--new-green);
justify-content: center;
align-items: center;
height: 20%;
padding: 5px;
display: flex;
}
.get-involved-text {
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.get-involved-button {
background-color: var(--new-green);
color: var(--dark-black);
text-align: center;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
font-size: 21px;
font-weight: 500;
line-height: 130%;
text-decoration: none;
display: flex;
}
.get-involved-button.hover:hover {
background-color: var(--white);
color: var(--new-black);
}
.section-why-we-exist2 {
width: auto;
height: auto;
position: static;
overflow: visible;
}
.circle-container {
background-color: #e15542;
width: 100%;
overflow: hidden;
}
.circle-container.size {
justify-content: center;
align-items: flex-end;
height: 160px;
display: flex;
position: static;
}
.circle-container.size.why-we-exist {
background-color: var(--new-blue);
height: 250px;
}
.circle-container.size.circle-with-image {
height: 831px;
}
.circle-container.size.circle-with-image.these_leader {
height: 1200px;
}
.circle-container.size.circle-with-image.fellowship-page-height {
height: 579px;
}
.circle-container.size.fellowship {
background-color: var(--arrow-yellow);
height: 200px;
}
.circle-container.size.fellowship.donate {
background-color: var(--arrow-yellow);
height: 300px;
overflow: hidden;
}
.circle-container.size.fellowship.donate.orange {
background-color: #e15542;
}
.circle-container.size.fellowship.donate.height {
height: 13vw;
min-height: 220px;
}
.new-footer {
background-color: var(--white);
}
.new-footer-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-links-container {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-stay-connected-container {
background-color: var(--white);
border-radius: 5px;
padding: 20px;
}
.footer-logo-text {
color: var(--white);
width: 386px;
padding-top: 10px;
padding-bottom: 110px;
font-size: 25px;
font-weight: 500;
line-height: 130%;
}
.social-icon-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: flex-end;
display: flex;
}
.icon-link-wrapper {
padding-right: 0;
}
.stay-connected-heading {
color: #e15542;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 10px;
font-family: Plus jakarta, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 130%;
}
.stay-connected-text {
font-weight: 500;
line-height: 130%;
}
.stay-connected-input {
color: #787878;
background-color: #fff8ed;
border-radius: 5px;
margin-top: 20px;
font-size: 16px;
font-weight: 500;
line-height: 130%;
}
.footer-circle-image {
width: 100vw;
}
.why-we-exist-circle {
width: 100%;
max-width: none;
}
.footer-new-logo {
width: 250px;
}
.width-container-for-footer-text {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 10px 0;
}
.grid-container-second-half-phone {
display: none;
}
.page-padding-3 {
color: #202124;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: block;
}
.page-padding-3.new {
z-index: 3;
width: 100%;
position: absolute;
}
.hr-2 {
background-color: #d05d4b;
width: 460px;
height: 3px;
}
.hr-2.ed-crisis-home-section {
width: 376px;
}
.hr-2.fellowship-home-section-hr {
width: 274px;
}
.hr-2.programs-heading {
width: 156px;
}
.hr-2.programs-heading.we-believe {
width: 205px;
}
.hr-2.programs-heading.we-believe.black-hr {
background-color: var(--new-black);
}
.hr-2.faq-section {
width: 370px;
}
.hr-2.donors {
width: 226px;
}
.hr-2.donate-page {
width: 305px;
}
.hr-2.join-the-india {
width: 274px;
}
.hr-2.our-student {
width: 327px;
}
.hr-2.our-fellows {
width: 531px;
}
.hr-2.our-history {
width: 211px;
}
.hr-2.theory {
width: 384px;
}
.blue-text-2 {
color: #0ebee0;
}
.banner-heading-2 {
color: #fff;
font-family: Plus jakarta, sans-serif;
font-size: 52px;
font-weight: 700;
line-height: 128%;
display: block;
}
.banner-heading-2.home-section {
margin-bottom: 7px;
}
.banner-heading-2.home-section.black_text {
color: var(--new-black);
}
.banner-heading-2.home-section.black_text.small-heading {
font-size: 35px;
}
.banner-heading-2.home-section.center {
text-align: center;
font-size: 35px;
line-height: 107%;
}
.banner-heading-2.home-section.impact-width {
width: 800px;
}
.banner-heading-2.black-text {
color: var(--new-black);
font-size: 35px;
}
.banner-heading-2.black-text.hide-in-desktop {
display: none;
}
.banner-heading-2.black-text.large-text {
font-size: 40px;
}
.paragraph-text {
color: var(--dark-black);
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.paragraph-text.crisis-inequity {
color: var(--white);
}
.paragraph-text.crisis-inequity.every-child {
margin-bottom: 20px;
font-size: 30px;
line-height: 123%;
}
.paragraph-text.fellowship {
text-align: center;
}
.section-crisis-inequity {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/682aea171d65fc2a971bd19e_1%20(3)%201%20(1)%20(1).png");
background-position: 50%;
background-size: cover;
height: 86vh;
}
.space {
height: 70px;
}
.solution-container {
padding-top: 60px;
padding-bottom: 60px;
}
.solution-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: .5fr 1.5fr;
grid-auto-columns: 1fr;
display: grid;
}
.section-every-child {
height: auto;
}
.curved-image-container {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/682aea16870019d54a7a213b_CopyofIMG_04101.jpeg");
background-position: 50% 0;
background-size: cover;
width: 100vw;
height: 100%;
}
.curved-image-container.fellowship-alumin {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6852a191175ededfb3763be6_5fb7dd7994af446b3bcc6931b66d5cff_join_5000.png");
background-position: 0 0;
}
.curved-image-container.these_leader {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6858e3c7298489d35b17b6bd_These_Leader.png");
height: 100%;
}
.curved-image-container.impact-page {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63e35fae6ea34d4777c34667_23.png");
background-position: 50%;
background-size: cover;
}
.every-child-container {
width: 516px;
margin-top: 50px;
}
.text-span-17 {
color: #e15442;
}
.section-hunger-index-animation {
padding-bottom: 60px;
}
.timeline {
white-space: nowrap;
width: 312rem;
padding-left: 37rem;
position: relative;
overflow: visible;
}
.height-lock-scroll {
z-index: 20;
margin-top: -100vh;
position: relative;
}
.vertical-curved-arrow {
position: absolute;
top: 0;
bottom: 4rem;
right: 0;
}
.corner-curved-arrow {
width: 4rem;
height: 4rem;
position: absolute;
bottom: 0;
right: 0;
overflow: hidden;
}
.text-l {
color: var(--dark-black);
font-family: Dm sans, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 130%;
}
.sticky-extension-lock-sroll {
height: 0;
}
.arrow-timeline {
transform-origin: 0 100%;
width: 6rem;
height: 100vw;
position: absolute;
bottom: 100%;
transform: rotate(90deg);
}
.arrow-2 {
line-height: 1;
}
.item-wrapper-timeline {
transform-origin: 0%;
display: inline-block;
}
.item-wrapper-timeline._1 {
vertical-align: baseline;
}
.grid-10 {
grid-column-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.line-progress {
background-color: #0f243e;
height: .25rem;
transform: translate(-25%);
}
.line-progress.is-timeline {
background-color: var(--new-blue);
}
.item-timeline {
color: #0f243ea3;
white-space: normal;
vertical-align: baseline;
width: 37rem;
margin-right: 10rem;
padding-top: 0;
padding-bottom: 0;
padding-right: 8rem;
display: inline-block;
}
.item-timeline._3 {
margin-right: 0;
}
.item-timeline._2 {
padding-right: 22rem;
}
.vs-2xl {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: auto;
display: grid;
}
.vs-2xl.extra-width {
width: 470px;
}
.curve-curved-arrow {
border: .125rem solid #0f233e3d;
border-radius: 50%;
width: 8rem;
height: 8rem;
position: absolute;
bottom: 0;
right: 0;
}
.wrapper-container {
width: 100%;
padding-left: 6rem;
padding-right: 6rem;
}
.arrow-wrapper-timeline {
height: 6rem;
position: relative;
}
.head-arrow {
color: #0f243e3d;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.progress {
width: 100%;
position: relative;
top: -.25rem;
}
.progress-timeline {
width: 32rem;
position: absolute;
top: 100%;
left: 6rem;
}
.sticky-lock-scroll {
z-index: 1;
position: sticky;
top: 60px;
overflow: visible;
}
.container-4 {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
}
.height-item-lock-scroll {
height: 100vh;
}
.height-item-lock-scroll._50vh {
height: 0;
}
.line-mask-progress {
position: absolute;
left: 0;
right: 0;
overflow: hidden;
}
.horizontal-curved-arrow {
position: absolute;
bottom: 0;
left: 0;
right: 4rem;
}
.curved-arrow {
width: 100%;
height: 100%;
position: absolute;
}
.wrapper-curved-arrow {
width: 100%;
height: 100%;
}
.page {
position: relative;
}
.section-7 {
padding-top: 12rem;
padding-bottom: 12rem;
position: relative;
overflow: hidden;
}
.section-7.is-timeline {
align-items: center;
min-height: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
overflow: hidden;
}
.line-2 {
background-color: #0f243e3d;
}
.line-2.is_-horizontal {
width: 100%;
height: .125rem;
}
.line-2.is_-vertical {
width: .125rem;
height: 100%;
}
.scroll-heading {
color: #e15442;
margin-bottom: 0;
font-family: Plus jakarta, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 128%;
}
.code-embed {
display: none;
}
.section-unique--fellowship {
position: static;
}
.grid-container-felloship {
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
margin-bottom: 0;
display: grid;
position: relative;
top: 0;
}
.yt-video-container {
justify-content: center;
padding-left: 120px;
padding-right: 120px;
display: flex;
position: relative;
top: 60px;
}
.video-title-container {
position: relative;
top: 90px;
}
.circle-inside-container {
width: 100vw;
padding-bottom: 100px;
}
.text-block-18 {
font-family: Plus jakarta, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 128%;
}
.text-span-18 {
color: var(--new-blue);
}
.fellowship-page-text {
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.fellowship-page-text.why-fellow {
width: 700px;
}
.fellowship-page-text.fellow-card {
margin-top: 20px;
font-size: 18px;
}
.animation-wrapper {
height: 78px;
overflow: hidden;
}
.animation-text {
color: #e15442;
width: 600px;
height: 78px;
font-family: Dm sans, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 130%;
}
.section-where-teach {
background-color: #ffd13c;
}
.where-teach-grid-wrapper {
grid-column-gap: 53px;
grid-row-gap: 28px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-bottom: 60px;
display: grid;
}
.where-teach-image-container {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6822fd6a7bb699290762ec7d_75.png");
background-position: 50%;
background-size: cover;
width: 605px;
height: 414px;
margin-top: 10px;
}
.where-teach-text {
color: var(--dark-black);
width: 390px;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.where-teach-text.text-center {
text-align: center;
width: auto;
}
.where-teach-list-item {
color: var(--dark-black);
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.where-teach-list-item.margin-bottom {
margin-bottom: 20px;
list-style-type: disc;
}
.grid-where-teach {
grid-column-gap: 25px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
display: grid;
}
.number-continer {
margin-bottom: 10px;
}
.grid-text {
font-family: Dm sans, sans-serif;
}
.number-circle {
background-color: var(--white);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
display: flex;
}
.text-block-20 {
color: var(--new-black);
font-family: Dm sans, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 130%;
}
.highlighted-text {
color: #e15442;
font-weight: 700;
}
.section-one-fellowship {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6852a191dea2364052bd24f2_one_fellowship.png");
background-position: 0%;
background-size: cover;
height: 365px;
}
.one-fellowship-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 100px;
display: grid;
}
.one-fellowship-grid.one_fellowship {
padding-top: 40px;
}
.why-fellow-grid-container {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 30px;
display: grid;
}
.why-fellow-card {
width: 280px;
height: 322px;
padding: 20px 18px;
box-shadow: -1px -1px 10px #0003, 1px 9px 16px #0003;
}
.why-fellow-card.hover {
box-shadow: -1px -1px 10px #0003, 1px 9px 16px #0003;
}
.why-fellow-card.hover:hover {
background-color: #bbc650;
}
.why-fellow-text, .why-fellow-text:hover {
color: var(--new-black);
}
.why-fellow-heading {
color: #e15442;
font-family: Plus jakarta, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 128%;
}
.why-fellow-heading.hover:hover {
color: var(--white);
}
.join-alumni-text {
margin-bottom: 30px;
font-family: Dm sans, sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 123%;
}
.section-home {
height: 815px;
overflow: hidden;
}
.section-home.narrow_width {
height: 86vh;
max-height: none;
overflow: hidden;
}
.section-home.narrow_width.moment-page {
height: 815px;
}
.section-home.narrow_width.less-height {
height: 81vh;
}
.section-home.donate-page-size {
height: 805px;
}
.section-home.fellwship-height {
height: 490px;
}
.section-home.ed-crisis-height, .section-home.impact-page {
height: 815px;
}
.section-home.about-page {
height: 750px;
}
.bg-wrapper {
width: 100%;
height: auto;
position: relative;
}
.bg-wrapper.narrow_width {
height: auto;
max-height: none;
}
.lqip-image {
z-index: 1;
width: 100%;
max-width: none;
height: auto;
position: absolute;
top: 0;
left: 0;
}
.lqip-image.mobile {
display: none;
}
.bg-highres {
z-index: 2;
opacity: 0;
width: 100%;
max-width: none;
height: auto;
transition: opacity .5s ease-in-out;
position: absolute;
top: 0;
left: 0;
}
.bg-highres.mobile, .phone-line {
display: none;
}
.image-18 {
margin-bottom: -4px;
}
.small-card {
border: 1px solid #000;
border-radius: 10px;
justify-content: center;
align-items: center;
height: 114px;
padding: 0 18px;
display: flex;
}
.paragraph-41 {
line-height: 32%;
}
.paragraph-42 {
text-align: center;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.testimonial_section {
background-color: #ffd13c;
height: 250vw;
}
.section_gap {
padding-top: 50px;
padding-bottom: 50px;
}
.section_gap.sticky {
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.container-5 {
width: 100%;
max-width: 1200px;
padding-left: 20px;
padding-right: 20px;
}
.container-5.sticky {
padding-left: 0;
padding-right: 0;
position: sticky;
top: 150px;
}
._2_column_block {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: space-between;
display: flex;
overflow: clip;
}
._2_column_block.testimonial {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: flex-start;
align-items: flex-start;
line-height: 26px;
overflow: visible;
}
.testimonial_heading_wrapper {
flex-flow: column;
align-items: flex-start;
width: 100%;
max-width: 430px;
display: block;
}
.testimonial_block {
grid-column-gap: 20px;
grid-row-gap: 20px;
width: 100%;
max-width: 850px;
display: flex;
}
.testimonial_number_wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.testimonial_no {
color: var(--white);
text-align: left;
font-family: Plus jakarta, sans-serif;
font-size: 55px;
font-weight: 700;
line-height: 128%;
}
.testimonial_no.hide_in_desktop {
display: none;
}
.testimonial_divider {
color: #5f5f5f;
background-color: #dfdfdf;
width: 1px;
font-family: Dm sans, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 28px;
display: none;
}
.testimonial_divider.hide {
background-color: #5a5a5a;
display: block;
}
.testimonial_wrapper {
color: #5f5f5f;
width: 100%;
max-width: 706px;
font-family: Dm sans, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 28px;
position: relative;
}
.testimonial_card_wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
width: 100%;
padding-left: 13px;
display: flex;
position: absolute;
top: 0%;
left: 0%;
}
.testimonial_card_wrapper.no_1 {
opacity: 0;
}
.testimonial_card_wrapper.no_2 {
opacity: 0;
top: 100px;
}
.testimonial_card_wrapper.no_3 {
opacity: 0;
top: 170px;
}
.testimonial_card_wrapper.no_4 {
opacity: 0;
top: auto;
bottom: 80px;
}
.testimonial_card_wrapper.no_5 {
opacity: 0;
top: auto;
bottom: 0;
}
.testimonial_card_wrapper.no_6 {
top: auto;
bottom: 0%;
}
.what_we_do_animation_text {
opacity: .9;
color: var(--new-black);
font-size: 21px;
font-weight: 500;
line-height: 130%;
display: block;
}
.image-19 {
display: inline-block;
}
.bold_red_text {
color: #e15442;
font-weight: 700;
}
.bold_red_text.pink {
color: #de647c;
}
.what_we_do_grid, .wht_we_do-section_mobile {
display: none;
}
.tfi_build_section {
background-color: var(--new-blue);
}
.tfi_para_white {
color: var(--white);
text-align: center;
margin-bottom: 40px;
padding-left: 100px;
padding-right: 100px;
font-family: Dm sans, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 128%;
}
.tfi_para_black {
text-align: center;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.these_leader_text {
color: var(--white);
width: 60vw;
font-family: Dm sans, sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 123%;
}
.each_program_text {
text-align: center;
font-family: Dm sans, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 128%;
}
.bold_color_text {
color: #e15442;
font-weight: 700;
}
.we_believe_section {
background-color: var(--new-green);
}
.slider_nav {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.slider_nav.left {
justify-content: flex-end;
}
.slider_nav.left.hide {
display: none;
}
.slider_nav.padding-left {
padding-left: 220px;
}
.col {
flex: 1;
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
.col.col-shrink {
flex: 0 auto;
}
.col.col-shrink.u-mb-0 {
width: 594px;
margin-bottom: auto;
padding-left: 0;
padding-right: 0;
}
.col.col-shrink.u-mb-0.extra-width {
width: 418px;
}
.row {
flex-wrap: wrap;
align-content: stretch;
margin-bottom: -40px;
margin-left: -20px;
margin-right: -20px;
display: flex;
}
.row.row-justify-center {
justify-content: center;
}
.row.row-justify-center.u-mb-0 {
z-index: 4;
grid-column-gap: 37px;
grid-row-gap: 37px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1200px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
display: grid;
position: absolute;
top: 150px;
}
.row.row-justify-center.u-mb-0.little-down {
top: 170px;
}
.slider_nav-link {
background-color: var(--white);
color: #1d1c1a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
transition: color .2s cubic-bezier(.165, .84, .44, 1), background-color .2s cubic-bezier(.165, .84, .44, 1);
display: flex;
}
.slider_nav-link:hover {
background-color: #de647c;
}
.slider_nav-link.border {
border: 1px solid #000;
}
.slider_nav-link.border:hover {
border-color: #de647c;
}
.carousel_container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
display: block;
position: relative;
overflow: hidden;
}
.carousel_container.less-padding {
padding-bottom: 0;
}
.slider_nav-arrow {
width: 27px;
height: 22px;
line-height: 0;
}
.testimonial-slider_center {
background-color: var(--white);
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 40px;
display: flex;
box-shadow: 5px 10px 5px #0003;
}
.h2-2 {
margin-top: 0;
margin-bottom: .3em;
font-size: 3.8rem;
font-weight: 500;
line-height: 1.1;
}
.h2-2.u-mb-1 {
font-family: Dm sans, sans-serif;
font-size: 21px;
line-height: 130%;
}
.eyebrow {
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 1.5em;
font-size: .8rem;
font-weight: 700;
}
.carousel_heading_name {
text-transform: capitalize;
font-family: Dm sans, sans-serif;
font-size: 35px;
line-height: 128%;
}
.div-block-112 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-21 {
display: none;
}
.container-6 {
width: 90%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.section-8 {
padding-top: 8rem;
padding-bottom: 8rem;
position: relative;
}
.section-8.cc-testimonials {
flex-direction: column;
justify-content: center;
min-height: 100vh;
display: flex;
}
.testimonial-slider_center-2 {
text-align: center;
flex-direction: column;
justify-content: center;
width: 90%;
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.h2-3 {
margin-top: 0;
margin-bottom: .3em;
font-size: 3.8rem;
font-weight: 500;
line-height: 1.1;
}
.these_leader_cntainer {
width: 60vw;
margin-top: 46%;
}
.card_container {
opacity: .35;
transition: transform .3ms;
transform: scale(.65);
}
.tab-cntainer {
grid-column-gap: 45px;
grid-row-gap: 45px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
display: grid;
}
.tab-wrapper {
padding-top: 20px;
}
.tab-text {
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.tab-text.heading {
color: var(--dark-black);
margin-top: 20px;
margin-bottom: 20px;
font-family: Plus jakarta, sans-serif;
font-weight: 500;
}
.tab-text.heading.firki {
margin-top: 10px;
}
.tab-text.heading.gr {
margin-top: 0;
}
.tab-text.small-text-size {
font-size: 16px;
}
.youtube-3 {
margin-bottom: 20px;
}
.text-span-19 {
font-weight: 700;
}
.tabs-menu {
justify-content: space-between;
margin-bottom: 0;
display: flex;
}
.tab-name {
text-align: center;
font-family: Plus jakarta, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 128%;
}
.tab-link-tab-1 {
color: var(--new-black);
background-color: #fff0;
}
.tab-link-tab-1.w--current {
color: var(--tab_heading);
cursor: pointer;
background-color: #fff0;
}
.tab-link-tab-2 {
color: var(--new-black);
cursor: pointer;
background-color: #fff0;
}
.tab-link-tab-2.w--current {
color: var(--tab_heading);
background-color: #0000;
}
.tab-link-tab-3 {
color: var(--new-black);
background-color: #fff0;
}
.tab-link-tab-3.w--current {
color: #de647c;
background-color: #0000;
font-family: Dm sans, sans-serif;
}
.tab-link-tab-4 {
color: var(--new-black);
background-color: #0000;
}
.tab-link-tab-4.w--current {
color: var(--tab_heading);
background-color: #0000;
}
.tab-link-tab-5 {
color: var(--new-black);
background-color: #fff0;
}
.tab-link-tab-5.w--current {
color: var(--tab_heading);
background-color: #0000;
}
.tab-hr {
background-color: #cfcfcf;
height: 1px;
}
.image-22 {
position: absolute;
top: 4px;
left: auto;
}
.image-22.tab3 {
left: 595px;
}
.image-22.tab2 {
left: 335px;
}
.image-22.tab1 {
left: 95px;
}
.image-22.tab4 {
left: auto;
right: 350px;
}
.image-22.tab5 {
right: 120px;
}
.tab-pane-tab-3 {
background-color: #0000;
}
.replace-text, .icon-3 {
font-weight: 700;
}
.center-heading-container {
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.center-heading-container.center-button {
margin-bottom: 0;
}
.center-heading-container.less-margin.margin-bottom, .center-heading-container.donors {
margin-bottom: 20px;
}
.image-23 {
margin-left: 0;
}
.image-24 {
margin-left: -11px;
}
.image-25 {
margin-left: -2px;
}
.image-26 {
margin-left: 0;
}
.swiper {
width: 100%;
height: auto;
padding-bottom: 20px;
position: relative;
overflow: visible;
}
.swiper.padding {
padding-bottom: 20px;
}
.swiper.padding.less-padding {
padding-bottom: 0;
}
.swiper-wrapper {
display: flex;
}
.swiper-slide {
justify-content: center;
align-items: center;
width: 30vw;
min-width: auto;
display: flex;
}
.swiper-slide.custom-slide-style {
width: 594px;
}
.swiper-slide.custom-slide-style.width-auto {
width: auto;
}
.swiper-slide.custom-slide-style.width-100vw {
width: 1200px;
}
.card {
background-color: var(--white);
opacity: .35;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 60px;
transition: opacity .3s;
display: flex;
transform: scale(.65);
box-shadow: 1px 9px 16px #0003;
}
.card.no-padding {
flex-flow: column;
width: 100%;
padding: 0;
}
.card.no-padding.no-shadows {
box-shadow: none;
}
.animation-heading {
font-family: Dm sans, sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 128%;
}
.animation-heading.white {
color: var(--white);
font-size: 30px;
}
.animation-disc {
color: var(--dark-black);
text-align: center;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 130%;
}
.animation-disc.left {
text-align: left;
}
.tab-image {
margin-bottom: 20px;
}
.donate-text {
text-align: center;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 128%;
}
.donate-text.question {
margin-top: 40px;
font-family: Plus jakarta, sans-serif;
font-size: 40px;
font-weight: 700;
}
.donate-text.left-align {
text-align: left;
padding-top: 4px;
}
.donate-text.white-text {
color: var(--white);
text-align: left;
width: 60%;
margin-top: 0;
}
.donate-text.white-text.width {
width: 67%;
}
.donate-text.padding {
padding-left: 100px;
padding-right: 100px;
font-size: 21px;
}
.donate-text.hide-in-desktop {
display: none;
}
.bold_blue {
color: var(--new-blue);
font-size: 30px;
font-weight: 700;
}
.bold_blue.text-size-regular {
font-size: 21px;
}
.join-the-india-container {
background-color: var(--arrow-yellow);
}
.join-the-india-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 50px;
display: grid;
}
.join-the-india-image {
margin-top: 8px;
display: block;
}
.join-the-india-image.hide-in-desktop {
display: none;
}
.changemaker-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
padding-bottom: 20px;
display: grid;
}
.changemaker-cell {
background-color: var(--white);
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
box-shadow: 1px 9px 16px #0003;
}
.changemaker-heading {
color: var(--new-blue);
font-family: Plus jakarta, sans-serif;
font-weight: 700;
line-height: 128%;
}
.changemaker-heading.small-text {
font-size: 35px;
}
.changemaker-text {
font-family: Plus jakarta, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 128%;
}
._15-year-section {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/685ce0875605aea066ca8df9_9b933bacf8186d1a3bf8ef51a223149c_past%2015%20year.png");
background-position: 50%;
background-size: cover;
height: 650px;
}
.doante-button-container {
grid-column-gap: 24px;
grid-row-gap: 24px;
width: 60%;
margin-top: 30px;
margin-bottom: 80px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.youtube-4 {
margin-top: 40px;
margin-bottom: 40px;
}
.faq-container {
padding-top: 40px;
}
.faq1_accordion-2 {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding-bottom: 10px;
}
.faq1_accordion-2.new-design {
margin-bottom: 30px;
padding: 10px 40px;
box-shadow: 1px 9px 16px #0003;
}
.h3-mtb-2 {
color: var(--new-black);
text-transform: capitalize;
margin-top: 0;
margin-bottom: 0;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 700;
line-height: 128%;
}
.faq1_answer-2 {
font-size: 24px;
font-weight: 300;
line-height: 33;
overflow: hidden;
}
.faq1_answer-2.grey {
color: #4d4d4d;
font-family: Dm sans, sans-serif;
font-weight: 500;
}
.faq-rich-text-2, .faq-rich-text-3 {
margin-bottom: 12px;
}
.faq-rich-text-3 ul {
margin-bottom: 10px;
}
.faq-rich-text-3 li {
line-height: 32px;
}
.faq-rich-text-3 p {
margin-bottom: 10px;
}
.faq-rich-text-3 h2 {
font-size: 22px;
line-height: 30px;
}
.faq-rich-text-3 h4 {
font-size: 18px;
line-height: 26px;
}
.faq-rich-text-3 strong {
font-weight: 400;
}
.icon-2 {
margin-right: 0;
right: 0;
}
.bold_yellow {
color: var(--arrow-yellow);
}
.all-text {
color: var(--dark-black);
font-size: 21px;
font-weight: 500;
line-height: 128%;
}
.new-link {
color: var(--new-black);
font-size: 21px;
font-weight: 500;
text-decoration: underline;
}
.new-rich-text {
color: var(--new-black);
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 128%;
}
.new-rich-text p {
font-size: 21px;
font-weight: 500;
}
.paragraph-43 {
color: var(--new-black-heading);
font-size: 21px;
font-weight: 500;
}
.paragraph-44 {
font-weight: 500;
}
.link-9 {
color: var(--new-black);
font-size: 21px;
}
.heading-34 {
font-family: Plus jakarta, sans-serif;
}
.heading-35 {
font-family: Dm sans, sans-serif;
}
.heading-36, .heading-37, .heading-38, .heading-39, .heading-40, .heading-41, .heading-42, .heading-43, .heading-44, .heading-45, .heading-46, .heading-47, .heading-48 {
font-family: Plus jakarta, sans-serif;
}
.impact-page-text {
text-align: center;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 128%;
}
.impact-page-text.margin-bottom {
margin-bottom: 30px;
}
.impact-page-text.margin-bottom.left {
text-align: left;
font-family: Dm sans, sans-serif;
}
.impact-page-text.margin-bottom.left.orange {
color: var(--new-tomato);
font-size: 24px;
}
.impact-page-text.margin-bottom.left.orange.margin-top {
margin-top: 30px;
}
.impact-page-text.margin-bottom.left.margin-top {
margin-top: 20px;
}
.impact-page-text.margin-bottom.hide-in-desktop {
display: none;
}
.impact-page-text.padding-x {
padding-left: 120px;
padding-right: 120px;
}
.impact-page-text.left-align {
color: var(--new-black);
text-align: left;
}
.impact-page-text.left-align.leader-name {
color: var(--new-blue);
font-family: Plus jakarta, sans-serif;
font-size: 35px;
font-weight: 700;
}
.impact-page-text.left-align.white-text.card-heading {
font-size: 56px;
font-weight: 700;
line-height: 112%;
}
.impact-page-text.left-align.white-text.card-heading.margin-button {
margin-bottom: 30px;
}
.impact-page-text.left-align.stand-for-text {
font-size: 24px;
}
.impact-page-text.large-text {
font-size: 30px;
}
.impact-page-text.margin-top {
margin-top: 40px;
margin-bottom: 0;
}
.impact-page-text.margin-top.bold-text {
font-weight: 700;
}
.impact-page-text.margin-top.hide-in-mobile {
display: none;
}
.impact-page-text.about-page.list-item {
text-align: justify;
}
.impact-page-text.about-page.animation-text {
color: var(--black);
text-align: right;
width: auto;
height: auto;
font-size: 30px;
font-weight: 700;
}
.impact-page-text.about-page.animation-text.right {
text-align: left;
}
.impact-page-text.animation-heading {
color: var(--new-blue);
text-align: right;
font-family: Plus jakarta, sans-serif;
font-size: 40px;
font-weight: 700;
}
.impact-page-text.animation-heading.right {
text-align: left;
}
.impact-page-text.bold {
font-weight: 700;
}
.impact-page-text.bold.large-text {
font-size: 24px;
}
.impact-page-text.bold.large-text.left-align.top-margin {
margin-top: 0;
}
.impact-page-text.white-text {
color: var(--white);
}
.blue {
color: #03bfe2;
}
.blue.plus-jakarta {
font-family: Plus jakarta, sans-serif;
}
.our-student-grid-container {
padding-bottom: 20px;
padding-right: 10px;
}
.our-student-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 40px;
display: grid;
}
.left-image-cell {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6863afa9ef00d590d3e584d7_our%20student.jpeg");
background-position: 50%;
background-size: cover;
}
.right-cell-container {
grid-column-gap: 30px;
grid-row-gap: 25px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.our-student-card {
background-color: #bbc650;
width: 274px;
height: auto;
min-height: 178px;
padding: 30px;
box-shadow: 1px 9px 16px #707070bf;
}
.our-student-card.width-auto {
width: auto;
height: auto;
}
.our-student-number {
color: var(--white);
margin-bottom: 10px;
font-family: Plus jakarta, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 128%;
}
.yt-vdo-container {
padding-left: 140px;
padding-right: 140px;
}
.section-over-70 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6863afa9943e5daa264963ad_over%2070.jpeg");
background-position: 50%;
background-size: cover;
height: 560px;
}
.blue-bold {
color: var(--new-blue);
font-weight: 700;
}
.card-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 705px;
height: 407px;
display: grid;
}
.card-grid.new-width {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1.25fr 1fr;
width: auto;
height: auto;
}
.card-text-container {
background-color: var(--new-blue);
padding: 30px;
}
.card-text-container.transparent-bg {
background-color: #0000;
padding: 0;
}
.card-image-container {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
}
.card-image-container.sandhyakiran {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6863b3c18f3a8b5c1781eb21_d9dcd347cfef9d836b00c3966bfaef7e_Sandhyakiran%20Saroj.png");
}
.card-image-container.tushar {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6863b3c1386e5454aab44e75_7f71aaf377eac477c82848826b1aa74e_Tushar%20Mondal.png");
}
.card-image-container.almas {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6863b3c1c14b319f7f014381_87dfeadcba8bf1080a9b791ec29e9da3_Almas%20Mukri.png");
}
.card-image-container.siddhant {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6863b3c128c83bbf51fd21c0_339685ff517bdf3130ceb816c6ccc33f_Siddhant%20Shinde.png");
}
.card-image-container.astha {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6863b3c1596eb0f979f981e3_09a86613c539b0042ace473035217466_Astha%20Choubey.png");
background-size: cover;
}
.card-image-container.with-image {
background-image: none;
align-items: center;
padding-left: 60px;
display: flex;
}
.bringing-change.green-bg {
background-color: var(--new-green);
}
._3-card {
box-shadow: none;
transform-style: preserve-3d;
background-color: #0000;
border-radius: 0;
width: 320px;
height: 366px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
transform: translate3d(0, 0, -180px);
}
._2-card {
box-shadow: none;
transform-style: preserve-3d;
background-color: #0000;
border-radius: 0;
width: 320px;
height: 366px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
transform: translate3d(0, 0, -90px);
}
._2-copy-card {
box-shadow: none;
opacity: 0;
background-color: #0000;
border-radius: 0;
width: 320px;
height: 366px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
transform: translate(0, 30%);
}
._4-card, ._5-card {
box-shadow: none;
opacity: 0;
background-color: #0000;
border-radius: 20px;
width: 320px;
height: 366px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
transform: translate(0, 30%);
}
.main-container {
width: 100%;
max-width: none;
height: 100%;
margin: auto;
display: flex;
}
.card-name {
color: #999;
margin-top: 28px;
margin-bottom: 14px;
padding-left: 21px;
padding-right: 21px;
font-size: 20px;
font-weight: 500;
}
.card-paragraph {
margin-bottom: 0;
padding-left: 21px;
padding-right: 21px;
font-size: 17px;
font-weight: 300;
}
._1-copy-card {
box-shadow: none;
opacity: 0;
background-color: #0000;
border-radius: 0;
width: 320px;
height: 366px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
transform: translate(0, 30%);
}
.content-wrapper {
grid-column-gap: 60px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: auto;
margin-bottom: auto;
display: grid;
}
._3-copy-card {
box-shadow: none;
opacity: 0;
background-color: #0000;
border-radius: 0;
width: 320px;
height: 366px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
transform: translate(0, 30%);
}
.card-image {
filter: grayscale(20%) contrast(140%);
object-fit: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
height: 100%;
padding: 0;
}
.cards-wrapper {
perspective: 600px;
perspective-origin: -60% 30%;
width: 100%;
height: 450px;
display: flex;
position: relative;
}
._1-card {
box-shadow: none;
background-color: #0000;
border-radius: 0;
width: 320px;
height: 366px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
transform: translate(0);
}
.card-image-2 {
filter: grayscale(20%) contrast(140%);
object-fit: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
height: 60%;
padding: 7px;
}
.multiplier-image {
width: auto;
height: 390px;
}
.yellow {
color: var(--arrow-yellow);
}
.container-7 {
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 1200px;
margin-bottom: 10%;
padding-bottom: 0;
display: flex;
position: relative;
}
.step-content-block {
text-align: left;
align-self: center;
position: relative;
}
.img-block {
justify-content: center;
align-self: center;
align-items: center;
width: 40%;
display: flex;
}
.dot {
z-index: 3;
background-color: #eeeff4;
border-radius: 50%;
width: 12px;
height: 12px;
margin-top: -6px;
margin-bottom: -6px;
position: relative;
top: 60px;
}
.step {
z-index: 2;
background-color: #fff;
border-radius: 16px;
flex-flow: column;
align-items: center;
padding: 0%;
display: flex;
position: relative;
}
.scoll-wrap {
flex-direction: column;
align-items: center;
height: 100%;
display: flex;
position: absolute;
bottom: 81%;
}
.scoll-wrap.custome-height {
height: 198%;
bottom: 10%;
}
.content-block {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: sticky;
top: 0;
}
.bg-shadow {
z-index: 1;
box-shadow: none;
border-radius: 16px;
position: absolute;
inset: 0%;
}
.content-wrap {
justify-content: flex-end;
width: 40%;
display: flex;
}
.label {
color: #006cd0;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 700;
}
.steps-clone {
flex-direction: column;
justify-content: center;
margin-top: 0;
display: flex;
position: relative;
}
.step-block {
flex-wrap: nowrap;
place-content: center space-around;
align-items: flex-start;
min-height: 80vh;
margin-top: -1px;
padding-bottom: 40px;
display: flex;
position: relative;
}
.step-block.margin {
padding-bottom: 0;
}
.scroll-base {
transform-origin: 50% 0;
background-color: #eeeff4;
width: 6px;
height: 100%;
}
.content {
margin-top: 24px;
font-size: 24px;
font-weight: 500;
line-height: 1.4;
}
.scroll-animate {
transform-origin: 50% 0;
background-color: #006cd0;
width: 6px;
height: 100%;
display: block;
position: absolute;
bottom: 0%;
}
.heading-49 {
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}
.about-page-list {
margin-top: 20px;
}
.about-page-animation-heading-continer {
flex-flow: column;
justify-content: flex-end;
width: 40%;
display: flex;
position: relative;
top: 38px;
}
.section-9 {
padding-top: 75px;
overflow: hidden;
}
.theory-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.center-text-container {
flex-flow: column;
justify-content: center;
display: flex;
}
.center-circle-container {
position: relative;
}
.right-text-container {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.center-container {
position: absolute;
top: 35%;
left: 34%;
}
.theory-text-container-center.margin-top-left {
margin-top: 30px;
margin-left: 23px;
}
.theory-text-container-center.hide-in-desktop {
display: none;
}
.image-27 {
padding-bottom: 80px;
}
.image-28 {
width: 143px;
position: absolute;
top: 8%;
right: -40px;
}
.image-29 {
width: 143px;
position: absolute;
top: 20%;
left: -75px;
}
.image-30 {
width: 143px;
position: absolute;
top: 50%;
right: -70px;
}
.info-card-open-bg {
background-color: #56bfdf;
border-radius: 10px;
width: 100%;
height: 100%;
padding: 25px;
position: absolute;
inset: 0%;
transform: translate(0, 101%);
}
.arrow-wrapper {
z-index: 1;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex;
position: relative;
}
.text-bold {
font-weight: 500;
}
.pill-button {
grid-column-gap: 1.25rem;
color: #f9f9f9;
text-transform: uppercase;
background-color: #404040;
border-radius: 100px;
flex-direction: row;
flex: none;
justify-content: space-between;
align-items: center;
min-width: 15rem;
padding: 1.25rem 1.25rem 1.25rem 2rem;
display: flex;
overflow: hidden;
}
.pill-button.auto-top {
background-color: #4b4b4b;
margin-top: auto;
padding: .65rem .65rem .65rem 1.2rem;
text-decoration: none;
}
.info-card-bottom {
z-index: 2;
grid-row-gap: 1.25rem;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
overflow: visible;
}
.arrow-image {
z-index: 2;
position: relative;
}
.info-title {
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.heading-small {
text-transform: uppercase;
font-size: 3.25rem;
font-weight: 700;
line-height: 1;
}
.service-card-open-close {
background-color: var(--white);
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-top: 20px;
margin-right: 20px;
display: flex;
}
.info-card-top {
z-index: 2;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.info-hidden {
grid-row-gap: 2.5rem;
flex-direction: column;
align-items: flex-start;
display: flex;
overflow: hidden;
}
.circle-overlay {
z-index: 1;
background-color: #f9f9f9;
border-radius: 50%;
width: 2.5rem;
height: 2.5rem;
position: absolute;
}
.info-card {
grid-row-gap: 5rem;
cursor: pointer;
background-color: #fff;
border: 1px solid #7b7b7b33;
border-radius: 10px;
flex-direction: column;
flex: 1;
justify-content: space-between;
max-width: 290px;
height: 390px;
padding: 0;
transition: border-color .6s;
display: flex;
position: relative;
overflow: hidden;
}
.info-card:hover {
border-color: #7b7b7b99;
}
.info-cards-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
display: flex;
}
.body-small {
margin-bottom: 0;
font-size: 1rem;
line-height: 1.4;
}
.body-medium {
font-size: 1.25rem;
line-height: 1.4;
text-decoration: none;
}
.body-medium.relative-2 {
z-index: 2;
position: relative;
}
.div-block-114 {
height: 100%;
}
.stand-for-button {
background-color: #56bfdf;
justify-content: center;
align-items: center;
height: 80px;
display: flex;
}
.stand-for-image-container {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
height: 308px;
}
.stand-for-image-container.transformational {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/687610109c821df4b4acf022_Sac_55%201.avif");
background-position: 50%;
background-size: cover;
}
.stand-for-image-container.holistic {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68760ff89c4d00504f392d2f_Delhi149%20(2)%201.avif");
}
.stand-for-image-container.child {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68760ff7ab44427b0976c985_balancing%20scale%20depth%20about%20tfi%20page%201.avif");
}
.stand-for-image-container.student {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68760ff8da6c070f5ddb8db8_Delhi18%201.avif");
}
.open-close-button {
font-size: 30px;
font-weight: 600;
line-height: 15px;
}
.slider-trigger-right, .slider-trigger-left {
z-index: 50;
position: absolute;
inset: 0%;
}
.c-slider-btn {
cursor: pointer;
margin-left: 10px;
margin-right: 10px;
}
.main-slider-nav-arrow {
display: none;
}
.sub-slide-container {
width: 100%;
height: 100%;
}
.play-btn {
z-index: 50;
width: 25px;
height: 25px;
transform: translate(3px);
}
.main-slider-container {
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
}
.sub-slider-container {
padding-right: 20vw;
position: relative;
overflow: hidden;
}
.c-slide-btn-block {
justify-content: center;
align-items: center;
width: 75px;
height: 75px;
display: flex;
position: relative;
}
.first-slider-container {
z-index: 1;
position: relative;
}
.main-slide-container {
width: 100%;
height: 100%;
overflow: hidden;
}
._w-slider-btn {
border-radius: 500px;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
padding: 15px;
display: flex;
position: relative;
}
._w-slider-btn.right:hover, ._w-slider-btn.left:hover {
background-color: #de647c;
}
.main-slider {
background-color: #222;
flex-direction: column;
height: 85vh;
}
.main-slider.desktop {
height: 80vh;
}
.main-slider.mobile {
display: none;
}
.sub-slider {
background-color: #0000;
width: 350px;
height: 25vh;
}
.c-sub-slide-content {
margin-bottom: 40px;
}
.ci-slider-btn-loading {
opacity: .5;
border-radius: 1000px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.c-main-slide-title {
margin-bottom: 20px;
}
.sub-slider-slide {
perspective: 1000px;
width: 350px;
padding: 1vh 1vw;
transform: perspective(1000px);
}
.sub-slider-nav-dots {
display: none;
}
.video-slide-text {
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 128%;
}
.c-slider-btn-circle {
border: 1px solid #aaa;
border-radius: 1000px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.main-slider-nav-dots {
display: none;
}
.sub-slider-mask {
overflow: visible;
}
._w-slide-btn {
position: relative;
}
.c-main-slide-description {
color: #fff;
width: 990px;
margin-bottom: 20px;
font-family: Open Sans, sans-serif;
font-size: 1.1em;
font-weight: 400;
line-height: 1.4em;
}
.c-play-btn {
z-index: 50;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.c-funtext {
z-index: 15;
padding: 40px 10px 60px;
position: absolute;
inset: auto auto 0% 0%;
}
.ci-main-slide-content {
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.sub-slide-wrapper {
background-color: #333;
background-image: linear-gradient(to top, #13131380, #0000 30%), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: 10px;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
box-shadow: 1px 1px 10px #13131380;
}
.sub-slide-wrapper._3 {
background-image: linear-gradient(0deg, #13131380, #0000 30%), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68762f519e36daaa262ee74b_Bv7_ITYENwg-HD.avif");
}
.sub-slide-wrapper._1 {
background-image: linear-gradient(0deg, #13131380, #0000 30%), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68762eac725738dce1c67e7c_3yL7uSdCnx8-HD.avif");
justify-content: flex-start;
align-items: flex-end;
}
.sub-slide-wrapper._4 {
background-image: linear-gradient(0deg, #13131380, #0000 30%), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68762f73bbcf0f6613554277__ujAGai88CM-HD.avif");
justify-content: flex-start;
align-items: flex-end;
}
.sub-slide-wrapper._5 {
background-image: linear-gradient(0deg, #13131380, #0000 30%), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68762fceb86dd4610d819a22_x6dWLromVmM-HD.avif");
justify-content: flex-start;
align-items: flex-end;
}
.sub-slide-wrapper._2 {
background-image: linear-gradient(0deg, #13131380, #0000 30%), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68762f01fa9f57867d6a7f8e_DIbSmM4CgIQ-HD.avif");
justify-content: flex-start;
align-items: flex-end;
}
.main-slide-wrapper {
background-image: linear-gradient(#33333359, #33333359), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/687627dd456ec3ac80811b48_1.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.main-slide-wrapper._4 {
background-image: linear-gradient(#33333359, #33333359), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68762f73bbcf0f6613554277__ujAGai88CM-HD.avif");
}
.main-slide-wrapper._5 {
background-image: linear-gradient(#33333359, #33333359), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68762fceb86dd4610d819a22_x6dWLromVmM-HD.avif");
}
.main-slide-wrapper._3 {
background-image: linear-gradient(#33333359, #33333359), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68762f519e36daaa262ee74b_Bv7_ITYENwg-HD.avif");
}
.main-slide-wrapper._1 {
background-image: linear-gradient(#1e1e1e99, #1e1e1e99), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68762eac725738dce1c67e7c_3yL7uSdCnx8-HD.avif");
background-position: 0 0, 50%;
}
.main-slide-wrapper._2 {
background-image: linear-gradient(#33333359, #33333359), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/68762f01fa9f57867d6a7f8e_DIbSmM4CgIQ-HD.avif");
}
.second-slider-container {
z-index: 20;
align-items: flex-end;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.video-slide-heading {
color: #ffd13c;
letter-spacing: normal;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Plus jakarta, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 128%;
position: relative;
}
.sub-slide-title {
color: #fff;
text-align: left;
letter-spacing: 1px;
text-transform: uppercase;
padding: 10px 10px 10px 20px;
font-size: 30px;
font-weight: 700;
line-height: 1em;
}
.c-slide-btn-loading {
z-index: 30;
border: 2px dashed #ffffff80;
border-radius: 1000px;
width: 100%;
height: 100%;
position: absolute;
}
.b-slider-control {
align-items: center;
display: flex;
}
.c-slide-btn {
justify-content: center;
align-items: center;
margin-top: 20px;
display: flex;
}
.c-slide-btn-frame {
z-index: 10;
border: 1px solid #ffffff80;
border-radius: 1000px;
width: 100%;
height: 100%;
position: relative;
}
.c-slider-control {
margin-bottom: 40px;
}
._w-slider-control {
padding-left: 20px;
padding-right: 20px;
}
.sub-slider-nav-arrow {
display: none;
}
.c-slider-btn-icon {
z-index: 10;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.c-slider-btn-loading {
border: 1px dashed #aaa;
border-radius: 1000px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.c-main-slide-content {
text-align: center;
}
.funtext {
opacity: .03;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Lato, sans-serif;
font-size: 10vw;
font-weight: 900;
line-height: 1em;
position: relative;
}
.leadership-team-img {
margin-top: 40px;
margin-bottom: 40px;
}
.leadership-name-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.name-container.margin-top {
margin-top: 20px;
}
.leader-name {
color: var(--new-tomato);
margin-bottom: 5px;
font-family: Dm sans, sans-serif;
font-size: 21px;
font-weight: 700;
line-height: 128%;
}
.leader-designation {
color: #1e1e1e;
margin-bottom: 0;
font-family: Dm sans, sans-serif;
font-size: 18px;
line-height: 128%;
}
.leader-designation.regular-text {
font-weight: 400;
}
.leadership-card-container {
align-items: stretch;
display: block;
}
.row1 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 20px;
display: flex;
}
.row2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.leadership-card {
width: 280px;
padding-bottom: 10px;
}
.medium {
font-weight: 500;
}
.tab-heading {
color: var(--new-black);
font-family: Dm sans, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 128%;
}
.button-circle {
border: 1px solid #000;
border-radius: 100%;
flex-flow: row;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
padding-top: 6px;
display: flex;
}
.square {
display: none;
}
@media screen and (min-width: 1440px) {
.div-block-7.no-border.circle {
display: block;
}
.circle.home-page {
height: 24vw;
}
.circle-container.size.circle-with-image {
height: 933px;
}
.circle-container.size.circle-with-image.these_leader {
height: 1031px;
}
.circle-container.size.circle-with-image.these_leader.impact-page {
height: 1200px;
}
.circle-container.size.circle-with-image.fellowship-page-height {
height: 653px;
}
.circle-container.size.fellowship {
height: 13vw;
}
.curved-image-container.these_leader {
height: 100%;
}
.every-child-container {
margin-top: 75px;
}
.animation-wrapper {
overflow: hidden;
}
.section-home {
height: 915px;
}
.section-home.narrow_width.moment-page {
height: 916px;
}
.section-home.narrow_width.less-height {
height: 76vh;
}
.section-home.donate-page-size {
height: 907px;
}
.section-home.fellwship-height {
height: 550px;
}
.section-home.about-page {
height: 890px;
}
.bg-wrapper {
height: auto;
}
.testimonial_section {
height: 250vw;
}
.container-5.sticky {
top: 140px;
}
.testimonial_heading_wrapper {
max-width: 440px;
}
.testimonial_number_wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.testimonial_no {
font-size: 64px;
}
.testimonial_card_wrapper.no_2 {
top: 145px;
}
.testimonial_card_wrapper.no_3 {
top: 270px;
}
.testimonial_card_wrapper.no_4 {
bottom: 125px;
}
.testimonial_card_wrapper.no_5 {
bottom: 0;
}
.what_we_do_image {
width: 94.5%;
display: none;
overflow: visible;
}
.col.col-shrink.u-mb-0 {
width: 594px;
}
.image-21 {
display: block;
}
.these_leader_cntainer {
margin-top: 40vw;
}
.donate-text.white-text {
margin-top: 20px;
}
.changemaker-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
}
.changemaker-cell {
justify-content: center;
align-items: center;
}
._15-year-section {
height: 670px;
}
.section-over-70 {
height: 564px;
}
.card-grid.new-width {
width: auto;
min-width: auto;
max-width: 87.5vw;
}
.c-slider-control {
margin-bottom: 60px;
}
}
@media screen and (min-width: 1920px) {
.circle-container.size.circle-with-image {
height: 1237px;
}
.circle-container.size.circle-with-image.these_leader {
height: 1365px;
}
.circle-container.size.circle-with-image.these_leader.impact-page {
height: 1200px;
}
.circle-container.size.circle-with-image.fellowship-page-height {
height: 868px;
}
.every-child-container {
margin-top: 156px;
}
.section-home {
height: 1220px;
}
.section-home.narrow_width.moment-page {
height: 1208px;
}
.section-home.donate-page-size {
height: 1209px;
}
.section-home.fellwship-height {
height: 735px;
}
.section-home.impact-page, .section-home.about-page {
height: 1190px;
}
.impact-page-text.large-text {
margin-top: 60px;
}
.section-over-70 {
height: 750px;
}
.c-slider-control {
margin-bottom: 80px;
}
}
@media screen and (max-width: 991px) {
.hide-tablet {
display: none;
}
.heading-large.text-weight-light.text-style-offwhite.small {
font-size: 36px;
line-height: 44px;
}
.fs-styleguide_section {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr;
}
.text-size-medium._24px.regular-fira.ligh-grey.max-300 {
max-width: none;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.page-padding._150px {
padding-top: 100px;
padding-bottom: 100px;
}
.page-padding._80px {
padding-top: 60px;
padding-bottom: 60px;
}
.page-padding.pb-80 {
padding-bottom: 60px;
}
.show-tablet {
display: block;
}
.max-width-full-tablet {
width: 100%;
max-width: none;
}
.margin-medium {
margin: 1.5rem;
}
.margin-large {
margin: 2.5rem;
}
.margin-xlarge {
margin: 3rem;
}
.margin-xxlarge {
margin: 4rem;
}
.margin-huge {
margin: 5rem;
}
.margin-xhuge {
margin: 6rem;
}
.margin-xxhuge {
margin: 8rem;
}
.padding-medium {
padding: 1.5rem;
}
.padding-large {
padding: 2.5rem;
}
.padding-xlarge {
padding: 3rem;
}
.padding-xxlarge {
padding: 4rem;
}
.padding-huge {
padding: 5rem;
}
.padding-xhuge {
padding: 6rem;
}
.padding-xxhuge {
padding: 8rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-huge {
padding-top: 100px;
padding-bottom: 100px;
}
.padding-vertical.padding-huge.mob-82 {
padding-top: 82px;
padding-bottom: 82px;
}
.padding-vertical.padding-huge.mob-p-59 {
padding-top: 59px;
padding-bottom: 59px;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.navbar-wrapper {
align-items: center;
}
.navbar-wrapper.new-nav-design {
padding-top: 0;
padding-bottom: 0;
}
.nav-menu-wrapper {
background-color: #0000;
height: 100%;
}
.nav-menu {
background-color: #fff;
flex-flow: column wrap;
justify-content: space-around;
align-items: center;
padding: 1.25rem;
display: flex;
box-shadow: 0 8px 3.125rem #0000000d;
}
.nav-link {
padding-left: .3125rem;
padding-right: .3125rem;
}
.menu-button {
padding: .75rem;
display: block;
}
.menu-button.w--open {
color: #fff;
background-color: #a6b1bf;
}
.nav-logo {
margin-top: 3px;
}
.hero-top-bar {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
}
.hero-profiles-wrapper {
grid-template-columns: 1fr;
}
.hero-profile-card {
min-height: auto;
}
.hero-profile-image {
height: 450px;
}
.hero-profile-image.pro-1 {
background-position: 50% 11%;
}
.hero-profile-image.pro-2, .hero-profile-image.pro-3, .hero-profile-image.pro-4 {
background-position: 50% 12%;
}
.profie-expand-button {
width: auto;
height: auto;
position: absolute;
inset: 0% 0% auto auto;
}
.top-menu-link {
padding-left: .3125rem;
padding-right: .3125rem;
}
.home-ed-crisis-grid {
grid-template-columns: 1.25fr 1fr;
}
.our-impact-block {
grid-template-columns: 1fr;
}
.our-impact-block.mb-60 {
margin-bottom: 40px;
}
.our-impact-block.bottom {
align-items: start;
}
.divider {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.apply-now {
grid-template-columns: 1fr;
}
.apply-now.swap-mobile {
flex-direction: column-reverse;
display: flex;
}
.image-full-width {
justify-content: flex-end;
align-items: flex-start;
}
.footer-wrapper {
flex-direction: column;
display: flex;
}
.footer-left_wrapper {
border-bottom: 1px solid #979797;
border-right-style: none;
padding-bottom: 2rem;
}
.video-slider {
min-height: 24rem;
}
.right-arrow {
right: 0%;
}
.left-arrow {
left: 0%;
}
.how-to-fellow_wrapper {
grid-column-gap: 40px;
}
.profile-text-image {
width: 250px;
margin-left: 40px;
}
.border-stage.absolute {
margin-left: 11px;
top: 13%;
}
._2-col-grid.center.mb-6 {
grid-template-columns: 1fr;
}
.home-ed-crisis-grid-copy {
grid-template-columns: 2.5fr 1fr;
}
.user-popup._1 {
flex-direction: column;
}
.div-block-13 {
z-index: 15;
margin-top: 40px;
position: relative;
}
.tablet-user-details {
display: block;
}
.user-photo-container {
height: 450px;
}
.user-accordion._1, .user-accordion._4, .user-accordion._3, .user-accordion._2 {
flex-direction: column;
display: none;
position: relative;
}
.user-accordion-details {
width: 100%;
margin-top: 60px;
padding-left: 3rem;
padding-right: 3rem;
}
.section-ed-crisis-top {
height: 350px;
}
.menu-list-item.desktop-hide, .menu-list-item.apply-button, .menu-list-item.hide-nav-button {
display: block;
}
.menu-list-item.hide-in--mobile {
display: none;
}
.menu-list-item.hide-in-desktop {
display: block;
}
.p3 {
margin-bottom: 2rem;
}
.p3.grey._29px {
font-size: 24px;
line-height: 32px;
}
.quote-text.text-black {
padding-right: 80px;
}
.quote-text.text-black.tab-text {
width: auto;
padding-right: 80px;
}
.quote-text.text-black.tab-text.revamped {
padding-right: 200px;
}
.p2 {
font-size: 24px;
line-height: 32px;
}
.page-ed-crisis-grid {
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.div-block-16 {
padding-top: 0;
}
.section-fellow-top, .section-our-impact-top {
height: 350px;
}
.spacer._100 {
height: 60px;
}
.grid {
grid-column-gap: 40px;
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.grid-3 {
grid-template-columns: auto;
min-height: auto;
padding-top: 60px;
}
.slide-nav {
max-width: none;
padding-left: 0;
position: relative;
bottom: 0;
}
.slider {
height: auto;
}
.div-block-20 {
min-width: auto;
height: 350px;
}
.div-block-21 {
width: auto;
max-width: 600px;
min-height: 280px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
padding-right: 0;
}
.div-block-22 {
padding-right: 20px;
}
.section-about-tfi-banner {
height: 350px;
}
.div-block-23 {
justify-content: flex-start;
}
.grid-5 {
grid-column-gap: 40px;
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.div-block-11-copy {
grid-column-gap: 1rem;
}
.div-block-11-copy-copy {
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.div-block-26 {
grid-column-gap: 40px;
justify-content: flex-start;
}
.p5.grey.center, .p5.grey.text-align-right {
text-align: left;
}
.p6 {
line-height: 24px;
}
.about-tfi-grey-bg {
height: 600px;
}
.theory-icon {
width: 70px;
height: 70px;
}
.div-block-28 {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.div-block-31 {
grid-row-gap: 20px;
flex-direction: column;
}
.div-block-32 {
grid-row-gap: 20px;
width: auto;
}
.div-block-33 {
grid-column-gap: 40px;
grid-row-gap: 20px;
width: auto;
}
.slider-content {
width: auto;
max-width: 90%;
min-height: 280px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
padding-right: 0;
}
.fellowship-banner {
height: 350px;
}
.col-grid-4 {
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr;
}
.col-grid-item.flex-grid.width-60 {
max-width: none;
margin-bottom: 16px;
}
.col-grid-item.flex-grid.width-20.mt-50.swapped {
max-width: none;
margin-bottom: 16px;
margin-left: 0;
padding-top: 0;
}
.col-grid-item.flex-grid.width-40.mt-40 {
max-width: none;
margin-bottom: 16px;
padding-top: 0;
padding-left: 0;
}
.col-grid-item.flex-grid.pt-50.vertical {
grid-template-columns: 1fr auto;
max-width: none;
margin-bottom: 16px;
padding-top: 0;
}
.col-grid-item.flex-grid.pl-50 {
max-width: none;
margin-top: 0;
padding-left: 0;
}
.col-grid-item.flex-grid.width-33.swapped {
max-width: none;
margin-bottom: 16px;
margin-left: 0;
}
.col-grid-item.rgiht-align {
grid-row-gap: 16px;
}
.our-fellow-grid {
grid-column-gap: 20px;
}
.our-fellow-logos.right-align.pl-40 {
padding-left: 0;
}
.our-fellow-logos.pr-100 {
grid-column-gap: 20px;
padding-right: 0;
}
.selection-process-grid {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.heading-4.orange.swapped {
padding-top: 0;
}
.fellowship-team {
grid-column-gap: 16px;
}
.fellowship-experience-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.div-block-35.mt-80 {
flex-direction: column;
padding-top: 0;
}
.div-block-36 {
flex-direction: column;
}
.journey-image {
display: none;
}
.div-block-37 {
padding-left: 0;
}
.city-link.ahmedabad {
height: 60px;
}
.city-link.mumbai {
height: 30px;
}
.city-link.hyderabad, .city-link.bengaluru, .city-link.chennai, .city-link.kolkata {
height: 60px;
}
.donate-banner {
height: 350px;
}
.grid-6 {
grid-column-gap: 40px;
}
.invest-grid {
grid-template-columns: 1fr;
}
.div-block-39.mt--10 {
margin-top: 0;
}
.our-donors.full-width {
justify-content: center;
}
.work-with-us-banner, .work-with-us-page-image, .faq-banner {
height: 350px;
}
.div-block-40 {
grid-template-columns: 1fr 1fr;
}
.div-block-41, .div-block-41-copy {
width: auto;
}
.div-block-44 {
text-align: center;
}
.fellowship-experience-grid-what-you-do {
grid-column-gap: 24px;
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.div-block-45 {
margin-top: 60px;
}
.financial-banner {
height: 350px;
}
.financial-links {
grid-column-gap: 16px;
}
.child-protection-policy-banner, .p-policy-banner {
height: 350px;
}
.financial-block {
grid-template-columns: 1fr;
max-width: 90%;
padding: 20px 40px;
}
.financial-banner-popup {
height: 350px;
display: none;
}
.paragraph-9.mb-50 {
margin-bottom: 30px;
}
.review-user-image {
width: 250px;
height: 250px;
}
.review-user-image.suraj, .review-user-image.rutuja, .review-user-image.muskan, .review-user-image.mahesh {
height: 250px;
}
.review-user-image.rehan {
background-position: 50% 16%;
height: 250px;
}
.review-user-image.sugandha, .review-user-image.sindhu, .review-user-image.bhargavi {
height: 250px;
}
.div-block-53 {
flex-direction: column-reverse;
padding-top: 60px;
padding-left: 0;
}
.slide-item-content-flex {
max-width: none;
padding-top: 40px;
padding-right: 0;
}
.join-too-images {
height: 180px;
}
.volunteer-bg-img, .contact-bg-img {
height: 350px;
}
.contact-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
line-height: 24px;
}
.donate-faq-grid {
grid-template-columns: 1fr;
}
.search-icon-link {
padding-left: .3125rem;
padding-right: .3125rem;
}
.paragraph-11 {
font-size: 20px;
}
.col-grid-5 {
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr;
}
.lightbox-link {
height: 500px;
}
.div-block-65 {
margin-bottom: 30px;
}
.div-block-66 {
margin-bottom: 3rem;
}
.success-banner {
height: 350px;
}
.new-sticky-menu {
display: none;
}
.innovated-slider {
width: auto;
max-width: 90%;
min-height: 280px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
padding-right: 0;
}
.innovated-slider-main {
height: auto;
}
.slide-nav-innovated {
max-width: none;
padding-left: 0;
position: relative;
bottom: 0;
}
.blog-page-banner {
height: 350px;
}
.tp-blog-grid {
grid-column-gap: 24px;
}
.tp-blog-grid.desktop {
display: none;
}
.tp-blog-grid.mobile {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tp-blog-grid.mobile.hide {
display: none;
}
.tp-blog-item {
grid-column-gap: 70px;
display: flex;
}
.tp-blog-thumbnail {
width: 300px;
height: 100%;
}
.tp-blog-thumbnail._300 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(#0009, #0009);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
width: 250px;
height: 200px;
}
.blog-sticky-section {
padding-top: 59px;
}
.div-block-73 {
display: none;
}
.div-block-74 {
max-width: none;
padding-right: 0;
}
.div-block-75 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.div-block-75.mob-rich-pad-0 {
padding-left: 0;
padding-right: 0;
}
.div-block-76 {
margin-bottom: 59px;
}
.div-block-76.mb-0 {
margin-bottom: 0;
}
.blog-read-more-sec {
text-align: left;
padding-top: 50px;
}
.div-block-77 {
background-color: var(--white-smoke-3);
padding: 59px 2.5rem;
}
.mobile-subscription {
background-color: var(--white-smoke-3);
padding: 59px 2.5rem;
display: block;
}
.mobile-subscription.white-bg {
background-color: #0000;
}
.blog-single-page-banner {
height: 350px;
}
.blog-main-banner {
height: 400px;
}
.blog-cat-page-banner {
height: 350px;
}
.blog-cat-item-grid {
max-width: none;
padding-right: 0;
}
.blog-cat-item-flex {
margin-bottom: 59px;
}
.tags-page-banner, .blog-cat-banner {
height: 350px;
}
.user-popup-2._1 {
flex-direction: column;
}
.user-accordion-2._3, .user-accordion-2._2, .user-accordion-2._4, .user-accordion-2._1 {
flex-direction: column;
display: none;
position: relative;
}
.image-8 {
padding-top: 0;
}
.cotb-grid {
grid-template-columns: 1fr;
}
.cotb-grid.swap-mobile {
flex-direction: column-reverse;
display: flex;
}
.cotb-cover-image {
height: 350px;
}
.cotb-little-birds {
height: 600px;
}
.image-15 {
margin-top: 40px;
}
.div-block-87 {
margin-bottom: 0;
}
.div-block-88 {
max-width: 82%;
}
.div-block-90 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 80%;
display: block;
position: relative;
}
.collapse-heading.born-heading.s-2.tab-text {
font-size: 4rem;
}
.collapse-heading.born-heading.s-2.tab-text.small-text {
line-height: 100%;
}
.collapse-heading.born-heading.tab-text {
font-size: 4rem;
line-height: 100%;
}
.born-heading.collapse-heading.margin-right.yellow-heading.text-tomato.tab-text {
margin-right: 15px;
line-height: 60px;
}
.born-heading.collapse-heading.margin-right.yellow-heading.text-tomato.tab-text.text-margin.font-plus-jakarta {
line-height: 100%;
}
.born-heading.collapse-heading.margin-right.yellow-heading.margin-new.tab-text {
margin-top: 0;
margin-bottom: 0;
font-size: 4rem;
line-height: 100%;
}
.born-heading.s-2.tab-text {
font-size: 4rem;
}
.born-heading.s-2.tab-text.font-plus-jakarta {
line-height: 100%;
}
.born-heading.s-3.tab-text {
line-height: 60px;
}
.born-heading.s-3.tab-text.font-plus-jakarta {
font-size: 4rem;
line-height: 100%;
}
.born-heading.tab-text {
margin-top: 10px;
margin-bottom: 0;
font-size: 4rem;
}
.born-heading.tab-text.mob-text.font-plus-jakarta {
font-size: 4rem;
line-height: 100%;
}
.born-h3 {
position: absolute;
bottom: 0;
}
.div-block-96.carousel-img-div.img-1.h-size.new-size, .div-block-96.carousel-img-div.img-1.h-size.new-size.mob-size, .div-block-96.carousel-img-div.img-3, .div-block-96.carousel-img-div.img-3.mob-size, .div-block-96.carousel-img-div.img-2, .div-block-96.carousel-img-div.img-2.mob-size {
width: 300px;
height: 300px;
}
.div-block-98 {
width: 150px;
height: 150px;
}
.div-block-99.heading-hide {
position: relative;
}
.v-div.background-color-yellow.hide-shape {
width: 40px;
height: 110px;
right: 30px;
}
.v-div.background-color-yellow.hide-shape.bg-tomato, .v-div.background-color-yellow.hide-shape.bg-white, .v-div.background-color-yellow.hide-shape.bg-white.text-yellow {
right: 30px;
}
.h-div.background-color-yellow.hide-shape {
width: 110px;
height: 40px;
top: 30px;
}
.h-div.background-color-yellow.hide-shape.bg-tomato, .h-div.background-color-yellow.hide-shape.bg-white, .h-div.background-color-yellow.hide-shape.bg-white.text-yellow {
top: 30px;
}
.new-button.medium {
display: none;
}
.new-button.medium.hide-in-desktop {
font-family: Dm sans, sans-serif;
display: block;
}
.new-button.medium.stay-connected {
display: block;
}
.ed-crisis-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.circle {
min-width: 130vw;
}
.menu-button-2 {
padding: 10px;
}
.icon {
font-size: 32px;
}
.text-block-17 {
padding-top: 1.8vw;
}
.timeline {
width: 162rem;
padding-left: 27rem;
}
.text-l {
font-size: 1.125rem;
}
.item-timeline {
width: 27rem;
padding-top: 4rem;
padding-bottom: 4rem;
padding-right: 10rem;
}
.vs-2xl {
grid-row-gap: 2.5rem;
}
.wrapper-container {
padding-left: 4rem;
padding-right: 4rem;
}
.section-7 {
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
.section-7.is-timeline {
padding-top: 8rem;
}
.h2-2, .h2-3 {
font-size: 3.2rem;
}
.heading-small {
font-size: 3rem;
}
.info-card {
padding: 3rem;
}
.info-cards-wrapper {
flex-direction: column;
}
.body-medium {
font-size: 1.15rem;
}
.main-slider {
height: 100vh;
}
.main-slider.desktop {
display: none;
}
.main-slider.mobile {
display: block;
}
.main-slider-nav-dots {
background-image: linear-gradient(to top, #131313bf, #0000);
display: block;
}
.c-funtext, .second-slider-container {
display: none;
}
.video-slide-heading {
letter-spacing: 15px;
font-size: 4.5em;
}
.c-slide-btn-loading {
display: none;
}
.c-main-slide-content {
flex-direction: column;
align-items: center;
display: flex;
}
}
@media screen and (max-width: 767px) {
h1, h2 {
font-size: 32px;
line-height: 40px;
}
p {
font-size: 18px;
line-height: 26px;
}
.fs-styleguide_row.is-for-social-icons {
grid-template-rows: auto auto;
}
.fs-styleguide_3-col {
grid-template-columns: 1fr 1fr;
}
.fs-styleguide_color-sample {
padding: 2.5rem 2rem;
}
.heading-medium {
font-size: 1.5rem;
}
.heading-large {
font-size: 2rem;
}
.heading-large.text-weight-light.text-style-offwhite {
font-size: 1.5rem;
line-height: 40px;
}
.heading-large.text-weight-light.text-style-offwhite.small.grey {
font-size: 24px;
line-height: 32px;
}
.text-size-large {
font-size: 1.25rem;
}
.fs-styleguide_section-type {
font-size: .875rem;
}
.heading-xlarge {
font-size: 2.5rem;
}
.hide-mobile-landscape {
display: none;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.page-padding {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.page-padding._150px, .page-padding._100px {
padding-top: 60px;
padding-bottom: 60px;
}
.page-padding._80px {
padding-top: 40px;
padding-bottom: 40px;
}
.page-padding.pb-80 {
padding-bottom: 40px;
}
.page-padding._28px-lr {
padding-left: 28px;
padding-right: 28px;
}
.show-mobile-landscape {
display: block;
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.margin-medium {
margin: 1.25rem;
}
.margin-large {
margin: 1.5rem;
}
.margin-xlarge {
margin: 2rem;
}
.margin-xxlarge {
margin: 3rem;
}
.margin-huge {
margin: 3.5rem;
}
.margin-xhuge {
margin: 4rem;
}
.margin-xxhuge {
margin: 4.5rem;
}
.padding-medium {
padding: 1.25rem;
}
.padding-large {
padding: 1.5rem;
}
.padding-xlarge {
padding: 2rem;
}
.padding-xxlarge {
padding: 3rem;
}
.padding-huge {
padding: 3.5rem;
}
.padding-xhuge {
padding: 4rem;
}
.padding-xxhuge {
padding: 4.5rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-medium.mb-10 {
margin-bottom: 10px;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-huge {
padding-top: 60px;
padding-bottom: 60px;
}
.padding-vertical.padding-large._6-rem {
padding-top: 4rem;
}
.padding-vertical.padding-large.mob-0 {
padding-top: 0;
padding-bottom: 0;
}
.padding-vertical.padding-xxxhuge {
padding-top: 8rem;
padding-bottom: 8rem;
}
.padding-vertical._162 {
padding-top: 100px;
padding-bottom: 100px;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.text-style-nowrap {
white-space: normal;
}
.fs-styleguide_version-details {
font-size: .875rem;
}
.fs-styleguide_page-header {
margin-bottom: 0;
padding-top: 2rem;
padding-bottom: 2rem;
}
.new-navbar-design {
max-width: 100%;
}
.navbar-brand {
padding-left: 0;
}
.nav-menu {
flex-direction: column;
padding-bottom: 1.875rem;
}
.nav-link {
padding-top: .625rem;
padding-bottom: .625rem;
display: inline-block;
}
.hero-profile-image.pro-1 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63a04e7dcaead813cbc05797_1%20(1).png"), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/635ba1368505be6d4838a014_1.png");
background-position: 50% 0, 50% 11%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
height: 350px;
}
.hero-profile-image.pro-2, .hero-profile-image.pro-3, .hero-profile-image.pro-4 {
height: 350px;
}
.profie-expand-button {
padding-top: 2.5rem;
padding-bottom: 0;
padding-right: 0;
inset: auto 1% 1% auto;
}
.icon-add {
filter: none;
}
.top-menu-link {
padding-top: .625rem;
padding-bottom: .625rem;
display: inline-block;
}
.section-home-ed-crisis {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6375b3f9cbef951f66e01fb7_home%20ed%20crisis%20MOBILE.png"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
}
.home-ed-crisis-grid {
grid-template-columns: 2.5fr;
}
.text-ed-crisis {
font-size: 1rem;
}
.heading-ed-crisis {
font-size: 2rem;
}
.our-impact-block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.our-impact-block.mb-60 {
grid-row-gap: 2rem;
margin-bottom: 0;
}
.our-impact-block.bottom {
grid-row-gap: 2rem;
}
.divider {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.apply-now {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
display: flex;
}
.apply-now.swap-mobile {
grid-row-gap: 2rem;
flex-direction: column-reverse;
}
.image-full-width.mobile {
margin-bottom: 16px;
display: none;
}
.image-full-width.desktop {
display: none;
}
.footer-grid-desktop {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-col {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
}
.footer-wrapper {
flex-direction: column;
display: flex;
}
.footer-left_wrapper {
border-bottom: 1px solid #979797;
border-right-style: none;
padding-bottom: 2rem;
}
.footer-subscribe-submit.hide-mobile-landscape {
display: block;
}
.video-slider {
min-height: auto;
padding-bottom: 0;
}
.footer-grid-mobile {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.desk-text-align-center {
text-align: left;
}
.how-to-fellow_wrapper {
grid-row-gap: 32px;
grid-template-columns: 2.5fr;
}
.profile-text-image {
width: 300px;
margin-left: 20px;
}
.div-block-6 {
grid-template-columns: 1fr;
}
.div-block-7 {
border-top: 1px solid #a2a2a2;
border-left-style: none;
margin-top: 40px;
padding-top: 40px;
padding-left: 0;
}
.div-block-7.no-border {
border-top-style: none;
margin-top: 0;
}
.div-block-7.grey-border {
margin-top: 0;
padding-left: 0;
}
.heading.mid {
font-size: 24px;
line-height: 32px;
}
.heading.mid.right {
text-align: left;
line-height: 36px;
}
._2-col-grid {
grid-template-columns: 1fr;
}
._2-col-grid.mb-0 {
margin-top: 1rem;
}
._2-col-grid.mb-0.mob-1-row {
grid-row-gap: 0rem;
}
.text-size-medium-2 {
font-size: 1rem;
}
.faq1_accordion {
padding-bottom: 0;
}
.faq1_accordion.desk-border-bottom {
border-bottom-style: none;
}
.faq1_question {
padding-bottom: 10px;
}
.faq1_component {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.faq1_component._1-col.w50 {
grid-row-gap: 0rem;
width: auto;
}
.home-ed-crisis-grid-copy {
grid-template-columns: 2.5fr;
}
.user-photo-container {
height: 350px;
}
.user-accordion-details {
margin-top: 40px;
padding-bottom: 40px;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.section-ed-crisis-top {
display: none;
}
.p1 {
font-size: 22px;
line-height: 30px;
}
.p3.close-button {
display: none;
}
.p3.mob-f-16 {
font-size: 16px;
line-height: 24px;
}
.quote-text {
font-size: 24px;
line-height: 32px;
}
.quote-text.text-black {
width: 450px;
padding-right: 0;
}
.quote-text.text-black.tab-text {
padding-right: 40px;
}
.quote-text.text-black.tab-text.revamped {
padding-right: 100px;
}
.quote-name.white.mob-f-17, .quote-name.gray.mob-f-17 {
font-size: 17px;
line-height: 25px;
}
.quote-title.mob-f-14 {
font-size: 14px;
line-height: 21px;
}
.p2.white.mxw-480 {
padding-bottom: 16px;
font-size: 14px;
line-height: 16px;
}
.fellowship-company-logos {
flex-wrap: wrap;
justify-content: center;
}
.section-ed-crisis-infor {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/637324275603d207430d2880_ed%20crisis%20Mobile.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.page-ed-crisis-grid {
grid-template-columns: 2.5fr;
}
.section-fellow-top {
height: 500px;
display: none;
}
.section-fellow-top.mobile {
height: 500px;
}
.section-our-impact-top {
display: none;
}
.our-image-video.full._500px {
height: 350px;
}
.spacer._160 {
height: 60px;
}
.h3.blue.mt-0.right-align.small, .h3.right-align {
text-align: left;
}
.div-block-18.single-quote {
height: 250px;
}
.div-block-18.girls {
background-image: none;
background-repeat: repeat;
background-size: auto;
height: auto;
}
.grid-2 {
grid-template-columns: 1fr;
}
.div-block-21 {
max-width: 500px;
min-height: auto;
}
.grid-4 {
grid-template-columns: 1fr;
}
.div-block-22 {
padding-right: 0;
}
.our-impact-infor {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/637b110a9d37fd013eb49984_mobile%20background.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 900px;
}
.our-impact-infor.desktop {
display: none;
}
.our-impact-infor.mobile {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63a0214084d8d4cf8d9f6e5c_mobile%20background%20v3.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
height: 440px;
display: block;
}
.section-about-tfi-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63a030c5caead84b7fbe841e_About%20TFI%20page.jpg"), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/635d0022c3722f1c6b19eb9e_Asset%2050.png");
background-position: 50%, 50%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
height: 500px;
display: none;
}
.history-image {
margin-bottom: 10px;
}
.history-image.desktop {
display: none;
}
.history-image.mobile {
display: block;
}
.div-block-23 {
justify-content: center;
}
.div-block-11-copy, .div-block-11-copy-copy {
grid-template-columns: 1fr;
}
.p5 {
font-size: 16px;
}
.about-tfi-grey-bg {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63a14a0e54dbb21517264146_Teach%20for%20all%20mobile%20image%403x.png"), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6363166030032c9bd599119b_Asset%2046.png");
background-position: 50% 0, 50%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
height: 304px;
}
.hisotry-img-bg._2 {
display: none;
}
.div-block-27 {
padding-right: 0;
}
.theory-icon {
width: 80px;
height: 80px;
}
.div-block-28 {
margin-bottom: 40px;
}
.div-block-33 {
grid-template-columns: 1fr;
}
.image-3 {
display: none;
}
.slider-content {
max-width: 500px;
min-height: auto;
}
.paragraph-4-copy-copy {
font-size: 29px;
line-height: 43px;
}
.fellowship-banner {
display: none;
}
.video-caption {
margin-top: 16px;
}
.col-grid-item.mt--10 {
margin-top: 0;
}
.our-fellow-grid {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.our-fellow-logos {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.our-fellow-logos.right-align {
justify-content: flex-start;
}
.fellowship-experience-grid {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.map-container {
display: none;
}
.city-container {
background-color: #0000;
justify-content: flex-start;
width: auto;
height: auto;
display: flex;
position: relative;
}
.city-details-block {
max-width: none;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.donate-banner {
display: none;
}
.grid-6 {
grid-column-gap: 20px;
}
.invest-image {
margin-bottom: 10px;
}
.div-block-39 {
margin-top: 20px;
}
.work-with-us-banner, .faq-banner, .financial-banner, .child-protection-policy-banner {
display: none;
}
.grid-7.center {
grid-template-columns: 1fr;
margin-bottom: 40px;
}
.div-block-46 {
padding-right: 20px;
}
.div-block-47 {
padding-left: 20px;
}
.p-policy-banner {
display: none;
}
.div-block-48 {
border-left-style: none;
padding-left: 0;
}
.financial-block {
max-height: 500px;
}
.div-block-50 {
max-height: 400px;
}
.div-block-51 {
padding-top: 0;
}
.ed-crisis-info-2-desktop, .ed-info-desktop {
display: none;
}
.ed-info-mobile {
display: block;
}
.div-block-52 {
grid-row-gap: 0rem;
flex-direction: column;
}
.oi-info-desktop {
display: none;
}
.oi-info-mobile, .oi-succsess-info-mobile, .ed-crisis-info-2-mobile {
display: block;
}
.volunteer-bg-img, .contact-bg-img {
display: none;
}
.contact-grid {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.innovation-logo-container {
width: 150px;
height: 60px;
}
.student-impact-desktop {
display: none;
}
.student-impact-mobile {
display: block;
}
.donate-faq-grid {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.donate-faq-grid._1-col.w50 {
width: auto;
}
.search-popup-container {
width: 90%;
}
.search-icon-link {
padding-top: .625rem;
padding-bottom: .625rem;
display: inline-block;
}
.h3-mt-0.mb-30.center {
margin-bottom: 10px;
}
.h3-mt-0.mb-30.center._12px, .h3-mt-0.center._12px {
font-size: 12px;
line-height: 18px;
}
.h1-mt-0.blue.center._16px {
font-size: 16px;
line-height: 22px;
}
.h2-center {
text-align: left;
}
.section-title-container {
margin-bottom: 24px;
}
.lightbox-link {
height: 350px;
}
.collection-list-wrapper.mt-1-5rem {
margin-top: 1.5rem;
}
.infor-content {
margin-top: 40px;
}
.div-block-66 {
margin-bottom: 2rem;
}
.social-flex {
justify-content: center;
margin-top: 20px;
}
.social-flex.right-align {
justify-content: center;
}
.social-container {
grid-row-gap: 40px;
flex-direction: column;
align-items: center;
}
.social-block {
min-width: auto;
}
.h3-dark.mx-250 {
max-width: none;
}
.success-banner {
display: none;
}
.text-block-4 {
font-size: 14px;
line-height: 21px;
}
.div-block-68 {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.hero-mobile {
display: block;
}
.mobile-hide, .mobile-hide-contact {
display: none;
}
.history-img-mobile {
display: block;
}
.div-block-70 {
width: 450px;
}
.innovated-slider {
max-width: 500px;
min-height: auto;
}
.blog-page-banner {
height: 500px;
display: none;
}
.blog-page-banner.mobile {
height: 500px;
}
.tp-blog-item {
flex-direction: column;
}
.tp-blog-thumbnail._300 {
width: 100%;
height: 200px;
margin-bottom: 24px;
}
.tp-blog-item-hoz {
flex-direction: column;
}
.div-block-75 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.div-block-75.mb-150 {
margin-bottom: 0;
}
.blog-read-more-sec {
padding-top: 20px;
}
.share-container, .share-container.white-bg {
width: 40px;
top: 40px;
right: -10px;
}
.blog-social-icon {
height: 16px;
}
.div-block-77, .mobile-subscription {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.blog-single-page-banner {
height: 500px;
display: none;
}
.blog-single-page-banner.mobile {
height: 500px;
}
.blog-main-banner {
height: 300px;
}
.author-img {
margin-bottom: 20px;
}
.div-block-81 {
flex-direction: column;
align-items: center;
}
.div-block-82 {
align-items: center;
}
.div-block-83 {
text-align: center;
margin-bottom: 20px;
}
.blog-cat-page-banner {
height: 500px;
display: none;
}
.blog-cat-page-banner.mobile {
height: 500px;
}
.blog-cat-item-grid {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.blog-cat-item-flex.mb-mob-0 {
margin-bottom: 0;
}
.quote-title-copy.mob-f-14 {
font-size: 14px;
line-height: 21px;
}
.bog-divider {
background-color: #b4b4b4;
width: 100%;
height: 1px;
margin-top: 40px;
margin-bottom: 40px;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.tags-page-banner {
height: 500px;
display: none;
}
.tags-page-banner.mobile {
height: 500px;
}
.blog-cat-banner {
height: 500px;
display: none;
}
.blog-cat-banner.mobile {
height: 500px;
}
.cotb-grid {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
display: flex;
}
.cotb-grid.swap-mobile {
grid-row-gap: 2rem;
flex-direction: column-reverse;
}
.cotb-cover-image {
display: none;
}
.cotb-intro-image1 {
margin-bottom: 10px;
}
.cotb-intro-image1.desktop {
display: none;
}
.cotb-intro-image1.mobile {
display: block;
}
.cotb-testimonial-image1 {
margin-bottom: 10px;
}
.cotb-testimonial-image1.desktop {
display: none;
}
.cotb-testimonial-image1.mobile {
display: block;
}
.cotb-little-birds {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63a14a0e54dbb21517264146_Teach%20for%20all%20mobile%20image%403x.png"), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6363166030032c9bd599119b_Asset%2046.png");
background-position: 50% 0, 50%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
height: 304px;
}
.navbar-volunteer {
max-width: 100%;
}
.collapse-heading.born-heading {
margin-top: 10px;
margin-bottom: 0;
font-size: 2.9rem;
line-height: 40px;
}
.collapse-heading.born-heading.s-2 {
margin-bottom: 0;
font-size: 2.9rem;
}
.collapse-heading.born-heading.s-2.tab-text.small-text {
font-size: var(--phone-heading);
line-height: 100%;
}
.collapse-heading.born-heading.margin-new {
margin-bottom: 10px;
font-size: 2.9rem;
}
.collapse-heading.born-heading.margin-new.tab-text {
line-height: 40px;
}
.collapse-heading.born-heading.margin-new.tab-text.font-plus-jakarta {
line-height: 100%;
}
.collapse-heading.born-heading.tab-text {
font-size: 4rem;
line-height: 100%;
}
.collapse-heading.born-heading.tab-text.font-plus-jakarta {
font-size: var(--phone-heading);
}
.born-heading {
margin-top: 10px;
font-size: 2.9rem;
}
.born-heading.collapse-heading.margin-right.yellow-heading.text-tomato {
font-size: 2.9rem;
line-height: 40px;
}
.born-heading.collapse-heading.margin-right.yellow-heading.text-tomato.tab-text.text-margin {
line-height: 40px;
}
.born-heading.collapse-heading.margin-right.yellow-heading.text-tomato.tab-text.text-margin.font-plus-jakarta {
font-size: var(--phone-heading);
line-height: 100%;
}
.born-heading.collapse-heading.margin-right.yellow-heading.margin-new {
margin-top: 0;
margin-bottom: 0;
}
.born-heading.collapse-heading.margin-right.yellow-heading.margin-new.tab-text {
font-size: 4rem;
line-height: 100%;
}
.born-heading.collapse-heading.margin-right.yellow-heading.margin-new.tab-text.font-plus-jakarta {
font-size: var(--phone-heading);
}
.born-heading.s-2 {
margin-top: 10px;
font-size: 2.9rem;
}
.born-heading.s-2.tab-text {
font-size: 2.9rem;
}
.born-heading.s-2.tab-text.font-plus-jakarta {
font-size: var(--phone-heading);
line-height: 100%;
}
.born-heading.s-3 {
margin-bottom: 70px;
font-size: 2.9rem;
line-height: 40px;
}
.born-heading.s-3.tab-text {
line-height: 40px;
}
.born-heading.s-3.tab-text.font-plus-jakarta {
font-size: var(--phone-heading);
line-height: 100%;
}
.born-heading.tab-text.mob-text {
font-size: 2.9rem;
}
.born-heading.tab-text.mob-text.font-plus-jakarta {
font-size: 4rem;
line-height: 100%;
}
.born-heading.tab-text.mob-text.font-plus-jakarta.text-for-vertical {
font-size: var(--phone-heading);
}
.born-h3 {
font-size: 25px;
position: absolute;
bottom: 0;
}
.born-h3.text-tomato {
font-size: 25px;
font-weight: 500;
}
.div-block-94 {
width: 100px;
height: 40px;
display: block;
}
.div-block-95 {
width: 40px;
height: 100px;
display: block;
}
.grid-8.bg-tomato {
justify-content: space-between;
}
.grid-8.bg-tomato.bg-blue {
grid-template-columns: 1fr .4fr;
}
.div-block-96.carousel-img-div.img-1.h-size {
width: 250px;
height: 250px;
}
.div-block-96.carousel-img-div.img-1.h-size.new-size.mob-size {
width: 40vw;
height: 250px;
}
.div-block-96.carousel-img-div.img-3 {
text-align: left;
width: 260px;
height: 260px;
}
.div-block-96.carousel-img-div.img-3.mob-size {
width: 40vw;
height: 250px;
}
.div-block-96.carousel-img-div.img-2 {
width: 250px;
height: 250px;
}
.div-block-96.carousel-img-div.img-2.mob-size {
background-position: 100% 0;
width: 40vw;
height: 250px;
}
.div-block-98, .div-block-98.bg-tomato, .div-block-98.bg-yellow {
width: 50%;
height: 50%;
}
.div-block-99.heading-hide {
font-size: 2rem;
position: relative;
}
.v-div.background-color-yellow.hide-shape {
width: 40px;
height: 80%;
right: 30px;
}
.v-div.background-color-yellow.hide-shape.bg-tomato, .v-div.background-color-yellow.hide-shape.bg-white {
width: 40px;
height: 100px;
right: 30px;
}
.h-div.background-color-yellow.hide-shape, .h-div.background-color-yellow.hide-shape.bg-tomato, .h-div.background-color-yellow.hide-shape.bg-white {
width: 82%;
height: 40px;
top: 30px;
}
.banner-applynow-btn {
font-size: 1rem;
}
.banner-phone {
padding: 1.25rem;
}
.grid-container {
padding-left: 15px;
padding-right: 15px;
}
.circle {
min-width: 140vw;
}
.page-padding-3 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.text-l {
font-size: 1.067rem;
}
.arrow-timeline {
display: none;
}
.item-timeline {
padding-top: 2rem;
padding-bottom: 2rem;
}
.wrapper-container {
padding-left: 2rem;
padding-right: 2rem;
}
.arrow-wrapper-timeline {
height: 2rem;
}
.progress-timeline {
width: 100%;
left: 0;
}
.section-7 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.section-7.is-timeline {
padding-top: 6rem;
padding-bottom: 2rem;
}
.slider_nav-link {
width: 48px;
height: 48px;
}
.slider_nav-arrow {
width: 24px;
height: 21px;
}
.h2-2 {
font-size: 2.5rem;
}
.section-8 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.h2-3 {
font-size: 2.5rem;
}
.faq1_accordion-2 {
padding-bottom: 0;
}
.step-content-block {
z-index: 2;
order: -1;
justify-content: center;
align-items: center;
display: flex;
}
.img-block {
z-index: 3;
order: 3;
width: 70%;
min-height: 50vh;
padding-top: 20px;
position: relative;
}
.dot {
z-index: 99;
order: 2;
align-self: center;
margin-bottom: 0;
position: absolute;
bottom: 50%;
}
.step {
justify-content: center;
padding: 8%;
}
.scoll-wrap {
z-index: 1;
height: 100%;
bottom: 50%;
}
.content-wrap {
justify-content: center;
align-items: center;
width: 90%;
height: 50vh;
padding-bottom: 20px;
}
.step-block {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 110vh;
}
.heading-small {
font-size: 2.8rem;
}
.service-card-open-close {
width: 3rem;
height: 3rem;
}
.info-card {
grid-row-gap: 2.5rem;
min-height: 32rem;
padding: 1.6rem;
}
.body-small {
font-size: 1rem;
}
.body-medium {
font-size: 1.15rem;
}
.play-btn {
width: 20px;
height: 20px;
}
.c-slide-btn-block {
width: 12vw;
height: 12vw;
}
.c-main-slide-description {
width: auto;
margin-bottom: 10px;
font-size: 1em;
}
.ci-main-slide-content {
text-align: left;
align-items: flex-start;
width: 70%;
}
.video-slide-heading {
letter-spacing: 5px;
font-size: 3em;
}
.c-slide-btn {
width: 30%;
padding: 3vw;
}
.c-main-slide-content {
flex-direction: row;
justify-content: space-between;
width: 100%;
padding-left: 7vw;
padding-right: 7vw;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 24px;
line-height: 36px;
}
h2 {
line-height: 36px;
}
h3 {
font-size: 18px;
}
.button {
font-size: .8rem;
}
.button.medium.new-btn {
border-radius: 7px;
}
.heading-medium.text-style-uppercase.hide-mobile-landscape {
display: block;
}
.heading-medium._42px {
font-size: 32px;
line-height: 40px;
}
.heading-large.text-weight-light.text-style-offwhite.small {
font-size: 24px;
line-height: 32px;
}
.heading-large.text-weight-light.text-style-offwhite.small.black {
font-size: 29px;
line-height: 43px;
}
.text-align-center {
font-size: 24px;
}
.text-align-center.mob-small {
font-size: 2rem;
line-height: 40px;
}
.text-align-center.donate {
text-align: left;
}
.text-align-center.mobile {
padding-left: 30px;
padding-right: 30px;
}
.text-align-center.donor.mobile {
margin-top: 40px;
}
.show-mobile-portrait {
display: block;
}
.hide-mobile-portrait {
display: none;
}
.text-size-medium.text-style-offwhite {
font-size: 24px;
}
.text-size-medium._29px {
font-size: 24px;
line-height: 32px;
}
.text-size-medium._24px {
font-size: 24px;
}
.text-size-medium._24px.medium-fira {
font-family: Mulish, sans-serif;
font-size: 18px;
}
.text-size-medium._24px.mobile {
font-size: 18px;
}
.text-size-medium._20px {
padding-bottom: 0;
font-size: 16px;
}
.text-size-medium._20px.city {
padding-bottom: 45px;
}
.text-size-medium._18px.mobile {
font-size: 18px;
}
.text-size-small.text-style-offwhite {
text-align: center;
font-size: 12px;
}
.text-rich-text p {
font-size: 16px;
}
.container-large {
position: static;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.page-padding {
overflow: hidden;
}
.page-padding._150px {
padding-top: 40px;
padding-bottom: 40px;
}
.page-padding._100px.mobile {
padding-top: 0;
padding-bottom: 0;
}
.page-padding._80px.mob-top0 {
padding-top: 0;
}
.page-padding._80px.donation {
padding-top: 16px;
}
.page-padding._80px.mobile {
padding-top: 0;
}
.page-padding._80px.logo {
padding-bottom: 20px;
}
.page-padding.pb-80.logo {
padding-bottom: 59px;
}
.page-padding.io-box {
padding-left: 8px;
padding-right: 8px;
}
.page-padding._28px-lr.innovated.mobile {
margin-top: 36px;
}
.page-padding.greybg.mobile {
padding-bottom: 15px;
}
.page-padding.v-padding {
padding-top: 30px;
padding-bottom: 30px;
}
.page-padding.revamped.revamped-mobile {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.page-padding.revamped-letf-padding {
padding-left: 1.25rem;
}
.page-padding.why-we-exist-position {
position: relative;
top: 40px;
}
.fs-styleguide_2-col {
grid-template-columns: auto;
}
.button-secondary {
font-size: 14px;
}
.button-secondary.min-width-12 {
min-width: 8rem;
font-size: 14px;
font-weight: 500;
}
.button-secondary.min-width-8 {
min-width: 6rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-small {
text-align: left;
}
.margin-top.margin-small.cotb.mobile {
text-align: center;
margin-bottom: 4rem;
padding-top: 0;
}
.margin-top.margin-small.revamped {
margin-top: 0;
}
.margin-top.margin-xlarge {
padding-right: 0;
}
.margin-top.margin-xlarge._6rem {
margin-top: 18px;
}
.margin-top.margin-xlarge.flex-center.volunteer, .margin-top.margin-xlarge.flex-center.cotb {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.margin-top.margin-xlarge.flex-gap {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: .5fr .5fr;
grid-auto-columns: 1fr;
align-items: stretch;
min-width: 8rem;
padding-left: 0;
display: flex;
}
.margin-top.margin-large.flex-left.flex-razor {
flex-direction: column;
align-items: center;
margin-bottom: 4rem;
}
.margin-top.margin-large.flex-left.flex-razor.cotb {
margin-bottom: 0;
}
.margin-top.margin-large.flex-left.flex-razor.cotb.mobile {
margin-bottom: 1rem;
}
.margin-top.margin-large.flex-gap-large {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.margin-top.margin-large.flex-gap-large.cotb.mobile {
margin-bottom: 4rem;
}
.margin-top.margin-large.question {
display: flex;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-medium {
margin-bottom: 1.5rem;
}
.margin-bottom.margin-medium.cotb.mobile {
margin-top: -4.9rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-huge {
text-align: left;
width: auto;
margin-left: 0;
margin-right: 0;
padding-top: 40px;
padding-bottom: 40px;
display: block;
}
.padding-vertical.padding-huge.bottom-0 {
padding-top: 54px;
}
.padding-vertical.padding-huge.pt-40 {
padding-top: 45px;
}
.padding-vertical.padding-huge.pt-0.pb-80.mobile {
padding-top: 0;
padding-bottom: 0;
}
.padding-vertical.padding-huge.pt-0.youtube {
margin-top: -40px;
padding-top: 0;
padding-bottom: 10px;
}
.padding-vertical.padding-huge.pt-0.cotb.mobile {
padding-bottom: 20px;
}
.padding-vertical.padding-huge.pb-0.mobile {
padding-top: 20px;
}
.padding-vertical.padding-huge.text-center.cotb.mobile {
padding-bottom: 20px;
}
.padding-vertical.padding-huge.oi-info {
padding-top: 19px;
}
.padding-vertical.padding-huge.fellowhide {
display: none;
}
.padding-vertical.padding-huge.mobile {
padding-top: 60px;
padding-bottom: 0;
}
.padding-vertical.padding-huge.mobile.impact {
padding-top: 0;
}
.padding-vertical.padding-huge.mobile.faq {
padding-top: 20px;
padding-bottom: 0;
}
.padding-vertical.padding-huge.mobile.donate, .padding-vertical.padding-huge.mobile.financials, .padding-vertical.padding-huge.mobile.ppolicy {
padding-top: 20px;
}
.padding-vertical.padding-huge.mobile.refund {
margin-top: -42px;
padding-top: 0;
padding-bottom: 0;
}
.padding-vertical.padding-huge.mobile.terms {
margin-top: -32px;
padding-top: 0;
}
.padding-vertical.padding-huge.mobile.left-and-right-padding {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-huge.mobile.margin-bottom {
padding-bottom: 60px;
}
.padding-vertical.padding-huge.apply {
border-top: 1px solid #c5c5c5;
padding-top: 45px;
}
.padding-vertical.padding-huge.history {
padding-bottom: 54px;
}
.padding-vertical.padding-huge.fellowship {
padding-bottom: 50px;
}
.padding-vertical.padding-huge.why.grey.mobile {
padding-top: 60px;
padding-bottom: 60px;
}
.padding-vertical.padding-huge.why.cohort.mobile {
padding-bottom: 60px;
}
.padding-vertical.padding-huge.why.cohort.mobile.stories {
margin-left: 0;
}
.padding-vertical.padding-huge.cotb.mobile {
padding-top: 20px;
}
.padding-vertical.padding-huge.cotb.donate.mobile {
padding-bottom: 20px;
}
.padding-vertical.padding-huge.cotb.interim {
padding-top: 60px;
}
.padding-vertical.padding-huge.cotb-intro.grey.mobile {
padding-top: 60px;
padding-bottom: 60px;
}
.padding-vertical.padding-huge.cotb-intro.cohort.mobile {
padding-bottom: 60px;
}
.padding-vertical.padding-huge.cotb-intro.cohort.mobile.stories {
margin-left: 0;
}
.padding-vertical.padding-huge.vertial-space {
padding-top: 50px;
padding-bottom: 50px;
}
.padding-vertical.padding-huge.left-and-right-padding, .padding-vertical.padding-huge.new-donate-page {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-huge.ed-crisis {
padding-top: 0;
padding-bottom: 0;
}
.padding-vertical.padding-huge.less-padding {
padding-bottom: 10px;
}
.padding-vertical.padding-huge.less-margin {
padding-top: 30px;
padding-bottom: 0;
}
.padding-vertical.padding-xlarge {
padding-bottom: 40px;
}
.padding-vertical.padding-xhuge {
padding-top: 32px;
padding-bottom: 32px;
}
.padding-vertical.padding-xhuge.mt-6rem {
padding-top: 2rem;
padding-bottom: 3rem;
}
.padding-vertical.cotb.mobile {
padding-bottom: 40px;
}
.padding-vertical.padding-y.revamped.mobile {
height: auto;
}
.padding-vertical.padding-bottom {
padding-top: 20px;
padding-bottom: 0;
}
.padding-vertical.padding-small {
padding-top: 20px;
padding-bottom: 20px;
}
.padding-vertical.padding-huge-new.y-margin {
padding-top: 35px;
padding-bottom: 35px;
}
.padding-vertical.padding-huge-new.hide-in-destop {
display: block;
}
.padding-vertical.padding-huge-new.hide-in-mobile {
display: none;
}
.padding-vertical.padding-huge-new.less-margin {
padding-bottom: 10px;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.new-navbar-design {
background-color: var(--white);
}
.new-navbar-design.new-nav {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-menu-wrapper {
float: right;
width: 100%;
}
.nav-menu {
flex-direction: column;
}
.nav-menu.revamped {
position: relative;
}
.nav-menu.revamped.revamped-phone {
position: static;
}
.menu-button {
padding: .4rem;
}
.nav-top {
display: none;
}
.nav-logo {
max-height: 1.5rem;
margin-top: 0;
}
.nav-logo.no-margin {
width: 170px;
}
.hero-cta-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .75rem;
flex-direction: column;
align-items: flex-start;
}
.hero-profiles-wrapper {
grid-template-columns: 1fr;
}
.hero-profile-card {
height: auto;
min-height: auto;
}
.hero-profile-image {
object-position: 50% 15%;
}
.hero-profile-image.pro-1 {
background-position: 0 0, 50% 11%;
height: 145px;
}
.hero-profile-image.pro-2 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/639ffdca406f2f71a9b20a9b_2.png"), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/635ba133423d842488f159bd_2.png");
background-position: 0 0, 50% 12%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
height: 145px;
}
.hero-profile-image.pro-3 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/639ffdf01caa80714545f2dc_3.png"), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/635ba130ee312a527a794d5e_3.png");
background-position: 0 0, 50% 12%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
height: 145px;
}
.hero-profile-image.pro-4 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/639ffdfd36cbb34254b072c7_4.png"), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/635ba12ded089b5e4c8a2c53_4.png");
background-position: 0 0, 50% 12%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
height: 145px;
}
.profie-expand-button {
padding-top: 2.2rem;
bottom: 0%;
}
.icon-add {
width: 18px;
}
.section-home-ed-crisis {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6375b3f9cbef951f66e01fb7_home%20ed%20crisis%20MOBILE.png");
background-position: 0 0;
background-repeat: repeat;
background-size: cover;
}
.section-home-ed-crisis.white-bg {
background-image: linear-gradient(to bottom, var(--white), var(--white));
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
overflow: visible;
}
.home-ed-crisis-grid {
margin-bottom: 0;
}
.heading-ed-crisis {
font-size: 24px;
}
.heading-ed-crisis.innovated.stories.mobile {
align-self: flex-start;
}
.heading-ed-crisis.innovated.mobile {
line-height: 28px;
}
.button-outlne {
border-radius: 7px;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1rem;
font-weight: 600;
}
.button-outlne.grey {
text-align: center;
object-fit: fill;
flex: 0 auto;
order: 0;
align-self: auto;
min-width: 8rem;
min-height: 45px;
margin-bottom: 15px;
font-size: 14px;
line-height: 24px;
overflow: scroll;
}
.button-outlne.grey.volunteer {
width: auto;
line-height: 24px;
}
.button-outlne.grey.innovated {
min-width: 0;
}
.button-outlne.grey.innovated.mobile {
text-align: left;
margin-top: 42px;
margin-left: 0;
}
.button-outlne.grey.new-btn {
border-radius: 7px;
width: 139px;
font-weight: 600;
}
.button-outlne.grey.new-btn.white-btn {
overflow: visible;
}
.button-outlne.grey.new-btn.revamped-btn {
width: 130px;
overflow: hidden;
}
.button-outlne.grey.new-btn.revamped-btn.test-btn {
direction: ltr;
white-space: nowrap;
word-break: normal;
width: auto;
min-width: auto;
padding-left: 2.8vw;
padding-right: 2.8vw;
font-size: 3.9vw;
}
.button-outlne.grey.new-btn.revamped-btn.new-test-btn {
white-space: nowrap;
width: 27.6vw;
min-width: 5rem;
font-size: 11px;
}
.button-outlne.mobile {
font-size: 14px;
font-weight: 500;
}
.button-outlne.mobile.new-btn {
border-radius: 7px;
min-height: 38px;
padding: 6px .5rem 5px;
line-height: 25px;
}
.button-outlne.innovated.mobile {
margin-top: 0;
font-size: 12px;
font-weight: 400;
}
.button-outlne.cotb.mobile {
text-align: left;
}
.button-outlne.revamped-btn {
min-height: 40px;
padding: 9px .5rem 6px;
}
.apply-now {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.apply-now-wrapper {
flex: 0 auto;
justify-content: space-between;
margin-top: -16px;
}
.button-container {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
}
.button-container.mob-space-between {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: wrap-reverse;
justify-content: center;
align-self: flex-start;
}
.button-container.mob-space-between.revamped-btn {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: space-between;
width: 100%;
}
.button-container.mob-space-between.revamped-btn.revamped-test {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
justify-content: space-between;
width: 100%;
}
.image-full-width.revamped-image, .image-full-width.revamped-image.revamped-images {
display: none;
}
.image-full-width.revamped-image-mobile {
display: inline-flex;
}
.image-full-width.width-75 {
max-width: 100%;
}
.footer-grid-desktop {
order: 1;
grid-template-columns: 1fr;
}
.footer-grid-desktop.footer-mobile {
grid-column-gap: 60px;
grid-row-gap: 15px;
grid-template-rows: 1fr;
grid-template-columns: 1fr minmax(120px, 1fr);
grid-auto-columns: 1fr;
padding-right: 0;
font-size: 14px;
font-weight: 500;
}
.footer-col {
flex-wrap: nowrap;
align-content: center;
font-size: 14px;
}
.footer-logo {
margin-bottom: 2rem;
}
.footer-left_wrapper {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-direction: column;
align-items: flex-start;
padding-bottom: 2rem;
display: flex;
}
.text-color-inherit.small {
font-size: 18px;
}
.footer-social {
font-size: 24px;
}
.footer-subscribe-block {
color: #fff;
}
.footer-subscribe-input {
color: #fff;
min-width: auto;
}
.footer-social-icons {
font-size: 16px;
}
.video-slider {
min-height: auto;
}
.footer-grid-mobile {
order: 1;
}
.menu-icon {
font-size: 2rem;
}
.how-to-fellow_wrapper {
grid-column-gap: 54px;
grid-row-gap: 54px;
grid-template-columns: 1fr;
}
.list.mobile {
margin-left: 0;
}
.eligibility-list-item {
border-left-style: none;
padding-left: 0;
font-size: 18px;
line-height: 26px;
}
.eligibility-list-item.mobile {
float: none;
clear: none;
object-fit: fill;
object-position: 50% 50%;
border-left-width: 2px;
height: auto;
margin-top: 0;
margin-bottom: 1rem;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
font-size: 18px;
line-height: 26px;
list-style-type: none;
position: static;
overflow: visible;
}
.eligibility-list-item.mobile.fellow-border {
border-left-style: none;
height: 24px;
margin-top: 0;
padding-top: 0;
padding-bottom: 28px;
}
.profile-text-image {
width: 140px;
margin-bottom: 12px;
margin-left: 12px;
}
.profile-text-image.small {
width: 140px;
}
.div-block-7 {
padding-top: 55px;
}
.div-block-7.no-border.circle {
border-left-style: none;
padding-top: 25px;
}
.image {
width: 100%;
}
.image.phone {
width: 90%;
}
.div-block-9.mobile {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.heading.mid.right, .heading.mid.right.mobile {
font-size: 18px;
}
.border-stage.absolute {
margin-left: 9px;
display: block;
top: 13%;
}
.border-stage.mobile {
background-color: var(--white-smoke);
mix-blend-mode: normal;
}
._2-col-grid.center.mb-6 {
margin-bottom: 4rem;
}
._2-col-grid.mb-0 {
grid-row-gap: 15px;
margin-top: 0;
}
._2-col-grid.mb-0.mob-1-row {
grid-template-columns: 1fr;
}
.faq1_answer {
padding-bottom: 0;
}
.faq1_answer.grey.mobile {
font-size: 16px;
}
.faq1_accordion {
padding-bottom: 0;
}
.faq1_accordion._22 {
border-bottom-color: #c5c5c5;
}
.faq1_accordion.action.mobile, .faq1_accordion.cotb-intro-text.mobile {
margin-top: 0;
}
.faq1_accordion._22-new {
border-bottom-color: #c5c5c5;
}
.faq1_question {
text-transform: none;
border-top-style: solid;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
font-family: Firasans, sans-serif;
font-weight: 400;
}
.faq1_question.grey {
padding-top: 20px;
padding-bottom: 20px;
}
.faq1_question.grey.history {
padding-top: 10px;
padding-bottom: 0;
}
.faq1_question.mobile {
padding-top: 20px;
padding-bottom: 0;
font-family: Mulish, sans-serif;
font-size: 18px;
font-weight: 500;
}
.faq1_question.mobile.fellowshipcity {
padding-top: 15px;
padding-bottom: 12px;
}
.faq1_question.last {
padding-bottom: 0;
}
.faq1_question._22, .faq1_question.b22 {
border-top-style: none;
}
.faq1_question.second.mobile {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.faq1_component.flex, .faq1_component._1-col {
grid-row-gap: 0rem;
}
.faq1_component._1-col.w50 {
min-width: 100%;
}
.salary-figure.small {
font-size: 24px;
}
.salary-figure.small.smallmobile {
grid-column-gap: 0px;
grid-row-gap: 0px;
white-space: normal;
flex-wrap: nowrap;
width: 162px;
height: 162px;
padding-bottom: 2rem;
line-height: 24px;
}
.salary-figure.mobile {
border-radius: 53%;
width: 162px;
height: 162px;
font-size: 40px;
font-weight: 500;
}
.text-block-2 {
font-size: 24px;
}
.user-profile {
object-position: 50% 15%;
}
.user-photo-container {
height: 145px;
}
.section-ed-crisis-top {
height: 300px;
}
.p1 {
font-size: 20px;
line-height: 28px;
}
.p1.text-align-center.mobile {
font-size: 16px;
}
.p1.text-align-center.mobile.margin-top-100 {
padding-top: 0;
padding-bottom: 60px;
}
.p1.text-align-center.mobile.margin-top-100.revamped {
padding-bottom: 20px;
}
.p1.mobile {
padding-right: 40px;
font-size: 16px;
line-height: 20px;
}
.p1.mobile.workus {
margin-bottom: -1.6rem;
padding-bottom: 0;
}
.p1.mobile.dm-sans {
padding-top: 10px;
padding-right: 0;
font-size: 16px;
}
.paragraph-3.dm-sans.mobile {
text-align: left;
font-size: 18px;
}
.div-block-14 {
margin-bottom: 0;
}
.heading-2.mt--10.mobile {
margin-bottom: 18px;
font-size: 24px;
}
.heading-2.mt--10.mobile.revamped-heading {
margin-bottom: 12px;
}
.heading-2.mobile {
margin-top: -7px;
margin-bottom: 18px;
font-size: 24px;
}
.heading-2.mobile.revamped {
margin-top: 0;
}
.p3 {
padding-right: 0;
font-family: Firasans, sans-serif;
font-size: 16px;
line-height: 26px;
}
.p3.grey._29px.center.mobile.impact {
text-indent: 0;
line-height: 32px;
}
.p3.grey._29px.mobile {
font-size: 16px;
}
.p3.close-button {
display: none;
}
.p3._20px.mtb-10-24.mobile {
font-size: 16px;
}
.p3._20px.mtb-10-24.cotb.mobile {
color: var(--white);
text-align: left;
margin-top: 0;
margin-bottom: 0;
line-height: 28px;
}
.p3._20px.mtb-10-24.cotb.show.mobile {
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.p3._20px.mtb-10-24.cotb.sponsor.mobile {
text-align: center;
}
.p3.text-link.mobile {
font-size: 18px;
}
.p3.mt--10 {
margin-bottom: -1.3rem;
}
.p3.workus {
color: var(--deep-sky-blue);
margin-top: 54px;
margin-bottom: -3.1rem;
font-family: Mulish, sans-serif;
font-size: 18px;
font-weight: 500;
}
.p3.mobile {
margin-top: 15px;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 0;
}
.p3.second {
margin-top: 10px;
}
.p3.cotb.mobile {
padding-top: 0;
}
.p3.cotb-slide-content {
line-height: 24px;
}
.p3.cotb-slide-content.mobile {
padding-top: 0;
padding-bottom: 20px;
}
.p3.revamped-text-height.dm-sans.revamped-text {
font-size: 16px;
line-height: 20px;
}
.p3.dm-sans.revamped-text {
margin-bottom: 1rem;
font-size: 16px;
line-height: 20px;
}
.p3.dm-sans.revamped-text.revamped {
font-size: 16px;
}
.link-margin-top.revamped {
margin-top: 20px;
}
.quote-text {
font-family: Mulish, sans-serif;
}
.quote-text.mullis {
color: var(--white-smoke-2);
}
.quote-text.mullis.mobile {
font-size: 24px;
}
.quote-text.cotb.mobile, .quote-text.cotb-testimnonials-quote.mobile {
font-size: 16px;
line-height: 24px;
}
.quote-text.text-black {
width: 200px;
}
.quote-text.text-black.tab-text {
width: auto;
padding-right: 100px;
font-size: 16px;
line-height: 20px;
}
.quote-text.text-black.tab-text.revamped {
margin-top: 0;
margin-bottom: 0;
padding-right: 80px;
font-size: 16px;
line-height: 20px;
}
.quote-text.text-black.tab-text.revamped.revamped-margin {
margin-top: auto;
margin-bottom: 8px;
font-size: 16px;
}
.quote-text.text-black.tab-text.revamped.padding-right {
padding-right: 80px;
}
.quote-name {
text-align: right;
font-size: 17px;
}
.quote-name.white {
text-align: left;
font-size: 17px;
line-height: 26px;
}
.quote-name.gray {
text-align: left;
}
.quote-name.cotb.mobile, .quote-name.cotb-testimnonials-name.mobile {
font-size: 14px;
line-height: 20px;
}
.quote-title {
text-align: right;
font-size: 14px;
}
.quote-title.orange.mob-f-14 {
text-align: left;
}
.quote-title.cotb.mobile, .quote-title.cotb-testimnonials-title.mobile {
font-size: 12px;
line-height: 16px;
}
.h2.white {
font-size: 1.8rem;
line-height: 40px;
}
.h2.white.mobile, .h2.white.volunteer-mobile {
font-size: 24px;
}
.h2.white.volunteer-mobile.mobile {
font-size: 16px;
line-height: 28px;
}
.h2.white.text-tomato {
margin-bottom: 20px;
}
.h2.white.text-tomato.revamped {
margin-top: 0;
margin-bottom: 10px;
line-height: 22px;
}
.h2.mt-0.mt--10 {
font-size: 24px;
}
.h2.mt-0.mt--10.mobile {
color: var(--deep-sky-blue-2);
font-family: Dm sans, sans-serif;
font-size: 24px;
line-height: 35px;
}
.h2.mt-0.mt--10.mobile.green-heading {
color: var(--green);
font-size: 26px;
font-weight: 700;
}
.h2.mt-0.mt--10.mobile.dm-sans {
font-size: 1.8rem;
}
.h2.mt-0.mobile {
font-size: 24px;
}
.h2.mt-0.mobile.green {
font-size: 1.8rem;
line-height: 25px;
}
.h2.mb-0.mt--10 {
margin-top: 0;
font-size: 24px;
}
.h2.mb-0.mt--10.mobile {
font-size: 30px;
line-height: 35px;
}
.h2.mb-60.mobile {
margin-bottom: 1.5rem;
font-size: 24px;
}
.h2.mb-60.mobile.annual {
margin-top: 2rem;
margin-bottom: 1.5rem;
padding-top: 0;
}
.p2 {
font-size: 16px;
line-height: 28px;
}
.p2.white {
font-size: 16px;
line-height: 32px;
}
.p2.white.mxw-480 {
max-width: 480px;
margin-bottom: 0;
}
.p2.white.mxw-480.innovated.mobile {
padding-bottom: 0;
font-size: 16px;
line-height: 32px;
}
.p2.white.mxw-480.mobile {
margin-top: 78px;
margin-bottom: 0;
}
.p2.white.text-black {
padding-right: 60px;
font-size: 16px;
line-height: 20px;
}
.p2.mb-32.mobile {
margin-bottom: 0;
}
.p2.center.new-design {
font-size: 16px;
}
.p2.mt--10.mobile {
margin-top: -10px;
}
.p2.gradient.mobile {
font-family: Firasans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.footer-link {
text-align: center;
font-size: 18px;
}
.stage-heading {
margin-left: -28px;
font-size: 18px;
}
.stage-para {
text-align: center;
margin-left: -13px;
}
.fs-company-logo-item.grey {
grid-row-gap: 10px;
width: 100px;
height: 100px;
}
.page-ed-crisis-grid {
grid-row-gap: 20px;
}
.section-our-impact-top {
height: 300px;
}
.our-image-video.full._500px {
height: 250px;
}
.spacer._24 {
height: 20px;
}
.spacer._48.mob-24 {
height: 24px;
}
.spacer._80.mobile, .spacer._100 {
height: 40px;
}
.spacer._100.mob-0 {
height: 0;
}
.h3.orange.mt-0.mb-20 {
margin-bottom: 10px;
font-size: 24px;
line-height: 32px;
}
.h3.orange._24px.mt-0 {
font-size: 24px;
}
.h3.orange._24px.mt-0.mobile {
font-size: 18px;
}
.h3.blue.mt-0.small {
font-size: 20px;
line-height: 28px;
}
.h3.blue.mobile {
font-size: 18px;
}
.h3.mb-40.mobile {
padding-top: 40px;
font-size: 18px;
}
.h3.mb-40.mobile.unique {
margin-bottom: 15px;
}
.h3.mb-40.mobile.benefits {
margin-top: -55px;
margin-bottom: 20px;
padding-top: 0;
}
.h3.crisis-inequity {
font-size: 21px;
}
.div-block-18.single-quote {
height: 200px;
}
.div-block-18.fellow1 {
height: 250px;
}
.div-block-18.girls {
height: auto;
}
.div-block-18.innovation-video-bg {
height: 250px;
}
.div-block-18.mee-our-fellow {
background-image: none;
background-repeat: repeat;
background-size: auto;
height: auto;
}
.div-block-18.work-with-us-video {
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
height: 280px;
}
.div-block-18.work-with-us-video.mobile {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/64115a5d807f15ad216c445d_youtube%20thumbnail-03%20(2).png");
background-position: 50%;
}
.para.dark {
color: var(--dim-grey);
font-weight: 300;
}
.para.dark.mobile {
color: var(--dim-grey);
font-size: 16px;
}
.para.dark.youtube.mobile {
font-size: 16px;
}
.div-block-19 {
padding: 20px 20px 30px;
}
.div-block-19.mobile {
background-color: var(--white);
color: var(--dim-grey);
}
.div-block-19.mobile.youtube {
background-color: var(--white);
}
.slide-nav {
margin-top: 24px;
}
.slide-nav.cotb {
display: flex;
}
.slide-nav.cotb.mobile {
margin-bottom: 0;
padding-top: 20px;
padding-left: 0;
padding-right: 20px;
display: block;
}
.div-block-20 {
height: 250px;
}
.div-block-21 {
max-width: 300px;
}
.paragraph-5 {
font-size: 18px;
line-height: 26px;
}
.paragraph-5.mb-20 {
margin-bottom: 16px;
}
.our-impact-infor.mobile {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63e36772f3d90363ff239cbd_28.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
}
.section-about-tfi-banner.cotb {
display: none;
}
.history-tfi.cotb.location.mobile {
background-position: 50% 100%;
background-repeat: repeat-x;
background-size: contain;
height: 1600px;
margin-bottom: 0;
}
.history-tfi.cotb.location.mobile.interim.mob {
height: 1300px;
}
.history-tfi.cotb.cotb-testimonials.mobile {
background-position: 50% 100%;
background-repeat: repeat-x;
background-size: contain;
height: 1600px;
margin-bottom: 0;
}
.history-tfi.cotb.cotb-testimonials.mobile.interim.mob {
height: 1300px;
}
.history-tfi.cotb.cotb-donors {
height: 900px;
}
.history-tfi.cotb.cotb-donors.mobile {
background-position: 50% 100%;
background-repeat: repeat-x;
background-size: contain;
height: 1600px;
margin-bottom: 0;
}
.history-tfi.cotb.cotb-donors.mobile.interim.mob {
height: 1300px;
}
.history-tfi.cotb.cotb-journey.mobile {
background-position: 50% 100%;
background-repeat: repeat-x;
background-size: contain;
height: 1600px;
margin-bottom: 0;
}
.history-tfi.cotb.cotb-journey.mobile.interim.mob {
height: 1300px;
}
.history-image.desktop {
display: none;
}
.history-image.mobile {
border-radius: 0;
margin-top: 20px;
margin-bottom: 0;
}
.history-image.mb-0 {
margin-bottom: 0;
}
.history-image.mb-0.mobile {
margin-bottom: 40px;
}
.history-image.cotb.mobile {
margin-top: 0;
margin-bottom: 20px;
}
.history-image.cotb.desktop {
height: auto;
padding-top: 0;
display: block;
}
.div-block-23 {
grid-column-gap: 20px;
justify-content: center;
}
.div-block-24-copy {
grid-template-columns: auto;
}
.div-block-24-copy.relative {
grid-column-gap: 16px;
margin-bottom: 24px;
display: flex;
}
.bold-orange.bold {
font-size: 21px;
}
.div-block-11-copy {
margin-bottom: 3rem;
}
.div-block-26 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.p5.grey.mb-8.mobile {
color: var(--dim-grey);
font-weight: 300;
}
.p5.grey.mobile {
color: var(--dim-grey);
font-size: 16px;
font-weight: 300;
}
.p5.off-white.one {
padding-top: 0;
}
.people-rich-block {
color: var(--dim-grey);
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 28px;
}
.people-rich-block p {
font-size: 16px;
line-height: 28px;
}
.people-rich-block.mobile {
font-size: 16px;
}
.people-rich-block.p2_new {
font-size: 0;
line-height: 27px;
}
.about-tfi-grey-bg.innovated {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63f5bd2888ec5c7508870620_img.png"), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63f5c070243ebcdc0e2a7edf_Asset%2013%403x.png");
background-position: 50% 100%, 50%;
background-repeat: no-repeat, no-repeat;
background-size: contain, cover;
width: auto;
height: 675px;
padding-left: 0;
}
.hisotry-img-bg._1, .hisotry-img-bg._2 {
height: 250px;
}
.theory-icon {
width: 65px;
height: 65px;
}
.div-block-29 {
grid-column-gap: 0px;
flex-direction: column;
}
.slider-content {
max-width: 300px;
}
.slider-content.cotb.mobile {
margin-top: -96px;
margin-bottom: -71px;
margin-left: 0;
}
.paragraph-4-copy-copy {
font-size: 24px;
line-height: 32px;
}
.fellowship-banner {
height: 300px;
}
.col-grid-4 {
grid-template-columns: 1fr;
}
.col-grid-item.flex-grid {
align-content: space-between;
align-items: start;
}
.col-grid-item.flex-grid.width-40.mt-40 {
margin-top: 0;
}
.col-grid-item.flex-grid.width-40.mt-40.mobile {
margin-right: 0;
}
.col-grid-item.rgiht-align {
grid-row-gap: 8px;
}
.section-titles {
margin-bottom: 20px;
}
.our-fellow-logos {
grid-template-columns: 1fr 1fr 1fr;
}
.our-fellow-logos.pr-100 {
grid-column-gap: 10px;
margin-bottom: 40px;
}
.our-fellow-logos.flex {
grid-column-gap: 10px;
}
.selection-process-grid {
grid-template-rows: 1fr;
}
.heading-4 {
margin-bottom: 0;
}
.heading-4.four {
margin-top: -6px;
}
.fellowship-team {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: 1fr 1fr;
}
.div-block-34 {
width: 80px;
}
.div-block-34.full.cotb.hsbc.mobile {
align-self: center;
width: 80px;
}
.div-block-34.full.cotb.jsw {
display: none;
}
.div-block-34.full.cotb.jsw.mobile {
flex-grow: .5;
align-self: flex-start;
width: 100px;
margin-top: -20px;
padding-top: 0;
display: block;
}
.div-block-34.full.cotb.mobile, .div-block-34.full.cotb.msdf.mobile {
width: 80px;
}
.div-block-34.medium {
width: 60px;
}
.donate-banner {
height: 300px;
}
.grid-6 {
grid-template-columns: 1fr;
}
.p4._18px {
font-size: 16px;
}
.p4._18px.mobile {
margin-top: 15px;
}
.invest-grid {
margin-top: 0;
}
.invest-grid.cotb {
margin-top: -25px;
}
.invest-image.mobile {
display: block;
}
.invest-image.desktop {
display: none;
}
.our-donors.full-width {
grid-column-gap: 25px;
grid-row-gap: 25px;
align-items: center;
margin-right: auto;
padding-right: 0;
}
.our-donors.full-width.cotb.mobile {
flex-flow: wrap;
place-content: stretch space-around;
align-items: center;
width: 500px;
margin-top: 40px;
margin-left: 0;
}
.our-donors.full-width.cotb.jsw.mobile {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: flex-start;
}
.our-donors.full-width.mobile {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.strategic-partners-logo.margin-bottom {
margin-bottom: 40px;
}
.work-with-us-banner {
height: 300px;
}
.wws-grid {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.textt-color.blue.mb-0.cotb.nav.mobile {
font-size: 16px;
line-height: 24px;
}
.textt-color.blue.mb-0.cotb.mobile {
text-align: left;
margin-top: 40px;
font-size: 24px;
line-height: 30px;
}
.faq-banner {
height: 300px;
}
.faq-rich-text {
margin-bottom: 0;
padding-bottom: 20px;
font-size: 16px;
}
.faq-rich-text ul {
margin-bottom: 0;
font-size: 18px;
line-height: 26px;
}
.faq-rich-text ol {
font-size: 18px;
line-height: 26px;
}
.faq-rich-text.new-design {
font-size: 16px;
}
.financial-banner {
background-position: 39%;
height: 300px;
}
.financial-links {
grid-column-gap: 8px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.child-protection-policy-banner {
background-position: 39%;
height: 300px;
}
.grid-7 {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.grid-7.center {
margin-bottom: 20px;
}
.div-block-46 {
border-right-style: none;
padding-right: 0;
}
.div-block-47 {
padding-left: 0;
}
.p-policy-banner {
background-position: 39%;
height: 300px;
}
.financial-block {
padding-left: 20px;
padding-right: 20px;
}
.financial-banner-popup {
background-position: 39%;
height: 300px;
}
.div-block-49.mobile {
border-bottom: 1px #c5c5c5;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
.div-block-49.mobile._19 {
border-bottom-style: none;
padding-top: 0;
padding-bottom: 9px;
}
.div-block-49.mobile.annual {
padding-bottom: 0;
}
.div-block-50 {
max-height: 350px;
}
.ed-info-mobile {
padding-bottom: 10px;
}
.div-block-52.rg-0 {
grid-row-gap: 0rem;
}
.div-block-52.india-i.mobile {
margin-top: 0;
margin-right: 0;
}
.review-user-image {
width: 100%;
}
.review-user-image.sindhu {
background-position: 50% 0;
}
.div-block-53.cotb.mobile {
padding-top: 0;
}
.join-too-images {
height: 120px;
}
.volunteer-bg-img {
height: 300px;
}
.volunteer-grid {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.contact-bg-img {
height: 300px;
}
.contact-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.contact-grid.cotb.mobile {
text-align: left;
grid-template-columns: 1fr .25fr;
display: block;
}
.image-5.tfix {
width: 50%;
margin-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.innovation-logo-container {
height: auto;
}
.innovation-logo-container.tfix.mobile {
justify-content: flex-start;
}
.student-impact-mobile.mobile {
padding-top: 28px;
padding-bottom: 40px;
}
.search-popup {
align-items: flex-start;
}
.search-popup-container {
width: 100%;
max-width: none;
padding-left: 0;
padding-right: 0;
}
.h3-mt-0 {
color: var(--deep-sky-blue);
text-transform: none;
margin-top: 0;
font-size: 18px;
}
.h3-mt-0.orange {
color: var(--deep-sky-blue-2);
text-transform: none;
}
.h3-mt-0.mb-30.center._12px, .h3-mt-0.center._12px {
margin-bottom: 6px;
line-height: 16px;
}
.h3-mt-0.fellow {
color: var(--dim-grey);
font-size: 24px;
}
.h3-mt-0.mobile {
margin-top: -6px;
margin-bottom: 10px;
}
.h2-mt-0, .h2-mt-0.orange.mobile, .h2-mt-0.mobile {
font-size: 24px;
}
.h2-mt-0.people {
margin-bottom: 0;
}
.faq-answer-padding {
font-size: 16px;
}
.h2-blue {
color: var(--deep-sky-blue-2);
font-size: 24px;
}
.h3-mtb-0 {
text-transform: none;
font-size: 18px;
}
.h2-center.mobile {
font-size: 24px;
}
.section-title-container {
margin-bottom: 18px;
}
.mb-20.mobile {
font-size: 16px;
}
.div-block-62 {
grid-row-gap: 0px;
grid-template-columns: auto;
}
.col-grid-5 {
grid-template-columns: 1fr;
}
.blue-h3.grey {
font-family: Firasans, sans-serif;
font-weight: 300;
}
.blue-h3.grey.cotb.mobile {
font-size: 16px;
line-height: 24px;
}
.lightbox-link {
height: 250px;
}
.collection-list-wrapper.mt-1-5rem {
margin-top: 1.5rem;
}
.collection-list-wrapper.mt-1-5rem.mobile, .collection-list-wrapper.india-i.mobile {
width: 100%;
}
.div-block-64.mobile {
margin-top: -24px;
}
.infor-content {
margin-top: 16px;
}
.div-block-65 {
margin-top: 1rem;
}
.div-block-65.revamped {
margin-bottom: 1rem;
}
.text-link-faq {
color: var(--deep-sky-blue);
font-weight: 400;
line-height: 26px;
text-decoration: underline;
}
.social-icon {
width: 24px;
}
.social-flex {
grid-column-gap: 16px;
}
.h3-dark {
text-align: center;
}
.success-banner {
background-position: 39%;
height: 300px;
}
.text-block-4 {
font-size: 12px;
line-height: 20px;
}
.text-block-4.new-design {
font-size: 16px;
}
.div-block-67 {
flex-direction: column;
align-items: flex-start;
}
.div-block-69 {
font-size: 16px;
}
.section-links {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
font-size: 18px;
font-weight: 500;
display: inline-block;
}
.hero-mobile.cotb {
margin-left: 0;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.hero-mobile.black-white-image {
mix-blend-mode: luminosity;
}
.history-img-mobile {
margin-top: 20px;
margin-bottom: 40px;
}
.heading-11.mobile {
font-size: 18px;
}
.heading-12 {
margin-bottom: 0;
font-size: 18px;
}
.heading-13 {
margin-bottom: 12px;
font-size: 18px;
}
.heading-14.mobile, .heading-15.mobile, .heading-16.mobile, .heading-17.mobile {
font-size: 18px;
}
.svg-dot {
width: 20px;
height: 20px;
}
.div-block-70 {
width: 270px;
}
.for-staging.cotb.mobile {
margin-bottom: 20px;
}
.youtube-2 {
margin-top: 40px;
}
.youtube-2.cotb {
margin-top: 20px;
}
.heading-19 {
font-size: 24px;
}
.paragraph-12, .paragraph-13, .paragraph-14, .paragraph-15, .paragraph-16 {
font-size: 16px;
}
.text-block-5 {
letter-spacing: normal;
white-space: normal;
flex: 0 auto;
order: 1;
padding-bottom: 0;
font-weight: 500;
overflow: visible;
}
.text-block-5.textmobile {
font-size: 30px;
line-height: 35px;
}
.bold-text, .bold-text-2, .bold-text-3, .bold-text-4 {
font-weight: 400;
}
.paragraph-17 {
padding-bottom: 0;
}
.line {
outline-offset: 0px;
outline: 3px #4d4d4d;
}
.paragraph-18 {
margin-bottom: 0;
padding-bottom: 0;
}
.heading-20, .heading-21, .heading-22 {
font-size: 18px;
}
.paragraph-19 {
margin-bottom: 1.9rem;
padding-left: 0;
font-size: 16px;
}
.paragraph-20 {
margin-bottom: 1.9rem;
font-size: 16px;
}
.text-span, .text-span-2 {
color: var(--tomato);
}
.text-span-5 {
color: var(--deep-sky-blue-2);
}
.text-span-6, .text-span-9, .text-span-10, .text-span-11 {
color: var(--tomato);
}
.paragraph-21, .paragraph-22 {
font-size: 16px;
}
.heading-23 {
font-size: 18px;
}
.paragraph-23 {
font-size: 16px;
}
.heading-24 {
font-size: 18px;
}
.paragraph-24, .paragraph-25, .paragraph-26 {
font-size: 16px;
}
.heading-25 {
font-size: 18px;
}
.paragraph-27, .paragraph-28, .paragraph-29, .paragraph-30, .paragraph-31, .paragraph-32 {
font-size: 16px;
}
.paragraph-33, .paragraph-34 {
margin-bottom: 1.9rem;
font-size: 16px;
}
.paragraph-35 {
font-size: 16px;
}
.bold-text-5, .bold-text-6, .bold-text-7, .bold-text-8, .bold-text-9, .bold-text-10 {
font-weight: 400;
}
.collection-list {
font-size: 16px;
}
.text-span-14 {
padding-top: 0;
padding-bottom: 0;
display: inline-block;
}
.text-span-15 {
line-height: 24px;
}
.section-innovated-banner.mobile {
display: none;
}
.innovated-slider {
max-width: 270px;
padding-top: 59px;
}
.innovated-slider.cotb {
justify-content: space-around;
}
.slide-nav-innovated {
width: auto;
margin-top: 20px;
}
.div-block-71 {
text-align: left;
align-items: flex-start;
margin-top: 20px;
}
.text-block-6 {
text-align: right;
font-size: 17px;
line-height: 26px;
}
.text-block-6._16 {
text-align: right;
font-size: 14px;
}
.image-6.mobile {
align-self: center;
width: auto;
max-width: 50%;
height: 22px;
margin-bottom: 10px;
}
.image-6.innovated.mobile {
margin-bottom: 11px;
}
.innovate-info-mobile {
padding-top: 40px;
padding-bottom: 40px;
display: block;
}
.innovated-info-desktop {
display: none;
}
.link-6 {
font-weight: 400;
}
.text-span-16 {
color: var(--tomato);
}
.blog-main-banner {
height: 200px;
}
.div-block-79 {
text-align: center;
}
.image-7 {
height: 28px;
}
.h1.mob-32 {
font-size: 32px;
line-height: 40px;
}
.quote-title-copy.whitel {
font-size: 14px;
line-height: 21px;
}
.quote-title-copy {
text-align: right;
font-size: 14px;
}
.gradient-heading {
max-width: 100%;
max-height: 7%;
}
.button-2 {
font-size: .8rem;
}
.container-3 {
overflow: hidden;
}
.container-3.mobile {
margin-left: 10px;
}
.image-8.mobile {
max-height: 30px;
}
.image-8.cotb.mobile {
text-align: left;
margin-top: 20px;
display: inline-block;
}
.cotb-padding {
margin-top: 40px;
padding-left: 2rem;
padding-right: 2rem;
}
.cotb-padding.nav {
padding-left: 0;
}
.image-9 {
margin-bottom: 20px;
padding-bottom: 0;
}
.image-9.mobile {
display: none;
}
.image-10 {
padding-bottom: 20px;
}
.image-10.mobile {
display: none;
}
.image-12 {
padding-bottom: 20px;
display: block;
}
.image-12.interim {
display: block;
}
.image-13 {
padding-bottom: 20px;
display: block;
}
.mask-3 {
overflow: hidden;
}
.div-block-85.cotbshow {
text-align: left;
}
.div-block-85.cotbshow.mobile {
text-align: center;
margin-left: 20px;
}
.div-block-85.mobile {
border-style: solid solid none;
border-color: var(--black-2) var(--black-2) var(--white);
outline-color: var(--white);
outline-offset: 4px;
text-align: center;
border-bottom-width: 1px;
border-radius: 0;
outline-width: 1px;
outline-style: none;
height: auto;
max-height: 100%;
margin-left: 20px;
line-height: 24px;
}
.cotb-show-grid.mobile {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: stretch;
}
.line-cotb {
display: none;
}
.line-cotb.mobile {
border-bottom: 1px solid var(--white);
background-color: var(--white);
color: var(--white);
width: 50px;
height: auto;
margin-left: 70px;
margin-right: 70px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.cotb-image {
display: none;
}
.cotb-image.mobile {
margin-bottom: 20px;
display: block;
}
.cotb-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.cotb-donate.cotb.location.mobile {
background-position: 50% 100%;
background-repeat: repeat-x;
background-size: contain;
height: 1150px;
margin-bottom: 0;
}
.cotb-desktop {
display: none;
}
.text-list.mobile {
font-size: 16px;
line-height: 28px;
}
.cotb-cover-image {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/65140353219a99fadd8cf815_Mobile%20cover.png");
background-position: 0 0;
background-size: cover;
height: 300px;
display: block;
}
.cotb-intro-image1.desktop {
display: none;
}
.cotb-intro-image1.mobile {
border-radius: 0;
margin-top: 20px;
margin-bottom: 0;
}
.cotb-intro-image1.mb-0 {
margin-bottom: 0;
}
.cotb-intro-image1.mb-0.mobile {
margin-bottom: 40px;
}
.cotb-intro-image1.cotb.mobile {
margin-top: 0;
margin-bottom: 20px;
}
.cotb-intro-image1.cotb.desktop {
height: auto;
padding-top: 0;
display: block;
}
.cotb-testimonial-image1.desktop {
display: none;
}
.cotb-testimonial-image1.mobile {
border-radius: 15px;
margin-top: 20px;
margin-bottom: 0;
}
.cotb-testimonial-image1.mb-0 {
margin-bottom: 0;
}
.cotb-testimonial-image1.mb-0.mobile {
margin-bottom: 40px;
}
.cotb-testimonial-image1.cotb.mobile {
margin-top: 0;
margin-bottom: 20px;
}
.cotb-testimonial-image1.cotb.desktop {
height: auto;
padding-top: 0;
display: block;
}
.cotb-grid-testimonials.mobile {
margin-top: 0;
}
.cotb-little-birds {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6513c36a85cccf8c5e749258_COTB%20info%20img.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 900px;
}
.cotb-little-birds.innovated {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63f5bd2888ec5c7508870620_img.png"), url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/63f5c070243ebcdc0e2a7edf_Asset%2013%403x.png");
background-position: 50% 100%, 50%;
background-repeat: no-repeat, no-repeat;
background-size: contain, cover;
width: auto;
height: 675px;
padding-left: 0;
}
.remarks.cotb-audience.mobile {
padding-bottom: 20px;
}
.cotb-image-left.mobile {
display: block;
}
.cotb-image-right.desktop {
display: none;
}
.cotb-image-right.mobile {
display: block;
}
.cotb-desktop-image, .cotb-desktop-image.mobile {
display: none;
}
.navbar-volunteer {
background-color: var(--white);
}
.cornerright, .cornerright.yello {
width: 15px;
height: 28px;
right: -7px;
}
.cornertop, .cornertop.yellow {
width: 38px;
height: 15px;
top: -7px;
right: -7px;
}
.div-block-88, .div-block-90 {
max-width: 100%;
}
.born-heading {
margin-bottom: 0;
font-size: 3rem;
line-height: 100%;
}
.born-heading.collapse-heading.margin-right.yellow-heading {
margin-right: 15px;
}
.born-heading.hide {
display: none;
}
.born-h3 {
margin-top: 40px;
}
.section-apply.revamped-section-apply.revamped-section-apply-mobile {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.div-block-93 {
padding-left: .125rem;
padding-right: .125rem;
}
.bold-text-11 {
margin-bottom: 20px;
font-size: 1.8rem;
line-height: 40px;
text-decoration: none;
display: inline-block;
}
.bold-text-11.revamped {
margin-bottom: 10px;
}
.div-block-94 {
width: 100px;
height: 40px;
display: block;
top: 0;
}
.div-block-94.bg-white {
top: -12px;
}
.div-block-94.bg-white.white {
width: 80px;
height: 30px;
top: 57px;
right: 0;
}
.div-block-94.mobile {
width: 80px;
height: 30px;
top: 40px;
right: 0;
}
.div-block-95 {
width: 30px;
height: 80px;
display: block;
top: 57px;
}
.div-block-95.bg-white {
top: -12px;
overflow: visible;
}
.div-block-95.bg-white.white {
top: 57px;
right: 0;
}
.div-block-95.mobile {
top: 40px;
right: 0;
}
.slider-2 {
background-color: var(--white);
padding: 1.25rem 1.25rem 1.25em;
}
.slider-2.revamped-mobile {
padding: 0 0 0;
}
.grid-8 {
grid-template-columns: 1fr;
grid-auto-flow: row dense;
justify-content: stretch;
}
.grid-8.bg-tomato {
width: 100%;
padding: 0;
}
.grid-8.bg-yellow {
place-items: center;
padding: 0;
}
.grid-8.bg-yellow.bg-blue {
padding-right: 0;
}
.grid-8.phone-left-padding {
padding: 0;
}
.div-block-96.carousel-img-div.img-1 {
width: 320px;
height: 320px;
margin: 10px;
}
.div-block-96.carousel-img-div.img-1.h-size.new-size {
width: 320px;
height: 320px;
}
.div-block-96.carousel-img-div.img-1.h-size.new-size.mob-size {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-position: 70% 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
min-width: auto;
height: 300px;
margin: auto;
padding: 0;
display: block;
}
.div-block-96.carousel-img-div.img-3 {
width: 320px;
height: 320px;
margin: 10px;
}
.div-block-96.carousel-img-div.img-3.mob-size {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/66a8dab7814b0b060653d0eb_Copy%20of%207%20(2).JPG");
background-position: 100% 0;
background-repeat: repeat;
background-attachment: scroll;
width: 100%;
height: 300px;
margin: 0;
}
.div-block-96.carousel-img-div.img-2 {
width: 320px;
height: 320px;
margin: 10px;
}
.div-block-96.carousel-img-div.img-2.mob-size {
background-position: 100% 0;
width: 100%;
height: 300px;
margin: 0;
}
.div-block-97 {
padding: 1.25rem;
}
.div-block-97.temp-phone {
display: none;
}
.div-block-98 {
border: 0 solid #000;
width: 50%;
height: 50%;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
.div-block-98.bg-tomato {
width: 50%;
height: 50%;
font-family: Plus jakarta, sans-serif;
font-weight: 700;
bottom: 0;
left: 0;
}
.div-block-98.bg-tomato.bg-blue {
background-color: var(--deep-sky-blue);
}
.div-block-98.bg-yellow {
width: 50%;
height: 50%;
}
.div-block-99.heading-hide, .v-div.background-color-yellow.hide-shape, .h-div.background-color-yellow.hide-shape {
display: none;
}
.heading-28 {
color: var(--black);
font-family: Firasans, sans-serif;
font-size: var(--phone-heading);
margin-bottom: 0;
font-weight: 600;
line-height: 30px;
}
.heading-28.hide-mobile-heading {
font-family: Plus jakarta, sans-serif;
font-size: var(--phone-heading);
font-weight: 700;
line-height: 100%;
display: block;
}
.heading-28.hide-mobile-heading.mb-6 {
margin-bottom: 6px;
}
.heading-28.hide-mobile-heading.mb-6.new-text-size {
font-size: 22px;
line-height: 85%;
}
.heading-29 {
color: var(--yellow);
font-family: Firasans, sans-serif;
font-size: var(--phone-heading);
margin-bottom: 0;
font-weight: 600;
line-height: 30px;
}
.heading-29.hide-mobile-heading {
font-family: Plus jakarta, sans-serif;
font-size: var(--phone-heading);
font-weight: 700;
line-height: 85%;
display: block;
}
.heading-29.hide-mobile-heading.text-tomato {
color: var(--tomato);
font-family: Plus jakarta, sans-serif;
font-weight: 700;
line-height: 100%;
}
.heading-29.hide-mobile-heading.text-white {
color: var(--white);
font-family: Plus jakarta, sans-serif;
font-size: var(--phone-heading);
font-weight: 700;
line-height: 100%;
}
.heading-29.hide-mobile-heading.new-text-size {
font-size: 22px;
}
.heading-30 {
color: var(--black);
font-family: Firasans, sans-serif;
font-size: var(--phone-heading);
font-weight: 600;
line-height: 30px;
}
.heading-30.hide-mobile-heading {
font-family: Plus jakarta, sans-serif;
font-size: var(--phone-heading);
font-weight: 700;
line-height: 100%;
display: block;
}
.heading-30.hide-mobile-heading.mb-6 {
margin-bottom: 6px;
}
.heading-31 {
color: var(--yellow);
font-family: Firasans, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 20px;
}
.heading-31.hide-mobile-heading {
margin-bottom: 0;
font-family: Plus jakarta, sans-serif;
font-size: 5vw;
display: block;
position: absolute;
bottom: 0;
}
.heading-31.hide-mobile-heading.text-tomato {
color: var(--tomato);
margin-bottom: 0;
font-family: Plus jakarta, sans-serif;
font-size: 5vw;
font-weight: 700;
position: absolute;
bottom: 0;
}
.heading-31.hide-mobile-heading.text-white {
color: var(--white);
font-family: Plus jakarta, sans-serif;
font-size: 5vw;
position: absolute;
bottom: 0;
}
.div-block-101, .div-block-102, .div-block-103 {
width: 100%;
padding: 15px;
}
.section-6, .div-block-106 {
padding-left: 0;
padding-right: 0;
}
.div-block-107 {
overflow: visible;
}
.mobile-image.revamped-image, .scroll-mobile {
display: block;
}
.scroll-desktop {
display: none;
}
.video-container {
width: 100%;
}
.banner-applynow-btn.mobile-btn {
padding: 5px 24px;
font-size: 11px;
line-height: 24px;
display: inline-block;
}
.banner-applynow-btn.mobile-btn.phone-banner-btn {
padding: 1px 15px;
font-size: 10px;
}
.banner-phone {
padding: 1.25rem;
}
.banner-phone.phone {
display: block;
}
.grid-container {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6823087d39432e2c6de045fe_croped%20who%20we%20are%20phone.png");
background-position: 50% 0;
background-size: contain;
padding: 0;
}
.grid-continer {
background-color: var(--deep-sky-blue);
padding: 15px;
}
.grid-9 {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
position: static;
right: 0;
}
.text-grid {
position: relative;
}
.image-grid {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/66a3425ad71d220abd8f5818_Copy%20of%206%20(1).jpg");
background-position: 50% 0;
background-size: cover;
width: 120px;
height: 120px;
position: relative;
}
.arrow-div {
background-color: var(--deep-sky-blue);
width: 50%;
height: 50%;
padding-top: 10%;
padding-right: 10%;
position: absolute;
bottom: 0;
left: 0;
}
.arrow {
border-top: 10px solid var(--yellow);
border-right: 10px solid var(--yellow);
width: 100%;
height: 100%;
}
.bold-text-16, .bold-text-17, .text-align-center-copy {
font-size: 24px;
}
.text-align-center-copy.mob-small {
font-size: 2rem;
line-height: 40px;
}
.text-align-center-copy.donate {
text-align: left;
}
.text-align-center-copy.mobile {
padding-left: 30px;
padding-right: 30px;
}
.text-align-center-copy.donor.mobile {
margin-top: 40px;
}
.text-block-12, .text-block-13, .text-block-14 {
font-size: 16px;
}
.grid-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr;
padding-bottom: 40px;
}
.text-block-india-circle {
font-size: 13px;
line-height: 28px;
}
.text-block-india-circle.right-text-block {
margin-left: 0%;
}
.new-button {
font-size: .8rem;
}
.new-button.medium.consent {
display: block;
}
.new-button.medium.stay-connected {
margin-top: 20px;
display: block;
}
.new-button.medium.new-color.show-in-phone {
display: inline-block;
}
.new-button.medium.new-color.hide-in-desktop {
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
display: block;
}
.home-banner {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6822fdaf91f8488141b61360_Landing%20Page.png");
background-position: 50% 100%;
background-size: cover;
}
.home-banner.ed-crisis {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/682af3a657ee1a5fea9e1af3_ChennaiTFI53%20(1)%201%201%20(1).png");
}
.banner-heading {
font-size: 30px;
line-height: 128%;
}
.banner-heading.home-section.width, .heading-container {
width: 330px;
}
.heading-container.center {
width: auto;
}
.heading-container.center.left {
align-items: center;
}
.heading-container.center.left-on-phone {
align-items: flex-start;
}
.container {
padding-top: 60px;
}
.container.donate-page-padding, .container.moment-page-padding {
padding-top: 40px;
}
.container.fellowship-page-padding, .container.ed-crisis-page-padding {
padding-top: 50px;
}
.hr {
width: 183px;
}
.hr.white-hr {
text-align: left;
width: 146px;
margin-left: auto;
margin-right: auto;
}
.hr.ed-crisis-hr {
width: 150.23px;
}
.hr.ed-crisis-hr.center-hr {
width: 160px;
}
.hr.power-movement-hr {
width: 135px;
}
.hr.soluion-hr {
width: 165px;
}
.hr.where-teach-hr.one_fellowship {
width: 160px;
}
.hr.where-teach-hr.what_you_do {
width: 120px;
}
.hr.where-teach-hr.whare_teach {
width: 150px;
}
.hr.why-fellow-hr.why_fellow {
width: 120px;
}
.hr.join-the-india {
width: 274px;
}
.hr.impact-page {
width: 199px;
}
.new-section-home-ed-crisis.black-section-for-ed-crisis {
background-color: var(--black);
}
.new-section-home-ed-crisis.black-section-for-ed-crisis.hide-in-desktop {
background-color: var(--new-black);
padding-top: 20px;
padding-bottom: 20px;
display: block;
}
.new-section-home-ed-crisis.hide-in-desktop, .heading-with-hr.less-bottom-margin {
display: block;
}
.heading-with-hr.less-bottom-margin.cell-hide-mobile {
display: none;
}
.heading-with-hr.less-bottom-margin.cell-hide-desktop {
display: block;
}
.heading-with-hr.extra-margin-bottom {
padding-bottom: 10px;
}
.heading-with-hr.less-margin {
padding-bottom: 20px;
}
.heading-h2, .heading-h2.center-heading {
font-size: 28px;
}
.heading-h2.power-moment-heading {
padding-right: 20px;
}
.heading-h2.solution-text {
margin-bottom: 5px;
font-size: 30px;
line-height: 107%;
}
.heading-h2.black-text {
font-size: 21px;
}
.ed-crisis-grid {
grid-template-rows: auto;
}
.right-grid-container {
padding-left: 20px;
padding-right: 20px;
}
.right-grid-container.hide-in-mobile {
display: none;
}
.ed-crisis-text {
padding-right: 0;
font-size: 16px;
}
.ed-crisis-text.power-moment-text {
padding-right: 0;
}
.ed-crisis-image-container {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6821cf28da56e8ff57b5932c_The%20Ed%20crisis%20image.png");
background-position: 50% 100%;
background-size: cover;
width: auto;
height: 258px;
}
.link-container {
width: 100%;
}
.ed-crisis-data-heading {
text-align: center;
font-size: 55px;
}
.ed-crisis-data-text.margin-bottom {
text-align: center;
padding-left: 40px;
padding-right: 40px;
font-family: Dm sans, sans-serif;
font-size: 16px;
}
.ed-crisis-data-text.margin-bottom.margin-top.less-padding {
padding-left: 20px;
padding-right: 20px;
}
.ed-crisis-data-text.margin-bottom.fix-width {
padding-left: 70px;
padding-right: 70px;
}
.why-we-exist-circle-container {
min-height: 21vw;
max-height: 21vw;
top: -26px;
}
.circle {
min-width: 180vw;
height: 165vw;
}
.circle.why-we-exist {
min-width: 159vw;
height: 470%;
}
.circle.ed-crisis {
min-width: 220vw;
}
.circle.ed-crisis.these_leader {
min-width: 202vw;
}
.circle.home-page {
height: 145vw;
}
.circle.fellowship-page {
min-width: 200vw;
height: 184vw;
}
.menu-button-2 {
margin: 5px 0 5px 5px;
padding: 5px;
}
.section-why-we-exist {
height: 238px;
padding-top: 30px;
}
.why-we-exist-text {
padding-left: 0;
padding-right: 0;
font-size: 16px;
}
.why-we-exist-text.white-text {
color: var(--white);
}
.why-we-exist-text.white-text.text-hide-desktop {
display: block;
}
.grid-who-we-are {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-cell-3 {
background-color: #0000;
border-width: .8vw;
height: auto;
}
.grid-cell {
border-width: .8vw;
border-color: var(--new-blue);
height: auto;
min-height: 27vw;
}
.grid-cell.hide {
display: none;
}
.grid-cell._3-cell-mobile {
background-color: var(--new-blue);
max-height: none;
padding-top: 20px;
padding-bottom: 20px;
}
.who-we-are-text.hide-text-mobile {
display: none;
}
.up-arrow.position-1.mobile-arrow {
display: block;
}
.up-arrow.position-1.mobile-size {
border-top-width: 13px;
border-right-width: 13px;
width: 35px;
height: 35px;
bottom: 10px;
left: 10px;
}
.up-arrow.bigger-arrow.position-2.mobile-arrow {
display: block;
}
.up-arrow.bigger-arrow.position-2.mobile-size {
border-top-width: 20px;
border-right-width: 20px;
width: 50px;
height: 50px;
}
.dropdown-list.w--open {
padding-top: 10px;
padding-bottom: 10px;
top: 20px;
right: auto;
}
.dropdown-list.margin.w--open {
padding-left: 0;
}
.dropdown {
display: block;
}
.dropdown.hide-in-desktop {
z-index: 4;
display: block;
}
.flipcard-container {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.text-container.back {
justify-content: flex-start;
align-items: center;
padding-left: 20px;
}
.flipcard-text.orange, .right-arrow-icon.margin-left.orange, .what-we-do-pairagraph-container {
font-size: 16px;
}
.what-we-do-pairagraph {
text-align: center;
width: 300px;
font-weight: 700;
}
.power-moment-container {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: row dense;
}
.right-image-container {
display: none;
}
.image-container-mobile {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6821d17ea9672e77dba9aaab_Power%20of%20our%20movement.png");
height: 277px;
margin-bottom: 20px;
display: block;
}
.row-one {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.row-two {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.number-cell.left-adding {
padding-left: 10px;
}
.number-cell.right-padding {
padding-right: 10px;
}
.number-text {
font-size: 16px;
}
.achieving-heading {
font-size: 18px;
}
.achieving-text {
font-family: Dm sans, sans-serif;
font-size: 16px;
}
.north-star-grid-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1.5fr;
}
.north-star-image-container {
height: 282px;
}
.north-star-arrow {
border-top-width: 25px;
border-right-width: 25px;
width: 74px;
height: 74px;
top: -12px;
right: -12px;
}
.north-star-container {
padding-top: 20px;
}
.north-star-text {
width: 325px;
font-size: 16px;
}
.get-involved-card-container {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.get-involved-card {
height: 230px;
}
.get-involved-text-container {
padding: 5px;
}
.get-involved-button.hover {
padding: 0;
font-size: 16px;
}
.bold-text-27 {
font-size: 16px;
}
.circle-container.size {
height: 51px;
}
.circle-container.size.why-we-exist {
height: 100px;
}
.circle-container.size.circle-with-image {
height: 86vh;
}
.circle-container.size.circle-with-image.these_leader {
height: 563px;
}
.circle-container.size.circle-with-image.these_leader.impact-page {
height: 440px;
}
.circle-container.size.circle-with-image.fellowship-page-height {
height: 676px;
}
.circle-container.size.fellowship {
height: 21vw;
}
.circle-container.size.fellowship.donate.orange {
height: 230px;
}
.circle-container.size.fellowship.donate.height {
height: 13vw;
min-height: 110px;
}
.new-footer-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.footer-logo-text {
text-align: center;
width: 232px;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
font-size: 16px;
}
.social-icon-container {
grid-column-gap: 15px;
grid-row-gap: 15px;
text-align: center;
justify-content: center;
align-items: flex-end;
padding-bottom: 0;
}
.icon-link-wrapper {
width: 22px;
}
.stay-connected-input {
border: 0 solid #000;
}
.footer-new-logo {
justify-content: center;
align-items: center;
width: 170px;
margin-left: auto;
margin-right: auto;
display: block;
}
.grid-container-second-half-phone {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6822fe9ecbd212119508cde4_who%20we%20are%20phone.png");
background-position: 50% 100%;
background-size: cover;
display: block;
}
.grid-who-we-are-phone-second-half {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.bold-text-28 {
width: 325px;
}
.page-padding-3 {
overflow: hidden;
}
.hr-2 {
width: 183px;
}
.hr-2.ed-crisis-home-section {
width: 116px;
}
.hr-2.fellowship-home-section-hr {
width: 124px;
}
.hr-2.programs-heading, .hr-2.faq-section, .hr-2.donors {
width: 156px;
}
.hr-2.donate-page {
width: 200px;
}
.hr-2.join-the-india {
width: 274px;
}
.hr-2.our-fellows {
text-align: left;
width: 199px;
}
.hr-2.theory {
width: 199px;
}
.banner-heading-2 {
font-size: 30px;
line-height: 128%;
}
.banner-heading-2.home-section.center {
font-size: 21px;
}
.banner-heading-2.home-section.impact-width {
width: 330px;
}
.banner-heading-2.black-text {
font-size: 28px;
}
.banner-heading-2.black-text.hide-in-desktop {
display: block;
}
.banner-heading-2.black-text.hide-in-phone {
display: none;
}
.banner-heading-2.black-text.center, .banner-heading-2.black-text.small-text {
text-align: center;
font-size: 28px;
}
.banner-heading-2.black-text.large-text {
font-family: Plus jakarta, sans-serif;
font-size: 28px;
}
.paragraph-text, .paragraph-text.hunger, .paragraph-text.crisis-inequity {
font-size: 16px;
}
.paragraph-text.crisis-inequity.every-child {
font-size: 16px;
line-height: 130%;
}
.section-crisis-inequity {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/682af3a660393fd7bfc0914b_1%20(3)%201.png");
background-size: cover;
}
.space {
height: 30px;
}
.solution-container {
display: none;
}
.solution-container.mobile {
padding-top: 0;
padding-bottom: 0;
display: block;
}
.solution-grid {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.curved-image-container {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/682af3a6568ef4a74b1151ca_Copy%20of%20IMG_0410_%201%20(1).png");
background-position: 50% 0;
background-size: cover;
height: 100%;
}
.curved-image-container.fellowship-alumin {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6853b57884c7bf74f5a02213_46e3e844dc54788fa9798469b181bd75_Mobile_join_5000.png");
background-position: 50%;
}
.curved-image-container.these_leader {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/685e6e26951d083f457f890c_012_KurushUmrigar_KMU0317_Col_Pune.jpeg");
background-size: cover;
height: 100%;
}
.every-child-container {
width: 288px;
margin-top: 0;
}
.timeline {
width: 249rem;
padding-left: 35rem;
}
.height-lock-scroll {
margin-top: -180vh;
}
.text-l {
font-size: 21px;
}
.item-wrapper-timeline._3 {
padding-left: 20px;
}
.item-wrapper-timeline._5 {
padding-left: 8px;
}
.item-wrapper-timeline._4 {
padding-left: 15px;
}
.item-wrapper-timeline._6 {
padding-left: 0;
}
.item-timeline {
width: 27rem;
}
.vs-2xl {
width: 300px;
}
.sticky-lock-scroll {
top: 70px;
}
.height-item-lock-scroll {
height: 100vh;
}
.height-item-lock-scroll._50vh {
height: 30vh;
}
.section-7.is-timeline {
padding-top: 0;
padding-bottom: 60px;
overflow: hidden;
}
.scroll-heading {
font-size: 35px;
line-height: 115%;
}
.grid-container-felloship {
grid-column-gap: 0px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: start;
width: 100%;
margin-bottom: 40px;
display: grid;
position: static;
overflow: visible;
}
.call-left {
width: auto;
overflow: visible;
}
.yt-video-container {
padding-left: 0;
padding-right: 0;
position: static;
}
.video-title-container {
padding-top: 10px;
position: static;
}
.circle-inside-container {
padding-bottom: 20px;
}
.text-block-18 {
width: 100%;
font-size: 21px;
}
.fellowship-page-text {
font-size: 16px;
}
.fellowship-page-text.why-fellow {
width: auto;
font-size: 16px;
}
.fellowship-page-text.fellow-card {
font-size: 16px;
}
.animation-text {
width: auto;
font-size: 21px;
}
.where-teach-grid-wrapper {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.where-teach-text.text-center {
text-align: left;
font-size: 16px;
}
.section-one-fellowship {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6853b5e995a5a578324ac024_Mobile_one_fellowship.png");
background-position: 50%;
background-size: cover;
height: 67vh;
}
.one-fellowship-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: column dense;
padding-top: 20px;
}
.one-fellowship-grid.one_fellowship {
padding-top: 10px;
}
.left-cell {
display: none;
}
.left-cell.donate {
display: block;
}
.right-cell.donate {
display: none;
}
.why-fellow-grid-container {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
justify-items: stretch;
}
.why-fellow-card.hover {
width: auto;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.why-fellow-heading {
font-size: 24px;
}
.join-alumni-text {
margin-bottom: 20px;
font-size: 21px;
}
.section-home {
height: 86vh;
}
.section-home.narrow_width {
height: 180vw;
}
.section-home.narrow_width.moment-page {
height: 84vh;
}
.section-home.donate-page-size {
height: 82vh;
}
.section-home.fellwship-height, .section-home.ed-crisis-height {
height: 86vh;
}
.section-home.impact-page {
height: 615px;
}
.section-home.about-page {
height: 640px;
}
.bg-wrapper {
width: auto;
}
.lqip-image {
filter: none;
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/683588ea4a104cbbb755e339_LQIP-Ed-Crisis-Mobile.png");
display: none;
}
.lqip-image.mobile {
filter: none;
width: 100vw;
max-width: none;
height: auto;
display: inline-block;
overflow: hidden;
}
.bg-highres {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/682af3a657ee1a5fea9e1af3_ChennaiTFI53%20(1)%201%201%20(1).png");
display: none;
}
.bg-highres.mobile {
width: 100%;
max-width: none;
height: auto;
display: inline-block;
overflow: hidden;
}
.div-block-111 {
height: 4px;
}
.phone-line {
z-index: -1;
background-color: #0f243e3d;
height: 4px;
padding-bottom: 0;
padding-right: 0;
display: block;
position: relative;
top: -4px;
}
.small-card {
height: 120px;
padding: 9px;
font-family: Dm sans, sans-serif;
}
.testimonial_section {
height: auto;
}
._2_column_block.testimonial {
display: none;
}
.what_we_do_grid {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.what_we_do_cell {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1.5fr;
grid-auto-columns: 1fr;
display: grid;
}
.number_text {
color: var(--white);
font-family: Plus jakarta, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 128%;
}
.number_text.padding_left {
padding-right: 8px;
}
.text {
font-family: Dm sans, sans-serif;
font-weight: 500;
line-height: 130%;
}
.bold_colour {
color: #e15442;
font-weight: 700;
}
.wht_we_do-section_mobile {
display: block;
}
.image-20 {
margin-bottom: 30px;
}
.tfi_para_white {
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
font-size: 16px;
}
.tfi_para_black {
font-size: 16px;
}
.these_leader_text {
width: 80vw;
font-size: 21px;
}
.each_program_text {
font-size: 16px;
}
.slider_nav.left.hide {
display: block;
}
.slider_nav.padding-left {
padding-left: 0;
}
.col {
flex-basis: 100%;
max-width: 100%;
}
.col.col-shrink.u-mb-0 {
width: auto;
display: none;
}
.row.row-justify-center.u-mb-0 {
grid-column-gap: 13px;
grid-row-gap: 13px;
grid-template-columns: 1fr 1fr;
max-width: none;
margin-bottom: 20px;
position: static;
}
.carousel_container {
width: 100%;
padding-bottom: 50px;
}
.carousel_container.less-padding {
padding-bottom: 20px;
}
.testimonial-slider_center {
width: 349px;
}
.h2-2 {
font-size: 2rem;
}
.h2-2.u-mb-1 {
font-size: 16px;
}
.carousel_heading_name {
font-size: 21px;
}
.container-6 {
width: 86%;
}
.section-8 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.h2-3 {
font-size: 2rem;
}
.these_leader_cntainer {
width: 80vw;
margin-top: 80%;
}
.tab-cntainer {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.tab-wrapper {
padding-top: 0;
}
.tab-text {
padding-bottom: 15px;
font-size: 16px;
}
.tab-text.heading {
margin-bottom: 0;
}
.tab-text.small-text-size {
font-size: 12px;
}
.tabs-menu, .tab-hr, .image-22.tab3, .image-22.tab2, .image-22.tab1, .image-22.tab4, .image-22.tab5 {
display: none;
}
.replace-text {
margin-right: 5px;
display: inline;
}
.icon-3 {
margin-right: 0;
display: inline-block;
position: relative;
top: 2px;
}
.underline {
border: 1px solid #cfcfcf;
width: auto;
height: 1px;
margin-top: 5px;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.dropdown-link, .dropdown-link-2, .dropdown-link-3, .dropdown-link-4, .dropdown-link-5 {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0;
font-weight: 700;
}
.dropdown-toggle-2 {
padding: 0;
}
.center-heading-container.less-margin {
margin-bottom: 20px;
}
.tabs-content {
margin-top: -30px;
}
.image-23, .image-26 {
margin-left: 0;
}
.swiper-slide.custom-slide-style, .swiper-slide.custom-slide-style.width-auto {
width: 88vw;
}
.swiper-slide.custom-slide-style.width-100vw {
width: 100%;
}
.card {
padding: 15px;
}
.animation-heading {
font-size: 21px;
}
.animation-disc, .donate-text {
font-size: 16px;
}
.donate-text.question {
font-size: 21px;
}
.donate-text.left-align {
text-align: center;
}
.donate-text.white-text {
text-align: center;
width: 100%;
margin-top: 0;
}
.donate-text.white-text.width {
width: 100%;
}
.donate-text.padding {
padding-left: 0;
padding-right: 0;
font-size: 16px;
}
.donate-text.hide-in-mobile {
display: none;
}
.donate-text.hide-in-desktop {
margin-bottom: 10px;
display: block;
}
.bold_blue {
font-size: 21px;
}
.bold_blue.text-size-regular {
font-size: 16px;
}
.join-the-india-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-top: 10px;
}
.join-the-india-image {
margin-top: 0;
margin-bottom: 20px;
}
.join-the-india-image.hide-in-desktop {
margin-top: 20px;
display: block;
}
.changemaker-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.changemaker-heading {
font-size: 35px;
}
._15-year-section {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/685d21c0d0064da6a0631353_u%201.png");
background-position: 50%;
background-size: cover;
height: 160vh;
}
.doante-button-container {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.faq-container {
padding-top: 0;
}
.h3-mtb-2 {
font-size: 16px;
}
.faq-rich-text-2, .faq-rich-text-3 {
margin-bottom: 0;
padding-bottom: 10px;
}
.faq-rich-text-3 ul {
margin-bottom: 0;
font-size: 18px;
line-height: 26px;
}
.faq-rich-text-3 p {
margin-bottom: 0;
}
.faq-rich-text-3 ol {
font-size: 18px;
line-height: 26px;
}
.new-rich-text, .new-rich-text p {
font-size: 16px;
}
.button-container-mobile {
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-113 {
height: auto;
min-height: 50px;
max-height: 13vw;
margin-bottom: 40px;
}
.impact-page-text {
font-size: 16px;
}
.impact-page-text.margin-bottom.left.orange.margin-top.center {
font-size: 18px;
}
.impact-page-text.margin-bottom.left.margin-top.center {
text-align: center;
}
.impact-page-text.margin-bottom.hide-in-desktop {
display: block;
}
.impact-page-text.margin-bottom.hide-in-mobile {
display: none;
}
.impact-page-text.padding-x.margin-bottom {
padding-left: 0;
padding-right: 0;
}
.impact-page-text.padding-x.margin-bottom.left-in-phone {
text-align: left;
}
.impact-page-text.padding-x.margin-top {
text-align: left;
padding-left: 0;
padding-right: 0;
}
.impact-page-text.left-align {
font-size: 15px;
}
.impact-page-text.left-align.white-text.card-heading.margin-button {
margin-bottom: 10px;
font-size: 40px;
}
.impact-page-text.left-align.stand-for-text {
font-size: 16px;
}
.impact-page-text.large-text {
font-size: 25px;
}
.impact-page-text.margin-top.bold-text {
margin-top: 20px;
}
.impact-page-text.margin-top.hide-in-mobile {
display: none;
}
.impact-page-text.bold.large-text.left-align.top-margin {
font-size: 16px;
}
.blue.plus-jakarta {
font-family: Plus jakarta, sans-serif;
}
.our-student-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.left-image-cell {
min-height: 274px;
}
.right-cell-container {
grid-column-gap: 10px;
grid-row-gap: 15px;
}
.our-student-card {
width: auto;
height: auto;
min-height: 132px;
padding: 15px;
}
.our-student-number {
margin-bottom: 0;
font-size: 30px;
}
.yt-vdo-container {
padding-left: 0;
padding-right: 0;
}
.section-over-70 {
background-image: url("https://cdn.prod.website-files.com/62f24893562f47d8766501aa/6867b04b3632dfea2013b812_cute%201.png");
background-position: 50%;
background-size: cover;
height: 480px;
}
.card-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: auto;
height: auto;
}
.card-grid.new-width {
flex-flow: wrap-reverse;
grid-template-columns: 1.25fr;
grid-auto-flow: row;
width: auto;
display: flex;
}
.card-text-container {
padding: 15px;
}
.card-image-container {
background-position: 50% 0;
height: 250px;
margin-left: 40px;
margin-right: 40px;
}
.card-image-container.with-image {
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-left: 0;
}
.multiplier-name.center {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.multiplier-image {
height: 308px;
}
.img-block {
width: 90%;
}
.steps-clone {
display: block;
position: static;
}
.content {
font-size: 20px;
}
.theory-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.center-text-container {
display: none;
}
.center-circle-container {
padding-left: 40px;
padding-right: 40px;
}
.center-container {
top: 41%;
left: 36%;
}
.theory-text-container-center {
margin-top: 10px;
margin-bottom: 10px;
}
.theory-text-container-center.margin-top-left {
margin-top: 10px;
margin-left: 0;
}
.theory-text-container-center.hide-in-desktop {
display: block;
}
.image-27 {
padding-top: 20px;
padding-bottom: 20px;
}
.image-28, .image-29, .image-30 {
display: none;
}
.info-card-open-bg {
height: auto;
}
.pill-button.auto-top {
padding: .55rem .55rem .55rem 1.5rem;
}
.info-card-bottom {
grid-row-gap: 1rem;
}
.heading-small {
font-size: 2.25rem;
}
.service-card-open-close {
width: 20px;
height: 20px;
margin-top: 10px;
margin-right: 10px;
}
.info-hidden {
grid-row-gap: 2rem;
}
.info-card {
grid-row-gap: 2.5rem;
min-width: 40vw;
max-width: 45vw;
height: 60vw;
min-height: auto;
max-height: none;
padding: 0;
}
.info-cards-wrapper {
flex-flow: wrap;
}
.body-medium {
font-size: 1rem;
}
.div-block-114 {
height: 100%;
}
.stand-for-button {
height: 20%;
}
.stand-for-image-container {
height: 80%;
}
.open-close-button {
font-size: 21px;
}
.main-slider-container {
height: 300px;
}
.c-slide-btn-block {
width: 20vw;
height: 20vw;
}
.main-slider.mobile {
height: 300px;
}
.c-main-slide-description {
text-align: center;
}
.ci-main-slide-content {
align-items: center;
width: 85%;
}
.video-slide-heading {
text-align: center;
font-size: 10vw;
}
.c-main-slide-content {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.leadership-name-container {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.leader-name {
font-size: 16px;
}
.leader-designation {
font-size: 14px;
}
.thory-heading-container {
display: flex;
}
.square {
width: 18px;
height: 18px;
margin-bottom: 10px;
margin-right: 10px;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.square.green {
background-color: #b7c833;
}
.square.red {
background-color: #e05443;
}
.square.yellow {
background-color: #ffd13c;
}
}
#w-node-_07272508-c060-3c30-366d-eeeb5b00df9b-082269c8, #w-node-_07272508-c060-3c30-366d-eeeb5b00dfa9-082269c8, #w-node-_07272508-c060-3c30-366d-eeeb5b00dfb7-082269c8, #w-node-_07272508-c060-3c30-366d-eeeb5b00dfc5-082269c8, #w-node-_7bb15d7d-68ac-5c12-a701-6222af4d2d91-082269c8, #w-node-cbde2f4e-e39c-8180-3f2b-39bbdde72942-082269c8, #w-node-_50dbfff9-7447-f4b3-7f78-c2e0807ae481-082269c8, #w-node-_339db27c-4989-3012-cdab-7f2f2dbc8899-082269c8, #w-node-_4cb462a4-132b-1744-1f65-90b1966e2b0d-082269c8, #w-node-af430def-306a-3a00-f4d7-6880f8a35ef6-082269c8, #w-node-_5b2bdb72-99bc-4dea-0e97-399dc822b6ea-082269c8, #w-node-_63f585ba-bbfc-f017-c009-1f769bd238b8-082269c8, #w-node-_5b2bdb72-99bc-4dea-0e97-399dc822b6ed-082269c8, #w-node-_5b2bdb72-99bc-4dea-0e97-399dc822b6ef-082269c8, #w-node-_5b2bdb72-99bc-4dea-0e97-399dc822b6f1-082269c8, #w-node-_2e5fa8f6-3a0f-187e-80f3-9d80f27635f1-082269c8, #w-node-_2e5fa8f6-3a0f-187e-80f3-9d80f27635f3-082269c8, #w-node-_3b4f82e2-4d8c-61e7-cf95-c52f53fc3fab-082269c8, #w-node-_92ac8e0e-696d-fca1-0e55-43c29186c9e8-082269c8, #w-node-_92a23e8f-b558-2dac-e4fc-79e194983091-082269c8, #w-node-_115b1bf2-3b1e-1df3-0a02-4f464c675646-082269d1, #w-node-_4b4bb8ae-9c6a-7872-68a9-cce5826a97d7-082269d1, #w-node-_15196dc3-8567-5ecd-2e2f-2aabdd417dfb-082269d1, #w-node-b2425d6e-5645-0cac-e2ea-fcf3576bec54-082269d1, #w-node-fcf0d774-c16b-c0c0-5eea-a66fdff51746-082269d1, #w-node-_33755905-8bed-1bdf-c911-bc063139189e-082269d1, #w-node-_33755905-8bed-1bdf-c911-bc063139189f-082269d1, #w-node-_82371020-dad6-e0e6-0e7d-b9934241e524-082269d1, #w-node-_861a8a18-cb3a-c52b-4164-3a8fa53b1121-082269d1, #w-node-a304c6a2-3fc4-2eaa-2fc7-99d9311dcb92-082269d1, #w-node-_5d9945e8-9548-4023-c998-20b92efaf0e4-082269d1, #w-node-bc16577b-333d-8b24-c7f5-c8d8a9b7a5ac-082269d1, #w-node-_18bcab5c-9415-33ee-709c-ee8b4d24a713-082269d1, #w-node-_5d4520ce-2b2b-7fe2-5ada-e5f74248b13d-082269d1, #w-node-b5803218-a376-d5fe-5105-629a9a6102a3-082269d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3fb79134-bdfe-d7dd-9c14-c1b0df3a9a94-082269d1 {
justify-self: auto;
}
#w-node-_2449185d-d202-65b1-9923-5d2f0143c620-082269d3, #w-node-_2449185d-d202-65b1-9923-5d2f0143c621-082269d3, #w-node-_2449185d-d202-65b1-9923-5d2f0143c625-082269d3, #w-node-b2425d6e-5645-0cac-e2ea-fcf3576bec54-082269d3, #w-node-fcf0d774-c16b-c0c0-5eea-a66fdff51746-082269d3, #w-node-ea5d3b68-46e6-97c6-beca-2b4a9f1e178d-082269d3, #w-node-_2449185d-d202-65b1-9923-5d2f0143c620-082269d4, #w-node-_2449185d-d202-65b1-9923-5d2f0143c621-082269d4, #w-node-_2449185d-d202-65b1-9923-5d2f0143c625-082269d4, #w-node-a9170e20-e0a2-aec7-150c-545ef8b8d33b-082269d4, #w-node-d19ea9bd-5a9e-964d-402e-660884b419b9-082269d4, #w-node-_89ff6fdf-6d6d-ea10-e514-aa4e4d16725e-082269d4, #w-node-_2ff68a7a-e9a6-e409-9f86-4933229578ba-082269d4, #w-node-_70abd92f-319e-b117-337d-83a1d61496e2-082269d7, #w-node-_70abd92f-319e-b117-337d-83a1d61496e7-082269d7, #w-node-dc8f4d8e-d3e3-9039-b48f-2a16239084bf-082269d8, #w-node-f9b43c5c-7f5e-8081-1e90-8556413cdab3-082269d9, #w-node-_5451a7dc-694b-f017-1765-28bdcb728c4e-082269d9, #w-node-_3fb4b4b4-bf9b-5b70-ed44-fc0a71d2fa56-082269d9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37804236-2562-34e9-e869-f25f8391f7a8-082269d9 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_2cb90a0f-f5c0-953b-614f-fae563d2723c-082269d9, #w-node-a27f7442-9acc-7495-ae0a-b833c6bdf7a7-082269d9, #w-node-_9d098d9e-d07c-8d1d-7a3b-e2f39194a798-082269d9, #w-node-e58f53e7-4164-e389-153d-e82d1592ea50-082269d9, #w-node-_95ba4dd6-ae80-5f5f-5135-fcf7d6e4192f-082269d9, #w-node-_388177f6-5731-5885-fce1-d7cb0b5ea44f-082269d9, #w-node-cc6a3a25-263b-c912-51df-a8cb4e061de0-082269d9, #w-node-_12baf3b5-bc63-e064-5e15-d1bbe69257c3-082269d9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4737111e-dd0a-c870-51e9-e160c4733ec3-082269da {
align-self: auto;
}
#w-node-_617c38ed-1598-e729-26c1-8c94bccb18a1-082269da, #w-node-_9db5c034-4215-9603-353c-06b6150e0fa5-082269da, #w-node-_9db5c034-4215-9603-353c-06b6150e0fbb-082269da, #w-node-_9db5c034-4215-9603-353c-06b6150e101b-082269da {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_26a96af9-c371-b49c-a85d-adbd8e07bc04-082269da {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: auto;
}
#w-node-eaaa6fb0-1951-00fa-3b88-ca2acb51d6f5-082269da {
align-self: center;
}
#w-node-_88d94726-2921-7088-6ebc-72e0eb75a700-082269da {
place-self: auto;
}
#w-node-_1331607d-e7a2-ffd6-b6c9-35a7d62c688e-082269da, #w-node-_96607fa5-3c05-9ab0-bda4-3797e2e399c5-082269da {
align-self: center;
}
#w-node-_18bcab5c-9415-33ee-709c-ee8b4d24a713-082269da, #w-node-_77447ff8-10ec-32c8-8f8b-7caaaa6d787e-082269db, #w-node-_77447ff8-10ec-32c8-8f8b-7caaaa6d787f-082269db, #w-node-_77447ff8-10ec-32c8-8f8b-7caaaa6d7891-082269db, #w-node-ee47abec-66a3-8a8a-f24a-43ada4a09ece-082269db, #w-node-d3908cbb-0b51-8786-1528-6ce88d2d8d37-082269db, #w-node-d3908cbb-0b51-8786-1528-6ce88d2d8d38-082269db, #w-node-d3908cbb-0b51-8786-1528-6ce88d2d8d42-082269db, #w-node-_7e43c636-05fb-e554-adc6-647e3ca85892-082269db, #w-node-e3f3a57e-9124-8bd9-bf72-a75ff6bcf902-082269db, #w-node-_99f243f3-6f86-df40-3dfe-e6e24660e72b-082269db, #w-node-fb3b23f6-2392-4151-23f3-852035ab0a03-082269db, #w-node-_3d7338b0-71af-4920-9c93-9b67574bbe56-082269db {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9dafc8a5-74e2-4363-6cd9-8968a2682b6f-082269db {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: auto;
}
#w-node-_9dafc8a5-74e2-4363-6cd9-8968a2682b70-082269db {
align-self: center;
}
#w-node-_9dafc8a5-74e2-4363-6cd9-8968a2682b71-082269db {
place-self: auto;
}
#w-node-_9dafc8a5-74e2-4363-6cd9-8968a2682b72-082269db, #w-node-_9dafc8a5-74e2-4363-6cd9-8968a2682b73-082269db {
align-self: center;
}
#w-node-_18bcab5c-9415-33ee-709c-ee8b4d24a713-082269db, #w-node-_7caf99a2-3d9e-9fd8-f437-7f80b53de0ae-082269dd, #w-node-_7caf99a2-3d9e-9fd8-f437-7f80b53de0af-082269dd, #w-node-b8ffdbfe-77ac-aa05-d249-d89a3680af53-082269dd, #w-node-b8ffdbfe-77ac-aa05-d249-d89a3680af6f-082269dd, #w-node-b8ffdbfe-77ac-aa05-d249-d89a3680af8b-082269dd, #w-node-b8ffdbfe-77ac-aa05-d249-d89a3680afe3-082269dd, #w-node-_074b3183-6b1a-36b2-dd96-7e8b291fa966-082269e3, #w-node-_074b3183-6b1a-36b2-dd96-7e8b291fa967-082269e3, #w-node-_074b3183-6b1a-36b2-dd96-7e8b291fa971-082269e3, #w-node-_074b3183-6b1a-36b2-dd96-7e8b291fa98d-082269e3, #w-node-_074b3183-6b1a-36b2-dd96-7e8b291fa9a9-082269e3, #w-node-_074b3183-6b1a-36b2-dd96-7e8b291faa01-082269e3, #w-node-_5079ef9c-47e0-be48-ee5a-c5c13bd83242-082269e4, #w-node-_5079ef9c-47e0-be48-ee5a-c5c13bd83245-082269e4, #w-node-_35125bc8-7d90-2312-3ed0-29b29f603e6b-082269e4, #w-node-_35125bc8-7d90-2312-3ed0-29b29f603e6c-082269e4, #w-node-d57ce387-1085-0ef6-b2cd-03c66a579f1c-082269e4, #w-node-d57ce387-1085-0ef6-b2cd-03c66a579f1d-082269e4, #w-node-d57ce387-1085-0ef6-b2cd-03c66a579f20-082269e4, #w-node-d57ce387-1085-0ef6-b2cd-03c66a579f28-082269e4, #w-node-d57ce387-1085-0ef6-b2cd-03c66a579f2e-082269e4, #w-node-d57ce387-1085-0ef6-b2cd-03c66a579f34-082269e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_13a43aae-042e-d7ba-d745-6f4a54a078fa-082269e4 {
justify-self: auto;
}
#w-node-_99ebcc29-7b72-a9a0-ecc0-92c543e4f1bb-082269e7, #w-node-_99ebcc29-7b72-a9a0-ecc0-92c543e4f1bc-082269e7, #w-node-_99ebcc29-7b72-a9a0-ecc0-92c543e4f1be-082269e7, #w-node-_115b1bf2-3b1e-1df3-0a02-4f464c675646-082269e8, #w-node-_4b4bb8ae-9c6a-7872-68a9-cce5826a97d7-082269e8, #w-node-_15196dc3-8567-5ecd-2e2f-2aabdd417dfb-082269e8, #w-node-ca50efb0-1843-3756-e637-901cb2703575-082269e8, #w-node-_5d54447b-3e8f-ee96-6ed4-80975268f9be-082269e8, #w-node-_8e15ec1a-eede-55ac-0053-a4b50466c3fb-082269e8, #w-node-_1e6b5233-5b68-e65b-21ee-d66a1283e109-082269e8, #w-node-_1aaf4fd8-d5af-6b2d-d67b-69e5f04b68b6-082269e8, #w-node-_1aaf4fd8-d5af-6b2d-d67b-69e5f04b68bb-082269e8, #w-node-d1bcacd8-f521-bed0-2a60-de1ab9ae50bc-082269e8, #w-node-_23072ee2-0e83-c9df-acbb-58b9405d8d32-082269e8, #w-node-_75e4815c-3949-76ae-0f36-b7187be832b5-082269e8, #w-node-_21aa67eb-5306-c648-7749-ab8cb8db9806-082269e8, #w-node-_8c3fc7a0-6b2d-4680-f6ed-1d5fb8591ee3-082269e8, #w-node-_23072ee2-0e83-c9df-acbb-58b9405d8d30-082269e8, #w-node-_2ec719a4-706d-18d3-bbf9-2dccfd0abb96-082269e8, #w-node-_0e42297d-42ae-f4ca-d79c-92d3ac2faa0a-082269e8, #w-node-_7f31c1d2-1c9f-91d9-d0b7-45d06fda5b13-082269e8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f3d6207-f192-4a37-f786-2678bbfeff49-082269e8 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-ce3cae82-8b78-f35a-710d-ae82e866d9c1-082269e8, #w-node-_081f1eb8-cf83-2c66-d743-19b5bec75f4d-082269e8, #w-node-b33eff8b-327a-5261-18d4-7660f8e634e4-082269e8, #w-node-_19c559cc-c3f1-db4c-82da-b33fa79a129b-082269e8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a1ecb5a6-e4d2-e741-a55d-bc0a0f19a1a4-082269e8 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-a1ecb5a6-e4d2-e741-a55d-bc0a0f19a19f-082269e8, #w-node-_2f4a16ac-4d62-274a-f811-4b52fe67fd26-082269e8, #w-node-_2f4a16ac-4d62-274a-f811-4b52fe67fd2b-082269e8, #w-node-_2f4a16ac-4d62-274a-f811-4b52fe67fd32-082269e8, #w-node-_2f4a16ac-4d62-274a-f811-4b52fe67fd37-082269e8, #w-node-fd44d1ef-5e24-d647-bb20-bd622c2dd8b2-082269e8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_756753d1-e58d-154c-6fb2-8399385fc116-082269e8, #w-node-_36a85a0e-efdf-12f0-6ad1-0752ab92e8c1-082269e8 {
order: 9999;
}
#w-node-_148d1f88-2c65-3ee6-7043-09443452e465-082269e9, #w-node-_148d1f88-2c65-3ee6-7043-09443452e468-082269e9, #fcra.w-node-de4d34b4-aaee-4b37-850b-b8ac494094e5-082269e9, #w-node-_115b1bf2-3b1e-1df3-0a02-4f464c675646-082269ea, #w-node-_4b4bb8ae-9c6a-7872-68a9-cce5826a97d7-082269ea, #w-node-_15196dc3-8567-5ecd-2e2f-2aabdd417dfb-082269ea, #w-node-b2425d6e-5645-0cac-e2ea-fcf3576bec54-082269ea, #w-node-_6a27c48b-3823-bf36-98e8-ca72d7214c42-082269ea, #w-node-_53ad1975-3b54-a4f4-cb2f-0b103fac2bec-082269ea, #w-node-_53ad1975-3b54-a4f4-cb2f-0b103fac2c30-082269ea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_53ad1975-3b54-a4f4-cb2f-0b103fac2c67-082269ea {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_1cd1c23b-a7eb-a2b7-b39c-411b2a99a589-082269ea, #w-node-_1cd1c23b-a7eb-a2b7-b39c-411b2a99a58e-082269ea, #w-node-_1cd1c23b-a7eb-a2b7-b39c-411b2a99a592-082269ea, #w-node-_4ed28472-53c3-fd96-4725-a0d733d5fbd8-082269ea, #w-node-_4ed28472-53c3-fd96-4725-a0d733d5fbf5-082269ea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4ed28472-53c3-fd96-4725-a0d733d5fc2c-082269ea {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_99ebcc29-7b72-a9a0-ecc0-92c543e4f1bb-082269eb, #w-node-_99ebcc29-7b72-a9a0-ecc0-92c543e4f1bc-082269eb, #w-node-_99ebcc29-7b72-a9a0-ecc0-92c543e4f1be-082269eb, #w-node-_62f67590-e141-5bfb-8063-7b40bf28fd51-08226a05, #w-node-_62f67590-e141-5bfb-8063-7b40bf28fd54-08226a05, #w-node-_39c9c7f3-4073-6fad-ceaf-7cbf357215a7-08226a05, #w-node-_63071b1c-7d71-369c-4263-d94ab24458c4-08226a05, #w-node-be9dd83f-f709-7904-a385-898a77d58234-08226a05, #w-node-_0ae8e5a1-cc0c-3da4-e707-b17f6708679e-08226a05, #w-node-b7b8ff52-e2db-b7e2-c2df-2b6fcdf3aa0c-08226a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ceb56853-eccb-1638-ed54-cc11a14912ff-08226a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-fa190e20-6a16-04d0-1a5f-0d2869f26d15-08226a05, #w-node-fa190e20-6a16-04d0-1a5f-0d2869f26d28-08226a05, #w-node-c718cc13-5ed3-966d-d5bd-8a90b752a5c2-08226a05, #w-node-cb406145-bc72-6a38-4202-6ae6ee565300-08226a05, #w-node-_49a64346-9672-3ccf-8bfc-99e75758fecc-08226a05, #w-node-_49a64346-9672-3ccf-8bfc-99e75758fecf-08226a05, #w-node-_79ed5ea8-5158-dc78-8672-4231a1adc7b2-08226a05, #w-node-_79ed5ea8-5158-dc78-8672-4231a1adc7b5-08226a05, #w-node-_231e43d9-20aa-6419-9424-e89129ede790-08226a1d, #w-node-_231e43d9-20aa-6419-9424-e89129ede791-08226a1d, #w-node-_32ea9b0f-2f34-3eb6-450d-2d2ee9540cad-08226a21, #w-node-e0f9255b-616b-0fcf-eb12-1d9cada04633-08226a21, #w-node-b505a83d-2726-51e4-0c0d-47915f3f59b4-08226a21, #w-node-_910392aa-1bc3-9c06-f3e5-45d29bdee2cb-08226a21, #w-node-_46a3dc5a-79f7-0f07-0870-86ac21b5489b-08226a21, #w-node-_46a3dc5a-79f7-0f07-0870-86ac21b548df-08226a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_46a3dc5a-79f7-0f07-0870-86ac21b54916-08226a21 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-a71e7cff-e1af-f64c-2d4b-aa44984780d2-c6224c72, #w-node-a71e7cff-e1af-f64c-2d4b-aa44984780d7-c6224c72, #w-node-a71e7cff-e1af-f64c-2d4b-aa44984780dc-c6224c72 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a71e7cff-e1af-f64c-2d4b-aa44984780e2-c6224c72 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_32ea9b0f-2f34-3eb6-450d-2d2ee9540cad-c6224c72, #w-node-e0f9255b-616b-0fcf-eb12-1d9cada04633-c6224c72, #w-node-b505a83d-2726-51e4-0c0d-47915f3f59b4-c6224c72, #w-node-_910392aa-1bc3-9c06-f3e5-45d29bdee2cb-c6224c72, #w-node-_46a3dc5a-79f7-0f07-0870-86ac21b5489b-c6224c72, #w-node-_46a3dc5a-79f7-0f07-0870-86ac21b548df-c6224c72 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_46a3dc5a-79f7-0f07-0870-86ac21b54916-c6224c72 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-c6392121-a536-4b1b-d300-d686234dc324-c1423321, #w-node-c6392121-a536-4b1b-d300-d686234dc33b-c1423321, #w-node-c6392121-a536-4b1b-d300-d686234dc30d-c1423321 {
justify-self: end;
}
#w-node-_7bb15d7d-68ac-5c12-a701-6222af4d2d91-c1423321, #w-node-cbde2f4e-e39c-8180-3f2b-39bbdde72942-c1423321, #w-node-_50dbfff9-7447-f4b3-7f78-c2e0807ae481-c1423321, #w-node-_339db27c-4989-3012-cdab-7f2f2dbc8899-c1423321, #w-node-_4cb462a4-132b-1744-1f65-90b1966e2b0d-c1423321, #w-node-af430def-306a-3a00-f4d7-6880f8a35ef6-c1423321 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5b2bdb72-99bc-4dea-0e97-399dc822b6ea-c1423321 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_63f585ba-bbfc-f017-c009-1f769bd238b8-c1423321, #w-node-_5b2bdb72-99bc-4dea-0e97-399dc822b6ed-c1423321, #w-node-_5b2bdb72-99bc-4dea-0e97-399dc822b6ef-c1423321, #w-node-_5b2bdb72-99bc-4dea-0e97-399dc822b6f1-c1423321, #w-node-_2e5fa8f6-3a0f-187e-80f3-9d80f27635f1-c1423321, #w-node-_2e5fa8f6-3a0f-187e-80f3-9d80f27635f3-c1423321, #w-node-_3b4f82e2-4d8c-61e7-cf95-c52f53fc3fab-c1423321, #w-node-e6efea17-06d7-e163-2ba0-32e4e27698b6-c1423321 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e6efea17-06d7-e163-2ba0-32e4e27698cc-c1423321, #w-node-_1a964f79-c86d-04d0-cc10-eaff4a45800a-a02086f9 {
justify-self: end;
}
#w-node-_5f9b8a00-3d03-a98b-a42d-fb4c0371e37b-a02086f9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5f9b8a00-3d03-a98b-a42d-fb4c0371e394-a02086f9, #w-node-_5f9b8a00-3d03-a98b-a42d-fb4c0371e391-a02086f9, #w-node-d2c1acf0-6179-47af-eb9a-cac8f9de9cb3-8d91781f {
justify-self: end;
}
#w-node-_99ebcc29-7b72-a9a0-ecc0-92c543e4f1bb-8d91781f, #w-node-_99ebcc29-7b72-a9a0-ecc0-92c543e4f1bc-8d91781f, #w-node-_99ebcc29-7b72-a9a0-ecc0-92c543e4f1be-8d91781f, #w-node-_5079ef9c-47e0-be48-ee5a-c5c13bd83242-858d515e, #w-node-a7fa7f4b-8af6-1d7e-cc15-975d825157bc-858d515e, #w-node-a7fa7f4b-8af6-1d7e-cc15-975d825157c0-858d515e, #w-node-a7fa7f4b-8af6-1d7e-cc15-975d825157c8-858d515e, #w-node-a7fa7f4b-8af6-1d7e-cc15-975d825157ce-858d515e, #w-node-a7fa7f4b-8af6-1d7e-cc15-975d825157d4-858d515e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_123bb090-0be3-69f4-70ab-f653c1f1026e-8c4783c3 {
justify-self: auto;
}
#w-node-_2cb927aa-5bd3-3411-ed76-8d6d273a2482-8c4783c3 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_8b277ed9-f6e5-3a23-cbb7-e02cd0552be3-8c4783c3, #w-node-f5e4f7d0-a016-47a0-4f7d-a131c875e923-8c4783c3, #w-node-_30e9efed-cd84-cc9c-e6f3-0928ef0a131c-8c4783c3, #w-node-d5b71ac4-0e44-7cbc-91f4-f91e7fe28fc1-8c4783c3, #w-node-ca6af0f5-962a-763e-1d4b-f53d1636e8f0-8c4783c3, #w-node-f24d7c16-1c34-8f39-4d7f-9e1499c7f501-8c4783c3, #w-node-d8e0f651-19de-ac65-70dd-950cd212dbd8-8c4783c3, #w-node-_972728c0-902e-ea73-4732-70f9161a50a5-8c4783c3, #w-node-_3bf5815a-e639-885e-242b-c55d3662c5fd-8c4783c3, #w-node-c984f2a1-d8cb-9ab8-60a0-364e27ea6d31-8c4783c3, #w-node-_8a5d16c1-8797-c9f4-0024-34ba93864a91-8c4783c3, #w-node-_5df7f5ff-debd-3ab5-7b56-40c6bd793b0d-8c4783c3, #w-node-_72767364-6fd4-8b21-51bb-281a0f17a60e-8c4783c3, #w-node-_6c4d5316-4ffd-ab95-970c-3d97c57f929d-8c4783c3, #w-node-cd9ab2dc-2040-9e1b-c8a9-fc5f0bb10cca-8c4783c3, #w-node-_286e43e8-0d9f-002b-9f45-476ed69d73d8-8c4783c3, #w-node-_0fa78cf3-666e-c1f7-47ce-884786790ed1-8c4783c3, #w-node-e3fb78cf-32ee-a960-0886-cdebeb3b55aa-8c4783c3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_274ddb98-0c61-ff20-248d-b4274686333d-b8bffd04 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-_274ddb98-0c61-ff20-248d-b42746863346-b8bffd04, #w-node-_274ddb98-0c61-ff20-248d-b4274686334b-b8bffd04, #w-node-_274ddb98-0c61-ff20-248d-b4274686334d-b8bffd04, #w-node-_274ddb98-0c61-ff20-248d-b42746863354-b8bffd04, #w-node-_274ddb98-0c61-ff20-248d-b4274686335b-b8bffd04, #w-node-_274ddb98-0c61-ff20-248d-b42746863362-b8bffd04, #w-node-_72bc6c47-b716-3619-f721-d9a80fd41d60-b8bffd04 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7117a5a7-a3e7-1054-ab8d-f17a9371fafa-b8bffd04 {
justify-self: auto;
}
#w-node-_23688624-a055-9ea9-c0fc-c40ac844bbdf-b8bffd04 {
place-self: center;
}
#w-node-d1ba01a6-de84-0177-7f41-2960aa9ae215-b8bffd04 {
place-self: center;
}
#w-node-_1604c225-52cf-de12-a5b5-548f6dcfe30b-b8bffd04 {
place-self: center;
}
#w-node-_1604c225-52cf-de12-a5b5-548f6dcfe310-b8bffd04 {
place-self: center;
}
#w-node-a454b07a-cf47-1d86-b607-a0cd4bd506f5-c303b86f {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-a39ff33c-541e-4f21-9aa6-4b2cd0cfe1a8-c303b86f {
align-self: end;
}
#w-node-c1b3d929-c76f-e508-e379-b1335f6164d2-c303b86f {
align-self: auto;
}
#w-node-_12e84bcf-9573-357f-6825-ddda4400a702-62f66ed6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5858fed7-77d7-7156-6d60-7cbe1389db50-8e9a1384 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_450508b5-c65b-2119-f904-dfb99e391470-8e9a1384, #w-node-_649e134a-e77c-0f5c-4f20-8af23834b28a-8e9a1384, #w-node-_3aa13504-5aec-210a-4d39-b176222721e1-8e9a1384, #w-node-b271d61a-b015-6d61-5153-06dfe568145d-8e9a1384, #w-node-_235b827e-e7fd-4b2f-7735-56df25da0cc0-8e9a1384, #w-node-_2dac896e-6a00-a860-0eb2-27024d20e738-8e9a1384 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_64b924e5-abb1-14f8-0f5a-d4cd744c6128-8e9a1384 {
align-self: center;
}
#w-node-f19e3c67-9859-f8e6-f3d6-3cd798b6b360-8e9a1384, #w-node-f19e3c67-9859-f8e6-f3d6-3cd798b6b36e-8e9a1384, #w-node-_6ce9767a-2a72-768f-fb75-7e3d1d5e9d12-8e9a1384, #w-node-_1adfc39d-94cb-4c19-e6f9-77f0985fb7c2-8e9a1384, #w-node-_8f70a4cd-cf16-c286-e06e-89b7ff1ac64c-8e9a1384, #w-node-d285a68e-5277-58b3-cdd1-5847d543b6cc-8e9a1384 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_05b50f9f-5487-bc1d-96e1-90bb9db8d44d-8e9a1384 {
align-self: center;
}
@media screen and (max-width: 991px) {
#w-node-_2ff68a7a-e9a6-e409-9f86-4933229578ba-082269d4, #w-node-b8ffdbfe-77ac-aa05-d249-d89a3680afe3-082269dd, #w-node-_074b3183-6b1a-36b2-dd96-7e8b291faa01-082269e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2ec719a4-706d-18d3-bbf9-2dccfd0abb99-082269e8, #w-node-_0e42297d-42ae-f4ca-d79c-92d3ac2faa0d-082269e8, #w-node-_7f31c1d2-1c9f-91d9-d0b7-45d06fda5b16-082269e8, #w-node-_8f3d6207-f192-4a37-f786-2678bbfeff4c-082269e8 {
align-self: center;
}
#w-node-_8f3d6207-f192-4a37-f786-2678bbfeff53-082269e8 {
grid-column: span 1 / span 1;
}
#w-node-_756753d1-e58d-154c-6fb2-8399385fc116-082269e8, #w-node-_36a85a0e-efdf-12f0-6ad1-0752ab92e8c1-082269e8 {
order: -9999;
}
#w-node-a71e7cff-e1af-f64c-2d4b-aa44984780d5-c6224c72, #w-node-a71e7cff-e1af-f64c-2d4b-aa44984780da-c6224c72, #w-node-a71e7cff-e1af-f64c-2d4b-aa44984780df-c6224c72, #w-node-a71e7cff-e1af-f64c-2d4b-aa44984780e5-c6224c72 {
align-self: center;
}
#w-node-a71e7cff-e1af-f64c-2d4b-aa44984780e7-c6224c72 {
grid-column: span 1 / span 1;
}
#w-node-_274ddb98-0c61-ff20-248d-b4274686333d-b8bffd04 {
grid-area: 1 / 1 / 2 / 7;
}
}
@media screen and (max-width: 767px) {
#w-node-_23072ee2-0e83-c9df-acbb-58b9405d8d32-082269e8 {
order: -9999;
}
#w-node-a1ecb5a6-e4d2-e741-a55d-bc0a0f19a1a4-082269e8 {
justify-self: center;
}
#w-node-c6392121-a536-4b1b-d300-d686234dc30d-c1423321 {
justify-self: end;
}
}
@media screen and (max-width: 479px) {
#w-node-f7c14307-75d8-97ad-135e-6bb876c2030d-76c202e8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7c146218-1721-5a33-1f7c-e3e5552e4184-552e417f {
justify-self: center;
}
#w-node-_93a80d37-f447-7224-8e5d-3e0f16deb5ca-082269d3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4737111e-dd0a-c870-51e9-e160c4733ec3-082269da {
place-self: auto;
}
#w-node-_617c38ed-1598-e729-26c1-8c94bccb18a1-082269da, #w-node-e3f3a57e-9124-8bd9-bf72-a75ff6bcf902-082269db {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_99f243f3-6f86-df40-3dfe-e6e24660e72b-082269db {
justify-self: end;
}
#w-node-e8ec138f-8980-6c19-c0d7-97b3dc127228-082269db {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_3d7338b0-71af-4920-9c93-9b67574bbe56-082269db {
justify-self: end;
}
#w-node-_298d9af2-88d8-99eb-46b6-ba65595b20e1-082269db {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-d57ce387-1085-0ef6-b2cd-03c66a579f28-082269e4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_405d88de-9b44-59f5-0894-9ef7a74def4e-082269e7 {
align-self: auto;
}
#w-node-_405d88de-9b44-59f5-0894-9ef7a74def50-082269e7 {
order: 0;
align-self: auto;
}
#w-node-_8f3d6207-f192-4a37-f786-2678bbfeff49-082269e8 {
align-self: auto;
}
#w-node-_0fcdbb4e-9596-6054-fe9b-3d793c6915fa-082269e8, #w-node-be9dd83f-f709-7904-a385-898a77d58234-08226a05 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-df48825c-3487-9ddf-a906-5ac5b4c60346-08226a21 {
align-self: auto;
}
#w-node-_88f1b16b-e7d3-c5fe-6296-1296affc6362-08226a21 {
order: 0;
align-self: auto;
}
#w-node-a71e7cff-e1af-f64c-2d4b-aa44984780e2-c6224c72, #w-node-df48825c-3487-9ddf-a906-5ac5b4c60346-c6224c72 {
align-self: auto;
}
#w-node-_88f1b16b-e7d3-c5fe-6296-1296affc6362-c6224c72 {
order: 0;
align-self: auto;
}
#w-node-c6392121-a536-4b1b-d300-d686234dc31d-c1423321, #w-node-c6392121-a536-4b1b-d300-d686234dc324-c1423321, #w-node-c6392121-a536-4b1b-d300-d686234dc332-c1423321, #w-node-c6392121-a536-4b1b-d300-d686234dc33b-c1423321, #w-node-c6392121-a536-4b1b-d300-d686234dc304-c1423321, #w-node-c6392121-a536-4b1b-d300-d686234dc30d-c1423321 {
justify-self: center;
}
#w-node-_7bb15d7d-68ac-5c12-a701-6222af4d2d91-c1423321 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5b2bdb72-99bc-4dea-0e97-399dc822b6ea-c1423321 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_1a964f79-c86d-04d0-cc10-eaff4a458001-a02086f9, #w-node-_1a964f79-c86d-04d0-cc10-eaff4a45800a-a02086f9, #w-node-d2c1acf0-6179-47af-eb9a-cac8f9de9cac-8d91781f, #w-node-d2c1acf0-6179-47af-eb9a-cac8f9de9cb3-8d91781f {
justify-self: center;
}
#w-node-_405d88de-9b44-59f5-0894-9ef7a74def4e-8d91781f {
align-self: auto;
}
#w-node-_405d88de-9b44-59f5-0894-9ef7a74def50-8d91781f {
order: 0;
align-self: auto;
}
#w-node-a7fa7f4b-8af6-1d7e-cc15-975d825157c8-858d515e, #w-node-_2cb927aa-5bd3-3411-ed76-8d6d273a2482-8c4783c3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d8e0f651-19de-ac65-70dd-950cd212dbd8-8c4783c3 {
grid-area: span 2 / span 3 / span 2 / span 3;
}
#w-node-b4adec1e-8bda-71cb-9516-89cb091c27ba-8c4783c3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_23688624-a055-9ea9-c0fc-c40ac844bbdf-b8bffd04 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_1604c225-52cf-de12-a5b5-548f6dcfe30b-b8bffd04 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-a454b07a-cf47-1d86-b607-a0cd4bd506f5-c303b86f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}