/*

* Theme Name: NS - Elite 11

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/     



:root {

--color1: #0B1F3A;

--color2: #F5D300;

}

.color1{

    color: var(--color1);

}

.color2{

    color: var(--color2);

}



body{

	margin:0 auto;

    font-family: "Poppins", sans-serif;

    color: #1D1D1D;

    font-size: 15px;

}

/* h1,h2,h3,h4,h5,h6{

    font-family: "Oswald", sans-serif;

} */

a{

    text-decoration: none;

    transition: all .2s ease;

}

/* Pagination */

ul.page-numbers{

	padding-left: 0px;

}	

ul.page-numbers li{

	float: left;

	height: 35px;

	width: 35px;

	list-style: none;

	line-height: 35px;

	text-align: center;

	padding: 0px;

	border-radius: 100px;

	margin-right: 3px;

	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);	

}

ul.page-numbers li span.current{

	color: #000;

	font-size: 16px;

}

.content-img img{

	width: 100%;

	height: auto;

}

/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

	margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}



.mm-menu--offcanvas{

    position: absolute;

}



.btn-style1 {

    position: relative;

    overflow: hidden;

    text-align: center;

    border-radius: 10px;

    padding: 14px 25px 10px;

    display: inline-block;

    color: #1d1d1d;

    text-transform: capitalize;

    background-color: var(--color2);

    border: unset;

    line-height: normal;

    z-index: 100;

}

.btn-style1::after, .btn-style2::after{

    position: absolute;

    width: 200%;

    height: 200%;

    content: "";

    top: -200%;

    left: 50%;

    transform: translateX(-50%);

    border-radius: 50%;

    z-index: 1;

    background-color: var(--color1);

    transition: all .8s ease;

}

.btn-style1:hover::after, .btn-style2:hover::after{

    top: -40%;

}

.btn-style1 .wrap, .btn-style2 .wrap, .btn-style3 .wrap, .btn-style4 .wrap{

    position: relative;

    z-index: 100;

    overflow: hidden;

    display: inline-block;

}

.btn-style1 .text1, .btn-style2 .text1, .btn-style3 .text1, .btn-style4 .text1{

    position: relative;

    display: block;

    transition: all .3s ease;

    width: 100%;

}

.btn-style1 .text2, .btn-style2 .text2, .btn-style3 .text2, .btn-style4 .text2{

    position: absolute;

    top: 100%;

    display: block;

    transition: all .3s ease;

    width: 100%;

}

.btn-style1:hover .text1, .btn-style2:hover .text1, .btn-style3:hover .text1, .btn-style4:hover .text1{

    transform: translateY(-100%);

    color: #fff;

}

.btn-style1:hover .text2, .btn-style2:hover .text2, .btn-style3:hover .text2, .btn-style4:hover .text2{

    transform: translateY(-100%);

    color: #fff;

}



/* Btn Style 2 */

