/* Montserrat & Exo */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: Manga;
  src: url(../fonts/Manga-4vx6.ttf);
}

* {
    border: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: Manga;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 20px;
    border: none;
}

::-webkit-scrollbar-track {
    background: #1f1f1f;
}

::-webkit-scrollbar-thumb {
    background-color: #1f1f1f;
    border-radius: 20px;
    border: 3px solid #bbb;
}

html {
    scroll-behavior: smooth;

}

body {
    background-color: black;
}

.container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.bg-holder {
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

    overflow: hidden;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    position: absolute;
}

.bg-holder img {
    height: 130%;
    width: 100%;
    z-index: -1;
    opacity: 0.6;
}

#home {
    /* height: 100vh; */
    width: 100%;
    /* background-image: url("../images/gojo1.jpg");
    background-position: center;
    background-size: cover; */
}

.home-container {
    /* position: absolute;
    top: 0;
    left: 0; */
    height: 100vh;
    width: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
    flex-direction: column;
    border-bottom: 2px solid rgba(106, 124, 255, 0.3);
}

#main-logo {
    height: 100px;
    filter: drop-shadow(0 0 8px rgba(143, 163, 255, 0.8));
}

.header {
    display: grid;
    grid-template-columns: auto 1fr;
    margin: 20px;
}

.header-labels {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    font-size: 2rem;
}

.header-labels a {
    /* color: white; */
    color: #DDE5FF;
    transition: 0.2s;

    &:hover {
        /* color: #9f9fff; */
        color: #FFFFFF;
        text-shadow: 0 0 8px rgba(143, 163, 255, 0.8);
    }
}

.home-content {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.vijnana, .home-content span {
    color: whitesmoke;
    font-size: 15rem;
    font-weight: 900;
    letter-spacing: 10px;
    font-family: "Montserrat", sans-serif;
}

.vijnana-before {
    position: absolute;
    color: #EAF0FF;
    text-shadow:
        0 0 10px rgba(106, 124, 255, 0.6),
        0 0 20px rgba(106, 124, 255, 0.45),
        0 0 40px rgba(106, 124, 255, 0.3);
    /* filter: drop-shadow(0 0 5px black ); */
}

.vijnana {
    transform-origin: bottom;
    transform: scaleY(0.6);
    /* height: 50px; */
    filter: drop-shadow(0 0 5px black);
}

.vijnana::before {
    content: "VIJÑÄNA";
    animation: wave 1.5s ease-in-out infinite;
    color: #af9fff;
    color: #9f9fff;
    color: rgba(106, 124, 255, 1);
}

.bg-holder-info {
    display: none;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
}

.bg-holder-info img {
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0.6;
}

#info {
    width: 100%;
    /* height: 100vh; */
    display: flex;
    flex-direction: column;
    /* grid-row: auto 1fr; */

    justify-content: center;
    background-image: url(../images/bg.png);
    background-color: rgba(0, 0, 0, 0.6);
    background-position: center;
    background-size: cover;
    background-blend-mode: darken;
}

.timer {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: fit-content;
    margin: 40px 0 40px 0;
    gap: 30px;
    font-size: 2rem;
}

.timer > * {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(173, 216, 230, 0.1);
    border: solid 3px rgba(173, 216, 230, 0.5);
    box-shadow: 
        0 0 10px rgba(106, 124, 255, 0.6),
        0 0 15px rgba(106, 124, 255, 0.45),
        0 0 20px rgba(106, 124, 255, 0.3);
    padding: 0px 10px 10px 10px ;
    border-radius: 5px;
    width: 10rem;
}

#day, #hour, #minute, #second {
    font-size: 5rem;
}

.info-content {
    display: grid;
    grid-template-columns: auto 1fr;
    /* background-color: #fff; */
    width: 100%;
}

.info-header {
    display: flex;
    flex-direction: column;
    line-height: 130px;
    height: fit-content;
    margin: 0 0 20px 40px;
}

.info-header span {
    font-size: 7rem;
    /* background: -webkit-linear-gradient(45deg, #1f1f1f, white, white, white, #2f2f2f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #EAF0FF;
    text-shadow: 
        0 0 10px rgba(106, 124, 255, 0.6),
        0 0 20px rgba(106, 124, 255, 0.45),
        0 0 40px rgba(106, 124, 255, 0.3);
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
}

.info-header span:first-child {
    display: none;
}

.info-image {
    width: 100%;
    height: 100%;
    color: white;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.info-image img {
    /* height: 10%; */
    height: 60vh;
    /* transform: translateY(65px); */
    /* transform: translateY(14%); */
    /* filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); */
    filter: drop-shadow(
        /* 0 0 10px rgba(106, 124, 255, 0.6),
        0 0 20px rgba(106, 124, 255, 0.45), */
        0 0 40px rgba(106, 124, 255, 0.3)
        );
}

.marquee {
    width: 100%;
    overflow: hidden;
    background: white;
    color: black;
    z-index: 2;
    user-select: none;
    display: flex;
    --gap: 30px;
    gap: var(--gap);
}

.marquee ul {
    flex-shrink: 0;
    list-style: none;
    display: flex;
    width: max-content;
    animation: marquee 10s linear infinite;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap);
    margin: 10px 0 10px 0;
}

.marquee li {
    display: flex;
    gap: var(--gap);
}

.marquee-content span {
    /* margin: 0 20px; */
    font-size: 40px;
    /* white-space: nowrap; */
    color: black;
}

#events {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    
    background-image: url(../images/bg.png);
    background-color: rgba(0, 0, 0, 0.6);
    background-position: center;
    background-size: cover;
    background-blend-mode: darken;
}

.event-container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 20px;
    margin: 20px 0 20px 0;
}

