@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
    font-size: 18px;
    color: white;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background-color: #0d2443;
    /*ipad
    overflow-y: hidden !important;
    overscroll-behavior: none;
    touch-action: none;
    /* desactiva el scroll por touch */
}

body::-webkit-scrollbar {
    display: none;
}


/*
#smooth-wrapper {
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow-y: hidden !important;
    top: 0;
    left: 0;
    z-index: 0;
}*/


/*
#smooth-content {
    display: flex;
    height: 100vh;
    width: fit-content;
    flex-direction: row;
    will-change: transform;

}
*/

.scrollNow {
    position: fixed;
    top: 0;
    left: 0;
    width: 75px;
    height: 74px;
    background: url('../images/Scroll_white.svg');
    opacity: 0;
    z-index: 10000;
    user-select: none;
    pointer-events: none;
    background-size: cover;
    transform: translate(-50%, -50%);
}

.cursor-follower {
    position: fixed;
    top: 0;
    left: 0;
    width: 75px;
    height: 133px;
    background: url('../images/click___drag_dark_blue.svg');
    opacity: 0;
    z-index: 10000;
    user-select: none;
    pointer-events: none;
    background-size: cover;
    transform: translate(-50%, -50%);
}

.cursor-follower_white {
    position: fixed;
    top: 0;
    left: 0;
    width: 75px;
    height: 133px;
    background: url('../images/click___drag_white.svg');
    opacity: 0;
    z-index: 10001;
    user-select: none;
    pointer-events: none;
    background-size: cover;
    transform: translate(-50%, -50%);
}

.cursor-follower_learn {
    position: fixed;
    top: 0;
    left: 0;
    width: 75px;
    height: 74px;
    background: url('../images/learn.svg');
    opacity: 0;
    z-index: 10000;
    user-select: none;
    pointer-events: none;
    background-size: cover;
    transform: translate(-50%, -50%);
}

.cursor-follower_none {
    position: fixed;
    top: 0;
    left: 0;
    width: 75px;
    height: 74px;
    background: none;
    opacity: 0;
    z-index: 10000;
    user-select: none;
    pointer-events: none;
    background-size: cover;
}

.cursor-follower_learn_white {
    position: fixed;
    top: 0;
    left: 0;
    width: 75px;
    height: 74px;
    background: url('../images/learn_white.svg');
    opacity: 0;
    z-index: 10000;
    user-select: none;
    pointer-events: none;
    background-size: cover;
    transform: translate(-50%, -50%);
}

h1 {
    font-size: 56px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 54px;
    font-style: normal;
    text-align: left;
}

h2 {
    font-size: 56px;
    color: #0C2443;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 54px;
    font-style: normal;
    text-align: left;
}

h4 {
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 24px;
    font-style: normal;
    text-align: left;
}

h5 {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 18px;
    font-style: normal;
    text-align: left;
}

h6 {
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 20px;
    font-style: normal;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    padding-left: 5px;
    padding-bottom: 5px;
}

h6.ne {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    line-height: 16px;
    font-style: normal;
    text-align: left;
    border: 0px;
    background-color: transparent;
    margin-bottom: 5px;
    text-transform: none;
    margin-bottom: 60px;
    letter-spacing: inherit !important;
}

section {
    position: relative;
}

button:focus,
a:focus {
    outline: none;
}

.scroll-container {
    display: flex;
    height: 100vh;
    width: max-content;
}

.scroll-container section:not(.section_navigation):not(.section_footer):not(.section_navigation_float) {
    width: 100vw;
    height: 100vh;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}

.section_newsEvents .news-pin {
    width: 100%;
    height: 100%;
    background: tomato;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    color: white;
}

.section_navigation_float {
    background-color: #0d2544;
    color: white !important;
    height: 100%;
    width: 230px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 10px;
    z-index: 1030;
}

.section_navigation {
    background-color: #0D2443;
    color: white !important;
    height: 100%;
    width: 230px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 10px;
    z-index: 30;
}

.section_footer {
    background-color: #0D2443;
    color: white !important;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 350px;
    max-width: 100%;
    padding: 0px 35px;
    position: relative;
    z-index: 50;
}

.section_navigation::-webkit-scrollbar,
.section_footer::-webkit-scrollbar,
.postDragMobile::-webkit-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.section_landing {
    justify-content: start !important;
}

.section_landing.section_affiliates {
    justify-content: center !important;
}

.section_landing.section_affiliates .infoSection {
    margin-left: 200px;
    width: 600px;
}

.section_landing .infoSection {
    margin-left: 120px;
    width: 640px;
}

.section_landing.section_alec .infoSection {
    margin-left: 300px;
    width: 600px;
}

.section_pillars {
    justify-content: end !important;
}

.section_getInvolved {}

.section_newsEvents {
    position: relative;
}