.btn-style2 {

    background: linear-gradient(91.82deg, #F5D300 0%, #F7B602 75.52%);

    border: 2px solid;

    border-image-source: linear-gradient(90deg, rgba(252, 255, 253, 0.5) 0%, rgba(151, 153, 152, 0) 50%, rgba(252, 255, 253, 0.5) 100%);

    box-shadow: 6px 6px 14px 0px #FFF29E inset;

    box-shadow: -6px -6px 19px 0px #00000040 inset;

    position: relative;

    padding: 15px 25px 10px;

    border-radius: 15px;

    border-width: 2px;

    overflow: hidden;

    display: inline-block;

    z-index: 100;

    margin-top: 50px;

    /* box-shadow: 6px 6px 14px 0px #FFF29E inset;

    box-shadow: -6px -6px 19px 0px #00000040 inset;

    box-shadow: 0px 0px 34px 0px #FFF092A8; */



}

.btn-style2 span {

    font-weight: 600;

    font-size: 18px;

    text-align: center;

    text-transform: capitalize;

    color: var(--color1) !important;

}

.btn-style2::after{

    background: linear-gradient(91.82deg, #F7B602 0%, #F5D300 75.52%);

    box-shadow: -6px -6px 19px 0px #00000040 inset;

    border: 2px solid;

    border-image-source: linear-gradient(90deg, rgba(252, 255, 253, 0.5) 0%, rgba(151, 153, 152, 0) 50%, rgba(252, 255, 253, 0.5) 100%);

}



/* Btn Style 3 */

.btn-style3 {

    background: var(--color2);

    border: 1.8px solid #FFF2A3;

    border-radius: 10px;

    color: var(--color1);

    font-weight: 700;

    font-size: 16px;

    padding: 10px 21px;

    position: relative;

    display: inline-block;

    z-index: 100;

    text-align: center;

    line-height: 0;

}

.btn-style3:hover span.text2, .btn-style4:hover span.text2{

    color: var(--color1);

}

.btn-style3 i, .btn-style4 i{

    margin-left: 3px;

}

a.btn-style3::before {

    content: "";

    position: absolute;

    width: 102px;

    height: 8px;

    background: url(/wp-content/themes/ns-elite11/images/btn-top-shadow.png);

    bottom: 103%;

    right: 10px;

    transition: all .3s;

}

a.btn-style3::after {

    content: "";

    position: absolute;

    width: 102px;

    height: 12px;

    background: url('/wp-content/themes/ns-elite11/images/btn-bottom-shadow.png') no-repeat;

    top: 94%;

    left: 10px;

    transition: all .3s;

    background-size: contain;

}

.btn-style3:hover:before {

    right: 50%;

}

.btn-style3:hover:after {

    left: 50%;

}

.btn-style3:hover{

    background: linear-gradient(91.82deg, #F7B602 0%, #F5D300 75.52%);

}



/* Btn Style 4 */

.btn-style4 {

    background: linear-gradient(91.82deg, #F5D300 0%, #F7B602 75.52%);

    border: 2px solid #ffffffad;

    box-shadow: 0px 0px 34px 0px #FFF092A8;

    color: var(--color1);

    border-radius: 15px;

    font-size: 33px;

    font-weight: 600;

    padding: 22px;

    display: inline-block;

    min-width: 440px;

    line-height: 0;

    position: relative;

    transition: all .3s ease;

}

.btn-style4 i {

    font-size: 30px;

    margin-left: 5px;

}

.btn-style3 span, .btn-style4 span{

    color: var(--color1) !important;

}

.btn-style4::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100px;

    background: url(/wp-content/themes/ns-elite11/images/btn-shadow3.png) center top no-repeat;

    left: 0;

    top: 55%;

}

.btn-style4 .shadows {

    position: absolute;

    width: 125%;

    height: 20px;

    left: 50%;

    top: 88%;

    transform: translateX(-50%);

}

.btn-style4 .shadows img{

    position: absolute;

    transition: all .3s ease;

}

.btn-style4 .shadows img.shadow-left {

    left: 0;

}

.btn-style4 .shadows img.shadow-right {

    right: 0;

}

.btn-style4:hover .shadows img.shadow-left {

    left: 76%;

}

.btn-style4:hover .shadows img.shadow-right {

    right: 76%;

}

.btn-style4:hover {

    background: linear-gradient(91.82deg, #F7B602 0%, #F5D300 75.52%);

}

/* Breadcrumb */



#breadcrumbs {

    list-style-type: none;

    padding-left: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

}

#breadcrumbs a {

    color: #fff;

}

#breadcrumbs a:hover, #breadcrumbs .item-current {

    color: var(--color2);

}

#breadcrumbs li{display: inline-block;}



/*********************** Widget ******************/

.mywidget h4 {

    font-size: 14px;

    font-family: 'Lato', sans-serif;

}

.widget-title{

    font-family: 'Lato', sans-serif;

    font-weight: 700;

    font-size: 21px;

}

.widget ul li a {

    color: #333;

    font-family: 'Raleway', sans-serif;

    border-bottom: 1px solid #ddd;

    display: block;

    padding-top: 12px;

    padding-bottom: 12px;

    position: relative;

}

.widget ul li a::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    width: 53px;

}

.widget ul li a:hover::before {

    content: '';

    position: absolute;

    border: 1px solid var(--color1);

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    transition: all .3s ease;

}

.widget ul li a:hover,

.widget ul li a:focus{

    color: var(--color1);

    text-decoration: none;

    outline: none;

}

.widget ul{

    padding-left:0;

    list-style-type: none;

}

.sidebar {

    margin-top: 30px;

}



/* Header Start */

header {

    position: absolute;

    width: 100%;

    top: 0;

    z-index: 1000;

}

#menu .navbar-nav>li>a {

    color: #fff;

    font-size: 16px;

    padding: 10px 26px;

}

#menu .navbar-nav>li:last-child>a {

    background: var(--color2);

    color: var(--color1);

    border-radius: 10px;

    font-weight: 500;

    padding: 12px 21px;

    margin-left: 15px;

}
#menu .navbar-nav>li>a.active, #menu .navbar-nav>li>a:hover {
    color: var(--color2);
}
.menu .toggler {
    color: var(--color2);
    font-size: 23px;
}
#menu .navbar-nav>li:last-child>a.active, #menu .navbar-nav>li:last-child>a:hover{
    color: var(--color1);
}
a.nav-link.active.mm-listitem__text {
    color: var(--color2);
}
/* section.running-types .info{
    background: var(--color1);
    color: #fff;
    text-align: center;
}
section.running-types .info i{
    color: var(--color2);
} */
/* Header End */



/* Sub Banner Start */

section.sub-banner {

    /* height: 350px; */

    padding: 180px 0 120px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    position: relative;

    color: #fff;

    background-size: cover !important;

    background-position: center !important;

}

section.sub-banner::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /* background-color: rgba(0, 0, 0, 0.5); */

    background: rgba(18, 18, 18, 0.7);

}

section.sub-banner .page-meta {

    position: relative;

    z-index: 1;

}   

section.sub-banner .page-meta .title-group {

    position: relative;

}