.event-container h1 {
    /* color: white; */
    color: #FFFFFF;
    text-shadow: 0 0 8px rgba(143, 163, 255, 0.8);
    width: 100%;
    text-align: center;
    font-size: 4rem;
    cursor: default;
    /* margin: 0 0 20px 0; */
}

.event-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    flex-wrap: wrap;
}

.event{
    background-color: white;
    display: flex;
    flex-direction: column;
    width: 300px;
    /* height: 80vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 5px solid white;
    padding: 5px;
    transition: 0.2s;
    cursor: default;
    box-shadow: 
        0 0 10px rgba(106, 124, 255, 0.6),
        0 0 20px rgba(106, 124, 255, 0.45),
        0 0 40px rgba(106, 124, 255, 0.3);;
}

.event:hover {
    scale: 1.05;
}

.event > * {
    border: solid 3px black;
}

.event h2 {
    width: 100%;
    text-align: center ;
    font-size: 2rem;
    border-bottom: none;
}

.event-image-holder {
    overflow: hidden;
    height: 400px;
    width: 300px;
}

.event-image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-image {
    height: 400px;
    width: 300px;
    border: solid white 2px;
    overflow: hidden;
}

.event-text {
    text-align: center;
    width: 100%;
    border-top: none;
}

.event-holder span {
    width: 100%;
    text-align: center;
    border-top: none;
    padding: 5px 0 5px 0;
    font-size: 1.4rem;
    background-color: #9f9fff;
    background-color: rgba(106, 124, 255, 1);
    cursor: pointer;
}

.event-holder span a {
    color: black;
}

.more {
    /* background-color: #fff; */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.more a {
    color: black;
}

.outer-circle {
    background-color: white;
    /* width: 300px; */
    width: 180px;
    height: 180px;
    /* width: 40%; */
    border-radius: 50%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.2s;
    cursor: pointer;

    box-shadow: 
        0 0 10px rgba(106, 124, 255, 0.6),
        0 0 20px rgba(106, 124, 255, 0.45),
        0 0 40px rgba(106, 124, 255, 0.3);;

    &:hover {
        scale: 1.05;
    }
}

.inner-circle {
    background-color: #9f9fff;
    background-color: rgba(106, 124, 255, 1);
    text-align: center;
    padding: 8px;
    width: 90%;
    height: 90%;
    border-radius: 50%;
    border: solid 3px black;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.inner-circle span {
    font-size: 1.8rem;
    height: min-content;
    width: fit-content;
}

.inner-circle img {
    font-size: 3rem;
    font-weight: 400;
    width: 40px;
}

#sponsors {
    color: #EAF0FF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;

    background-image: url(../images/bg.png);
    background-color: rgba(0, 0, 0, 0.6);
    background-position: bottom;
    background-size: cover;
    background-blend-mode: darken;

    border-top: 2px solid rgba(143, 163, 255, 0.2);
}

#sponsors h1 {
    font-size: 4rem;
    margin: 20px 0 0 0 ;
    text-shadow: 0 0 8px rgba(143, 163, 255, 0.8);
}

.holder {
    width: 90%;
    display: grid;
    grid-template-columns:  repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    margin: 20px 70px 20px 70px;
}

.holder div {
    width: 100%;
    /* height: 100%; */
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
}

#sponsors img {
    width: 200px;
}

.bg {
    justify-content: center;
    background-image: url(../images/bg.png);
    background-color: rgba(0, 0, 0, 0.6);
    background-position: top;
    background-size: cover;
    background-blend-mode: darken;
    /* background: linear-gradient( 
        black 0%,
        rgba(175, 159, 255, 0.2) 20%,
        rgba(175, 159, 255, 0.2) 90% 
        , black 
        ); */
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    /* filter: blur(10px); */
}

#contact {
    width: 100%;
}

.contact-container {
    position: absolute;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 0 0 40px 0 ;
}

.contact-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin:  0 0 0 40px ;
    font-size: 1.2rem;
    gap: 10px;
    color: white;
}

.icon {
    height: 30px;
}

.contact-items h1 {
    font-size: 3rem;
    margin: 0 0 20px 0;
    color: #FFFFFF;
    text-shadow: 0 0 8px rgba(143, 163, 255, 0.8);
}

.contact-items a {
    text-decoration: none;
    color: white;
    font-family: "Montserrat", sans-serif;
    transition: 0.2s;

    &:hover {
        color: #9f9fff;
    }
}

.contact-items span {
    display: flex;
    align-items: center;
    gap: 15px;
}

.map {
    margin: 0 40px 0 0;
}

