* {
    margin: 0px;
    padding: 0px;
    font-family: var(--poppins-font-colour);
    color: #fff;
}

:root {
    --poppins-font-colour: 'poppins', sans-serif;
    --hover-orange: #cd5700;
}

/* @media screen and (max-width: 1279px) {
    .main-section {
      display: none;
    }
  } */

.body-ind,.body-abt,.body-rov,.body-rpl,.body-sat,.body-csev,.body-asev,.body-llev, .body-llev,.body-seev, .body-acev, .body-ssev,.body-rrev, .body-epeev {
    background-position: center;
    background-repeat: no-repeat;
    background-color: #000;
    background-size: cover;
    display: flex;
    justify-content: center;
    
}

.body-ind{
    background-image: url(./../Images/Hero_Section_Image_1.jpg);
    
}

.body-abt {
    background-image:linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url(./../Images/group\ 24-25.jpg);
    
    
}

.body-rov{
    background-image: url(./../Images/Rover_team_img_bottom.png);
    
}

.body-rpl {
    background-image: url(./../Images/Rocket_team_img.png);
}

.body-sat {
    background-image: url(./../Images/Satellite_team_img_bottom.png);
}

.body-csev {
    background-image: url(./../Images/Circuit_Showdown_Web.png);
}

.body-asev {
    background-image: url(./../Images/Aero_Spectra_Web.png);
}

.body-llev {
    background-image: url(./../Images/Luminary_lens_Web.png);
}

.body-seev {
    background-image: url(./../Images/Star_Expo_Web.png);
}

.body-acev {
    background-image: url(./../Images/Artemis_Crew_Web.png);
}

.body-ssev {
    background-image: url(./../Images/Space_Splash_Web.png);
}

.body-rrev {
    background-image: url(./../Images/Rocket_rundown_Web.png);
}

.body-epeev{
    background-image: url(./../Images/Extraplanetry_Estates_Web.png);
}

@font-face {
    font-family:alenia;
    src: url(../fonts/Alenia.ttf);
}
@font-face {
    font-family:aura;
    src: url(../fonts/AURA_DEMO.ttf);
}
@font-face {
    font-family:ministro;
    src: url(../fonts/Ministro.ttf);
}
@font-face {
    font-family:morguns;
    src: url(../fonts/Morguns-Condensed.ttf);
}
@font-face {
    font-family:netron;
    src: url(../fonts/Netron\ .otf);
}
@font-face {
    font-family:now-black;
    src: url(../fonts/Now-Black.otf);
}
@font-face {
    font-family:now-bold;
    src: url(../fonts/Now-Bold.otf);
}
@font-face {
    font-family:now-light;
    src: url(../fonts/Now-Light.otf);
}
@font-face {
    font-family:now-med;
    src: url(../fonts/Now-Medium.otf);
}
@font-face {
    font-family:now-reg;
    src: url(../fonts/Now-Regular.otf);
}
@font-face {
    font-family:now-thin;
    src: url(../fonts/Now-Thin.otf);
}
@font-face {
    font-family:ocd-bold;
    src: url(../fonts/OvercameDemoBold.ttf);
}
@font-face {
    font-family:ocd-bold-ita;
    src: url(../fonts/OvercameDemoBoldItalic.ttf);
}
@font-face {
    font-family: ocd-italic;
    src: url(../fonts/OvercameDemoItalic.ttf);
}
@font-face {
    font-family:ocd-ol;
    src: url(../fonts/OvercameDemoOutline.ttf);
}
@font-face {
    font-family:ocd-reg;
    src: url(../fonts/OvercameDemoRegular.ttf);
}
@font-face {
    font-family:zeroes-I;
    src: url(../fonts/Zeroes\ One.otf);
}
@font-face {
    font-family:zeroes-II;
    src: url(../fonts/Zeroes\ Two.otf);
}
@font-face {
    font-family:zeroes-III;
    src: url(../fonts/Zeroes\ Three.otf);
}
@font-face {
    font-family:na-black;
    src: url(../fonts/NowAlt-Black.otf);
}
@font-face {
    font-family:na-bold;
    src: url(../fonts/NowAlt-Bold.otf);
}
@font-face {
    font-family:na-light;
    src: url(../fonts/NowAlt-Light.otf);
}
@font-face {
    font-family:na-med;
    src: url(../fonts/NowAlt-Medium.otf);
}
@font-face {
    font-family:na-reg;
    src: url(../fonts/NowAlt-Regular.otf);
}
@font-face {
    font-family:na-thin;
    src: url(../fonts/NowAlt-Thin.otf);
}

@font-face{
    font-family: anurati;
    src: url(./Anurati-Regular.otf);
}

@font-face {
    font-family:blanka;
    src: url(../fonts/Blanka-Regular.otf);
}
@font-face {
    font-family:aquire-B;
    src: url(../fonts/AquireBold-8Ma60.otf);
}
.nav {
    margin-right: 50px;
    font-family:zeroes-II;
}

.cta {
    font-family: zeroes-II;
}

a {
    text-decoration: none;
}

.main-section,.main-section-abt ,.main-section-rpl{
    width: 100%;
    height: 1024px;
    border: #000;
}

.hero-section, .hero-section-abt .hero-section-rpl,.hero-section-sat{
    height: 1024px;
}


.container-header ,.container-header-abt{
    height: 75px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
}

/* .container-header-abt{
    background-color: ;
    
} */

.nav-bar {
    width: 1235px;
    height: 25px;
    display: flex;
    justify-content:right;
    align-items:center;
    z-index: 1000;
}

.nav-bar-events {
    width: 100vw;
    height: 25px;
    display: flex;
    justify-content:right;
    align-items:center;
    z-index: 1000;
}

.nav-bar-rpl {
    width: 1235px;
    height: 25px;
    display: flex;
    justify-content: left;
    align-items:center;
    z-index: 1000;
    
}

.nav-bar img,.nav-bar-events img{
    height: 20px;
    margin-right: 590px;
}

.nav-bar-rpl img{
    height: 20px;
}

.nav-links {
    font-size: 16px;
    min-width: 530px;
}
.nav-links-events {
    font-size: 16px;
    min-width: 530px;
    display: flex;
    justify-content: right;
}

.nav-links-rpl {
    font-size: 16px;
    min-width: 260px;
    margin-left: 870px;
}

.dropdown{
    display: none;
}


.hero-image,.hero-image-rov ,.hero-image-sat,.hero-image-abt {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 950px;
}

.hero-image-rov,.hero-image-sat {
    position: relative;
}

.hero-image img {
    width: 753px;
    margin-top: 300px;
    height: 130px;
}

.hero-image-abt img {
    width: 500px;
    margin-top: 400px;
    height: 100px;    
}

.hero-image-rov img{
    margin-top: -100px;
    position: absolute;
    width: 1920px;
    z-index: 1;
}

.hero-image-sat img {
    margin-top: 290px;
    position: absolute;
    height: 500px;
}

.quote {
    font-size: 55px;
    font-weight:600;
    margin-top: 20px;
    font-family:aquire-B;
    
}

.quote-abt {
    font-size: 45px;
    font-weight:600;
    color: #fff;
    z-index: 1;
    text-shadow:0.6px 0.6px #000;
    font-family: aquire-B;
}

.quote-rov {
    margin-top: 350px;
    font-size: 100px;
    font-weight:600;
    mix-blend-mode: overlay;
}

.quote-rpl {
    margin-top: 350px;
    font-size: 72px;
    font-weight:600;
    
    text-align: center;
    
}

.quote-sat {
    margin-top: 339px;
    font-size: 100px;
    font-weight:600;
}

.quote-rpl p {
    font-family: aquire-B;
}
.quote-rov p{
    font-family: aquire-B;
}
.quote-sat p{
    font-family: aquire-B;
}

.quote-event {
    margin-top: 650px;
    font-size: 32px;
    font-weight:600;
    background-color: #fff;
    height: 70px;
    width: 270px;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quote-event a{
    font-family: zeroes-II;
}

.quote-event:hover {
    background-color: #000;
}

.quote-event:hover > a {
    color: #fff;
}

.quote-event a {
    color: #000;
}

.celeste-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 150px;
    overflow: hidden;
}

.celeste-section video{
    height: 1390px;
    width: 1915px;
    object-fit: cover;
    z-index: -1;
}

.celeste-title-holder {
    height: 48px;
    margin-top: 150px;
}

@font-face {
    font-family: helion;
    src: url(Helion\ W00\ Regular.ttf);
}

.celeste-title0,.celeste-title ,.celeste-title2 {
font-size: 48px;
font-weight: 700;
margin-top: -1390px;
transition-duration: 200ms;
font-family: helion;
border-bottom: 2px solid red;
}

