/* =========================================================
   GLOBAL
========================================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    overflow-x: hidden;
}

body {
    background: #050505;
    color: #ffffff;
    font-family: "Montserrat", Arial, sans-serif;
}


@font-face {
    font-family:Poppins-Light;
    src: url(../fonts/Poppins/Poppins-Light.ttf);
}

@font-face {
    font-family:Poppins-Regular;
    src: url(../fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
    font-family:Poppins-SemiBold;
    src: url(../fonts/Poppins/Poppins-SemiBold.ttf);
}

@font-face {
    font-family:Poppins-Medium;
    src: url(../fonts/Poppins/Poppins-Medium.ttf);
}


@font-face {
    font-family:Figtree-Light;
    src: url(../fonts/Figtree/static/Figtree-Light.ttf);
}

@font-face {
    font-family:Figtree-Regular;
    src: url(../fonts/Figtree/static/Figtree-Regular.ttf);
}

@font-face {
    font-family:Figtree-Medium;
    src: url(../fonts/Figtree/static/Figtree-Medium.ttf);
}

@font-face {
    font-family:Figtree-SemiBold;
    src: url(../fonts/Figtree/static/Figtree-SemiBold.ttf);
}

@font-face {
    font-family:Figtree-Bold;
    src: url(../fonts/Figtree/static/Figtree-Bold.ttf);
}


.lang-switcher {
      right: 50px;
    position: absolute;
    z-index: 99;
    top: 30px;
}

.lang-btn {
    border: 1px solid #fff;
    color: #fff;
}


/* =========================================================
   HERO
========================================================= */