.map iframe {
    border-radius: 10px;
    transition: 0.2s;

    &:hover {
        filter: drop-shadow(0 0 5px #9f9fff);
    }
}

/* Responsive  */

@media only screen and (max-width: 325px) {

    html {
        font-size: 8px;
    }

    .bg-holder {
        position: absolute;
        height: 40vh;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .bg-holder img {
        width: 120%;
    }

    .home-container {
        height: 40vh;
        position: unset;
        top: unset;
        left: unset;
    }

    #main-logo {
        height: 35px;
    }

    .header {
        margin: 10px 15px 0px 15px;
    }

    .header-labels {
        font-size: 2rem;
    }

    .header-labels a:hover {
        color: white;
    }

    .vijnana, .home-content span{
        font-size: 6rem;
        letter-spacing: 7px;
    }

    .bg-holder-info {
        display: none;
    }

    #info {
        /* justify-content: center;
        background-image: url(../images/bg-1.jpg);
        background-color: rgba(0, 0, 0, 0.6);
        background-position: center;
        background-size: cover;
        background-blend-mode: darken; */
    }

    .timer {
        font-size: 1.4rem;
        gap: 10px;
    }

    .timer > * {
        padding: 3px 0px 3px 0px ;
        width: 7rem;
        border: solid 2px rgba(173, 216, 230, 0.5);
        box-shadow: 
        0 0 4px rgba(106, 124, 255, 0.6),
        0 0 6px rgba(106, 124, 255, 0.45),
        0 0 8px rgba(106, 124, 255, 0.3);
    }

    #day, #hour, #minute, #second {
        font-size: 3rem;
    }

    .info-content {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .info-header {
        line-height: 50px;
        margin: 0 0 0 20px;
    }

    .info-header span {
        font-size: 5.5rem;
    }

    .info-header span:first-child {
        display: block;
    }

    .info-header span:nth-child(2), .info-header span:nth-child(3) {
        display: none;
    }

    .info-image img {
        height: 40vh;
    }

    .marquee {
        --gap: 20px;
    }

    .marquee ul {
        margin: 3px 0 3px 0;
    }

    .marquee-content span {
        font-size: 16px;
    }

    .event-container {
        gap: 40px;
    }

    .event-holder {
        gap: 50px;
    }

    .event {
        width: 210px;
    }

    .event h2 {
        font-size: 3rem;
    }

    .event-image-holder {
        height: 270px;
        width: 210px;
    }

    .event-text {
        font-size: 1.6rem;
    }

    .event-holder span {
        font-size: 2rem;
    }

    .outer-circle {
        width: 110px;
        height: 110px;
        padding: 5px;
    }

    .inner-circle {
        width: 80%;
        height: 80%;
    }

    .inner-circle span {
        font-size: 2.2rem;
    }

    .inner-circle img {
        width: 22px;
    }

    .holder {
        grid-template-columns:  repeat(auto-fit, minmax(100px, 1fr));
        gap: 10px;
    }

    #sponsors img {
        width: 90px;
    }

    .contact-container {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
        gap: 20px;
    }

    .contact-items {
        font-size: 1.4rem;
    }

    .icon {
        height: 22px;
    }

    .contact-items h1 {
        font-size: 4rem;
        margin: 0 0 8px 0;
    }

    .map {
        /* display: none; */
        display: flex;
        align-items: center;
        justify-content: center;
        /* margin: 0 10px 0 10px; */
        width: 100%;
        margin: 0;
    }

    .map iframe {
        width: 90%;
        height: 220px;
        margin: 10px 0 0 0;
    }

}

@media only screen and (min-width: 325px) and (max-width: 400px) {

    html {
        font-size: 8px;
    }

    .bg-holder {
        position: absolute;
        height: 30vh;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .bg-holder img {
        width: 120%;
    }

    .home-container {
        height: 30vh;
        position: unset;
        top: unset;
        left: unset;
    }

    #main-logo {
        height: 35px;
    }

    .header {
        margin: 10px 15px 0px 15px;
    }

    .header-labels {
        font-size: 2.4rem;
    }

    .header-labels a:hover {
        color: white;
    }

    .vijnana, .home-content span{
        font-size: 6.6rem;
        letter-spacing: 7px;
    }

    .bg-holder-info {
        display: none;
    }

    /* #info {
        justify-content: center;
        background-image: url(../images/bg-1.jpg);
        background-color: rgba(0, 0, 0, 0.6);
        background-position: center;
        background-size: cover;
        background-blend-mode: darken;
    } */

    .timer {
        font-size: 1.4rem;
        gap: 10px;
    }

    .timer > * {
        padding: 0 0px 3px 0px ;
        width: 8rem;
        border: solid 2px rgba(173, 216, 230, 0.5);
        box-shadow: 
        0 0 4px rgba(106, 124, 255, 0.6),
        0 0 6px rgba(106, 124, 255, 0.45),
        0 0 8px rgba(106, 124, 255, 0.3);
    }

    #day, #hour, #minute, #second {
        font-size: 3rem;
    }

    .info-content {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .info-header {
        line-height: 60px;
        margin: 0 0 10px 20px;
    }

    .info-header span {
        font-size: 5.3rem;
    }


    .info-image img {
        height: 38vh;
    }

    .marquee {
        --gap: 20px;
    }

    .marquee ul {
        margin: 5px 0 5px 0;
    }

    .marquee-content span {
        font-size: 20px;
    }

    .event-container {
        gap: 50px;
    }

    .event {
        width: 240px;
    }

    .event-holder {
        gap: 60px;
    }

    .event h2 {
        font-size: 3rem;
    }

    .event-image-holder {
        height: 300px;
        width: 240px;
    }

    .event-text {
        font-size: 1.6rem;
    }

    .event-holder span {
        font-size: 2rem;
    }

    .outer-circle {
        width: 120px;
        height: 120px;
        padding: 5px;
    }

    .inner-circle {
        width: 80%;
        height: 80%;
    }

    .inner-circle span {
        font-size: 2.2rem;
    }

    .inner-circle img {
        width: 25px;
    }

    .holder {
        grid-template-columns:  repeat(auto-fit, minmax(130px, 1fr));
        gap: 10px;
    }

    #sponsors img {
        width: 120px;
    }

    .contact-container {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
        gap: 20px;
        padding: 0 0 20px 0;
    }

    .contact-items {
        font-size: 1.6rem;
    }

    .icon {
        height: 25px;
    }

    .contact-items h1 {
        font-size: 4.4rem;
        margin: 0 0 10px 0;
    }

    .map {
        /* display: none; */
        display: flex;
        align-items: center;
        justify-content: center;
        /* margin: 0 10px 0 10px; */
        width: 100%;
    }

    .map iframe {
        width: 90%;
        height: 260px;
        margin: 10px;
    }

}