.celeste-title:hover {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 5px;
}

.celeste-events {
    height: 280px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: -1240px;
}

.circuit-Showdown-1 {
    position: relative;
    height: 225px;
    width: 400px;
    margin-right: 25px;
    transition-duration: 150ms;
    border-radius: 15px;
}

.circuit-Showdown-1:hover {
    background-color: #fff;
    font-weight: 500;

}

.circuit-Showdown-1 img {
    position: absolute;
    height: 180px;
    width: 342;
    mix-blend-mode: luminosity;
    margin-top: 20px;
    margin-left: 29px;
    transition-duration: 150ms;
    border-radius: 8.5px;
}

.circuit-Showdown-1:hover img {
    position: absolute;
    height: 200px;
    width: 380;
    mix-blend-mode: normal;
    margin-top: 10px;
    margin-left: 10px;

}

.circuit-Showdown-1 p {
    position: absolute;
    font-size: 28px;
    font-weight: 500;
    margin-top: 238px;
    margin-left: 29px;
    transition-duration: 150ms;
}

.circuit-Showdown-1:hover p {
    position: absolute;
    font-size: 28px;
    color: #000;
    font-weight: 500;
    margin-top: 238px;
    margin-left: 10px;
}

.circuit-Showdown {
    position: relative;
    height: 225px;
    width: 400px;
    transition-duration: 150ms;
    border-radius: 15px;
}

.circuit-Showdown:hover {
    background-color: #fff;
    font-weight: 500;
}

.circuit-Showdown img {
    position: absolute;
    height: 180px;
    width: 342px;
    mix-blend-mode: luminosity;
    margin-top: 20px;
    margin-left: 29px;
    transition-duration: 150ms;
    border-radius: 8.5px;
}

.circuit-Showdown:hover img {
    position: absolute;
    height: 200px;
    width: 380px;
    mix-blend-mode: normal;
    margin-top: 10px;
    margin-left: 10px;
}

.circuit-Showdown p {
    position: absolute;
    font-size: 28px;
    font-weight: 500;
    margin-top: 238px;
    margin-left: 29px;
    transition-duration: 150ms;
}

.circuit-Showdown:hover p {
    position: absolute;
    font-size: 28px;
    color: #000;
    font-weight: 500;
    margin-top: 238px;
    margin-left: 10px;
}

.celeste-events-1 {
    height: 280px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 25px;
}

.celeste-events-2 {
    height: 280px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 25px;
}

.container-team-info, .container-team-rpl-info,.container-team-sat-info {
    height: auto;
    background-color:lightgrey;
    color: #000;
    display: flex;
    justify-content: center;   
}

.team-rpl-info,.team-sat-info {
    width: 1235px;
    display: flex;
    flex-direction: column;
    padding: 100px 0px;
    align-items: center;
    
}

.team-info {
    width: 1235px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 90px 0px;
    
}

@font-face {
    font-family: nidus-sans;
    src: url(nidsans-webfont.woff);
}
.team-info h1 {
    font-size: 43px;
    font-weight: 600;
    margin-top: 0px;
    margin-left: 0px;
    color: #000;
    text-align: center;
    font-family: nidus-sans;
    border-bottom: 2.5px solid firebrick;
    padding-bottom: 10px;
    width: 90%;
}

.team-sat-info h1 {
    font-size: 43px;
    font-weight: 600;
    margin-top: 0px;
    margin-left: 0px;
    color: #000;
    text-align: center;
    font-family: nidus-sans;
    border-bottom: 2.5px solid firebrick;
    padding-bottom: 10px;
    width: 90%;
}

.team-sat-info h2 {
    font-size:30px;
    font-weight: 600;
    margin-top: 32px;
    margin-left: 0px;
    color: #000;
    display: flex;
    align-self: flex-start;
    text-align: left;
    font-family:lator;
    border-bottom: 2.5px solid firebrick;
    padding-bottom: 10px;
}

.team-sat-info h3 {
    font-size: 22px;
    margin-top: 10px;
    margin-left: 0px;
    color: #000;
    display: flex;
    align-self: flex-start;
    text-align: left;
    font-family:lator;
}

.team-info span,.team-sat-info span {
    
    margin-top: 0px;
    margin-left: 0px;
    color: #000;
    font-family:lator;
}

.team-info span {
    font-size: 25px;
    font-weight: 600;
    margin-top: 0px;
    margin-left: 0px;
    color: #000;
}

.team-info p,.team-rpl-info p  {
    font-size:25px;
    margin-top: 28px;
    color: #000;
    text-align: justify;
    
}

.team-sat-info span {
    font-size: 24px;
}

.team-sat-info ul  {
    font-size: 18px;
    margin-top: 8px;
    margin-left: 50px;
    color: #000;
    font-family:lator;
    display: flex;
    display: grid;
    align-self: self-start;

}

.team-sat-info  li {
    font-size: 18px;
    margin-top: 8px;
    margin-left: 50px;
    color: #000;
    font-family:lator;
    
}

@font-face {
    font-family: lator;
    src: url(Lato-Regular.ttf);
}

.team-info p,.team-rpl-info p  {
    font-size: 24px;
    margin-top: 28px;
    color: #000;
    text-align: justify;
    font-family:lator;
    align-self: flex-start;
    text-align: justify;
}

.team-sat-info p {
    font-size: 21.5px;
    margin-top: 18px;
    color: #000;
    text-align: justify;
    font-family:lator;
    align-self: flex-start;
    text-align: justify;
}

.sat-h2{
    margin-top: 100px;
}

.team-rpl-info h1 {
    font-size: 43px;
    font-weight: 600;
    margin-top: 0px;
    margin-left: 0px;
    color: #000;
    text-align: center;
    font-family: nidus-sans;
    border-bottom: 2.5px solid firebrick;
    padding-bottom: 10px;
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.team-rpl-info h2 {
    font-size:30px;
    font-weight: 600;
    margin-top: 32px;
    margin-left: 0px;
    color: #000;
    display: flex;
    align-self: flex-start;
    text-align: left;
    font-family:lator;
}

.team-rpl-info h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-left: 0px;
    color: #000;
}

.team-rpl-info ul li {
    font-size: 16px;
    margin-top: 8px;
    margin-left: 50px;
    color: #000;
}


.team-rpl-info span {
    font-size: 24px;
    font-weight: 600;
    margin-top: 0px;
    margin-left: 0px;
    color: #000;
    
}

.team-sat-info span {
    font-size: 22px;
    font-weight: 600;
    margin-top: 0px;
    margin-left: 0px;
    color: #000;
    
}


.faculty-co-ordinators-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.faculty-title-holder {
    height: 48px;
    padding-top: 150px;
    padding-bottom: 100px;
}

.fac-2{
    display: none;
}
.faculty-title-holder:hover > p {
    letter-spacing: 5px;
}

.faculty-title-holder p {
    font-size: 48px;
    font-weight: 600;
    transition-duration: 200ms;
    font-family: aquire-B;
}

.faculty-title-holder:hover p {
    font-size: 48px;
    font-weight: 600;
    transition-duration: 200ms;
}

.container-all-faculty-members {
    width: 1025px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container-faculty-row {
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}

.container-faculty-member {
    width: 200px;
    height: 250px;
    margin-right: 75px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition-duration: 150ms;
}

.container-faculty-member-end {
    width: 200px;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition-duration: 150ms;
}

.faculty-member {
    width: 200px;
    height: 250px;
    margin-top: 0px;
    margin-left: 0px;
    overflow: hidden;
}

.faculty-image {
    width: 200x;
    height: 200px;
}

.container-faculty-member h2 {
    font-size: 16px;
    font-weight: 600;
}

.container-faculty-member p {
    font-size: 12px;
    font-weight: 500px;
    margin-top: 5px;
}

.container-faculty-member-end h2 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 12px;
    margin-left: 0px;
}

.container-faculty-member-end p {
    font-size: 12px;
    font-weight: 500px;
    margin-top: 5px;
}

.container-team-members {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    margin-bottom: 50px;
}


