@font-face {
    font-family: "Times Now SemiLight";
    src: url("../fonts/times-now/TimesNow-SemiLight.eot"),
        url("../fonts/times-now/TimesNow-SemiLight.ttf") format("truetype"),
        url("../fonts/times-now/TimesNow-SemiLight.woff") format("woff"),
        url("../fonts/times-now/TimesNow-SemiLight.woff2") format("woff2");
}

@font-face {
    font-family: "Times Now Light";
    src: url("../fonts/times-now/TimesNow-Light.eot"),
        url("../fonts/times-now/TimesNow-Light.ttf") format("truetype"),
        url("../fonts/times-now/TimesNow-Light.woff") format("woff"),
        url("../fonts/times-now/TimesNow-Light.woff2") format("woff2");
}


@font-face {
    font-family: "Times Now SemiBold";
    src: url("../fonts/times-now/TimesNow-SemiBold.eot"),
        url("../fonts/times-now/TimesNow-SemiBold.ttf") format("truetype"),
        url("../fonts/times-now/TimesNow-SemiBold.woff") format("woff"),
        url("../fonts/times-now/TimesNow-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: "Times Now SemiBold Italic";
    src: url("../fonts/times-now/TimesNow-SemiBoldItalic.eot"),
        url("../fonts/times-now/TimesNow-SemiBoldItalic.ttf") format("truetype"),
        url("../fonts/times-now/TimesNow-SemiBoldItalic.woff") format("woff"),
        url("../fonts/times-now/TimesNow-SemiBoldItalic.woff2") format("woff2");
}

@font-face {
    font-family: "Union Regular";
    src: url("../fonts/union/Union-Regular.eot"),
        url("../fonts/union/Union-Regular.ttf") format("truetype"),
        url("../fonts/union/Union-Regular.woff") format("woff"),
        url("../fonts/union/Union-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Union Bold";
    src: url("../fonts/union/Union-Bold.eot"),
        url("../fonts/union/Union-Bold.ttf") format("truetype"),
        url("../fonts/union/Union-Bold.woff") format("woff"),
        url("../fonts/union/Union-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Union Italic";
    src: url("../fonts/union/Union-Italic.eot"),
        url("../fonts/union/Union-Italic.ttf") format("truetype"),
        url("../fonts/union/Union-Italic.woff") format("woff"),
        url("../fonts/union/Union-Italic.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Int'l Mono";
    src: url("../fonts/suisse/Suisse-Intl-Mono.ttf");
}

@font-face {
    font-family: "Suisse Int’l Regular";
    src: url("../fonts/suisse/Suisse-Intl-Regular.ttf");
}

:root {
    --primary: #d5f90c;
    --secondary: #b5b5b5;
}

html { scroll-behavior: smooth; }

* { margin: 0; padding: 0; }

p, a, li, button, input, textarea, span { font-size: 15px; ;font-family: 'Union Regular', sans-serif; ; font-weight: 400; line-height: 1.5; letter-spacing: -0.4px }

h1 { font-size: 42px; font-family: 'Times Now SemiLight', sans-serif; font-weight: initial; letter-spacing: -0.4px}

h2 { font-size: 30px; font-family: 'Times Now Regular', sans-serif; font-weight: initial;  letter-spacing: -1.4px}

h3 { font-size: 20px; font-family: 'Union Regular', sans-serif; ; font-weight: initial; letter-spacing: -0.4px }

h4 { font-size: 18px; font-family: 'Union Regular', sans-serif; ; line-height: 1.5;  font-weight: initial; letter-spacing: -0.4px}

li { list-style: none; }

a { text-decoration: none; font-weight: initial; color: black; }

iframe, img { display: block; }

u { text-decoration-thickness: 1px; text-underline-position: from-font; }

.icon-plus{max-width: 19px}

.icon-plus img{width: 100%}

.active .icon-plus img{ content:url(../images/icons/white-minus-icon.png) }

.container { max-width: 1200px; width: 80%; margin: auto; }

.full-container { max-width: 1920px; width: 100%; margin: auto; padding: 0 30px;box-sizing: border-box; position:relative; }

.relative { position: relative; }

.union-regular-font { font-family: 'Union Regular', sans-serif; }

.union-bold-font { font-family: 'Union Bold', sans-serif; }

.union-italic-font { font-family: 'Union Italic', sans-serif; }

.times-now-semibold-font { font-family: 'Times Now SemiBold', sans-serif; }

.times-now-semilight-font { font-family: 'Times Now SemiLight', sans-serif; }

.times-now-semibold-italic-font { font-family: 'Times Now SemiBold Italic', sans-serif !important; }

.suisse-font { font-family: 'Suisse Int’l Mono', sans-serif; }

.suisse-font-regular {  font-family: "Suisse Int’l Regular"}

.semilight { font-weight: 200; }

.light { font-weight: 300; }

.regular { font-weight: 400; }

.medium { font-weight: 500; }

.semibold { font-weight: 600; }

.bold { font-weight: 700; }

.text-center { text-align: center; }

.text-uppercase { text-transform: uppercase; }

.d-flex { display: flex; }

.align-items-center { align-items: center; }

.align-items-end { align-items: flex-end; }

.align-items-start { align-items: flex-start; }

.justify-content-between { justify-content: space-between; }

.justify-content-center { justify-content: center; }

.justify-content-end { justify-content: flex-end; }

.flex-wrap { flex-wrap: wrap; }

.flex-column { flex-direction:column; }

.inherit { font-size: inherit; line-height: inherit; font-family: inherit; }

.mb-0 { margin-bottom: 0 !important; }

.mt-20 { margin-top: 20px; }

.mt-30 { margin-top: 30px; }

.mt-40 { margin-top: 40px; }

.d-block {
    display: block !important;
}

.d-none {
    display: none !important;
}

@media (min-width: 768px) {
    .d-md-none {display: none !important;}
    .d-md-block {display: block !important;}
}

@media (max-width: 767px) {
    .d-block.d-md-none {display: block !important;}
    .d-none.d-md-block {display: none !important;}
}

.black-right-arrow, .white-right-arrow { max-width: 32px; display: inline-block; }

.black-rotated-arrow-icon { max-width: 28px; display: inline-block; margin-right: 8px; }

.fs-15 { font-size: 15px; }

.fs-47 { font-size: 47px; }

.plus-icon { max-width: 32px; }

.join-our-mailing-list-content { box-shadow: 0 2px 5px rgb(0 0 0 / 10%); position: fixed; bottom: 0; max-width: 320px; background: #fff; padding: 35px 50px; }

.close-mailing-popup { cursor: pointer; position: absolute; right: 15px; top: 15px; }

.join-our-mailing-list-content h4 { font-size: 18px; }

.join-our-mailing-list-content h3 { font-family: 'TimesNow-SemiLight'; margin-top: 25px; font-size: 20px; }

.join-our-mailing-list-content form { margin-top: 40px; }

.join-our-mailing-list-content form .form-group { column-gap: 15px; }

.join-our-mailing-list-content input { width: 100%; border: 0; border-bottom: 1px solid #000; color: #000; }

.join-our-mailing-list-content input::placeholder { color: #000; }

.join-our-mailing-list-content button { position: relative; top: 4px; background: transparent; border: 0; cursor: pointer; text-decoration: underline; }

.top-header-message-section { position: fixed; z-index: 9999; width: 100%; padding: 12px 0; background: var(--primary); }

.top-header-message-section h4 { font-size: 18px; max-width: 100%; margin: auto; }

.top-header-message-section .close-top-header-message { cursor: pointer; position: absolute; top: 15px; right: 40px; }

.swal2-popup .swal2-title { font-family: 'Times Now SemiLight', sans-serif !important; font-size: 40px !important; font-weight: initial !important;  letter-spacing: -1.4px; }

.swal2-popup #swal2-content { font-size: 20px; font-family: 'Union Regular', sans-serif; font-weight: initial; }

.swal2-actions button { color: #171a18 !important; border: 1px solid #171a18 !important; border-radius: 20px !important; padding: 3px 20px !important; margin-top: 10px !important; background: transparent !important; min-width: 120px; }

.swal2-actions button:hover { background: var(--primary) !important; border-color: var(--primary) !important; }

.swal2-container *:focus { outline: none !important; box-shadow: none !important; }

.swal2-container { z-index: 999999 !important; }

/* home page styles */

.header { background: transparent; position: absolute; z-index: 9999; width: 100%; padding: 15px 0; }

.header .logo-link img { margin: auto; }

.header .logo-link .logo-text { color: #fff; margin-top: 5px; }

.header-black .logo-link .logo-text { color: #000; }

@media (min-width: 993px) {

    .header.fixed-header { position: fixed; background: #fff; }

    .header.fixed-header a, .header.fixed-header .navbar i, .header-black  .navbar i, .header-black a { color: #000 !important; }

    .header.fixed-header .navbar .divider-horizontal-line{ background: #000; }

    .header.fixed-header .header-logo, .header-black .header-logo { content: url(../images/black-logo.png); }

    .header.fixed-header .logo-link .logo-text { color: #000; }

    .header.fixed-header .searcher-icon, .header-black .searcher-icon{ content: url(../images/icons/black-searcher-icon.png); }

    .header.fixed-header .navbar .get-informed-link:hover , .header-black .navbar .get-informed-link:hover{ color: #000 !important; }

    .header.fixed-header a:hover , .header-black a:hover { color: #000 !important; }
}

.header .desktop-menu-content .english-link { text-decoration: underline; }

.header .navbar ul { column-gap: 15px; }

.header .navbar a:not(.has-subitem) {padding: 3px 10px; border-radius: 9px}

.header .navbar a.has-subitem {padding: 31px 10px;}

.header .navbar a, .header .navbar i { color: #fff; cursor: pointer; }

.header .navbar a:not(.has-subitem):hover, .header .navbar i:hover { color: #000;  }

.header .navbar a:not(.has-subitem):hover{background: var(--primary); color: #000}

.header .navbar .get-informed-link { color: #fff;  text-decoration: underline; }

.header .navbar .get-informed-link:hover { text-decoration: none; }

.header .navbar .divider-horizontal-line { display: block; width: 30px; height: 1px; background: #fff; }

.header-black .navbar .divider-horizontal-line{ background:black }

.desktop-menu-content .navbar .sub-items{position: absolute; background: white; display:none; transition:.8s ; border-radius:10px; margin-top:10px }

.header-black .desktop-menu-content .navbar .sub-items{border: 1px solid black}

.fixed-header .desktop-menu-content .navbar .sub-items{margin-top: 20px}

.desktop-menu-content .navbar .sub-items li{padding: 9px 10px}

.desktop-menu-content .navbar .sub-items a{color: black; padding: 5px}

.desktop-menu-content .navbar li:hover .sub-items{display: block}

.header .mobile-menu-content { display: none; }

.header .mobile-menu-content .container{ width:90% }

.header .searcher-icon { cursor: pointer; max-width: 30px; margin-left: -6px; }

.home-banner-section .slide { position: relative; height: 100vh; }

.home-banner-section .slide img { width: 100%; height: 100%; object-fit: cover; }

.home-banner-section .slide-content { position: absolute; bottom: 35px; right: 35px; }

.home-banner-section .slide-content .home-banner-tab { cursor: pointer; padding: 10px; color: #ffffff; width: 370px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

.home-banner-section .slide-content .home-banner-tab:first-child { border-top: 2px solid #fff; }

.home-banner-section .slide-content .home-banner-tab:last-child { border-bottom: 2px solid #fff; }

.home-banner-section .slide-content .home-banner-tab:hover { background: var(--primary); color: #000000; }

.home-banner-section .slide-content .home-banner-tab:hover img { content: url(../images/icons/black-right-arrow.png); }

.home-banner-section .slide-content .slides-counter { margin-top: 60px; column-gap: 12px; }

.home-banner-section .slide-content .slides-counter a { width: 23px; height: 23px; text-align: center; color: #fff; border-radius: 50%; line-height: 23px; border: 1px solid transparent; }

.home-banner-section .slide-content .slides-counter a.active { border: 1px solid #fff; }

.home-banner-section .slide-content .slides-counter a:hover { background: var(--primary); border-color: var(--primary); }

.banner-home .row { position: relative; }

.banner-home .row .slide { height: 100vh; }

.banner-home .row .slide img { height: 100%; width: 100%; object-fit: cover; }

.banner-home .row .banner-nav { position: absolute; }

.banner-home .slick-dotted.slick-slider { margin-bottom: 0; }

.banner-home .slick-dots { display: none !important; bottom: 55px; display: flex; justify-content: flex-end; right: 3%; position: absolute; max-width: 1920px; margin: auto; }

.banner-home .slick-dots li button { font-size: 18px; color: white;  border-radius:15px; height: 25px; width: 25px; } 

.banner-home .slick-dots li.slick-active button { border: 1px solid white; }

.banner-home .slick-dots li button:before { content:''; }

.banner-home .slick-dots li:only-child { display: none; }

.banner-home .banner-nav { position: absolute; bottom: 25px; right: 3%; width: 22%; max-width: 400px; }

.banner-home .banner-nav a { color: white; transition: .8s; width: 100%; display: block; padding: 12px 10px; }

.banner-home .banner-nav .home-banner-tab { border-bottom: 1px solid white; cursor: pointer;transition: .8s }

.banner-home .banner-nav .home-banner-tab:hover{background: var(--primary);}

.banner-home .banner-nav .home-banner-tab:hover a{ color:black }

.banner-home .banner-nav .home-banner-tab:last-child{border-bottom: none}

.banner-home .banner-nav .home-banner-tab:hover img {content: url('../images/icons/black-right-arrow.png')}

.latest-news-section { background: #F2F2F2; padding: 20px ; }

.latest-news-section .column-content { column-gap: 30px; }

.latest-news-section .divider-vertical-line { display: inline-block; height: 30px; width: 1px; background: #000 }

.latest-news-section a { color: #000000; letter-spacing: 1.5px; }

.latest-news-section .date { padding-right: 5px; }

.latest-news-section a:hover { border-bottom: 1px solid #000; background: var(--primary); height: 5px; }

.latest-news-section .row .first-column { width: 190px; }

.latest-news-section .row .first-column .divider-vertical-line { margin-left: 23px; }

.latest-news-section .row .second-column { width: calc(100% - 190px); }

.latest-news-section .row .second-column a { margin-right: 30px; margin-left: 30px; position: relative; top: -7px; }

.latest-news-section .row .second-column .divider-vertical-line { position: relative; top: 3px; }

.active-projects-section .second-row { margin-top: 50px; }

.active-projects-section .accordion-content .accordion-title { border-top: 1px solid #b5b5b5; padding: 30px 0; }

.active-projects-section .accordion-content.active .accordion-title { border-bottom: 0; }

.active-projects-section .accordion-content h1 { color: #000; font-weight: 200; transition:.8s }

.active-projects-section .accordion-content.active h1 { color: #b5b5b5; font-weight: 200; }

.active-projects-section .accordion-content h1:hover { color: #b5b5b5; }

.active-projects-section .accordion-text-block-content .text-content { max-width: 1200px; margin: auto; padding: 80px 0; width: 80%; }

.active-projects-section .accordion-text-block-content .text-content a { color: #171a18; border: 1px solid #171a18; display: table; margin: auto; border-radius: 20px; padding: 3px 20px; margin-top: 40px; min-width: 120px; }

.active-projects-section .accordion-text-block-content .text-content a:hover { background: var(--primary); border-color: var(--primary); }

.active-projects-section .accordion-text-block-content img { width: 100%; }

.active-projects-section .second-row .accordion-content .accordion-title { cursor: pointer; }

.active-projects-section .second-row .accordion-content .accordion-text-block-content { display: none; }

@media (max-width: 768px) {
    .active-projects-section .accordion-text-block-content img { height: 200px;object-fit:cover;}
    .active-projects-section .accordion-text-block-content .text-content { padding: 40px 0 80px 0;}
}
@media (max-width: 575px) {
    .active-projects-section .accordion-text-block-content .text-content { padding: 20px 0 80px 0;}
}

.video-section { padding-top: 60px; }

.video-section .row img { width: 100%; }

.features-section .tab-content { border-top: 1px solid #fff; }

.features-section .tab-content:first-child { border-top: 0; }

.features-section .tab-content .tab-full-content { display: none; }

.features-section .tab-content.active .tab-full-content { display: block; }

.features-section .tab-content .first-inner-row { cursor: pointer; }

.features-section .first-inner-row { background: #000000; }

.features-section .first-inner-row h4 { color: #ffffff; padding: 25px 0; letter-spacing: 1.3px; }

.features-section .first-inner-row .numbered-text { font-size: 20px; }

.features-section .first-inner-row i { color: #ffffff; cursor: pointer; }

.features-section .tab-main-content { padding: 50px 0; }

.features-section .tab-main-content a { font-size: 13px; margin-top: 30px; color: #000000; }

.features-section .tab-main-content a:hover { color: var(--primary); }

.features-section .tab-main-content a:hover img { content: url(../images/icons/yellow-right-arrow.png); }

.features-section .tab-main-content .inner-row .first-inner-column { width: 45%; }

.features-section .tab-main-content .inner-row .second-inner-column { width: 55%; }

.features-section .tab-main-content .inner-row .inner-column img { width: 100%; }

.features-section .tab-main-content .inner-row .first-inner-column { padding-right: 135px; border-right: 2px solid #b5b5b5; }

.features-section .tab-main-content .inner-row .second-inner-column { padding-left: 30px; }

.features-section .divider-horizontal-line { width: 25px; margin: 0 15px; display: block; background: #fff; height: 1px; }

.features-section .internal-tab-slider .text-content { margin-top: 15px; }

.features-section .internal-tab-slider .text-content .divider-horizontal-line { background: #000; width: 60px; margin-left: 0; }

.features-section .internal-tab-slider-counter { column-gap: 12px; }

.features-section .internal-tab-slider-counter a { width: 23px; height: 23px; text-align: center; line-height: 23px; border: 1px solid transparent; border-radius: 50%; }

.features-section .internal-tab-slider-counter a.active { border: 1px solid #000; }

.features-section .internal-tab-slider-counter a:hover { background: var(--primary); border-color: var(--primary); color: #fff; }

.our-impact-in-numbers-section { padding-top: 80px; padding-bottom: 90px; }

.our-impact-in-numbers-section .container{max-width: 1587px; width: 90%}

.our-impact-in-numbers-section .our-impact-in-numbers-title { text-decoration: none; text-transform: uppercase; font-weight: bolder;}

.our-impact-in-numbers-section .second-row { box-shadow: 0 2px 5px rgb(0 0 0 / 10%); padding: 50px 30px; }

.our-impact-in-numbers-section .second-row .block-logo { width: 160px;height: auto;margin-top: 1rem;}

.our-impact-in-numbers-section .second-row.four-columns .counter-box { width: 22.9%; padding: 30px 1%; border: 1px solid #b5b5b5; }

.our-impact-in-numbers-section .second-row.four-columns .counter-box { border-top: 0; border-left: 0; }

.our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(4),
.our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(8) { border-right: 0; }

.our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(5),
.our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(6),
.our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(7),
.our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(8) { border-bottom: 0; }

.our-impact-in-numbers-section .second-row.four-columns .counter-box h1,
.our-impact-in-numbers-section .second-row.four-columns .counter-box h4 { text-align: center; }

.our-impact-in-numbers-section .second-row.four-columns .counter-box h4 { font-size: 18px; }

.our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(8) { background: var(--primary); }

.module-04-section.our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(8) h4 { font-family: 'Union Bold', sans-serif; font-weight: bold; }


.our-impact-in-numbers-section .second-row.three-columns { display: flex;justify-content: center;}

.our-impact-in-numbers-section .second-row.three-columns .counter-box { width: 26%; padding: 30px 1%; border: 1px solid #b5b5b5; border-top: 0; border-left: 0; align-content: center;}

.our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(3),
.our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(6),
.our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(9) { border-right: 0; }

.our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(7),
.our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(8),
.our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(9) { border-bottom: 0; }

.our-impact-in-numbers-section .second-row.three-columns .counter-box h1, 
.our-impact-in-numbers-section .second-row.three-columns .counter-box h4 { text-align: center; }

.our-impact-in-numbers-section .second-row.three-columns .counter-box h4 { font-size: 20px; }

.our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(10) { background: var(--primary); width: 100%;border-bottom: 0;margin-top: 1rem;}
.our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(10) h4 { max-width: 75ch; margin: auto; font-family: 'Union Bold', sans-serif;font-weight: bold;}

/* .module-04-section.our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(8) h4 { font-family: 'Union Bold', sans-serif; font-weight: bold; } */



.our-impact-in-numbers-section .second-row { margin-top: 50px; }

.we-are-firmly-devoted-section { background-image: url(../images/home/firmly-devoted-background.jpg); background-size: cover; background-position: center center; padding: 260px 0; }

.we-are-firmly-devoted-section .row h1, .we-are-firmly-devoted-section .row a { color: #fff; }

.we-are-firmly-devoted-section .row a { font-size: 13px; display: table; margin: auto; margin-top: 40px; border: 1px solid #fff; border-radius: 20px; padding: 3px 15px; }

.we-are-firmly-devoted-section .row a:hover { background: black; border-color: black; color:var(--primary); }

.latest-news-list-section { padding-top: 140px; padding-bottom: 150px; }

.latest-news-list-section .container {max-width: unset; width: 98%}

.latest-news-list-section .second-row { column-gap: 1%; margin-top: 50px; margin-bottom: 152px; }

.latest-news-list-section .second-row .slick-track { display: flex !important; }

.latest-news-list-section .second-row .slick-slide { height: inherit !important; }

.slick-arrow { background: radial-gradient(#000000 44%, #ffffff 61%)!important; border-radius: 19px!important;}

.liga-mar-page .slick-arrow{background: none!important;}

.latest-news-list-section .second-row .column { width: 33.3%; margin: 1px 1% }

.latest-news-list-section .second-row .column .column-content { position: relative; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); height: 100%; }

.latest-news-list-section .second-row .column .text-content { padding: 30px; box-sizing: border-box; }

.latest-news-list-section .second-row .img-content { overflow: hidden; }

.latest-news-list-section .second-row img { width: 100%; transition: .8s}

.project-single-page .latest-news-list-section h3{font-size: 21px}

.latest-news-list-section .second-row .column a { color: #000; }

.latest-news-list-section .second-row .column:hover { box-shadow: 0 2px 5px var(--secondary); }

.latest-news-list-section .second-row .column:hover .article-link {text-decoration: underline;}

.latest-news-list-section .column:hover .img-content img{scale: 1.1}

.latest-news-list-section .second-row .column .article-title { font-size: 20px; margin-top: 20px; line-height:1.1 }

.latest-news-list-section .second-row .column .article-tag { font-size: 11px; background: #efefef; border-radius: 20px; padding: 3px 10px; }

.latest-news-list-section .second-row .column .article-author { margin-top: 5px ; font-size:18px }

.latest-news-list-section .second-row .column .article-link { font-size: 13px; margin-top: 30px; color: #000000; }

.latest-news-list-section .second-row .column .article-link i { margin-left: 10px; }

.slick-arrow:before{color: white!important; opacity:1!important ; font-size: 22px!important; box-shadow: 0 0 5px rgb(0 0 0 / 10%)!important; border-radius: 19px!important}

.liga-mar-page .slick-arrow:before{box-shadow:none!important;}

.how-you-can-choose-action-section { padding-bottom: 50px; background: #151515; }

.how-you-can-choose-action-section .row img { width: 100%; }

.how-you-can-choose-action-section h3 { font-size: 20px; text-decoration: underline; padding-bottom: 40px; padding-top: 120px; color: #fff; background: #151515; letter-spacing: 1.5px; }

.how-you-can-choose-action-section .you-text { color: var(--primary); }

.how-you-can-choose-action-section h4{color: white; font-size: 28px}

.how-you-can-choose-action-section a {font-size:20px; color:white; position:absolute; }

.how-you-can-choose-action-section svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1}

.how-you-can-choose-action-section .column .you-text{z-index: 3; background:  #151515; box-shadow: 0 0 25px 37px  #151515}

.how-you-can-choose-action-section .line { stroke: white; stroke-width: 2; }

.how-you-can-choose-action-section a {z-index: 2; max-width: 250px}

.how-you-can-choose-action-section .one{ top: 34%; left: calc(19% - 125px);}

.how-you-can-choose-action-section .two{ top: 29%; right: calc(0% - 125px);}

.how-you-can-choose-action-section .three{ top: 46%; right: calc(10% - 125px); }

.how-you-can-choose-action-section .four{ bottom: 32%; right:  calc(28% - 125px); }

.how-you-can-choose-action-section .five{ bottom: 13%; right:  calc(37% - 125px);}

.how-you-can-choose-action-section .six{bottom: 25%; left: calc(42% - 125px);}

.how-you-can-choose-action-section .seven{bottom: 21%; left: calc(18% - 125px);}

.how-you-can-choose-action-section .eight{bottom: 44%; left: calc(5% - 125px);}

.how-you-can-choose-action-section a:hover{color: var(--primary);}

.how-you-can-choose-action-section .second-column {position: relative; height: 70vh}

.search-content-section { display: none; position: fixed; z-index: 99999; top: 0; background: #fff; width: 100%; height: 100%; }

.search-content-section .row { width: 100%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }

.search-content-section .close-popup { cursor: pointer; position: absolute; right: 30px; top: 30px; color: #000; font-size: 26px; }

.search-content-section .row input { width: 100%; color: #000; font-size: 64px; outline: none; border: 0; border-bottom: 2px solid #000; }

.search-content-section .row input::placeholder { color: #000; }

.footer{border-top: 1px solid #000; }

.items-footer-mobile {  display: none;}

.footer a{-webkit-word-stroke:0.5pt}

.footer a { color: #000000; font-size: 15px; }

.footer a:hover { font-weight: bold; }

.footer .first-row .column, .footer .second-row .column { padding: 10px; }

.footer .row { border-bottom: 1px solid #000; }

.footer .row.first-row{background: linear-gradient(90deg, #cafb01 64%, transparent 1%)}

.footer .first-row .first-column, .footer .first-row .second-column { border-right: 1px solid #000; }

.footer .second-row .first-column { border-right: 1px solid #000; }

.footer .first-row .first-column { width: 10%; background: var(--primary); }

 .footer .copyright-content{margin-left: 50px}

.footer .first-row .second-column form { column-gap: 20px; }

.footer .first-row .second-column input { outline: none; margin-top: -5px; width: 40%; border: 0; border-bottom: 1px solid #000; }

.footer .first-row .second-column button { background: transparent; border: 0; cursor: pointer; text-decoration: underline; margin-top: 5px; }

.footer .first-row .third-column .column-content { column-gap: 20px; }

.footer .first-row .second-column { width: 47%; background: white}

.footer .first-row .third-column { width: 39%; background: white}

.footer .second-row .first-column { width: 45%; }

.footer .second-row .first-column .column-content{margin-left:43px }

.footer .second-row .first-column .column-content, .footer .second-row .second-column .column-content { column-gap: 20px; }

.footer .second-row .second-column { width: 45%; }

.footer .second-row .third-column { width: 10%; border-left:1px solid black }

.footer .second-row .third-column i { transform: rotate(-45deg); margin-right: 5px; }

.footer .third-row { padding: 20px 0; }

.footer .third-row .copyright-content p,
.footer .third-row .copyright-content a { font-size: 12px; font-family: "Titillium Web", sans-serif; font-weight: 300; }

.footer .back-to-top-button { margin-top: 4px; }

.footer .back-to-top-button:hover img { content: url(../images/icons/gray-rotated-right-arrow.png); }

.latest-news-list-section .view-all{display: none}

.latest-news-list-section .view-all a:hover{text-decoration: underline;}

@media (min-width: 1201px) {
    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(7) {align-content: flex-start; padding-top: 2.6rem;}
}

@media (max-width: 1380px) {
    .main p, .main a, .main li, .main button, .main input, .main textarea { font-size: 15px; }

    .main h1 { font-size: 34px; }

    .main h2 { font-size: 28px; }

    .main h3 { font-size: 18px; }

    .main h4 { font-size: 18px; }

    .fs-15 { font-size: 14px; }

    .header img { max-width: 48px; }

    .our-impact-in-numbers-section .second-row .counter-box h4 { font-size: 16px; }

    .search-content-section .row input { font-size: 50px; }

    .search-content-section .row .close-popup { font-size: 20px; }

    .top-header-message-section h4 { font-size: 16px; }

    .home-banner-section .slide-content .home-banner-tab { width: 280px; }

    .features-section .tab-main-content .inner-row .first-inner-column { padding-right: 60px; }

    .how-you-can-choose-action-section h3 { font-size: 18px; padding-bottom: 70px; }

    .latest-news-list-section { padding-top: 70px; padding-bottom: 80px; }

    .partners-logos-section .logo-item .img-container img { max-width: 265px !important; margin: auto; }

    .footer .row { border-bottom: none; }

    .footer .row .full-container { flex-wrap: wrap; width: 100%; max-width: 100%; padding: 0}

    .footer .row.first-row { background: none; }

    .footer .copyright-content { padding: 0 10%; margin-left: unset; }

    .footer .row .column { width: 100%; border-bottom: 1px solid black; }

    .footer .first-row .first-column, .footer .first-row .second-column, .footer .second-row .first-column { border-right: none; }

    .join-our-mailing-list-content h4 { font-size: 16px; }

    .join-our-mailing-list-content h3 { font-size: 22px; }

    .swal2-popup .swal2-title { font-size: 27px !important; }

    .swal2-popup #swal2-content { font-size: 18px; }

}

@media (max-width: 1200px) {
    .latest-news-section .column-content { flex-wrap: wrap; }

    .latest-news-section .column-content a { width: 100%; }

    .latest-news-section .column-content a:first-child { margin-bottom: 6px; }

    .latest-news-section .column-content .divider-vertical-line { display: none; }

    .our-impact-in-numbers-section .second-row.four-columns .counter-box,
    .our-impact-in-numbers-section .second-row.three-columns .counter-box { width: 47.9%; }

    .our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(2), 
    .our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(6), 
    .our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(8) { border-right: 0; }

    .our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(5), 
    .our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(6) { border-bottom: 1px solid #b5b5b5; }

    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(2), 
    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(4), 
    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(6), 
    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(8) { border-right: 0; }

    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(3) { border-right: 1px solid #b5b5b5;}
    
    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(7), 
    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(8) { border-bottom: 1px solid #b5b5b5; }
    
    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(10) { width: 47.9%; margin-top: 0;}
}

@media (max-width: 992px) {

    .latest-news-list-section .second-row .column { margin: 0; }

    .header .logo-link .logo-text { color: #000; }

    .header { background: white; }
    
    .header .navbar .divider-horizontal-line { display: none; } 

    .banner-home .slick-dots { justify-content: flex-start; right: 0; }

    .banner-home .slick-dots li:first-child { margin-left: 15px; }

    .banner-home .row .banner-nav { display: none; }

    .how-you-can-choose-action-section { display: none; }

    .header .desktop-menu-content { display: none; }

    .latest-news-list-section .view-all { display: block; }

    .header .mobile-menu-content { display: block; }

    .banner-home .row .slide { height: 70vh; }

    .header .mobile-menu-content .burguer-menu-icon { margin-right: 15px; }

    .header .mobile-menu-content .bar { width: 28px; height: 2px; background: #fff; display: block; margin-bottom: 5px; }

    .header .mobile-menu-content .bar{background:#000!important;}

    .header .mobile-menu-content .searcher-icon{content:url(../images/icons/black-searcher-icon.png)}

    .header .mobile-menu-content .bar-03 { margin-bottom: 0; }

    .header .mobile-menu-content .second-row { display: none; margin-top: 20px; background: #fff; border-top: 3px solid var(--primary); }

    .header .mobile-menu-content .navbar a { padding: 18px 30px; color: #000; display: block; border-bottom: 1px solid #ddd; border-radius: 0; }

    .header .mobile-menu-content .navbar a.english-link { border-bottom: 0; }

    .header .mobile-menu-content .navbar a:hover { background: var(--primary); }

    .header .mobile-menu-content .navbar .has-subitem{position: relative;}

    .header .mobile-menu-content .navbar .has-subitem i{ position: absolute; right: 0; color: black; width: 59px; height: 59px; top: 0; line-height: 59px; text-align: center; }

    .header .mobile-menu-content .navbar .sub-items{display: none}

    .header .mobile-menu-content .navbar .sub-items a{padding-left: 50px}

    .header .navbar .get-informed-link { border-radius: 0; }

    .home-banner-section .slide { height: 600px; }

    .features-section .tab-main-content .inner-row { flex-wrap: wrap; }

    .features-section .tab-main-content .inner-row .first-inner-column { padding-right: 0; border-right: 0; }

    .features-section .tab-main-content .inner-row .inner-column { padding-left: 0; width: 100%; }

    .features-section .tab-main-content .inner-row .second-inner-column { margin-top: 40px; }

    .latest-news-list-section .second-row { flex-wrap: wrap; column-gap: 2%;}

    .slick-arrow{font-size: 0px!important}



    .latest-news-list-section .second-row .column { width: 49%; }

    .how-you-can-choose-action-section { padding-bottom: 120px; }

    .how-you-can-choose-action-section .row img { content: url(../images/home/how-you-can-choose-action-mobile.jpg); }

    .latest-news-list-section .container {width: 80%}

    .latest-news-list-section .second-row{margin-bottom: 40px}
}

@media (max-width: 768px) {
    .latest-news-list-section .second-row .column { width: 98%; margin-bottom:5px }

    .latest-news-list-section .second-row .first-column { margin-top: 0; }

    .our-impact-in-numbers-section .second-row.four-columns .counter-box,
    .our-impact-in-numbers-section .second-row.three-columns .counter-box { width: 100%; padding: 16px; }

    .our-impact-in-numbers-section .second-row .counter-box:nth-child(1) { padding-top: 0; }

    .our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(1),
    .our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(3),
    .our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(5),
    .our-impact-in-numbers-section .second-row.four-columns .counter-box:nth-child(7) { border-right: 0; }

    .our-impact-in-numbers-section .second-row.three-columns .counter-box { border-right: 0; border-bottom: 1px solid #b5b5b5;}
    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(7) { border-bottom: 1px solid #b5b5b5; }
    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(3) { border-right: 0; }

    .our-impact-in-numbers-section .second-row.three-columns .counter-box:nth-child(10) { width: 100%; margin-top: 1rem;}

    
}

@media (max-width: 575px) {
    .latest-news-section .row { justify-content: center; text-align: center; }

    .latest-news-section .row .column { width: 50%; }

    .latest-news-section .row .first-column span {justify-content: center; }

    /*.latest-news-section .row .first-column .divider-vertical-line {}*/

    .latest-news-section .row .second-column { margin-top: 10px; }

    .footer .first-row .column{justify-content: flex-start}

    .footer .first-row .column, .footer .second-row .column{padding:  20px 10%;}

    .full-container{padding:  0 10%}

    .footer .first-row .second-column form { flex-wrap: wrap; }

    .footer .first-row .second-column form p { width: 100%; text-align: center; }

    .footer .first-row .second-column input { width: 100%; margin-top:0 }

    .footer .first-row .second-column button { margin-top: 10px; margin-left:auto; margin-bottom:20px }

    .footer .first-row .third-column .column-content {justify-content:space-between; align-items: flex-start;}

    .footer .second-row .first-column .column-content{margin-left: 0}

    .footer .second-row .column .column-content {justify-content:space-between; align-items: flex-start;}


    .footer .items-footer-mobile{display: flex; align-items: flex-start; flex-direction: column; justify-content: start; width: 40%}

    .footer-link-desktop{display: none}
}

/* end home page styles */


/* THE TEAM STYLE */

.meet-team-section h1{ font-size:46px; margin-bottom:26px  }

.meet-team-section h4{max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 45px}

.meet-team-section { padding-top: 80px; max-width:1400px; width:90%; margin-right:auto; margin-left:auto; }

.meet-team-section .sort-button { font-family: 'Suisse Int’l Regular', sans-serif;; margin-bottom:28px; text-decoration:underline; cursor:pointer; }

.meet-team-section .team-content{column-gap: 36px}

.meet-team-section .item-team { width:353px; max-width:calc(25% - 27px); margin-bottom: 58px; cursor: pointer;}

.meet-team-section .item-team img { max-width: 100%; margin-bottom: 31.78px; width: 100%; }

.meet-team-section .item-team h5 { font-size: 19px; }

.meet-team-section .item-team .name{ font-family: 'Union Bold', sans-serif; margin-bottom:4.22px }

.meet-team-section .item-team .position{ font-family: 'Union Regular', sans-serif; ; margin-bottom: 9px }

.meet-team-section .item-team .departament{color: #8e8e8e;}

.modals-section .modal{display: none; position: absolute; z-index: 9999;top:0; background:#0000006b; left: 0; right: 0; padding:180px 0;}

.modals-section .container{ max-width: 800px; margin-left:auto; margin-right:auto; background: white; padding: 80px; height: 66vh; overflow-y: scroll}

.modals-section .modal-title{ font-size: 108px; ;font-family: 'Union Regular', sans-serif; ; margin-bottom: 21px}

.modals-section .modal-subtitle{font-size: 20px; ;font-family: 'Union Regular' ,  sans-serif; margin-bottom:7.5px }

.modals-section .modal-department {color: #8E8E8E ; ;font-family: 'Union Regular'; font-size: 18px; margin-bottom: 51px}

.modals-section .modal-body img{ margin-left:auto; margin-right:auto ; margin-bottom: 84px}

.modals-section .modal-body-title, .modals-section h3 { font-family: 'Union Regular', sans-serif; ; font-size: 46px;  margin-top: 42px; margin-bottom: 49px;}

.modals-section .modal-link-rrss { background: var(--primary); padding: 2px 17px; border-radius: 10px; max-width: 210px; margin-top: 49px; margin-bottom:56px }

.modals-section .modal-link-rrss img { margin:unset !important; }

.modals-section .modal-close{border: 1px solid black; border-radius: 10px; padding: 2px 17px; display:inline-block; cursor:pointer; transition:.8s }

.modals-section .modal-close:hover{background: var(--primary);}


@media (max-width: 1380px) {
    .meet-team-section h1 { font-size: 35px; }

    .meet-team-section h5 { font-size: 16px !important; }

    .meet-team-section .item-team { width: 35%; max-width:calc(35% - 44px); }

    .modals-section .modal-title { font-size: 72px; }

    .modals-section .modal-subtitle { font-size: 20px; }

    .modals-section .modal-department { font-size: 18px; }

    .modals-section .modal-body-title, .modals-section h3 { font-size: 35px; }

}


@media (max-width: 992px) {
    .meet-team-section .item-team { width: 50%; max-width:calc(50% - 18px); display: flex; flex-direction: column; align-items: stretch;}

    .modals-section .modal { padding: 0px; }

    .modals-section .container { height: 84vh; max-width: calc(100% - 80px); width: 100%; padding: 120px 40px; }
}

@media (max-width: 768px) {
    .team-page .item-team { width: 100%; max-width: 100%; }
}


/* END THE TEAM STYLE */
    

/* OUR REPORT STYLE */

.our-reports-section { padding-top: 181px; padding-bottom: 223px; }

.our-reports-section h1 { font-size: 35px; margin-bottom: 44px; }

.our-reports-section .sort-by-item p { margin-bottom: 26px; font-size: 16px; cursor: pointer; }

.our-reports-section .sort-by-item p:hover { text-decoration: underline; }

.our-reports-section .items-container .item img { width: 100%; margin-bottom: 20px; }

.our-reports-section .items-container { column-gap: 40px; }

.our-reports-section .items-container .item { width: 33%; }

.our-reports-section .items-container .item  h4{ font-size:20px; margin-bottom:17px }

.our-reports-section .items-container .item .buttons-wrapper {display: flex;justify-content: space-evenly; margin-top: auto; }

.our-reports-section .items-container .item p,
.our-reports-section .items-container .item a {border: 1px solid black; border-radius: 13px; padding: 2px 0px;  cursor:pointer; transition:.8s; width: 136px; display: flex;justify-content: center;align-items: center;}

.our-reports-section .items-container .item p:hover,
.our-reports-section .items-container .item a:hover
{background: var(--primary);}

.our-reports-section .items-container .item .item-report { display: flex; flex-wrap: wrap; flex-direction: column; height: 100%; }

.our-reports-section .items-container .slick-dots {bottom: -55px}

.modals-pdf .modal-body{display: flex; align-items: center; justify-content: center; flex-direction: column;}

.modals-pdf .modal-header{position: relative; width: 100%;}

.modals-pdf .close-modal{ position:absolute; top:-15px ; right:-10px; cursor:pointer; }

.modals-pdf .close-modal i{font-size: 21px; transition: .8s}

.modals-pdf .close-modal i:hover{ color:var(--secondary); }

.modals-pdf .modal-body img{margin: 0;}

.modals-pdf .modal{padding: 60px 0 ; position:fixed; min-width:100vw; min-height:100vh; background: #ffffffc7}

.modals-pdf .container{height:unset; background: transparent}

.modals-pdf .container{width: 90%; max-width:90%; overflow-y: unset; padding:25px }


@media (max-width: 1380px) {

    .our-reports-section h1 { font-size: 38px; }

    .our-reports-section .items-container h4 { font-size: 18px; }

    .modals-pdf .close-modal i{font-size: 20px;}
}

@media (max-width: 992px){

    .our-reports-section .items-container .item { width: calc(50% - 20px); }

    .our-reports-section .items-container {flex-wrap: wrap; column-gap: 40px; row-gap: 40px}

}


@media (max-width: 768px){

    .our-reports-section .items-container{flex-direction: column}

    .our-reports-section .items-container .item { width: 100%; }

}


/* END OUR REPORT STYLE */

/* PARTNERS PAGE STYLES  */

.intern-banner { height: 100vh; background-image: url(../images/partners/01.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.intern-banner h1 { color: white; font-size: 79px; font-family: 'Times Now SemiLight'; font-weight: initial; }


.collaborators-banner { height: 100vh; background-image: url(../images/collaborators/collaborators-banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.collaborators-banner h1 { color: white; font-size: 79px; font-family: 'Times Now SemiLight'; font-weight: initial; }

.our-partners-section { padding: 123px 0 211px 0; }

.our-partners-section h3 { font-size:21px; font-family: 'Union Regular', sans-serif; ; font-weight:initial; margin-bottom: 119px;}

.our-partners-section span { font-family: inherit; font-size: inherit; font-weight: inherit; background: var(--primary);}

.our-partners-section span:not(.circle) { padding:  0 10px; }

.our-partners-section .circle { background: black; border-radius: 50%; height: 20px; width: 20px; display: inline-block; margin-left: 20px; margin-right: 10px}

.our-partners-section h2 { font-size: 35px; font-family: 'Union Regular', sans-serif; ; font-weight:initial; margin-bottom: 50px; }

.partners-logos-section h3 { font-size: 21px; font-weight:initial; font-family: 'Union Regular', sans-serif; margin-bottom: 5px; }

.partners-logos-section .logos-container { column-gap: 30px; margin-bottom: 174px; }


.partners-logos-section .logo-item { max-width: calc(25% - 30px); width: 18%; }

.partners-logos-section .logo-item .img-container img { width: 100%; max-width: 100%; }

.partners-logos-section .logo-item h5 { font-size: 19px; font-family: 'Union Regular', sans-serif; font-weight: initial}

.partners-logos-section .logo-item .union-bold-font { font-size:19px;;font-family: 'Union Bold', sans-serif; }


@media (max-width: 1380px) {
    .intern-banner h1, .collaborators-banner h1 { font-size: 45px; }

    .our-partners-section h2 { font-size: 28px; }

    .our-partners-section h3, .partners-logos-section h3 { font-size:20px; }

    .partners-logos-section .logo-item h5 { font-size: 16px; }

    .partners-logos-section .logo-item { max-width: calc(50% - 30px); width: 30%; }
}

@media (max-width: 992px){
    .partners-page .intern-banner, .collaborators-banner { height: 70vh; }
}

@media (max-width: 768px) {
    .partners-logos-section .logo-item { max-width: 100%; width: 100%; }
}

/* END PARTNERS PAGE STYLES */



/* APPROACH PAGE STYLES */

.approach-page .slick-dotted.slick-slider{margin-bottom: 0}

.approach-page h3{ font-family: 'Union Regular', sans-serif; font-weight:initial; }

.approach-page h3 u{font-family: 'Times Now SemiBold', sans-serif;}

.intern-banner-slider .slide .img-mobile{height: 100vh; min-width: 100%; background-size: cover!important; background-position: center!important; background-repeat: no-repeat!important;}

.intern-banner-slider .slick-dotted.slick-slider{margin-bottom: 0}

 .intern-banner-slider .slick-dots {bottom: 55px; display: flex; justify-content: flex-end; right: 3%; position: relative; max-width: 1920px; margin: auto;  margin-bottom: -30px;}

.intern-banner-slider .slick-dots li button{font-size: 18px; color: white;  border-radius:15px; height: 25px; width: 25px}

.intern-banner-slider .slick-dots li.slick-active button{border-color: white;}

.intern-banner-slider .slick-dots li button:before{ content:'';}

.intern-banner-slider .slick-dots li.slick-active button:before{color: none}

.intern-banner-slider .slick-dots li.slick-active button{ border:1px solid white;}

.intern-banner-slider .banner-nav{position: absolute; bottom: 146px; right: 3%; width: 22%; max-width: 400px; }

.intern-banner-slider .img-mobile,
.intern-banner-slider .img-desktop {width: 100%;height: 100vh;background-size: cover;background-position: center;background-repeat: no-repeat;}

.intern-banner-slider .img-mobile {min-height: 300px;}

.intern-banner-slider .img-desktop {min-height: 500px;}

.how-tabs-section  .slick-dots{bottom: 62px; display: flex; justify-content: flex-end; right: 33px}

.how-tabs-section  .slick-dots li button{color: white; font-size: 17px; ;font-family: 'Union Regular', sans-serif; ; border: 1px solid transparent; border-radius: 15px; padding:0 }

.how-tabs-section  .slick-dots li button:before{content:''}

.how-tabs-section  .slick-dots li.slick-active button{border-color: white;}

.approach-page .our-purpose-section { background:#151515; padding:102px 0 215px }

.approach-page .our-purpose-section .container{max-width: 1600px; width: 85%}

.approach-page .our-purpose-section h4{color: white; font-size: 25px;;font-family: 'Union Regular', sans-serif; ; font-weight: initial; margin-bottom: 73px}  

.approach-page .our-purpose-section h4 u { text-decoration-thickness: 1px; }
    
.approach-page .our-purpose-section h2 { font-size:62px;font-family: 'Times Now SemiLight', sans-serif; font-weight:initial; margin-bottom:79px  }

.approach-page .our-purpose-section h3 { font-weight: initial;;font-family: 'Union Regular', sans-serif; ; font-size: 35px; line-height: 1.3; max-width: 1467px; letter-spacing: .4px; margin: auto;}

.approach-page .video-contantainer {max-width: 100%; width: 100%}

.approach-page .video-contantainer img{width: 100%;}

.approach-page .the-sea-section .two-image-container .item { max-width: 50%; width: 50%; }

.approach-page .the-sea-section .container { max-width: 1500px; width: 85%; }

.approach-page .the-sea-section .two-image-container .item img { width: 100%; max-width: 100%; }

.breadcrumb-intern{ font-size:21px;;font-family: 'Union Regular', sans-serif; ; font-weight:initial; margin-bottom: 119px;}

.breadcrumb-intern span{font-family: inherit; font-size: inherit; font-weight: inherit; background: var(--primary);}

.breadcrumb-intern span:not(.circle){padding:  0 10px}

.breadcrumb-intern span a { font-size: inherit; font-weight: inherit; }

.breadcrumb-intern .circle{ background:black; border-radius:50%; height:20px; width:20px; display: inline-block; margin-left: 20px; margin-right: 10px}

.manifesto-section .container {max-width: 1500px; width: 85%; }

.manifesto-section h4{ margin-top:141px; margin-bottom:98px }

.manifesto-section h3{ font-size:35px; margin-bottom:50px; line-height:1.2 }

.manifesto-section h3 u{ font-size: 38px; text-underline-position: from-font;}

.manifesto-section .video-contantainer{margin-top: 180px}

.approach-page  .the-sea-section h4{margin-bottom: 127px}

.approach-page  .the-sea-section h2{font-family: 'Times Now SemiLight', sans-serif; font-size: 62px;font-weight: initial; margin-bottom: 72px; max-width: 1384px; letter-spacing: -1.75px}

.approach-page .the-sea-section h3{font-size: 35px ;;font-family: 'Union Regular', sans-serif; ; margin-bottom: 50px; line-height: 1.2; max-width: 1425px}

.approach-page .the-sea-section h3 u {font-size: 38px; text-underline-position: from-font; text-decoration-thickness: 1px}  

.approach-page .the-sea-section .img-element { max-width: 80%; width: 80%; margin-left: auto; margin-right: auto;}

.approach-page .the-sea-section .img-element img { max-width: 100%; }

.approach-page .the-sea-section .img-element p { font-size: 17px; margin-top: 30px; }

.approach-page .the-sea-section .img-element p:before{ content: ''; height: 2px; width: 70px; background: #9b9b9b; display: inline-block;bottom: 4px; position: relative; margin-right: 6px;}

.approach-page .two-image-container{ margin-bottom:195px ; margin-top:224px; column-gap:8px }

.approach-page .imagen-full-contantainer{max-width: 100%; width: 100%; margin-top: 121px}

.approach-page .imagen-full-contantainer img{width: 100%}

.how-tabs-section {padding-top: 128px; padding-bottom: 84px}

.how-tabs-section .breadcrumb-intern{margin-bottom: 61px}

.how-tabs-section .tab { background: #151515; border-bottom: 1px solid #959595; }

.how-tabs-section .tab-container { color: white; font-family: 'Union Regular', sans-serif; ; font-weight: initial; font-size: 20px; padding: 30px 0; display: flex; justify-content:  space-between; align-items: center; width: 90%; max-width: 1500px; margin: auto;}

.how-tabs-section .tab.active i { max-width: 19px; }

.how-tabs-section .tab.active i img { width: 100%; }

.how-tabs-section .tab.active i:before { content: url('../images/icons/white-minus-icon.png'); }

.how-tabs-section .tab span:not(.not-line){ height: 1px; width: 20px; display: inline-block; background: white; top: -7px; position: relative; margin: 0 10px }

.how-tabs-section .tab span.not-line{font-family: 'Times Now SemiLight', sans-serif; font-size: 20px; }

.how-tabs-section .tab-container p{font-size: 20px}

.how-tabs-section .tab-item {display: none; justify-content: space-between; width: 90%; margin-left: auto; margin-right: auto; max-width: 1500px; align-items: stretch; padding: 39px 0 }

.how-tabs-section .tab-item.first{display: flex}

.how-tabs-section .tab-item .slider-content { width: 60%; max-width: 60%; padding: 20px 0 100px 0; margin-top: 0; }

.how-tabs-section .tab-item .slider-content .slide img { max-width: 100%; }

.how-tabs-section .tab-item .text-content { width: 35%; max-width: 35%; padding: 0 40px 0 0; border-right: 1px solid #707070; margin: 20px 0; }

.how-tabs-section .tab-item .text-content h2 { max-width: 385px; }

.how-tabs-section .tab-item .slick-dots{justify-content: flex-start; right: 0px}

.how-tabs-section .tab-item .slick-dots li button{color: black;font-size: 18px; width: 25px; height: 25px }

.how-tabs-section .tab-item .slick-dots li button:before{content:''}

.how-tabs-section .tab-item .slick-dots li.slick-active button{border-color: black; }

.how-tabs-section .tab-item .slider-content .slide p { font-size: 17px; margin-top: 18px; }

.how-tabs-section .tab-item .slider-content .slide p:before{content: ''; height: 2px; width: 70px; background: #9b9b9b; display: inline-block; bottom: 4px; position: relative; margin-right: 6px}

.how-tabs-section .tab-item .slider-content .slick-list { padding-top: 0 !important; }

.slick-vertical .slick-slide { margin-top: 30px; }

.slick-vertical .slick-slide:first-child { margin-top: 0; }

.slick-vertical .slick-list { padding: 0px 0px 70px !important; }

.single-slide-vertical-slider {
    margin-bottom: 2px !important;
    padding-bottom: 2px !important;
}   

.single-slide-vertical-slider .slick-list {
    padding-bottom: 2px !important;
}

.how-tabs-section .tab-item h4{font-family: 'Union Regular', sans-serif; font-weight: initial; font-size: 20px; margin-bottom: 36px;}

.how-tabs-section .tab-item h4 i{font-family: 'Times Now SemiBold', sans-serif; font-size: 20px}

.how-tabs-section .tab-item h4 u{font-family: inherit; font-weight: inherit ; font-size: inherit; background: var(--primary);}

.how-tabs-section .tab-item .slider-content .slide  h2{font-size: 38px}

.how-tabs-section .tab-item .btn-tab{border: 1px solid black; border-radius: 16px; padding: 0px 12px; display: inline-flex; cursor:pointer; transition:.8s  }

.how-tabs-section .tab-item .btn-tab:hover{background: var(--primary);}

.main .how-tabs-section .tab-item .btn-tab{border: 2px solid white; border-radius: 10px; display: inline-flex; cursor:pointer; transition:.8s ; padding: 0; margin-top: 70px; font-size: 13px; }

.main .how-tabs-section .tab-item .btn-tab img{max-height: 25px}

.main .how-tabs-section .tab-item .btn-tab:hover{text-decoration: underline; background: none}

@media (max-width: 1380px) {

    .approach-page .our-purpose-section h4{ font-size: 21px;}

    .approach-page .our-purpose-section h2{ font-size:45px;}

    .approach-page .our-purpose-section h3{ font-size: 25px}

    .breadcrumb-intern { font-size: 20px; }

    .manifesto-section h3 { font-size: 25px; }

    .manifesto-section h3 u { font-size: 28px; }

    .approach-page  .the-sea-section h2 { font-size: 45px; }

    .approach-page .the-sea-section h3 { font-size: 25px; }

    .approach-page .the-sea-section h3 u { font-size: 28px; }

    .approach-page .tab-container { font-size: 18px; }

    .approach-page .tab-item h4 { font-size: 18px; }

    .approach-page .tab-item h4 i { font-size: 20px; }

    .footer .second-row .third-column { border-left: 0; }
}

@media (max-width: 992px) {

    .intern-banner-slider .slide .img-mobile { height:70vh }

    .approach-page .two-image-container{flex-direction: column;column-gap: unset; row-gap: 10px}

    .approach-page .the-sea-section .two-image-container .item{max-width: 100%; width: 100%}

    .approach-page .tab-item, .project-single-page .tab-item{flex-direction: column; }

    .approach-page .tab-item .text-content , .project-single-page .tab-item .text-content{width: 100%; max-width: 100%; padding: 20px 0; border-right: none}

    .approach-page .tab-item .slider-content , .project-single-page .tab-item .slider-content{width: 100%; max-width: 100%}

    .how-tabs-section .tab-item { flex-direction: column; }

    .how-tabs-section .tab-item .slider-content { max-width: 100%; width: 100%; }

    .how-tabs-section .tab-item .text-content { max-width:100%; width:100% ; padding: 20px 0; border-right: none}

    .how-tabs-section .tab-item .text-content h2 { max-width: unset; }

    .how-tabs-section .tab-item .text-content span { font-size: inherit; }

    .how-tabs-section .tab-item .slider-content { padding-bottom: 30px; }
    
    .how-tabs-section .tab-item .slider-content .slick-list { padding-bottom: 0 !important; }

    .how-tabs-section .slick-dots { bottom: 25px; }

    .milestone-mission-section .slick-list { padding-bottom: 0 !important; }
}



/* END APPROACH PAGE STYLES */



/* PPROJECTS PAGE STYLES  */

.projects-list-page .container { max-width: 1500px; width: 85%; }

.projects-full-list-section .row { row-gap: 40px; }

.projects-list-page h1 { font-size: 48px; color: white; font-weight: initial; }

.projects-list-page h2 { font-size: 31px; font-weight: initial; font-family: 'Times Now SemiLight', sans-serif; }

.projects-list-page h3 { font-size: 25px; font-family: 'Union Regular', sans-serif; font-weight: initial; }

.projects-list-page h3 u { font-size: 28px; font-family: 'Times Now SemiBold', sans-serif; font-weight: bold; text-underline-position:from-font; text-decoration-thickness:1px }

.projects-list-page h4 { font-size: 20px; color: black; } 

.projects-list-page h5 { font-size: 19px; color: black; }

.projects-list-page p { font-size: 13px; }

.projects-list-page .intern-banner{height: 100vh; background-image: url(../images/projects/01.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

.projects-list-page .project-item {max-width: calc(50% - 13px); width: 50%;}

.projects-list-page .project-item .img-content{width: 100%;margin-bottom: 19px}

.projects-list-page .project-item .img-content img{width: 100%;}

.projects-list-page .first-proyect-section{margin-bottom: 218px; margin-top: 113px}

.projects-list-page .first-proyect-section h3{margin-bottom: 50px; line-height: 1.2}

.projects-list-page .first-proyect-section .first-row{margin-bottom: 90px}

.projects-list-page .first-proyect-section .second-row a:first-child{margin-right: 40px}

.projects-list-page .btn-white{ border: 1px solid white; border-radius: 19px; padding: 3px 25px 2px 25px; display: inline-flex; cursor: pointer; transition: .8s; }

.projects-list-page .btn-white:hover{ background: var(--primary); border-color: black}

.projects-list-page .btn-primary{ border: 1px solid var(--primary); border-radius: 20px; padding: 2px 17px; display: inline-flex; cursor: pointer; transition: .8s; background: var(--primary); }

.projects-list-page .btn-primary:hover{background: white; border-color: black}

.projects-list-page .project-item .btn-white{border: 1px solid black;}

.projects-list-page .active-projects-section h2 { margin-bottom: 53px; }

.projects-list-page .active-projects-section h4 { margin-bottom: 5px; }

.projects-list-page .active-projects-section h5 { margin-bottom: 32px; }


.projects-list-page .finalized-projects-section{margin-top: 212px; margin-bottom: 279px}

.projects-list-page .finalized-projects-section .row{row-gap: 78px; padding-top: 40px; border-top: 1px solid #000000;
}

.projects-list-page .finalized-projects-section h2{margin-bottom: 68px}

.projects-list-page .finalized-projects-section h4{ margin-bottom:10px }

.projects-list-page .finalized-projects-section h5 {margin-bottom: 35px}

@media (max-width: 1380px) {
    .projects-list-page h1 { font-size: 35px; }

    .projects-list-page h2 { font-size: 25px; }

    .projects-list-page h3 { font-size: 20px; }

    .projects-list-page h3 u { font-size: 23px; }

    .projects-list-page h4 { font-size: 19px; } 

    .projects-list-page h5 { font-size: 18px; }
}

@media (max-width: 992px) {
    .projects-list-page .intern-banner { height: 70vh;}

    .projects-list-page .active-projects-section .row { flex-direction: column; }

    .projects-list-page .project-item { max-width: 100%; width: 100%; }

    .projects-list-page .first-proyect-section .second-row a:first-child { margin-right: 0; margin-bottom: 40px; }

}

/* END PPROJECTS PAGE STYLES  */


/* PPROJECT SIMPLE PAGE STYLES  */

.project-single-page .container{max-width: 1400px; width: 90%;}

.project-single-page h1{font-size: 78px; color: white; font-weight: initial;}

.project-single-page h2{font-size: 45px; font-weight: initial; font-family: 'Times Now SemiLight', sans-serif}

.project-single-page h3{font-size: 35px; ;font-family: 'Union Regular', sans-serif; ; font-weight: initial;}

.project-single-page h3 u{font-size: 38px; font-family: 'Times Now SemiBold', sans-serif ; font-weight: bold;}

.project-single-page h4{font-size:30px ; color: black;} 

.project-single-page h5{font-size:20px ; color: black;}

.project-single-page p{font-size:13px ;}

h4.ps-breadcrumb-module{ font-size:21px;;font-family: 'Union Regular', sans-serif; ; font-weight:initial; margin-bottom: 94px;}

.tabs-module .tab-item h4{font-family: 'Union Regular', sans-serif; font-weight: initial; font-size: 20px; margin-bottom: 36px;}

.tabs-module .tab-item h4 i{font-family: 'Times Now SemiBold', sans-serif; font-size: 20px}

.project-single-page .how-tabs-section{padding-top: 0}

.tabs-module .tab-item .slider-content .slide p{font-size: 17px}

.tabs-module .tab-item .slick-dots li button{color: black; font-size: 17px;;font-family: 'Union Regular', sans-serif; ; border-radius: 15px; padding: 0}

.tabs-module .tab-container{ color: white;;font-family: 'Union Regular', sans-serif; ; font-weight: initial; font-size: 20px; padding: 30px 0; display: flex; justify-content:  space-between; align-items: center; width: 80%; max-width: 1400px; margin: auto;}

.ps-section .ps-black-module h2, .ps-section .ps-black-module h5, .ps-section .ps-black-module p, .ps-section .ps-black-module a{color: white}

.ps-section .ps-black-module h2{ font-size:25px; max-width:1400px; margin-left: auto; margin-right: auto; margin-bottom: 90px; line-height: 1}

.ps-section .ps-black-module h5{ font-size:20px; ;font-family: 'Union Regular', sans-serif; ; font-weight: initial;color: white; margin-bottom: 25px}

.ps-section .ps-black-module h5.red-text{color: #FF0010}

.ps-section .ps-black-module p{ font-size:18px; color: white; margin-bottom:10px }

.ps-section .ps-black-module p b{color: white}

.ps-section .ps-black-module p i{text-transform: initial; font-family: sans-serif;}

.ps-section .ps-black-module a{font-family:'Suisse Int’l Mono', sans-serif; font-size: 13px;border: 1px solid white; border-radius: 10px; padding: 4px 17px 1px; display: inline-flex; cursor:pointer; transition:.8s ; margin-top: auto;}
.ps-section .ps-black-module a img{margin-top: -1px; position: relative;}

.ps-section .ps-black-module a i{font-size: 8px; margin-right:8px }

.tabs-module {margin-bottom: 150px}

.btn-milestone{border-bottom: 2px solid white; display: inline-flex; cursor:pointer; transition:.8s; font-size:13px; font-family:'Suisse Int’l Mono', sans-serif; margin-bottom:184px; margin-top:44px }

.btn-milestone:hover{ border-color: black}

.btn-milestone img{max-width: 24px}

.tabs-module .tab{background: black}

.tabs-module .tab.active i:before{content: "\f068";}


.tabs-module .tab span{ height: 1px; width: 30px; display: inline-block; background: white; top: -7px; position: relative; margin: 0 5px }

.tabs-module .tab-item {display: none; justify-content: space-between; width: 80%; margin-left: auto; margin-right: auto; max-width: 1400px; align-items: center; }

.tabs-module .tab-item.first{display: flex}

.tabs-module .tab-item .slider-content{width:60%; max-width:60%; padding: 0 0 100px 0 }

.tabs-module .tab-item .slider-content .slide img{max-width: 100%;}

.tabs-module .tab-item .text-content{width: 35%; max-width: 35%; padding:  40px 0}

.tabs-module .tab-item .slick-dots{display:flex; justify-content: flex-start; right: 0px; bottom: 62px}


.tabs-module .tab-item .slick-dots li button:before{content:''}

.tabs-module .tab-item .slick-dots li.slick-active button{border: 1px solid black;}


.tabs-module .tab-item .slider-content .slide p:before{content: ''; height: 2px; width: 70px; background: #9b9b9b; display: inline-block; bottom: 4px; position: relative; margin-right: 6px}


.tabs-module .tab-item h4 u{font-family: inherit; font-weight: inherit ; font-size: inherit; background: var(--primary);}

.tabs-module .tab-item .btn-tab{border: 1px solid black; border-radius: 10px; padding: 2px 17px; display: inline-flex; cursor:pointer; transition:.8s }

.tabs-module .tab-item .btn-tab:hover{background: var(--primary);}

.intern-project-single {height: 100vh; background-image: url(../images/project-single/01.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;margin-bottom: 90px}

.intern-project-single .row{height: 100vh}

.ps-two-img-module{display: flex; column-gap: 11px}

.ps-two-img-module .column{ max-width:50%; width:50% }

.ps-section img:not(.black-right-arrow){ max-width:100%; width:100% }

.ps-breadcrumb-module span{font-family: inherit; font-size: inherit; font-weight: inherit; background: var(--primary);}

.ps-breadcrumb-module span:not(.circle){padding:  0 10px}

.ps-breadcrumb-module .circle{ background:black; border-radius:50%; height:20px; width:20px; display: inline-block; margin-left: 20px; margin-right: 10px}

.intern-project-single h1{margin-bottom: 68px}

.ps-text-module{margin-bottom: 120px}

.ps-two-img-module{margin-bottom: 163px}

.ps-section .ps-milestone-module .milestone { cursor: pointer; }

.ps-section .ps-milestone-module .milestone:last-child { border-bottom: 1px solid black; }

.ps-section .ps-milestone-module .milestone-tab { display:flex; justify-content: space-between; align-items: flex-start; padding: 37px 0; }

.ps-section .ps-milestone-module .milestone h4 { font-size: 25px; font-family: 'Times Now SemiLight', sans-serif; }

.ps-section .ps-milestone-module h2 { margin-bottom: 92px; }

.ps-section .ps-milestone-module .milestone h5 { font-size: 20px; font-family: 'Union Regular', sans-serif; ;font-weight: initial; text-align: center; padding: 0 20px}

.ps-section .ps-milestone-module .milestone .milestone-status { background: white; border: 1px solid black;  padding:15px; display: block; border-radius: 50%}

.ps-section .ps-milestone-module .milestone .milestone-status.active{ background: var(--primary); }

.ps-section .ps-milestone-module .milestone-description { max-width: 1010px; width:80%; margin-left: auto; margin-right:auto; display: none; padding-bottom:88px; padding-top:12px }

.ps-section .ps-milestone-module .milestone-description p { text-align: center; font-size: 20px; font-family: 'Union Regular', sans-serif; ; font-weight: initial; }

.ps-section .ps-milestone-module .milestone-description p b { font-family: 'Union Bold', sans-serif; }

.ps-section .ps-black-module { background: black; padding-top: 138px; }

.ps-section .ps-black-module .third-row { padding-top: 49px; border-top: 1px solid #ffffff8c; margin-top:118px; padding-bottom: 57px; }

.ps-section .ps-black-module .column { display: flex; flex-direction: column; align-items: flex-start; }

.ps-section .ps-black-module .first-column {max-width: 320px; width: 320px; padding-right: 56px}

.ps-section .ps-black-module .second-column {max-width: 600px; padding-right: 97px; border-right: 1px solid white}

.ps-section .ps-black-module .third-column {max-width: 550px; width: 550px; padding-left: 70px; justify-content:space-between }

.ps-section .ps-black-module .inner-row {column-gap: 23px; margin-bottom: 74px; row-gap: 23px}

@media (max-width: 1380px){

    .project-single-page h1{font-size: 50px;}

    .project-single-page h2{font-size: 35px; }

    .project-single-page h3{font-size: 25px;}

    .project-single-page h3 u{font-size: 28px;}

    .project-single-page .latest-news-list-section h3{font-size: 20px}



    .project-single-page h4{font-size:21px ;} 

    .project-single-page h5{font-size:19px ;}

    h4.ps-breadcrumb-module{ font-size:20px;}

    .tabs-module .tab-item h4{font-size: 20px; }

    .tabs-module .tab-item h4 i{font-size: 20px}

    .tabs-module .tab-item .slider-content .slide p{font-size: 16px}

    .tabs-module .tab-item .slick-dots li button{ font-size: 16px;}

    .tabs-module .tab-container{ font-size: 20px; }   

    .ps-section .ps-milestone-module .milestone h4{ font-size:20px; }

    .ps-section .ps-milestone-module .milestone h5{font-size: 20px;}

    .ps-section .ps-milestone-module .milestone-description p{ font-size: 18px ; }

    .ps-section .ps-black-module h2{ font-size:55px;}

    .ps-section .ps-black-module h5{ font-size:18px; }

    .ps-section .ps-black-module p{ font-size:16px}

    .ps-section .ps-black-module .third-row{flex-direction: column;}

    .ps-section .ps-black-module .third-row .column{width: 100%; max-width: 100%; text-align: center; padding-right: 0; padding-left: 0; border-right: none; align-items: center;}

    .ps-section .ps-black-module .third-row .third-column{border-top: 1px solid white; padding-top: 45px}


}


@media (max-width: 992px){

    .project-single-page h1{text-align: center;}

    .ps-two-img-module {flex-wrap: wrap; column-gap: 0; row-gap: 11px}

    .ps-two-img-module .column{max-width: 100%; width: 100%; }

    .tabs-module .tab-item{flex-direction: column; }

    .tabs-module .tab-item .text-content{width: 100%; max-width: 100%}

    .tabs-module .tab-item .slider-content{width: 100%; max-width: 100%}

    .intern-project-single {height: 70vh}

    .intern-project-single .row{height: 70vh}


}



@media (max-width: 768px){

    .project-single-page h1{font-size: 40px;}

    .project-single-page h2{font-size: 30px; }

    .project-single-page h3{font-size: 21px;}

    .project-single-page h3 u{font-size: 24px;}

    .project-single-page h4{font-size:20px ;} 

    .ps-section .ps-black-module h5{font-size: 16px}

    .ps-section .ps-black-module p{font-size: 15px}

    .ps-section .ps-milestone-module .milestone h4{ font-size:20px; }

    .ps-section .ps-milestone-module .milestone h5{font-size: 18px;}

    .ps-section .ps-milestone-module .milestone-description p{ font-size: 16px ; }

    .ps-section .ps-black-module h2{ font-size:40px;}

    .ps-section .ps-black-module .inner-row{justify-content: center; align-items: center;}

}



/* END PPROJECT SIMPLE PAGE STYLES  */

/* CONSERVATION INTRO PAGE STYLES  */


.conservation-intro-page .slick-dotted.slick-slider{margin-bottom: 0}

.conservation-intro-page .container{max-width: 1500px}

.conservation-intro-page h1{font-size: 63px}

.conservation-intro-page h2{font-size: 45px}

.conservation-intro-page h3{font-size: 35px}

.conservation-intro-page h3 u{font-size:38px}

.conservation-intro-page h4{font-size: 25px}


.conservation-intro-page .introduction-section{background: black; padding: 108px 0 152px}

.conservation-intro-page .introduction-section h4{color: white; font-weight: initial; margin-bottom: 85px}

.conservation-intro-page .introduction-section h1{color: white; font-weight: initial; margin-bottom: 70px}

.conservation-intro-page .introduction-section h3{color: white; font-weight: initial; margin-bottom: 157px}

.conservation-intro-page .introduction-section a{color: white;font-weight: initial;font-size: 15px}

.conservation-intro-page .btn-black{ border:1px solid white; border-radius:12px; padding:5px 53px }

.conservation-intro-page .science-conservation-section{padding: 92px 0}

.conservation-intro-page .science-conservation-section h3{ font-weight: initial;}

.conservation-intro-page .science-conservation-section .breadcrumb-intern{margin-bottom: 94px}

.conservation-intro-page .science-conservation-section h3 u { font-weight: initial;}

.conservation-intro-page .conservation-explore{padding: 127px 0 252px}

.conservation-intro-page .conservation-explore .row{column-gap: 35px; row-gap: 25px}

.conservation-intro-page .conservation-explore .item{max-width: calc(33% - 21px); width: 33%;}

.conservation-intro-page .conservation-explore h2{font-weight: initial; margin-bottom: 70px}

.conservation-intro-page .conservation-explore .item .img-content{overflow: hidden; margin-bottom: 34px}

.conservation-intro-page .conservation-explore .item .img-content img{transition: .8s; object-fit: cover; width: 100%}

.conservation-intro-page .conservation-explore .item .img-content:hover img{scale:1.1}

.conservation-intro-page .conservation-explore .item h4{color: black}

@media (max-width: 1380px){

    .conservation-intro-page h1{font-size: 45px}

    .conservation-intro-page h2{font-size: 30px}

    .conservation-intro-page h3{font-size: 21px}

    .conservation-intro-page h3 u{font-size: 24px}

    .conservation-intro-page h4{font-size: 20px}

}


@media (max-width: 992px){

    .conservation-intro-page .intern-banner{height: 70vh}

    .conservation-intro-page .conservation-explore .item{max-width: 100%; width: 100%; margin-bottom: 50px}

    .conservation-intro-page .introduction-section h4{color: white; font-weight: initial; margin-bottom: 65px}

    .conservation-intro-page .introduction-section h1{color: white; font-weight: initial; margin-bottom: 50px}

    .conservation-intro-page .introduction-section h3{color: white; font-weight: initial; margin-bottom: 120px}

    .conservation-intro-page .conservation-explore{padding: 20px 0 120px}
}


/* END CONSERVATION INTRO PAGE STYLES  */

/* CONSERVATION & RESTORATION PAGE STYLES  */


.conservation-restoration-page  .intern-banner {height: 100vh; background-image: url(../images/conservations-restoration/01.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

.conservation-restoration-page .container{max-width: 1400px}

.conservation-restoration-page h1{font-size: 78px}

.conservation-restoration-page .accordion-title h1{font-size: 55px}

.conservation-restoration-page .accordion-text-block-content h3{ font-size:25px }

.conservation-restoration-page .accordion-text-block-content h4{font-size: 20px}

.conservation-restoration-page h3{font-size: 35px}

.conservation-restoration-page h4{font-size: 21px}

.conservation-restoration-page  .intern-banner .row{height: 100%;}

.conservation-restoration-page  .intern-banner  h1{color: white; font-weight: initial;}

.conservation-restoration-page .basics-section {padding: 65px 0 20px }

.conservation-restoration-page .basics-section .breadcrumb-intern {margin-bottom: 50px}

.conservation-restoration-page .basics-section h3{font-weight: initial;}

.conservation-restoration-page .local-section .breadcrumb-intern {margin-bottom: 50px}

.conservation-restoration-page .local-section {padding: 65px 0 75px}

.conservation-restoration-page .local-section h3{font-weight: initial;}

.conservation-restoration-page  .active-projects-section { padding: 105px 0 159px }

.conservation-restoration-page .video-section{padding-top: 0}

.conservation-restoration-page .discoveries-section {margin: 163px 0 222px;}

.conservation-restoration-page .discoveries-section .breadcrumb-intern{margin-bottom: 132px}

.conservation-restoration-page .discoveries-section h2{font-weight: initial; font-size: 45px; margin-bottom: 37px; margin-top: 17px}

.conservation-restoration-page .discoveries-section h4{font-weight: initial; font-size: 20px}

.conservation-restoration-page .discoveries-section .row .first-column{ max-width: 600px; width:50% }

.conservation-restoration-page .discoveries-section .row .second-column img{ max-width:100%; width:100% }

.conservation-restoration-page .discoveries-section .row{column-gap: 91px; margin-bottom: 63px}

.conservation-restoration-page .discoveries-section .row .second-column{max-width: 700px; width:50%}

.join-science-section{background: #151515; padding: 183px 0; margin-bottom: 63px}

.join-science-section h2{color: white; max-width: 1291px; font-weight: initial; font-size: 65px; margin-bottom: 64px; letter-spacing: -1.4px}

.join-science-section h2 i{font-weight: initial; font-size: 68px}

.join-science-section h4{color: white; font-weight: initial; margin-bottom: 74px; font-size: 25px}

.join-science-section a{transition:.8s ;color: white; font-weight: initial; border:1px solid white; border-radius: 13px; padding: 5px 53px}

.join-science-section a:hover{color: black; background: var(--primary);}


@media (max-width: 1380px){

    .conservation-restoration-page h1{font-size: 45px}

    .conservation-restoration-page .accordion-title h1{font-size: 35px}

    .conservation-restoration-page h3{font-size: 21px}

    .internship-page .conservation-restoration-page h3 u{font-size: 24px}

    .conservation-restoration-page h4{font-size: 18px}

    .conservation-restoration-page .discoveries-section h2{ font-size: 22px; }

    .conservation-restoration-page .discoveries-section h4{font-size: 18px}

    .conservation-restoration-page .join-science-section h2{ font-size: 40px; }

    .conservation-restoration-page .join-science-section h2 i{ font-size: 43px}

    .conservation-restoration-page .join-science-section h4{font-size: 20px}

}



@media (max-width: 1120px){
    .conservation-restoration-page .discoveries-section .row{flex-direction: column;align-items: center; justify-content: center;margin-bottom: 40px; row-gap: 20px}

    .conservation-restoration-page .discoveries-section h2{margin-bottom: 20px}

    .conservation-restoration-page .discoveries-section .row .column{width: 100%; max-width: 100%}
}

@media (max-width:992px) {

    .conservation-restoration-page  .intern-banner {height: 70vh;} 
}

/* END CONSERVATION & RESTORATION PAGE STYLES  */


/* LIGA DEL MAR PAGE STYLES  */


.liga-mar-page .intern-banner{height: 100vh; background-repeat: no-repeat!important; background-size: cover; background-position: center; background-image: url(../images/liga-del-mar/01.jpg);}

.liga-mar-page .join-science-section {margin-bottom: 120px}

.liga-mar-page .basics-section{margin-bottom: 194px;}

.liga-mar-page .basics-section h3{margin-bottom: 50px; font-size: 35px}

.liga-mar-page .basics-section h3 u{font-size: 38px}

.liga-mar-page .local-section h3 u{font-size: 38px}

.liga-mar-page .local-section h3{font-size: 35px; margin-bottom: 158px}

.liga-mar-page .basics-section h4{margin-bottom: 114px}

.liga-mar-page .join-science-section  h1{font-size: 65px; margin-bottom: 68px}

.liga-mar-page .join-science-section  h3{font-size: 35px; margin-bottom: 50px}

.liga-mar-page .join-science-section  h3 i{font-size: 38px}

.liga-mar-page .join-science-section  h1, .liga-mar-page .join-science-section  h3{color: white; text-align: center;}

.liga-mar-page .join-science-section a{margin-top: 53px}

.liga-mar-page .active-projects-section{margin-bottom: 105px}

.liga-mar-page .dive-action-section { background:var(--primary); padding: 181px 0 196px }

.liga-mar-page .dive-action-section h2{margin-bottom: 72px; font-size: 65px; letter-spacing: -1.4px}

.liga-mar-page .dive-action-section h4{margin-bottom: 74px;font-size: 25px}

.liga-mar-page .dive-action-section .btn-black{ border:1px solid black; border-radius:20px; padding:5px 33px; color:black; transition:.8s }

.liga-mar-page .dive-action-section .btn-black:hover{ background:black; color:white }

.liga-mar-page .dive-action-section .inner-row{column-gap: 42px}

.liga-mar-page .testimonies-section{background:#F2F2F2; padding:126px 0 245px; }

.liga-mar-page .testimonies-section .row{max-width: 1135px; margin-right: auto; margin-left: auto}

.liga-mar-page .testimonies-section  h2{margin-bottom: 112px;font-size: 65px; padding: 0 20px}

.liga-mar-page .testimonies-section h4{margin-bottom: 146px; font-size: 25px}

.liga-mar-page .testimonies-section p{font-size: 20px;}

.liga-mar-page .testimonies-section .inner-row{display: table; margin-right: 20px; margin-left: auto;}

.full-image img{width: 100%}

.liga-mar-page .testimonies-section .slick-next{right: 75px}

.liga-mar-page .testimonies-section .slick-prev{left: -25px}

.liga-mar-page .testimonies-section .slick-arrow{z-index: 3}

.liga-mar-page .testimonies-section .slick-next:before{content:url('../images/icons/black-right-arrow.png')}

.liga-mar-page .testimonies-section .slick-prev:before{content:url('../images/icons/black-left-arrow.png'); }

.liga-mar-page .testimonies-section .slick-dots{bottom: -100px}

@media (max-width:1300px){
    .liga-mar-page .basics-section h3{ font-size: 25px}

    .liga-mar-page .basics-section h3 u{font-size: 28px}

    .liga-mar-page .local-section h3 u{font-size: 28px}

    .liga-mar-page .local-section h3{font-size: 25px; }

    .liga-mar-page .join-science-section  h1{font-size: 55px;}

    .liga-mar-page .join-science-section  h3{font-size: 25px;}

    .liga-mar-page .join-science-section  h3 i{font-size: 28px}

    .liga-mar-page .dive-action-section h2{ font-size: 45px}

    .liga-mar-page .dive-action-section h4{font-size: 21px} 

    .liga-mar-page .testimonies-section  h2{font-size: 45px}

    .liga-mar-page .testimonies-section h4{font-size: 21px}

    .liga-mar-page .testimonies-section p{font-size: 20px;}

    .liga-mar-page .testimonies-section .slick-next{right: 0px}

    .liga-mar-page .testimonies-section .slick-prev{left: 0px}


}


@media (max-width:992px){

    .liga-mar-page .intern-banner{height: 70vh}
    
}

@media (max-width:768px){
    
}

/* END LIGA DEL MAR PAGE STYLES   */


/* CALENDAR PAGE STYLE  */

.calendar-page .container { max-width: 1600px; width: 90%; }

.calendar-page .calendar-top-section h1 { font-size: 35px; }

.calendar-page .form-group  button { font-size: 13px; }

.news-container-section { padding-bottom: 113px; }

.calendar-page .news-container-section .article-tag { font-size: 11px; }

.calendar-page .news-container-section .load-more-item p { font-size: 19px; }

.calendar-page .news-container-section .article-title, .calendar-page .news-container-section .date-article{font-size: 20px}

.calendar-page .news-container-section .article-author{ font-size:16px }

.calendar-page .calendar-top-section {padding-top: 146px}

.calendar-page .form-group  button{ border:none; background:transparent; margin-left: 13px}

.calendar-page .form-group input{border: none; border-bottom: 1px solid black; width: 27%; max-width: 420px}

.calendar-page .form-group input:focus-visible{outline: none}

.calendar-page .calendar-top-section h1 { margin-bottom: 45px; }

.calendar-page .calendar-top-section h1 u { text-decoration-thickness: 2px; }

.calendar-page .form-group { margin-bottom: 109px; }

.calendar-page .news-container-section .item { max-width:calc(30% - 30px); width: 33%; box-shadow: 0px 3px 6px #00000029; display: flex; flex-direction: column;}

.calendar-page .news-container-section .item img {width: 100%; }

.calendar-page .news-container-section .items-container {column-gap: 25px; row-gap: 32px}

.calendar-page .news-container-section .item .text-container { padding: 20px 20px 41px 20px; display: flex; flex-direction: column; height: 100%;}

.calendar-page .news-container-section .text-container .article-tag { background: #ECEAE8 0% 0% no-repeat padding-box; border-radius: 13px; padding: 4px 15px; display: inline-flex; margin-bottom: 20px }

.calendar-page .news-container-section .article-author { display: flex; align-items: center; }

.calendar-page .news-container-section .article-link { width: 100%; display: flex; justify-content: center; background-color: black; color: white; padding: 15px 0; transition: 0.3s; margin-top: auto;}

.calendar-page .news-container-section .article-link img {display: none;}

.calendar-page .news-container-section .article-link u {text-decoration: none;}

.calendar-page .news-container-section .article-link:hover {background-color: var(--primary); color: black; transition: 0.3s;}


.calendar-page .news-container-section .article-author { margin-bottom: 39px; }

.calendar-page .news-container-section .line{ margin-right:8px ;height: 1px; width: 66px; background: black}

.calendar-page .news-container-section .load-more-item{margin-top: 113px; margin-bottom:231px }

.calendar-page .news-container-section .load-more-item p{cursor: pointer;}

.calendar-page .page-source {margin-top: auto; padding-top: 30px;}

@media (max-width:1300px) {
    .calendar-page .calendar-top-section h1 { font-size: 25px; }

    .calendar-page .news-container-section .load-more-item p { font-size: 16px; }

    .calendar-page .news-container-section .article-title, .calendar-page .news-container-section .date-article{font-size: 18px}
}

@media (max-width: 992px) {
    .calendar-page .news-container-section .item { max-width:calc(50% - 13px); width: 50%; }

    .calendar-page .form-group input { max-width: unset; width: 90%; }

    .calendar-page .container { width: 80%; }
}

@media (max-width: 768px){
    .calendar-page .news-container-section .item { max-width: 100%; width: 100%; }
}

/* END CALENDAR PAGE STYLE  */


/* CALENDAR SINGLE PAGE STYLE */


.calendar-single-page .calendar-banner{height: 60vh;  background-size: cover!important; background-position: center!important; background-repeat: no-repeat!important;}

.calendar-single-page .calendar-text-section h2{ font-size: 40px }

.calendar-single-page .calendar-text-section h1{ font-size: 40px }

.calendar-single-page .calendar-text-section p{ font-size: 20px }

.calendar-single-page .calendar-text-section a{font-size: 15px }

.calendar-single-page .calendar-text-section .link-visit{font-size: 11px}


.calendar-single-page .news-container-section h2{font-size: 21px; }

.calendar-single-page .calendar-text-section .first-row{margin-top: 80px; margin-bottom: 142px; max-width: 980px; margin-left: auto; margin-right: auto;}

.calendar-single-page .calendar-text-section .second-row{border-top: 1px solid #707070; margin-bottom: 116px;}

.calendar-single-page .calendar-text-section h2{ margin-bottom:5px }

.calendar-single-page .calendar-text-section h1{ margin-bottom:30px }

.calendar-single-page .calendar-text-section p{ margin-bottom:28px }

.calendar-single-page .calendar-text-section a.buy-link{ margin-top: 24px; background: var(--primary); padding:  3px 30px; border-radius: 9px}

.calendar-single-page .news-container-section h2{margin-bottom: 60px}

.calendar-single-page .news-container-section{margin-bottom: 234px}

@media (max-width :1300px){
    .calendar-single-page .calendar-text-section h2{ font-size: 30px }

    .calendar-single-page .calendar-text-section h1{ font-size: 30px }

    .calendar-single-page .calendar-text-section p{ font-size: 18px }


    .calendar-single-page .news-container-section h2{font-size: 20px; }
}

@media (max-width: 992px){
    .calendar-single-page .news-container-section .item{max-width: 100%; width: 100%; margin-bottom: 5px}
}


/*  END CALENDAR SINGLE PAGE STYLE  */


/* DONATIONS SINGLE PAGE STYLE  */


.donations-page .intern-banner{background-image: url(../images/donations/01.jpg)}

.donations-page .intern-banner .row{ height:100% }

.donations-page .intern-banner .row h1{color: white}

.donations-page .dive-action-section .container {max-width: 1384px; width: 90%}

.donations-page .dive-action-section{margin-bottom: 55px;}


/* EMD DONATIONS SINGLE PAGE STYLE  */


/* INTERN SINGLE PAGE STYLE  */

.internship-page .basics-section h3 u{ font-size:38px }

.internship-page .types-of-internship-section h2{font-size: 45px}

.internship-page .types-of-internship-section h3{font-size:25px}

.internship-page .basics-section{margin-bottom: 199px; padding-top: 89px}

.internship-page .basics-section .breadcrumb-intern{margin-bottom: 91px}

.internship-page .types-of-internship-section h2{margin-bottom: 95px}

.internship-page .types-of-internship-section .img-content{margin-bottom: 34px}

.internship-page .types-of-internship-section{margin-bottom: 199px}

.internship-page .types-of-internship-section .container{max-width: 1500px; width: 90%}

.internship-page .types-of-internship-section .row{column-gap: 35px}

.internship-page .types-of-internship-section .item{max-width: 33%; width: calc(33% - 35px); }

.internship-page .types-of-internship-section img{width: 100%}

@media (max-width:1380px){
    .internship-page .basics-section h3 u{font-size: 23px}
}


/* END INTERN SINGLE PAGE STYLE  */


/* MISSION AND ACHIVEMENTS PAGE STYLE  */


.milestone-mission-section { margin-top: 131px; }

.milestone-mission-section .container {max-width: 1600px; width: 90%; }

.milestone-mission-section .title-section { margin-bottom: 84px; }

.milestone-mission-section h3 { font-size: 20px; }

.milestone-mission-section .row { column-gap: 51px; }

.milestone-mission-section .first-column { max-width: 643px; max-width: 45%; }

.milestone-mission-section .milestone{padding: 35px 0; border-bottom: 1px solid black; max-width: 643px}

.milestone-mission-section .milestone:last-child {border-bottom: none}

.milestone-mission-section .second-column {max-width: 859px; width: 53%}

.milestone-mission-section .second-column .slide img{width: 100%;}

.milestone-mission-section .slick-dots li button{font-size: 18px; color: black;  border-radius:15px; height: 25px; width: 25px} 

.milestone-mission-section  .slick-dots li.slick-active button{ border:1px solid black}

.milestone-mission-section  .slick-dots li button:before{ content:''; }

.milestone-mission-section  .slick-dots{text-align: end; bottom: -48px;  right: 33px}

.milestone-mission-section .milestone h3{letter-spacing: -0.3px; max-width: 537px}

.milestone-mission-section .milestone .milestone-status { background: white; border: 1px solid black;  padding:8px; display: block; border-radius: 50%; margin-top: 5px; margin-right: 40px}

.milestone-mission-section .milestone .milestone-status.active{ background: var(--primary); }

.mission-and-achivements-page .our-impact-in-numbers-section{padding-top: 181px}




@media (max-width:1200px){

    .milestone-mission-section .row{flex-wrap: wrap;}

    .milestone-mission-section .first-column{max-width: 100%; width: 100%}

    .milestone-mission-section .milestone{width: unset; max-width: unset}

    .milestone-mission-section .milestone .d-flex{justify-content: flex-start}

    .milestone-mission-section .milestone h3{max-width: unset}

    .milestone-mission-section .second-column{max-width: 100%; width: 100%; margin-top: 30px}
}


/*  EXPEDITIONS PAGE STYLE   */

.expeditions-page .container{max-width: 1500px}

.expeditions-page .intern-banner{height: 100vh; background-image: url(../images/expeditions/01.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

.expeditions-page .intern-banner h1{color: white}

.partners-page .partners-logos-section .logo-item .img-container{box-shadow: none; padding: 0}

.expeditions-page .our-partners-section{ padding: 89px 0 16px 0}

.expeditions-page .our-partners-section h2{margin-bottom: 67px}

.expeditions-page .partners-logos-section{margin-top: 168px}

@media (max-width:992px){
    .expeditions-page .intern-banner{height: 70vh}

}



/* EXPEDITIONS B PAGE STYLE */

.expeditions-b-page .intern-banner {height: 100vh; background-image: url(../images/expeditions-b/01.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}


.expeditions-b-page .header-news-section .container, .expeditions-page .text-news-section .container{max-width: 1060px; margin-top: 0; margin-bottom: 0 ; padding: 0}

.expeditions-b-page .partners-logos-section{ margin-top: 0; margin-bottom:0; }

.expeditions-b-page .full-image-news-section img{max-width: 100%; width: 100%}

.expeditions-b-page .two-image-news-section .row { column-gap:8px }

.expeditions-b-page .two-image-news-section .item{max-width: 50%; width: 50%}

.expeditions-b-page .two-image-news-section img{max-width: 100%; width: 100%}


.expeditions-b-page .header-news-section h4{font-size: 20px; letter-spacing: 0px;}

.expeditions-b-page .header-news-section h1{font-size: 78px; letter-spacing: 0px;}

.expeditions-b-page .header-news-section p{font-size: 18px; line-height: 2.2;}

.expeditions-b-page .text-news-section  h3{font-size: 22px; letter-spacing: -0.52px;line-height: 1.8; margin-bottom: 50px}

.expeditions-b-page .header-news-section img{margin-bottom: 65px}

.expeditions-b-page .header-news-section .news-copete{margin-bottom: 52px}

.expeditions-b-page .header-news-section h1{margin-bottom: 45px}

.expeditions-b-page .header-news-section {margin: 105px 0; }

.expeditions-b-page .text-news-section {margin-top: 127px; margin-bottom: 104px}


@media (max-width:1300px){
    .expeditions-b-page .header-news-section h4{font-size: 18px }

    .expeditions-b-page .header-news-section h1{font-size: 45px;}

    .expeditions-b-page .header-news-section p{font-size: 15px;}

    .expeditions-b-page .text-news-section  h3{font-size: 20px;}

    .article-single .quote-news-section h2{font-size: 45px }

    .article-single .quote-news-section h3{font-size: 20px }
}

@media (max-width: 992px){

    .expeditions-b-page .intern-banner {height: 70vh;}

    .two-image-news-section .row{flex-wrap: wrap; row-gap: 8px}

    .expeditions-b-page .two-image-news-section .item{width: 100%; max-width: 100%}
}



/* ARTICLE SINGLE  PAGE STYLE    */


.article-single .intern-banner {height: 100vh; background-image: url(../images/article-single/01.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

.article-single .header-news-section h1{line-height: 1}

.article-single .quote-news-section h2{font-size: 78px ;letter-spacing: -2.25px; line-height: 1; margin-bottom: 80px}

.article-single .quote-news-section h3{font-size: 20px }

.article-single .overcolor-text{background: var(--primary);}

.article-single .header-news-section img{margin-top:60px}

.article-single .quote-news-section .container{position: relative; max-width: 1357px}

.article-single .quote-news-section .second-row {position: absolute; right: -10%; top: 30%;}

.article-single .quote-news-section i{font-size: 20px; padding: 5px; margin: 2px 0}

.article-single .quote-news-section a{transition: .8s; border-radius: 50%; display: flex; align-items: center; justify-content: center}

.article-single .quote-news-section a:hover{background: var(--primary); }


.article-single .quote-news-section{margin-bottom: 186px; margin-top: 191px}

.article-single .text-news-section .btn-link { border-radius:20px; padding:5px 12px; color:black; transition:.8s }

.article-single .text-news-section .btn-link:hover{background: var(--primary);}

@media (max-width:1300px){

    .article-single .quote-news-section h2{font-size: 45px }

    .article-single .quote-news-section h3{font-size: 20px }
}


@media (max-width:1200px) {
    .article-single .text-news-section .links-content .inner-row{flex-direction: column; align-items: center; justify-content: center; row-gap: 10px}
}

@media (max-width: 992px) {

    .article-single .intern-banner {height: 70vh;}
}

/* extra styles */

.top-header-message-section h4 strong { font-family: 'Union Bold', sans-serif; font-weight: 700; letter-spacing: -0.4px; line-height: 1.5; font-size: 15px; }

.active-projects-section .first-row { margin: 50px 0; }

.module-01-description-content p, .module-01-description-content span, .module-01-description-content h1, .module-01-description-content h2, .module-01-description-content h3, .module-01-description-content h4, .module-01-description-content h5, .module-01-description-content h6 { margin-top: 30px; text-align: center; font-weight: 400; font-family: 'Union Regular', sans-serif; font-size: 20px; letter-spacing: -0.4px;  line-height: 1.5; }

.module-01-section .second-row { margin-top: 0; }

.module-03-section .module-03-description strong, .module-03-section .module-03-description strong em { line-height: 47px; letter-spacing: -0.4px; font-weight: 600; font-family: 'Times Now SemiBold Italic', sans-serif !important; font-size: 40px !important; }

.module-03-section .slick-dots li:only-child { display: none; }

.module-08-section .second-row { margin-bottom: 0; }

.page-module-01-section .slick-dots li:only-child { display: none; }

.page-module-01-section .slick-slide { position: relative; }

.page-module-03-section .text-container em { font-family: 'Times Now SemiLight', sans-serif; }

.page-module-03-section ins { font-size: 38px; font-family: 'Times Now SemiBold', sans-serif; }

.page-module-03-section .marker { background: var(--primary); font-size: inherit; font-weight: inherit; font-family: inherit; }

.page-module-03-section h2 { font-size: 38px; font-family: 'Times Now SemiLight', sans-serif; font-weight: initial; max-width: 1384px; letter-spacing: -1.75px;  margin-bottom: 72px; }

.page-module-03-section p, .page-module-03-section span, .page-module-03-section h1, .page-module-03-section h3, .page-module-03-section h4, .page-module-03-section h5, .page-module-03-section h6 { font-size: 25px; line-height: 1.2; font-weight: initial; font-family: 'Union Regular', sans-serif;  letter-spacing: -0.4px; margin-bottom: 50px; }

.page-module-03-section p:last-child, .page-module-03-section span:last-child, .page-module-03-section h1:last-child, .page-module-03-section h2:last-child, .page-module-03-section h3:last-child, .page-module-03-section h4:last-child, .page-module-03-section h5:last-child, .page-module-03-section h6:last-child { margin-bottom: 0; }

.page-module-03-section em, .page-module-03-section ins { font-size: 27px; text-underline-position: from-font; font-family: 'Times Now SemiBold', sans-serif !important; }

.module-03-section .module-03-description p, .module-03-section .module-03-description span, .module-03-section .module-03-description h1, .module-03-section .module-03-description h2, .module-03-section .module-03-description h3, .module-03-section .module-03-description h4, .module-03-section .module-03-description h5, .module-03-section .module-03-description h6 { line-height: 1.17; max-width: 385px; font-family: 'Union Regular', sans-serif; font-weight: 400; font-size: 28px;  letter-spacing: -1.4px; }

.module-03-section .module-03-description em { font-style: italic; font-family: inherit;margin-right:3px;}

.page-module-04-section .two-image-container, .page-module-20-section .two-image-container { column-gap: 10px; }

.page-module-04-section .two-image-container .item, .page-module-20-section .two-image-container .item { width: 50%; }

.page-module-04-section .two-image-container img, .page-module-20-section .two-image-container img { width: 100%; }

.page-module-20-section .container { max-width: 1500px; width: 85%; }

.page-module-04-section .container { max-width: 1500px; width: 85%; }

.module-02-section .mobile-video-content, .page-module-06-section .mobile-video-content { display: none; }

.module-02-section video { height: calc(100vh - 60px); object-fit: cover; object-position: bottom; }

.page-module-07-section .slick-dots li:only-child { display: none; }

.page-module-07-section .marker { background: #cafb01; font-size: inherit; font-weight: inherit; font-family: inherit; }

.page-module-07-section em { font-family: 'Times Now SemiBold', sans-serif; }

.page-module-07-section .text-content h1,
.page-module-07-section .text-content h2,
.page-module-07-section .text-content h3,
.page-module-07-section .text-content h4,
.page-module-07-section .text-content h5,
.page-module-07-section .text-content h6,
.page-module-07-section .text-content p,
.page-module-07-section .text-content span { font-family: 'Union Regular', sans-serif; font-weight: initial; font-size: 20px; margin-bottom: 36px; line-height: 1.5;  letter-spacing: -0.4px; }

.page-module-11-section h3 { font-size: 30px; font-family: 'Times Now SemiLight', sans-serif; font-weight: initial;  letter-spacing: 0.4px; margin-bottom: 55px; }

.page-module-11-section .img-container { margin-bottom: 20px; }

.page-module-11-section h5:last-child { margin-top: 5px; }

.page-module-15-section .slick-dots li:only-child { display: none; }

.page-module-12-section h1, .page-module-12-section h2, .page-module-12-section h3, .page-module-12-section h4, .page-module-12-section h5, .page-module-12-section h6 { color: inherit; }

.page-module-12-section h1 { margin-bottom: 68px; }

.page-module-12-section h3 { margin-bottom: 50px !important; }

.page-module-12-section em { font-family: 'Times Now SemiBold Italic', sans-serif !important; }

.page-module-12-section { padding-top: 130px; padding-bottom: 130px; }

.page-module-12-section .container { max-width: 1500px; width: 85%; }

.page-module-12-section .title-container { max-width: 1050px; margin: auto; margin-top: 60px; margin-bottom: 78px; }

.page-module-12-section .title-container h1,
.page-module-12-section .title-container h2,
.page-module-12-section .title-container h3,
.page-module-12-section .title-container h4,
.page-module-12-section .title-container h5,
.page-module-12-section .title-container h6,
.page-module-12-section .title-container p,
.page-module-12-section .title-container span { font-size: 43px; font-family: 'Times Now SemiLight', sans-serif; font-weight: initial;  letter-spacing: -1.4px; line-height: 1.17; margin-bottom: 0; }

.page-module-12-section .title-container ins { text-decoration-thickness: 1px; text-underline-position: from-font; }

.page-module-12-section .description-container h1,
.page-module-12-section .description-container h2,
.page-module-12-section .description-container h3,
.page-module-12-section .description-container h4,
.page-module-12-section .description-container h5,
.page-module-12-section .description-container h6,
.page-module-12-section .description-container p,
.page-module-12-section .description-container span { font-weight: initial; font-family: 'Union Regular', sans-serif; font-size: 25px; line-height: 1.3;  max-width: 1467px; letter-spacing: .4px; margin: auto; margin-bottom: 50px; }

.page-module-12-section .description-container h1:last-child,
.page-module-12-section .description-container h2:last-child,
.page-module-12-section .description-container h3:last-child,
.page-module-12-section .description-container h4:last-child,
.page-module-12-section .description-container h5:last-child,
.page-module-12-section .description-container h6:last-child,
.page-module-12-section .description-container p:last-child,
.page-module-12-section .description-container span:last-child { margin-bottom: 0; }

.page-module-13-section .img-element { max-width: 880px; margin: auto; }

.page-module-13-section .img-element img { width: 100%; }

.page-module-13-section .img-element p { margin-top: 15px; }

.page-module-13-section .img-element p::before { content: ''; width: 50px; height: 1px; background: #000; display: inline-block; margin-right: 8px; position: relative; top: -3px; }

.page-module-12-section .special-link { font-weight: initial; border-radius: 20px; padding: 5px 33px; }

.page-module-12-section .buttons-row { column-gap: 35px; margin-top: 72px; }

.page-module-17-section .container { max-width: 1500px; width: 85%; }

.page-module-17-section .row { column-gap: 91px; }

.page-module-17-section .first-column { max-width: 600px; width: 50%; }

.page-module-17-section .second-column { max-width: 700px; width: 50%; }

.page-module-17-section .second-column img { width: 100%; }

.page-module-17-section h2 { font-weight: initial; font-size: 38px; margin-bottom: 37px; margin-top: 17px; }

.page-module-18-section .row { justify-content: center; column-gap: 3%; margin-top: 100px; }

.page-module-18-section .item { width: 31.3%; }

.page-module-18-section .item img { width: 100%; }

.page-module-18-section .item h4 { margin-top: 20px; }

.page-module-19-section.testimonies-section { background: #F2F2F2; }

.page-module-19-section.testimonies-section .row { max-width: 1135px; margin-right: auto; margin-left: auto; }

.page-module-19-section.testimonies-section h2 { margin-bottom: 112px; font-size: 40px; padding: 0 20px; }

.page-module-19-section.testimonies-section h4 { margin-bottom: 25px; font-size: 25px; }

.page-module-19-section.testimonies-section .inner-row { display: table; margin-right: 20px; margin-left: auto; }

.page-module-19-section.testimonies-section p { font-size: 20px; }

.page-module-19-section.testimonies-section .slick-prev:before { content: url(../images/icons/black-left-arrow.png); }

.page-module-19-section.slick-arrow:before { box-shadow: none !important; }

.page-module-19-section.testimonies-section .slick-next:before { content: url(../images/icons/black-right-arrow.png); }

.page-module-19-section.slick-arrow:before { box-shadow: none !important; }

.page-module-19-section.testimonies-section .slick-arrow { z-index: 3; }

.page-module-19-section.testimonies-section .slick-next { right: 75px; }

.page-module-19-section.testimonies-section .slick-arrow { background: none !important; }

.page-module-20-section img { width: 100%; }

.page-module-27-section .date-text, .page-module-27-section .location-text { font-size: 20px; font-family: 'Union Regular', sans-serif; }

.page-module-27-section .title-text { max-width: 890px; margin: auto; margin-top: 50px; }

.page-module-27-section .title-text * { font-family: Times Now, SemiLight; font-size: 78px; line-height: 0.9; }

.page-module-27-section .description-text { margin-top: 70px; }

.page-module-27-section .description-text * { font-family: 'Union Regular', sans-serif; text-align: center; font-size: 18px; }

.page-module-27-section .description-text em { margin-right: 3px; }

.page-module-27-section img { display: block; margin: auto; margin-top: 50px; max-width: 450px; }

.page-module-28-section .description-text { max-width: 830px; margin: auto; }

.page-module-28-section .description-text * { font-size: 22px; letter-spacing: -0.52px; line-height: 1.8; }

.page-module-28-section .description-text p { margin-top: 50px; }

.page-module-28-section .description-text p:first-child { margin-top: 0; }

.page-module-28-section .description-text .marker { background: var(--primary); }

.page-module-28-section .buttons-container { flex-wrap: wrap; margin-top: 80px; }

.page-module-28-section .buttons-container a { padding: 3px 15px; letter-spacing: 1px; font-family: 'Suisse Int’l Regular', sans-serif; font-size: 13px; text-transform: uppercase; }

.page-module-28-section .buttons-container a:hover { background: var(--primary); border-radius: 20px; }

.page-module-28-section .buttons-container a img { max-width: 32px; }

.page-module-29-section .text-container { max-width: 1320px; margin: auto; }

.page-module-29-section .text-container .quote-text { font-size: 78px; }

.page-module-29-section .text-container .quote-author { font-size: 20px; margin-top: 60px; }

.team-page .modal-description { margin-top: 42px; margin-bottom: 49px; }

.team-page .modal-description h1,
.team-page .modal-description h2,
.team-page .modal-description h3,
.team-page .modal-description h4,
.team-page .modal-description h5,
.team-page .modal-description h6,
.team-page .modal-description span,
.team-page .modal-description p { font-size: 20px; font-family: 'Union Regular', sans-serif; line-height: 1.5; font-weight: initial;  letter-spacing: -0.4px; }

.team-page select.sort-team-selector {width: 100px;}

.join-us-and-take-action-section { background: #151515; padding-top: 180px; padding-bottom: 200px; }

.join-us-and-take-action-section h4, .join-us-and-take-action-section p { color: #fff; }

.join-us-and-take-action-section p { margin-top: 60px; font-size: 65px; font-family: 'Times Now SemiLight', sans-serif; font-weight: initial;  letter-spacing: -1.4px; line-height: 1.17; margin-bottom: 0; }

.join-us-and-take-action-section .buttons-row { margin-top: 72px; }

.join-us-and-take-action-section a { border: 1px solid #FFFFFF; color: #FFFFFF; font-weight: initial; border-radius: 13px; padding: 5px 33px; }

.page-module-06-section .desktop-video-content video, .page-module-06-section .mobile-video-content video { object-fit: cover; display: block; }

.reports-customized-modal-section .modal { position: fixed; padding-top: 0px; height: 100vh; }

.reports-customized-modal-section .modal .container { background: transparent; padding: 0; height: 96vh; max-width: 1320px; overflow: hidden;}

.staff-page-banner-section { height: 100vh; width: 100%; position: relative; }

.staff-page-banner-section img { width: 100%; height: 100%; object-fit: cover; }

.staff-page-banner-section h1 { font-size: 50px; position: absolute; width: 80%; text-align: center; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; }

@media (max-width: 1480px) {
    .module-03-section .module-03-description strong { display: block; }
}

@media (max-width: 1380px) {
    .staff-page-banner-section h1 { font-size: 35px; }

    .module-01-description-content p, .module-01-description-content span, .module-01-description-content h1, .module-01-description-content h2, .module-01-description-content h3, .module-01-description-content h4, .module-01-description-content h5, .module-01-description-content h6 { font-size: 18px; }

    .page-module-03-section h2 { font-size: 35px; }

    .page-module-03-section p, .page-module-03-section span, .page-module-03-section h1, .page-module-03-section h3, .page-module-03-section h4, .page-module-03-section h5, .page-module-03-section h6 { font-size: 20px; }

    .page-module-03-section em, .page-module-03-section ins { font-size: 22px; }

    .page-module-07-section .text-content h1,
    .page-module-07-section .text-content h2,
    .page-module-07-section .text-content h3,
    .page-module-07-section .text-content h4,
    .page-module-07-section .text-content h5,
    .page-module-07-section .text-content h6,
    .page-module-07-section .text-content p,
    .page-module-07-section .text-content span { font-size: 18px; }

    .page-module-11-section .logo-item:nth-child(1),
    .page-module-11-section .logo-item:nth-child(2) { margin-top: 0; }

    .page-module-11-section .logo-item { margin-top: 30px; }

    .page-module-11-section .logo-item .img-container img { max-width: 100% !important; }

    .page-module-12-section .title-container { max-width: 820px; }

    .page-module-12-section .title-container h1,
    .page-module-12-section .title-container h2,
    .page-module-12-section .title-container h3,
    .page-module-12-section .title-container h4,
    .page-module-12-section .title-container h5,
    .page-module-12-section .title-container h6,
    .page-module-12-section .title-container p,
    .page-module-12-section .title-container span { font-size: 37px; }

    .page-module-12-section .description-container h1,
    .page-module-12-section .description-container h2,
    .page-module-12-section .description-container h3,
    .page-module-12-section .description-container h4,
    .page-module-12-section .description-container h5,
    .page-module-12-section .description-container h6,
    .page-module-12-section .description-container p,
    .page-module-12-section .description-container span { font-size: 20px; }

    .page-module-27-section .date-text, .page-module-27-section .location-text { font-size: 18px; }

    .page-module-27-section .title-text { max-width: 710px; }

    .page-module-27-section .title-text * { font-size: 56px; }

    .page-module-27-section .description-text * { font-size: 16px; }

    .page-module-29-section .text-container { max-width: 940px; }

    .page-module-29-section .text-container .quote-text { font-size: 54px; }

    .page-module-29-section .text-container .quote-author { font-size: 20px; }

    .join-us-and-take-action-section p { font-size: 45px; }
}

@media (max-width: 1380px) {
    .module-03-section .module-03-description p, .module-03-section .module-03-description span, .module-03-section .module-03-description h1, .module-03-section .module-03-description h2, .module-03-section .module-03-description h3, .module-03-section .module-03-description h4, .module-03-section .module-03-description h5, .module-03-section .module-03-description h6 { font-size: 23px; }

    .page-module-11-section h3 { font-size: 35px; }

    .page-module-06-section .mobile-video-content video { height: 100%; }

    .module-02-section video { height: 600px; }
}

@media (max-width: 1300px) {
    .page-module-19-section.testimonies-section h4 { font-size: 21px; }

    .page-module-19-section.testimonies-section h2 { font-size: 32px; }

    .page-module-19-section.testimonies-section p { font-size: 20px; }
}

@media (max-width: 1120px) {
    .page-module-17-section .row { flex-direction: column; align-items: center; justify-content: center; margin-bottom: 40px; row-gap: 20px; }

    .page-module-17-section .row .column { max-width: 100%; width: 100%; }

    .page-module-17-section .row .column h2 { font-size: 22px; margin-bottom: 20px; }
}

@media (max-width: 992px) {
    .staff-page-banner-section { height: 70vh; }

    .module-03-section .module-03-description p, .module-03-section .module-03-description span, .module-03-section .module-03-description h1, .module-03-section .module-03-description h2, .module-03-section .module-03-description h3, .module-03-section .module-03-description h4, .module-03-section .module-03-description h5, .module-03-section .module-03-description h6 { max-width: 100%; text-align: center; }

    .module-02-section .desktop-video-content { display: none; }

    .module-02-section .mobile-video-content { display: block; }

    .page-module-04-section .two-image-container, .page-module-20-section .two-image-container { flex-wrap: wrap; }

    .page-module-04-section .two-image-container .item, .page-module-20-section .two-image-container .item { width: 100%; }

    .page-module-04-section .two-image-container .item:last-child, .page-module-20-section .two-image-container .item:last-child { margin-top: 10px; }

    .page-module-12-section .buttons-row { flex-direction: column;justify-content: center; text-align:center; row-gap: 0.5rem;}
    
    .page-module-12-section .buttons-row .special-link { width: fit-content; min-width: 12rem; margin-left: auto;margin-right: auto;}

    .page-module-18-section .row { flex-wrap: wrap; }

    .page-module-18-section .item { width: 48.5%; margin-top: 50px; }

    .page-module-18-section .item:nth-child(1), .page-module-18-section .item:nth-child(2) { margin-top: 0; }

    .reports-customized-modal-section .modal .container iframe { height: 600px; }
}

@media (max-width: 768px) {
    .page-module-11-section .logo-item:nth-child(2) { margin-top: 30px; }

    .page-module-18-section .item { width: 100%; }

    .page-module-18-section .item:nth-child(2) { margin-top: 50px; }

    .module-02-section video { height: 400px; }
    
    .page-module-06-section .desktop-video-content { display: none; }
    
    .page-module-06-section .mobile-video-content { display: block; }
}

@media (max-width: 660px) {
    .page-module-27-section img { max-width: 100%; }
}

@media (max-width: 575px) {
    .reports-customized-modal-section .modal .container iframe { height: 363px; }
    
    .module-02-section video { height: 260px; }
}

.sort-by-selector { 
    position: relative; 
    left: 10px; 
    outline: none; 
    border: 0; 
    text-decoration: underline; 
    font-family: 'Suisse Int’l Regular', sans-serif; 
    margin-bottom: 28px; 
    letter-spacing: -0.4px; 
    font-size: 15px; 
    line-height: 1.5; 
    cursor: pointer;
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    text-indent: 1px; 
    text-overflow: ''; 
    padding: 0 10px; 
    text-align: right;
    background: transparent !important;
    background-color: transparent !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    color: black!important;
}

.sort-by-selector option { text-align: right; }

.no-results-found a { color: #171a18; border: 1px solid #171a18; display: table; margin: auto; border-radius: 20px; padding: 3px 20px; margin-top: 40px; min-width: 120px; text-align: center; }

.no-results-found a:hover { background: var(--primary); border-color: var(--primary); }

.calendar-tab { cursor: pointer; }

.calendar-tab.active { border-bottom: 4px solid #000; }

.news-container-section .calendar-tab-content { display: none; }

.news-container-section .calendar-tab-content.active { display: block; }

.searcher-box-section { padding-top: 100px; padding-bottom: 370px; background: #151515; }

.searcher-box-section .container { width: 100%; }

.searcher-box-section .main-title { text-decoration: underline; text-underline-offset: 12px; color: #fff; letter-spacing: 1.76px; }

.searcher-box-section .main-title span { color: var(--primary); }

.searcher-box-section .searcher-box-content { position: relative; padding-top: 240px; }

.searcher-box-section .searcher-box-content .you-text { color: var(--primary); font-family: Times Now SemiBold Italic; font-size: 22px; }

.searcher-box-section .searcher-box-content .text-01 { position: absolute; top: 90px; left: 120px; max-width: 300px; text-align: center; line-height: 1.4; }

.searcher-box-section .searcher-box-content .text-01 a { color: #fff; letter-spacing: 1.76px; }

.searcher-box-section .searcher-box-content .text-02 { position: absolute; top: 110px; right: 100px; max-width: 300px; text-align: center; line-height: 1.4; }

.searcher-box-section .searcher-box-content .text-02 a { color: #fff; letter-spacing: 1.76px; }

.searcher-box-section .searcher-box-content .text-03 { position: absolute; top: 230px; right: 200px; max-width: 210px; text-align: center; line-height: 1.4; }

.searcher-box-section .searcher-box-content .text-03 a { color: #fff; letter-spacing: 1.76px; }

.searcher-box-section .searcher-box-content .text-04 { position: absolute; top: 365px; right: 300px; max-width: 210px; text-align: center; line-height: 1.4; }

.searcher-box-section .searcher-box-content .text-04 a { color: #fff; letter-spacing: 1.76px; }

.searcher-box-section .searcher-box-content .text-05 { position: absolute; top: 495px; right: 425px; max-width: 300px; text-align: center; line-height: 1.4; }

.searcher-box-section .searcher-box-content .text-05 a { color: #fff; letter-spacing: 1.76px; }

.searcher-box-section .searcher-box-content .text-06 { position: absolute; top: 405px; left: 360px; max-width: 300px; text-align: center; line-height: 1.4; }

.searcher-box-section .searcher-box-content .text-06 a { color: #fff; letter-spacing: 1.76px; }

.searcher-box-section .searcher-box-content .text-07 { position: absolute; top: 412px; left: 162px; max-width: 300px; text-align: center; line-height: 1.4; }

.searcher-box-section .searcher-box-content .text-07 a { color: #fff; letter-spacing: 1.76px; }

.searcher-box-section .searcher-box-content .line-01 { position: absolute; top: 140px; left: 420px; }

.searcher-box-section .searcher-box-content .line-02 { position: absolute; top: 110px; right: 300px; }

.searcher-box-section .searcher-box-content .line-03 { position: absolute; top: 245px; right: 360px; }

.searcher-box-section .searcher-box-content .line-04 { position: absolute; top: 295px; right: 420px; }

.searcher-box-section .searcher-box-content .line-05 { position: absolute; bottom: -200px; left: 620px; }

.searcher-box-section .searcher-box-content .line-06 { position: absolute; bottom: -115px; left: 500px; }

.searcher-box-section .searcher-box-content .line-07 { position: absolute; bottom: -118px; left: 244px; width: 300px; }

.searcher-box-section .searcher-box-content .text-01 a,
.searcher-box-section .searcher-box-content .text-02 a,
.searcher-box-section .searcher-box-content .text-03 a,
.searcher-box-section .searcher-box-content .text-04 a,
.searcher-box-section .searcher-box-content .text-05 a,
.searcher-box-section .searcher-box-content .text-06 a,
.searcher-box-section .searcher-box-content .text-07 a { transition: all 0.6s; }

.searcher-box-section .searcher-box-content .text-01 a:hover,
.searcher-box-section .searcher-box-content .text-02 a:hover,
.searcher-box-section .searcher-box-content .text-03 a:hover,
.searcher-box-section .searcher-box-content .text-04 a:hover,
.searcher-box-section .searcher-box-content .text-05 a:hover,
.searcher-box-section .searcher-box-content .text-06 a:hover,
.searcher-box-section .searcher-box-content .text-07 a:hover { color: var(--primary); }

.is-spanish-section.searcher-box-section .searcher-box-content .text-01 { left: 220px; }

.is-spanish-section.searcher-box-section .searcher-box-content .text-02 { right: 115px; }

.is-spanish-section.searcher-box-section .searcher-box-content .text-03 { right: 180px; }

.is-spanish-section.searcher-box-section .searcher-box-content .text-04 { right: 322px; }

.is-spanish-section.searcher-box-section .searcher-box-content .text-06 { left: 432px; }

.is-spanish-section.searcher-box-section .searcher-box-content .text-07 { left: 82px; }

@media (max-width: 1500px) {
    .searcher-box-section .searcher-box-content { transform: scale(0.9); }
}

@media (max-width: 1380px) {
    .searcher-box-section .searcher-box-content .text-05 { right: 450px; }
}

@media (max-width: 1200px) {
    .searcher-box-section { display: none; }
}

/* end extra styles */

/* THE TEAM STYLES NEW start */

.modals-section.modal-new .modal {height: 100vh; overflow: scroll; padding: 0;}

.modal-wrapper .container {max-width: 1200px; padding: 0; background: none; height: unset;  padding-top: 90px; overflow: unset;}

.modal-wrapper .container .modal-content {padding: 50px; gap: 50px; background-color: white;  margin: auto; align-items: stretch}

.modal-wrapper .container .modal-content .modal-texts .texts-header { padding-bottom: 20px; }

.modal-wrapper .container .modal-content .modal-texts .texts-header * {text-align: left;}

.modal-wrapper .container .modal-content .modal-texts .texts-header h2 {font-size: 70px; margin-bottom: 0;}

.modal-wrapper .container .modal-content .modal-texts {width: 55%; display: flex; flex-direction: column;}

.modal-wrapper .container .modal-content .modal-texts .modal-description { margin: 0; }

.modal-wrapper .container .modal-content .modal-texts .modal-description p {font-size: 16px;}

.modal-wrapper .container .modal-content .modal-image {width: 45%;}

.modal-wrapper .container .modal-content .modal-image img {width: 100%; height: 100%; object-fit: cover;}

.modal-wrapper .container .modal-content .modal-subtitle {margin: 0;}

.modal-wrapper .container .modal-content .modal-department {margin: 0; font-size: 16px;}

.modal-wrapper .container .modal-content .modal-links {margin-top: 30px; gap: 10px; flex-wrap: wrap;}

@media (max-width: 992px){
    .modal-wrapper .modal-links {flex-direction: column; align-items: center;}
    
    .modal-wrapper .modal-links p {align-self: center; margin-bottom: 30px;}
    
    .modal-wrapper .container {padding-top: 0;}

    .modal-wrapper .container .modal-content {flex-wrap: wrap; }

    .modal-wrapper .container .modal-content .modal-texts {width: 100%; text-align: center;}

    .modal-wrapper .container .modal-content .modal-texts .texts-header * {text-align: center;}

    .modal-wrapper .container .modal-content .modal-image {width: 100%; order: -1; height: 600px;}
    
      .modal-wrapper .container .modal-content .modal-texts .texts-header h2 { font-size: 55px; }
}

@media (max-width: 768px) {
  .modal-wrapper .container .modal-content .modal-image { height: 520px; }

  .modal-wrapper .container .modal-content .modal-texts .texts-header h2 { font-size: 48px; }
}


@media (max-width: 575px) {
  .modal-wrapper .container .modal-content .modal-image { height: 430px; }
}

@media (max-width: 480px) {
  .modal-wrapper .container .modal-content .modal-image { height: 330px; }
}



/* THE TEAM STYLES NEW end */



/* REPORTS FLIPBOOK STYLES start */

main.reports-page .loadPdfBtn {
    /* margin: 5px; */
    background: #444;
    color: white;
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

main.reports-page .loadPdfBtn:hover {
    background: #666;
}

@media(max-width: 1200px) {
    main.reports-page .loadPdfBtn {display: none!important;}
}

main.reports-page .toolbar {
    margin: 20px auto;
    background: #555;
    padding: 8px 15px;
    border-radius: 4px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    user-select: none;
    flex-wrap: wrap;
    position: sticky;
    z-index: 99999;
    transition: .8s;
}


main.reports-page .toolbar button {
    background: #777;
    border: none;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}

main.reports-page .toolbar button:hover {
    background: #999;
}

main.reports-page .flipbook {
    margin: auto;
    width: 800px;
    height: 530px;
    display: block;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    background: white;
    transition: width 0.3s ease, height 0.3s ease;
    cursor: pointer;
    overflow: hidden;
    min-height:530px
}

main.reports-page .flipbook .page {
    width: 400px;
    height: 530px;
    background-color: white;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    position: relative;
}

main.reports-page .zoom-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

main.reports-page .zoom-wrapper img {
    width: 100%;
    height: 100%;
    display: block;
    cursor: default;
}
main.reports-page .zoom-wrapper img:hover {
    cursor: zoom-in;
}

main.reports-page .close-modal-btn {
    background: none;
    padding: 0.5rem;
    border-radius: 59%;
    aspect-ratio: 1 !important;
    position: absolute;
    color: white;
    font-size: 1.5rem;
    border: 0;
    cursor: pointer;
    margin-right: 10%;
    margin-top: 4vh;
    right:14px
}

main.reports-page #containerFlipbooks {
    background: #000000c9;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 4vh;
    margin-bottom: 10vh;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
}
.loadingFlipbook{color:white}








/* Custom autoplay videos styles */
/* CSS para controles de video personalizados */
.desktop-video-content,
.mobile-video-content {
    position: relative;
}

.video-controls {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 20px;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pause-icon,
.play-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.sound-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}


/* Mostrar controles al hacer hover sobre el contenedor */
.desktop-video-content:hover .video-controls,
.mobile-video-content:hover .video-controls {
    opacity: 1;
}

/* Para dispositivos táctiles - mostrar controles al tocar */
.desktop-video-content.show-controls .video-controls,
.mobile-video-content.show-controls .video-controls {
    opacity: 1;
}

/* Ocultar el botón que no corresponde según el estado */
.video-controls .play-icon.hidden,
.video-controls .pause-icon.hidden {
    display: none;
}


/* begin youtube video section styles */

.youtube-banner-section { position: relative; width: 100%; height: 700px;} /* alto dinámico desde backend + estilso inline */

.youtube-banner-section .video-content { position: relative; height: 100%; /*margin-top: -115px; */}

/* .youtube-banner-section .video-content::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); pointer-events: none; } */

.youtube-banner-section .arbitrarily-placed-and-sized-parent-element { position: relative; width: 100%; height: 100%; }

.youtube-banner-section .video-embed-object-fit-cover img { width: 100%; height: 100%; object-fit: cover; }

.youtube-banner-section .video-embed-object-fit-cover { position: relative; right: 0; width: 100%; height: 100%; container-type: size; overflow: hidden; }

.youtube-banner-section .video-embed-object-fit-cover > iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; @container (min-aspect-ratio: 16/9) { height: 56.25cqw; } @container (max-aspect-ratio: 16/9) { width: 177.78cqh; } }

.youtube-banner-section .row { position: absolute; top: 50%; transform: translateY(-50%); width: 80%; max-width: 1200px; display:flex; flex-direction: column; margin: auto;}

.youtube-banner-section .row .block { width: 50%; }

/* .youtube-banner-section .row .first-block .breadcrumb-content .inner-content { column-gap: 15px; }

.youtube-banner-section .row .first-block .breadcrumb-content .divider-vertical-line { height: 16px; width: 1px; display: block; background: #fff; }

.youtube-banner-section .row .first-block .breadcrumb-content a i { transition: all 0.6s; }

.youtube-banner-section .row .first-block .breadcrumb-content a i:hover { color: var(--primary); } */

.youtube-banner-section .text-and-button-container {display: flex; justify-content: center;}

.youtube-banner-section .row .first-block * { color: #fff; }

.youtube-banner-section .row .first-block .text-content { text-align: center; padding-bottom: 15px;}

.youtube-banner-section .row .first-block h1 { margin-top: 20px; }

.youtube-banner-section .row .first-block h4 { font-size: 18px; margin-top: 5px; }

.youtube-banner-section .row .first-block .block-content { max-width: 435px; margin: auto;}

.youtube-banner-section .row .second-block img { margin: auto; cursor: pointer; }

.youtube-banner-section .arbitrarily-placed-and-sized-parent-element .mobile-video  { display: none;}

.youtube-banner-section .row .second-block .youtube-play-icon-mobile {display: none;}


@media (max-width: 1500px) {
    /* .youtube-banner-section .video-content { margin-top: -95px; } */
}

@media (max-width: 1380px) {

    .youtube-banner-section { height: 100vh; }

    .youtube-banner-section .arbitrarily-placed-and-sized-parent-element { height: 100%; }

    .youtube-banner-section .row .first-block h4 { font-size: 16px; }
}

@media (max-width: 992px){

    .youtube-banner-section { height: 715px; }

    /* .youtube-banner-section .video-embed-object-fit-cover img { height: 600px; } */

    .youtube-banner-section .row { flex-wrap: wrap; transform: none; top: 35%;}

    .youtube-banner-section .row .block { width: 100%; }

    .youtube-banner-section .row .first-block .block-content { max-width: 100%; }

    /* .youtube-banner-section .row .second-block { display: none; } */    

    .youtube-banner-section .row .first-block { text-align: center;}

    .youtube-banner-section .row .first-block .text-content { margin-bottom: 10px;}

    .youtube-banner-section .row .first-block h4 { margin-top: 5px; }

    .youtube-banner-section .row .second-block img {max-width: 60px;}

    .youtube-banner-section .arbitrarily-placed-and-sized-parent-element .desktop-video{ display: none;}

    .youtube-banner-section .arbitrarily-placed-and-sized-parent-element .mobile-video{ display: block;}

    .youtube-banner-section .row .second-block .youtube-play-icon-desktop {display: none;}

    .youtube-banner-section .row .second-block .youtube-play-icon-mobile {display: block;}

}


@media (max-width: 575px) {
    .youtube-banner-section h1 { font-size: 48px; }
}


.youtube-banner-section .video-embed-object-fit-cover {
    transition: opacity 0.3s ease;
}

.youtube-banner-section .video-embed-object-fit-cover img {
    transition: opacity 0.3s ease;
}

.youtube-banner-section .video-embed-object-fit-cover #youtube-player-desktop,
.youtube-banner-section .video-embed-object-fit-cover #youtube-player-mobile {
    width: 100% !important;
    height: 100% !important;
}

.youtube-banner-section .video-embed-object-fit-cover iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border: none;
}

@container (min-aspect-ratio: 16/9) {
    .youtube-banner-section .video-embed-object-fit-cover iframe {
        height: 56.25cqw;
    }
}

@container (max-aspect-ratio: 16/9) {
    .youtube-banner-section .video-embed-object-fit-cover iframe {
        width: 177.78cqh;
    }
}

.youtube-banner-section .row .second-block img {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.youtube-banner-section .row .second-block img:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.youtube-banner-section .video-embed-object-fit-cover > div {
    width: 100%;
    height: 100%;
    position: relative;
}

@media (max-width: 992px) {
    .youtube-banner-section .arbitrarily-placed-and-sized-parent-element .desktop-video {
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.1s ease;
    }
    
    .youtube-banner-section .arbitrarily-placed-and-sized-parent-element .mobile-video {
        opacity: 1;
        pointer-events: auto;
        transition: opacity 0.1s ease;
    }
}

@media (min-width: 993px) {
    .youtube-banner-section .arbitrarily-placed-and-sized-parent-element .mobile-video {
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.1s ease;
    }
    
    .youtube-banner-section .arbitrarily-placed-and-sized-parent-element .desktop-video {
        opacity: 1;
        pointer-events: auto;
        transition: opacity 0.1s ease;
    }
}

/* end youtube video section styles */