@media only screen and (min-width: 400px) and (max-width: 450px) {

    html {
        font-size: 8px;
    }

    .bg-holder {
        position: absolute;
        height: 30vh;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .bg-holder img {
        width: 120%;
    }

    .home-container {
        height: 30vh;
        position: unset;
        top: unset;
        left: unset;
    }

    #main-logo {
        height: 35px;
    }

    .header {
        margin: 10px 15px 0px 15px;
    }

    .header-labels {
        font-size: 2.4rem;
    }

    .header-labels a:hover {
        color: white;
    }

    .vijnana, .home-content span{
        font-size: 8rem;
        letter-spacing: 7px;
    }

    .bg-holder-info {
        display: none;
    }

    /* #info {
        justify-content: center;
        background-image: url(../images/bg-1.jpg);
        background-color: rgba(0, 0, 0, 0.6);
        background-position: center;
        background-size: cover;
        background-blend-mode: darken;
    } */

    .timer {
        font-size: 1.6rem;
        gap: 10px;
    }

    .timer > * {
        padding: 0 0px 3px 0px ;
        border: solid 2px rgba(173, 216, 230, 0.5);
        box-shadow: 
        0 0 4px rgba(106, 124, 255, 0.6),
        0 0 6px rgba(106, 124, 255, 0.45),
        0 0 8px rgba(106, 124, 255, 0.3);
    }

    #day, #hour, #minute, #second {
        font-size: 4rem;
    }

    .info-content {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .info-header {
        line-height: 60px;
    }

    .info-header span {
        font-size: 6rem;
    }

    .info-header span:first-child {
        display: block;
    }

    .info-header span:nth-child(2), .info-header span:nth-child(3) {
        display: none;
    }

    .info-image img {
        height: 40vh;
    }

    .marquee {
        --gap: 20px;
    }

    .marquee ul {
        margin: 5px 0 5px 0;
    }

    .marquee-content span {
        font-size: 20px;
    }

    .event-holder {
        gap: 70px;
    }

    .event {
        width: 240px;
    }

    .event h2 {
        font-size: 3rem;
    }

    .event-image-holder {
        height: 320px;
        width: 240px;
    }

    .event-text {
        font-size: 1.6rem;
    }

    .event-holder span {
        font-size: 2rem;
    }

    .outer-circle {
        width: 120px;
        height: 120px;
        padding: 5px;
    }

    .inner-circle {
        width: 80%;
        height: 80%;
    }

    .inner-circle span {
        font-size: 2.4rem;
    }

    .inner-circle img {
        width: 30px;
    }

    .holder {
        grid-template-columns:  repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
    }

    #sponsors img {
        width: 130px;
    }

    .contact-container {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
        gap: 20px;
    }

    .contact-items {
        font-size: 1.6rem;
    }

    .icon {
        height: 25px;
    }

    .contact-items h1 {
        font-size: 4.4rem;
        margin: 0 0 10px 0;
    }

    .map {
        /* display: none; */
        display: flex;
        align-items: center;
        justify-content: center;
        /* margin: 0 10px 0 10px; */
        width: 100%;
    }

    .map iframe {
        width: 90%;
        height: 260px;
        margin: 10px;
    }

}

@media only screen and (min-width: 450px) and (max-width: 770px) and (max-height: 730px) {

    html {
        font-size: 10px;
    }

    .bg-holder {
        position: absolute;
        height: 50vh;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .home-container {
        height: 50vh;
        position: unset;
        top: unset;
        left: unset;
    }

    #main-logo {
        height: 50px;
    }

    .header {
        margin: 10px 15px 0px 15px;
    }

    .header-labels {
        font-size: 2.4rem;
    }

    .header-labels a:hover {
        color: white;
    }

    .vijnana, .home-content span{
        font-size: 8rem;
        letter-spacing: 7px;
    }

    .bg-holder-info {
        display: none;
    }

    /* #info {
        justify-content: center;
        background-image: url(../images/bg-1.jpg);
        background-color: rgba(0, 0, 0, 0.6);
        background-position: center;
        background-size: cover;
        background-blend-mode: darken;
    } */

    .timer > * {
        width: 7rem;
    }

    .info-header {
        line-height: 70px;
        margin: 0 0 20px 20px;
    }

    .info-header span {
        font-size: 6.5rem;
    }

    .info-image img {
        height: 40vh;
    }

    .marquee {
        --gap: 25px;
    }

    .marquee ul {
        margin: 5px 0 5px 0;
    }

    .marquee-content span {
        font-size: 26px;
    }

    .event-container {
        margin: 20px 0 40px 0;
    }

    .event-holder {
        gap: 70px;
    }

    .event {
        width: 270px;
    }

    .event h2 {
        font-size: 3.4rem;
    }

    .event-image-holder {
        height: 320px;
        width: 270px;
    }

    .event-text {
        font-size: 1.6rem;
    }

    .event-holder span {
        font-size: 2.6rem;
    }

    .more {
        width: 320px;
    }

    .outer-circle {
        width: 160px;
        height: 160px;
    }

    .inner-circle img {
        width: 30px;
    }

    .contact-container {
        padding: 0 0 20px 0;
    }

    .holder {
        grid-template-columns:  repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
    }

    #sponsors img {
        width: 100px;
    }

    .icon {
        height: 24px;
    }

    .contact-items {
        font-size: 1.2rem;
        margin: 0 0 0 20px;
    }

    .contact-items h1 {
        font-size: 4.2rem;
    }

    .contact-items span {
        gap: 10px;
    }

    .map {
        margin: 0 20px 0 0;
    }

    .map iframe {
        width: 240px;
        height: 240px;
    }

}