section.sub-banner .page-meta .fade-title {

    font-size: 80px;

    font-weight: 600;

    color: rgba(255, 255, 255, 0.2);

    text-transform: uppercase;

}

section.sub-banner .page-meta .title-wrapper {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -45%) !important;

    width: 100%;

}

section.sub-banner .page-meta .title-wrapper .title {

    text-transform: uppercase;

    font-weight: 700;

    font-size: 40px;

    margin: 0;

}



/* Footer Start */

footer {

    background: var(--color1);

    color: #fff;

}

.footer-top {

    padding: 60px 0;

}

footer .heading {

    text-transform: uppercase;

    color: var(--color2);

    font-weight: 700;

    margin-bottom: 25px;

    font-size: 20px;

}

footer .sales-info{

    margin-top: 10px;

}

footer .sales-info .label {

    font-weight: 500;

}

footer .sales-info a, footer a{

    color: #fff;

}

footer a:hover {

    color: var(--color2);

}

footer ul {
    list-style: none;
    padding: 0;
}
footer ul li a {
    display: inline-block;
    margin-bottom: 8px;
}

footer .social-icons a {

    font-size: 30px;

    width: auto;

    height: auto;

}

footer .social-icons a:hover {

    color: var(--color2);

    background: unset;

}

footer .social-icons .fa-tiktok {

    background: #fff;

    color: var(--color1);

    width: 32px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    border-radius: 50%;

    font-size: 19px;

    position: relative;

    top: -3px;

    transition: all .2s;

}

footer .social-icons .fa-tiktok:hover{

    background: var(--color2);

}

.copyright {

    text-align: center;

    padding: 12px 0;

    border-top: 1px solid #B3B3B3;

    font-size: 14px;

}

.copyright a{

    color: #fff;

}

.copyright a:hover {

    color: var(--color2);

}

#go-top {

    position: fixed;

    right: 15px;

    bottom: 20px;

    background: var(--color2);

    width: 42px;

    height: 42px;

    line-height: 42px;

    text-align: center;

    border-radius: 50%;

    cursor: pointer;

    transition: all .2s;

}

#go-top:hover {

    bottom: 23px;

}

/* Footer End */



/* Home Page Start */

section.main-banner {

    background: url('/wp-content/uploads/2026/02/main-banner.jpg');

    /* background-size: 120% !important; */

    background-size: cover !important;

    background-position: top center;

    padding-top: 170px;

    color: #fff;

    overflow: hidden;

}

section.main-banner .caption h1 {

    font-size: 60px;

    text-transform: uppercase;

    font-weight: 700;

}

section.main-banner .caption .info {

    font-size: 30px;

    font-weight: 400;

    display: flex;

    align-items: center;

    column-gap: 25px;

    flex-wrap: wrap;

    margin-bottom: 20px;

}

section.main-banner h2 {

    font-size: 40px;

    font-weight: 500;

    margin-bottom: 15px;

}

section.main-banner .caption p {

    font-size: 18px;

    font-weight: 400;

    max-width: 850px;

}



.countdown-timer {

    display: flex;

    justify-content: center;

    gap: 30px;

    flex-wrap: wrap;

    margin-top: 100px;

}

.countdown-item {

    padding: 20px;

    min-width: 120px;

    backdrop-filter: blur(5px);

    text-align: center;

    background: #0b1f3ad9;

    width: 198px;

    height: 200px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-radius: 20px;

    position: relative;

}

.countdown-item::before {

    content: "";

    position: absolute;

    width: 105%;

    height: 105%;

    left: -2px;

    top: -2px;

    background: url(/wp-content/themes/ns-elite11/images/box-shadow.png);

    background-size: cover !important;

    background-repeat: no-repeat;

}

.countdown-number {

    display: block;

    font-size: 64px;

    font-weight: 600;

    color: #fff;

    line-height: 1;

    margin-bottom: 5px;

}

.countdown-label {

    color: #fff;

    font-size: 32px;

    font-weight: 400;

}



section.main-banner .btn-style4 {

    line-height: 1.3;

    padding: 18px 0 11px;

    text-transform: uppercase;

    text-align: center;

    margin: 35px 0 30px;

    box-shadow: unset;

}

.btn-style4.transparent {

    background: radial-gradient(50% 50% at 50% 50%, rgba(11, 31, 58, 0.7) 0%, rgba(11, 31, 58, 0.85) 100%);

    border: 2px solid #ffffff45;

    position: relative;

    font-size: 18px;

    font-weight: 600;

    min-width: 328px;

    padding: 12px 0 6px !important;

    margin-top: 7px !important;

}

.btn-style4.transparent span {

    color: #fff !important;

    text-transform: capitalize;

}

.btn-style4.transparent i {

    font-size: 16px;

}

section.main-banner .become-sponsor p{

    font-size: 18px;

}

.become-sponsor {

    position: relative;

    z-index: 1000;

    padding-bottom: 35px;

}

.become-sponsor .btn-style4::after{

    display: none;

}



