@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";

.infoContainer {
position: relative;
width:100vw;
height:fit-content;
background-color:#00000D;
}

.infoContainer::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 10px; /* Adjust this to control the height of the blurred border */
box-shadow: 0 0 300px 300px rgba(0, 0, 0, 0.5); /* Adjust this to control the blur effect */
z-index: -1;
}

.infoContainer * {
z-index:2
}

span.highlighted {
color:#AA92E5
}

.passionTextContainer {
height:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:16px;
width:100%;
height:100%
}

.pcontainer {
display:flex;
flex-direction:column;
align-items:flex-start;
gap:8px
}

.pcontainer p {
color: #eaeaea;
font-family:'Poppins', sans-serif;
font-size:20px;
font-style:normal;
font-weight:400;
line-height:28px
}

.passionDiv,.whoDiv {
display:flex;
gap:10em;
padding:80px 0;
width:65vw;
height:fit-content;
margin:auto
}

.passionDiv {
align-items:center;
min-width:min-content;
margin:auto
}

.passionDiv h1,.whoDiv h1 {
font-family:'Inter',sans-serif;
font-size:50px;
white-space:nowrap
}

.passionDiv p {
font-size:20px;
font-weight:500;
line-height:32px
}

.passionDiv img {
position:relative;
width:40%;
min-width:350px;
z-index:2
}

.glow {
position:absolute;
background:rgba(95, 73, 150, 0.767)!important;
z-index:1;
filter:brightness(2) blur(200px);
border-radius:100%;
pointer-events:none;
width:30%;
min-width:400px;
min-height:300px;
}

#glowlight {
    background: rgba(130, 106, 190, 0.767)!important;
}

#glow2 {
filter:brightness(1.2) blur(275px);
min-width:400px;
min-height:400px
}

#glow3 {
right:0;
left:0;
filter:brightness(0.5) blur(400px)
}

#glow4 {
filter:brightness(1.2) blur(400px);
min-width:600px;
min-height:400px
}

#glow5 {
filter:brightness(0.8) blur(400px);
min-width:400px;
min-height:400px;
right:0
}

#glow6 {
filter:brightness(1.2) blur(500px);
min-width:400px;
min-height:400px;
right:0
}

ul {
list-style:none
}

.passionH1 {
height:fit-content;
width:fit-content;
display:flex;
flex-direction:column
}

.passionH1 p,#captionWhatIs,#headerResearch {
text-transform:uppercase;
color:#8E79BF;
font-family:'Inter',sans-serif;
font-size:18px;
font-style:normal;
font-weight:700;
line-height:28px
}

#captionWhatIs {
margin-bottom:5px
}

.passionTextContainer button {
padding:15px;
margin-top:10px;
width:min(200px,30%);
border-radius:13px;
box-shadow:0 0 50px 2px rgba(255,255,255,0.18);
font-family:'Inter',sans-serif;
font-size:21px;
font-style:normal;
font-weight:600;
line-height:15px;
cursor:pointer;
color:#fff;
background:linear-gradient(90deg,#788FBF 0%,#9781CC 100%);
border:0
}

.whoDiv {
flex-direction:column;
gap:3em;
width:75vw;
padding-bottom:0
}

.whatIsDiv {
width: 80%;
min-width:140px;
display:inline-flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
margin: auto;
}

.whatIsDiv p {
width:70%;
min-width:140px;
max-width: 700px;
margin-top:1em;
color:#eaeaea;
text-align:center;
font-family:'Poppins',sans-serif;
font-size:20px;
font-style:normal;
font-weight:400;
line-height:28px
}

.buttons {
display:flex;
align-items:flex-start;
justify-content:center;
gap:2.5em;
font-family:'Inter',sans-serif;
margin-bottom:20px
}

.buttons button {
border-radius:13px;
border:none;
background-color:#fff;
font-size:21px;
font-style:normal;
padding:15px 50px;
font-weight:600;
color:#5F5180;
font-family:'Inter';
box-shadow:0 0 300px 10px rgba(255,255,255,0.3)
}

.pastStats {
display:flex;
align-items:flex-start;
justify-content:space-evenly;
gap:3em;
margin-top:20px
}

.statsFullCont {
border-radius:12px;
border:1px solid var(--lineargrad,rgba(255,255,255,0.21));
display:flex;
align-items:center;
flex-direction:column;
min-height:fit-content;
transform:scale(0.95);
}

.imgContainer {
display:flex;
align-items:center;
justify-content:center;
padding:20px 0;
padding-bottom:0
}

.statsFullCont p {
padding:0 20px;
text-align:center;
color:#ABABAB;
font-family:'Poppins',sans-serif;
font-size:20px;
font-style:normal;
font-weight:400;
line-height:28px;
padding:20px;
padding-bottom:30px
}

.statsFullCont .imgContainer p {
color:#ABABAB;
font-family:'Inter',sans-serif;
font-size:20px;
font-style:normal;
font-weight:700;
line-height:24px;
padding:none;
padding-bottom:10px;
padding-top:15px
}

.statsFullCont .imgContainer img {
margin-left:15px
}

.centerData {
background:linear-gradient(90deg,#788FBF 0%,#9781CC 100%);
opacity:1;
z-index:999;
transform:scale(1.05)
}

.centerData p,.centerData .imgContainer p {
color:#fff;
z-index:999
}

#finalDownArrow {
width:175px;
height:400px;
display:block;
position:relative;
margin:10px auto
}

#secondWhoDiv {
padding-top:0;
margin-bottom:40px;
width:85vw
}