@media only screen and (min-width: 450px) and (max-width: 770px) and (min-height: 730px) {

    html {
        font-size: 10px;
    }

    .bg-holder {
        position: absolute;
        height: 35vh;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .home-container {
        height: 35vh;
        position: unset;
        top: unset;
        left: unset;
    }

    #main-logo {
        height: 50px;
    }

    .header {
        margin: 10px 15px 0px 15px;
    }

    .header-labels {
        font-size: 2.4rem;
    }

    .header-labels a:hover {
        color: white;
    }

    .vijnana, .home-content span{
        font-size: 8rem;
        letter-spacing: 7px;
    }

    .bg-holder-info {
        display: none;
    }

    /* #info {
        justify-content: center;
        background-image: url(../images/bg-1.jpg);
        background-color: rgba(0, 0, 0, 0.6);
        background-position: center;
        background-size: cover;
        background-blend-mode: darken;
    } */

    .timer {
        font-size: 1.6rem;
        gap: 10px;
    }

    .timer > * {
        padding: 0 0px 3px 0px ;
        width: 8rem;
        border: solid 2px rgba(173, 216, 230, 0.5);
        box-shadow: 
        0 0 4px rgba(106, 124, 255, 0.6),
        0 0 6px rgba(106, 124, 255, 0.45),
        0 0 8px rgba(106, 124, 255, 0.3);
    }

    #day, #hour, #minute, #second {
        font-size: 4rem;
    }

    .info-content {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .info-header {
        line-height: 80px;
    }

    .info-header span {
        font-size: 6.5rem;
    }

    .info-image img {
        height: 35vh;
    }

    .marquee {
        --gap: 25px;
    }

    .marquee ul {
        margin: 8px 0 8px 0;
    }

    .marquee-content span {
        font-size: 30px;
    }

    .event-container {
        margin: 20px 0 40px 0;
    }

    .event-holder {
        gap: 80px;
    }

    .event {
        width: 290px;
    }

    .event h2 {
        font-size: 3.4rem;
    }

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

    .event-text {
        font-size: 2rem;
    }

    .event-holder span {
        font-size: 3rem;
    }

    .more {
        width: 315px;
    }

    .holder {
        grid-template-columns:  repeat(auto-fit, minmax(200px, 1fr));
        gap: 30px;
    }

    #sponsors img {
        width: 140px;
    }

    .icon {
        height: 32px;
    }

    .contact-container {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
        gap: 20px;
        padding: 0 0 20px 0;
    }

    .contact-items {
        font-size: 1.6rem;
        margin: 0 0 0 20px;
    }

    .contact-items h1 {
        font-size: 4.5rem;
    }

    .map {
        /* display: none; */
        display: flex;
        align-items: center;
        justify-content: center;
        /* margin: 0 10px 0 10px; */
        width: 100%;
    }

    .map iframe {
        width: 90%;
        height: 260px;
        margin: 10px;
    }

}

@media only screen and (min-width: 770px) and (max-width: 860px) {

     html {
        font-size: 10px;
    }

    .bg-holder {
        position: absolute;
        height: 40vh;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .home-container {
        height: 40vh;
        position: unset;
        top: unset;
        left: unset;
    }

    #main-logo {
        height: 60px;
    }

    .header {
        margin: 10px 15px 0px 15px;
    }

    .header-labels {
        font-size: 2.4rem;
    }

    .header-labels a:hover {
        color: white;
    }

    .vijnana, .home-content span{
        font-size: 11rem;
        letter-spacing: 18px;
    }

    .bg-holder-info {
        display: none;
    }

    /* #info {
        justify-content: center;
        background-image: url(../images/bg-1.jpg);
        background-color: rgba(0, 0, 0, 0.6);
        background-position: center;
        background-size: cover;
        background-blend-mode: darken;
    } */

    .info-header {
        line-height: 80px;
    }

    .info-header span {
        font-size: 6.5rem;
    }

    .info-image img {
        height: 35vh;
    }

    .marquee {
        --gap: 25px;
    }

    .marquee ul {
        margin: 8px 0 8px 0;
    }

    .marquee-content span {
        font-size: 30px;
    }

    .event-container {
        margin: 20px 0 40px 0;
        gap: 40px;
    }
    
    .event-container h1 {
        font-size: 5rem;
    }

    .event-holder {
        gap: 80px;
    }

    .event {
        width: 290px;
    }

    .event h2 {
        font-size: 3.4rem;
    }

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

    .event-text {
        font-size: 2rem;
    }

    .event-holder span {
        font-size: 3rem;
    }

    .more {
        width: 315px;
    }

    .holder {
        grid-template-columns:  repeat(auto-fit, minmax(200px, 1fr));
        gap: 10px;
    }

    #sponsors img {
        width: 170px;
    }

    .icon {
        height: 32px;
    }

    .contact-items {
        font-size: 1.6rem;
        margin: 0 0 0 30px;
    }

    .contact-items h1 {
        font-size: 4.5rem;
    }

    .map iframe {
        width: 350px;
    }

}

@media only screen and (min-width: 860px) and (max-width: 1030px) and (max-height: 650px) {

    html {
        font-size: 14px;
    }

    .bg-holder {
        position: absolute;
        height: 100vh;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .home-container {
        height: 100vh;
        position: unset;
        top: unset;
        left: unset;
    }

    #main-logo {
        height: 90px;
    }

    .header {
        margin: 10px 15px 0px 15px;
    }

    .header-labels {
        font-size: 2.4rem;
    }

    .header-labels a:hover {
        color: white;
    }

    .vijnana, .home-content span{
        font-size: 10.5rem;
        letter-spacing: 18px;
    }

    .bg-holder-info {
        display: none;
    }

    /* #info {
        justify-content: center;
        background-image: url(../images/bg-1.jpg);
        background-color: rgba(0, 0, 0, 0.6);
        background-position: center;
        background-size: cover;
        background-blend-mode: darken;
    } */

    .timer {
        margin: 60px 0 60px 0;
    }

    .timer > * {
        border-radius: 10px;
    }

    .info-header {
        line-height: 100px;
        margin: 0 0 20px 30px ;
    }

    .info-header span {
        font-size: 6.2rem;
    }

    .info-image img {
        height: 60vh;
    }

    .marquee {
        --gap: 25px;
    }

    .marquee ul {
        margin: 8px 0 8px 0;
    }

    .marquee-content span {
        font-size: 30px;
    }

    .event-container {
        margin: 20px 0 40px 0;
        gap: 40px;
    }
    
    .event-container h1 {
        font-size: 5rem;
    }

    .event-holder {
        gap: 80px;
    }

    .event {
        width: 220px;
    }

    .event h2 {
        font-size: 2rem;
    }

    .event-image-holder {
        height: 300px;
        width: 220px;
    }

    .event-text {
        font-size: 1.2rem;
    }

    .event-holder span {
        font-size: 1.6rem;
    }

    .more {
        width: 340px;
    }

    .outer-circle {
        width: 200px;
        height: 200px;
    }

    .inner-circle span {
        font-size: 2rem;
    }

    .inner-circle img {
        width: 45px;
    }

    .holder {
        grid-template-columns:  repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }

    #sponsors img {
        width: 160px;
    }

    .icon {
        height: 30px;
    }

    .contact-items {
        font-size: 1.2rem;
        margin: 0 0 0 30px;
        gap: 15px;
    }

    .contact-items h1 {
        font-size: 4.7rem;
    }

    .map iframe {
        width: 430px;
        height: 300px;
    }

}