.container-team-rpl-members {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.members-title-holder {
    height: 48px;
    padding-top: 80px;
    padding-bottom: 80px;
}

.members-title-holder p {
    font-size: 48px;
    font-weight: 600;
    transition-duration: 200ms;
    font-family: aquire-B;
}

.members-title-holder:hover > p {
    letter-spacing: 5px;
}

.container-all-team-members {
    width: 1025px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container-team-members-row {
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}

.container-team-members-row h1{
    font-family: aquire-B;
}

.abt-h1{
    font-size: xx-large;
}

.container-team-members-row-end {
    display: flex;
    justify-content: center;
}

.container-team-member {
    width: 185px;
    height: 295px;
    margin-right: 25px;
    display: flex;
    flex-direction: column;
    transition-duration: 150ms;
}

.container-teamrpl-member,.container-teamrpl-member2 {
    width: 225px;
    height: 100px;
    margin-right: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition-duration: 150ms;
}

.container-teamrpl-member h2,.container-teamrpl-member2 h2{
    font-size: 16px;
}


.cont-pos4{
    margin-right:0px ;
}

.team-member {
    width: 185px;
    height: 250px;
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.member-image {
    width: 185px;
    height: 250px;
   
}

.overlay-element {
    height: 250px;
    position: absolute;
    left: -270px;
    
}

.container-team-member:hover > .team-member > .member-image {
    filter: saturate(0%);
}

.container-team-member:hover > .team-member > .overlay-element {
    mix-blend-mode: overlay;
    animation-name: overlay-anima;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
}

@keyframes overlay-anima {
    0%   {left: -270px;}
    100%  {left: 0px}
}

.container-team-member:hover > h2 {
    color: var(--hover-orange);
}

.container-team-member:hover > p {
    color: var(--hover-orange);
}

.container-team-member h2 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 12px;
    margin-left: 0px;
}

.container-team-member p {
    font-size: 12px;
    font-weight: 500px;
    margin-top: 5px;
}

.container-team-member-end {
    width: 185px;
    height: 295px;
    display: flex;
    flex-direction: column;
    transition-duration: 150ms;
}

.container-team-member-end h2 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 12px;
    margin-left: 0px;
}

.container-team-member-end p {
    font-size: 12px;
    font-weight: 500px;
    margin-top: 5px;
}

.container-team-member-end:hover > .team-member > .member-image {
    filter: saturate(0%);
}

.container-team-member-end:hover > .team-member > .overlay-element {
    mix-blend-mode: overlay;
    animation-name: overlay-anima;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
}

.container-team-member-end:hover > h2 {
    color: var(--hover-orange);
}

.container-team-member-end:hover > p {
    color: var(--hover-orange);
}


.teams-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.team-rpl {
    width: 100vw;
    height: 310px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-rpl img{ 
    width: 100vw;
    height: 310px;
    mix-blend-mode: luminosity;
}

.team-rpl P {
    position: absolute;
    font-size: 48px;
    font-weight: 600;
    z-index: 1;
    font-family: aquire-B;
}

.team-rpl:hover img {
    mix-blend-mode: normal;
}

.team-rpl:hover p {
    mix-blend-mode: overlay;
}

.team-rover {
    width: 100vw;
    height: 310px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-rover img{
    width: 100vw;
    height: 310px;
    mix-blend-mode: luminosity;
}

.team-rover P {
    position: absolute;
    font-size: 48px;
    font-weight: 600;
    z-index: 1;
    font-family: aquire-B;
}

.team-rover:hover img {
    mix-blend-mode: normal;
}

.team-rover:hover p {
    mix-blend-mode: overlay;
}

.team-satellite {
    width: 100vw;
    height: 360px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.team-satellite P {
    position: absolute;
    font-size: 48px;
    font-weight: 600;
    z-index: 1;
    font-family: aquire-B;
}

.team-satellite img{
    width: 100vw;
    height: 360px;
    mix-blend-mode: luminosity;
}

.team-satellite:hover img {
    mix-blend-mode: normal;
}

.team-satellite:hover p {
    mix-blend-mode: overlay;
}

.article-section {
    height: 650px;
    background-color: #fff;
}

.article-title {
    font-size: 48px;
    font-weight: 650;
    color: #000;
    transition-duration: 200ms;
    font-family: nidus-sans;
    padding-bottom: 55px;
    margin-top: 60px;
    font-family: aquire-B;
}

    .article-title-holder {
        height: 48px;
        display: flex;
        justify-content: center;
}
     
    .article-title:hover {
        font-size: 48px;
        font-weight: 650;
        letter-spacing: 5px;
}
    

.article-holder {
    height: 352px;
    padding: 150px 0px;
    display: flex;
    justify-content: center;
}

.article-1 {
    position: relative;
    width: 380px;
    height: 352px;
    margin-right: 25px;
}

.article-1 img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 230px;
}

.article-1 h2 {
    position: absolute;
    top: 270px;
    left: 0px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.article-1 p {
    position: absolute;
    top: 328px;
    left: 0px;
    font-size: 12px;
    color: #000;
}

.article-2 {
    position: relative;
    width: 380px;
    height: 352px;
    display: grid;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.article-2 img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 230px;
}

.article-2 h2 {
    position: absolute;
    top: 270px;
    left: 0px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    
}

.article-2 p {
    position: absolute;
    top: 328px;
    left: 0px;
    font-size: 12px;
    color: #000;
    width: 350px;
}

.achievements-section ,.achievements-section-abt,.achievements-section-rpl,.achievements-section-rov {
    width: 1235px;
    /* height: 975px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}
.achievements-section-sat {
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    width: 1235px;
    margin-bottom: 50px;
}
.achievements-section-abt {
    display: none;
}

.achievements-title-holder,.achievements-title-holder-rpl,.achievements-title-holder-rov,.achievements-title-holder-sat {
    height: 48px;
    padding-top: 100px;
    padding-bottom: 50px;
}

.achievements-title {
    font-size: 48px;
    font-weight: 600;
    transition-duration: 200ms;
    text-align: center;
    font-family: aquire-B;
}

.achievements-title:hover {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 5px;
}

.achievements {
    display: flex;
    flex-direction: row;
    /* height: 205px; */
    margin-top: 55px;
    border-radius: 15px;
}

.image-holder {
    width: 290px;
    height: 205px;
}

.image-holder img{
    width: 260px;
    height: 185px;
    margin-left: 23px;
    margin-top: 15px;
    border-radius: 15px;
}

.info-holder {
    position: relative;
    width: 920px;
    height:220px;
    margin-left: 50px;
    margin-right:30px;
   
}

.info-holder-2 {
    position: relative;
    width: 920px;
    height:150px;
    margin-left: 50px;
    margin-right:30px;
   
}

.info-holder-3 {
    position: relative;
    width: 920px;
    height: 270px;
    margin-left: 50px;
    margin-right:30px;
   
}

.info-holder h1,.info-holder-2 h1,.info-holder-3 h1 {
    /* position: absolute; */
    font-size: 32px;
    font-weight: 600;
    margin-top: 50px;
    font-family:lator;
    height: auto;
}

.info-holder h2,.info-holder-2 h2,.info-holder-3 h2 {
    /* position: absolute; */
    margin-top: 30px;
    font-size: 20px;
    font-weight: 100;
    text-align: justify;
    font-family:lator;
}

.info-holder p,.info-holder-2 p,.info-holder-3 p {
    /* position: absolute; */
    margin-top: 10px;
    font-size: 20px;
    font-weight: 100;
    text-align: justify;
    font-family:lator;
}


.sponsor-section {
    height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
}

.sponsor-image-holder {
    height: 80px;
    margin-top: 100px;
    display:flex ;
    justify-content: center;
    align-items: center;
}

.sponsor-image-holder img {
    height: 155px;
    width: auto;
}

#spons-img-2{
    display: none;
}

.cta-section {
    height: 530px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(../Images/join_bgnd.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cta-title-holder {
    padding-top: 180px;
    height: 48px;
}

.cta-title {
    font-size: 48px;
    font-weight: 600;
    transition-duration: 200ms;
    margin-bottom: 48px;
    font-family: aquire-B;
}

.cta-title:hover {
    letter-spacing: 5px;
}

.cta-button {
    height: 50px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #fff;
    border-radius: 25px;
    margin-top: 55px;

}

.cta-button:hover {
    height: 70px;
    width: 140px;
    border-radius: 35px;
    margin-top: 45px;
}

.cta-button:hover > a {
    font-size: 30px;
    font-weight: 600;
}

.cta-button a {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    font-family: zeroes-II;
}

.contact {
    margin-bottom: 100px;
    padding-top : 80px;
  }
  
  button {
    overflow: visible;
  }
  
  button {
    text-transform: none;
  }
  
  button, input, textarea {
    color: white;
    font: inherit;
    margin: 0;
  }
  
  input {
    line-height: normal;
  }
  
  textarea {
    overflow: auto;
  }
  
  #container {
    border: solid 3px white;
    margin: 0 auto;
    max-width: 650px;
    max-height: 650px;
    position: relative;
    width: 100%;
    margin-bottom: 80px;
  }
  
  form {
    padding: 45px;
  }
  
  .contact-title {
    font-size: 42px;
    font-weight: 600;
    transition-duration: 200ms;
    margin-bottom: 48px;
    margin-top: 48px;
    text-align: center;
    font-family: aquire-B;
}

.contact-title:hover {
    letter-spacing: 5px;
}
  
  .email {
      float: right;
      width: 45%;
  }
  
  input[type='text'], [type='email'], [type='subject'], textarea {
      background: none;
    border: none;
      border-bottom: solid 2px white;
      color: white;
      font-size: 1.000em;
    font-weight: 400;
    letter-spacing: 1px;
      margin: 0em 0 1.875em 0;
      padding: 0 0 0.875em 0;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
  }
  
  input[type='text']:focus, [type='email']:focus, [type='subject']:focus,textarea:focus {
      outline: none;
      padding: 0 0 0.875em 0;
  }
  
  .message {
      float: none;
  }
  
  .name {
      float: left;
      width: 45%;
  }
  
  .subject {
    width: 100%;
  }
  
  textarea {
      line-height: 150%;
      height: 150px;
      resize: none;
    width: 100%;
  }
  
  ::-webkit-input-placeholder {
      color: white;
  }
  
  #form_button {
    background: none;
    border: solid 2px white;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    padding: 20px 35px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      font-family: zeroes-II;
  }
  
  .submit {
    text-align: center;
  }
  
  #form_button:hover {
    background: white;
    color:#000;
  }

.footer-scetion {
    height: 80px;
    position: relative;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
}

.container-footer {
    height: 80px;
    width: 98.749vw; 
    position: absolute;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;

}

.container-footer img {
    height: 20px;
}

.container-socials {
    height: 20px;
    width: 200px;
    border-left: 2px solid #000;
    margin-left: 25px;
    padding-left: 25px;
    display: flex;
}

.container-socials-img {
    padding-right: 15px;
    height: 20px;
}

.container-footer p {
    margin-left: auto;
    color: #000;
    font-size: 20px;
}

.sd-title-holder{
    height: 4px;
    padding-top: 50px;    
    padding-bottom: 60px;
}

.sd-title-holder2{
    height: 4px;
    padding-top: 50px;    
    padding-bottom: 60px;
    margin-bottom: 15px;
}


/* Slideshow container */
.slideshow-container {
    position: relative;
    max-width: 100vw;
    margin: auto;
    margin-bottom: 50px;
}

/* Slides */
.mySlides {
    display: none;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {opacity: 0.4}
    to {opacity: 1}
}

/* Slide content layout */
.slide-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: black;
    padding: 20px;
    border-radius: 10px;
}

/* Slide image */
.slide-image img {
    width: 400px;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

/* Slide text */
.slide-text {
    max-width: 60%;
    padding-left: 20px;
    font-family:lator;
}

.slide-text h2 {
    font-size: 24px;
    margin-bottom: 10px;
    font-family:lator;
}

.slide-text p {
    font-size: 16px;
    line-height: 1.6;
    font-family:lator;
}

/* Navigation arrows */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

.next {
    right: 0;
    border-radius: 0;
}

.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0);
}

