/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
/* .slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
} */

/* Icons */
/* @font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    /* src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); */
/* } */ 
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
@font-face {
    font-family: 'MontserratLight';
    src: url('/assets/font/montserrat/light/montserrat.eot');
    src: url('/assets/font/montserrat/light/montserrat.eot?#iefix') format('embedded-opentype'),
        url('/assets/font/montserrat/light/montserrat.woff') format('woff'),
        url('/assets/font/montserrat/light/montserrat.ttf') format('truetype'),
        url('/assets/font/montserrat/light/montserrat.svg') format('svg');
    font-weight: normal;font-style: normal;font-display: swap;font-variant: normal;
}
@font-face {
    font-family: 'MontserratRegular';
    src: url('/assets/font/montserrat/regular/montserrat.eot');
    src: url('/assets/font/montserrat/regular/montserrat.eot?#iefix') format('embedded-opentype'),
        url('/assets/font/montserrat/regular/montserrat.woff') format('woff'),
        url('/assets/font/montserrat/regular/montserrat.ttf') format('truetype'),
        url('/assets/font/montserrat/regular/montserrat.svg') format('svg');
    font-weight: normal;font-style: normal;font-display: swap;font-variant: normal;
}
@font-face {
    font-family: 'MontserratMedium';
    src: url('/assets/font/montserrat/medium/montserrat.eot');
    src: url('/assets/font/montserrat/medium/montserrat.eot?#iefix') format('embedded-opentype'),
        url('/assets/font/montserrat/medium/montserrat.woff') format('woff'),
        url('/assets/font/montserrat/medium/montserrat.ttf') format('truetype'),
        url('/assets/font/montserrat/medium/montserrat.svg') format('svg');
    font-weight: normal;font-style: normal;font-display: swap;font-variant: normal;
}
@font-face {
    font-family: 'MontserratBold';
    src: url('/assets/font/montserrat/bold/montserrat.eot');
    src: url('/assets/font/montserrat/bold/montserrat.eot?#iefix') format('embedded-opentype'),
        url('/assets/font/montserrat/bold/montserrat.woff') format('woff'),
        url('/assets/font/montserrat/bold/montserrat.ttf') format('truetype'),
        url('/assets/font/montserrat/bold/montserrat.svg') format('svg');
    font-weight: normal;font-style: normal;font-display: swap;font-variant: normal;}
    
    @font-face {
        font-family: 'MontserratBlack';
        src: url('/assets/font/montserrat/black/Montserrat-Black.eot');
        src: url('/assets/font/montserrat/black/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('/assets/font/montserrat/black/Montserrat-Black.woff') format('woff'),
        url('/assets/font/montserrat/black/Montserrat-Black.ttf') format('truetype'),
        url('/assets/font/montserrat/black/Montserrat-Black.svg') format('svg');
        font-weight: normal;font-style: normal;font-display: swap;font-variant: normal;
    }

/*General Styles*/
html, body{margin: 0; padding: 0; height: 100%;font-family: "MontserratRegular",Arial, Helvetica, sans-serif;}
body.no-scroll{overflow: hidden}
*:focus {outline: none;box-shadow: none;}
ul{list-style: none}
ul, li{margin: 0; padding: 0}
a{text-decoration: none;color: inherit; transition: 0.5s; outline: none}
*{margin: 0; padding: 0; box-sizing: border-box; letter-spacing: 0; -webkit-font-smoothing: antialiased}
h1, h2, h3, h4{font-weight: normal}
input, select:focus, textarea{font-size: 16px}
input[type=number]{-moz-appearance: textfield}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}
img{object-fit: cover;}