section.intro {

    padding: 300px 0 100px;

    background: url('/wp-content/uploads/2026/03/home-intro-bg.png') center top;

    background-size: cover;

    color: #fff;

    text-align: center;

    position: relative;

    overflow: hidden;

    margin-top: -200px;

}

/* section.intro::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: var(--color1);

    left: 0;

    top: 0;

    z-index: -1;

    margin-top: 200px;

} */

section.intro .main-title {

    font-size: 38px;

    text-transform: uppercase;

    font-weight: 700;

    margin-bottom: 20px;

}

section.intro p {

    max-width: 809px;

    margin: 0 auto 90px;

    font-size: 14px;

}

.highlights {

    display: flex;

    flex-wrap: wrap;

    row-gap: 50px;

}

.highlights .place {

    width: 50%;

}

.highlights .place img {

    width: 139px;

    height: 139px;

    object-fit: cover;

    border-radius: 50%;

}

.highlights .place h5 {

    font-weight: 700;

    line-height: 1.5;

    /* max-width: 200px; */

    margin: 12px auto 0;

}



section.running-types {

    padding: 90px 0;

}

section.running-types .main-title, .elite-event-page .section-title {

    font-size: 38px;

    text-transform: uppercase;

    font-weight: 700;

    text-align: center;

    line-height: 1.5;

}

section.running-types .divider {

    margin-bottom: 60px;

}

section.running-types .info-box {
    background: var(--color1);
    color: #fff;
    text-align: center;
    max-width: 548px;
    margin: -20px auto 70px;
    border-radius: 30px;
    padding: 25px 20px;
    width: 100%;
    line-height: 1.8;
    font-size: 19px;
    position: relative;
}
.running-types .info-box .shape1 {
    position: absolute;
    bottom: 100%;
    right: 10%;
    margin-bottom: -12px;
    z-index: -1;
}
.running-types .info-box .shape2 {
    position: absolute;
    top: 100%;
    left: 10%;
    margin-top: -12px;
    z-index: -1;
}
section.running-types .info-box i{
    color: var(--color2);
}

.running-types .ticket {

    border-bottom: 1px solid rgba(148, 148, 148, 1);

    padding: 34px 0;

}

.running-types .ticket:last-child {

    border: unset;

}

.ticket .num {

    font-size: 54px;

    font-weight: 700;

    color: var(--color1);

}

.ticket .img-wrap{

    position: relative;

}

.ticket .img-wrap img {

    border-radius: 30px;

    aspect-ratio: 9 / 7;

    object-fit: cover;

    max-width: 307px;

    width: 100%;

    box-shadow: 0px 13px 27px -5px rgba(50, 50, 93, 0.25);

}

.ticket .popular-tag, .ticket-style2 .popular-tag {

    padding: 8px 20px;

    font-size: 18px;

    font-weight: 700;

    text-transform: uppercase;

    background: var(--color2);

    width: 83%;

    height: 70px;

    border-radius: 30px 30px 0 0;

    margin-bottom: -29px;

    margin-top: -43px;

}

.ticket-style2 .right {
    display: flex;
    align-items: flex-end;
    column-gap: 30px;
    flex-wrap: wrap;
}
.ticket-style2 .price {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}
.ticket-style2 .price-divider {
    width: 2px;
    height: 64px;
    background: #fff;
}

.ticket .info {

    background: var(--color1);

    color: #fff;

    border-radius: 30px;

    box-shadow: 0px 13px 27px -5px rgba(50, 50, 93, 0.25);

    display: flex;

}

.ticket .info .left {

    flex: 1;

    padding: 20px;

}

.ticket .range {

    font-size: 34px;

    font-weight: 700;

    text-transform: uppercase;

    margin: 12px 0 18px 20px;

}

.ticket .left .flex {

    display: flex;

    margin-bottom: 12px;

    gap: 8px;

}

.ticket .left i {

    color: var(--color2);

    position: relative;

    top: 4px;

}

.ticket .amount {

    font-size: 34px;

    font-weight: 700;

    margin: 10px 0 7px 20px;

}

.ticket .currency {

    font-size: 20px;

    font-weight: 500;

}



.ticket .info .right {

    padding: 20px 30px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-start;

    width: 220px;

    background: url('/wp-content/themes/ns-elite11/images/vertical-line.png') left;

    background-repeat: repeat-y;

}

.ticket .btn-wrap{

    overflow: hidden;

    padding: 6px 0;

}

.ticket .btn-style3{

    padding: 12px 21px 6px;

    line-height: 1.2;

}

.ticket .btn-style3::before{

    bottom: 102%;

}

.ticket .btn-style3:hover:before {

    right: 45%;

}

.ticket .btn-style3:hover:after {

    left: 45%;

}