.sponsorStats {
border-radius:32px;
border:1px solid rgba(255,255,255,0.21);
padding:50px 40px!important;
min-height:0;
height:fit-content;
max-width:90vw
}

.tiersContainer {
display:flex;
align-items:flex-start;
gap:75px;
flex-wrap:wrap
}

.tiersContainer > * {
flex:1 0 550px
}

.sponsorStatsHeader {
padding-top:20px;
display:flex;
flex-direction:column;
align-items:flex-start;
padding-bottom:7px;
border-bottom:2px solid #B6B6B6
}

.centerSponsor .sponsorStatsHeader {
    border-color: white;
}

.centerSponsor .sponsorStatsHeader p#sponsorCaption {
    color: white;
}

.sponsorStatsHeader h2 {
font-size:55px;
margin-bottom:8px
}

.sponsorStatsHeader p {
font-size:25px;
color:#ABABAB;
font-family:'Poppins';
font-weight:400;
line-height:2rem;
margin-bottom:10px
}

.listContainer ul {
font-size:25px
}

.listContainer ul li {
margin:20px 0;
color:#fff;
filter:brightness(1.2);
list-style-position:inside;
padding-bottom:10px;
display:flex;
font-size:25px
}

.listContainer ul li img {
margin-right:6px
}

.sponsorStatsHeader .tierName {
color:#8471B2;
font-family:'Inter';
font-style:normal;
font-weight:700;
line-height:2.4rem;
font-size:27px;
margin-bottom:0
}

.centerSponsor {
background:linear-gradient(90deg,#788FBF 0%,#9781CC 100%)
}

.centerSponsor ul li {
    color: white !important;
}

.tierNameContainer {
position:relative;
display:flex;
justify-content:center;
align-items:center;
z-index:10;
margin-top:-5px;
margin-bottom:5px;
margin-left:10px
}

.centerSponsor .sponsorStatsHeader .tierNameContainer::after {
content:' ';
position:absolute;
width:120%;
height:100%;
top:0;
background-color:#fff;
z-index:-1;
border-radius:400px
}

.centerSponsor .sponsorStatsHeader p#note {
color:#fff;
margin-left:5px
}

.highlightWhite {
color: rgba(255, 255, 255, 1);
font-weight: 600;
}

#closingNoteSpons, #closingNotes {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 20px 20px;
    color: #DBDBDB;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 3.5rem;
    letter-spacing: -0.04rem;
    font-family: 'Inter', sans-serif;
}

#closingNoteSpons {
    padding: 10px 20px 40px;
    font-size: 22px;
    flex-direction: column;
    gap: 1px;
    line-height: 1.5em;
    text-align: center;
}

#closingNotes {
    justify-content: space-between;
    width: 80vw;
    max-width: 1600px;
    margin: auto;
    flex: 1 1 500px;
    flex-wrap: wrap;
    align-items: center;
}

.nextButton {
    font-size:21px;
    font-style:normal;
    font-weight:600
}

.toGoSign {
    display: inline-block;
    transition: 0.4s;
}

.noDecoration:hover .toGoSign, .openGreaterThan:hover .toGoSign {
    opacity: 0.9;
    transform: rotateY(180deg);
}

.noDecoration button, .openGreaterThan button {
    transition: 0.4s;
}

.noDecoration:hover button, .openGreaterThan:hover button {
    transform: scale(1.0);
}

.openGreaterThan button {
    transition: 0.6s;
}

.openGreaterThan:hover button {
    background-color: #5F5180;
    color: #fff;
}



@media screen and (max-width: 1090px) {
.passionDiv {
gap:100px
}
}

@media screen and (min-width: 1400px) {
#disappear_smaller {
display: none;
}
}

@media screen and (max-width: 1050px) {
.pastStats {
flex-wrap:wrap
}

.statsFullCont {
transform:scale(1)
}
}

@media screen and (max-width: 1000px) {
.passionDiv {
flex-wrap:wrap;
justify-content:center;
width:80vw;
gap:40px;
padding-top:100px;
padding-bottom:150px
}

.passionTextContainer,.passionH1 {
text-align:center;
margin:auto
}

#secondPassionDiv {
flex-direction:column-reverse
}
}

@media screen and (max-width: 715px) {
.buttons {
flex-wrap:wrap;
margin-bottom:0;
gap:25px
}

.pastStats {
margin-top:0
}

.whoDiv {
width:80vw
}

.whatIsDiv h1 {
white-space:wrap;
text-align:center
}
}

@media screen and (max-width: 600px) {
.whatIsDiv p {
width:95%;
min-width:300px
}

.sponsorStats {
margin-left:-10px
}

.passionDiv {
padding-top:100px;
padding-bottom:150px
}
}

@media screen and (max-width: 513px) {
.passionDiv h1,.whoDiv h1 {
white-space:wrap;
text-align:center;
margin:0
}
}

@media screen and (max-width: 355px) {
.whatIsDiv p {
font-size: 15px;
}

.whatIsDiv {
    max-width: 180px !important;
}

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

@media (pointer:none), (pointer:coarse) {
    .glow {
        display: none;
    }
}