.periyar-hero {
    position: relative;

    width: 100%;
    min-height: 540px;

     overflow: visible;

  background:url('../images/banner-bg-desktop.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}


/* Red textured area */

.hero-red-bg {
    position: absolute;

    left: 0;
    top: 0;

    width: 55%;
    height: 100%;

    background:
        radial-gradient(
            circle at 35% 40%,
            rgba(220, 0, 0, 0.75),
            rgba(100, 0, 0, 0.2) 45%,
            transparent 70%
        );

    opacity: 0.8;

    pointer-events: none;
}







/* =========================================================
   HERO CONTAINER
========================================================= */

.hero-container {
    position: relative;

    z-index: 5;

    min-height: 538px;

    padding: 0 25px;
}


/* =========================================================
   PERIYAR IMAGE
========================================================= */

.periyar-image-wrap {
    position: relative;

    height: 540px;

    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.periyar-image {
    position: absolute;
    top: 55px;
    left: -90px;
    width: 500px;
    max-width: none;
    height: auto;
    z-index: 10;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.hero-content {
    position: relative;

    min-height: 535px;

    padding-top: 65px;

    width: 65%;
    text-align: center;
}


/* =========================================================
   LOGO
========================================================= */

.logo-wrap {
    position: relative;

    z-index: 10;

    margin-bottom: 25px;
}

.periyar-logo {
    width: 337px;
    max-width: 100%;
}


/* =========================================================
   WALK TITLE
========================================================= */

.walk-title {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 13px;

    font-size: 19px;

    font-weight: 700;

    letter-spacing: 1.2px;

    margin-bottom: 15px;
}

.separator {
    color: #ffffff;
}


/* =========================================================
   SUBTITLE
========================================================= */

.walk-subtitle {
    color: #FFF;
font-family:Poppins-Regular;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 127%; /* 25.4px */
letter-spacing: 0.8px;
position: relative;
margin-bottom: 20px;
}



.walk-subtitle::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 1px;
    background-image: url(../images/banner-periyarwalk-line.jpg);
    background-repeat: no-repeat;
    background-position: center;
}


/* =========================================================
   EVENT INFO
========================================================= */

.event-info {
    position: relative;

    z-index: 10;




    display: flex;

    align-items: center;
    justify-content: space-between;
flex-wrap: wrap;
    /* justify-content: center; */
    row-gap: 20px;
    column-gap: 14px;
    padding: 17px 0;


    font-size: 12px;

    color: #eeeeee;

    margin-top: 55px;
}

.event-info::before,
.event-info::after {
    content: "";

    position: absolute;
    left: 0;

    width: 100%;
    height: 8px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.event-info::before {
    top: -4px;

    background-image: url("../images/date-time-line-banner.svg");
}

.event-info::after {
    bottom: -4px;

   background-image: url("../images/date-time-line-banner.svg");
}



.event-date,
.event-time {
    display: flex;

    align-items: center;

    gap: 7px;
    color: #FFF;
   font-family:Figtree-Regular;
    font-size: 17.299px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 16.953px */
    letter-spacing: 1.038px;
}
.lang-ta .event-date,
.lang-ta .event-time {
     font-size: 15px;
}

.event-info i {
    font-size: 13px;

    color: #ffffff;
}

.event-info sup {
    font-size: 14px;
}


/* =========================================================
   FOR SECTION
========================================================= */

.for-section {
    margin-top: 10px;

    position: relative;
    z-index: 10;
}

.for-title {
    color: #FED555;
text-align: center;
  font-family:Figtree-Medium;
font-size: 15.781px;
font-style: normal;
font-weight: 500;
line-height: 127%; /* 20.042px */
letter-spacing: 0.631px;
padding-top: 15px;
padding-bottom: 13px;
}
.lang-ta .walk-description p{
    font-size: 16.812px;
}
.for-content {
    color: #FFF;
  font-family:Figtree-Medium;
font-size: 19.812px;
font-style: normal;
font-weight: 500;
line-height: 127%;
letter-spacing: 0.792px;
text-align: center;
}
.lang-ta .for-content{
    font-size: 15px;
}

.for-content span {
    padding: 0 4px;
}


/* =========================================================
   TAMIL NADU MAP
========================================================= */

.tamilnadu-map {
    position: absolute;

    right: -5px;
    top: 125px;

    width: 291px;

    max-width: 40%;

    opacity: 0.8;

    z-index: 1;

    pointer-events: none;
}


/* =========================================================
   JOURNEY
========================================================= */

.journey-title {
    margin-top: 48px;

    color: #FFF;
 font-family:Figtree-Medium;
font-size: 18.886px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 26.44px */
letter-spacing: 0.567px;
text-transform: uppercase;
text-align: center;
}
.lang-ta .journey-title{
     font-size: 16px;
}


/* =========================================================
   COUNTDOWN
========================================================= */

.countdown {
    display: flex;

    justify-content: center;
    align-items: center;

    margin-top: 16px;

    position: relative;

    z-index: 10;
    padding-bottom: 30px;
}

.count-box {
    min-width: 80px;

    text-align: center;
}

.count-number {
     font-family:Figtree-SemiBold;
font-size: 26.98px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 37.772px */
letter-spacing: 0.809px;
text-transform: uppercase;

background: linear-gradient(180deg, #FFF 0%, #FED555 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.count-label {
    color: #FFF;
 font-family:Figtree-Regular;
font-size: 13.64px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.096px */
letter-spacing: 0.409px;
text-transform: uppercase;
}

.count-divider {
    width: 1px;

    height: 40px;

    background: #c9a900;

    margin: 0 15px;
}


/* =========================================================
   CONTENT SECTION
========================================================= */

.walk-content-section {
    position: relative;

    min-height: 230px;

    padding: 35px 0 45px;

    background:
        linear-gradient(
            90deg,
            #333333 0%,
            #202020 48%,
            #0b0b0b 100%
        );
}


/* =========================================================
   CONTENT
========================================================= */

.walk-content {
    max-width: 680px;

    padding-left: 10px;
}

.walk-content h3 {
    color: #FFF;
    font-family:Figtree-Medium;
font-size: 19px;
font-style: normal;
font-weight: 700;
line-height: 182%; /* 34.58px */
letter-spacing: 0.19px;
text-transform: uppercase;
}
.lang-ta .walk-content h3{
    font-size: 17px;
}

.walk-content p {
    color: #e2dddd;
  font-family:Poppins-Light;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 182%; /* 25.48px */
    letter-spacing: 0.14px;
}
.lang-ta .walk-content p {
     font-size: 12px;
}

.walk-content-sub-heading {
    color: #FFF;
font-family:Poppins-Regular;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 182%; /* 29.12px */
letter-spacing: 0.16px;
}
.lang-ta .walk-content-sub-heading {
    font-size: 14px;
}

/* =========================================================
   BOTTOM RED BORDER
========================================================= */

.bottom-red-border {
    height: 18px;

    background:
        linear-gradient(
            90deg,
            #7d0000,
            #e84b4b,
            #ff7777
        );

    position: relative;
}


/* Jagged top effect */

.bottom-red-border::before {
    content: "";

    position: absolute;

    left: 0;
    top: -5px;

    width: 100%;
    height: 8px;

    background:
        linear-gradient(
            135deg,
            transparent 5px,
            #7d0000 5px
        );

    background-size: 14px 8px;
}


/* =========================================================
   LARGE SCREEN
========================================================= */

@media (min-width: 1400px) {

    .periyar-image {
        width: 500px;
        left: -60px;
    }

    .hero-content {
        padding-top: 65px;
        padding-bottom: 40px;
           width: 58%;
    }

    .tamilnadu-map {
        right: 72px;
    }

   

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .periyar-hero {
        min-height: 500px;
    }

    .hero-container {
        min-height: 500px;
    }

    .periyar-image-wrap {
        height: 500px;
    }

    .periyar-image {
        width: 310px;

        left: -10px;

        top: 75px;
    }

    .hero-content {
        padding-top: 50px;
    }

    .periyar-logo {
        width: 240px;
    }

    .walk-title {
        font-size: 15px;
    }

    .walk-subtitle {
        font-size: 12px;

        margin-bottom: 50px;
    }

    .event-info {
        width: 245px;

        font-size: 10px;
    }

    .for-content {
        font-size: 12px;
    }

    .tamilnadu-map {
        width: 190px;

        right: 0;

        top: 110px;
    }

    .journey-title {
        font-size: 11px;

        margin-top: 40px;
    }

    .count-number {
        font-size: 18px;
    }

    .walk-content p {
        font-size: 10px;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {

   .tamilnadu-map {
    width: 200px;
   }

   .hero-content {
    width: 70%;
   }

}

@media (min-width: 768px) and (max-width: 990px) {

      .periyar-image {
        left: -68px;
    }

        .tamilnadu-map {
        width: 130px;
    }

    .hero-content {
    width: 80%;
}

.event-info {
        width: auto;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .periyar-hero {
        min-height: auto;
      padding-top: 50px;
        padding-bottom: 30px;
    }

    .hero-container {
        min-height: auto;

        padding: 0 15px;
    }

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


    /* Periyar */

    .periyar-image-wrap {
        height: 360px;

        justify-content: center;
    }

    .periyar-image {
        position: absolute;

        width: 290px;

        top: 25px;

        left: 50%;

        transform: translateX(-50%);
    }


    /* Content */

    .hero-content {
        min-height: auto;
        width: 100%;
        padding-top: 10px;
    }

    .logo-wrap {
        margin-bottom: 18px;
    }

    .periyar-logo {
        width: 230px;
    }

    .walk-title {
        font-size: 14px;

        gap: 8px;

        letter-spacing: 0.7px;
    }

    .walk-subtitle {
        font-size: 14px;

        margin-bottom: 35px;
    }

    .periyar-hero {
            background:url(../images/banner-mobile.jpg) ;
            background-size: cover;
            background-position: center;
    }


    /* Event */

    .event-info {
        width: 100%;
        margin-top: 0;
        font-size: 9px;
    }

    .countdown {
        padding-bottom: 0;
    }


    /* Map */

    .tamilnadu-map {
        position: relative;

        top: auto;
        right: auto;

        width: 130px;

        max-width: none;

        margin: 20px auto 0;

        display: block;

        opacity: 0.65;
    }


    /* For */

    .for-section {
        margin-top: 8px;
    }

    .for-title {
        font-size: 15px;
    }

    .for-content {
        font-size: 14px;
    }


    /* Countdown */

    .journey-title {
        margin-top: 30px;

        font-size: 14px;
    }

    .countdown {
        margin-top: 12px;
    }

    .count-box {
        min-width: 65px;
    }

    .count-number {
        font-size: 24px;
    }

    .count-label {
        font-size: 14px;
    }

    .count-divider {
        height: 32px;

        margin: 0 8px;
    }


    /* Content */

    .walk-content-section {
        padding: 30px 15px 35px;
    }

    .walk-content {
        padding-left: 0;
    }

    .walk-content h3 {
        font-size: 17px;
        text-align: center;
    }

    .walk-content-sub-heading {
        text-align: center;
    }

    .walk-content .content-intro {
        font-size: 11px;
    }

    .walk-content p {
        font-size: 13px;
        text-align: center;
        line-height: 1.7;
    }


    /* Bottom */

    .bottom-red-border {
        height: 12px;
    }

}




.periyar-walk-section {
    position: relative;

    width: 100%;

    overflow: hidden;

    background:
         linear-gradient(90deg, #4E0304 0%, #FF6A6A 100%);

    color: #ffffff;
}


/* =========================================================
   BACKGROUND GLOW
========================================================= */

.section-glow {
    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 72% 55%,
            rgba(255, 255, 255, 0.08),
            transparent 30%
        );

    pointer-events: none;
}


/* =========================================================
   CONTAINER
========================================================= */

.walk-container {
    position: relative;

    z-index: 10;

    padding: 38px 65px 30px;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.walk-left-content {
    position: relative;

    z-index: 10;

    max-width: 760px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.walk-description {
    width: 650px;

    max-width: 100%;

    position: relative;

    z-index: 20;
}

.walk-description p {
    margin-bottom: 9px;

   color: #FFF;
    font-family:Poppins-Light;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 194%; /* 25.48px */
letter-spacing: 0.74px;
}

.lang-ta .walk-description p {
        font-size: 12px;
}

.walk-description strong {
    font-weight: 700;

    color: #ffffff;
}


/* =========================================================
   FEATURES
========================================================= */

.features-wrapper {
    position: relative;

    z-index: 20;

    margin-top: 125px;

    width: 700px;

    max-width: 100%;
}


.feature-item {
    position: relative;

   

    padding-right: 22px;

    margin-bottom: 8px;
}


/* =========================================================
   FEATURE CONTENT
========================================================= */

.feature-content {
    position: relative;
    display: flex;
    z-index: 2;
       /* justify-content: space-between; */
    gap: 16px;
    align-items: center;
}
@media (min-width:1366px){
    .feature-content{
        gap: 35px;
    }
}
.feature-content h4 {
    margin: 0 0 0px;

    color: #FFF;
 font-family:Figtree-SemiBold;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 18px */
letter-spacing: 0.15px;
}

.lang-ta .feature-content h4 {
    font-size: 12px;
}

.feature-item p {
    margin: 0;
color: #FFF;
    font-family:Poppins-Light;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 19.5px */
letter-spacing: 0.13px;
margin-top: 8px;
}

.lang-ta .feature-item p {
    font-size: 11px;
}


/* =========================================================
   FEATURE ICON
========================================================= */

.feature-icon {
    width: 42px;
    min-width: 42px;

    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-left: 10px;

    color: #ffffff;

    font-size: 30px;
}

.feature-icon i {
    font-size: 30px;
}


/* =========================================================
   RUNNER
========================================================= */

.runner-wrapper {
    position: absolute;

    right: 40px;

    bottom: -5px;

    width: 500px;

    height: 450px;

    z-index: 30;

    pointer-events: none;
}

.runner-image {
    position: absolute;

    right: 0;
    bottom: 0;

    width: 100%;

    height: auto;

    object-fit: contain;

    object-position: bottom right;
}


/* =========================================================
   DASHED SVG PATH
========================================================= */

.walk-dashed-line {
    position: absolute;

    left: 0;
    top: 26px;

    width: 100%;
    height: 100%;

    z-index: 5;

    pointer-events: none;
}





/* =========================================================
   DESKTOP LARGE
========================================================= */

@media (min-width: 1400px) {


    .walk-description {
        width: 690px;
        padding-bottom: 100px;
    }

    .features-wrapper {
        width: 730px;

        margin-top: 59px;
    }

    .runner-wrapper {
        right: 70px;
        width: 500px;
        height: 455px;
    }
}

@media (max-width:1200px) {
    .walk-dashed-line {
        display: none;
    }
    
    .walk-description {
        width: 100%;
        text-align: center;
    }

    .features-wrapper {
        width: 100%;
    }

    .walk-left-content {
        max-width: 100%;
    }

    .features-wrapper {
            margin-top: 37px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

   

   

    .walk-description {
        width: 100%;
    }

  

    .features-wrapper {
        width: 100%;

        margin-top: 40px;
    }

    .feature-item {
        padding-right: 15px;
    }

  

    .feature-content p {
        font-size: 10px;
    }

    .feature-icon {
        font-size: 25px;
    }

    .feature-icon i {
        font-size: 25px;
    }

    .runner-wrapper {
        right: 15px;

        width: 230px;

        height: 430px;
    }

  
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .periyar-walk-section {
        min-height: auto;

        padding-bottom: 30px;
    }

  

    /* Description */

    .walk-description {
        width: 100%;
    }

    


    /* Features */

    .features-wrapper {
        margin-top: 70px;
    }

    .feature-item {
        min-height: 90px;

        padding-right: 10px;

        margin-bottom: 15px;
    }

   


    .feature-content p {
        font-size: 9px;
    }

    .feature-icon {
        width: 38px;
        min-width: 38px;

        height: 38px;

        font-size: 24px;
    }

    .feature-icon i {
        font-size: 24px;
    }


    /* Runner */

    .runner-wrapper {
        position: relative;

        right: auto;
        bottom: auto;

        width: 220px;

        height: 330px;

        margin: 20px auto 0;

        display: block;
    }

    .runner-image {
        position: absolute;

        width: 100%;

        right: 0;
        bottom: 0;
    }


    /* SVG */

    .walk-dashed-line {
        opacity: 0.5;
    }

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

  
}

@media (max-width:575px) {
    .feature-content {
        justify-content: center;
    }

    .feature-item p {
        text-align: center;
    }

    .features-wrapper {
        margin-top: 30px;
    }

    .features-wrapper-list {
        row-gap: 0 !important;
    }
}


        .registration-section {
            position: relative;
            padding: 25px 0 65px;
            overflow: hidden;
               background: linear-gradient(90deg, #4E0304 0%, #FF6A6A 100%);
        }

        /* White center background */
        .registration-section::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 68px;
            bottom: 270px;
            background: #f7f7f7;
            z-index: 0;
        }

        .registration-section::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 270px;
                background: linear-gradient(90deg, #4E0304 0%, #FF6A6A 100%);
            z-index: 0;
        }

        .main-container {
            position: relative;
            z-index: 2;
        }


        /* =========================
           LEFT CATEGORY CARD
        ========================= */

        .category-card {
            background: #f7f7f7;
            border: 1px solid #ff5b5b;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
        }

        .category-top {
            background: #050505;
            color: white;
            padding: 20px 30px 30px;
            border-radius: 10px;
        }

        .category-title {
            color: #FFF;
text-align: center;
text-shadow: 0 2px 5px rgba(133, 133, 133, 0.25);
  font-family:Figtree-Bold;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 182%; /* 32.76px */
letter-spacing: 0.18px;
text-transform: uppercase;
padding-bottom: 18px;
        }

        .category-item h4 {
            color: #FFF;
 font-family:Poppins-SemiBold;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 182%; /* 32.76px */
letter-spacing: 0.18px;
        }

        .category-item p {
            color: #e4e2e2;
 font-family:Poppins-Regular;
 margin-bottom: 0;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 182%; /* 27.3px */
letter-spacing: 0.15px;
        }

        .lang-ta .category-item p {
                font-size: 12px;
        }


        /* =========================
           CATEGORY BOTTOM
        ========================= */

        .category-bottom {
            padding: 25px 40px 22px;
        }

        .bottom-title {
            color: #000;
font-family:Poppins-SemiBold;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 131%; /* 20.96px */
letter-spacing: 0.16px;
text-transform: uppercase;
            margin-bottom: 15px;
        }
        .lang-ta .bottom-title{
            font-size: 14px;
        }

        .feature-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .feature-list li {
            color: #000;
font-family:Figtree-Regular;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 182%; /* 27.3px */
letter-spacing: 0.15px;
            margin-bottom: 7px;
        }

        .lang-ta  .feature-list li {
            font-size: 13px;
        }

        .feature-list li img  {
                margin: 0 7px 4px 0;
        }


        /* =========================
           DISTRICT SECTION
        ========================= */

        .district-section {
            padding-top: 40px;
        }

        .district-title {
            color: #030303;
            text-align: center;
    font-family:Poppins-SemiBold;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 182%; /* 32.76px */
letter-spacing: 0.18px;
            margin-bottom: 12px;
        }
        .lang-ta  .district-title{
            font-size: 15px;
        }

        .district-select {
            position: relative;
            width: 180px;
            margin: 0 auto -20px;
            z-index: 5;
        }

        .district-select select {
            width: 100%;
            height: 42px;
            background-color: #070707;
            color: #f3f3f3;
            border: none;
            padding: 0 15px;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: .5px;
            border-radius: 2px;

            appearance: none;
            -webkit-appearance: none;
        }

        .district-select::after {
            content: "";
            position: absolute;
            right: 16px;
            top: 17px;

            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 7px solid #eeeeee;

            pointer-events: none;
        }


        /* =========================
           ROUTE CARD
        ========================= */

        .route-card {
            margin-top: 0;
            padding: 40px 28px 18px;
            background: #f8f8f8;
            border: 1px solid #ff5656;
            border-radius: 5px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
        }

        .route-row {
            display: grid;
            grid-template-columns: 175px 1fr;
            border-bottom: 1px solid #929292;
        }

        .route-row:last-child {
            border-bottom: none;
        }

        .route-label {
            padding: 28px 8px;
            
            border-right: 1px solid #777;
            display: flex;
            align-items: center;

            color: #080808;
    font-family:Poppins-SemiBold;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 182%; /* 29.12px */
letter-spacing: 0.16px;
        }

        .route-content {
            padding: 18px 18px;
            display: flex;
            align-items: center;
        }

        .venue-text {
           color: #1E1E1E;
text-align: center;
 font-family:Figtree-Light;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 23.869px */
letter-spacing: 0.511px;
            margin: 0;
        }

        .route-details {
            width: 100%;
            text-align: left;
        }

        .route-details p {
            margin: 0;
           color: #1E1E1E;
 font-family:Figtree-Light;
font-size: 16px;
font-style: normal;
/* font-weight: 300; */
line-height: 140%;
letter-spacing: 0.511px;
        }
            .lang-ta  .route-details p{
                font-size: 12px;
            }
        .contact-details {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            text-align: center;
        }

        .contact-details p {
            margin: 0;
           color: #080808;
text-align: center;
    font-family:Poppins-Regular;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
letter-spacing: 0.14px;
        }


        /* =========================
           REGISTER FORM
        ========================= */

        .register-card {
            background: #fff;
            border-radius: 16px;
            min-height: 760px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0, 0, 0, .12);
        }

        .register-header {
            background: #050505;
            color: white;
            text-align: center;
            padding: 20px 20px 22px;
        }

        .register-header h3 {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: .6px;
            margin: 0 0 4px;
        }

        .register-header p {
            font-size: 11px;
            margin: 0;
            color: #d4d4d4;
        }

        .register-header a {
            color: #d8d8d8;
            text-decoration: underline;
        }

        .register-body {
            padding: 22px 30px 25px;
        }


        /* Radio */

        .registration-type {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 22px;
        }

        .registration-type .form-check {
            margin: 0;
        }

        .registration-type .form-check-label {
            font-size: 14px;
            cursor: pointer;
        }

        .form-check-input {
            width: 14px;
            height: 14px;
            margin-top: .25em;
            border-color: #708093;
        }

        .form-check-input:checked {
            background-color: #d92727;
            border-color: #d92727;
        }


   


        /* Buttons */

        .runner-image-mobile {
            width: 300px;
        }


        /* =========================
           RESPONSIVE
        ========================= */

        @media (max-width: 991.98px) {

            .registration-section::before {
                bottom: 0;
            }

            .registration-section::after {
                height: 0;
            }

            .register-card {
                min-height: auto;
            }

            .right-column {
                margin-top: 35px;
            }

        }


        @media (max-width: 767.98px) {

            .registration-section {
                padding: 15px 0 30px;
            }

            .category-top {
                padding: 20px;
            }

            .category-bottom {
                padding: 25px 20px;
            }

            .route-card {
                padding: 40px 15px 15px;
                margin-bottom: 30px;
            }

            .route-row {
                grid-template-columns: 1fr;
            }

            .route-label {
                border-right: none;
                border-bottom: 1px solid #999;
                padding: 15px 5px;
                justify-content: center;
            }

            .route-content {
                padding: 20px 5px;
                justify-content: center;
            }

            .contact-details {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .register-body {
                padding: 20px;
            }

            .registration-type {
                gap: 15px;
            }

             .runner-image-mobile {
            width: 150px;
        }

        }



  .sponsor-section {
            width: 100%;
            background: #fff;
            padding: 40px 0;
        }

        .sponsor-container {
            max-width: 1000px;
            margin: 0 auto;
        }

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

        .sponsor-title {
            font-size: 13px;
            font-weight: 500;
              font-family:Figtree-Medium;
            color: #111;
            margin: 0 0 12px;
            text-transform: uppercase;
            line-height: 1.2;
        }

        .sponsor-logo {
            width: 125px;
            height: 65px;
            object-fit: contain;
            display: block;
            margin: 0 auto;
        }


        /* ================================
           TABLET
        ================================= */

        @media (max-width: 991.98px) {

            .sponsor-section {
                padding: 35px 20px;
            }

            .sponsor-container {
                max-width: 800px;
            }

            .sponsor-title {
                font-size: 12px;
            }

            .sponsor-logo {
                width: 120px;
                height: 60px;
            }

        }


        /* ================================
           MOBILE
        ================================= */

        @media (max-width: 767.98px) {

            .sponsor-section {
                padding: 30px 15px;
            }

            .sponsor-item {
                margin-bottom: 30px;
            }

            .sponsor-item:last-child {
                margin-bottom: 0;
            }

            .sponsor-title {
                font-size: 12px;
                margin-bottom: 10px;
            }

            .sponsor-logo {
                width: 130px;
                height: 65px;
            }

        }


        /* ================================
           SMALL MOBILE
        ================================= */

        @media (max-width: 575.98px) {

            .sponsor-section {
                padding: 25px 15px;
            }

            .sponsor-item {
                margin-bottom: 28px;
            }

            .sponsor-title {
                font-size: 12px;
            }

            .sponsor-logo {
                width: 125px;
                height: 60px;
            }

        }






        .committee-section {
            width: 100%;
            background: #fff;
            padding: 45px 0 36px;
            border-bottom: 2px solid #222;
        }

        .committee-container {
            max-width: 1250px;
            margin: 0 auto;
        }


        /* ============================
           CONVENER
        ============================ */

        .convener-box {
            text-align: center;
            padding-top: 5px;
        }

        .section-title {
            margin: 0 0 12px;

            color: #070506;
 font-family:Figtree-SemiBold;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 182%; /* 36.4px */
letter-spacing: 0.2px;
        }

        .member-name {
            color: #070506;
    font-family:Poppins-SemiBold;
font-size: 16.592px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24.889px */
letter-spacing: 0.166px;
            margin: 0 0 5px;
        }

        .member-description {
             color: #171114;
    font-family:Poppins-Regular;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24.889px */
letter-spacing: 0.166px;
            margin: 0 0 5px;
        }

        .member-phone {
               color: #070506;
    font-family:Poppins-SemiBold;
font-size: 17;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24.889px */
letter-spacing: 0.166px;
            margin: 0 0 5px;
        }


        /* ============================
           CO CONVENER BOX
        ============================ */

        .co-convener-wrapper {
            position: relative;
            border: 1px solid #555;
            border-radius: 8px;
            padding: 41px 18px 17px 25px;
        }

        .co-convener-title {
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);

            background: #fff;
            padding: 0 16px;

            color: #070506;
 font-family:Figtree-SemiBold;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 182%; /* 36.4px */
letter-spacing: 0.2px;
            white-space: nowrap;
        }

        .co-convener-member {
            text-align: center;
        }


        /* ============================
           RESPONSIVE
        ============================ */

        @media (max-width: 991.98px) {

            .committee-section {
                padding: 40px 20px 32px;
            }

            .committee-container {
                max-width: 800px;
            }

        }


        @media (max-width: 767.98px) {

            .committee-section {
                padding: 35px 15px;
            }

            .convener-box {
                margin-bottom: 35px;
            }

            .co-convener-wrapper {
                padding: 30px 15px 25px;
            }

           

        }


        @media (max-width: 575.98px) {

            .committee-section {
                padding: 30px 15px;
            }

          

           

            .co-convener-wrapper {
                padding: 30px 10px 20px;
            }

        }



         .walk-banner {
            width: 100%;
            min-height: 138px;

            background: linear-gradient(270deg, #3B0001 40.54%, #000 100%);

            position: relative;
            overflow: hidden;

            display: flex;
            align-items: center;
        }


        /* =====================================
           INNER CONTAINER
        ====================================== */

        .walk-banner-inner {
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;

            position: relative;
            min-height: 138px;

            display: flex;
            align-items: center;
            justify-content: center;
        }


        /* =====================================
           LEFT DECORATION
        ====================================== */

        .walk-decoration {
            position: absolute;
            left: 20px;
            top: 0;

            width: 150px;
            height: 138px;

            display: flex;
            align-items: center;
        }

        .walk-decoration img {
            width: 150px;
            height: 138px;
            object-fit: contain;
            object-position: center;
        }


        /* =====================================
           DECORATION FALLBACK
           Use this if you don't have image
        ====================================== */

        .walk-line {
            position: absolute;
            left: 48px;
            top: 42px;

            width: 100px;
            height: 1px;

            background: #fff;
        }


        /* =====================================
           TEXT
        ====================================== */

        .walk-content-footer {
            text-align: center;
            color: #fff;

            position: relative;
            z-index: 2;

            padding: 10px 20px;
        }

        .walk-content-footer p {
            margin: 0;

            color: #FFF;
-webkit-text-stroke-width: 0.2px;
-webkit-text-stroke-color: #FED555;
    font-family:Poppins-Regular;
font-size: 21.526px;
font-style: normal;
font-weight: 400;
line-height: 182%; /* 39.178px */
letter-spacing: 0.861px;
        }

        .lang-ta .walk-content-footer p {
            font-size: 15px;
        }

        .yellow-text {
            color: #ffe01b;
        }


        /* =====================================
           TABLET
        ====================================== */

        @media (max-width: 991.98px) {

            .walk-banner {
                min-height: 130px;
            }

            .walk-banner-inner {
                min-height: 130px;
            }

            .walk-decoration {
                left: 100px;
                width: 120px;
                height: 130px;
            }

            .walk-decoration img {
                width: 120px;
                height: 130px;
            }

            .walk-content-footer p {
                font-size: 20px;
                line-height: 1.6;
            }

        }


        /* =====================================
           MOBILE
        ====================================== */

        @media (max-width: 767.98px) {

            .walk-banner {
                min-height: 150px;
            }

            .walk-banner-inner {
                min-height: 150px;
            }

            .walk-decoration {
                display: none;
            }

            

            .walk-content-footer {
                padding: 15px 25px 15px 65px;
            }

            .walk-content-footer p {
                font-size: 18px;
                line-height: 1.7;
            }

        }


        /* =====================================
           SMALL MOBILE
        ====================================== */

        @media (max-width: 575.98px) {

            .walk-banner {
                min-height: 155px;
            }

            .walk-banner-inner {
                min-height: 155px;
            }

            .walk-decoration {
                left: -35px;
                width: 75px;
                height: 155px;
            }

            .walk-decoration img {
                width: 75px;
                height: 155px;
            }

            .walk-content-footer {
                padding: 15px 15px 15px 45px;
            }

            .walk-content-footer p {
                font-size: 16px;
                line-height: 1.8;
            }

        }



        .site-footer {
        width: 100%;
        min-height: 39px;
        background: linear-gradient(
            100deg,
            #050505 0%,
            #090909 55%,
            #160606 80%,
            #4a0000 100%
        );
        border-bottom: 2px solid #333;
        display: flex;
        align-items: center;
    }

    .footer-inner {
        width: 100%;
        min-height: 39px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .footer-copy, .footer-copy a {
        margin: 0;
        color: #FFF;
          font-family:Poppins-Regular;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: 150%; /* 18px */
        letter-spacing: 0.12px;
        text-decoration: none;
    }

    .footer-brand {
        margin: 0;
        color: #FFF;
    font-family:Poppins-Regular;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 13.5px */
letter-spacing: 0.09px;
text-transform: uppercase;
text-decoration: none;
    }

    /* Tablet */
    @media (max-width: 991.98px) {
        .site-footer {
            min-height: 42px;
        }

        .footer-inner {
            min-height: 42px;
        }

       

      
    }

    /* Mobile */
    @media (max-width: 575.98px) {
        .site-footer {
            min-height: 55px;
            padding: 8px 0;
        }

        .footer-inner {
            min-height: 55px;
        }




/* =========================
   FORM VALIDATION / ALERTS
========================= */

.error-text {
    display: block;
    color: #c91d1d;
    font-size: 10px;
    margin-top: 3px;
}

.register-card .alert-danger {
    background: #fdeaea;
    border: 1px solid #f1b6b6;
    color: #a91414;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 11px;
    margin: 0 30px 12px;
}

.register-card .alert-danger ul {
    padding-left: 18px;
}

.register-card .form-control.input-validation-error,
.register-card .form-select.input-validation-error {
    border-color: #c91d1d;
}


/* =========================
   LANGUAGE SWITCHER
========================= */

.lang-switcher {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 20;
}

.lang-switcher .btn-outline-secondary {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .35);
    color: #fff;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 20px;
}

.lang-switcher .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, .22);
    color: #fff;
}


/* =========================
   FOOTER LINKS
========================= */

.footer-links {
    font-size: 12px;
    color: #ccc;
}

.footer-links a {
    color: #ccc;
    text-decoration: underline;
}

.footer-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
    }


/* =========================
   SIMPLE PAGE HEADER (login / confirm / thank you)
========================= */

.simple-page-header {
    background: #050505;
    padding: 22px 0;
}

.simple-page-header .logo-wrap {
    margin: 0;
}

.simple-page-header .periyar-logo {
    height: 46px;
    width: auto;
}

.simple-page-header .header-back-link {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    margin-top: 10px;
    opacity: .85;
}

.simple-page-header .header-back-link:hover {
    opacity: 1;
    color: #fff;
}


/* =========================
   LIGHT CONTENT SECTIONS (register-card body text on light bg)
========================= */

.register-card,
.register-card .register-body {
    color: #333;
}

.register-card .register-body h4,
.register-card .register-body h5,
.register-card .register-body h6 {
    color: #111;
}

.register-card .register-body table th {
    color: #555;
    font-weight: 600;
}

.register-card .register-body table td {
    color: #222;
}

.register-card .register-body .text-muted {
    color: #888 !important;
}


.walk-dashed-line1{
    display: block;
}
.walk-dashed-line2{
    display: none;
}
@media(max-width:1200px){
.walk-dashed-line2{
    display: none;
}
.walk-dashed-line1{
    display: none;
}
}

@media (min-width:1201px) and (max-width:1367px){
      .walk-dashed-line1 {
        display:none;
      }
       .walk-dashed-line2 {
        display:block;
      }
}




@media (max-width:600px){
.footer-copy, .footer-copy a, .footer-brand {
    width: 100%;
    text-align: center;
}
}