/* Ticket Style 2 */
.ticket-style2 .inner-wrap {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0px 5px 20px -7px #333;
    background: var(--color1);
}
.ticket-style2 .inner-wrap .featured-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 2s;
}
.ticket-style2:hover .featured-image {
    transform: scale(1.2);
}
.ticket-style2 .inner-wrap .info {
    position: relative;
    color: #fff;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 405px;
}
.ticket-style2 .inner-wrap .info::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 39.59%, rgba(0, 0, 0, 0.7) 100%);
}
.ticket-style2 .inner-wrap .bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ticket-style2 .inner-wrap .info .num {
    background: #fff;
    color: #333;
    display: inline-block;
    width: 59px;
    height: 71px;
    line-height: 71px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    font-size: 34px;
    font-weight: 700;
}
.running-types .tickets {
    display: flex;
    flex-direction: column;
    row-gap: 38px;
}
.ticket-style2 .type {
    color: var(--color2);
    font-size: 20px;
    font-weight: 500;
}
.ticket-style2 .range {
    font-weight: 700;
    font-size: 64px;
    text-transform: uppercase;
}
.ticket-style2 .price i{
    font-size: 16px;
}
.ticket-style2 .amount {
    font-size: 34px;
    font-weight: 700;
    margin: 0;
}
.ticket-style2 .inner-wrap .top, .ticket-style2 .inner-wrap .bottom  {
    position: relative;
}
.ticket-style2 .amount span {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}
.ticket-style2 .popular-tag{
    width: 257px;
    margin-top: 0;
}
.ticket-style2 .btn-style3 {
    line-height: 1.2;
    padding: 12px 20px 6px;
}
section.partners .keys {
    font-size: 21px;
    margin-top: 35px;
}

section.partners {

    text-align: center;

    background: url('/wp-content/themes/ns-elite11/images/partner-section-bg.png') center;

    color: #fff;

    background-size: cover;

    padding: 70px 0;

    overflow: hidden;

}

section.partners .divider, section.running-types .divider, .elite-event-page .divider {

    width: 158px;

}

section.partners .main-title {

    font-size: 37px;

    font-weight: 700;

    text-transform: uppercase;

    max-width: 508px;

    margin: 0 auto;

    line-height: 1.5;

}

section.partners .sponsorship-logos .box {
    width: 100%;
    text-align: center;
    transition: all .3s;
}
section.partners .sponsorship-logos .box:hover{
    background: #ffffff2e;
}
.sponsorship-logos .d-flex .box {
    justify-content: center;
    align-items: center;
    /* border: 1px solid #dddddd; */
    min-height: 130px;
    display: flex;
    border-radius: 10px;
    /* background: rgb(255, 255, 255, 0.06); */
    backdrop-filter: blur(2px);
    border: 1px solid #fff;
}
/* section.partners .sponsorship-logos .col-12:first-child .box {
    background: rgb(255, 255, 255, 0.46);
} */

section.about {

    background: url('/wp-content/themes/ns-elite11/images/contact-section-bg.jpg');

    color: #fff;

    text-align: center;

    padding: 90px 0;

    background-size: cover;

    background-position: center bottom;

    position: relative;

    overflow: hidden;

}

section.about::after {

    content: "";

    position: absolute;

    height: 90%;

    width: 305px;

    background: url(/wp-content/themes/ns-elite11/images/girl-run.png) center;

    background-size: contain;

    background-repeat: no-repeat;

    right: 5%;

    bottom: 4%;

}

section.about .wrap {

    max-width: 745px;

    margin: 0 auto;

    line-height: 30px;

    position: relative;

    z-index: 100;

}

section.about .sub-title {

    text-transform: uppercase;

    font-weight: 600;

}

section.about .main-title {

    font-weight: 700;

    font-size: 37px;

    line-height: 1.5;

    margin-bottom: 20px;

}

.divider {

    width: 218px;

    height: 6px;

    border-radius: 100px;

    background: var(--color2);

    display: block;

    margin: 10px auto 12px;

}

/* Home Page End */

/* Default Page Start */
.page-template-default .content {
    padding: 60px 0;
}
.page-template-default ul {
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    row-gap: 3px;
}
.page-id-123 h5.wp-block-heading, .page-id-3 h5.wp-block-heading {
    color: var(--color1);
    margin: 20px 0 15px;
}
.page-id-3 .wp-block-separator{
    border-width: 1px;
    margin: 25px 0;
}
/* Default Page End */

/* About Page Start */

.about-elite11 {

    padding: 80px 0;

    text-align: justify;

}

.about-elite11 img {

    aspect-ratio: 1/1;

    width: 100%;

    /* height: 100%; */

    object-fit: cover;

    border-radius: 15px;

}

.about-elite11 .section-title {

    font-size: 38px;

    text-transform: uppercase;

    font-weight: 700;

    text-align: left;

    line-height: 1.3;

}

.about-elite11 .divider {

    width: 158px;

    margin: 20px 0 30px;

}

.about-elite11 img.photo1 {

    position: relative;

    bottom: -100px;

    aspect-ratio: 6 / 7;

}

.about-elite11 img.photo2 {

    aspect-ratio: 9/10;

}

.about-elite11 .mission .heading {

    font-size: 28px;

    font-weight: 600;

    margin-bottom: 15px;

}

.about-elite11 .btn-style1{

    font-weight: 500;

}



section.why-choose-us {

    padding: 80px 0;

    color: #fff;

    background: var(--color1);

}

/* About Page End */



/* Elite Event Page Start */