@media only screen and (min-width: 860px) and (max-width: 1030px) and (min-height: 650px) {

    html {
        font-size: 14px;
    }

    .bg-holder {
        position: absolute;
        height: 40vh;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

    .home-container {
        height: 40vh;
        position: unset;
        top: unset;
        left: unset;
    }

    #main-logo {
        height: 90px;
    }

    .header {
        margin: 10px 15px 0px 15px;
    }

    .header-labels {
        font-size: 2.4rem;
    }

    .header-labels a:hover {
        color: white;
    }

    .vijnana, .home-content span{
        font-size: 10.5rem;
        letter-spacing: 18px;
    }

    .bg-holder-info {
        display: none;
    }

    /* #info {
        justify-content: center;
        background-image: url(../images/bg-1.jpg);
        background-color: rgba(0, 0, 0, 0.6);
        background-position: center;
        background-size: cover;
        background-blend-mode: darken;
    } */

    .timer {
        margin: 60px 0 60px 0;
    }

    .timer > * {
        border-radius: 10px;
    }

    .info-header {
        line-height: 100px;
        margin: 0 0 10px 30px ;
    }

    .info-header span {
        font-size: 6.2rem;
    }

    .info-image img {
        height: 36vh;
    }

    .marquee {
        --gap: 25px;
    }

    .marquee ul {
        margin: 8px 0 8px 0;
    }

    .marquee-content span {
        font-size: 30px;
    }

    .event-container {
        margin: 20px 0 40px 0;
        gap: 40px;
    }
    
    .event-container h1 {
        font-size: 5rem;
    }

    .event-holder {
        gap: 80px;
    }

    .event {
        width: 320px;
    }

    .event h2 {
        font-size: 3rem;
    }

    .event-image-holder {
        height: 400px;
        width: 320px;
    }

    .event-text {
        font-size: 1.5rem;
    }

    .event-holder span {
        font-size: 3rem;
    }

    .more {
        width: 340px;
    }

    .outer-circle {
        width: 250px;
        height: 250px;
    }

    .inner-circle span {
        font-size: 3rem;
    }

    .inner-circle img {
        width: 50px;
    }

    .holder {
        grid-template-columns:  repeat(auto-fit, minmax(240px, 1fr));
        gap: 20px;
    }

    #sponsors img {
        width: 190px;
    }

    .icon {
        height: 34px;
    }

    .contact-items {
        font-size: 1.6rem;
        margin: 0 0 0 30px;
        gap: 20px;
    }
    .contact-items h1 {
        font-size: 4.7rem;
    }

    .map iframe {
        width: 470px;
        height: 330px;
    }

}

@keyframes marquee {
    from { transform: translateX(calc(-100% - var(--gap))); }
}