.section_newsEvents .overlayColor {
    background: linear-gradient(to top, #0D2443 20%, #1B3D6D 100%);
    background-color: transparent;
    opacity: 1;
}

.section_social {
    z-index: 0;
    align-items: start !important;
}

.section_social .infoSection {
    width: 800px !important;
    max-width: 90%;
    padding-top: 110px;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 30;
    flex-direction: column;
}

.section_social .socialBar,
.section_alec .socialBar {
    margin-top: 0px;
}

.section_alec .socialBar a img {
    width: 30px;
    height: auto;
}

.section_committee .infoSection h2,
.section_social .infoSection h2,
.section_social .infoSection h2,
.section_newsEvents .infoSection h2,
.section_pillars .infoSection h2,
.section_landing .infoSection h2 {
    color: white;
}

.section_social .infoSection p,
.section_newsEvents .infoSection p,
.section_landing .infoSection p,
.section_pillars .infoSection p {
    color: white;
    margin-bottom: 20px !important;
}

.section_newsEvents .postDragItem:last-child {
    border-bottom: 0px;
}

.section_newsEvents .postDragItem {
    width: 100%;
    height: 100%;
}

.section_newsEvents .postDragItem:first-child {
    margin-top: 0px
}

.overlayIso {
    position: absolute;
    z-index: 6;
    width: 100%;
    height: 100%;
    background-image: url('../images/iso_bg_2.png');
    background-repeat: no-repeat;
    background-position-x: 30px;
    background-size: auto 95vh;
    background-position-y: center;
}

.overlayIso2 {
    position: absolute;
    z-index: 6;
    width: 100%;
    height: 100%;
    background-image: url('../images/iso_bg_g.png');
    background-repeat: no-repeat;
    background-position-x: 20vw;
    background-size: auto 130vh;
    background-position-y: 15vh;
}

.overlayColor {
    position: absolute;
    background-color: #1B3D6D;
    z-index: 1;
    opacity: 0.9;
    width: 100%;
    height: 100%;
}

.section_impact {
    display: flex;
    justify-content: space-between !important;
    padding: 0px 40px 0px 100px;
}

.section_end {
    background-color: #fff;
}

.gradientColor {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(to right, #FFC700 0%, #FF8A3D 20%, #D122A7 40%, #5C2E91 60%, #1A237E 80%, #0077D9 100%);
    opacity: 0.35;
}

.gradientOverlayNews {
    width: 100%;
    height: 100%;
    background: url("../images/gradientDrag.png") no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 15;
    left: 0px;
    top: 0px;
    z-index: 20;
}

.gradientOverlayPng2 {
    width: 100%;
    height: 100%;
    background: url("../images/About-UCI-gradient-D.png") no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 15;
    left: 0px;
    top: 0px;
    z-index: 20;
}

textarea {
    resize: none;
}

.imgBackground {
    width: 101%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.imgBackground img {
    width: 101%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    position: absolute;
    transition: all ease-in-out 1s;
}

.infoSection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    text-align: left;
    width: 400px;
    z-index: 50;
    position: relative;
    margin-left: 5vw;
}

.infoSection p {
    font-size: 18px;
    color: #0C2443;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 28px;
    font-style: normal;
    margin-top: 30px;
}

.postDragItem {
    position: relative;
}

.postDragItem:first-child {
    margin-top: 90px;
}

.postDragItem:last-child {
    border-bottom: 60px solid transparent;
}

.postDragImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 10;
}

.postDragInfo {
    position: absolute;
    bottom: 40px;
    left: 50px;
    z-index: 20;
    width: 420px;
}

.postDragInfo a {
    display: block;
    width: fit-content;
}

.postDragInfoNews {
    bottom: 40px;
    left: 50px;
    z-index: 20;
}

.postDragAffiliates {
    max-width: 1300px !important;
    padding-top: 40px;
    text-align: center;
}

.postDragAffiliates>div:first-of-type {
    display: flex !important;
    flex-direction: column;
    gap: 30px;
    width: 55%;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.postDrag:not(.postDragAffiliates)>div:first-of-type {
    display: flex !important;
    flex-direction: column;
    gap: 30px;
    width: 55%;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    max-width: 900px;
}

.postDrag {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: auto;
    height: 100%;
    overflow: hidden hidden !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    max-width: 1100px;
    padding-left: 100px;
    position: relative;
    z-index: 100;
}

.postDrag:not(.postDragAffiliates)>div:first-of-type {
    width: 700px !important;
    margin-right: 40px;
}

.section_af_affiliates.section_staff .postDragAffiliate>div:first-of-type {
    max-width: none !important;
}

.postDrag::-webkit-scrollbar {
    display: none;
}

.postDragInfo p,
.postDragInfoNews p {
    font-size: 14px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 22px;
    font-style: normal;
    margin-bottom: 15px;
}

.infoSectionLink a {
    display: block;
}

span.roll {
    position: relative;
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    color: inherit;
    /* usa el color del texto actual */
    text-decoration: none;
}

span.roll::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0%;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

span.roll:hover:after {
    width: 100%;
}

.infoSectionLink a,
.postDragInfo a,
.postDragInfoNews a,
.linkCircle a {
    font-size: 14px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 20px;
    font-style: normal;
    margin-bottom: 15px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}

a.btnCurvesBlue,
button.btnCurvesBlue {
    font-size: 14px;
    color: #0D2443;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 20px;
    font-style: normal;
    margin-bottom: 15px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    background-color: transparent;
    border: 0;
}

a.btnCurvesBlue::before,
button.btnCurvesBlue::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

a.btnCurvesBlue::before,
a.btnCurvesBlue::after,
button.btnCurvesBlue::before,
button.btnCurvesBlue::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

a.btnCurvesBlue::before,
button.btnCurvesBlue::before {
    left: 0;
    background-image: url('../images/ab_left_blue.png') !important;
}

a.btnCurvesBlue::after,
button.btnCurvesBlue::after {
    right: 0px !important;
    background-image: url('../images/ab_right_blue.png') !important;
    background-position-x: right;
}

a.btnCurvesWhite {
    font-size: 14px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 20px;
    font-style: normal;
    margin-bottom: 15px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}

a.btnCurvesWhite::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

a.btnCurvesWhite::before,
a.btnCurvesWhite::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

a.btnCurvesWhite::before {
    left: 0;
    background-image: url('../images/ab_left.png');
}

a.btnCurvesWhite::after {
    right: 0;
    background-image: url('../images/ab_right.png');
    background-position-x: right;
}

.postDragInfoNews a.btnCurvesWhite::after {
    right: 0px;
    background-image: url('../images/ab_right.png');
    background-position-x: right;
}

.infoSectionLink a::before,
.infoSectionLink a::after,
.postDragInfo a::before,
.postDragInfo a::after,
.postDragInfoNews a::before,
.postDragInfoNews a::after,
.linkCircle a::before,
.linkCircle a::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.infoSectionLink a::before,
.postDragInfo a::before,
.postDragInfoNews a::before,
.pillar_link.linkCircle a::before {
    left: 0;
    background-image: url('../images/ab_left.png');
}

.linkCircle a::before {
    left: 0;
    background-image: url('../images/ab_left_blue.png');
}

.infoSectionLink a::after,
.postDragInfo a::after,
.postDragInfoNews a::after,
.pillar_link.linkCircle a::after {
    right: 0;
    background-image: url('../images/ab_right.png');
    background-position-x: right;
}

.linkCircle a::after {
    right: 0;
    background-image: url('../images/ab_right_blue.png');
    background-position-x: right;
}

.circleSection .imgCircleItem .imgCircle img {
    position: absolute;
    z-index: 6;
    width: 45vw;
    height: 100vh;
    top: 0px;
    right: 0px;
    text-align: right;
    object-fit: cover;
    object-position: left;
}

.circleSection .imgCircleItem .imgCircle {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    text-align: right;
}

.circleSection {
    z-index: 50;
    height: 100%;
    width: 100%;
    position: relative;
}

.circleElement {
    position: absolute;
    z-index: 15;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    /*transition: all ease-in-out 400ms;*/
    /*background-color: white;*/
    background-image: url('../images/Gradient-bkgd2-D.jpg');
    background-position: left top;
    width: 290px;
    height: 290px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    overflow: hidden;
}

.titleCircle {
    font-size: 24px;
    color: #0C2443;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    position: relative;
    text-align: center;
    margin-top: 0px;
    line-height: 24px;
}

.imgCircleItem.active_3.circleItem_0 {
    position: relative;
    z-index: 11;
}

.copyCircle {
    font-size: 14px;
    color: #0C2443;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 22px;
    font-style: normal;
    position: relative;
    text-align: center;
    padding: 10px 35px;
}

.pillar_link.linkCircle a {
    color: #fff !important;
}

.linkCircle a {
    color: #0C2443 !important;
}

.linkCircle {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 22px;
    font-style: normal;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.active_0 .circleElement {
    right: 30vw;
    transform: translate(50%, -85px);
    top: -15vh;
    width: 170px;
    height: 170px;
}

.active_1 .circleElement {
    right: 40vw;
    transform: translate(50%, -85px);
    top: 15vh;
    width: 170px;
    height: 170px;
}

.active_2 .circleElement {
    right: 40vw;
    transform: translate(-10%, -50%);
    top: 50vh;
}

.active_3 .circleElement {
    right: 40vw;
    transform: translate(50%, -85px);
    top: 85vh;
    width: 170px;
    height: 170px;
}

.active_4 .circleElement {
    right: 30vw;
    transform: translate(50%, -85px);
    top: 110vh;
    width: 170px;
    height: 170px;
}

.imgCircleItem:not(.active_2) .copyCircle,
.imgCircleItem:not(.active_2) .linkCircle {
    display: none;
}

.section_getInvolved .infoSection {
    position: absolute;
    z-index: 2;
    left: 100px;
}

.quotesSectionHome .carousel {
    height: 100%;
}

.quotesSectionHome {
    background-color: rgba(27, 61, 109, 1);
    width: 530px;
    height: 530px;
    border-radius: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 1020;
    overflow: hidden;
    transform: translateX(-265px);
    left: 0px;
}

#quoteCarousel {
    padding: 0px 0px 0px 0px;
}

#quoteCarousel .carousel-inner {
    position: relative;
    height: 100%;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
}

.quoteImage {}

.quoteImage img {}

.quoteTitle {
    font-size: 20px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 28px;
    font-style: normal;
    position: relative;
    text-align: center;
    padding: 10px 105px;
}

.quoteTitle::after,
.quoteTitle::before {
    content: "";
    position: absolute;
    width: 28px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.quoteTitle::before {
    left: 70px;
    top: 28;
    background-image: url('../images/quote_le.png');
}

.quoteTitle::after {
    right: 70px;
    bottom: -0px;
    background-image: url('../images/quote_ri.png');
}

.quoteAuthor {
    font-size: 16px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    line-height: 22px;
    font-style: normal;
    position: relative;
    text-align: center;
}

.quoteSource {
    font-size: 14px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 22px;
    font-style: normal;
    position: relative;
    text-align: center;
    margin-top: 10px;
}

.pillarsSection {
    background-color: rgba(27, 61, 109, 0.8);
    width: 635px;
    height: 100%;
    position: relative;
    margin-left: 200px;
    display: flex;
    flex-direction: column;
    margin-right: 60px;
    z-index: 35;
}

.pillarItem {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 100%;
    padding-right: 50px;
}

.pillar_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.pillarsSectionContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    gap: 20px;
    z-index: 1000;
    margin-bottom: 0px;
}

.pillar_num {
    background-color: white;
    border-radius: 100%;
    width: 75px;
    height: 75px;
    font-size: 36px;
    color: #0C2443;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 22px;
    font-style: normal;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    transform: translateX(-50%);
}

.pillar_image {
    display: none;
    transform: translateX(-50%);
}

.pillar_title {
    font-size: 24px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.pillar_copy {
    display: none;
    font-size: 14px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin-left: -50px;
    margin-top: 10px;
}

.pillar_link {
    font-size: 14px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin-top: 20px;
    margin-left: 0px;
    display: none;
}

.pillarItem.active .pillar_title {
    margin-left: -50px;
}

.pillarItem.active .pillar_num {
    display: none;
}

.pillarItem.active .pillar_image {
    display: block;
}

.pillarItem.active .pillar_copy {
    display: block;
}

.pillarItem.active .pillar_link {
    display: block;
    margin-left: -50px;
}

.floatingImages {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 50;
    left: 230px;
}

.floatingImage_1 {
    position: absolute;
    z-index: 25;
    top: 50px;
    left: 350px;
    width: 175px;
    height: auto;
}

.floatingImage_2 {
    position: absolute;
    z-index: 25;
    bottom: -50px;
    left: 800px;
    width: 325px;
    height: auto;
}

.floatingImageAbout_1 {
    position: absolute;
    z-index: 25;
    top: 50px;
    right: 50px;
    width: 300px;
}

.floatingImageAbout_2 {
    position: absolute;
    z-index: 25;
    bottom: 10px;
    left: 900px;
    width: 230px;
}

.wave-container {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.svgLines {
    position: fixed;
    margin-left: -50px;
    bottom: -80px;
    z-index: 27;
}

.circleElementMobile {
    display: none;
}

.section_pillars_mobile {
    display: none;
}

.imagesCircleHidden {
    display: none;
}

.postDragMobile {
    display: none;
}

.postDragImage.postDragVideo {
    z-index: 19;
}

.postDragVideo iframe {
    width: 100%;
}

.dragArrowsMobile,
.dragArrowsMobile2 {
    display: none;
}

.toTopMobile {
    display: none
}

.infoSectionLink {}

.section_committee .infoSection {
    padding-left: 100px;
}

.section_committee .postDrag {
    padding-right: 100px;
}

.section_committee .postDragInfoNews a {
    display: block;
    width: fit-content;
}

.section_committee .postDragItem .postDragImage {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 10;
}

.section_committee .postDragItem {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_committee .postDragItem:last-child {
    border-bottom: 0px solid transparent;
}

.section_committee .postDragItem:first-child {
    margin-top: 0px !important;
}

.section_staff .postDrag:not(.postDragAffiliates)>div:first-of-type {
    max-width: 800px;
    padding-top: 20px;
}

.section_staff .postDragInfoNews a {
    display: block;
    width: fit-content;
}

.section_staff .postDragInfoNews h4,
.section_staff .postDragInfoNews p,
.section_staff .postDragInfoNews a {
    color: #0C2443;
}

.section_staff .postDragItem .postDragImage {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 10;
}

.section_staff .postDragItem {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
}

.section_staff .postDragItem:last-child {
    border-bottom: 0px solid transparent;
}

.section_staff .postDragItem:first-child {
    margin-top: 0px !important;
}

.section_staff .postDragItem .postDragInfoNews a::before {
    left: 0;
    background-image: url('../images/ab_left_blue.png') !important;
}

.section_staff .postDragItem .postDragInfoNews a::after {
    right: 0;
    background-image: url('../images/ab_right_blue.png') !important;
    background-position: right;
}

.section_committee {
    padding: 0px !important;
}

.expandInfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 200;
    width: 100%;
    height: 100%;
}

.section_committee .expandInfo {
    background-color: #0D2443;
}

.section_staff .expandInfo {
    background-color: #F5B74E;
}

.expandCircle {
    width: 1300px;
    background-color: #FFFBF2;
    border-radius: 50%;
    height: 1300px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.expandInfoContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    max-width: none;
}

.expandInfoContent {}

.expandInfoContent h4 {
    color: #0C2443;
}

.expandInfoContent h5 {
    color: #0C2443;
}

.expandInfoContent p {
    color: #0C2443;
    font-size: 14px;
    width: auto;
    max-width: 520px;
    max-height: 30vh;
    overflow: auto;
    padding: 10px 20px 0px 0px;
}

.expandClose {
    position: absolute;
    top: 400px;
    right: 120px;
    cursor: pointer;
}

.expandInfoContent .expandInfoLinks {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.expandInfo {
    display: none
}

.infoHidden {
    display: none
}

.section_ourMission .infoSection h2 {
    margin-left: auto;
    margin-right: auto;
}

.section_ourMission .infoSection {
    border-radius: 50%;
    padding: 90px;
    background-color: #782B90;
    text-align: center;
    width: 675px;
    height: 675px;
    margin-left: 350px;
}

.section_aboutTeam .infoSection h2 {
    margin-left: auto;
    margin-right: auto;
}

.section_aboutTeam .infoSection {
    text-align: center;
    width: auto;
    max-width: 600px;
    margin: 150px auto 100px auto;
}

.section_aboutTeam .infoSection .infoSectionLink {
    display: block;
    margin: 0 auto;
}

.section_UCIrvine.section_landing {
    justify-content: end !important
}

.section_UCIrvine.section_landing .infoSection {
    margin-left: 0px;
    margin-right: 200px;
    width: auto;
    max-width: 485px;
}

.section_af_affiliates {
    background-color: #F5B74E;
    padding: 0px 60px 0px 80px;
}

.section_staff.section_af_affiliates .postDragItem {
    height: auto
}

.feedFacebook {
    width: 100%;
    font-size: 14px;
    color: #111;
    background-color: #fff;
    padding: 20px;
    text-align: left;
    height: 100%;
    z-index: 20;
    position: relative;
}

.feedInsta {
    width: 100%;
    font-size: 18px;
    color: #111;
    text-align: left;
    height: 100%;
    z-index: 20;
    position: relative;
}

.socialBar a {
    text-decoration: none;
}

.gradientLayerColor {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    background-image: url('../images/gradients/Header-rainbow-gradient-D.png');
    background-size: cover;
}

.gradientBlack {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 4;
    background-image: url('../images/gradients/Header-dark-gradient-D.png');
    background-size: cover;
}

.quoteImage img {
    width: 160px;
}

.pillar_image img {
    width: 180px;
}

.video-thumbnail-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 100%;
    z-index: 20;
}

.video-thumbnail-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: white;
    text-shadow: 0 0 10px black;
    pointer-events: none;
    z-index: 40;
}


/* Lightbox styles */

.video-lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 36, 67, 1);
    justify-content: center;
    align-items: center;
}

.video-lightbox.active {
    display: flex;
}

.video-lightbox-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    background: #000;
}

.video-container iframe {
    width: 100%;
    height: 100%;
}

.video-container {
    width: 80vw;
    height: 80vh;
}

.close-lightbox {
    position: absolute;
    top: 0px;
    right: -60px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    z-index: 1000;
}

.imgAffiliates {
    width: 250px !important;
}

.col-sm-4.middleCol {
    transform: translateY(200px);
}

.postDragAffiliates .postDragItem h4.postDragLearn {
    text-align: center;
}

.postDragAffiliates .postDragItem a.postDragLearn {
    display: block;
    margin: 0 auto;
}

.postDragAffiliates .postDragItem {
    padding-bottom: 40px;
}

.postDragAffiliates .aLearnAffiliates::before {
    left: 10px !important;
}

.postDragAffiliates .aLearnAffiliates::after {}

.postDragAffiliates .aLearnAffiliates {
    padding-left: 25px;
    padding-right: 15px;
}

.expandInfo_title,
.expandInfo_department {
    margin-bottom: 0px;
}

.expandInfo_title {
    margin-top: 4px;
}

.section_af_affiliates .expandInfoContent h4 {
    margin-bottom: 4px;
}

.whiteContent {
    /*background-color: white;*/
    width: 40vw !important;
    display: flex;
    justify-content: end !important;
    align-items: center;
    padding-right: 130px;
    position: relative;
    margin-right: -5px;
}

.whiteContent .curve img {
    height: 100vh;
}

.whiteContent .curve {
    /*
    background-color: white;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    display: flex;
    justify-content: end !important;
    align-items: center;
    padding-right: 0px;
    padding-left: 0px;
    left: -15vw;
    z-index: 10;
    position: relative;
    width: 1300px;
    height: 1150px;
    */
    position: absolute;
    left: 1px;
    width: auto;
    height: 100vh;
    transform: translateX(-100%);
    z-index: 10;
    top: 0px;
}

.whiteContent .contentInner {
    font-size: 16px;
    color: #0C2443;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 26px;
    font-style: normal;
    text-align: left;
    height: 80vh;
    overflow-y: auto;
    width: 550px;
    position: absolute;
    z-index: 50;
    top: 10vh;
    right: 130px;
    padding-right: 40px;
    padding-top: 20px;
}

.section_meet .infoSection {
    width: auto;
}

.section_meet {
    padding: 0px 130px;
    width: 110vw !important;
}