.elite-event-page .overview, .elite-event-page section.race-kit, section.faqs {

    padding: 70px 0;

}

.elite-event-page .main-title {

    font-size: 42px;

    font-weight: 800;

    color: #000;

    line-height: 1.2;

    color: var(--color1);

}

.elite-event-page .details {

    margin-top: 50px;

}

.elite-event-page .overview .detail-item {

    border: 1px solid lightgray;

    padding: 20px 15px;

    border-radius: 20px;

    transition: all .3s;

    width: 100%;

}

.elite-event-page .overview .detail-item:hover {

    box-shadow: 0px 2px 15px -7px var(--color1);

}

.elite-event-page .details .icon {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 40px;

    color: var(--color2);

    margin: 0 auto 22px;

    background: linear-gradient(45deg, #283951, var(--color1));

}

.elite-event-page .details .title {

    font-weight: 600;

    color: var(--color1);

}

.elite-event-page .details p {

    color: #1f314ae6;

    font-size: 16px;

}

.elite-event-page .details .icon img {

    max-width: 50px;

}



.route {

    background: var(--color1);

    padding: 70px 0;

    color: #fff;

}

.route-map img {

    max-width: 950px;

    width: 100%;

    margin: 0 auto;

    display: block;

    border-radius: 10px;

}

.elite-event-page section.running-types {

    padding: 70px 0;

}



section.race-kit .container{

    position: relative;

    z-index: 100;

}

section.race-kit ul {

    column-count: 2;

    font-size: 17px;

}

.elite-event-page .race-kit li {

    margin-bottom: 30px;

}

section.race-kit .kit-image {

    width: 100%;

    aspect-ratio: 9 / 6;

    object-fit: cover;

    border-radius: 10px;

}

.swiper-button-next svg, .swiper-button-prev svg {

    color: var(--color2);

    width: 22px;

}

section.merchandize{
    padding: 70px 0;
    text-align: center;
}
section.merchandize img{
    width: 100%;
}
section.merchandize .item{
    text-align: left;
}
.merchandize .item .merch-name {
    margin-top: 15px;
    color: var(--color1);
    font-weight: 600;
}

section.faqs {
    background: var(--color1);
    color: #fff;
}

.accordion-item {

    border: 1px solid #dee2e6 !important;

    border-radius: 15px !important;

    margin-bottom: 20px;

    overflow: hidden;

}

.accordion-header button {

    font-size: 18px;

    font-weight: 600;

    padding: 25px 20px;

    gap: 15px;

}

.accordion-button::after {

    background: var(--color2) var(--bs-accordion-btn-icon);

    width: 35px;

    background-repeat: no-repeat;

    background-position: center;

    height: 35px;

    border-radius: 50%;

    background-size: 22px;

}

.accordion-button:not(.collapsed) {

    background: var(--color1);

    color: #fff;

    box-shadow: unset;

}



.elite-event-page section.register{

    background: url('/wp-content/uploads/2026/02/banner3.jpg') center;

    background-size: cover;

    color: #fff;

    text-align: center;

    padding: 70px 0;

    position: relative;

}

section.register .container{

    position: relative;

    z-index: 100;

}

section.register p{

    max-width: 980px;

    margin: 0 auto 15px;

}

section.register .btn-style3 {

    line-height: normal;

    padding: 14px 22px 8px;

}

section.why-choose-us .key-point .title {

    font-weight: 700;

    margin: 15px 0;

    line-height: 1.4;

}

section.why-choose-us .key-point p {

    color: #ddd;

}

section.why-choose-us .featured-image {

    aspect-ratio: 12/10;

    object-fit: cover;

    width: 100%;

    border-radius: 15px;

    overflow: hidden;

    margin-top: 50px;

}

/* Elite Event Page End */



/* Sponsorship Page Start */

section.sponsorship {

    padding: 70px 0;

}

section.sponsorship .sponsorship-logos .box {

    border: 1px solid var(--color2);

    padding: 20px;

    border-radius: 7px;

    width: 100%;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .4s ease;

}

/* section.sponsorship .sponsorship-logos .box:hover {
    background: var(--color1);
    border-color: var(--color1);
} */

section.sponsorship .sponsorship-logos .box:hover .logo, section.partners .sponsorship-logos .box:hover .logo{
   transform: scale(1);
}

section.partners .sponsorship-logos .box img, section.sponsorship .sponsorship-logos .box .logo {
    max-height: 100px;
    width: auto;
    max-width: 100%;
    transition: all .5s ease-in-out;
    transform: scale(0.9);
}



section.benefits {

    padding: 90px 0 80px;

    background: var(--color1);

    background-size: cover;

    position: relative;

    color: #fff;

}

section.benefits::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: var(--color1) url(/wp-content/uploads/2026/02/curve-lines.webp) no-repeat center;

    left: 0;

    top: 0;

    opacity: 0.02;

}

section.benefits .featured-image {

    position: relative;

    z-index: 100;

    border-radius: 20px;

    aspect-ratio: 12 / 9;

    object-fit: cover;

}