.carousel-container {
    display: flex;
    position: relative;
    align-items: center;
  }
  
  .carousel {
    display: flex;
    overflow: hidden;
    width: 100%;
    padding: 0 50px; /* Adds space for arrows */
  }
  
  .card {
    min-width: 28%;
    margin: 0 10px;
    padding: 20px;
    background-color:black;
    border-radius: 10px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    /* text-align: center; */
    overflow: hidden;
    border-width: 2px;
    border: white solid;
    display: flex;
    flex-direction: column; /* Ensures content stacks vertically */
    align-items: center; /* Horizontally center the content */

  }
  
  .card img {
    width:240px;
    height: 180px;
    border-radius: 10px;
    object-fit: cover;
  }
  
  .card h3 {
    margin: 15px 0 10px;
    font-size: 1.5rem;
    color:white;
    font-family:lator;
  }
  
  .card p {
    font-size: 1rem;
    color:white;
    font-family:lator;
    text-align: justify;
  }
  
  
  .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    cursor: pointer;
    color: white;
    user-select: none;
    z-index: 1000;
  }
  
  .arrow.left {
    left: 10px; /* Position at left of screen */
  }
  
  .arrow.right {
    right: 10px; /* Position at right of screen */
  }
  
  /* Hide arrows when no more cards to scroll */
  .arrow.disabled {
    visibility: hidden;
  }
  
  .postlink{
    margin-top: 10px;
    align-self: left;
  }