.section_meet .postDragInfoNews h4 {
    text-align: center;
}

.section_meet .infoSection h4 {
    font-size: 20px;
    color: #0C2443;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    line-height: 24px;
    font-style: normal;
    text-align: left;
}

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

.sorting div {
    display: flex;
}

.infoSection .sorting button {
    font-size: 14px;
    color: #0C2443;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    line-height: 22px;
    font-style: normal;
    text-align: left;
    border: 0px;
    background-color: transparent;
    opacity: 0.5;
    padding-left: 0px;
    padding-right: 10px;
}

.infoSection .sorting b {
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    line-height: 24px;
    font-style: normal;
    text-align: left;
    border: 0px;
    background-color: transparent;
    display: block;
    margin-bottom: 5px;
}

.infoSection .sorting button.filterTag {
    color: #fff;
}

.infoSection .sorting button.active {
    font-weight: 600;
    opacity: 1;
}

.section_meet .postDrag.postDragBlue.postDragAffiliates {
    padding-left: 100px;
}

.postDragDefault .postDragItem:first-child {
    margin-top: 0px;
}

.postDragDefault .postDragItem:last-child {
    border-bottom: 0px solid transparent;
}

.postDrag .container {
    padding-top: 40px;
}


/*
.container>.row:first-of-type .postDragItem {
    margin-top: 40px;
}
*/

.container>.row:last-of-type .postDragItem {
    margin-bottom: 40px;
}

.section_default_images .postDrag {
    padding-left: 0px;
}

.section_default_images {
    width: auto !important;
}

.postDrag.postDragBlue.postDragDefault>div:first-of-type {
    width: 800px !important;
}

.expandInfoProfile {
    width: auto;
    max-width: 500px;
}

.postDragImagePartners {
    height: 300px;
    object-fit: cover;
    object-position: center;
}

.postDrag.postDragWhite.postDragPartners .postDragItem .postDragInfoNews a {
    width: fit-content;
    display: block;
}

.postDrag.postDragWhite.postDragPartners .postDragItem .postDragInfoNews.leCol a {
    margin-left: auto;
}

.postDrag.postDragWhite.postDragPartners .postDragItem .postDragInfoNews.leCol,
.postDrag.postDragWhite.postDragPartners .postDragItem .postDragInfoNews.leCol h4 {
    text-align: right;
}

.postDrag.postDragWhite.postDragPartners .postDragItem {
    height: 300px;
    object-fit: cover;
    object-position: center;
}

.postDrag.postDragWhite.postDragPartners {
    max-width: none;
}

.postDrag.postDragWhite.postDragPartners>div:first-of-type {
    width: auto !important;
}

.postDrag.postDragBlue.postDragPartners .postDragItem .postDragInfoNews a {
    width: fit-content;
    display: block;
}

.postDrag.postDragBlue.postDragPartners .postDragItem .postDragInfoNews.leCol a {
    margin-left: auto;
}

.postDrag.postDragBlue.postDragPartners .postDragItem .postDragInfoNews.leCol,
.postDrag.postDragBlue.postDragPartners .postDragItem .postDragInfoNews.leCol h4 {
    text-align: right;
}

.postDrag.postDragBlue.postDragPartners .postDragItem {
    height: 300px;
    object-fit: cover;
    object-position: center;
}

.postDrag.postDragBlue.postDragPartners {
    max-width: none;
}

.postDrag.postDragBlue.postDragPartners>div:first-of-type {
    width: auto !important;
}

.section_newsEvents.section_partners.section_celebrate .infoSection,
.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .infoSection {
    left: 40px;
}

.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .postDrag.postDragBlue.postDragPartners .postDragInfoNews.riCol {
    padding-right: 40px;
}

.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .postDrag.postDragBlue.postDragPartners .postDragInfoNews.leCol {
    padding-left: 40px;
}

.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .postDrag.postDragBlue.postDragPartners .postDragInfoNews.leCol,
.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .postDrag.postDragBlue.postDragPartners .postDragInfoNews.leCol h4,
.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .postDrag.postDragBlue.postDragPartners .postDragInfoNews.leCol a {
    text-align: left;
}

.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .postDrag.postDragBlue.postDragPartners .postDragInfoNews.leCol a {
    margin-left: 0px;
}

.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .postDrag.postDragBlue.postDragPartners>div:first-of-type {
    margin-right: 0px;
}

.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .infoSection h2,
.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .infoSection p,
.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .postDragItem,
.section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .infoSection {
    color: #0C2443 !important;
}

.section_newsEventsHome .postDrag>div:first-of-type {
    width: auto !important;
}

.section_newsEventsHome .postDrag .postDragItem {
    height: 300px;
    object-fit: cover;
    object-position: center;
}

.section_newsEventsHome .postDrag {
    max-width: none;
}

.section_newsEvents.section_partners.section_celebrate .postDragItem .postDragInfoNews a.btnCurvesWhite {
    margin-left: 0px;
}

.section_newsEvents.section_partners.section_celebrate .postDragItem .postDragInfoNews {
    padding-left: 40px;
    margin-top: -20px;
}

.section_newsEvents.section_partners.section_celebrate .postDragItem h5,
.section_newsEvents.section_partners.section_celebrate .postDragItem p,
.section_newsEvents.section_partners.section_celebrate .postDragItem h4 {
    text-align: left !important;
}

.section_research,
.section_curves {
    background-color: #0d2443;
}

.infoResearchColumns {
    display: flex;
    flex-direction: row;
    height: 70vh;
    overflow: hidden;
    width: 100vw;
    gap: 30px;
    padding: 0px 100px 0px 200px;
}

.infoColumn {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
    position: relative;
    z-index: 80;
}

.infoColumnInner {
    display: flex;
    flex-direction: column;
    height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
    justify-content: start;
    width: auto;
    min-width: 200px;
    padding-right: 0px;
    width: 100%;
    max-width: 300px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.infoColumnInnerImg {
    overflow-y: hidden;
    width: 50%;
}

.infoColumnInner h5 {
    font-size: 22px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500 !important;
    line-height: 24px;
    font-style: normal;
    text-align: left;
    border: 0px;
    background-color: transparent;
    display: block;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #F2A81D;
}

.infoColumnInnerList_list div:not(.linksResearchInfo) {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600 !important;
    line-height: 24px;
    font-style: normal;
    text-align: left;
    border: 0px;
    background-color: transparent;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    max-width: 300px;
}

.infoColumnInnerList_list a {
    display: block;
    width: fit-content;
}

.infoColumnInner img {
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top center;
}

.infoResearch h2:not(.partnershipsCircleInnerH2) {
    color: white;
}

.infoResearch2 {
    padding-top: 5vh;
    padding-bottom: 2vh;
    margin-left: 220px;
}

.section_impact.section_research .infoSection {
    width: 500px;
    margin-left: 30vw;
}

.infoColumnInnerC {
    display: flex;
    flex-direction: column;
    justify-content: start;
    width: auto;
}

.infoColumnInnerC img {
    width: auto;
    max-width: 100%;
}

.infoCurvesColumns {
    display: flex;
    flex-direction: row;
    width: 85vw;
    z-index: 30;
}

.infoCurves {
    display: flex;
    flex-direction: row;
    width: 70vw;
    margin-left: 200px;
    position: relative;
    z-index: 500;
}

.section_careers {
    justify-content: start !important;
    padding: 100px;
}

.section_careers * {
    color: white !important;
}

.carrersInfo {
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    width: 100%;
    padding-left: 10vw;
}

.infoColumnInnerCList_list a {
    display: block;
    width: fit-content;
}

.infoColumnInnerCList_list div {
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    line-height: 28px;
    font-style: normal;
    text-align: left;
    border: 0px;
    background-color: transparent;
    display: block;
    margin-bottom: 10px;
}

.infoColumnInnerCList_list h5 {
    font-size: 44px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500 !important;
    line-height: 46px;
    font-style: normal;
    text-align: left;
    border: 0px;
    background-color: transparent;
    display: block;
    margin-bottom: 5px;
}

.infoCurvesColumns .infoColumn {
    flex-direction: column;
    gap: 80px
}

.infoColumnInnerCList_list.infoColumnInnerCList_list_0 {
    padding-right: 50px;
}

.infoColumnInnerCList_list.infoColumnInnerCList_list_1 {
    padding-left: 50px;
}

.carrerInfoColumns {
    display: flex;
    flex-direction: row;
    gap: 50px;
}

.careersLi {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 30px 40px;
}

.carrersInfo h2 {
    font-size: 50px;
    padding-bottom: 0px;
    left: 0px;
    position: relative;
}

.carrerInfoColumns h5 {
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    line-height: 24px;
    font-style: normal;
    text-align: left;
    border: 0px;
    background-color: transparent;
    display: block;
    margin-bottom: 30px;
}

.careersLi .itC {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 20px;
    opacity: 0;
    left: 0px;
    position: relative;
}

.careersLi .itC .icon-wrapper img {
    width: 100%;
    max-width: 80px;
}

.careersLi .itC span {
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    line-height: 18px;
    font-style: normal;
    text-align: left;
    border: 0px;
    background-color: transparent;
    margin-bottom: 5px;
}

.quotesSectionHome.quotesSectionEducate {
    margin-left: -40%;
}

.quotesSectionHome.quotesSectionEducate #quoteCarousel {
    padding: 0px;
}

.quotesSectionHome.quotesSectionEducate #quoteCarousel .carousel-inner {
    display: flex;
    align-items: center;
}

.section_impact.section_educate .infoSection {
    left: 0px;
}

.section_research.section_partnerships .infoResearch {
    position: relative;
    z-index: 1;
    width: 75%;
    height: 90%;
    margin: 0 auto;
}

.partnershipsLogos {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    margin-left: 80px;
}

.partnershipsLogos img {
    position: absolute;
    width: auto;
    max-width: 240px;
    z-index: 10;
}

.partnershipsLogos .partnershipsLogos_1 {
    left: 100px;
    top: 50px;
}

.partnershipsLogos .partnershipsLogos_2 {
    left: 50%;
    top: 0px;
    transform: translate(-50%, 0);
}

.partnershipsLogos .partnershipsLogos_3 {
    right: 100px;
    top: 50px;
}

.partnershipsLogos .partnershipsLogos_4 {
    left: 0;
    top: 45%;
    transform: translate(0, -50%);
}

.partnershipsLogos .partnershipsLogos_5 {
    right: 0;
    top: 45%;
    transform: translate(0, -50%);
}

.partnershipsLogos .partnershipsLogos_6 {
    left: 100px;
    bottom: 50px;
}

.partnershipsLogos .partnershipsLogos_7 {
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, -50%);
}

.partnershipsLogos .partnershipsLogos_8 {
    right: 100px;
    bottom: 50px;
}

.partnershipsCircle {
    position: absolute;
    width: 30vw;
    height: 30vw;
    border-radius: 100%;
    background-color: white;
    z-index: 15;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    max-height: 500px;
    margin-left: 80px;
}

.partnershipsCircleInner h2,
.partnershipsCircleInner {
    color: #0C2443 !important;
    margin-bottom: 0px;
    padding-bottom: 10px;
    text-align: center;
    margin-top: 20px;
}