section.benefits ul {

    list-style: none;

    padding: 0;

}

section.benefits li {

    display: flex;

    gap: 15px;

    margin-bottom: 14px;

}

section.benefits ul li::before {

    content: "";

    min-width: 20px;

    height: 20px;

    background: #616161 url(/wp-content/themes/ns-elite11/images/check-yellow-icon.png) center no-repeat;

    display: inline-block;

    border-radius: 50%;

    background-size: 60%;

    position: relative;

    z-index: 100;

    top: 2px;

}



section.ct-for-partner {

    text-align: center;

    background: url(/wp-content/uploads/2026/02/2151847313.jpg);

    background-size: cover !important;

    background-position: center top;

    padding: 80px 0;

    color: #fff;

    position: relative;

}

section.ct-for-partner::after, section.register::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: #10233e69;

    left: 0;

    top: 0;

}

section.ct-for-partner .container{

    position: relative;

    z-index: 100;

}

section.ct-for-partner p{

    line-height: 30px;

}

/* Sponsorship Page End */



/* Contact Page Start */

.page-template-contact-us .content,.page-template-contactus .content {
    padding: 70px 0;
}

#contact-form .form-select {
    padding: 12px;
}

#contact-form textarea{

    height: 150px;

}

.info-heading {

    font-weight: 700;

}

.c-info {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    margin-top: 12px;

}

.c-info i {

    color: var(--color2);

    min-width: 18px;

    text-align: center;

    font-size: 18px;

}

.sales-info {

    display: flex;

    gap: 15px;

    margin-top: 8px;

    line-height: 1.4;

}

.sales-info i {

    font-size: 18px;

    color: var(--color2);

}

/* .sales-info .label {

    width: 160px;

} */
footer .sales-info .label{
    width: unset;
}

.sales-info a {

    color: #1D1D1D;

}

.sales-info a:hover {

    color: var(--color2);

}

.social-icons a {

    background: var(--color1);

    color: #fff;

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 50%;

    margin-right: 10px;

}

.social-icons a:hover {

    background: var(--color2);

    color: #1d1d1d;

}

#contact-form input.form-control {

    min-height: 30px;

    height: 50px;

    font-size: 15px;

}

#contact-form .form-floating>label {

    padding: .75rem;

}

#contact-form .form-floating>label::after {

    background: unset;

}

/* Contact Page End */



/* Media Query Start */

@media(max-width: 1400px){

    section.about::after{

        height: 80%;

        right: 0%;

        bottom: 10%;

    }

}

@media(max-width: 1200px){

    section.about::after {

        height: 70%;

        right: -7%;

        bottom: 15%;

    }

    footer .social-icons a{

        font-size: 27px;

        margin-right: 7px;

    }

    footer .social-icons .fa-tiktok{

        width: 29px;

        height: 29px;

        line-height: 29px;

        font-size: 17px;

    }

    section.main-banner .caption h1{

        font-size: 50px;

    }

    section.main-banner .caption .info{

        font-size: 25px;

    }

     section.main-banner h2{

        font-size: 35px;

    }

     section.main-banner .caption p, section.main-banner .become-sponsor p{

        font-size: 16px;

    }

    .countdown-timer{

        margin-top: 70px;

    }

    .countdown-item{

        width: 180px;

        height: 180px;

    }

    .countdown-number{

        font-size: 50px;

    }

    .countdown-label{

        font-size: 24px;

    }

    section.main-banner .btn-style4{

        font-size: 28px;

        min-width: 400px;

    }

    section.main-banner .btn-style4.transparent {

        font-size: 18px;

        min-width: 300px;

    }

}



@media (max-width: 992px){
    section.running-types .info-box{
        margin: 40px auto 60px;
    }
    section.sub-banner{

        height: 300px;

    }

    section.sub-banner .page-meta .fade-title{

        font-size: 70px;

    }

    section.sub-banner .page-meta .title{

        font-size: 35px;

    }

    section.about .main-title{

        font-size: 35px;

    }

    footer .heading{

        margin: 10px 0 20px;

    }

    .btn-style4{

        font-size: 30px;

        padding: 18px;

        min-width: 400px;

    }

    .btn-style4 i{

        font-size: 27px;

    }

    .ticket .popular-tag{

        margin-top: 0;

    }

    section.running-types .divider {

        margin-bottom: 10px;

    }

    section.main-banner .caption h1 {

        font-size: 38px;

    }

    section.main-banner .caption .info {

        font-size: 20px;

        column-gap: 15px;

    }

    section.main-banner h2 {

        font-size: 30px;

    }

    .countdown-item {

        width: 150px;

        height: 150px;

    }

    section.race-kit ul{

        column-count: 3;

    }

}