@keyframes wave {
    0% {
        clip-path: polygon(100% 100%, 0% 100%, 0% 43.33%, 2% 43.23%, 4% 42.92%, 6% 42.43%, 8% 41.79%, 10% 41.03%, 12% 40.21%, 14% 39.38%, 16% 38.58%, 18% 37.88%, 20% 37.3%, 22% 36.9%, 24% 36.69%, 26% 36.69%, 28% 36.9%, 30% 37.3%, 32% 37.88%, 34% 38.58%, 36% 39.38%, 38% 40.21%, 40% 41.03%, 42% 41.79%, 44% 42.43%, 46% 42.92%, 48% 43.23%, 50% 43.33%, 52% 43.23%, 54% 42.92%, 56% 42.43%, 58% 41.79%, 60% 41.03%, 62% 40.21%, 64% 39.38%, 66% 38.58%, 68% 37.88%, 70% 37.3%, 72% 36.9%, 74% 36.69%, 76% 36.69%, 78% 36.9%, 80% 37.3%, 82% 37.88%, 84% 38.58%, 86% 39.38%, 88% 40.21%, 90% 41.03%, 92% 41.79%, 94% 42.43%, 96% 42.92%, 98% 43.23%, 100% 43.33%);
    }
    10% {
        clip-path: polygon(100% 100%, 0% 100%, 0% 42.7%, 2% 42.12%, 4% 41.42%, 6% 40.62%, 8% 39.79%, 10% 38.97%, 12% 38.21%, 14% 37.57%, 16% 37.08%, 18% 36.77%, 20% 36.67%, 22% 36.77%, 24% 37.08%, 26% 37.57%, 28% 38.21%, 30% 38.97%, 32% 39.79%, 34% 40.62%, 36% 41.42%, 38% 42.12%, 40% 42.7%, 42% 43.1%, 44% 43.31%, 46% 43.31%, 48% 43.1%, 50% 42.7%, 52% 42.12%, 54% 41.42%, 56% 40.62%, 58% 39.79%, 60% 38.97%, 62% 38.21%, 64% 37.57%, 66% 37.08%, 68% 36.77%, 70% 36.67%, 72% 36.77%, 74% 37.08%, 76% 37.57%, 78% 38.21%, 80% 38.97%, 82% 39.79%, 84% 40.62%, 86% 41.42%, 88% 42.12%, 90% 42.7%, 92% 43.1%, 94% 43.31%, 96% 43.31%, 98% 43.1%, 100% 42.7%);
    }
    20% {
        clip-path: polygon(100% 100%, 0% 100%, 0% 41.03%, 2% 40.21%, 4% 39.38%, 6% 38.58%, 8% 37.88%, 10% 37.3%, 12% 36.9%, 14% 36.69%, 16% 36.69%, 18% 36.9%, 20% 37.3%, 22% 37.88%, 24% 38.58%, 26% 39.38%, 28% 40.21%, 30% 41.03%, 32% 41.79%, 34% 42.43%, 36% 42.92%, 38% 43.23%, 40% 43.33%, 42% 43.23%, 44% 42.92%, 46% 42.43%, 48% 41.79%, 50% 41.03%, 52% 40.21%, 54% 39.38%, 56% 38.58%, 58% 37.88%, 60% 37.3%, 62% 36.9%, 64% 36.69%, 66% 36.69%, 68% 36.9%, 70% 37.3%, 72% 37.88%, 74% 38.58%, 76% 39.38%, 78% 40.21%, 80% 41.03%, 82% 41.79%, 84% 42.43%, 86% 42.92%, 88% 43.23%, 90% 43.33%, 92% 43.23%, 94% 42.92%, 96% 42.43%, 98% 41.79%, 100% 41.03%);
    }
    30% {
        clip-path: polygon(100% 100%, 0% 100%, 0% 38.97%, 2% 38.21%, 4% 37.57%, 6% 37.08%, 8% 36.77%, 10% 36.67%, 12% 36.77%, 14% 37.08%, 16% 37.57%, 18% 38.21%, 20% 38.97%, 22% 39.79%, 24% 40.62%, 26% 41.42%, 28% 42.12%, 30% 42.7%, 32% 43.1%, 34% 43.31%, 36% 43.31%, 38% 43.1%, 40% 42.7%, 42% 42.12%, 44% 41.42%, 46% 40.62%, 48% 39.79%, 50% 38.97%, 52% 38.21%, 54% 37.57%, 56% 37.08%, 58% 36.77%, 60% 36.67%, 62% 36.77%, 64% 37.08%, 66% 37.57%, 68% 38.21%, 70% 38.97%, 72% 39.79%, 74% 40.62%, 76% 41.42%, 78% 42.12%, 80% 42.7%, 82% 43.1%, 84% 43.31%, 86% 43.31%, 88% 43.1%, 90% 42.7%, 92% 42.12%, 94% 41.42%, 96% 40.62%, 98% 39.79%, 100% 38.97%);
    }
    40% {
        clip-path: polygon(100% 100%, 0% 100%, 0% 37.3%, 2% 36.9%, 4% 36.69%, 6% 36.69%, 8% 36.9%, 10% 37.3%, 12% 37.88%, 14% 38.58%, 16% 39.38%, 18% 40.21%, 20% 41.03%, 22% 41.79%, 24% 42.43%, 26% 42.92%, 28% 43.23%, 30% 43.33%, 32% 43.23%, 34% 42.92%, 36% 42.43%, 38% 41.79%, 40% 41.03%, 42% 40.21%, 44% 39.38%, 46% 38.58%, 48% 37.88%, 50% 37.3%, 52% 36.9%, 54% 36.69%, 56% 36.69%, 58% 36.9%, 60% 37.3%, 62% 37.88%, 64% 38.58%, 66% 39.38%, 68% 40.21%, 70% 41.03%, 72% 41.79%, 74% 42.43%, 76% 42.92%, 78% 43.23%, 80% 43.33%, 82% 43.23%, 84% 42.92%, 86% 42.43%, 88% 41.79%, 90% 41.03%, 92% 40.21%, 94% 39.38%, 96% 38.58%, 98% 37.88%, 100% 37.3%);
    }
    50% {
        clip-path: polygon(100% 100%, 0% 100%, 0% 36.67%, 2% 36.77%, 4% 37.08%, 6% 37.57%, 8% 38.21%, 10% 38.97%, 12% 39.79%, 14% 40.62%, 16% 41.42%, 18% 42.12%, 20% 42.7%, 22% 43.1%, 24% 43.31%, 26% 43.31%, 28% 43.1%, 30% 42.7%, 32% 42.12%, 34% 41.42%, 36% 40.62%, 38% 39.79%, 40% 38.97%, 42% 38.21%, 44% 37.57%, 46% 37.08%, 48% 36.77%, 50% 36.67%, 52% 36.77%, 54% 37.08%, 56% 37.57%, 58% 38.21%, 60% 38.97%, 62% 39.79%, 64% 40.62%, 66% 41.42%, 68% 42.12%, 70% 42.7%, 72% 43.1%, 74% 43.31%, 76% 43.31%, 78% 43.1%, 80% 42.7%, 82% 42.12%, 84% 41.42%, 86% 40.62%, 88% 39.79%, 90% 38.97%, 92% 38.21%, 94% 37.57%, 96% 37.08%, 98% 36.77%, 100% 36.67%);
    }
    60% {
        clip-path: polygon(100% 100%, 0% 100%, 0% 37.3%, 2% 37.88%, 4% 38.58%, 6% 39.38%, 8% 40.21%, 10% 41.03%, 12% 41.79%, 14% 42.43%, 16% 42.92%, 18% 43.23%, 20% 43.33%, 22% 43.23%, 24% 42.92%, 26% 42.43%, 28% 41.79%, 30% 41.03%, 32% 40.21%, 34% 39.38%, 36% 38.58%, 38% 37.88%, 40% 37.3%, 42% 36.9%, 44% 36.69%, 46% 36.69%, 48% 36.9%, 50% 37.3%, 52% 37.88%, 54% 38.58%, 56% 39.38%, 58% 40.21%, 60% 41.03%, 62% 41.79%, 64% 42.43%, 66% 42.92%, 68% 43.23%, 70% 43.33%, 72% 43.23%, 74% 42.92%, 76% 42.43%, 78% 41.79%, 80% 41.03%, 82% 40.21%, 84% 39.38%, 86% 38.58%, 88% 37.88%, 90% 37.3%, 92% 36.9%, 94% 36.69%, 96% 36.69%, 98% 36.9%, 100% 37.3%);
    }
    70% {
        clip-path: polygon(100% 100%, 0% 100%, 0% 38.97%, 2% 39.79%, 4% 40.62%, 6% 41.42%, 8% 42.12%, 10% 42.7%, 12% 43.1%, 14% 43.31%, 16% 43.31%, 18% 43.1%, 20% 42.7%, 22% 42.12%, 24% 41.42%, 26% 40.62%, 28% 39.79%, 30% 38.97%, 32% 38.21%, 34% 37.57%, 36% 37.08%, 38% 36.77%, 40% 36.67%, 42% 36.77%, 44% 37.08%, 46% 37.57%, 48% 38.21%, 50% 38.97%, 52% 39.79%, 54% 40.62%, 56% 41.42%, 58% 42.12%, 60% 42.7%, 62% 43.1%, 64% 43.31%, 66% 43.31%, 68% 43.1%, 70% 42.7%, 72% 42.12%, 74% 41.42%, 76% 40.62%, 78% 39.79%, 80% 38.97%, 82% 38.21%, 84% 37.57%, 86% 37.08%, 88% 36.77%, 90% 36.67%, 92% 36.77%, 94% 37.08%, 96% 37.57%, 98% 38.21%, 100% 38.97%);
    }
    80% {
        clip-path: polygon(100% 100%, 0% 100%, 0% 41.03%, 2% 41.79%, 4% 42.43%, 6% 42.92%, 8% 43.23%, 10% 43.33%, 12% 43.23%, 14% 42.92%, 16% 42.43%, 18% 41.79%, 20% 41.03%, 22% 40.21%, 24% 39.38%, 26% 38.58%, 28% 37.88%, 30% 37.3%, 32% 36.9%, 34% 36.69%, 36% 36.69%, 38% 36.9%, 40% 37.3%, 42% 37.88%, 44% 38.58%, 46% 39.38%, 48% 40.21%, 50% 41.03%, 52% 41.79%, 54% 42.43%, 56% 42.92%, 58% 43.23%, 60% 43.33%, 62% 43.23%, 64% 42.92%, 66% 42.43%, 68% 41.79%, 70% 41.03%, 72% 40.21%, 74% 39.38%, 76% 38.58%, 78% 37.88%, 80% 37.3%, 82% 36.9%, 84% 36.69%, 86% 36.69%, 88% 36.9%, 90% 37.3%, 92% 37.88%, 94% 38.58%, 96% 39.38%, 98% 40.21%, 100% 41.03%);
    }
    90% {
        clip-path: polygon(100% 100%, 0% 100%, 0% 42.7%, 2% 43.1%, 4% 43.31%, 6% 43.31%, 8% 43.1%, 10% 42.7%, 12% 42.12%, 14% 41.42%, 16% 40.62%, 18% 39.79%, 20% 38.97%, 22% 38.21%, 24% 37.57%, 26% 37.08%, 28% 36.77%, 30% 36.67%, 32% 36.77%, 34% 37.08%, 36% 37.57%, 38% 38.21%, 40% 38.97%, 42% 39.79%, 44% 40.62%, 46% 41.42%, 48% 42.12%, 50% 42.7%, 52% 43.1%, 54% 43.31%, 56% 43.31%, 58% 43.1%, 60% 42.7%, 62% 42.12%, 64% 41.42%, 66% 40.62%, 68% 39.79%, 70% 38.97%, 72% 38.21%, 74% 37.57%, 76% 37.08%, 78% 36.77%, 80% 36.67%, 82% 36.77%, 84% 37.08%, 86% 37.57%, 88% 38.21%, 90% 38.97%, 92% 39.79%, 94% 40.62%, 96% 41.42%, 98% 42.12%, 100% 42.7%);
    }
    100% {
        clip-path: polygon(100% 100%, 0% 100%, 0% 43.33%, 2% 43.23%, 4% 42.92%, 6% 42.43%, 8% 41.79%, 10% 41.03%, 12% 40.21%, 14% 39.38%, 16% 38.58%, 18% 37.88%, 20% 37.3%, 22% 36.9%, 24% 36.69%, 26% 36.69%, 28% 36.9%, 30% 37.3%, 32% 37.88%, 34% 38.58%, 36% 39.38%, 38% 40.21%, 40% 41.03%, 42% 41.79%, 44% 42.43%, 46% 42.92%, 48% 43.23%, 50% 43.33%, 52% 43.23%, 54% 42.92%, 56% 42.43%, 58% 41.79%, 60% 41.03%, 62% 40.21%, 64% 39.38%, 66% 38.58%, 68% 37.88%, 70% 37.3%, 72% 36.9%, 74% 36.69%, 76% 36.69%, 78% 36.9%, 80% 37.3%, 82% 37.88%, 84% 38.58%, 86% 39.38%, 88% 40.21%, 90% 41.03%, 92% 41.79%, 94% 42.43%, 96% 42.92%, 98% 43.23%, 100% 43.33%);
    }
}