.partnershipsCircleInner {
    color: #0C2443 !important;
    padding: 30px 100px;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section_research.section_partnerships .gbGrads {
    background: linear-gradient(to top, #2D7FC3, #1E365F, #632F81, #BC4388, #F8C731);
    position: absolute;
    top: -10vh;
    left: 0px;
    width: 100%;
    height: 130vh;
    z-index: 1;
}

.section_getInvolved.section_mobilize .infoSection p,
.section_getInvolved.section_mobilize .infoSection h2 {
    color: white !important;
}

.profileInfo {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}

.profilePic img {
    width: auto;
    max-width: 100px;
}

.profileInfoInner h4,
.profileInfoInner h4 a {
    font-size: 16px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 16px;
    font-style: normal;
    position: relative;
    text-align: left;
    color: #0C2443;
    text-decoration: none;
}

.whiteContent .contentInner {
    display: flex;
    flex-direction: column;
    gap: 0px;
    justify-content: center;
}

.whiteContent .contentInner .contentInner2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto;
}

.whiteContent .contentInner .btnCurvesBlue {
    display: block;
    width: fit-content;
}

.contactInfoSection h2 {}

.contactInfoSection {
    background-color: #FFFFFF;
    opacity: 0.92;
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%;
    padding: 100px;
    z-index: 29;
    font-size: 18px;
    color: #0C2443;
    width: 840px;
    height: 840px;
    max-width: 100vw;
    max-height: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-left: 180px;
    padding-top: 140px;
}

.contactInfoSection .wpcf7-form-control {
    border: 1px solid #0C2443;
    border-radius: 12px;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.contactInfoSection label span:not(.wpcf7-form-control-wrap) {
    width: 70px;
}

.contactInfoSection label {
    font-size: 16px;
    display: flex;
    gap: 20px;
}

.contactInfoSection p:nth-child(5) label {
    font-size: 16px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.contactInfoSection p:nth-child(4) span.wpcf7-form-control-wrap {}

.contactInfoSection select.wpcf7-form-control {
    background-color: white;
    padding-top: 3px;
    padding-bottom: 3px;
}

.contactInfoSection input.wpcf7-form-control,
.contactInfoSection select.wpcf7-form-control,
.contactInfoSection .wpcf7-form-control-wrap {
    width: 100%;
}

.contactInfoSection textarea.wpcf7-form-control {
    height: 140px;
    width: 100%;
    padding: 20px;
}

.section_end.section_contact {
    justify-content: start !important;
    position: relative;
}

.section_end.section_contact .infoSection {
    color: white;
    width: auto;
    padding-left: 100px;
    max-width: 740px;
    margin-left: 10vw;
}

.section_end.section_contact .infoSection h2,
.section_end.section_contact .infoSection p,
.section_end.section_contact .infoSection a {
    color: white;
    text-decoration: none;
}

.section_end.section_contact .midCircle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top;
}

.section_end.section_contact .overlayIso {
    background-size: auto 100vh;
    background-position: 25vw;
}

.section_end.section_contact .midCircle {
    position: absolute;
    z-index: 10;
    right: -250px;
    top: 0px;
    text-align: right;
    width: 45vw;
    height: 100vh;
}

.section_newsEvents.section_newsEventsHome .infoSection {
    padding-left: 100px;
    width: 500px;
    margin-left: 180px;
}

.section_newsEvents.section_partners .infoSection {
    margin-left: 300px;
}

.postDragInfoNews p {
    font-size: 12px;
}

.postDragInfoNews a {
    display: block;
    width: fit-content;
}

.postDragInfoNews h4 {
    font-size: 22px;
}

.section_impact {
    background-position-x: 30vw !important;
}

.postDrag.postDragBlue.postDragAffiliates .postDragInfoNews h4 {
    text-align: center;
}

.section_impact .infoSection {
    margin-left: 300px;
}

.section_impact .postDragInfo {
    left: 30px;
    bottom: 22px;
    width: 470px;
}

.section_impact .postDragInfo p {
    font-size: 12px;
    line-height: 18px;
}


/*
a {
    position: relative;
    text-decoration: none;
    color: inherit;
}

a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

a:hover::after {
    width: 100%;
}
*/


/*
.nav-toggle {
    position: relative;
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

.nav-toggle::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

.nav-toggle:hover::after {
    width: 100%;
}
*/

span.rollover {
    position: relative;
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

span.rollover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

.nav-section.active .nav-toggle span.rollover::after {
    width: 100%;
}

span.rollover:hover::after {
    width: 100%;
}

.nav-toggle {
    transition: all ease-in-out 300ms;
}

.nav-toggle:hover {
    color: #F2A81D !important;
}

.nav-section.active .nav-toggle {
    color: #F2A81D !important;
}

.nav-toggle:hover span.rollover {
    width: 100%;
}

.nav-section.active .nav-toggle span.rollover {
    width: 100%;
}

.submenu a {
    transition: all ease-in-out 300ms;
}

.nav-section .nav-toggle.active {
    color: #F2A81D !important;
}

.submenu a.active {
    color: #F2A81D !important;
}

.submenu a:hover,
.submenu a:active,
.submenu a:focus {
    color: #F2A81D !important;
}

.linkExpand.aLearnAffiliates {
    margin: 0 auto;
}

.section_af_affiliates.section_staff.section_meet .infoSection h2 {
    margin-bottom: 40px;
}

.section_landing.section_af_landing.section_af_landing_meet .infoSection {
    width: 700px;
}

.section_landing.section_af_landing.section_af_landing_meet.section_default .infoSection {
    width: 700px;
}

.section_landing.section_educate .infoSection {
    width: 750px;
}

.contentInner p {
    width: 100%;
}

.section_impact.section_research.section_mobilize .infoSection {
    margin-left: 15vw;
}

.section_impact.section_research.section_mobilize .postDrag {
    margin-right: 5vw;
}

.wpcf7-not-valid-tip {
    width: 100% !important;
    font-size: 13px !important;
}

.wpcf7-response-output {
    display: none;
}

.section_newsEvents.section_partners .overlayIso {
    background-position-x: 12vw;
}

.postDragItemMob {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.postDragItemMob .postDragInfoNews a.btnCurvesWhite,
.postDragItemMob .postDragInfoNews a.btnCurvesBlue {
    margin-bottom: 0px;
}

.postDragItemMob .postDragInfoNews {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dragPillars {
    display: none;
}

.dragGetInvolved {
    display: none
}

.section_getInvolvedRight .infoSection {
    left: 30vw;
}

.section_getInvolvedRightContact .infoSection {
    padding-left: 40px !important;
}

.section_getInvolvedRightContact .midCircle {}

.section_getInvolvedRight .circleSection {
    right: -350px;
}

.section_end.section_contact.section_getInvolvedRightContact {
    width: 80vw !important;
    display: flex;
}

.section_impactHome.section_impact .infoSection {
    margin-left: 13vw;
}

.section_impactHome.section_impact .postDrag {
    margin-right: 5vw;
}

.section_impactEducate.section_impact .infoSection {
    margin-left: 30vw;
}

.socialBar {
    position: relative;
    z-index: 99;
}

.contentInner2 p a {
    color: inherit;
    text-decoration: none;
}

.carousel-control-prev,
.carousel-control-next {
    z-index: 1000;
}

.section_pillars {
    gap: 100px;
}

.postDragImagePartners {
    height: auto;
}

.postDrag.postDragWhite.postDragPartners .postDragItem {
    height: 100%;
    justify-content: center;
}

.goBackLabsA {
    text-decoration: none;
}

.goBackLabs {
    font-size: 18px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 28px;
    font-style: normal;
    margin-top: 30px;
    text-decoration: none;
}

.goBackLabs svg {
    width: 30px;
}

.socialBarTemplate.socialBar {
    margin-top: -10px;
    margin-bottom: 20px;
}

.infoSection.infoHome {
    width: 850px;
}

.infoResearch {
    position: relative;
    z-index: 99;
}

.mobileRotate {
    display: none;
}

@media (min-width: 601px) and (max-width: 1000px) {
    .mobileRotate {
        width: 100vw;
        height: 100vh;
        background: linear-gradient( 115deg, #F8C731, #BC4388, #632F81, #1E365F, #2D7FC3);
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10500;
        opacity: 1;
        transition: opacity 0.5s ease;
        display: flex;
        flex-direction: column;
    }
    .mobileRotate .imgRotate img {
        width: 100px;
    }
    .mobileRotate .imgRotate {
        display: none;
        margin: 40px;
        animation: rotateTablet 3s infinite ease-in-out;
        transform-origin: center center;
    }
    .rotateText {
        display: none;
        width: 300px;
        font-size: 20px;
        text-align: center;
    }
    .rotateText-mobile {
        display: block;
        width: 300px;
        font-size: 20px;
        text-align: center;
    }
    body.is-tablet .rotateText {
        display: block;
        width: 300px;
        font-size: 20px;
        text-align: center;
    }
    body.is-tablet .rotateText-mobile {
        display: none;
    }
    body.is-tablet .mobileRotate {
        width: 100vw;
        height: 100vh;
        background: linear-gradient( 115deg, #F8C731, #BC4388, #632F81, #1E365F, #2D7FC3);
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10500;
        opacity: 1;
        transition: opacity 0.5s ease;
        display: flex;
        flex-direction: column;
    }
    body.is-tablet .mobileRotate .imgRotate img {
        width: 100px;
    }
    body.is-tablet .mobileRotate .imgRotate {
        display: block;
        margin: 40px;
        animation: rotateTablet 3s infinite ease-in-out;
        transform-origin: center center;
    }
    @keyframes rotateTablet {
        0% {
            transform: rotate(0deg);
        }
        25% {
            transform: rotate(90deg);
        }
        50% {
            transform: rotate(90deg);
        }
        /* Pausa horizontal 2s */
        100% {
            transform: rotate(0deg);
        }
    }
}

@media (min-width: 901px) and (max-width: 1334px) {
    .section_newsEvents.section_partners.section_celebrate .postDragItem .postDragInfoNews {
        margin-top: 20px;
    }
    .postDragInfoNews p {
        font-size: 12px;
        line-height: 16px;
        margin-top: 0px !important;
    }
    .postDragAffiliates>div:first-of-type {
        width: auto
    }
    .postDrag.postDragBlue.postDragPartners .postDragItem.postDragItemCele {
        height: 100%;
    }
    .ps-5 {
        padding-left: 1rem !important;
    }
    .infoResearch2 {
        margin-left: 0px;
    }
    .infoResearchColumns {
        overflow: visible;
        padding: 0px 20px 0px 0px;
        transform: scale(0.8);
        transform-origin: left top;
    }
    .postDragItem.postDragItemFAS {
        padding: 0px 10px;
    }
    .icon-wrapper {
        width: 70px;
    }
    .infoCurves {
        width: 100vw;
    }
    .infoCurvesColumns .infoColumn {
        flex-direction: column;
        gap: 30px;
    }
    .section_staff .postDragItem img.postDragImage.postDragImageFAS {
        max-height: 200px;
        max-width: 100%;
    }
    .infoSection.infoSectionFAS {
        margin-left: 0px;
    }
    .expandInfoProfile {
        max-width: 300px;
    }
    .expandInfoContainer {
        max-width: 50%;
    }
    .postDrag:not(.postDragAffiliates)>div:first-of-type {
        width: 550px !important;
        margin-right: 100px;
    }
    .section_staff .postDragItem img.postDragImage {
        max-height: 200px;
    }
    .section_committee .postDragItem img.postDragImage {
        max-height: 200px;
    }
    .infoSectionListTeam.infoSection {
        margin-left: 120px;
    }
    .section_getInvolvedRight .infoSection {
        left: 5vw !important;
    }
    .section_getInvolvedRight .circleSection {
        right: -80px !important;
    }
    .section_UCIrvine.section_landing .infoSection {
        margin-right: 0px;
    }
    .section_research.section_partnerships .infoResearch {
        width: 95%;
        height: 100%;
    }
    .partnershipsCircle {
        width: 40vw;
        height: 40vw;
    }
    img.postDragImage {
        max-height: 350px;
    }
    .section_impactHome.section_impact .infoSection {
        margin-left: 50px !important;
    }
    .postDragInfoNews h4 {
        font-size: 18px;
    }
    .section_newsEvents.section_newsEventsHome .infoSection {
        margin-left: 80px;
    }
    .pillarsSection {
        margin-left: 50px;
        margin-right: 20px;
    }
    .pillarsSectionContent {
        margin-bottom: 50px;
    }
    .section_getInvolved .infoSection {
        left: 30px;
    }
    .section_newsEventsHome .postDrag .postDragItem {
        height: auto;
        padding-top: 0px !important;
        margin-bottom: 20px;
    }
    .contentInner.contentInnerLabs {
        justify-content: center;
        height: 70vh;
        margin-top: 30px;
    }
    .active_1 .circleElement {
        top: 20vh;
    }
    .active_3 .circleElement {
        top: 80vh;
    }
    .circleElement {
        scale: 0.8;
        transform-origin: top right;
    }
    .section_getInvolvedRight .circleSection {
        right: -200px;
    }
    .section_newsEvents.section_partners .infoSection {
        margin-left: 100px;
    }
    .section_end.section_contact.section_getInvolvedRightContact {
        width: 100vw !important;
    }
    .section_getInvolvedRight .infoSection {
        left: 15vw;
    }
    .section_committee .expandInfo {
        margin-left: 100px;
    }
    .section_staff .expandInfo {
        margin-left: 200px;
    }
    .section_end.section_contact .midCircle {
        right: -80px;
    }
    .contactInfoSection {
        scale: 1;
        transform: scale(0.7) translateY(-50%) translateX(-20%);
        transform-origin: top center;
    }
    .contactInfoResponse {
        scale: 0.8;
        margin-left: 70px;
    }
    .infoResearchColumns {
        width: auto;
    }
    .infoResearch {
        width: 100%;
    }
    .infoResearch,
    .partnershipsCircleInner {
        scale: 0.8;
    }
    .section_meet .postDrag.postDragBlue.postDragAffiliates {
        padding-left: 0px;
    }
    .carrersInfo {
        scale: 1;
        margin-right: 50px;
        transform: scale(0.7);
        transform-origin: left;
    }
    .infoCurves {
        scale: 0.7;
        margin-left: 0px;
    }
    .partnershipsLogos img {
        transform: scale(0.6);
    }
    .section_impactHome.section_impact .infoSection {
        margin-left: 200px
    }
    .postDrag {
        padding-left: 0px;
    }
    .section_committee .infoSection {
        padding-left: 0px;
    }
    .section_pillars {
        gap: 0px;
    }
    .section_impactEducate.section_impact .infoSection {
        margin-left: 200px;
    }
    .section_impact.section_research .infoSection {
        margin-left: 200px;
    }
    .section_impact.section_research.section_mobilize .infoSection {
        margin-left: 4vw;
    }
    .section_pillars .infoSection {
        margin-left: 20vw;
    }
    .whiteContent .contentInner {
        font-size: 14px;
    }
    .whiteContent .contentInner {
        right: 60px;
    }
    .whiteContent {
        width: 60vw !important;
    }
    .infoSection {
        transform: scale(0.7);
        transform-origin: left;
    }
    .floatingImageAbout_2,
    .floatingImageAbout_1,
    .floatingImage_2,
    .floatingImage_1 {
        transform: translateX(-50%) scale(0.7);
    }
    .quotesSectionHome {
        transform: translateX(-50%) scale(0.7);
    }
}

@media (min-width: 1335px) and (max-width: 1680px) {
    .section_getInvolvedRight .infoSection {
        left: 35vw;
    }
    .section_committee .expandInfo {
        margin-left: 100px;
    }
    .section_staff .expandInfo {
        margin-left: 200px;
    }
    .section_end.section_contact .midCircle {
        right: -150px;
    }
    .contactInfoSection {
        scale: 1;
        transform: scale(0.9) translateY(-50%) translateX(0%);
        transform-origin: top center;
    }
    .contactInfoResponse {
        scale: 0.8;
        margin-left: 70px;
    }
    .infoResearchColumns {
        width: auto;
    }
    .infoResearch,
    .partnershipsCircleInner {
        scale: 0.8;
    }
    .section_meet .postDrag.postDragBlue.postDragAffiliates {
        padding-left: 0px;
    }
    .carrersInfo {
        scale: 0.7;
        margin-right: 50px;
    }
    .infoCurves {
        scale: 0.7;
        margin-left: 0px;
    }
    .partnershipsLogos img {
        transform: scale(0.6);
    }
    .section_impactHome.section_impact .infoSection {
        margin-left: 200px
    }
    .postDrag {
        padding-left: 0px;
    }
    .section_committee .infoSection {
        padding-left: 0px;
    }
    .section_pillars {
        gap: 0px;
    }
    .section_impactEducate.section_impact .infoSection {
        margin-left: 200px;
    }
    .section_impact.section_research .infoSection {
        margin-left: 200px;
    }
    .section_impact.section_research.section_mobilize .infoSection {
        margin-left: 14vw;
    }
    .section_pillars .infoSection {
        margin-left: 20vw;
    }
    .whiteContent .contentInner {
        font-size: 14px;
    }
    .whiteContent .contentInner {
        right: 60px;
    }
    .whiteContent {
        width: 50vw !important;
    }
    .infoSection {
        transform: scale(0.7);
        transform-origin: left;
    }
    .floatingImageAbout_2,
    .floatingImageAbout_1,
    .floatingImage_2,
    .floatingImage_1 {
        transform: translateX(-50%) scale(0.7);
    }
    .quotesSectionHome {
        transform: translateX(-50%) scale(0.7);
    }
    .quotesSectionHome.quotesSectionEducate {
        margin-left: -30%;
    }
}

@media (min-width: 2000px) and (max-width: 2300px) {
    .whiteContent {
        width: 35vw !important;
    }
}

@media (min-width: 2301px) and (max-width: 2600px) {
    .carrersInfo {
        padding-left: 25vw;
    }
    .whiteContent {
        width: 35vw !important;
    }
    .section_impactHome.section_impact .infoSection {
        margin-left: 40vw;
    }
    .infoResearchColumns {
        display: flex;
        flex-direction: row;
        height: 70vh;
        overflow: hidden;
        width: 90vw;
        gap: 30px;
        padding: 0px 20px 0px 100px;
    }
    .infoColumnInner img {
        max-width: 400px;
        width: auto;
    }
}

@media (min-width: 2601px) {
    .quotesSectionHome.quotesSectionEducate {
        margin-left: -50%;
    }
    .carrersInfo {
        padding-left: 25vw;
    }
    .whiteContent {
        width: 25vw !important;
    }
    .section_impactHome.section_impact .infoSection {
        margin-left: 40vw;
    }
    .infoResearchColumns {
        display: flex;
        flex-direction: row;
        height: 70vh;
        overflow: hidden;
        width: 90vw;
        gap: 30px;
        padding: 0px 20px 0px 100px;
    }
    .infoColumnInner img {
        max-width: 400px;
        width: auto;
    }
}

.linksResearch {
    font-size: 14px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 20px;
    font-style: normal;
    margin-bottom: 15px;
    position: relative;
    text-decoration: none;
    transition: all ease-in-out 300ms;
    display: flex !important;
    align-items: center;
    margin-bottom: 10px !important;
    cursor: pointer;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    max-width: 300px;
}

.linksResearch:hover svg {
    fill: #F2A81D !important;
}

.linksResearch.rotated::after {
    transform: rotate(180deg);
    /* gira verticalmente */
}

li.donate a {
    font-size: 14px;
}

.btnCurvesBlueColor:hover {
    transform: scale(1.05);
    transform-origin: bottom center;
}

.btnCurvesBlueColor {
    font-size: 16px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    line-height: 26px;
    font-style: normal;
    padding: 7px 40px;
    text-align: center;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 10px;
    transition: all ease-in-out 300ms;
    border-radius: 18px;
    background: linear-gradient( to right, #d33d96 0%, #632f81 34%, #1e365f 68%, #2d7fc3 100%);
    width: fit-content;
    margin-bottom: 10px;
}

.contentInner.contentInnerLabs {
    align-self: center;
    display: grid;
    gap: 0px;
    justify-content: center;
}

body.is-tablet .section_landing.section_af_landing.section_af_landing_meet.section_default.IsQ .infoSection {
    width: 580px;
    margin-left: 60px;
}

body.is-tablet .linksResearchTitle {
    width: max-content;
}

body.is-tablet .linksResearchHeader {
    font-size: 17px !important;
}

body.is-tablet .section_ourMission .infoSection {
    margin-left: 100px;
}

body.is-tablet,
body.is-tablet #smooth-wrapper {
    overflow-y: hidden !important;
    width: 100vw !important;
    height: 100vh !important;
}

body.is-tablet .scroll-container {
    .touch-action: pan-y !important;
    cursor: grab !important;
}

body.is-tablet #smooth-content .pin-spacer {
    overflow: hidden !important;
}

body.is-tablet .careersLi .itC {
    opacity: 1 !important;
}

body.is-tablet .scrollNow {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(-50%, -50%) translate(320px, 80px);
    opacity: 0;
    width: 103px;
    height: 74px;
    background: url('../images/Scroll_white_arrow.svg');
}

body.is-tablet .floatingImages {
    display: none !important;
}

body.is-tablet .section_impact .postDragInfo {
    width: auto;
    padding-right: 100px;
}

body.is-tablet .postDragImage {
    filter: brightness(0.8);
}

body.is-tablet .container.containerMob {
    padding-bottom: 80px;
    max-width: 1100px !important;
}

body.is-tablet .postDrag.postDragBlue.postDragAffiliates .container.containerMob {
    padding: 0px;
}

.section_impact .postDragItem:first-child {
    margin-top: 40px;
}

.container.containerMob img.postDragImage {
    max-height: none !important;
}

.postDrag:not(.postDragAffiliates) .container.containerMob {
    gap: 0 !important;
    width: 100% !important;
}

.container.containerMob .postDragItem.postDragWhite {
    margin-bottom: 40px;
}

.section_impact .postDragImage {
    filter: brightness(0.8);
}

.linksResearchHeader {
    display: flex !important;
    align-items: center;
    /* centra verticalmente título y flecha */
    gap: 8px;
    /* separación entre título y flecha */
    cursor: pointer;
    user-select: none;
    width: 100%;
    font-size: 17px !important;
}


/* flecha como elemento separado (más controlable que ::after) */

.linksResearchArrow {
    width: 25px;
    height: 20px;
    display: inline-block;
    flex: 0 0 auto;
    /* no se estira */
    /* usamos mask para poder "colorear" el SVG con background-color */
    -webkit-mask: url('../images/research-lab-down-arrow.svg') no-repeat center / contain;
    mask: url('../images/research-lab-down-arrow.svg') no-repeat center / contain;
    background-color: #ffffff;
    /* color inicial */
    transition: transform .3s ease, background-color .22s ease;
}


/* hover: cambiar fill (al pasar sobre el header) */

.linksResearchHeader:hover .linksResearchArrow {
    background-color: #F2A81D;
}


/* estado abierto (toggle) */

.linksResearch.open .linksResearchArrow {
    transform: rotate(180deg);
}


/* contenido desplegable: ocupa línea completa y empuja abajo (no afecta al header) */

.linksResearchInfo {
    display: none;
    width: 100%;
    margin-top: 4px;
    font-weight: 400;
    color: white !important;
    padding-right: 20px;
}

.linksResearchInfo:hover {
    color: white !important;
}

.linksResearch:hover {
    color: #F2A81D;
}

.linksResearch:hover::after {
    background-color: #F2A81D;
}

.linksResearch.open .linksResearchArrow {
    transform: rotate(180deg);
}

.section_landing.isTheHome {
    overflow: hidden;
}

.section_landing.isTheHome .imgBackground .videoSectionVideo {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
}

.section_landing.isTheHome .imgBackground .videoSectionVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contentInner p:first-child b:first-child,
.contentInner p:first-child strong:first-child {
    font-size: 18px;
}

.whiteContentBG {
    position: relative;
    display: flex;
    background-image: url('../images/Gradient-bkgd2-D.jpg');
    background-position: left top;
}

.section_landing.isTheHome .infoSection.infoHome p,
.section_landing.section_landingAbout .infoSection p {
    font-size: 20px;
}

.section_landing.isTheHome .infoSection.infoHome div {
    font-size: 20px;
}

.section_landing.isTheHome .infoSection.infoHome p b:last-of-type {
    font-size: 41px;
    line-height: 45px;
    font-weight: 500;
    padding-top: 40px;
    display: block;
}


/*MOBILE*/

@media (max-width: 900px) {
    .section_landing.isTheHome .infoSection.infoHome p b:last-of-type {
        font-size: 25px;
        line-height: 33px;
    }
    .section_landing.isTheHome .imgBackground .videoSectionVideo video {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top center
    }
    .section_landing.isTheHome .imgBackground .videoSectionVideo::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgb(0, 0, 0) 38%, rgba(0, 0, 0, 0) 80%);
        pointer-events: none;
    }
    .section_landing.isTheHome .infoSection.infoHome p,
    .section_landing.section_landingAbout .infoSection p {
        font-size: 18px;
        line-height: 28px;
    }
    .section_landing.section_af_landing.section_af_landing_meet.section_default.IsQ {
        padding-bottom: 470px !important;
        min-height: 140vh;
        padding-top: 100px;
    }
    .contentInner.IsQ {
        padding-top: 110px !important;
    }
    .quotesSectionHome.quotesSectionEducate {
        margin-left: 0%;
    }
    .whiteContentBG {
        position: relative;
        display: flex;
        flex-direction: column;
        background-image: url('../images/Gradient-bkgd3-M.jpg');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .linksResearchTitle {
        width: max-content;
    }
    .infoSection.infoHome {
        min-height: 140vh !important
    }
    img.d-sm-none {
        display: block !important;
    }
    img.d-sm-block {
        display: none !important;
    }
    body.is-tablet,
    body.is-tablet #smooth-wrapper {
        overflow-y: visible !important;
        width: 100vw !important;
        height: 100vh !important;
    }
    body.is-tablet .scroll-container {
        .touch-action: pan-y !important;
        cursor: grab !important;
    }
    .socialBarTemplate.socialBar {
        margin-bottom: 50px;
    }
    .infoResearch2 {
        padding-top: 5vh;
        padding-bottom: 2vh;
        margin-left: 0px;
    }
    .goBackLabsA {
        display: block;
        margin-top: -60px;
    }
    .section_impact.section_research .infoSection {
        margin-left: 0px;
    }
    .gradientOverlayPng2 {
        width: 100%;
        height: 100%;
        background: url("../images/About-UCI-gradient-M.png") no-repeat;
        background-size: cover;
        position: absolute;
        z-index: 15;
        left: 0px;
        top: 0px;
        z-index: 20;
    }
    .scrollNow {
        display: none !important;
    }
    .section_impactHome.section_impact .infoSection {
        margin-left: 0px;
    }
    .section_impactEducate.section_impact .infoSection {
        margin-left: 0px;
        padding-top: 10vh;
    }
    .section_newsEvents.section_partners.section_celebrate.section_newsEventsSec,
    .section_newsEventsNews.section_newsEvents.section_partners.section_celebrate {
        padding-bottom: 40px;
    }
    .section_ourMission.section_landing .infoSection.infoSectionCircle {
        top: 55vh;
        z-index: 90;
    }
    .section_ourMission.section_landing {
        z-index: 200;
    }
    .section_end.section_contact.section_getInvolvedRightContact {
        width: 100vw !important;
        display: flex;
        position: relative;
    }
    .section_getInvolvedRight .infoSection {
        left: 450px;
    }
    .section_getInvolvedRight .circleSection {
        right: 0px;
    }
    .video-thumbnail-wrapper {
        width: 100%;
    }
    .section_landing.section_partners.section_cele {
        align-items: end !important;
        height: auto !important;
        min-height: 100vh !important;
    }
    .infoColumnInner img {
        width: auto;
        max-width: 150px;
    }
    .section_landing.section_research {
        height: auto !important;
        min-height: 110vh !important;
        align-items: end !important;
    }
    .mainH2_section_research {
        font-size: 38px;
    }
    .mainResearchH2 {
        font-size: 38px;
    }
    .section_landing.section_af_landing.section_af_landing_meet .infoSection {
        padding: 40px 30px 40px 30px;
    }
    .section_landing.section_af_landing.section_af_landing_meet .infoSection p {
        padding-bottom: 40px;
    }
    .section_landing.section_af_landing.section_af_landing_meet .infoSection h2 {
        font-size: 34px;
        line-height: 42px;
    }
    @keyframes horizontalWiggle {
        0%,
        100% {
            transform: translateX(0);
        }
        5% {
            transform: translateX(-10px);
        }
        10% {
            transform: translateX(10px);
        }
        15% {
            transform: translateX(-6px);
        }
        20% {
            transform: translateX(6px);
        }
        25% {
            transform: translateX(-3px);
        }
        30% {
            transform: translateX(3px);
        }
        35% {
            transform: translateX(0);
        }
    }
    .dragPillars {
        animation: horizontalWiggle 5s ease-in-out infinite;
        position: absolute;
        z-index: 50;
        top: -40px;
        width: 100%;
        text-align: center;
        display: block;
    }
    .dragGetInvolved {
        animation: horizontalWiggle 5s ease-in-out infinite;
        position: absolute;
        z-index: 50;
        bottom: 0px;
        width: 100%;
        text-align: center;
        left: 0px;
        display: block
    }
    .section_pillars_mobile_all {
        position: relative;
    }
    .dragArrowsMobile2 {
        display: block;
        position: absolute;
        left: 25px;
        bottom: 60px;
        z-index: 100;
        width: 100%;
    }
    .section_impact.section_research.section_mobilize .infoSection {
        margin-left: 0;
        padding-bottom: 10px;
    }
    .section_impact_postDragMobile .postDragInfo h4 {
        font-size: 24px;
        color: #0D2443;
        line-height: 24px;
        padding-top: 35px;
        font-weight: 400;
    }
    .section_impact .postDragInfo p {
        font-size: 16px;
        line-height: 24px;
    }
    .wpcf7 form.sent .wpcf7-response-output {
        border: none !important;
        padding: 0px 0px 20px 0px !important;
        margin: 0px;
        font-size: 16px;
        color: #0C2443 !important
    }
    .contactInfoSection select.wpcf7-form-control option {
        font-size: 13px !important;
    }
    .section_landing.section_af_landing.section_af_landing_meet.section_dfl .infoSection {
        width: auto;
        padding: 40px 30px 120px 30px;
    }
    .section_landing.section_af_landing.section_af_landing_meet.section_dfl .infoSection h2 {
        font-size: 37px;
        padding-top: 80px;
    }
    .section_footer button {
        margin-top: 20px;
        padding-left: 0;
    }
    .section_footer ul.ul-footer {
        padding-top: 17px;
    }
    .contactInfoResponse {
        display: none !important;
    }
    .wpcf7-response-output {
        display: block;
    }
    .section_af_affiliates.section_staff.section_meet .infoSection h2 {
        margin-bottom: 0px;
    }
    .whiteContent .curve img {
        display: none;
    }
    .section_impact {
        background-position-x: 0 !important;
        background-size: 110vw auto !important;
        background-position-y: 50px !important;
    }
    .infoResearch h2:not(.partnershipsCircleInnerH2) {
        margin-left: 0px;
    }
    .icon-wrapper {
        width: 50px;
    }
    .icon-wrapper img {
        min-width: 50px;
    }
    .carrersCol1 {
        padding-bottom: 60px;
    }
    .wpcf7 form .wpcf7-response-output {
        font-size: 16px;
        color: #dc3232 !important;
        border: 1px solid #dc3232 !important;
        border-radius: 12px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 0px !important;
    }
    .wpcf7-not-valid-tip {
        width: 100% !important;
        display: none !important;
    }
    .section_newsEventsHome.section_newsEvents {
        padding-top: 140px;
    }
    .section_newsEvents.section_newsEventsHome .infoSection {
        width: auto;
        padding-left: 30px;
        margin-left: 0;
    }
    .section_landing:not(.section_affiliates) {
        transform: translateY(80px);
        padding-bottom: 80px;
    }
    .section_end.section_contact .infoSection {
        color: white;
        width: auto;
        padding: 40px 40px 80px 40px;
        max-width: 740px;
        margin-left: 0;
    }
    .section_end.section_contact .midCircle {
        position: absolute;
        z-index: 10;
        right: 0px;
        top: unset;
        text-align: right;
        width: 100vw;
        height: auto;
        bottom: 0;
    }
    .section_landing.section_contact {
        height: auto !important;
        min-height: 140vh !important;
        padding-bottom: 80px;
    }
    .section_landing.section_contact .imgBackground {
        height: 50%;
    }
    .section_end.section_contact .imgBackground img {
        object-fit: cover;
        object-position: 0px 50px;
        height: 50%;
        width: 100vw;
    }
    .section_end.section_contact h2 {
        font-size: 36px;
        line-height: 36px;
    }
    .section_end.section_contact {
        height: auto !important;
        min-height: 120vh !important;
        padding-bottom: 40px;
        flex-direction: column;
        z-index: 15;
    }
    .section_end.section_contact .overlayIso {
        background-size: 100vw;
        background-position: 0;
    }
    .contactInfoSection h2 {
        color: #0D2443;
        padding-top: 50px;
    }
    .contactInfoSection {
        left: 50%;
        top: unset;
        width: 150vw;
        height: auto;
        max-width: none;
        max-height: none;
        padding: 40px 35vw 0px 35vw;
        transform: translate(-50%, 0%);
        bottom: 80px;
        z-index: 14;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .profileInfoInner h4,
    .profileInfoInner h4 a {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .profilePic img {
        width: auto;
        max-width: 85px;
    }
    .profileInfo {
        display: flex;
        gap: 10px;
        margin-bottom: 40px;
    }
    .partnershipsCircleInner {
        font-size: 16px;
    }
    .section_research.section_partnerships .gbGrads {
        background: linear-gradient(to top, #2D7FC3, #1E365F, #632F81, #BC4388, #F8C731);
        position: absolute;
        top: 0;
        left: 0px;
        width: 100%;
        height: 140vh;
        z-index: 1;
        height: 100%;
    }
    .section_impact.section_research.section_mobilize {
        z-index: 5;
    }
    .section_research.section_partnerships .infoResearch {
        position: relative;
        z-index: 2;
        width: 90%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        padding-bottom: 50px;
    }
    .section_research.section_partnerships {
        align-items: start !important;
        position: relative;
    }
    .partnershipsLogos {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 10;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 50px 40px;
        align-content: center;
        align-items: center;
        justify-items: center;
        padding: 0px 20px 0px 20px;
        margin-left: 0px;
    }
    .partnershipsLogos_1,
    .partnershipsLogos_2,
    .partnershipsLogos_3,
    .partnershipsLogos_4,
    .partnershipsLogos_5,
    .partnershipsLogos_6,
    .partnershipsLogos_7,
    .partnershipsLogos_8 {
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
    }
    .partnershipsCircle {
        position: relative;
        width: 130vw;
        height: 120vw;
        border-radius: 100%;
        background-color: white;
        z-index: 0;
        left: 50%;
        top: -10vh !important;
        transform: translate(-50%, 0%);
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        max-width: none;
        max-height: none;
        bottom: auto;
        margin-left: 0;
    }
    .partnershipsLogos img {
        position: relative;
        width: auto;
        max-width: 100%;
        z-index: 10;
    }
    .section_research.section_partnerships h2 {
        margin-top: 30px;
        font-size: 44px;
        line-height: 44px;
        padding-top: 20px;
    }
    .section_landing.section_mobilize {
        height: auto !important;
        min-height: 120vh !important;
        padding-bottom: 100px;
        align-items: end !important;
    }
    .section_landing.section_mobilize .infoSection {
        padding: 0px 40px 0vh 40px;
    }
    .careersLi .itC {
        opacity: 1;
    }
    .section_impact.section_educate .infoSection {
        left: 0px;
        margin-top: 15vh;
        display: block;
        position: relative;
        padding-bottom: 10px;
    }
    .careersLi .itC .icon-wrapper img {
        width: 100%;
        max-width: 50px;
    }
    .carrerInfoColumns {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .careersLi {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 15px 5px;
    }
    .careersLi .itC span {
        font-size: 16px;
        line-height: 18px;
    }
    .careersLi .itC svg {
        width: 50px;
        height: 50px;
    }
    .careersLi .itC {
        display: flex;
        gap: 10px;
        justify-content: start;
        align-items: center;
    }
    .carrersInfo {
        position: relative;
        z-index: 20;
        width: 100%;
        display: block;
        padding-bottom: 0vh;
        margin-left: 0px;
        padding-left: 0px;
    }
    .carrersInfo h2 {
        font-size: 36px;
        line-height: 38px;
        padding-bottom: 20px;
        left: 0px;
    }
    .section_careers {
        height: auto !important;
        min-height: 110vh !important;
        padding: 40px 30px;
        align-items: start !important;
        width: 100% !important;
    }
    .infoColumnInnerCList_list h5 {
        font-size: 30px;
        line-height: 32px;
    }
    .infoColumnInnerCList_list div {
        font-size: 16px;
        line-height: 24px;
    }
    .section_curves {
        height: auto !important;
        min-height: 100vh;
        padding-top: 40px;
        padding-bottom: 40px;
        flex-direction: column;
    }
    .section_landing.section_educate .imgBackground img {
        object-fit: cover;
        object-position: top;
        height: 100%;
        width: 100%;
    }
    .infoCurvesColumns .infoColumn {
        gap: 30px;
    }
    .infoCurves {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 50px;
        margin-left: 0px;
    }
    .infoCurvesColumns {
        display: flex;
        flex-direction: row;
        width: 100%;
        padding: 0px 40px;
    }
    .infoColumnInnerCList_list.infoColumnInnerCList_list_0 {
        padding-right: 0px;
    }
    .infoColumnInnerCList_list.infoColumnInnerCList_list_1 {
        padding-left: 0px;
    }
    .section_landing.section_educate {
        height: auto !important;
        min-height: 110vh !important;
        padding-bottom: 120px;
        align-items: end !important;
    }
    .section_landing.section_educate .infoSection {
        padding: 0px 40px 0vh 40px;
    }
    h6 {
        font-size: 16px;
    }
    .section_impact.section_research .infoSection {
        width: auto
    }
    .section_research {
        height: auto !important;
        min-height: 100vh;
    }
    .infoResearch h2 {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 40px;
    }
    .infoResearch h6.ne {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 10px;
    }
    .linksResearchInfo {
        font-size: 14px !important;
    }
    .linksResearchHeader {
        font-size: 15px !important;
    }
    .infoResearchColumns {
        display: flex;
        flex-direction: column;
        height: auto;
        overflow: hidden;
        width: auto;
        gap: 40px;
        padding-bottom: 50px;
        padding-left: 0;
        padding-right: 0;
    }
    .infoColumn {
        display: flex;
        flex-direction: row;
        gap: 10px;
    }
    .infoColumnInner:nth-child(2) {
        width: 60%;
        max-width: 60%;
        padding-right: 30px;
    }
    .infoColumnInner {
        display: flex;
        flex-direction: column;
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
        justify-content: start;
        width: auto;
        min-width: auto;
        padding-right: 10px;
    }
    .section_newsEvents.section_partners.section_celebrate .infoSection,
    .section_newsEventsNews.section_newsEvents.section_partners.section_celebrate .infoSection {
        left: 0;
    }
    .section_newsEvents.section_partners.section_celebrate .postDragItem .postDragInfoNews {
        padding-left: 0;
        margin-top: 0;
    }
    .titleCircle {
        margin-top: 15px;
    }
    .section_newsEvents.section_partners {
        align-items: start !important;
        min-height: 100vh;
        gap: 40px;
        padding-bottom: 0;
    }
    .section_landing.section_partners .infoSection {
        padding: 0px 40px 40px 40px;
    }
    .section_landing.section_partners {
        height: 100vh !important;
        align-items: end !important;
    }
    .section_newsEvents.section_partners .infoSection {
        margin-left: 0px;
    }
    .section_default_images {
        height: auto !important;
        padding-bottom: 80px;
    }
    .section_af_affiliates {
        padding: 0px;
    }
    .gradientLayerColor {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 5;
        background-image: url('../images/gradients/Header-rainbow-gradient-M.png');
        background-size: cover;
    }
    .gradientBlack {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 4;
        background-image: url('../images/gradients/Header-dark-gradient-M.png');
        background-size: cover;
    }
    .section_landing.section_af_landing.section_af_landing_meet {
        padding-bottom: 100px;
        height: 140vh !important;
    }
    .section_landing.section_af_landing.section_af_landing_meet.section_default {
        height: auto !important;
        padding-bottom: 40px;
        min-height: 100vh;
        padding-bottom: 80px
    }
    .section_af_landing_meet {
        padding-bottom: 100px;
    }
    .whiteContent {
        width: 100vw !important;
        display: flex;
        justify-content: end !important;
        align-items: center;
        padding-right: 0px;
        position: relative;
    }
    .whiteContent .curve {
        /*background-color: white;
        background-image: url('../images/Gradient-bkgd2-M.jpg');
        background-position: center top;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;*/
        background-image: url('../images/fffbf2-Curve-M.svg');
        background-position: center top;
        background-repeat: no-repeat;
        display: flex;
        justify-content: end !important;
        align-items: center;
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 0px;
        margin-top: -85px;
        z-index: 10;
        position: absolute;
        width: 530px;
        height: 530px;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
    }
    .whiteContent .contentInner {
        font-size: 16px;
        color: #0C2443;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        line-height: 26px;
        font-style: normal;
        text-align: left;
        height: auto;
        width: auto;
        position: relative;
        width: 100%;
        height: auto;
        overflow-y: visible;
        top: unset;
        right: unset;
        padding: 0px 35px 35px 35px;
    }
    .section_meet .infoSection {
        width: auto;
    }
    .section_meet {
        width: auto !important;
        padding: 0px;
    }
    .sorting {
        display: block;
        margin-top: 0px;
        line-height: 10px;
    }
    .section_meet .sorting {
        margin-bottom: 40px;
    }
    .video-lightbox-content {
        margin-left: 0;
    }
    .overlayIso {
        background-size: 110vw auto;
        background-position-y: 70px;
        background-position-x: -10px;
    }
    .toTopMobile {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .toTop {
        display: none
    }
    .navOpen.section_navigation nav.vertical-nav {
        padding-top: 10px !important;
    }
    .section_newsEvents .postDragItem {
        width: auto
    }
    .postDragMobile .container {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        width: auto;
        padding-right: 5vw;
        /*
        gap: 5vw;
        padding-left: 5vw;
        padding-right: 5vw;
        */
        scrollbar-width: none;
        position: relative;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        z-index: 20;
    }
    .postDragVideo iframe {
        width: 100%;
        height: 300px;
        object-fit: contain;
    }
    .postDragImage {
        width: 90vw;
        height: 250px;
        object-fit: cover;
        position: relative;
        z-index: 20;
    }
    .postDragInfoNews {
        position: relative;
        left: 0;
        bottom: auto;
        padding-top: 25px;
    }
    .postDragMobile {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: auto;
        position: relative;
    }
    .postDrag {
        display: none;
    }
    .circleElementMobileIn {
        width: 150vw;
        height: 100%;
        position: relative;
    }
    .circleElementMobile {
        width: 100vw;
        height: 250px;
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        position: absolute;
        z-index: 500;
        bottom: 370px;
        left: 0px;
        display: block;
    }
    .circleElementMobile::-webkit-scrollbar,
    .section_pillars_mobileIN::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari, Edge nuevo */
    }
    .section_getInvolved {
        flex-direction: column;
        width: 100vw !important;
        position: relative;
        height: auto !important;
        min-height: 900px;
    }
    .section_getInvolved .infoSection {
        position: relative;
        z-index: 2;
        top: 10vw;
    }
    .active_2 .circleElement {
        right: 50vw;
        transform: translate(145px, -145px);
        top: auto;
        bottom: 15vh;
    }
    .active_1 .circleElement {
        right: 0px;
        transform: translate(150px, -85px);
        top: auto;
        width: 170px;
        height: 170px;
        bottom: 20vh;
    }
    .active_0 .circleElement {
        right: -50vw;
        transform: translate(150px, -85px);
        top: auto;
        width: 170px;
        height: 170px;
        bottom: 20vh;
    }
    .active_3 .circleElement {
        top: -45vh;
        width: 170px;
        height: 170px;
        right: 117vw;
    }
    .circleElement {
        transition: all ease-in-out 400ms;
    }
    .active_4 .circleElement {
        top: -5vh;
        width: 170px;
        height: 170px;
        right: 150vw;
    }
    .section_pillars_mobile {
        display: block;
        background-color: #1B3D6D;
        position: relative;
    }
    .pillarInfoShowMobile {
        position: relative;
        z-index: 100;
        width: 100vw;
        height: auto;
    }
    .section_pillars_mobileIN {
        display: flex;
        z-index: 50;
        text-align: center;
        margin-bottom: 20px;
        overflow-x: auto;
        overflow-y: visible;
        gap: 50px;
        align-items: start;
        margin-top: -85px;
        padding: 0px calc(50vw - 90px);
        /* Habilita el desplazamiento horizontal */
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        position: relative;
        /* Mejora la experiencia de desplazamiento en iOS */
    }
    .pillarsSection {
        display: none;
    }
    .pillar_image {
        transform: none
    }
    .pillar_title {
        width: 100%;
        text-align: center;
    }
    .pillarItem {
        padding-right: 0px;
        flex-direction: column;
        justify-content: start;
        width: 60vw;
    }
    .pillarItem {
        /*transform: translateY(-45px);*/
    }
    .pillarItem.active {
        /*transform: translateY(-90px);*/
    }
    .pillar_info.active .pillar_title,
    .pillar_info.active .pillar_copy,
    .pillar_info.active .pillar_link {
        display: none;
    }
    .pillarInfoShowMobile .pillar_title,
    .pillarInfoShowMobile .pillar_copy,
    .pillarInfoShowMobile .pillar_link {
        display: block;
        padding: 0px 40px 0px 40px;
    }
    .pillar_title,
    .pillar_copy,
    .pillar_link {
        margin-left: 0px !important;
        width: 100%;
    }
    html,
    body {
        width: 100vw;
        overflow-x: hidden;
    }
    .scroll-container {
        flex-direction: column;
    }
    h1 {
        font-size: 44px;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        line-height: 46px;
        font-style: normal;
        text-align: left;
    }
    h2 {
        font-size: 44px;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        line-height: 46px;
        font-style: normal;
        text-align: left;
    }
    h4 {
        font-size: 24px;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        line-height: 24px;
        font-style: normal;
        text-align: left;
    }
    h5 {
        font-size: 12px;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        line-height: 18px;
        font-style: normal;
        text-align: left;
    }
    .svgLines {
        display: none;
    }
    .infoSection p {
        font-size: 16px;
        line-height: 24px;
    }
    .scroll-container section:not(.section_navigation):not(.section_footer) {
        align-items: end;
    }
    .section_landing {
        height: 140vh !important;
    }
    .section_landing.isTheHome {
        height: 180vh !important;
        align-items: start !important;
    }
    .section_landing.section_research .infoSection {
        padding: 0px 30px 40px 25px;
    }
    .section_landing .infoSection {
        margin-left: 0px;
        padding: 0px 40px 45vh 40px;
        width: 100%;
    }
    .section_landing .infoSection.infoHome {
        margin-left: 0px;
        padding: 0px 40px 5vh 40px;
        width: 100%;
    }
    .quotesSectionHome {
        top: -35%;
        z-index: 900;
        left: 50%;
        transform-origin: center;
    }
    .quotesSectionHome.quotesSectionEducate {
        top: -45%;
    }
    #quoteCarousel .carousel-inner {
        padding: 30px;
    }
    #quoteCarousel {
        padding-top: 20px;
    }
    .quoteTitle {
        padding: 10px 100px;
    }
    .quoteTitle::before {
        left: 60px;
        top: 28px;
        background-image: url('../images/quote_le.png');
    }
    .quoteTitle::after {
        right: 60px;
        bottom: -0px;
        background-image: url('../images/quote_ri.png');
    }
    .carousel-control-prev {
        left: 60px;
        bottom: 320px;
    }
    .carousel-control-next {
        right: 70px;
        bottom: 320px;
    }
    .section_pillars {
        flex-direction: column;
    }
    .section_pillars .infoSection {
        width: auto;
        padding: 40px;
        padding-top: 0px;
        padding-bottom: 130px;
        margin-left: 0;
    }
    .pillarsSection {
        margin-right: 0px;
        margin-left: 0px;
        width: auto;
        height: auto;
        background-color: rgba(27, 61, 109, 1);
    }
    .pillarsSectionContent {
        transform: none;
        justify-content: end;
        flex-direction: row;
        width: 100vw;
        left: 0px;
        margin-bottom: 0px;
    }
    .pillar_num {
        transform: none;
        position: relative;
        z-index: 15;
    }
    .section_footer {
        overflow-y: initial;
        width: 100%;
    }
    .circleSection .imgCircleItem .imgCircle img {
        position: absolute;
        z-index: 6;
        width: 100%;
        height: auto;
        bottom: 0px;
        right: 0px;
        text-align: right;
        object-fit: cover;
        object-position: left;
        top: auto;
    }
    .pillar_link {
        padding-bottom: 50px !important;
    }
    .pillar_copy {
        text-align: center;
    }
    .scroll-container {
        width: auto;
        height: auto;
    }
    .pillarItem.active .pillar_image {
        margin-top: 0px;
        position: relative;
        z-index: 15;
    }
    .pillar_image img {
        width: 180px;
    }
    .pillarItem:not(.active) {
        margin-top: 50px;
    }
    .pillar_info {
        display: none;
    }
    .section_getInvolved {
        flex-direction: column;
        justify-content: end !important;
        position: relative;
    }
    .section_getInvolved .infoSection {
        position: absolute;
        z-index: 2;
        top: 0px;
        width: 100%;
        left: 0px;
        padding: 50px 40px;
        margin-left: 0;
    }
    .section_getInvolved .infoSection h2 {
        font-size: 44px;
        color: #0D2443;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: 46px;
        font-style: normal;
        text-align: left;
    }
    .section_getInvolved .infoSection p {
        padding-top: 0px;
    }
    .postDragItem:last-child {
        border-bottom: 0px;
    }
    .section_newsEvents {
        flex-direction: column;
        height: auto !important;
        padding: 50px 0px 0px 0px;
    }
    .section_social {
        flex-direction: column;
        height: auto !important;
        padding: 50px 0px 60px 0px;
    }
    .about_uc_irvine_default {
        padding-bottom: 80px !important
    }
    .about_uc_irvine_default.about_alec_default {
        padding-bottom: 0px !important
    }
    h2.about_alec_default {
        margin-top: 280px;
    }
    .section_impact {
        flex-direction: column;
        height: auto !important;
        padding: 50px 0px 40px 0px;
    }
    .section_committee {
        flex-direction: column;
        height: auto !important;
        padding: 50px 0px 80px 0px;
    }
    .section_newsEvents .postDragInfoNews a {
        display: block;
        width: fit-content;
    }
    .section_newsEvents .postDragInfoNews p {
        margin-bottom: 15px;
    }
    .section_newsEvents .infoSection p {
        margin-top: 20px;
        margin-bottom: 40px !important;
    }
    .section_newsEvents .infoSection {
        width: auto;
        padding: 0px 20px;
    }
    .dragArrowsMobile {
        display: block;
        position: absolute;
        left: 5px;
        top: 125px;
        z-index: 100;
        transform: translateY(-50%);
        height: 32px;
        width: 32px;
    }
    .section_impact .postDragItem {
        height: 100%;
    }
    .dragArrowsMobile .section_impact_postDragMobile_right {
        position: absolute;
        top: 0;
        right: -90vw;
    }
    .postDragItem:first-child {
        margin-top: 0px !important;
    }
    .postDragItem {
        height: 250px;
        flex: 0 0 50%;
        scroll-snap-align: start;
        padding-left: 5vw;
        z-index: 20;
    }
    .section_social .infoSection {
        width: auto !important;
        max-width: 100%;
        padding-top: 0px;
        text-align: left;
        display: flex;
        align-items: start;
        padding: 20px;
        margin-left: 0;
    }
    .imgBackground,
    .overlayColor {
        bottom: 0px;
    }
    .section_impact .infoSection {
        width: auto;
        padding: 25px 25px 0px 25px;
        margin-left: 0;
    }
    .section_impact .infoSection h2 {
        font-size: 44px;
        color: #0D2443;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        line-height: 46px;
        font-style: normal;
        text-align: left;
    }
    .section_impact .infoSection p {
        margin-top: 10px;
    }
    .section_impact .postDragInfo {
        position: relative;
        bottom: auto;
        left: auto;
        width: auto;
    }
    .section_impact .postDragInfo p {
        padding-top: 20px;
        color: #0D2443;
    }
    .section_impact .postDragInfo a {
        color: #0D2443;
        display: block;
        width: fit-content;
    }
    .section_impact .postDragInfo a::before {
        left: 0;
        background-image: url('../images/ab_left_blue.png') !important;
    }
    .section_impact .postDragInfo a::after {
        right: 0;
        background-image: url('../images/ab_right_blue.png') !important;
    }
    .imgBackground img {
        object-fit: cover;
        object-position: top;
        height: 100%;
        width: 100%;
    }
    .section_end .imgBackground img {
        width: 100vw;
        height: auto;
        object-fit: cover;
        object-position: center;
    }
    .section_landing.section_alec,
    .section_landing.section_team {
        height: 100vh !important;
        padding-bottom: 80px;
        align-items: end !important;
    }
    .section_landing.section_alec .infoSection,
    .section_landing.section_team .infoSection {
        padding: 0px 40px 40px 40px;
        margin-left: 0;
    }
    .section_landing.section_alec .infoSection {
        text-align: center;
    }
    .section_landing.section_alec .infoSection h2 {
        text-align: center;
    }
    .section_landing.section_alec .infoSection p {
        text-align: center;
        margin-top: 10px;
    }
    .section_landing.section_alec .infoSection .socialBar {
        margin: 0 auto;
    }
    .section_landing.section_alec .infoSection .infoSectionLink {
        margin: 0 auto;
    }
    .section_landing.section_alec .infoSection .infoSectionLink a {
        padding-right: 15px;
    }
    .section_landing.section_alec .infoSection .infoSectionLink a::after {
        right: 0px;
    }
    .section_committee {
        height: auto !important;
        min-height: 100vh;
        justify-content: start !important;
        padding-bottom: 120px !important;
    }
    .section_committee .infoSection h2 {
        color: white;
    }
    .section_committee .postDragItem {
        width: 85vw;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .section_committee .postDragItem:first-child {
        margin-top: 0px !important;
    }
    .section_committee .postDragItem .postDragInfo h4,
    .section_committee .postDragItem .postDragInfo p,
    .section_committee .postDragItem .postDragInfo a {
        color: white;
    }
    .section_committee .postDragItem .postDragImage {
        width: 85vw;
        height: auto;
        object-fit: cover;
        position: relative;
        z-index: 10;
    }
    .section_committee .gradientOverlayNews {
        display: none;
    }
    .section_committee .postDragItem:nth-child(even) {
        flex-direction: column-reverse;
    }
    .section_committee .postDragItem .postDragInfo h4 {
        text-align: center;
        padding-top: 20px;
        font-size: 20px;
    }
    .section_committee .infoSection {
        margin: 60px 40px;
    }
    .section_committee .postDragItem .postDragInfo {
        padding-bottom: 30px;
    }
    .section_committee .postDragItem .postDragInfo p {
        text-align: center;
        padding-top: 0px;
        font-size: 14px;
    }
    .section_committee .postDragItem .postDragInfo .linkExpand {
        margin: 0 auto;
    }
    .section_committee .postDragInfo a::before {
        background-image: url('../images/ab_left.png') !important;
    }
    .section_committee .postDragInfo a::after {
        padding-top: 10px;
        background-image: url('../images/ab_right.png') !important;
    }
    .section_staff {
        height: auto !important;
        min-height: 100vh;
        justify-content: start !important;
        padding-bottom: 120px !important;
        flex-direction: column;
    }
    .section_staff .infoSection {
        width: 100%;
        justify-content: start;
        align-items: start;
        padding: 30px 30px 00px 30px;
    }
    .section_staff .infoSection h2 {
        color: #0D2443;
    }
    .section_staff .postDragItem .postDragInfo h4,
    .section_staff .postDragItem .postDragInfo p,
    .section_staff .postDragItem .postDragInfo a {
        color: #0D2443;
    }
    .section_staff .postDragItem {
        width: 85vw;
        height: 100%;
        display: flex;
        flex-direction: column;
        padding: 0px 20px;
    }
    .section_staff .postDragItem:first-child {
        margin-top: 0px !important;
    }
    .section_staff .postDragItem .postDragInfo {
        position: relative;
        width: 100%;
        left: 0px;
        bottom: 0px;
    }
    .section_staff .postDragItem .postDragImage {
        width: 85vw;
        height: 300px;
        object-fit: cover;
        position: relative;
        z-index: 10;
    }
    .section_staff .gradientOverlayNews {
        display: none;
    }
    .section_staff .postDragItem:nth-child(even) {
        flex-direction: column-reverse;
    }
    .section_staff .postDragItem .postDragInfo h4 {
        text-align: center;
        padding-top: 20px;
        font-size: 20px;
    }
    .section_staff .infoSection {
        margin: 60px 0px 0px 0px;
        width: 100vw !important;
    }
    .section_staff .postDragItem .postDragImage {
        width: 85vw;
        height: auto;
        object-fit: cover;
        position: relative;
        z-index: 10;
    }
    .section_staff .postDragItem .postDragInfo {
        padding-bottom: 30px;
        text-align: center;
    }
    .section_staff .postDragItem .postDragInfo p {
        text-align: center;
        padding-top: 0px;
        font-size: 14px;
    }
    .section_staff .postDragItem .postDragInfo .linkExpand {
        margin: 10px auto;
        display: block;
        width: fit-content;
    }
    .section_staff .postDragInfo a::before {
        background-image: url('../images/ab_left_blue.png') !important;
    }
    .section_staff .postDragInfo a::after {
        padding-top: 10px;
        background-image: url('../images/ab_right_blue.png') !important;
    }
    .section_landing.section_affiliates .infoSection {
        margin-right: 0px;
        width: auto;
        padding-bottom: 40px;
        text-align: center;
        margin-left: 0;
    }
    .section_landing.section_affiliates {
        height: 100vh !important;
        align-items: end !important;
    }
    .section_landing.section_affiliates .infoSection h2 {
        text-align: center;
    }
    .section_landing.section_affiliates .infoSection .infoSectionLink {
        margin: 0 auto;
    }
    .expandCircle {
        width: 220vw;
        background-color: #FFFBF2;
        border-radius: 50%;
        height: 95vh;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .expandClose {
        position: absolute;
        top: 10vh;
        right: 65vw;
        cursor: pointer;
    }
    .expandInfoContent h4 {
        text-align: center;
    }
    .expandInfoContent h5 {
        text-align: center;
    }
    .expandInfoContainer {
        flex-direction: column;
        width: 100vw;
        margin: 0 auto;
        padding: 40px;
        max-width: none;
    }
    .expandInfoProfile {
        width: 100%;
        margin: 0 auto;
        padding: 10px 40px;
    }
    .expandInfoContent .expandInfoLinks {
        justify-content: center;
    }
    .section_landing.section_landingAbout {
        height: 100vh !important;
    }
    .section_landing.section_landingAbout .infoSection h2 {
        text-align: center;
    }
    .section_landing.section_landingAbout .infoSection .infoSectionLink {
        margin: 0 auto;
    }
    .section_landing.section_landingAbout .infoSection {
        margin-right: 0px;
        width: auto;
        padding-bottom: 40px;
        text-align: left;
    }
    .section_landing.section_landingAbout .infoSection p {
        margin-top: 5px;
    }
    .section_landing.section_ourMission {
        height: 100vh !important;
    }
    .section_landing.section_ourMission .infoSection h2 {
        text-align: center;
    }
    .section_landing.section_ourMission .infoSection .infoSectionLink {
        margin: 0 auto;
    }
    .section_landing.section_ourMission .imgBackground img {
        object-position: right;
    }
    .section_landing.section_ourMission .infoSection {
        margin-right: 0px;
        width: 140vw;
        height: 140vw;
        position: absolute;
        transform: translateX(-20vw);
        padding: 90px;
        text-align: center;
        margin-bottom: -100px;
    }
    .section_landing.section_ourMission .infoSection p {
        margin-top: 5px;
    }
    .section_landing.section_aboutTeam .infoSection {
        width: 100%;
        padding: 40px;
        margin-bottom: 0;
    }
    .section_landing.section_aboutTeam .infoSection p {
        margin-top: 5px;
    }
    .section_landing.section_aboutTeam {
        height: 100vh !important;
        align-items: end !important;
        padding-bottom: 40px;
    }
    .section_landing.section_aboutTeam .imgBackground img {
        object-position: center top;
    }
    .section_landing.section_UCIrvine {
        height: auto !important;
        min-height: 130vh;
        align-items: end !important;
    }
    .section_landing.section_UCIrvine .infoSection h2 {
        text-align: center;
        font-size: 40px;
    }
    .section_landing.section_UCIrvine .infoSection .infoSectionLink {
        margin: 0 auto;
    }
    .section_landing.section_UCIrvine .imgBackground img {
        object-position: right;
    }
    .section_landing.section_UCIrvine .infoSection {
        margin-right: 0px;
        width: 100%;
        padding: 40px;
        text-align: center;
    }
    .video-container {
        width: 80vw;
        height: auto;
        aspect-ratio: 16 / 9;
    }
    .close-lightbox svg {
        width: 32px;
        height: 32px;
    }
    .close-lightbox {
        position: absolute;
        top: -60px;
        right: 0px;
        color: #fff;
        font-size: 30px;
        cursor: pointer;
        z-index: 1000;
        background-color: #0d2443;
        border-radius: 100%;
    }
    .expandInfoContainer {
        gap: 20px;
    }
    .section_landing.section_UCIrvine .infoSection p {
        margin-top: 5px;
    }
    .section_landing.section_af_landing {
        height: 120vh !important;
        align-items: end !important;
    }
    .section_landing.section_af_landing .infoSection h2 {
        text-align: left;
    }
    .section_landing.section_af_landing .infoSection .infoSectionLink {
        margin: 0 auto;
    }
    .section_landing.section_af_landing .imgBackground img {
        object-position: right;
    }
    .section_landing.section_af_landing .infoSection {
        margin-right: 0px;
        width: 100%;
        padding: 40px 40px 40px 40px;
        text-align: left;
    }
    .section_landing.section_af_landing .infoSection p {
        margin-top: 5px;
    }
    .section_staff.section_af_affiliates .infoSection h2 {
        padding-bottom: 40px;
    }
}

@media (min-width: 300px) and (max-width: 361px) {
    .contentInner.IsQ {
        padding-top: 140px !important;
    }
    .quotesSectionHome.quotesSectionEducate {
        top: -35%;
        transform: translateX(-265px) scale(0.7);
    }
    .section_landing.section_af_landing.section_af_landing_meet.section_default.IsQ {
        padding-bottom: 350px !important;
        min-height: 160vh;
    }
    .contentInner.IsQ {
        padding-top: 80px !important;
    }
}

@media (min-width: 280px) and (max-width: 321px) {
    .section_landing.section_af_landing.section_af_landing_meet.section_default.IsQ {
        padding-bottom: 350px !important;
        min-height: 220vh;
    }
}

@media (min-width: 400px) and (max-width: 900px) {
    .section_landing.section_af_landing.section_af_landing_meet.section_default.IsQ {
        min-height: 135vh;
    }
    .contentInner.IsQ {
        padding-top: 140px !important;
    }
}