@media (max-width: 768px){

    section.main-banner{

        padding-top: 160px;

    }

    section.sub-banner{

        height: unset;
        padding: 150px 0 60px;

    }

    section.sub-banner .page-meta .fade-title{

        font-size: 60px;

    }

    section.sub-banner .page-meta .title{

        font-size: 30px;

    }

    .page-template-contact-us .content {

        padding: 60px 0;

    }

    section.about::after {

        height: 55%;

        right: -15%;

        bottom: 0;

    }

    section.about .sub-title{

        font-size: 21px;

    }

    section.about .main-title{

        font-size: 26px;

    }

    .divider {

        width: 180px;

        height: 5px;

    }

    .footer-top {

        padding: 50px 0;

    }

    .btn-style4{

        font-size: 28px;

        padding: 15px;

        min-width: 350px;

    }

    .btn-style4 i{

        font-size: 25px;

    }

    .btn-style4:hover .shadows img.shadow-left {

        left: 75%;

    }

    .btn-style4:hover .shadows img.shadow-right {

        right: 75%;

    }

    .countdown-timer {

        margin-top: 40px;

        gap: 20px;

    }

    .countdown-item {

        width: 110px;

        height: 110px;

        min-width: unset;

        border-radius: 10px;

    }

    .countdown-number {

        font-size: 40px;

    }

    .countdown-label {

        font-size: 18px;

    }

    section.main-banner .btn-style4 {

        font-size: 25px;

        min-width: 350px;

        padding: 15px 0 9px;

    }

    section.race-kit ul{

        column-count: 2;

    }

}



@media (max-width: 576px){
    section.intro{
        padding: 270px 0 50px;
    }
    section.intro .main-title, section.running-types .main-title, .elite-event-page .section-title, section.partners .main-title, .about-elite11 .section-title{
        font-size: 32px;
    }
    section.running-types, section.partners, .about-elite11, section.ct-for-partner, section.why-choose-us, section.sponsorship, section.benefits {
        padding: 50px 0;
    }
    section.about{
        padding: 60px 0;
    }
    section.sub-banner .page-meta .fade-title {

        font-size: 50px;

    }

    section.about::after {

        height: 37%;

        right: -15%;

        bottom: 0;

        width: 150px;

    }

    .ticket .info{

        flex-direction: column;

        border-radius: 0 0 30px 30px;

    }

    .ticket .info .right {

        width: 100%;

    }

    .ticket .info .right {

        width: 100%;

        background: url('/wp-content/themes/ns-elite11/images/hr-line.png') top left;

        background-repeat: repeat-x;

        flex-direction: row;

        align-items: center;

        padding-top: 30px;

        flex-wrap: wrap;

    }

    .ticket .img-wrap img{

        max-width: unset;

        border-radius: 30px 30px 0 0;

        aspect-ratio: 9 / 6;

    }
    .ticket-style2 .price{
        column-gap: 15px;
    }
    .ticket-style2 .amount{
        font-size: 27px;
    }
    .ticket-style2 .amount span{
        font-size: 16px;
    }
    .ticket-style2 .range{
        font-size: 54px;
    }

    .countdown-timer {

        gap: 15px;

        max-width: 350px;

        margin: 40px auto 0;

    }

    section.main-banner .btn-style4 {

        font-size: 20px;

        min-width: 300px;

    }

    section.main-banner .btn-style4.transparent {

        font-size: 16px;

        min-width: 250px;

    }

}



@media (max-width: 425px){
    .ticket-style2 .price{
        flex-direction: column;
        row-gap: 12px;
    }
    .ticket-style2 .price-divider{
        width: 90px;
        height: 2px;
    }
    /* section.sub-banner{

        height: 200px;

    } */

    section.sub-banner .page-meta .fade-title {

        font-size: 45px;

    }

    section.sub-banner .page-meta .title{

        transform: translate(-50%, -50%);

    }

    .page-template-contact-us .content {

        padding: 50px 0;

    }
/* 
    .sales-info .label {

        width: unset;

        flex: 1;

    }    */

    .footer-top {

        padding: 40px 0 30px;

    }

    section.about .sub-title {

        font-size: 18px;

    }

    section.about .main-title {

        font-size: 24px;

    }

    .btn-style4 {

        font-size: 22px;

        padding: 15px;

        min-width: 275px;

    }

    .btn-style4 i {

        font-size: 20px;

    }

    .btn-style4:hover .shadows img.shadow-left {

        left: 67%;

    }

    .btn-style4:hover .shadows img.shadow-right {

        right: 67%;

    }

    section.main-banner .caption h1 {

        font-size: 30px;

    }

    section.main-banner .caption .info {

        font-size: 16px;

        column-gap: 10px;

    }

    section.main-banner h2 {

        font-size: 23px;

    }

    section.main-banner .caption p {

        font-size: 15px;

    }

    section.main-banner .btn-style4 {

        font-size: 20px;

        min-width: 275px;

    }

}



@media (max-width: 375px){

    section.benefits li{

        gap: 10px;

        font-size: 15px;

        margin-bottom: 20px;

    }

}

/* Countdown Mobile responsive */

@media (max-width: 600px) {

    .countdown-timer {

        gap: 15px;

    }

    

    .countdown-item {

        min-width: 70px;

        padding: 15px;

    }

    

    .countdown-number {

        font-size: 32px;

    }

    

    .countdown-label {

        font-size: 12px;

    }

}