/* experimenting */
@media (min-width:300px) and (max-width:450px){
    * {
        margin: 0px;
        padding: 0px;
        font-family: var(--poppins-font-colour);
        color: #fff;
    }
    
    :root {
        --poppins-font-colour: 'poppins', sans-serif;
        --hover-orange: #cd5700;
    }
    
    /* @media screen and (max-width: 1279px) {
        .main-section {
          display: none;
        }
      } */
    
    .body-ind,.body-abt,.body-rov,.body-rpl,.body-sat,.body-csev,.body-asev,.body-llev, .body-llev,.body-seev, .body-acev, .body-ssev,.body-rrev, .body-epeev {
        background-position: center;
        background-repeat: no-repeat;
        background-color: #000;
        background-size: cover;
        display: flex;
        justify-content: center;
        width:100vw;
    }
    
    .body-ind{
        background-image: url(./../Images/hero2.jpg);
        background-size:100vw 100vh;
    }
    
    
    .body-abt {
        background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url(./../Images/group\ 24-25.jpg),url(../Images/bgnd3.png);
        background-size:100vw 100vh,100vw auto;    }
    
    .body-rov{
        background-image: url(./../Images/Rover_team_img_bottom.png),url(../Images/bgnd3.png);
        background-size:100vw auto,100vw 100vh; 
    }
    
    .body-rpl {
        background-image: url(./../Images/Rocket_team_img.png),url(../Images/bgnd3.png);
        background-size:100vw auto,100vw 80vh;
    }
    
    .body-sat {
        background-image: url(./../Images/Satellite_team_img_bottom.png),url(../Images/bgnd3.png);
        background-size:100vw auto,100vw 100vh;
    }
    
    .body-csev {
        background-image: url(./../Images/Circuit_Showdown_Web.png),url(../Images/bgnd3.png);
        background-size:100vw auto,100vw 100vh;
    }
    
    .body-asev {
        background-image: url(./../Images/Aero_Spectra_Web.png),url(../Images/bgnd3.png);
        background-size:100vw auto,100vw 100vh;
    }
    
    .body-llev {
        background-image: url(./../Images/Luminary_lens_Web.png),url(../Images/bgnd3.png);
        background-size:100vw auto,100vw 100vh;
    }
    
    .body-seev {
        background-image: url(./../Images/Star_Expo_Web.png),url(../Images/bgnd3.png);
        background-size:100vw auto,100vw 100vh;
    }
    
    .body-acev {
        background-image: url(./../Images/Artemis_Crew_Web.png),url(../Images/bgnd3.png);
        background-size:100vw auto,100vw 100vh;
    }
    
    .body-ssev {
        background-image: url(./../Images/Space_Splash_Web.png),url(../Images/bgnd3.png);
        background-size:100vw auto,100vw 100vh;
    }
    
    .body-rrev {
        background-image: url(./../Images/Rocket_rundown_Web.png),url(../Images/bgnd3.png);
        background-size:100vw auto,100vw 100vh;
    }
    
    .body-epeev{
        background-image: url(./../Images/Extraplanetry_Estates_Web.png),url(../Images/bgnd3.png);
        background-size:100vw auto,100vw 100vh;
    }
    
    @font-face {
        font-family:alenia;
        src: url(../fonts/Alenia.ttf);
    }
    @font-face {
        font-family:aura;
        src: url(../fonts/AURA_DEMO.ttf);
    }
    @font-face {
        font-family:ministro;
        src: url(../fonts/Ministro.ttf);
    }
    @font-face {
        font-family:morguns;
        src: url(../fonts/Morguns-Condensed.ttf);
    }
    @font-face {
        font-family:aquire-B;
        src: url(../fonts/aquire-B\ .otf);
    }
    @font-face {
        font-family:now-black;
        src: url(../fonts/Now-Black.otf);
    }
    @font-face {
        font-family:now-bold;
        src: url(../fonts/Now-Bold.otf);
    }
    @font-face {
        font-family:now-light;
        src: url(../fonts/Now-Light.otf);
    }
    @font-face {
        font-family:now-med;
        src: url(../fonts/Now-Medium.otf);
    }
    @font-face {
        font-family:now-reg;
        src: url(../fonts/Now-Regular.otf);
    }
    @font-face {
        font-family:now-thin;
        src: url(../fonts/Now-Thin.otf);
    }
    @font-face {
        font-family:ocd-bold;
        src: url(../fonts/OvercameDemoBold.ttf);
    }
    @font-face {
        font-family:ocd-bold-ita;
        src: url(../fonts/OvercameDemoBoldItalic.ttf);
    }
    @font-face {
        font-family: ocd-italic;
        src: url(../fonts/OvercameDemoItalic.ttf);
    }
    @font-face {
        font-family:ocd-ol;
        src: url(../fonts/OvercameDemoOutline.ttf);
    }
    @font-face {
        font-family:ocd-reg;
        src: url(../fonts/OvercameDemoRegular.ttf);
    }
    @font-face {
        font-family:zeroes-I;
        src: url(../fonts/Zeroes\ One.otf);
    }
    @font-face {
        font-family:zeroes-II;
        src: url(../fonts/Zeroes\ Two.otf);
    }
    @font-face {
        font-family:zeroes-III;
        src: url(../fonts/Zeroes\ Three.otf);
    }
    @font-face {
        font-family:na-black;
        src: url(../fonts/NowAlt-Black.otf);
    }
    @font-face {
        font-family:na-bold;
        src: url(../fonts/NowAlt-Bold.otf);
    }
    @font-face {
        font-family:na-light;
        src: url(../fonts/NowAlt-Light.otf);
    }
    @font-face {
        font-family:na-med;
        src: url(../fonts/NowAlt-Medium.otf);
    }
    @font-face {
        font-family:na-reg;
        src: url(../fonts/NowAlt-Regular.otf);
    }
    @font-face {
        font-family:na-thin;
        src: url(../fonts/NowAlt-Thin.otf);
    }
    @font-face {
        font-family:aquire-B;
        src: url(../fonts/AquireBold-8Ma60.otf);
    }
    

    a {
        text-decoration: none;
    }
    
    .main-section {
        height: 100vh;
        border: #000;
        width:100vw;
    }

    .main-section-abt,.main-section-rpl {
        height: 80vh;
        border: #000;
        width:100vw;
    }
    
    .hero-section {
        height: 100vh;
        width:100vw;
    }

    .hero-section-abt {
        height: 50vh;
        width:100vw;
        padding-top: 0px;
        margin-bottom: 260px;
        
    }
    
    .hero-section-rpl,.hero-section-sat {
        height: 80vh;
        width:100vw;
        padding-top: 0px;
        margin-bottom: 0px;
        
    }

    .container-header, .container-header-abt {
        height: 75px;
        width: 100vw;
        display: flex;
        flex-direction: row;
        margin-top: 10px;
    }
    
    .container-header-abt {
        background-color:transparent;
    }
    
    .nav-bar {
        max-width: 100vw;
        height: 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 1000;
    }
    
    .nav-bar-rpl ,.nav-bar-events{
        width: 100vw;
        height: 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 1000;
    }

    .nav-bar img {
        height: 20px;
        margin: 10px;
        padding-left: 10px;
        margin-top: 5px;
    }
    
    .nav-bar-rpl img, .nav-bar-events img {
        height: 20px;
        margin: 10px;
        padding-left: 10px;
        margin-top: 5px;
        z-index: 10000;
    }

    .nav-links ,.nav-links-events,.nav-links-rpl{
        font-size: 16px;
        display: none;
    }
    
    .nav {
        margin-right: 50px;
        text-decoration: none;
        display: none;
    }
    
    /* Dropdown Button */
    .dropbtn {
        background-color: #000;
        color: white;
        padding: 10px;
        font-size: 16px;
        border: none;
        cursor: pointer;
        margin-right: 15px;
        margin-left: -40px;
    }
    
  /* Dropdown button on hover & focus */
  .dropbtn:hover, .dropbtn:focus {
    background: black;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
    display: flex;
    align-self:flex-end;
    margin-left: -40px;
    
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ddd;}
  
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  .show {display:block;}

    .cta {
        text-decoration: none;
        display: none;
    }
    
    .hero-image,.hero-image-rov ,.hero-image-sat,.hero-image-abt {
        display: flex;
        flex-direction: column;
        align-items: center;
        height:78vh;
    }
    
    .hero-image-rov,.hero-image-sat {
        position: relative;
    }
    
    .hero-image img {
        width: 240px;
        margin-top:30vh;
        height:45px;
    }
    
    .hero-image-abt img {
        width: 190px;
        height:35px;  
        margin-top:30vh;
    }
    
    .hero-image-rov img{
        
        position: absolute;
        width: 100vw;
        z-index: 1;
        height: auto;
        margin-top:21.5vh;
        display: none;
    }
    
    .hero-image-sat img {
        position: absolute;
        width: 65vw;
        z-index: 1;
        height: auto;
        margin-top:28vh;
    }
    
    .quote {
        margin-top: 10px;
        font-size: 28px;
        font-weight:600;
        text-align: center;
        font-family:aquire-B;
        
    }
    
    .quote-abt {
        margin-top: 10px;
        font-size: 28px;
        font-weight:600;
        text-align: center;
        font-family:aquire-B;
        
    }
    
    .quote-rov {
        margin-top: 26.5vh;
        font-size: 30px;
        font-weight:600;
        text-align: center;
        mix-blend-mode: overlay;
    }
    
    .quote-rpl {
        margin-top: 29vh;
        font-size: 22px;
        font-weight:600;
        text-align: center;
        mix-blend-mode: overlay;
    }
    
    .quote-sat {
        margin-top: 29vh;
        font-size: 35px;
        font-weight:600;
        text-align: center;
    }
    .quote-sat p{
        font-family: aquire-B;
    }

    .quote-rpl p{
        font-family: aquire-B;
    }

    .quote-rov p{
        font-family: aquire-B;
    }

    .quote-event {
        margin-top: 60vh;
        font-size: 18px;
        font-weight:600;
        background-color: #fff;
        height: 35px;
        width: 140px;
        border-radius: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .quote-event:hover {
        background-color: #000;
    }
    
    .quote-event:hover > a {
        color: #fff;
    }
    
    .quote-event a {
        color: #000;
    }
    
    .celeste-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 220px;
        
    }
    
    .celeste-section video{
        height: 2500px;
        width: 100vw;
        object-fit: cover;
        z-index: -1;
        display: flex;
        justify-content: center;
        
    }
    
    .celeste-title-holder {
        height: 48px;
        margin-top: 150px;
    }
    
    @font-face {
        font-family: helion;
        src: url(Helion\ W00\ Regular.ttf);
    }
    
    .celeste-title0,.celeste-title ,.celeste-title2 {
    font-size: 27px;
    font-weight: 500;
    margin-top: -2600px;
    transition-duration: 200ms;
    font-family: helion;
    border-bottom: 2px solid firebrick;
    }
    
    .celeste-title:hover {
        font-size: 27px;
        font-weight: 500;
        letter-spacing: 5px;
    }
    
    .celeste-events {
        height: 280px;
        margin-top: -2550px; 
        align-items: center;
        justify-content: center;
        margin-left: 8px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        row-gap: 10px;
    }
    
    .circuit-Showdown-1 {
        position: relative;
        height: 185px;
        width: 300px;
        margin-right: 25px;
        transition-duration: 150ms;
        border-radius: 15px;
        margin-left: 17px;
        justify-content: center;
        display: flex;
        align-self: center;
    }
    
    .circuit-Showdown-1:hover {
        background-color: #fff;
        font-weight: 500;
        display: flex;
        align-self: center;
    }
    
    .circuit-Showdown-1 img {
        position: absolute;
        height: 140px;
        width: 269px;
        margin: 10px;
        
        mix-blend-mode: normal;
        transition-duration: 150ms;
        border-radius: 8.5px;
        display: flex;
        align-self: center;
        
    }
    
    .circuit-Showdown-1:hover img {
        position: absolute;
        height: 150px;
        width: 280px;
        margin-top: 10px;
        mix-blend-mode: normal;
        margin: 10px;
        
    }
    
    .circuit-Showdown-1 p {
        position: absolute;
        font-size: 28px;
        font-weight: 500;
        margin-top: 238px;
        margin-left: 29px;
        transition-duration: 150ms;
    }
    
    .circuit-Showdown-1:hover p {
        position: absolute;
        font-size: 28px;
        color: #000;
        font-weight: 500;
        margin-top: 238px;
        margin-left: 10px;
    }
    
    .circuit-Showdown {
        position: relative;
        height: 185px;
        width: 300px;
        margin-right: 25px;
        transition-duration: 150ms;
        border-radius: 15px;
        margin-left: 17px;
        justify-content: center;
        display: flex;
        align-self: center;
    }
    
    .circuit-Showdown:hover {
        background-color: #fff;
        font-weight: 500;
        display: flex;
        align-self: center;
    }
    
    .circuit-Showdown img {
        position: absolute;
        height: 140px;
        width: 269px;
        margin: 10px;
        
        mix-blend-mode: normal;
        transition-duration: 150ms;
        border-radius: 8.5px;
        display: flex;
        align-self: center;
    }
    
    .circuit-Showdown:hover img {
        position: absolute;
        height: 150px;
        width: 280px;
        margin-top: 10px;
        mix-blend-mode: normal;
        margin: 10px;
        
    }
    
    .circuit-Showdown p {
        position: absolute;
        font-size: 28px;
        font-weight: 500;
        margin-top: 238px;
        margin-left: 29px;
        transition-duration: 150ms;
    }
    
    .circuit-Showdown:hover p {
        position: absolute;
        font-size: 28px;
        color: #000;
        font-weight: 500;
        margin-top: 238px;
        margin-left: 10px;
    }
    
    .celeste-events-1 {
        height: 280px;
        margin-top: 310px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        margin-left: 8px;
        justify-content: center;
        row-gap: 10px;
        
    }
    
    .celeste-events-2 {
        height: 280px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 310px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        margin-left: 8px;
        row-gap: 10px;
    }
    
    .events-grid{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr ;
    }
    .container-team-info, .container-team-rpl-info,.container-team-sat-info {
        height: auto;
        background-color:lightgrey;
        color: #000;
        display: flex;
        justify-content: center;
        
    }
    
    .team-sat-info {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }

    .team-rpl-info {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .team-info {
        width: 1235px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 90px 0px;
    }
    
    @font-face {
        font-family: nidus-sans;
        src: url(nidsans-webfont.woff);
    }
    .team-info h1 {
        font-size: 28px;
        font-weight: 600;
        margin-top: -20px;
        margin-left: 0px;
        color: #000;
        text-align: center;
        font-family: nidus-sans;
        border-bottom: 2.5px solid firebrick;
        padding-bottom: 10px;
        width: 90%;
    }
    
    .team-sat-info h1 {
        font-size: 30px;
        font-weight: 600;
        margin-top: -40px;
        margin-left: 0px;
        color: #000;
        text-align: center;
        font-family: nidus-sans;
        border-bottom: 2.5px solid firebrick;
        margin-bottom: 0px;
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .team-sat-info h2 {
        font-size:24px;
        font-weight: 600;
        margin-top: 10px;
        margin-left: 0px;
        color: #000;
        display: flex;
        align-self: flex-start;
        text-align: left;
        font-family:lator;
        margin-left: 15px;
        border-bottom: 2.5px solid firebrick;

    }
    
    .team-sat-info h3 {
        font-size: 22px;
        margin-top: 0px;
        margin-left: 0px;
        color: #000;
        display: flex;
        align-self: flex-start;
        text-align: left;
        font-family:lator;
        padding-left: 15px;
    }
    
    .team-info span,.team-sat-info span {
        font-weight: 600;
        margin-top: 0px;
        margin-left: 0px;
        color: #000;
        font-family:lator;
    }
    
    .team-info span{
        font-size: 22px;
    }
    
    .team-sat-info span {
        font-size: 24px;
    }
    
    .team-sat-info ul  {
        font-size: 18px;
        margin-top: 0px;
        margin-left: 50px;
        color: #000;
        font-family:lator;
        display: flex;
        display: grid;
        align-self: self-start;
    
    }
    
    .team-sat-info  li {
        font-size: 18px;
        margin-top: 0px;
        margin-left: 50px;
        color: #000;
        font-family:lator;
        
    }
    
    @font-face {
        font-family: lator;
        src: url(Lato-Regular.ttf);
    }
    
    
    .team-sat-info p {
        font-size: 18px;
        margin-top: 0px;
        color: #000;
        text-align: justify;
        font-family:lator;
        align-self: flex-start;
        text-align: justify;
        padding: 15px;
    }
    
    .team-rpl-info h1 {
        font-size: 30px;
        font-weight: 600;
        margin-top: -40px;
        margin-left: 0px;
        color: #000;
        text-align: center;
        font-family: nidus-sans;
        border-bottom: 2.5px solid firebrick;
        margin-bottom: 0px;
        width: 60%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .team-rpl-info h2 {
        font-size:24px;
        font-weight: 600;
        margin-top: 32px;
        margin-left: 0px;
        color: #000;
        display: flex;
        align-self: flex-start;
        text-align: left;
        font-family:lator;
        padding: 15px;
    }
    
    .team-rpl-info h3 {
        font-size: 20px;
        margin-top: 10px;
        margin-left: 0px;
        color: #000;
    }
    
    .team-rpl-info ul li {
        font-size: 16px;
        margin-top: 8px;
        margin-left: 50px;
        color: #000;
    }
    
    .team-info span {
        font-size: 18.5px;
        font-weight: 600;
        margin-top: 0px;
        margin-left: 0px;
        color: #000;
    }
    
    .team-rpl-info span {
        font-size: 18.5px;
        font-weight: 600;
        margin-top: 0px;
        margin-left: 0px;
        color: #000;
        
    }
    
    .team-sat-info span {
        font-size: 22px;
        font-weight: 600;
        margin-top: 0px;
        margin-left: 0px;
        color: #000;
        
    }
    
    .team-info p,.team-rpl-info p  {
        font-size: 18px;
        margin-top: 28px;
        color: #000;
        text-align: justify;
        font-family:lator;
        align-self: flex-start;
        text-align: justify;
        padding: 20px;
    }
    
    
    .faculty-co-ordinators-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
    }
    
    .faculty-title-holder {
        height: 48px;
        padding-top: 100px;
        padding-bottom: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .faculty-title-holder:hover > p {
        letter-spacing: 5px;
    }
    
    .faculty-title-holder p {
        font-size: 35px;
        font-weight: 600;
        transition-duration: 200ms;
        text-align: center;
        font-family: aquire-B;
    }

    .fac-1{
        display: none;
    }

    .fac-2{
        display: inline;
    }
    
    .faculty-title-holder:hover p {
        font-size: 35px;
        font-weight: 600;
        transition-duration: 200ms;
    }
    
    .container-all-faculty-members {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .container-faculty-row {
        margin-bottom: 50px;
        display: flex;
        justify-content: center;
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 20px;
    }
    
    .container-faculty-member {
        width: 200px;
        height: 250px;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition-duration: 150ms;
        margin-right: -20px;
    }
    
    .container-faculty-member-end {
        width: 200px;
        height: 250px;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition-duration: 150ms;
        
    }
    
    .faculty-member {
        width: 200px;
        height: 250px;
        
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .faculty-image {
        width: 150x;
        height: 150px;
    }
    
    .container-faculty-member h1 {
        font-size: 16px;
        font-weight: 600;
    }
    
    .container-faculty-member p {
        font-size: 12px;
        font-weight: 500px;
        margin-top: 5px;
    }
    
    .container-faculty-member-end h1 {
        font-size: 16px;
        font-weight: 600;
        margin-top: 12px;
        margin-left: 0px;
    }
    
    .container-faculty-member-end p {
        font-size: 12px;
        font-weight: 500px;
        margin-top: 5px;
    }
    
    .container-team-members {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        position: relative;
        margin-top: 0px;
        margin-bottom: 35px;   
    }
    
    
    .container-team-rpl-members {
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }
    
    .members-title-holder {
        height: 30px;
        padding-top:50px;
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .members-title-holder p {
        font-size: 30px;
        font-weight: 600;
        transition-duration: 200ms;
        text-align: center;
        font-family: aquire-B;
    }
    .abt-memb-title p{
        font-size: 26px;
    }
    .members-title-holder:hover > p {
        letter-spacing: 5px;
    }
    
    .container-all-team-members {
        width: 1025px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100vw;
    }
    
    .container-all-team-members-abt {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        
        
        
    }

    .container-team-members-row {
        margin-bottom: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
    
    }
    
    .container-team-members-row h1{
        font-family: aquire-B;
        text-align: center;
    }

    .row-abt-1{
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        justify-content: center;
        row-gap: 20px;
        width: 100vw;
        justify-items: center;
    }

    .row-abt-2{
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: 1fr 1fr;
        align-items: center;
        justify-content: center;
        row-gap: 20px;
        width: 100vw;
        justify-items: center;
    }

    .row-rpl{
        display: grid;
        grid-template-columns: 1fr 1fr ;
        align-items: center;
        justify-content: center;
        row-gap: 20px;
        width: 100vw;
        justify-items: center;
    }

    .row-abt-3{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-team-members-row-end {
        display: grid;
        flex-direction: column;
        justify-content: center;
        width: 100vw;
        align-items: center;
    }
    
    .container-team-member {
        width: 185px;
        height: 295px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition-duration: 150ms;
        margin-right:0px ;
    }
    
    .cont-pos{
        margin-right: -55vw;
        text-align: center;
    }

    .abt-h1{
        font-size: 22.5px;
    }
    .cont-pos2{
        margin-left: 5px;
    }

    .cont-pos3{
        margin-left: 0px;
    }
    .cont-pos4{
        margin-right: -50vw;
        text-align: center;
    }

    .container-teamrpl-member {
        width: 165px;
        height: 100px; 
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition-duration: 150ms;
        margin: 0px;
    }
    
    .container-teamrpl-member2 {
        width: 165px;
        height: 100px; 
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition-duration: 150ms;
        margin-right: -190px;
    }

    .container-teamrpl-member p{
        text-align: center;
        font-family: lator;
        
    }
    .container-teamrpl-member h2{
        text-align: center;
        font-family: lator;
        
    }

    .container-teamrpl-member h1{
        text-align: center;
        font-size: 16px;
        font-family: lator;
    }

    .container-teamrpl-member2 p{
        font-family: lator;
    }

    .container-teamrpl-member2 h1 {
        font-family: lator;
    }

    .team-member {
        width: 135px;
        height: 180px;
        margin-top: 0px;
        margin-left: 0px;
        position: relative;
        overflow: hidden;
        border-radius: 15px;
    }
    
    .member-image {
        width: 135px;
        height: 180px;
        border-radius: 15px;
       
    }
    
    .overlay-element {
        
        position: absolute;
        left: -270px;
        width: 135px;
        height: 180px;
        border-radius: 15px;
    }
    
    .container-team-member:hover > .team-member > .member-image {
        filter: saturate(0%);
    }
    
    .container-team-member:hover > .team-member > .overlay-element {
        mix-blend-mode: overlay;
        animation-name: overlay-anima;
        animation-duration: 300ms;
        animation-fill-mode: forwards;
    }
    
    @keyframes overlay-anima {
        0%   {left: -270px;}
        100%  {left: 0px}
    }
    
    .container-team-member:hover > h1 {
        color: var(--hover-orange);
    }
    
    .container-team-member:hover > p {
        color: var(--hover-orange);
    }
    
    .container-team-member h1 {
        font-size: 16px;
        font-weight: 600;
        margin-top: 12px;
        margin-left: 0px;
        font-family: lator;
    }
    
    .container-team-member p {
        font-size: 12px;
        font-weight: 500px;
        margin-top: 5px;
        text-align: center;
        font-family: lator;
    }
    
    .container-team-member-end {
        width: 185px;
        height: 295px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition-duration: 150ms;
    }
    
    .container-team-member-end h1 {
        font-size: 16px;
        font-weight: 600;
        margin-top: 12px;
        margin-left: 0px;
        font-family: lator;
    }
    
    .container-team-member-end p {
        font-size: 12px;
        font-weight: 500px;
        margin-top: 5px;
        font-family: lator;
    }
    
    .container-team-member-end:hover > .team-member > .member-image {
        filter: saturate(0%);
    }
    
    .container-team-member-end:hover > .team-member > .overlay-element {
        mix-blend-mode: overlay;
        animation-name: overlay-anima;
        animation-duration: 300ms;
        animation-fill-mode: forwards;
    }
    
    .container-team-member-end:hover > h1 {
        color: var(--hover-orange);
    }
    
    .container-team-member-end:hover > p {
        color: var(--hover-orange);
    }
    
    
    .teams-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        width: 100vw;
    }
    
    .team-rpl {
        width: auto;
        height: 360px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .team-rpl img{ 
        width: auto;
        height: 360px;
        mix-blend-mode: normal;
    }
    
    .team-rpl P {
        position: absolute;
        font-size: 30px;
        font-weight: 400;
        margin-top: 0px;
        margin-left: 0px;
        z-index: 1;
        display: flex;
        align-self: center;
        mix-blend-mode: overlay;
    }
    
    .team-rpl:hover img {
        mix-blend-mode: normal;
    }
    
    .team-rpl:hover p {
        mix-blend-mode: overlay;
    }
    
    .team-rover {
        width: auto;
        height: 360px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .team-rover img{
        width: auto;
        height: 360px;
        mix-blend-mode: normal;
    }
    
    .team-rover P {
        position: absolute;
        font-size: 30px;
        font-weight: 400;
        margin-top: 0px;
        margin-left: 0px;
        z-index: 1;
        display: flex;
        align-self: center;
        mix-blend-mode: overlay;
    }
    
    .team-rover:hover img {
        mix-blend-mode: normal;
    }
    
    .team-rover:hover p {
        mix-blend-mode: overlay;
    }
    
    .team-satellite {
        width: auto;
        height: 390px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .team-satellite P {
        position: absolute;
        font-size: 30px;
        font-weight: 400;
        margin-top: 0px;
        margin-left: 0px;
        z-index: 1;
        display: flex;
        align-self: center;
        mix-blend-mode: overlay;
    }
    
    .team-satellite img{
        width: auto;
        height: 390px;
        mix-blend-mode: normal;
    }
    
    .team-satellite:hover img {
        mix-blend-mode: normal;
    }
    
    .team-satellite:hover p {
        mix-blend-mode: overlay;
    }
    
    .article-section {
        height: 1150px;
        width: 100vw;
        background-color: #fff;
        display: grid;
        justify-content: center;
    }
    
    .article-title-holder {
        height: 48px;
        margin-top: 50px;
        
        width: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    
    
    .article-title  {
    font-size: 28px;
    font-weight: 700;
    transition-duration: 200ms;
    color: #000;
    text-align: center;
    font-family: aquire-B;
    
    }

    .article-holder {
        height: 900px;
        width: 100vw;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1fr,3);
        align-items: center;
        justify-content: center;
        row-gap: 270px;
        margin-top: -50px;

    }
    
    
    .article-1 {
        position: relative;
        width: 100vw;
        height: 352px;
        display: grid;
        align-items: center;
        justify-content: center;
        padding-left: 25px;
        margin-top: -100px;
        
    }
    
    .article-1 img {
        position: relative;
        display: grid;
        height: 145px;
        width: 230px;
        align-items: center;
        justify-content: center;
    }
    
    .article-1 h2 {
        position: relative;
        font-size: 16px;
        font-weight: 600;
        color: #000;
        width: 230px;
        align-items: center;
        justify-content: center;
        margin-top: -585px;
    }
    
    .article-1 p {
        position: relative;
        font-size: 12px;
        color: #000;
        text-align: justify;
        width: 230px;
        align-items: center;
        justify-content: center;
        margin-top: -735px;
    }
    
    .article-2 {
        position: relative;
        width: 100vw;
        height: 352px;
        display: grid;
        align-items: center;
        justify-content: center;
        padding-left: 25px;
        margin-top: -335px;
        
    }
    
    .article-2 img {
        position: relative;
        display: grid;
        height: 145px;
        width: 230px;
        align-items: center;
        justify-content: center;
    }
    
    .article-2 h2 {
        position: relative;
        font-size: 16px;
        font-weight: 600;
        color: #000;
        width: 230px;
        align-items: center;
        justify-content: center;
        margin-top: -585px;
    }
    
    .article-2 p {
        position: relative;
        font-size: 12px;
        color: #000;
        text-align: justify;
        width: 230px;
        align-items: center;
        justify-content: center;
        margin-top: -725px;
    }
    
    .achievements-section ,.achievements-section-abt, .achievements-section-rpl,.achievements-section-rov {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 1300px;
        
    }

    .achievements-section-rov{
        height: 1600px;
        margin-bottom: 50px;
        padding-bottom: 50px;
    }

    .achievements-section-rpl{
        height: 900px;
    }

    .achievements-section-sat {
        margin-bottom: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: auto;
        width: 100vw;
        margin-bottom: 50px;
    }
    .achievements-section-abt {
        display: none;
    }
    
    .achievements-title-holder {
        margin-top: -90px;
        display: flex;
        justify-content: center;
    }
    .achievements-title-holder-sat {
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .achievements-title-holder-rpl {
        margin-top: 70px;
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
        padding: 0px;
        
    }
    
    .achievements-title-holder-rov {
        margin-top: 70px;
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
        padding: 0px;
        
    }
    .achievements-title {
        font-size: 29px;
        font-weight: 600;
        transition-duration: 200ms;
        display: flex;
        justify-content: center;
        font-family: aquire-B;
    }
    
    .achievements-title:hover {
        font-size: 29px;
        font-weight: 600;
        letter-spacing: 5px;
    }
    
    .achievements {
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        background-color: #000;
        padding-top: 20px;
        padding-bottom: 70px;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        box-sizing: border-box;
        max-width: 100vw;
    }

    .achievements-rpl {
        height: 400px;
        display: flex;
        flex-direction: column;
        background-color: #000;
        align-items: center;
        text-decoration: none;
        color: #fff;
        box-sizing: border-box;
        max-width: 100vw;
        margin-bottom: 160px;
    }

    .achievements-rov {
        display: flex;
        flex-direction: column;
        background-color: #000;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        height: 300px;
        max-width: 100vw;
    }

    .achievements-sat{
        display: flex;
        flex-direction: column;
        background-color: #000;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        height: 300px;
        max-width: 100vw;
        margin-bottom: 20px;
    }

    .ach-mar{
        margin-bottom: 90px;
    }

    .image-holder {
        width: 100vw;
        display: grid;
        align-items: center;
        justify-content: center;
    }
    
    .image-holder img{
        width: 270px;
        height: 205px;
        margin-top: 0px;
        border-radius: 15px;
        display: flex;
        margin-right: 21px;
        align-self: center;
    }
    

    .info-holder,.info-holder-2,.info-holder-3 {
        position: relative;
        width: 280px;
        height:250px;
        margin-left: 30px;
    }
    
    .info-holder h1, .info-holder-2 h1,.info-holder-3 h1{
        /* position: absolute; */
        font-size: 26px;
        font-weight: 600;
        margin-top: 20px;
        font-family:lator;
        height: auto;
        
    }
    
    .info-holder h2, .info-holder-2 h2,.info-holder-3 h2 {
        /* position: absolute; */
        margin-top: 30px;
        font-size: 18px;
        font-weight: 100;
        text-align: left;
        font-family:lator;
        display: flex;
        align-self: center;
        
    }
    
    .info-holder p.info-holder-2 p,.info-holder-3 p {
        /* position: absolute; */
        margin-top: 10px;
        font-size: 20px;
        font-weight: 100;
        text-align: justify;
        font-family:lator;
    }
    
    .info-rov{
        margin-top: 0px;
        padding-top: 0px;
    }
    .info-rov2{
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 140px;
    }

    .sponsor-section {
        height: 300px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff;
    }
    
    .sponsor-image-holder {
        height: auto;
        width: 100vw;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
     #spons-img-2 {
        z-index: 1000;
        display: inline;
        height: auto;
        width: 100vw;
    }
    
    #spons-img-1{
        display: none;
    }

    .cta-section {
        height: auto;
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-image: url(../Images/join_bgnd.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 200px;
    }
    
    .cta-title-holder {
        height: 48px;
        margin-bottom: 100px;
        margin-top: -30px;
    }
    
    .cta-title {
        font-size: 35px;
        font-weight: 600;
        transition-duration: 200ms;
        font-family: aquire-B;
    }
    
    .cta-title:hover {
        letter-spacing: 5px;
    }
    
    .cta-button {
        height: 45px;
        width: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: #fff;
        border-radius: 25px;
        margin-top: -70px;   
        margin-bottom: 120px;
    }
    
    .cta-button:hover {
        height: 45px;
        width: 100px;
        border-radius: 25px;
        margin-top: -70px;   
        margin-bottom: 120px;
    }
    
    .cta-button:hover > a {
        font-size: 24px;
        font-weight: 600;
    }

    .cta-button a {
        font-size: 24px;
        font-weight: 600;
        color: #000;
        text-decoration: none;
    }
    
    .contact {
        margin-bottom: 100px;
        padding-top : 30px;
      }
      
      button {
        overflow: visible;
      }
      
      button {
        text-transform: none;
      }
      
      button, input, textarea {
        color: white;
        font: inherit;
        margin: 0;
      }
      
      input {
        line-height: normal;
      }
      
      textarea {
        overflow: auto;
      }
      
      #container {
        border: solid 2px white;
        margin: 0 auto;
        max-width: 650px;
        max-height: 650px;
        position: relative;
        width: 95vw;
        margin-bottom: 30px;
      }
      
      form {
        padding: 45px;
      }
      
      .contact-title {
        font-size: 35px;
        font-weight: 600;
        transition-duration: 200ms;
        margin-bottom: 48px;
        margin-top: 48px;
        text-align: center;
        font-family: aquire-B;
    }
    
    .contact-title:hover {
        letter-spacing: 5px;
    }
      
      .email {
          float: right;
          width: 45%;
      }
      
      input[type='text'], [type='email'], [type='subject'], textarea {
          background: none;
        border: none;
          border-bottom: solid 2px white;
          color: white;
          font-size: 1.000em;
        font-weight: 400;
        letter-spacing: 1px;
          margin: 0em 0 1.875em 0;
          padding: 0 0 0.875em 0;
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
      }
      
      input[type='text']:focus, [type='email']:focus, [type='subject']:focus,textarea:focus {
          outline: none;
          padding: 0 0 0.875em 0;
      }
      
      .message {
          float: none;
      }
      
      .name {
          float: left;
          width: 45%;
      }
      
      .subject {
        width: 100%;
      }
      
      textarea {
          line-height: 150%;
          height: 150px;
          resize: none;
        width: 100%;
      }
      
      ::-webkit-input-placeholder {
          color: white;
      }
      
      #form_button {
        background: none;
        border: solid 2px white;
        color: white;
        cursor: pointer;
        display: inline-block;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        outline: none;
        padding: 20px 35px;
        text-transform: uppercase;
        -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          font-family: zeroes-II;
      }
      
      .submit {
        text-align: center;
      }
      
      #form_button:hover {
        background: white;
        color:#000;
      }
    
    .footer-scetion {
        height: 150px;
        position: relative;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        width:100vw;
    }
    
    .container-footer {
        height: 150px;
        width: 100vw; 
        position: absolute;
        margin: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: #fff;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows:1fr 1fr 1fr;
        row-gap: 30px;
    }
    
    .footer-logo{
        margin-left: 25px;
    }

    .container-footer img {
        height: 20px;
        margin-top: 10px;
    }
    
    .container-socials {
        height: 20px;
        width: 200px;
        margin-left: 0px;
        display: flex;
        border: 0px;
        margin-top: -12px;
    }
    
    .container-socials-img {
        padding-right: 15px;
        height: 20px;
    }
    
    .container-footer p {
        color: #000;
        font-size: 20px;
        margin-left: 25px;
    }
    
    .sd-title-holder {
        height: 4px;
        padding-top: 30px;
        padding-bottom: 40px;
        margin-bottom: 20px;
    }
    
    /* Slideshow container */
    .slideshow-container {
        position: relative;
        max-width: 100vw;
        margin: auto;
        margin-bottom: 30px;
    }
    
    /* Slides */
    .mySlides {
        display: none;
    }
    
    /* Fading animation */
    .fade {
        animation-name: fade;
        animation-duration: 1.5s;
    }
    
    @keyframes fade {
        from {opacity: 0.4}
        to {opacity: 1}
    }
    
    /* Slide content layout */
    .slide-content {
        display: flex;
        flex-direction: column; /* Stack content vertically */
        align-items: center;
        background-color: black;
        padding: 15px;
        border-radius: 10px;
    }
    
    /* Slide image */
    .slide-image img {
        width: 70vw; /* Adjust image to be 90% of viewport width */
        height: auto;
        object-fit: cover;
        border-radius: 10px;
       
    }
    
    /* Slide text */
    .slide-text {
        max-width: 78%;
        padding-top: 20px;
        text-align: center; /* Center align text on mobile */
        font-family: lator;
    }
    
    .slide-text h2 {
        font-size: 20px;
        margin-bottom: 10px;
        font-family: lator;
        
    }
    
    .slide-text p {
        font-size: 14px;
        line-height: 1.4;
        font-family: lator;
        text-align: justify;
       
    }
    
    /* Navigation arrows */
    .prev, .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 10px; /* Reduce padding for smaller screens */
        margin-top: -20px;
        color: white;
        font-weight: bold;
        font-size: 16px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        margin-top: -100px;
    }
    
    .next {
        right: 0;
        border-radius: 0;
        margin-top: -100px;
    }
    
    /* .prev:hover, .next:hover {
        background-color: rgba(0, 0, 0, 0.5);
    } */

    .carousel-container {
        display: flex;
        position: relative;
        align-items: center;
      }
      
    .carousel {
        display: flex;
        overflow: hidden;
        width: 100%;
        padding: 0 50px; /* Adds space for arrows */
    }
      
    
      .card {
        min-width: 100%; /* Display one card per view on mobile */
        margin-right:40px ;
        margin-left: -20px;
      }
    
      .card img {
        width: 200px; /* Make the image fill the card width */
        height: 150px;
      }
    
      .arrow {
        font-size: 2rem; /* Larger arrows for better mobile accessibility */
      }

      .postlink{
        margin-top: 10px;
        align-self: left;
      }
    
    }