/* header */
.main-container{max-width: 1250px;padding: 0 40px;margin: auto;}
header .warning{background-color: #D0D0D1;text-align: center;padding: 11px 0;color: #171717;text-transform: uppercase}
header .warning span{font-size: 16px;}
header .warning a{color: #171717;font-family: 'MontserratBold';margin: 0 0 0 20px;font-size: 16px;text-decoration: underline;}
header nav{background-color: #171717;padding: 15px 0;}
header nav ul.upper-list{display: flex;justify-content: right;}
header nav ul{display: flex;align-items: center;}
header nav ul.upper-list .download-link{color: #EFB71D;font-family: 'MontserratBold';text-decoration: underline;}
header nav ul.upper-list li{margin: 0 0 0 45px;font-size: 12px;}
header nav ul.upper-list li:first-child{text-decoration: underline;}
header nav ul.upper-list li:last-child a{display: flex;align-items: center;}
header nav ul.upper-list li:last-child a img{margin: 0 7px 0 0;}
header nav ul li{text-transform: uppercase;color: #fff;}
header nav ul.lower-list{justify-content: space-between;margin: 0 auto 10px auto;}
header nav ul.lower-list img.main-logo{width: 195px;}
header nav ul.lower-list li{margin: 10px 0 0 0;}
header nav ul.lower-list li:first-child{margin: 0;}
header nav ul.lower-list li:nth-child(5),
header nav ul.lower-list li:nth-child(6),
header nav ul.lower-list li:nth-child(7){font-family: 'MontserratBold'}
header nav ul.lower-list li a{display: flex;align-items: center;font-size: 14px;}
header nav ul.lower-list li a img.arrow{margin: 0 5px 0 0 ;}

/* homepage */
section.homepage h1{color: #fff;font-size: 40px;font-family: 'MontserratBlack';margin: 0 0 20px 0;}
section.homepage .hero{position: relative;}
section.homepage .main-section{position: absolute;top: 60px;background-image: url('/assets/images/background.png');background-repeat: no-repeat;background-size: cover;width: 100%;height: 500px;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);background-position: center center;display: flex;justify-content: space-between;}
section.homepage .main-section::before{position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);pointer-events: none;}
section.homepage .hero-content{display: inline-block;transform: translateY(30%);margin: 0 0 0 40px;max-width: 45%;}
section.homepage .hero-content a{color: #fff;display: flex;align-items: center;font-size: 14px;max-width: fit-content;}
section.homepage .hero-content a img{margin: 0 5px 0 0;}
section.homepage .metrics-engine{background-color: #fff;width: fit-content;float: right;padding: 20px;margin: 30px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);height: fit-content;}
section.homepage .metrics-engine a.metrics-link{color: #EFB71D;font-size: 14px;text-transform: uppercase;font-family: 'MontserratMedium';display: flex;align-items: center;margin: 3px 0 0 0;}
section.homepage .metrics-engine a img{margin: 0 7px 0 0;width: 17px;}
section.homepage .metrics-engine h4{font-size: 16px;font-family: 'MontserratMedium'}
section.homepage .metrics-engine img.map{display: block;margin: 10px 0 0 0;max-width: 100%;}
section.homepage .sections{background-color: rgba(208, 208, 209, 0.35);}
section.homepage .sections-grid{display: grid;grid-template-columns: repeat(2,47.5%);grid-column-gap: 5%;padding: 330px 40px 100px 40px;}
section.homepage .sections-grid h4{color: #EFB71D;font-size: 16px;font-family: 'MontserratMedium'}
section.homepage .sections-grid h2{color: #171717;font-family: 'MontserratBold';font-size: 30px;line-height: 35px;margin: 10px 0;}
section.homepage .sections-grid p{line-height: 20px;color: #171717;font-size: 15px;
font-family: 'MontserratLight'}
section.homepage .sections-grid .second-section{margin: 100px 0 0 0;}
section.homepage .sections-grid a{display: flex;align-items: center;font-size: 14px;margin: 20px 0 0 0;font-family: 'MontserratMedium';text-transform: uppercase;}
section.homepage .sections-grid a span{margin: 0 0 0 7px;color: #171717;}
section.homepage .inform-container .get-involved{position: relative;height: 270px;width: 100%;}
section.homepage .inform-section.slick{position: relative;z-index: 1;}
section.homepage .inform-section h2.inform-title{text-align: center;margin: 100px auto 30px auto;line-height: 35px;}
section.homepage .inform-section h2{color:#EFB71D;font-size: 40px;font-family: 'MontserratBlack';line-height: 44px;}
section.homepage .inform-section h4{color:#171717;font-size: 30px;line-height: 35px;}
section.homepage .inform-section p{color:#171717;font-size: 15px;line-height: 20px;margin: 5px 0 0 0;font-family: 'MontserratLight'}
section.homepage .inform-section .sections-grid{padding: 400px 40px 100px 40px;}
section.homepage .inform-section .inform-container{background-color: rgba(208, 208, 209, 0.35);width: 100%;margin: -300px 0 0 0;}
section.homepage .inform-section a.article{display: inline-block;position: relative;width: 460px;height: 545px;}
section.homepage .inform-section .slick-slide {margin-right: 25px;}
section.homepage .inform-section .your-carousel .slick-slide:last-child {margin-right: 0;}
/* section.homepage .inform-section .slick a.article:nth-of-type(odd){
    padding-top: 50px} */
section.homepage .inform-section a.article h4{color: #fff;text-transform: uppercase;font-size: 14px;margin: 35px 0 0 60px;position: relative;}
section.homepage .inform-section a.article h4::before{content: "";left: -20px;top: 15px;position: absolute;background-image: url(/assets/images/circle.svg);background-repeat: no-repeat;background-size: contain;width: 8px;height: 8px;}
section.homepage .inform-section a.article img{max-width: 100%;object-fit: cover;height: 100%;width: 100%;}
section.homepage .inform-section a.article .article-image::after{position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);pointer-events: none;}
section.homepage .inform-section a.article h3{color: #fff;text-transform: uppercase;font-size: 25px;}
section.homepage .inform-section a.article p{font-size: 16px;line-height: 114%;}
section.homepage .inform-section a.article .article-image{position: absolute;top: 0;height: 545px;width: 100%;}
section.homepage .inform-section .slick-initialized .slick-slide{height: inherit;padding: 10px 0;}
section.homepage div.slick .slick-current a{box-shadow: 0 0 5px 5px rgba(255, 215, 0, 0.6);}
section.homepage .inform-section a.article .article-teaser{margin: 0 30px 0 40px;position: absolute;bottom: 100px;}
section.homepage .inform-section a.article .article-teaser h3{line-height: 109%;font-size: 25px;text-transform: capitalize;font-family: 'MontserratMedium'}
section.homepage .inform-section a.article .article-teaser p{color: #fff;font-size: 16px;line-height: 114%;margin: 10px 0 0 0;font-family: 'MontserratLight'}

section.homepage div.get-involved h2{color: #EFB71D;text-align: center;margin: 0 0 30px 0;line-height: 35px;}
section.homepage div.involve-grid{display: grid;grid-template-columns: repeat(4,23.875%);grid-column-gap: 1.5%;position: absolute;bottom: -60px;z-index: 2;width: calc(100% - 80px);}
section.homepage div.involve-grid .grid-item{height: 265px;padding: 25px 20px;display: flex;flex-direction: column;justify-content: space-between;border: none;transition: all 0.3s ease;}
section.homepage div.involve-grid .grid-item:hover{box-shadow: 0 0 5px 5px rgba(255, 215, 0, 0.6);transform: translateY(35px);}
.grid-item:nth-of-type(odd){background-color: #D0D0D1;}
.grid-item:nth-of-type(even){background-color: #fff;}
section.homepage div.involve-grid .grid-item h3{font-size: 30px;margin: 0 0 13px 0;font-family: 'MontserratBold';line-height: 35px;}
section.homepage div.involve-grid .grid-item a.subscribe-link{color: #fff;display: inline-block;margin: 0 0 10px 0;display: flex;align-items: center;}
section.homepage div.involve-grid .grid-item a.subscribe-link:last-child{margin: 0;}
section.homepage div.involve-grid .grid-item a{text-transform: uppercase;font-size: 14px;font-family: 'MontserratMedium';display: flex;align-items: center;}
section.homepage div.involve-grid .grid-item a.donate-link{color: #EFB71D;}
section.homepage div.involve-grid .grid-item a.jobs-link{color: #171717;}
section.homepage div.involve-grid .grid-item a img.arrow{margin: 0 7px 0 0;width: 17px;}
ul.social-media{display: flex;}
ul.social-media li{padding: 0 15px 0 0;display: inline-block;}
ul.social-media li a img{width: 26px;height: 26px;}

/* footer */
footer{background-color: #171717;padding: 190px 0 20px 0;color: #fff;}
footer div.footer-grid{display: grid;grid-template-columns: 24% 18% 11% 15% 16%;grid-column-gap: 4%;padding: 0 40px 20px 40px;}
footer div.footer-grid a{display: inline-block;}
footer div.footer-grid a img{max-width: 100%;}
footer ul li{font-size: 13px;font-family: 'MontserratLight';line-height: 22px;}
footer ul li.inquiry p,
footer ul li:first-child{color: #666666;font-family: 'MontserratBold';margin: 0 0 7px 0;font-size: 14px;}
footer ul li.inquiry p{margin-top: 15px}
footer .rights{display: flex;justify-content: space-between;margin: 10px 0 0 0;width: fit-content;}
footer .rights p{font-style: italic;font-size: 12px;font-family: 'MontserratLight'}
footer .mobile-rights-text{display: none;}
footer .rights-text{position: absolute;left: 0;bottom: -50px;}
footer .mobile-rights-text,
footer .rights-text p{font-size: 11px;}
footer .download-app{text-decoration: underline;color: #EFB71D;text-transform: uppercase;margin: 40px 0 0 0;font-family: 'MontserratBold'}
footer .follow-us{margin: 40px 0 0 0;}
footer .follow-us p{font-size: 12px;}
footer .social-media{margin: 10px 0 0 0;}
.slick-custom-arrows{display: none}
section.homepage .involve-grid .slick-slide{padding: 0 !important;}

/* media queries */
@media screen and (max-width: 1100px) {
    section.homepage div.involve-grid .grid-item h3{font-size: 25px;line-height: 32px;}
    section.homepage .inform-section p{font-size: 15px;}
    section.homepage .inform-section h4 {font-size: 25px;line-height: 32px;}
    section.homepage .sections-grid h2{font-size: 25px;}
    section.homepage h1 {font-size: 35px;}
    header nav ul.lower-list li a{font-size: 13px;}


    footer div.footer-grid{grid-column-gap:6.5%;grid-template-columns: repeat(3, 29%);}
    footer .rights-text{display: none;}
    footer .mobile-rights-text{display: initial;}
    footer .rights{display: flex;justify-content: space-between;width: 100%;}
    footer div.footer-grid ul{margin: 0 0 30px 0;}
    footer .social-media{margin: 10px 0 30px 0 !important;}
}

@media screen and (max-width: 1010px) {
    section.homepage .hero-content{max-width: 46%;}
}

@media screen and (max-width: 960px) {
    section.homepage h1 {font-size: 30px;}
    section.homepage div.involve-grid{display: block;}
    section.homepage div.involve-grid .grid-item:hover {box-shadow: none;transform: translateY(0);}
    section.homepage .sections-grid,
    section.homepage .inform-section .sections-grid{display: block;}
    .slick-initialized .slick-slide .grid-item {display: flex !important;}
    section.homepage .involve-grid .slick-slide{margin: 0 ;}
    section.homepage .get-involved .slick-current .grid-item{width: calc(100% - 25px) !important;}
    .slick-custom-arrows{z-index: 2;position: absolute;top: calc(50% + 50px);font-size: 0;display: inline-block;width: calc(100% - 80px);}
    .slick-custom-arrows button{background-color: transparent;border: none;cursor: pointer;}
    .slick-custom-arrows button.slide-prev{position: absolute;left: -25px;}
    .slick-custom-arrows button.slide-next{position: absolute;right: -25px;}
    .slick-custom-arrows button.slide-next img{transform: rotate(180deg);}
}
@media screen and (max-width: 915px) {

}

@media screen and (max-width: 550px) {
    section.homepage .get-involved .slick-current .grid-item{width: 100% !important;}

}