@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --bodyBg: #FFFDF3;
    --lightGray: #F6F6F6;
    --lightGreen: #E1F5E1;
    --theme: #002B10;
    --yellow: #FCC201;
    --white: #fff;
    --black: #000;
    /* --robotoFont: "Roboto", sans-serif; */
    --robotoFont: "Public Sans", sans-serif;
    ;
    /* --blueDipColor: #002810; */
    --blueDipColor: var(--theme);
    /* --montserrat: "Montserrat", sans-serif; */
    --montserrat: "Public Sans", sans-serif;
    ;
    --yellowColor: #efbe19;
    /* --palatino: 'palatino_linotyperegular'; */
    --palatino: "Public Sans", sans-serif;
}

/* font-family: "Public Sans", sans-serif; */


@font-face {
    font-family: 'palatino_linotyperegular';
    src: url('../fonts/pala-webfont.woff2') format('woff2'),
        url('../fonts/pala-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'palatino_linotypebold_italic';
    src: url('../fonts/palab-webfont.woff2') format('woff2'),
        url('../fonts/palab-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'palatino_linotypebold_italic';
    src: url('../fonts/palabi-webfont.woff2') format('woff2'),
        url('../fonts/palabi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'palatino_linotypeitalic';
    src: url('../fonts/palai-webfont.woff2') format('woff2'),
        url('../fonts/palai-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

html{
    scroll-behavior: smooth;
    scroll-padding-top: 146px;
}

/* ::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #004225;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--yellowColor);
} */

.bodycontent2::-webkit-scrollbar,
.scroll_table::-webkit-scrollbar,
.accordion-body ::-webkit-scrollbar,
.reciprocal-list-table::-webkit-scrollbar {
    height: 3px;
}

a {
    color: var(--blueDipColor);
}

a:focus {
    outline: unset;
}

.btn:focus-visible {
    border-color: unset;
    box-shadow: unset;
}

.nav-link:focus-visible {
    box-shadow: unset;
}

img {
    max-width: 100%;
}

body {
    background-color: var(--white);
}

.container {
    width: 100%;
    max-width: 1920px;
    padding-left: 100px;
    padding-right: 100px;
}

h1,
.main-title h2 {
    font-family: var(--robotoFont);
    font-weight: 600;
    font-size: 48px;
    line-height: 1;
    text-align: center;
}

h2 {
    font-family: var(--robotoFont);
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    color: var(--theme);
    margin-bottom: 40px;
}

h3 {
    font-size: 30px;
    font-family: var(--robotoFont);
    font-weight: 600;
    line-height: 1;
    color: var(--blueDipColor);
}

h4 {
    font-family: var(--robotoFont);
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    color: var(--theme);
    margin-bottom: 20px;
}

h5 {
    font-size: 26px;
    font-family: var(--robotoFont);
    font-weight: bold;
    line-height: normal;
    color: var(--theme);
}

p {
    font-family: var(--robotoFont);
    font-weight: 400;
    /* font-size: 20px;
    line-height: 34px; */
    font-size: 24px;
    line-height: 1.5em;
    color: var(--theme);
    text-align: justify;
}

.btn-primary {
    min-width: 240px;
    padding: 22px 30px;
    border-radius: 100px;
    background: var(--blueDipColor);
    font-family: var(--montserrat);
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    border: none;
}

.btn:hover,
.btn:focus,
.btn-primary:focus,
.btn-primary:hover {
    background: var(--yellow) !important;
    border-color: var(--yellow) !important;
    outline: none;
    color: var(--theme);
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--theme);
}

ul li {
    font-family: var(--robotoFont) !important;
}

@media (min-width: 2000px) {
    p {
        font-size: 26px;
        line-height: 1.5em;
    }

    h4 {
        margin-bottom: 1vw;
        font-size: 1.66vw;
    }

    .btn-primary {
        font-size: 1.2vw;
        padding: 1vw 2vw;
    }

    h1,
    .main-title h2 {
        font-size: 2vw;
    }

    .container {
        max-width: 100%;
        padding-left: 5vw;
        padding-right: 5vw
    }

    h3 {
        font-size: 1.66vw;
    }

    h2 {
        font-size: 2vw;
        margin-bottom: 1vw;
    }
}

@media (max-width: 1899px) {
    .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 1699px) {

    h1,
    .main-title h2 {
        font-size: 40px;
    }

    h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }

    h4 {
        font-size: 28px;
    }

    p {
        font-size: 16px;
        line-height: 1.5em;
    }

    .btn-primary {
        min-width: 180px;
        padding: 16px 20px;
        font-size: 16px;
    }

    .container {
        padding-left: 60px;
        padding-right: 60px;
    }

}

@media (max-width: 1499px) {

    h1,
    .main-title h2 {
        font-size: 36px;
    }

    h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }

    h4 {
        font-size: 28px;
    }

    p {
        font-size: 18px;
        line-height: 30px
    }

    h5 {
        font-size: 18px;
    }
}

@media (max-width: 1399px) {

    h1,
    .main-title h2 {
        font-size: 36px;
    }

    .btn-primary {
        min-width: 180px;
        padding: 16px 20px;
        font-size: 16px;
    }

    .container {
        padding-left: 60px;
        padding-right: 60px;
    }

    h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    p {
        font-size: 16px;
        line-height: 26px
    }
}

@media (max-width: 1299px) {
    .container {
        padding-left: 50px;
        padding-right: 50px;
    }

    h2 {
        font-size: 24px;
    }

    p {
        font-size: 16px;
        line-height: 24px
    }

    h4 {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    h3 {
        font-size: 28px;
    }

    .btn-primary {
        min-width: 160px;
        padding: 16px 25px;
        font-size: 18px;
    }
}

@media (max-width: 991px) {

    h1,
    .main-title h2 {
        font-size: 32px;
    }

    .btn-primary {
        min-width: 150px;
        padding: 12px 25px;
        font-size: 14px;
    }

    p {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767px) {
    h2 {
        font-size: 20px;
    }

    h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    h1,
    .main-title h2 {
        font-size: 28px;
    }

    h5 {
        font-size: 16px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .btn-primary {
        min-width: 140px;
        font-size: 14px;
    }

    p {
        font-size: 14px;
        line-height: 20px;
    }
}

/* header */
.header-outer {
    /* align-items: flex-start !important; */
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    height: 100%;
}

/* .header-outer .header-left,
.header-outer .header-right {
    padding-top: 43px;
} */

.home .header-outer .header-left,
.home .header-outer .header-right {
    padding-top: 0px;
}

.home .header-outer {
    align-items: center !important;
}

/* .header-outer .header-left,
.header-outer .header-right {
    padding-top: 43px;
} */

.home .header-outer .header-left,
.home .header-outer .header-right {
    padding-top: 0px;
}

.header-outer:after {
    content: "";
    width: 140px;
    height: 37px;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 0;
    background: url(../images/logo-bottom.png) no-repeat center;
    transform: translateX(-50%);
    display: none !important;
}

.header-right {
    min-height: 65px;
}

.bg-header {
    /* background-color: rgba(108, 141, 166, 0.8); */
    background-color: rgba(0, 43, 16, 0.8);
    /* margin-bottom: 35px; */
    margin-bottom: 0px;
    position: relative;
    z-index: 9;
    height: 146px;
}

.logo {
    border-radius: 100%;
    padding: 15px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    bottom: 0px;
    overflow: hidden;
    top: 17px;
    transition: all ease-in-out .3s !important;
}

.logo:before {
    content: "";
    display: block;
    /* background: url(../images/logo-bottom-round.png) no-repeat center; */
    background-color: rgba(0, 43, 16, 0.8);
    background-size: 100% auto;
    width: 100%;
    aspect-ratio: 1 / 1;
    position: absolute;
    z-index: -1;
    bottom: -1px;
    left: 0;
    /* height: 44px; */
    height: 35px;
    transition: all 0.4s ease;
}

.home .logo {
    /* top: 5px; */
    background: url(../images/logo-bottom-round.png) no-repeat center;
    background-size: 100% auto;
}

.home-icon {
    /* margin-right: 30px; */
    margin-right: calc(50px + var(--bs-navbar-nav-link-padding-x));
}

.home .swiper-container .swiper-navigation-icon path {
    fill: #F6F6F6;
}

.home .swiper-container svg {
    opacity: 0;
}


@media(max-width: 1899px) {
    .logo:before {
        bottom: 0;
    }
}

/* nav */
.navbar-nav {
    padding-left: 0;
}

.navbar-nav>li,
.affiliations {
    /* margin-right: 30px; */
    margin-right: 50px;
}

.navbar-nav>li.dropdown {
    margin-right: 40px;
}

.navbar-nav>li:last-child {
    margin-right: 0;
}

.navbar-nav li>a,
.affiliations a {
    color: var(--white);
    font-size: 20px;
    font-family: var(--palatino);
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    transition: all 0.3s ease;
}

.navbar-nav li>a:hover,
.affiliations a:hover,
.navbar-nav li>a:focus,
.affiliations a:focus {
    /* color: var(--bs-nav-link-hover-color); */
    color: var(--yellow);
}

.navbar-nav li .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0px;
    vertical-align: middle;
    content: "";
    border: 0 !important;
    width: 18px;
    height: 18px;
    background: url(../images/chevron1.png) no-repeat;
    border: inherit !important;
    background-size: 100% auto;
    transition: all 0.3s ease;
}

.navbar-nav li .dropdown-toggle.show::after,
.navbar-nav li:hover .dropdown-toggle::after {
    transform: rotate(-180deg);
}

.right-nav {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    align-items: center;
}

.right-nav li {
    list-style: none;
    margin-right: 24px;
    font-size: 0;
    position: relative;
}

.right-nav li.last-li::after,
.right-nav li::after {
    content: "";
    position: absolute;
    /* display: inline-block; */
    /* vertical-align: middle; */
    width: 1px;
    height: 48px;
    background-color: var(--white);
    margin-left: 24px;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
}

.right-nav li a {
    color: var(--white);
    font-size: 20px;
    border-radius: 100px;
    font-family: var(--palatino);
    vertical-align: middle;
    font-weight: normal;
    text-decoration: none;
    width: 190px;
    display: inline-block;
    text-align: center;
    /* line-height: 55px; */
    line-height: 51px;
}

.right-nav li a.login-btn {
    background-color: var(--theme);
    /* margin-left: 40px; */
    transform: translate3D(0px, 0, 0px);
    transition: all 0.3s ease;
    /* Smooth transition */
    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.25),
        inset 0 1px 1px rgba(255, 255, 255, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: solid 2px var(--white);
    display: flex;align-items: center;
    justify-content: center;
}

/* Hover and Active States for 3D effect */
.right-nav li a.login-btn:hover {
    background-color: var(--theme);
    /* transform: translateY(-3px); */
    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.15);
    border: solid 1px darken(var(--theme), 5%);
    border: solid 1px var(--yellow);
}

.right-nav li a.login-btn:active {
    border: solid 1px var(--yellow);
    /* transform: translateY(-3px); */
    /* Simulate a pressed state */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    /* Shadow for active state */
    background-color: var(--theme);
}

/* Focus state for accessibility */
.right-nav li a.login-btn:focus {
    outline: none;
    box-shadow: unset;
    /* Focus ring for accessibility */
}

.right-nav li a.login-btn span {
    /* background: url(../images/login-icon-h.svg) no-repeat; */
    background-size: 100% auto;
    display: inline-flex;
    vertical-align: middle;
}

.right-nav li a.login-btn span img {
    opacity: 0;
}

.bg-header.sticky .right-nav li a.login-btn {
    background-color: var(--theme);
    /* margin-left: 40px; */
    transform: translate3D(0px, 0, 0px);
    transition: all 0.3s ease;
    /* Smooth transition */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: solid 2px var(--white);
    background: var(--yellow);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.2);
    color: var(--theme);
}

/* Hover and Active States for 3D effect */
.bg-header.sticky .right-nav li a.login-btn:hover {
    background: var(--theme);
    /* transform: translateY(-3px); */
    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.15);
    border: solid 1px darken(var(--theme), 5%);
    border: solid 2px var(--white);
    color: var(--white);
    /* border-color: var(--theme); */
    border-color: var(--white);
}

.bg-header.sticky .right-nav li a.login-btn:active {
    /* transform: translateY(-3px); */
    /* Simulate a pressed state */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    /* Shadow for active state */
}

/* Focus state for accessibility */
.bg-header.sticky .right-nav li a.login-btn:focus {
    outline: none;
    background: linear-gradient(#003815, #002B10);
    /* transform: translateY(-3px); */
    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.15);
    color: var(--white);
}

/* .bg-header.sticky .right-nav li a.login-btn span {
    background: url(../images/login-icon.svg) no-repeat;
    background-size: 100% auto;
} */
 .bg-header.sticky .right-nav li a.login-btn span svg path{
    fill: var(--theme);
} 

/* .right-nav li a.login-btn:hover span,
.right-nav li a.login-btn:focus span,
.right-nav li a.login-btn.active span {
    background: url(../images/login-icon-h.svg) no-repeat;
    background-size: 100% auto;
} */

/* .bg-header.sticky .right-nav li a.login-btn:hover span,
.bg-header.sticky .right-nav li a.login-btn:focus span,
.bg-header.sticky .right-nav li a.login-btn.active span {
    background: url(../images/login-icon-h.svg) no-repeat;
    background-size: 100% auto;
} */

.right-nav li a.login-btn:hover img,
.right-nav li a.login-btn:focus img,
.right-nav li a.login-btn.active img {
    opacity: 0;
}

.right-nav li a.payment-btn {
    border: 2px solid var(--white);
    line-height: 51px;
    transform: translate3D(0px, 0, 0px);
    /* Initial position */
    transition: all 0.3s ease;
    /* Smooth transition */
    background: var(--theme);
    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.25),
        inset 0 1px 1px rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(6px);
}

/* Hover effect to simulate lifting the button */
.right-nav li a.payment-btn:hover {
    background: var(--theme) !important;
    /* transform: translateY(-3px); */
    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.15);
    border-color: var(--yellow) !important;
}

/* Active effect to simulate button press */
.right-nav li a.payment-btn:active {
    background-color: darken(var(--theme), 5%);
    /* transform: translateY(-3px); */
    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

/* Focus state for accessibility */
.right-nav li a.payment-btn:focus {
    outline: none;
    background-color: darken(var(--theme), 5%);
    /* transform: translateY(-3px); */
    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.15);
}


.bg-header.sticky .right-nav li a.payment-btn {
    border: 2px solid var(--white);
    transform: translate3D(0px, 0, 0px);
    /* Initial position */
    transition: all 0.3s ease;
    /* Smooth transition */
    /* background: linear-gradient(145deg, rgba(255,255,255,0.15), rgba(255,255,255,0.05)); */
    background: var(--yellow) ;
    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.25),
        inset 0 1px 1px rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(6px);
    color: var(--theme);
}

/* Hover effect to simulate lifting the button */
.bg-header.sticky .right-nav li a.payment-btn:hover {
    background: linear-gradient(#003815, #002B10);
    /* transform: translateY(-3px); */
    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.15);
    /* border-color: var(--theme); */
    border-color: var(--white) !important;
    color: var(--white);
}

/* Active effect to simulate button press */
.bg-header.sticky .right-nav li a.payment-btn:active {
    background: linear-gradient(#003815, #002B10);
    /* transform: translateY(-3px); */
    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

/* Focus state for accessibility */
.bg-header.sticky .right-nav li a.payment-btn:focus {
    outline: none;
    background: linear-gradient(#003815, #002B10);
    /* transform: translateY(-3px); */
    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.15);
    color: var(--white);
}

.right-nav li a.login-btn span {
    margin-right: 10px;
}

.sidemenu-toggler {
    width: 60px;
    height: 60px;
    padding: 0;
    background-color: var(--theme);
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--white);
    transform: translate3D(0px, 0, 0px);
    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.25),
        inset 0 1px 1px rgba(255, 255, 255, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s ease;
    color: var(--theme);
}

.bg-header.sticky .sidemenu-toggler {
    background: var(--yellow);
    border: 2px solid var(--white);
}

/* Hover and Active States for 3D effect */
.sidemenu-toggler:hover,
.sidemenu-toggler:focus {
    background-color: darken(var(--theme), 5%);
    /* transform: translateY(-3px); */
    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.15);
    border-color: var(--yellow);
    background-color: var(--theme);
}

.sidemenu-toggler:active {
    background-color: var(--theme);
    /* transform: translateY(-3px); */
    box-shadow:
        0 12px 20px rgba(0, 0, 0, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.bg-header.sticky .sidemenu-toggler:hover,
.bg-header.sticky .sidemenu-toggler:focus,
.bg-header.sticky .sidemenu-toggler:active {
    background: var(--theme);
    /* border-color: var(--theme); */
}

.sidemenu-toggler svg path,
.sidemenu-toggler:hover svg path,
.sidemenu-toggler:focus svg path,
.sidemenu-toggler:active svg path {
    fill: var(--white);
}

.bg-header.sticky .sidemenu-toggler svg path {
    fill: var(--theme);
}

.bg-header.sticky .sidemenu-toggler:hover svg path,
.bg-header.sticky .sidemenu-toggler:focus svg path,
.bg-header.sticky .sidemenu-toggler:active svg path {
    fill: var(--white);
}

/* Focus state for accessibility */
.sidemenu-toggler:focus {
    /* outline: none; */
    /* box-shadow: unset; Focus ring for accessibility */
}

.side-menu {
    position: fixed;
    top: 0;
    left: auto;
    right: -500px;
    z-index: 999;
    height: auto !important;
    bottom: 0;
    width: 500px;
    display: flex;
    transition: all 0.4s ease !important;
}

.side-menu.show {
    right: 0;
    transition: all 0.4s ease !important;
}

.sidemenu-close {
    width: 60px;
    height: 60px;
    background-color: var(--theme);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

.rightbar-overlay {
    width: 100vw;
    position: fixed;
    background-color: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.rightbar-overlay.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.sidebar {
    width: calc(100% - 60px);
    height: 100vh;
    overflow: hidden;
    background-color: rgba(246, 246, 246, 1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.sidebar-top {
    background-color: rgba(225, 245, 225, 1);
    padding: 30px 40px;
}

.member-login0outer {
    text-align: center;
    margin-bottom: 30px;
}

.member-login0outer .btn-primary {
    font-size: 16px;
    /* text-transform: uppercase; */
    padding: 24px 30px;
}

.member-login0outer .btn-primary.memberLogin {
    padding: 15px 24px;
    line-height: 1.2;
    min-width: unset;
    text-transform: unset;
}

.search-outer {}

.search-outer .serch-field {
    width: 100%;
    height: 64px;
    border-radius: 16px;
    padding-top: 20px;
    padding-right: 24px;
    padding-bottom: 20px;
    padding-left: 64px;
    font-family: var(--palatino);
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    /* text-transform: capitalize; */
    box-sizing: border-box;
    border: 0;
    outline: none;
    background-image: url(../images/search-normal.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: left 24px center;
}

.search-outer .serch-field:hover,
.search-outer .serch-field:focus {
    border: 0;
    outline: none;
    box-shadow: unset;
}

.sidebar-bottom {
    padding: 0px 0px 0;
    max-height: calc(100vh - 237px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.sidebar-bottom .item-list {
    height: auto;
    background-color: var(--white);
    /* margin-bottom: 40px; */
    margin-bottom: 0;
    border-bottom: solid 40px rgba(225, 245, 225, 1);
    padding-top: 3px;
    /* padding-left: 40px;
    padding-right: 40px; */
    padding-left: 0px;
    padding-right: 0px;
}

.sidebar-bottom .item-list+.item-list {
    margin-bottom: 20px;
    border-bottom: 0;
}

.sidebar-bottom::-webkit-scrollbar {
    display: none;
}

.right-nav li .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0px;
    vertical-align: middle;
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/chevron1.png) no-repeat;
    border: inherit !important;
    background-size: 100% auto;
    transition: all 0.3s ease;
}

.right-nav li .dropdown-toggle.show::after {
    transform: rotate(-180deg);
}

.right-nav li a.profile-btn {
    padding: 5px 0px;
}
.right-nav li a.profile-btn:hover {
    color: var(--yellow);
}

.right-nav li a.profile-btn:focus {
    color: var(--yellow);
}

.right-nav li .profile-btn span {
    padding-right: 5px;
}

.member-profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-left {
    position: relative;
}

.profile-left .profile-image {
    overflow: hidden;
    width: 100px;
    height: 100px;
    border-radius: 100%;
}

.profile-left .profile-image img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.profile-left .profile-image-edit {
    position: absolute;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 43, 16, 1);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
}

.profile-contain {
    width: calc(100% - 126px);
    text-align: left;
}

.profile-contain h5 {
    margin-bottom: 15px;
    line-height: 1;
}

.profile-contain p {
    margin-bottom: 12px;
    font-size: 20px;
    font-family: var(--robotoFont);
    font-weight: normal;
    line-height: 1;
    color: rgba(0, 0, 0, 1);
}

.profile-contain .btn-group {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.profile-contain .btn-group li {
    padding-right: 14px;
    line-height: 1;
    margin-right: 14px;
    position: relative;
}

.profile-contain .btn-group li:after {
    content: "";
    position: absolute;
    right: 0;
    display: inline-block;
    width: 1px;
    height: 24px;
    background-color: rgba(107, 106, 106, 1);
}

.profile-contain .btn-group li a {
    font-size: 17px;
    cursor: pointer;
    font-family: var(--robotoFont);
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    color: rgba(0, 43, 16, 1);
}

.profile-contain .btn-group li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.profile-contain .btn-group li:last-child::after {
    display: none;
}

.profile-left .profile-image-edit img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.right-nav li .dropdown-menu,
.navbar-nav>li .dropdown-menu {
    border-radius: 0px !important;
}

.bg-header .right-nav li .dropdown-menu,
.bg-header .navbar-nav>li .dropdown-menu {
    border-radius: 0px !important;
}

.right-nav li .dropdown-menu li,
.navbar-nav>li .dropdown-menu li {
    padding: 5px 12px;
    line-height: 1;
    /* background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 100%); */
    background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);
    position: relative;
}

.right-nav li .dropdown-menu li:hover,
.navbar-nav>li .dropdown-menu li:hover {
    /* background: #002B10; background-image: unset;*/
    /* background: linear-gradient(to bottom, rgba(0, 43, 16, 0.3) 0%, rgba(0, 43, 16, 0.15) 100%);     */
    /* background: linear-gradient(to bottom, rgba(0, 43, 16, 0.8) 0%, rgba(0, 43, 16, 0.3) 100%); */
    background: linear-gradient(to bottom, #d9d9d9 0%, #e9e9e9 100%);
    transition: all 0.3s ease;
}

/* .right-nav li .dropdown-menu li:hover .list-icon{filter: invert(1);} */

.right-nav li .dropdown-menu a,
.navbar-nav>li .dropdown-menu a {
    padding: 10px 0;
    white-space: nowrap;
    line-height: 1;
    width: auto;
    font-size: 22px;
    color: rgba(0, 0, 0, 1);
    display: block;
    font-weight: normal;
    font-family: var(--robotoFont);
    text-decoration: none;
}

.right-nav li .dropdown-menu a {
    padding: 7.5px 0;
}

.right-nav li .dropdown-menu li:hover>a,
.navbar-nav>li .dropdown-menu li:hover>a {
    /* color: #fff; */
    color: var(--theme);
}

.navbar .dropdown-menu {
    border: 0;
    border-radius: 12px;
    transition: all 0.3s ease;;
    padding: 10px 0 10px 10px;
    display: none;
    background-color: transparent;
}

.navbar .dropdown-menu.show,
.navbar-nav li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: block;
}

.right-nav li .dropdown-menu {
    background: rgba(255, 255, 255, 0.5);
    /* semi-transparent white */
    backdrop-filter: blur(12px);
    /* glass effect */
    -webkit-backdrop-filter: blur(12px);
    border: 0;
    /* soft border */
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.25),
        inset 0 1px 1px rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    transition: all 0.3s ease;
    padding: 0;
    min-width: 440px;
}

.right-nav li .dropdown-menu.show,
.right-nav li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.right-nav li:hover .dropdown-menu {
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: unset;
    display: block;
    top: 100%;
}

.right-nav .dropdown-menu li::after {
    display: none;
}

.right-nav .dropdown-menu li a {
    text-align: left;
}
@media (max-width: 2000px){
    .right-nav li .dropdown-menu a,
.navbar-nav>li .dropdown-menu a {
    font-size: 20px;
}
}
@media (max-width: 1899px) {
    .home-icon {
        margin-right: calc(30px + var(--bs-navbar-nav-link-padding-x));
    }

    .navbar-nav>li,
    .affiliations {
        margin-right: 30px;
    }

    .logo:before {
        height: 34px;
    }
}

@media (max-width: 1700px) {
    .right-nav li .dropdown-menu {
        min-width: 380px;
    }
}

@media (max-width: 1599px) {
    .right-nav li .dropdown-menu {
        min-width: 350px;
    }

    .right-nav li a.login-btn,
    .bg-header.sticky .sidemenu-toggler {
        border-width: 1px;
    }

    .sidemenu-toggler,
    .bg-header.sticky .sidemenu-toggler,
    .bg-header.sticky .right-nav li a.login-btn {
        border-width: 1px;
    }
}

@media (max-width: 1399px) {
    .right-nav li .dropdown-menu {
        min-width: 320px;
    }
}

@media (max-width: 767px) {

    .right-nav li a.login-btn:active,
    .right-nav li a.login-btn:hover,
    .bg-header.sticky .right-nav li a.login-btn:hover,
    .bg-header.sticky .right-nav li a.login-btn:active {
        border: 0 !important;
        box-shadow: unset;
    }

    .right-nav li a.login-btn,
    .bg-header.sticky .right-nav li a.login-btn:hover {
        /* background: transparent !important; */
        box-shadow: unset;
    }

    .bg-header.sticky .right-nav li a.login-btn:hover,
    .bg-header.sticky .right-nav li a.login-btn:active {
        border: 0 !important;
        box-shadow: unset;
    }

    .bg-header.sticky .right-nav li a.login-btn {
        /* border: 0; */
        box-shadow: unset;
        color: var(--white);
    }

    /* .bg-header.sticky .right-nav li a.login-btn span {
        background: url(../images/login-icon-h.svg) no-repeat;
        background-size: 100% auto;
    } */
      .bg-header.sticky .right-nav li a.login-btn span svg path{
    fill: var(--theme);
} 

    .right-nav li a.payment-btn,
    .right-nav li a.login-btn,
    .bg-header.sticky .right-nav li a.login-btn:active,
    .bg-header.sticky .right-nav li a.login-btn:hover,
    .bg-header.sticky .right-nav li a.payment-btn:active,
    .bg-header.sticky .right-nav li a.payment-btn:hover {
        transform: unset !important;
    }
}

.right-nav li .dropdown-menu li {
    margin-right: 0;
}

.navbar-nav>li .dropdown-menu {
    min-width: 440px;
}

.navbar-nav>li .dropdown-menu .dropdown a {
    display: block;
    padding: 0;
    position: relative;
}

.navbar-nav>li .dropdown-menu .dropdown-submenu a.dropdown-toggle {
    position: relative;
    background: transparent;
    /* background: url(../images/chevron1.png) no-repeat; */
}

.navbar-nav>li .dropdown-menu .dropdown-submenu a.dropdown-toggle::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    background: url(../images/chevron.png) no-repeat;
    background-size: 100% auto;
}

.navbar-nav>li .dropdown-menu .dropdown-submenu a.dropdown-toggle.active::after,
.navbar-nav>li .dropdown-menu .dropdown-submenu:hover>a.dropdown-toggle::after {
    transform: translateY(-50%) rotate(180deg);
    /* filter: invert(1); */
}

.navbar-nav>li .dropdown-menu .dropdown-submenu:hover li:hover>a.dropdown-toggle::after {
    transform: translateY(-50%) rotate(180deg);
    /* filter: invert(1); */
}

.navbar-nav>li .dropdown-menu .dropdown-submenu {
    position: relative;
}

.navbar-nav li .dropdown-menu .dropdown-submenu .submenu_outer {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
}

.navbar-nav li .dropdown-menu .dropdown-submenu:hover .submenu_outer {
    display: block;
}

.navbar-nav li .dropdown-menu .dropdown-submenu .dropdown-menu {
    min-width: 250px;
    margin-left: 10px;
    border: 0;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.2);
    display: none;
    position: relative;
}

.navbar-nav li .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    display: block;
    background-color: var(--white);
}

.navbar-nav li .dropdown-menu .dropdown-submenu li .dropdown-menu {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.navbar-nav li .dropdown-menu .dropdown-submenu:hover li .dropdown-menu {
    display: none;
}

.navbar-nav li .dropdown-menu .dropdown-submenu li:hover .dropdown-menu {
    display: block;
}

.navbar-nav>li .dropdown-menu .dropdown-submenu .dropdown-menu a {
    background-color: transparent;
}

.right-nav li .dropdown-menu a span {
    width: 24px;
    margin-right: 5px;
}

@media (min-width: 2000px) {

    .navbar-nav li>a,
    .affiliations a {
        font-size: 22px;
    }

    .right-nav li a {
        font-size: 1vw;
        width: auto;
        padding-left: 1vw;
        padding-right: 1vw;
    }
}


@media (max-width: 1700px) {

    .navbar-nav li>a,
    .affiliations a {
        font-size: 18px;
    }

    .right-nav li a {
        font-size: 18px;
        line-height: 1;
        padding: 15px 24px;
        width: auto;
    }

    .right-nav li a.payment-btn {
        line-height: 1;
    }

    .home-icon {
        margin-right: calc(35px + var(--bs-navbar-nav-link-padding-x));
        max-width: 40px;
    }

    .navbar-nav>li,
    .affiliations {
        margin-right: 35px;
    }

    .navbar-nav>li.dropdown {
        margin-right: 25px;
    }

    .right-nav li::after {
        margin-left: 20px;
    }

    .right-nav li {
        margin-right: 20px;
    }

    .sidemenu-toggler {
        width: 48px;
        height: 48px;
        padding: 10px;
    }

    .right-nav {
        margin-left: 15px;
    }

    .right-nav li .dropdown-menu a,
    .navbar-nav>li .dropdown-menu a {
        font-size: 18px;
    }

    .navbar-nav>li .dropdown-menu {
        min-width: 380px;
    }
}

@media (max-width: 1599px) {
    .bg-header {
        height: 100px;
    }
    html{
        scroll-padding-top: 100px;
    }

    /* .home .bg-header {
        height: auto;
    } */

    .navbar-nav li>a,
    .affiliations a {
        font-size: 16px;
    }

    .right-nav li a {
        font-size: 16px;
        line-height: 1;
        padding: 9px 22px;
        width: auto;
    }

    .right-nav li a.login-btn {
        /* padding: 5px 22px; */
        line-height: 24px;
    }

    .right-nav li a.login-btn img {
        max-width: 22px;
    }

    .right-nav li a.payment-btn {
        line-height: 1;
    }

    .bg-header.sticky .right-nav li a.login-btn:hover,
    .bg-header.sticky .right-nav li a.login-btn:active {
        border-width: 1px;
    }

    .home-icon {
        margin-right: calc(30px + var(--bs-navbar-nav-link-padding-x));
        max-width: 40px;
    }

    .navbar-nav>li,
    .affiliations {
        margin-right: 30px;
    }

    .navbar-nav>li.dropdown {
        margin-right: 25px;
    }

    .right-nav li::after {
        margin-left: 15px;
        height: 34px;
        right: -8px;
    }

    .right-nav li {
        margin-right: 15px;
    }

    .sidemenu-toggler {
        width: 40px;
        height: 40px;
        padding: 10px;
    }

    .right-nav li a.payment-btn,
    .bg-header.sticky .right-nav li a.payment-btn {
        border-width: 1px;
    }

    .right-nav {
        margin-left: 15px;
    }

    .header-outer {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .logo {
        max-width: 120px;
        padding: 5px;
        top: 12px;
    }

    .logo:before {
        height: 22px;
    }

    /* .header-outer .header-left,
    .header-outer .header-right {
        padding-top: 30px;
    } */

    .bg-header.sticky .header-left,
    .bg-header.sticky .header-right {
        padding-top: 0px;
    }

    .bg-header.sticky .header-outer {
        align-items: center !important;
    }

    .profile-contain .btn-group li a {
        font-size: 16px;
    }

    .profile-contain .btn-group li:after {
        height: 16px;
    }

    .profile-contain .btn-group li {
        padding-right: 10px;
        margin-right: 9px;
    }

    .profile-contain p {
        font-size: 18px;
    }

    .profile-left .profile-image {
        width: 80px;
        height: 80px;
    }

    .profile-contain {
        width: calc(100% - 100px);
    }

    /* .profile-contain .btn-group li a {
        font-size: 14px;
    } */

    .profile-contain p {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .profile-contain h5 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .right-nav li .dropdown-menu a,
    .navbar-nav>li .dropdown-menu a {
        font-size: 16px;
    }

    .right-nav li .dropdown-menu li {
        padding: 5px 20px;
    }

    .navbar-nav>li .dropdown-menu {
        min-width: 350px;
    }
}

@media (max-width: 1399px) {

    .navbar-nav>li,
    .affiliations {
        margin-right: 9px;
    }

    .home-icon {
        margin-right: calc(20px + var(--bs-navbar-nav-link-padding-x));
    }

    .navbar-nav>li.dropdown {
        margin-right: 9px;
    }

    /* .header-outer .header-left,
    .header-outer .header-right {
        padding-top: 25px;
    } */

    .member-login0outer .btn-primary {
        font-size: 14px;
        padding: 16px 24px;
    }

    .bg-header {
        height: 90px;
    }
    html{
        scroll-padding-top: 90px;
    }

    .logo {
        max-width: 120px;
        bottom: 0px;
        margin-top: 0px;
        top: 15px;
    }

    .logo:before {
        height: 30px;
    }

    .home .logo {
        bottom: unset;
    }

    .header-outer {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .right-nav li .dropdown-menu li {
        padding: 3px 20px;
    }

    /* .right-nav li .dropdown-menu a,
    .navbar-nav>li .dropdown-menu a {
        font-size: 15px;
    } */

    .navbar-nav>li .dropdown-menu {
        min-width: 320px;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
}


@media (max-width: 1199px) {
    .navbar-expand-lg .navbar-collapse {
        display: none !important;
    }

    .navbar-expand-lg .navbar-collapse.show {
        display: block !important;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: relative;
    }

    .logo:before {
        display: none;
    }

    .right-nav li a {
        line-height: 1;
        padding: 5px 20px;
        width: auto;
    }

    .right-nav li a.payment-btn {
        line-height: 1;
    }

    .home-icon {
        margin-right: 5px;
        max-width: 32px;
    }

    .navbar-nav>li,
    .affiliations {
        margin-right: 5px;
    }

    .right-nav li::after {
        margin-left: 15px;
        height: 20px;
    }

    .right-nav li {
        margin-right: 15px;
    }

    .navbar-nav>li {
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 100%);
        margin-right: 0;
        padding-left: 12px;
        padding-right: 12px;
    }

    .navbar-nav>li.dropdown {
        margin-right: 0;
        padding-right: 12px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .sidemenu-toggler {
        width: 32px;
        height: 32px;
        padding: 7px;
    }

    .right-nav li a.payment-btn {
        border-width: 1px;
    }

    .right-nav {
        margin-left: 15px;
    }

    .header-outer .header-left,
    .header-outer .header-right {
        padding-top: 0px;
    }

    .bg-header {
        height: auto;
    }

    html {
        scroll-padding-top: 70px;
    }

    .logo {
        bottom: unset;
        margin-left: -15px;
    }

    .header-outer {
        padding-top: 5px;
        padding-bottom: 5px;
        align-items: center !important;
        /* display: grid !important;
        grid-template-areas:
            "logo right"
            "logo left"; */
    }

    .logo {
        max-width: 100px;
        grid-area: logo;
        padding: 5px;
        position: relative;
        order: 1;
        transform: unset;
        left: unset;
        top: unset;
    }

    .header-left {
        order: 3;
        grid-area: left;
    }

    .header-right {
        order: 2;
        grid-area: right;
        min-height: unset;
    }

    .right-nav li a.login-btn {
        margin-left: 0;
    }

    .navbar-nav>li .dropdown-menu {
        left: unset;
        right: 0;
    }

    .navbar-nav>li .dropdown-menu .dropdown-submenu .dropdown-menu {
        left: unset;
        right: 100%;
        margin-right: 10px;
        margin-left: 0;
    }

    .navbar-toggler {
        border: 0;
        width: unset;
        height: unset;
        line-height: unset;
        background: transparent;
    }

    .navbar-toggler:focus {
        box-shadow: unset;
        outline: none;
    }

    .navbar-toggler-icon {
        width: 32px;
        height: 32px;
        padding: 7px;
        background-color: var(--theme);
        border-radius: 100%;
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid transparent;
        transform: translate3D(0px, 0, 0px);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.1);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.3s ease;
        color: var(--theme);
        background-image: unset;
    }

    .navbar-toggler-icon svg path {
        fill: var(--white);
    }

    .navbar-toggler:focus .navbar-toggler-icon,
    .navbar-toggler:hover .navbar-toggler-icon {
        background-color: var(--yellowColor);
    }

    .navbar-toggler:focus .navbar-toggler-icon svg path,
    .navbar-toggler:hover .navbar-toggler-icon svg path {
        fill: var(--theme);
    }

    .navbar-collapse {
        position: absolute;
        left: 0;
        right: 0;
        width: auto;
        padding: 0px;
        top: 100%;
        background-color: rgba(225, 245, 225, 1);
    }

    .navbar {
        position: static;
    }

    .navbar-nav li>a {
        color: rgba(0, 0, 0, 1);
        display: block;
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-nav li .dropdown-toggle::after {
        position: absolute;
        right: 0;
        top: 50%;
        background: url(../images/chevron.png) no-repeat;
        background-size: 100% auto;
        transform: rotate(90deg) translateX(-50%);
    }

    .navbar-nav>li .dropdown-menu {
        background: transparent;
        border: 0;
    }

    .navbar-nav>li .dropdown-menu .dropdown-submenu .dropdown-menu {
        background: transparent;
        border: 0;
        box-shadow: unset;
    }

    .navbar-nav li .dropdown-toggle.show::after {
        transform: rotate(-90deg);
    }

    .navbar-nav>li .dropdown-menu .dropdown-submenu a.dropdown-toggle::after {
        transform: translateY(-50%) rotate(90deg);
    }

    .navbar-nav>li .dropdown-menu .dropdown-submenu a.dropdown-toggle.active::after {
        transform: translateY(-50%) rotate(-90deg);
    }

    .navbar-nav>li .dropdown-menu .dropdown-submenu .dropdown-menu {
        position: relative;
        left: unset;
        right: unset;
        margin-right: 0;
    }

    .navbar .dropdown-menu {
        box-shadow: unset;
    }

    .right-nav li .dropdown-menu li,
    .navbar-nav>li .dropdown-menu li {
        box-shadow: unset;
    }

    .right-nav li .dropdown-menu li:hover,
    .navbar-nav>li .dropdown-menu li:hover {
        box-shadow: unset;
        background: unset;
    }

    .navbar-nav>li .dropdown-menu li:hover a {
        color: var(--theme);
    }

    .navbar-nav li .dropdown-menu .dropdown-submenu .submenu_outer {
        display: block;
        position: relative;
        left: unset;
        right: unset;
    }

    .navbar-nav li .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
        background: transparent;
    }

    .navbar-nav>li .dropdown-menu {
        min-width: 100%;
    }

    .navbar-nav>li .dropdown-menu li {
        padding-right: 0;
        background: transparent;
    }

    .navbar-nav li:hover .dropdown-toggle::after {
        transform: rotate(90deg) translateX(-50%);
    }

    .navbar-nav li:hover .dropdown-toggle.show::after {
        transform: rotate(-90deg) translateX(50%);
    }

    .navbar-nav>li .dropdown-menu .dropdown-submenu a.dropdown-toggle.active::after,
    .navbar-nav>li .dropdown-menu .dropdown-submenu:hover>a.dropdown-toggle::after {
        transform: rotate(-90deg) translateX(50%);
    }

    .navbar-expand-lg .navbar-toggler {
        display: none !important;
        padding: 0;
    }

    .bg-header .home-icon {
        display: none !important;
    }

    /* .sidemenu-toggler {
        display: none;
    } */

    .right-nav li a.profile-btn {
        font-size: 0;
    }

    .right-nav li a.login-btn {
        /* font-size: 0; */
        /* padding: 4px 5px; */
    }

    .right-nav li a.login-btn span {
        /* margin-right: 0; */
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        max-height: calc(100vh - 100px);
        overflow: auto;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
}

@media(max-width: 991px) {
    .header-outer {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .logo {
        left: 0px;
        max-width: 80px;
    }
}



.item-list {
    padding-left: 0;
}

.item-list li {
    list-style: none;
    /* border-bottom: solid 1px rgba(107, 106, 106, 0.2); */
    /* background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 100%); */
    background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);
    padding: 14px 40px;
}

.item-list li a {
    text-decoration: none;
    color: var(--black);
    font-family: var(--robotoFont);
    font-weight: normal;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.item-list li:hover {
    /* background: #002B10; */
    /* background: linear-gradient(to bottom, rgba(0, 43, 16, 0.3) 0%, rgba(0, 43, 16, 0.15) 100%); */
    /* background: linear-gradient(to bottom, rgba(0, 43, 16, 0.8) 0%, rgba(0, 43, 16, 0.3) 100%); */
    background: linear-gradient(to bottom, #d9d9d9 0%, #e9e9e9 100%);
}

.item-list li:hover a {
    /* color: #fff; */
    color: var(--theme);
}

.item-list li .list-icon {
    width: 36px;
    height: 36px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F6F6F6;
    border-radius: 100%;
}

.item-list li .list-icon img {
    object-fit: contain;
}

.item-list li:last-child {
    border-bottom: 0;
}

@media (max-width: 1399px) {
    .sidebar-top {
        padding: 15px 20px;
    }

    .member-login0outer {
        margin-bottom: 15px;
    }

    .sidebar {
        width: calc(100% - 44px);
    }

    .search-outer .serch-field {
        width: 100%;
        height: 48px;
        border-radius: 12px;
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-left: 48px;
        font-size: 14px;
        background-size: 20px 20px;
        background-position: left 15px center;
    }

    .side-menu {
        width: 400px;
        right: -400px;
    }

    .sidebar-bottom {
        max-height: calc(100vh - 178px);
    }

    .sidemenu-close {
        width: 44px;
        height: 44px;
    }

    .sidebar-bottom .item-list {
        /* padding: 10px 25px 0; */
        padding: 2px 0px 0;
        /* margin-bottom: 25px; */
        margin-bottom: 0;
        border-bottom: solid 25px rgba(225, 245, 225, 1);
    }

    .item-list li a {
        padding-left: 25px;
        padding-right: 25px;
    }

    .item-list li {
        padding: 7px 0;
    }

    .item-list li a {
        font-size: 16px;
    }

    .item-list li .list-icon {
        width: 32px;
        height: 32px;
        margin-right: 10px;
    }
}

@media (max-width: 1199px) {
    .item-list li .list-icon {
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    .profile-left .profile-image {
        width: 60px;
        height: 60px;
    }

    .profile-left .profile-image-edit {
        width: 18px;
        height: 18px;
    }

    .profile-contain {
        width: calc(100% - 80px);
    }

    /* .profile-contain .btn-group li a {
        font-size: 12px;
    } */

    .profile-contain .btn-group li:after {
        height: 12px;
        top: 4px;
    }

    .item-list li a {
        font-size: 15px;
    }

    .side-menu {
        width: 350px;
        right: -350px;
    }

    .sidemenu-close {
        width: 32px;
        height: 32px;
    }

    .sidebar {
        width: calc(100% - 30px);
    }
    .right-nav li a.login-btn { font-size: 0; padding: 0; width: 32px; height: 32px; }
    .bg-header .right-nav li a.payment-btn span,
    .right-nav li a.login-btn span{margin-right: 0 !important;}
}

@media (max-width: 479px) {
    .sidebar-bottom {
        max-height: calc(100vh - 220px);
    }
}

@media(max-width: 360px) {
    .side-menu {
        width: 320px;
    }

    .side-menu {
        width: 320px;
    }
}

/* footer */
.footer-top-outer {
    background-color: var(--theme);
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 60px;
    padding-bottom: 80px;
}

.footer-top {
    color: var(--white);
    font-family: var(--robotoFont);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
}

.footer-form {
    order: 2;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 711px;
    border: solid 16px rgba(255, 255, 255, 0.5);
}

.footer-left {
    order: 1;
    width: 25%;
}

.footer-right {
    order: 3;
    width: 24%;
}

.footer-top h5 {
    color: var(--yellow);
    margin-bottom: 40px;
    font-family: var(--robotoFont);
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
}

.footer-right ul {
    padding-left: 0;
    margin-bottom: -20px;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-right ul li {
    list-style: none;
    width: 40%;
    margin-bottom: 20px;
}

.footer-right ul li a {
    color: var(--white);
    text-decoration: none;
    font-family: var(--robotoFont);
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
}

.footer-logo-area {
    text-align: center;
}

.footer-logo-area h3 {
    font-family: var(--robotoFont);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 1;
    text-align: center;
    margin-bottom: 26px;
    color: var(--white);
}

.footer-logo {
    display: inline-block;
    margin-bottom: 26px;
}

.footer-logo-area .location {
    font-size: 16px;
    margin-bottom: 26px;
    font-family: var(--robotoFont);
    font-weight: normal;
    line-height: 1;
    color: var(--white);
}

.footer-logo-area .location::before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    width: 12px;
    height: 17px;
    vertical-align: top;
    /* background: url(../images/location.png) no-repeat top left; */
    background: url(../images/location.svg) no-repeat top left;
}

.social-icons {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.social-icons li {
    list-style: none;
    vertical-align: middle;
}

.social-icons li a:hover svg path {
    fill: var(--yellowColor);
    color: var(--theme);
}

.footer-form .form-inner {
    background-color: var(--white);
    padding: 40px 80px;
}

.footer-form input.form-control,
.footer-form textarea,
.footer-form select,
.footer-form .form-row .select-display {
    font-family: var(--robotoFont);
    font-size: 16px;
    font-weight: 400;
    padding: 14.5px 20px;
    border-radius: 0px;
    /* border: 1px solid transparent; */
    width: 100%;
    color: var(--theme);
    outline: none;
    border-radius: 6px;
    /* background-color: #EBEEEC; */
    box-shadow: unset;
}

.footer-form input.form-control:focus,
.footer-form textarea:focus,
.footer-form select:focus,
.footer-form .form-row .select-wrapper.open .select-display {
    border: solid 1px #d9d9d9;
}

.footer-form .form-row .select-display {
    line-height: 1.5;
}

.form-control:focus {
    box-shadow: unset;
}

.footer-form .form-row {
    /* margin-bottom: 10px; */
    position: relative;
}

.footer-form .form-row .select-display {}

.footer-form .form-row .select-dropdown div {
    color: var(--bs-body-color);
}

.footer-form .form-row .select-dropdown div:hover {
    color: rgb(255, 255, 255);
}

.footer-form select:focus {
    background-color: #EBEEEC;
}

.footer-form .form-row label {
    position: absolute;
    font-weight: normal;
    font-size: 16px;
    color: var(--theme);
    /* text-transform: capitalize; */
    /* left: 15px; */
    font-family: var(--robotoFont);
    /* top: 10px; */
    /* background: #EBEEEC; */
    pointer-events: none;
    transition: all 0.3s ease;
}

.footer-form .box-focus label.animate-label {
    font-size: 12px;
    left: 20px;
    top: 2px;
}

.footer-form textarea {
    resize: none;
    min-height: 90px;
}

.footer-form textarea:focus {
    background-color: #EBEEEC;
}

.footer-form button.btn-primary {
    margin-top: 0px;
    width: 100%;
    border-radius: 6px;
    background: linear-gradient(#003815, #002B10);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.footer-submit-btn {
    margin-top: 40px;
    text-align: center;
}

.footer-bottom {
    background-color: var(--black);
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    padding-left: 100px;
    padding-right: 100px;
}

.footer-bottom-inner {
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-bottom-inner p {
    margin-bottom: 0;
    /* color: #6B6A6A; */
    color: #f5f5f5;
    font-size: 16px;
    font-family: var(--palatino);
    font-weight: normal;
    text-align: left;
}

.footer-bottom-inner ul {
    padding-left: 0;
    margin-bottom: 0;
}

.footer-bottom-inner ul li {
    display: inline-block;
    line-height: 1;
    border-right: solid 1px #f5f5f5;
    padding-right: 10px;
    margin-right: 10px;
    vertical-align: middle;
    list-style: none;
}

.footer-bottom-inner ul li a {
    text-decoration: none;
    color: #f5f5f5;
    font-size: 16px;
    font-family: var(--palatino);
    font-weight: normal;
    line-height: 1;
}

.footer-bottom-inner ul li:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}

@media (min-width: 2000px) {
    .footer-form {
        width: 33.33vw;
    }

    .footer-right ul li a {
        font-size: 1vw;
        line-height: 1.5;
    }

    .footer-top h5 {
        line-height: 1.5;
        font-size: 1.2vw;
    }

    /* .footer-form input.form-control,
    .footer-form textarea,
    .footer-form select,
    .footer-form .form-row .select-display {
        font-size: 1vw;
        padding: 0.75vw 1.5vw;
        font-size: 1vw;
    } */

    .footer-form .form-row {
        margin-bottom: 0.5vw;
    }

    .footer-form button.btn-primary {
        font-size: 1.2vw;
    }

    .footer-logo-area .location {
        font-size: 0.9vw;
        margin-bottom: 1vw;
    }

    .social-icons li {
        width: 2vw;
    }

    .social-icons li img {
        width: 100%;
    }

    .social-icons {
        gap: 0.75vw;
    }

    .footer-logo-area h3 {
        font-size: 1.66vw;
        margin-bottom: 1vw;
    }

    .footer-top-outer,
    .footer-bottom {
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .footer-logo {
        margin-bottom: 1vw;
    }

    .footer-logo svg,
    .footer-logo svg rect {}

    .footer-bottom-inner p {
        font-size: 1vw;
    }

    .footer-bottom-inner ul li a {
        font-size: 1vw;
    }

    .footer-bottom {
        padding-top: 0.9vw;
        padding-bottom: 0.9vw;
    }

    .footer-top-outer {
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
}

@media (max-width: 1699px) {
    .footer-form {
        width: 500px;
        border-width: 12px;
    }

    .footer-form .form-inner {
        padding: 30px 50px;
    }

    .footer-right ul li a {
        font-size: 18px;
    }

    .footer-logo-area h3 {
        font-size: 32px;
    }

    .footer-left,
    .footer-right {
        width: 28%;
    }

    .footer-top-outer,
    .footer-bottom-inner,
    .footer-bottom {
        padding-left: 60px;
        padding-right: 60px;
    }

}

@media (max-width: 1499px) {
    .footer-top-outer {
        padding-bottom: 50px;
        padding-top: 40px;
    }

    .footer-submit-btn {
        margin-top: 20px;
    }

    .footer-form .form-inner {
        padding: 30px 30px;
    }

    .footer-form {
        width: 480px;
        border-width: 12px;
    }

    .footer-logo-area h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .footer-right ul li a {
        font-size: 16px;
    }

    .footer-top-outer {
        padding-left: 60px;
        padding-right: 60px;
    }

    .footer-left,
    .footer-right {
        width: 26%;
    }

    .footer-logo-area .location {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .footer-logo {
        margin-bottom: 20px;
    }

    .footer-top h5 {
        margin-bottom: 30px;
        font-size: 28px;
        line-height: 1;
    }

    .footer-bottom,
    .footer-bottom-inner {
        padding-left: 60px;
        padding-right: 60px;
    }

    .footer-form button.btn-primary {
        padding: 15px 20px;
        font-size: 14px;
    }
}

@media (max-width: 1399px) {
    .footer-form .form-row label {
        font-size: 14px;
    }

    .footer-top-outer {
        padding-left: 60px;
        padding-right: 60px;
    }

    .footer-form input.form-control,
    .footer-form textarea,
    .footer-form select,
    .footer-form .form-row .select-display {
        font-size: 14px;
        padding: 10px 16px;
    }

    .footer-form .box-focus label.animate-label {
        font-size: 10px;
        left: 16px;
        top: 1px;
    }

    .footer-bottom,
    .footer-bottom-inner {
        padding-left: 60px;
        padding-right: 60px;
    }

    .footer-form {
        width: 420px;
        border-width: 10px;
    }

    .footer-form .form-inner {
        padding: 20px 30px;
    }

    .footer-bottom {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .footer-top h5 {
        font-size: 24px;
    }

    .footer-right ul li a {
        font-size: 16px;
    }

    .footer-left {
        width: 28%;
    }

    .footer-logo-area h3 {
        font-size: 24px;
    }

    .footer-logo-area .location {
        font-size: 13px;
    }

    .footer-form textarea {
        min-height: 70px;
    }

    .footer-logo-area .location::before {
        margin-right: 7px;
    }

    .footer-bottom-inner ul li a {
        font-size: 14px;
    }

    .footer-bottom-inner p {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    .footer-top {
        flex-flow: row wrap;
    }

    .footer-form {
        order: 1;
        width: 100%;
        position: relative;
        top: -170px;
        margin-bottom: -120px;
        left: unset;
        transform: unset;
        bottom: unset;
    }

    .footer-left {
        order: 2;
    }

    .footer-right {
        order: 3;
    }

    .form-inner form {
        display: flex;
        flex-flow: row wrap;
    }

    .footer-form .form-row {
        width: 33.33%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .footer-form textarea {
        min-height: 30px;
        height: 41px;
    }

    .footer-submit-btn {
        margin-top: 5px;
    }

    .footer-submit-btn {
        width: 100%;
    }

    .footer-left,
    .footer-right {
        width: 40%;
    }

    .footer-logo {
        max-width: 120px;
    }

    .footer-logo svg {
        width: 100%;
        height: auto;
    }

    .footer-logo-area h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .footer-top h5 {
        font-size: 20px;
        margin-bottom: 25px;
    }

    .footer-right ul li {
        margin-bottom: 15px;
    }

    .footer-right ul li a {
        font-size: 16px;
    }

    .footer-logo-area .location {
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    .footer-logo {
        max-width: 90px;
    }

    .footer-bottom-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-bottom-inner p {
        font-size: 12px;
    }

    .footer-bottom-inner ul li a {
        font-size: 12px;
    }

    .footer-bottom {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .social-icons {
        gap: 12px;
    }

    .footer-top-outer {
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .footer-form .form-row {
        width: 50%;
    }

    .footer-top-outer {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }

    .footer-bottom-inner ul li {
        font-size: 12px;
    }

    .footer-bottom {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer-bottom-inner {
        padding-left: 0;
        padding-right: 0;
        flex-direction: column;
        align-items: center;
    }

    .footer-form {
        top: unset;
        margin-bottom: 30px;
        border-width: 5px;
    }

    .footer-left,
    .footer-right {
        width: 100%;
    }

    .footer-left {
        margin-bottom: 50px;
    }

    .footer-top h5 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .footer-right ul {
        justify-content: center;
        line-height: 1;
    }

    .footer-right ul li {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 15px;
    }

    .footer-bottom-inner p {
        line-height: 1;
    }
}

@media (max-width: 575px) {
    .form-inner form {
        flex-flow: column;
    }

    .footer-form .form-row {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 360px) {
    .footer-bottom-inner p {
        font-size: 11px;
    }

    .footer-bottom-inner ul li a {
        font-size: 11px;
        display: inline-block;
        vertical-align: top;
    }

    .footer-bottom-inner ul li {
        margin-right: 7px;
    }
}


/* login page */
.login-page {
    background-color: var(--bodyBg);
}

.login-card {
    margin-bottom: 109px;
}

.tab-pane .form-row .form-control::placeholder {
    color: var(--theme) !important;
}

.login-wrapper {
    margin-top: 105px;
}

.member-login-box {
    max-width: 704px;
    margin-left: auto;
    margin-right: auto;
}

.login-show-box {
    border: none;
    border-radius: 6px;
    background-color: var(--white);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
    padding: 40px;
}

.login-show-box h3 {
    margin-bottom: 0px;
}

#loginTab {
    gap: 20px;
    display: flex;
    flex-direction: row;
    border: 0;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 50px;
}

#loginTab li {
    width: calc(50% - 10px);
}

#loginTab .nav-link {
    width: 100%;
    height: 68px;
    background-color: #f0f0f0;
    color: var(--theme);
    text-align: center;
    border-radius: 6px;
    font-family: var(--robotoFont);
    font-weight: 600;
}

#loginTab .nav-link.active {
    background: var(--theme);
    color: var(--white);
}

#loginTab .nav-link svg {
    vertical-align: middle;
    margin-right: 5px;
}

#loginTab .nav-link svg path {
    stroke: var(--theme);
}

#loginTab .nav-link.active svg path {
    stroke: var(--white);
}

.tab-pane .form-row {
    margin-top: 25px;
    position: relative;
}

.member-login {
    padding-left: 25px;
    padding-right: 25px;
}

.tab-pane .form-row .form-control,
.tab-pane .form-row select {
    box-shadow: 0px 4px 12px 0px #00000012;
    font-family: var(--robotoFont);
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    /* text-transform: capitalize; */
    padding: 20px 20px;
    width: 100%;
    border: 0;
    color: var(--theme);
    border: solid 1px #d9d9d9;
}

.tab-pane .form-row .form-control:focus,
.tab-pane .form-row select:focus {
    /* border: 0; */
    outline: none;
}

.login-btn-outer {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.login-btn-outer .h-44{
    height: 44px;
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-row .field-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.5799 11.9999C15.5799 13.9799 13.9799 15.5799 11.9999 15.5799C10.0199 15.5799 8.41992 13.9799 8.41992 11.9999C8.41992 10.0199 10.0199 8.41992 11.9999 8.41992C13.9799 8.41992 15.5799 10.0199 15.5799 11.9999Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.9998 20.27C15.5298 20.27 18.8198 18.19 21.1098 14.59C22.0098 13.18 22.0098 10.81 21.1098 9.39997C18.8198 5.79997 15.5298 3.71997 11.9998 3.71997C8.46984 3.71997 5.17984 5.79997 2.88984 9.39997C1.98984 10.81 1.98984 13.18 2.88984 14.59C5.17984 18.19 8.46984 20.27 11.9998 20.27Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    cursor: pointer;
}

.form-row .field-icon.eye-slash {
    background: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.5799 11.9999C15.5799 13.9799 13.9799 15.5799 11.9999 15.5799C10.0199 15.5799 8.41992 13.9799 8.41992 11.9999C8.41992 10.0199 10.0199 8.41992 11.9999 8.41992C13.9799 8.41992 15.5799 10.0199 15.5799 11.9999Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M11.9998 20.27C15.5298 20.27 18.8198 18.19 21.1098 14.59C22.0098 13.18 22.0098 10.81 21.1098 9.39997C18.8198 5.79997 15.5298 3.71997 11.9998 3.71997C8.46984 3.71997 5.17984 5.79997 2.88984 9.39997C1.98984 10.81 1.98984 13.18 2.88984 14.59C5.17984 18.19 8.46984 20.27 11.9998 20.27Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M3 3L21 21' stroke='black' stroke-width='1.5' stroke-linecap='round'/></svg>") no-repeat center center;

    background-size: contain;
}



.form-capcha {
    margin-top: 40px;
}

.tab-pane .form-row select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../images/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 16px;
    padding-right: 50px;
    background-color: var(--white);
    cursor: pointer;
    line-height: 1.5;
    border-radius: 6px;
}

.select-dropdown {}

.select-dropdown .select-dropdown__button {
    background-image: url('../images/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 16px;
    padding-right: 50px;
    background-color: var(--white);
    cursor: pointer;
    position: relative;
    box-shadow: 0px 4px 12px 0px #00000012;
    font-family: var(--robotoFont);
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    /* text-transform: capitalize; */
    padding: 23px 20px;
    width: 100%;
    border: solid 1px #d9d9d9;
    color: var(--theme);
    text-align: left;
    border-radius: 6px;
}

.select-dropdown__list {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    opacity: 0;
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1, 0);
    transition: all ease-in-out .3s;
    z-index: 2;
    border: solid 1px #d9d9d9;
    border-radius: 6px;
}

.select-dropdown__list.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1, 1);
    background-color: var(--white);
    border: solid 1px #d9d9d9;
}

.select-dropdown__list-item {
    display: block;
    list-style-type: none;
    padding: 10px 15px;
    background: var(--white);
    border-top: 1px solid #e6e6e6;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    color: #616161;
    transition: all ease-in-out .3s;
}

.select-dropdown__list-item:hover {
    background: var(--theme);
    color: var(--white);
}

.member-login.hideMember {
    display: none;
}

.get-otp-outer {
    display: block;
}

.get-otp-outer.hideOtp {
    display: none;
}

.digit-group-section {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
}

.digit-group-section input {
    width: 60px;
    height: 70px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    /* text-transform: capitalize; */
    border: 0;
    outline: none;
}

.digit-group-section input:focus {
    border: 0;
    outline: none;
}

.timer {
    text-align: center;
    color: rgba(0, 43, 16, 1);
    font-size: 18px;
    font-weight: normal;
    margin-top: 12px;
}

.timer strong {
    font-weight: bold;
}

.sub-text {
    margin-bottom: 50px;
    margin-top: 10px;
}

.sub-text p {
    text-align: center;
    color: rgba(107, 106, 106, 1);
    font-size: 18px;
    line-height: 24px;
}

@media (max-width: 1499px) {
    .login-show-box h3 {
        font-size: 20px;
    }

    #loginTab .nav-link {
        font-size: 14px;
    }

    .member-login-box {
        max-width: 472px;
    }

    .login-show-box {
        padding: 20px;
    }

    .login-wrapper {
        margin-top: 60px;
    }

    #loginTab .nav-link {
        height: 40px;
    }

    #loginTab .nav-link svg {
        height: 20px;
        width: 20px;
    }

    #loginTab {
        gap: 10px;
    }

    #loginTab li {
        width: calc(50% - 7px);
    }

    #loginTab {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .tab-pane .form-row {
        margin-top: 15px;
    }

    .tab-pane .form-row .form-control,
    .tab-pane .form-row select {
        font-size: 14px;
        height: 50px;
        padding: 15px 20px;
    }

    .tab-pane .box-focus label {
        font-size: 14px;
        top: 16px;
    }

    .tab-pane .box-focus label.animate-label {
        font-size: 11px;
        top: 2px;
    }

    .form-row .field-icon {
        width: 20px;
        height: 20px;
    }

    .form-capcha {
        margin-top: 10px;
        max-width: 200px;
    }

    .login-btn-outer {
        margin-top: 20px;
    }

    .login-btn-outer .btn-primary {
        padding: 15px 20px;
        font-size: 14px;
    }
}

@media (max-width: 1399px) {
    .member-login-box {
        /* max-width: 600px; */
    }

    .sub-text p {
        font-size: 16px;
    }

    .digit-group-section input {
        font-size: 20px;
        width: 50px;
        height: 56px;
    }

    .sub-text {
        margin-bottom: 30px;
    }

    .timer {
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    #loginTab {
        margin-bottom: 36px;
        margin-top: 36px;
    }

    #loginTab .nav-link {
        height: 56px;
    }

    .member-login-box {
        max-width: 600px;
    }

    .login-wrapper {
        margin-top: 60px;
    }
}

@media (max-width: 991px) {
    #loginTab .nav-link {
        height: 50px;
    }
}

@media (max-width: 767px) {
    #loginTab .nav-link {
        font-size: 14px;
    }

    #loginTab .nav-link svg {
        max-width: 20px;
    }

    #loginTab {
        gap: 10px;
    }

    #loginTab li {
        width: calc(50% - 5px);
    }
    .digit-group-section{gap: 10px;}
}

@media (max-width: 570px) {
    #loginTab .nav-link {
        font-size: 13px;
        height: 36px;
        border-radius: 10px 10px 0 0;
    }

    #loginTab .nav-link svg {
        max-width: 16px;
        margin-right: 2px;
    }
}

@media (max-width: 480px) {
    .login-show-box {
        padding: 20px;
    }
}

@media (max-width: 479px) {
    .member-login {
        padding-left: 0;
        padding-right: 0;
    }

    #loginTab {
        gap: 4px;
    }

    #loginTab li {
        width: calc(50% - 2px);
    }

    #loginTab .nav-link {
        font-size: 10px;
        padding: 0;
    }
}

@media (max-width: 360px) {
    .login-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    #loginTab .nav-link svg {
        max-width: 14px;
        margin-right: 0px;
    }
}


/* home before login ------------ */
.site-main {
    width: 100%;
    overflow: hidden;
}

.home .bg-header {
    background-color: var(--theme);
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.banner-slider img {
    width: 100%;
    min-height: 200px;
    object-fit: cover;
}


/* banner section */
.slick-prev,
.swiper-container .swiper-button-prev {
    background-image: url(../images/prev.svg);
    left: 100px !important;
}

.slick-next,
.swiper-container .swiper-button-next {
    background-image: url(../images/next.svg);
    right: 100px !important;
}

.slick-prev,
.slick-next,
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    font-size: 0;
    z-index: 9;
    background-size: auto 100%;
    margin-top: 40px;
}

.slick-prev:before,
.slick-next:before,
.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.slick-prev:hover,
.slick-prev:focus,
.swiper-container .swiper-button-prev:hover,
.swiper-container .swiper-button-prev:focus {
    background-image: url(../images/prev.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.slick-next:hover,
.slick-next:focus,
.swiper-container .swiper-button-next:hover,
.swiper-container .swiper-button-next:focus {
    background-image: url(../images/next.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.slick-dots,
.swiper-container .swiper-pagination {
    bottom: 58px;
}

.slick-dots li {
    width: 14px;
    height: 14px;
    margin: 0 7px;
}

.slick-dots li button {
    border: 3px solid var(--white);
    width: 14px;
    height: 14px;
    border-radius: 100%;
    padding: 0;
}

.slick-dots li.slick-active button {
    border-color: var(--yellow);
    background-color: var(--yellow);
}

.swiper-container .swiper-pagination-bullet {
    border: 3px solid var(--white);
    width: 14px;
    height: 14px;
    border-radius: 100%;
    padding: 0;
    background: transparent;
}

.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--yellow);
    border-color: var(--yellow);
}

.slick-dots li button:before {
    display: none;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

@media (max-width: 1399px) {

    .slick-prev,
    .slick-next,
    .swiper-container .swiper-button-next,
    .swiper-container .swiper-button-prev {
        width: 60px;
        height: 60px;
        margin-top: 30px;
    }

    .slick-prev,
    .swiper-container .swiper-button-prev {
        left: 60px !important;
    }

    .slick-next,
    .swiper-container .swiper-button-next {
        right: 60px !important;
    }
}

@media (max-width: 1299px) {

    .slick-prev,
    .slick-next,
    .swiper-container .swiper-button-next,
    .swiper-container .swiper-button-prev {
        width: 50px;
        height: 50px;
        margin-top: 25px;
    }

    .slick-prev,
    .swiper-container .swiper-button-prev {
        left: 50px !important;
    }

    .slick-next,
    .swiper-container .swiper-button-next {
        right: 50px !important;
    }
}

@media (max-width: 767px) {
    /* .site-main {
        padding-top: 50px;
    } */

    .home .site-main {
        padding-top: 0px;
    }

    .slick-prev,
    .slick-next,
    .swiper-container .swiper-button-next,
    .swiper-container .swiper-button-prev {
        width: 32px;
        height: 32px;
    }

    .slick-prev,
    .swiper-container .swiper-button-prev {
        left: 15px !important;
    }

    .slick-next,
    .swiper-container .swiper-button-next {
        right: 15px !important;
    }
    .swiper-container .swiper-pagination-bullet{
        height: 8px;
        width: 8px;
    }
}

.banner-bottom {
    overflow: hidden;
    position: relative;
    background: var(--theme);
    display: flex;
    align-items: center;
}

.auto-animate {
    display: flex;
    width: max-content;
    /* animation: scroll-left 20s linear infinite; */
    margin-bottom: 0;
}

.auto-animate li {
    flex: 0 0 auto;
    font-family: var(--montserrat) !important;
    padding: 8px 0px;
    font-size: 16px;
    font-weight: 500;
    color: var(--yellow);
    list-style: none;
    margin-right: 12px;
}

.auto-animate li span {
    color: var(--white);
}

.auto-animate li::marker {
    display: none;
}

.auto-animate li::after {
    content: "";
    background-color: #FCC201;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
}

.auto-animate li:last-child:after {
    display: none;
}

/* Animation Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@media (max-width: 1399px) {
    .auto-animate li {
        font-size: 14px;
        padding: 7px 0px;
    }

    .auto-animate li::after {
        width: 8px;
        height: 8px;
    }

    .slick-dots li {
        margin: 0 5px;
    }

    .slick-dots li button {
        border: 2px solid var(--white);
        width: 12px;
        height: 12px;
    }

    .slick-dots {
        bottom: 40px;
    }
}

@media (max-width: 767px) {
    .slick-dots {
        bottom: 10px;
    }

    .auto-animate li {
        font-size: 11px;
        padding: 3px 0px;
    }
}

.page-title {
    /* margin-top: 20px; */
    margin-top: 80px;
    margin-bottom: 80px;
}

.page-title h1 {
    color: var(--theme);
}

.club-tour-list {
    list-style: none;
    padding-left: 0;
}

.club-tour-list li {
    display: flex;
    align-items: stretch;
}

.club-tour-list li .tour-content {
    width: 50%;
    padding: 20px 40px;
    text-align: center;
    border-right: solid 1px var(--theme);
}

.club-tour-list li .tour-image {
    width: 50%;
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.club-tour-list li .tour-image img {
    vertical-align: middle;
    width: 100%;
}

.club-tour-list li .tour-content h4 {
    text-align: center;
}

.club-tour-list li .tour-content p {
    text-align: justify;
    margin-bottom: 78px;
}

.club-tour-list li:nth-child(even) .tour-content {
    order: 2;
    border-right: 0;
}

.club-tour-list li:nth-child(even) .tour-image {
    order: 1;
    border-right: solid 1px var(--theme);
}

.tour-btn-outer {
    position: relative;
}

.tour-btn-outer .btn-primary {
    transition: unset;
}

.tour-btn-outer:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    background-color: var(--theme);
}

.club-tour-list li:nth-child(even) .tour-btn-outer:before {
    left: unset;
    right: 0;
}

@media (min-width: 2000px) {
    .club-tour-list li .tour-content {
        padding: 1vw 1.5vw;
    }
}

@media (max-width: 1699px) {
    .club-tour-list li .tour-content p {
        margin-bottom: 50px;
    }

    .page-title {
        margin-top: 20px;
        margin-bottom: 60px;
    }
}

@media (max-width: 1399px) {
    .page-title {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media (max-width: 1199px) {
    .page-title {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .page-title {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .page-title h1 {
        margin-bottom: 0;
    }

    .club-tour-list li .tour-image {
        padding: 0px 0;
        margin-bottom: 20px;
    }

    .club-tour-list li {
        flex-flow: row wrap;
    }

    .club-tour-list li .tour-content {
        width: 100%;
        order: 2;
        border: none;
    }

    .club-tour-list li .tour-image {
        width: 100%;
        order: 1;
    }

    .club-tour-list li:nth-child(even) .tour-image {
        border: none;
    }

    .club-tour-list li .tour-content p {
        margin-bottom: 20px;
    }
}

/* .map-enquiry-section {
    margin-top: 80px;
} */

.map-section {
    position: relative;
}

.map-section img {
    width: 100%;
}

.map-section .pointer {
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100%;
    width: 28px;
    height: 28px;
    background-color: var(--yellow);
    border: solid 6px var(--theme);
}

.pointer-content {
    background-color: var(--white);
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 411px;
}

.pointer-content-inner {
    position: relative;
    padding: 22px 35px;
}

.pointer-content h6 {
    margin-bottom: 0;
    text-align: center;
    font-family: var(--robotoFont);
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    color: var(--theme);
}

.pointer-content p {
    margin-bottom: 0;
    text-align: center;
    font-family: var(--robotoFont);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: var(--theme);
}

.pointer-content-inner:after {
    border-left: solid 15px transparent;
    border-top: solid 15px #fff;
    margin-bottom: -28px;
    border-right: solid 15px transparent;
    border-bottom: solid 15px transparent;
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 1;
}

@media (max-width: 1699px) {
    .pointer-content {
        top: 30px;
        max-width: 390px;
    }

    .pointer-content-inner {
        padding: 15px 30px;
    }

    .map-section .pointer {
        top: 25%;
        width: 20px;
        height: 20px;
        border-width: 4px;
    }

    .pointer-content h6 {
        font-size: 20px;
    }

    .pointer-content p {
        font-size: 18px;
        line-height: 26px;
    }
}

@media (max-width: 1499px) {
    .pointer-content h6 {
        font-size: 18px;
    }

    .pointer-content p {
        font-size: 14px;
        line-height: 20px;
    }

    .pointer-content {
        max-width: 340px;
    }
    .map-section .pointer {
        top: 23%;
    }

}

@media (max-width: 1399px) {
    .pointer-content h6 {
        font-size: 16px;
    }

    .pointer-content p {
        font-size: 12px;
        line-height: 18px;
    }

    .pointer-content {
        max-width: 340px;
    }

    .pointer-content-inner {
        padding: 10px 20px;
    }

    .pointer-content {
        max-width: 360px;
        top: 48px;

    }

    .map-section .pointer {
        top: 26%;
        width: 14px;
        height: 14px;
        border-width: 3px;
    }
}

@media (max-width: 991px) {
    .pointer-content {
        top: 20px;
    }

    .pointer-content h6 {
        font-size: 13px;
        line-height: 1.2;
    }

    .pointer-content p {
        font-size: 11px;
    }

    .pointer-content-inner:after {
        border-left: solid 10px transparent;
        border-top: solid 10px #fff;
        margin-bottom: -16px;
        border-right: solid 10px transparent;
        border-bottom: solid 10px transparent;
    }

    .map-section .pointer {
        top: 36%;
        width: 10px;
        height: 10px;
        border-width: 2px;
    }

    /* .map-enquiry-section {
        margin-top: 20px;
    } */
}

@media (max-width: 767px) {
    .club-tour-list li .tour-content p {
        margin-bottom: 25px;
    }

    .tour-btn-outer:before {
        display: none;
    }

    .club-tour-list li .tour-image {
        padding: 0;
    }

    .page-title {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .club-tour-list li .tour-content {
        /* padding: 20px 20px 40px; */
        padding: 0px 15px 20px;
    }

    /* .map-enquiry-section {
        margin-top: 30px;
    } */
}

/* our-facility ----------------- */
.our-facility {
    background-color: #E1F5E1;
    padding: 80px 0 0px;
}

.main-title {
    margin-bottom: 100px;
}

.facility-list {
    padding-left: 0;
    margin: 0 -50px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
}

.facility-list li {
    list-style: none;
    width: 33.33%;
    padding: 0 50px;
    text-align: center;
    margin-bottom: 70px;
}

.facility-list li .facility-image {
    margin-bottom: 20px;
}

.facility-list li .facility-content {
    text-align: center;
}

.facility-list li .facility-content h3 {
    font-family: var(--robotoFont);
    font-weight: 600;
    margin-bottom: 10px;
}

.facility-list li .facility-content p {
    font-size: 20px;
    color: rgba(0, 43, 16, 0.7);
    line-height: 1.2;
}

@media (min-width: 2000px) {
    .facility-list li .facility-image img {
        width: 100%;
    }

    .facility-list li .facility-image {
        margin-bottom: 1vw;
    }

    .facility-list li .facility-content h3 {
        margin-bottom: 1vw;
    }

    .facility-list li .facility-content p {
        font-size: 1.2vw;
    }
}

@media (max-width: 1699px) {
    .our-facility {
        padding-top: 60px;
    }

    .main-title {
        margin-bottom: 50px;
    }

    .facility-list {
        margin: 0 -30px;
    }

    .facility-list li {
        padding: 0 30px;
        margin-bottom: 40px;
    }

    .facility-list li .facility-content p {
        font-size: 18px;
    }

    .facility-list li .facility-content h3 {
        font-size: 24px;
    }
}

@media (max-width: 1499px) {
    .facility-list li .facility-content p {
        font-size: 16px;
    }
}

@media (max-width: 1399px) {
    .main-title {
        margin-bottom: 40px;
    }

    .facility-list li .facility-content h3 {
        font-size: 22px;
    }
}

@media (max-width: 1199px) {
    .our-facility {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .facility-list {
        margin: 0 -15px;
    }

    .facility-list li {
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .facility-list li .facility-content h3 {
        font-size: 20px;
    }

    .facility-list li .facility-content p {
        font-size: 14px;
    }

    .facility-list li .facility-image {
        margin-bottom: 15px;
    }

    .main-title {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .facility-list li {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .facility-list li .facility-content p {
        font-size: 15px;
    }

    .main-title {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .facility-list {
        margin: 0px;
    }

    .facility-list li {
        width: 100%;
        padding: 0px;
    }
}

@media (max-width: 479px) {
    .facility-list li {
        margin-bottom: 10px;
    }

    .facility-list li .facility-content p {
        font-size: 14px;
    }
}

/* event-slider ----------------- */
.event-slider-outer {
    background-image: url(../images/event-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 40px 157px;
}

.event-slider-outer .main-title h2 {
    color: var(--white);
}

.event-slider-outer .slider-item {
    padding-left: 50px;
    padding-right: 50px;
    height: auto;
}

.event-slider-outer .slick-dots {
    bottom: -80px;
}

@media (max-width: 1699px) {
    .event-slider-outer {
        padding: 50px 40px 100px;
    }

    .event-slider-outer .slider-item {
        padding-left: 30px;
        padding-right: 30px;
    }

    .event-slider-outer .slick-dots {
        bottom: -60px;
    }
}

@media (max-width: 1399px) {
    .event-slider-outer {
        padding: 40px 40px 100px;
    }

    .event-slider-outer .slider-item {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 767px) {
    .event-slider-outer .slider-item {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 480px) {
    .event-slider-outer .main-title h2 {
        font-size: 24px;
    }
}


/* event-calender ----------------------- */
.event-calender-outer {
    padding: 80px 0;
}

.event-calender {
    padding-left: 0;
    padding-bottom: 40px;
    margin: 0 -50px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: center;
}

.event-calender li {
    padding: 0 50px;
    margin-bottom: 60px;
    width: 33.33%;
    list-style: none;
}

.calender-inner {
    display: flex;
    height: 100%;
    align-items: stretch;
    background: #E1F5E1;
    border-radius: 10px;
    overflow: hidden;
}

.calender-inner .calender-left {
    width: 129px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--theme);
    color: #fff;
    text-align: center;
}

.calender-inner .calender-right {
    width: calc(100% - 129px);
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.calender-inner .calender-day {
    color: #fff;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 700;
}

.calender-inner .calender-left .calender-month {
    /* font-size: 30px; */
    font-size: 20px;
    font-family: var(--robotoFont);
    line-height: 1;
    font-weight: 600;
    text-transform: unset;
    padding: 10px;
}

.calender-inner .calender-right h6 {
    font-size: 26px;
    margin-bottom: 16px;
    color: #000000;
    font-family: var(--robotoFont);
    line-height: 1;
    font-weight: 600;
}

.calender-inner .calender-right .calender-time {
    background-color: var(--theme);
    font-family: var(--robotoFont);
    font-size: 20px;
    display: inline-block;
    margin-bottom: 16px;
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
}

.calender-inner .calender-right .calender-info {
    font-size: 18px;
    display: flex;
    font-weight: 400;
    color: var(--theme);
    font-family: var(--robotoFont);
    border-top: dashed 1px #6B6A6A;
    padding-top: 16px;
}

.calender-inner .calender-right .calender-info span {
    padding-right: 5px;
}

.calender-btn-outer {
    text-align: center;
}

@media (min-width: 2000px) {
    .calender-inner .calender-right h6 {
        font-size: 2vw;
    }

    .calender-inner .calender-day {
        font-size: 2.5vw;
    }

    .calender-inner .calender-left {
        width: 30%;
    }

    .calender-inner .calender-left .calender-month {
        /* font-size: 1.2vw; */
        font-size: 1vw;
        line-height: 1.2;
        padding: 1.5vw;
    }

    .calender-inner .calender-right .calender-time {
        font-size: 1vw;
    }

    .calender-inner .calender-right .calender-info {
        font-size: 1vw;
    }
}

@media (max-width: 1699px) {
    .event-calender {
        margin: 0 -30px;
    }

    .event-calender li {
        padding: 0 30px;
        margin-bottom: 40px;
    }

    .calender-inner .calender-left {
        width: 100px;
    }

    .calender-inner .calender-right {
        width: calc(100% - 100px);
    }

    .calender-inner .calender-day {
        font-size: 30px;
    }

    .calender-inner .calender-left .calender-month {
        /* font-size: 20px; */
        font-size: 14px;
        padding: 5px;
    }

    .calender-inner .calender-right h6 {
        font-size: 22px;
    }

    .calender-inner .calender-right .calender-info {
        font-size: 16px;
    }

    .calender-inner .calender-right .calender-time {
        font-size: 18px;
    }

    .event-calender-outer {
        padding: 60px 0;
    }
}

@media (max-width: 1399px) {

    .event-calender {
        margin: 0 -25px;
    }

    .event-calender li {
        padding: 0 25px;
        margin-bottom: 30px;
    }

    .calender-inner .calender-left {
        width: 80px;
    }

    .calender-inner .calender-right {
        width: calc(100% - 80px);
    }

    .calender-inner .calender-right h6 {
        font-size: 20px;
    }

    .calender-inner .calender-right .calender-time {
        font-size: 14px;
    }

    .calender-inner .calender-right .calender-info {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    .event-calender {
        margin: 0 -10px;
    }

    .event-calender li {
        padding: 0 10px;
    }
    .calender-inner .calender-day{font-size: 24px;}
}

@media (max-width: 992px) {
    .event-calender-outer {
        padding: 40px 0;
    }

    /* .event-calender {
        display: grid;
        margin: 0;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    } */

    .event-calender li {
        width: 50%;
        margin: 0;
    }

}

@media (max-width: 768px) {
    .event-calender {
        grid-template-columns: repeat(1, 1fr);
    }
    .event-calender li {
        width: 100%;
        padding: 5px 0;
        margin: 0;
    }
}

@media (max-width: 500px) {
    .event-calender-outer {
        padding: 30px 0;
    }
}

/* heritage page ---------------- */
.banner-inner {
    position: relative;
    overflow: hidden;
    height: 500px;
}

.banner-inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner-inner::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.53) 58.5%, rgba(0, 0, 0, 0) 100%);
}

.banner-inner-content {
    /*    position: absolute;
    bottom: 80px;
    left: 0;
    z-index: 1;*/
    margin-top: 20px;
}

.banner-inner-content h2 {
    color: rgba(252, 194, 1, 1);
    text-align: left;
    font-family: var(--robotoFont);
    line-height: 1;
    font-style: italic;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 25px;
}

.banner-inner-content h2 span {
    color: #fff;
}

.banner-inner-content .bread-come {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    border-radius: 0;
    padding: 5px 0px 10px;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

.banner-inner-content .bread-come a {}

.banner-inner-content .bread-come li {
    font-family: var(--robotoFont);
    margin-right: 10px;
    list-style: none;
    line-height: 1;
    font-size: 20px;
    font-weight: normal;
    color: #000;
}

.banner-inner-content .bread-come li a {
    font-family: var(--robotoFont);
    text-decoration: none;
    line-height: 1;
    font-size: 20px;
    font-weight: bold;
    color: var(--theme);
}

.banner-inner-content .bread-come li:before {
    content: ">";
    margin-right: 10px;
}

.banner-inner-content .bread-come li:first-child:before {
    display: none;
}


@media (max-width: 1600px) {
    .banner-inner {
        height: 400px;
    }

    .banner-inner-content h2 {
        font-size: 44px;
        margin-bottom: 15px;
    }

    .banner-inner-content .bread-come li,
    .banner-inner-content .bread-come li a {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .banner-inner {
        height: 300px;
    }
}

@media (max-width: 768px) {
    .banner-inner-content {
        bottom: 40px;
    }
}

@media (max-width: 475px) {
    .banner-inner {
        height: 220px;
    }
}


.heritage-img {
    width: 50%;
    float: right;
    padding-left: 40px;
    padding-bottom: 40px;
}

.cms-page {
    padding: 40px 0;
}

.cms-page h1 {
    text-align: left;
    margin-bottom: 40px;
    font-family: var(--robotoFont);
    font-size: 48px;
    font-weight: 700;
}

.cms-page .full-img {
    margin-bottom: 40px;
}

.cms-page .full-img img {
    width: 100%;
}

.cms-page p {
    margin-bottom: 40px;
    text-align: justify;
}

.heritage .bg-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

@media (max-width: 1600px) {
    .cms-page .full-img {
        margin-bottom: 25px;
    }

    .cms-page p {
        margin-bottom: 25px;
    }

    .cms-page h1 {
        font-size: 36px;
        margin-bottom: 25px;
    }
}

@media (max-width: 1199px) {
    .cms-page h1 {
        font-size: 32px;
    }
}

@media (max-width: 991px) {
    .cms-page h1 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .cms-page h1 {
        font-size: 24px;
    }

    .heritage-img {
        width: 100%;
        float: none;
        padding-left: 0px;
        margin-bottom: 20px;
    }

    .cms-page .full-img {
        margin-bottom: 20px;
    }
}

/* logout popup */
.logout-modal-overlay {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.logout-modal-overlay::before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.logout-modal {
    background: #fff;
    border-radius: 0px;
    text-align: center;
    max-width: 536px;
    width: 100%;
    position: relative;
}

.logout-modal-inner {
    position: relative;
    padding: 80px;
}

.logout-modal-buttons {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    gap: 16px;
}

.logout-modal .btn {
    cursor: pointer;
    border-radius: 100px;
    width: 180px;
    font-family: var(--robotoFont);
    font-size: 16px;
    font-weight: bold;
}

.btn-secondary {
    color: rgba(0, 43, 16, 1);
    background-color: var(--white);
    border: 2px solid rgba(0, 43, 16, 1);
}

.logout-modal h4 {
    font-family: var(--robotoFont);
    font-weight: bold;
    font-size: 36px;
}

.logout-modal p {
    font-family: var(--robotoFont);
    font-size: 18px;
    color: rgba(107, 106, 106, 1);
}

.close-popup {
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    position: absolute;
    right: 16px;
    top: 16px;
}

@media (max-width: 1199px) {
    .logout-modal h4 {
        font-size: 30px;
    }

    .logout-modal {
        max-width: 460px;
    }

    .logout-modal-inner {
        padding: 40px;
    }

    .logout-modal .btn {
        width: 140px;
        min-width: 140px;
    }

    .logout-modal-buttons {
        margin-top: 36px;
    }
}

@media (max-width: 767px) {
    .logout-modal h4 {
        font-size: 24px;
    }

    .logout-modal {
        max-width: 380px;
    }

    .logout-modal-inner {
        padding: 40px;
    }

    .logout-modal .btn {
        width: 140px;
        font-size: 14px;
    }

    .logout-modal-buttons {
        margin-top: 36px;
    }

    .logout-modal p {
        font-size: 16px;
    }
}

@media (max-width: 512px) {

    .right-nav li a {
        font-size: 11px;
        padding: 7px 7px;
    }

    .right-nav li a.profile-btn img {
        /* max-width: 32px; */
        max-width: 36px;
    }
}

@media (max-width: 480px) {
    .banner-inner-content h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .banner-inner-content {
        padding-top: 30px;
    }

    .banner-inner-content .bread-come li,
    .banner-inner-content .bread-come li a {
        font-size: 14px;
    }
}


/*gallery page ============== */
.gallery .bg-header,
.accommodation .bg-header,
.timing-facility .bg-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.timing-facility .site-main {
    overflow: visible;
}

#galleryTab {
    gap: 20px;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    border: 0;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 50px;
}

#galleryTab li {
    width: calc(50% - 10px);
    list-style: none;
    max-width: 213px;
}

#galleryTab .gallery-link {
    width: 100%;
    height: 68px;
    background-color: #f0f0f0;
    color: var(--theme);
    text-align: center;
    border-radius: 6px;
    border: 0;
    font-family: var(--robotoFont);
}

#galleryTab .gallery-link.active {
    background-color: var(--theme);
    color: var(--white);
}

#galleryTab .gallery-link svg {
    vertical-align: middle;
    margin-right: 5px;
}

#galleryTab .gallery-link svg path {
    stroke: var(--theme);
}

#galleryTab .gallery-link.active svg path {
    stroke: var(--white);
}

.gallery-thum {
    padding-left: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 59px;
    margin-bottom: 80px;
}

.gallery-thum li {
    list-style: none;
    width: calc(25% - 48px);
}

.gallery-thum li .gallery-thum-box {
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
    /* box-shadow: 10px 10px 10px #6b6a6a; */
}

.gallery-thum li .gallery-thum-box:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 6px;
    background: #6b6a6a;
    position: absolute;
    right: -9.3px;
    bottom: -9.3px;
    z-index: -1;
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
    box-shadow: 8px 8px 20px #6b6a6a;
}

/* .gallery-thum li .gallery-thum-box:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: #E8E3D7;
    position: absolute;
    right: -18.61px;
    bottom: -18.61px;
    z-index: -1;
} */


.gallery-thum li .gallery-thum-name {
    font-size: 24px;
    font-weight: 600;
    /* color: #000000; */
    color: var(--theme);
    font-family: var(--robotoFont);
    line-height: 1.2;
    text-align: center;
    padding: 0 2.3vw;
}

.gallery-thum li .gallery-thum-box img,
.gallery-thum li .gallery-thum-box video {
    width: 100%;
    height: 259px;
    object-fit: cover;
}

.gallery-thum.video-view li .gallery-thum-box a {
    display: block;
    position: relative;
    object-fit: cover;
}

.gallery-thum.video-view li .gallery-thum-box a:after {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    background: rgba(24, 23, 23, 0.5);
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
}

.gallery-thum.video-view li .gallery-thum-box a:before {
    content: "";
    display: block;
    height: 60px;
    width: 69.67px;
    background: url(../images/play_circle.png) no-repeat center;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

@media(min-width: 2000px) {
    .gallery-thum li .gallery-thum-name {
        font-size: 1.3vw;
    }

    #galleryTab li {
        max-width: 20vw;
    }

    #galleryTab .gallery-link {
        height: 4vw;
        font-size: 1.3vw;
    }

    #galleryTab {
        gap: 2vw;
        margin-bottom: 2.5vw;
        margin-top: 4vw;
    }

    .gallery-thum {
        margin-bottom: 7vw;
    }
}

@media(max-width: 1699px) {
    .gallery-thum li .gallery-thum-name {
        padding: 0 1vw;
    }
}

@media(max-width: 1499px) {
    .gallery-thum li .gallery-thum-name {
        padding: 0 1vw;
        font-size: 22px;
    }

    .gallery-thum li .gallery-thum-box:after {
        right: -6px;
        bottom: -6px;
    }

    .gallery-thum li .gallery-thum-box:before {
        right: -12px;
        bottom: -12px;
    }

    .gallery-thum {
        gap: 48px;
        margin-bottom: 60px;
    }

    .gallery-thum li {
        width: calc(25% - 38px);
    }

    .gallery-thum li .gallery-thum-box {
        margin-bottom: 35px;
    }
}

@media(max-width: 1399px) {
    .header-outer:after {
        background: url(../images/logo-bottom-round.png) no-repeat center;
        background-size: 100% auto;
        width: 115px;
        height: 31px;
        background-position: bottom center;
        left: 48.8%;
    }

    #galleryTab {
        margin-bottom: 30px;
        margin-top: 36px;
    }

    #galleryTab .gallery-link {
        height: 56px;
    }
}

@media(max-width: 1199px) {
    .gallery-thum li .gallery-thum-name {
        font-size: 20px;
    }

    .gallery-thum li {
        width: calc(33.33% - 38px);
    }

    .header-outer:after {
        display: none;
    }

    #galleryTab {
        margin-bottom: 36px;
        margin-top: 36px;
    }

    #galleryTab .gallery-link {
        height: 56px;
    }

    .gallery .bg-header {
        position: relative;
        margin-bottom: 0;
    }

    .banner-inner-content {
        padding-top: 0;
        margin-top: 30px;
    }

    .banner-inner-content h2 {
        font-size: 32px;
    }

    .banner-inner-content .bread-come li,
    .banner-inner-content .bread-come li a {
        font-size: 16px;
    }

    .banner-inner-content .bread-come {
        margin-bottom: 0;
    }

    .gallery-thum.video-view li .gallery-thum-box a:before {
        height: 38px;
        width: 50px;
        background-size: 100% auto;
    }
}

@media(max-width: 991px) {
    .gallery-thum li .gallery-thum-name {
        padding: 0;
    }

    .gallery-thum {
        gap: 25px;
    }

    .gallery-thum li .gallery-thum-box:before {
        right: -10px;
        bottom: -10px;
    }

    .gallery-thum li .gallery-thum-box:after {
        right: -5px;
        bottom: -5px;
    }

    .gallery-thum li {
        width: calc(33.33% - 19px);
    }

    .gallery-thum li .gallery-thum-name {
        font-size: 16px;
    }

    .gallery-thum li .gallery-thum-box {
        margin-bottom: 20px;
    }

    #galleryTab .gallery-link {
        height: 50px;
    }

    .banner-inner-content h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767.98px) {
    .banner-inner-content {
        margin-top: 10px;
    }

    .banner-inner-content .bread-come li,
    .banner-inner-content .bread-come li a {
        font-size: 14px;
    }

    .gallery-thum li {
        width: calc(50% - 19px);
    }

}

@media (max-width: 570px) {
    #galleryTab .gallery-link {
        font-size: 13px;
        height: 36px;
        border-radius: 10px 10px 0 0;
    }

    #galleryTab .gallery-link svg {
        max-width: 16px;
        margin-right: 2px;
    }

    #galleryTab {
        margin-bottom: 20px;
        margin-top: 30px;
        gap: 10px;
    }

    #galleryTab li {
        width: calc(50% - 5px);
    }

    .banner-inner-content h2 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .gallery-thum.video-view li .gallery-thum-box a:before {
        height: 30px;
        width: 36px;
        background-size: 100% auto;
    }

    .gallery-thum li .gallery-thum-name {
        font-size: 14px;
    }
}

@media (max-width: 479.98px) {
    .gallery-thum li .gallery-thum-name {
        font-size: 13px;
    }
}

@media (max-width: 369.98px) {
    #galleryTab .gallery-link {
        font-size: 11px;
    }

    .banner-inner-content h2 {
        font-style: 14px;
    }

    .banner-inner-content .bread-come li,
    .banner-inner-content .bread-come li a {
        font-size: 14px;
    }

    .gallery-thum li .gallery-thum-name {
        font-size: 10px;
    }
}



/* dashboard-page */
.dashboard {
    background: #fff;
}

.dashboard-page {
    padding-top: 40px;
}

.dashboard-page .title h3 {
    color: #000;
}

.dashboard-page .title p {
    color: #000;
    font-size: 24px;
}

.dashboard-plate {
    background: #E1F5E1;
    padding: 40px;
    border-radius: 20px;
    margin-bottom: 40px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin-top: 40px;
}

.dashboard-page .profile-left .profile-image {
    width: 140px;
    height: 140px;
}

.dashboard-page .profile-contain {
    width: calc(100% - 170px);
}

.dashboard-page .profile-contain h5 {
    color: #000;
}

.dashboard-page .profile-contain p {
    color: #000;
}

.dashboard-page .profile-left .profile-image-edit {
    width: 40px;
    height: 40px;
}

.dashboard-page .profile-contain .btn-group {
    margin-top: 25px;
}

.dashboard-plate-left {
    border-right: solid 1px var(--theme);
    width: 40%;
}

.dashboard-plate-right {
    padding-left: 40px;
    width: 60%;
}

.property-details {
    padding-left: 0;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0px;
    flex-flow: row wrap;
    margin-bottom: -20px;
}

.property-details li {
    list-style: none;
    width: 50%;
    padding: 20px 0;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}
/* Chrome, Edge, Safari */
.property-details li .value::-webkit-scrollbar {
    display: none;
}

.property-details li:nth-child(2n) {
    padding-left: 25px;
}

.property-details li:nth-child(2n - 1) {
    padding-right: 25px;
}

.property-details li .property {
    font-size: 20px;
    color: #6B6A6A;
    font-family: var(--robotoFont);
    font-weight: normal;
}

.property-details li .value {
    font-weight: 500;
    color: #000;
    font-family: var(--robotoFont);
    font-size: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    /* Firefox */
    scrollbar-width: none;
}

.dasboard-searchbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 40px;
}

.dasboard-searchbar .search-field {
    width: 650px;
    height: 64px;
    background: #F6F6F6;
    border: 0;
    border-radius: 16px;
    font-family: var(--robotoFont);
    font-weight: normal;
    font-size: 16px;
    color: #6B6A6A;
    padding-left: 64px;
    padding-right: 20px;
}

.dasboard-searchbar .search-field:hover,
.dasboard-searchbar .search-field:focus {
    box-shadow: unset;
    border: 0;
    outline: none;
}

.dasboard-searchbar .dashboard-seararea {
    position: relative;
}

.dasboard-searchbar .dashboard-seararea .search-btn {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    padding: 0;
    border: 0;
    background: transparent;
}

.featurs-row {
    margin-bottom: 40px;
}

.featurs-row h5 {
    margin-bottom: 30px;
}

.features-list {
    padding-left: 0;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 30px;
}

.features-list li {
    list-style: none;
    width: 184px;
    border-radius: 14px;
    text-align: center;
    border: solid 1px #F6F6F6;
    padding: 31px 12px 20px;
}

.features-list li .feature-icon {
    width: 108px;
    height: 108px;
    background: #F6F6F6;
    margin: 0 auto 14px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.features-list li .feature-icon .wishlist {
    position: absolute;
    top: -20px;
    right: -20px;
}

.features-list li .feature-icon .wishlist.active {
    background-color: transparent;
    border-color: transparent;
}

.features-list li .feature-icon .wishlist svg path {
    stroke: var(--theme);
    fill: transparent;
}

.features-list li .feature-icon .wishlist.active svg path {
    stroke: #FCC201;
    fill: #FCC201;
}

.features-list li .feature-name {
    font-family: var(--robotoFont);
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

.features-list.features-row-list li {
    width: calc(50% - 30px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 12px;
}

.features-list.features-row-list li .feature-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.features-list.features-row-list li .feature-inner .feature-icon {
    margin-right: 20px;
    margin-bottom: 0;
}

.features-list.features-row-list li .btn-primary {
    /* text-transform: uppercase; */
    font-size: 16px;
    font-weight: normal;
}


@media(max-width: 1499px) {
    .property-details li .property {
        font-size: 16px;
    }

    .property-details li .value {
        font-size: 16px;
    }

    .dashboard-page .profile-left .profile-image {
        width: 100px;
        height: 100px;
    }

    .dashboard-page .profile-left .profile-image-edit {
        width: 32px;
        height: 32px;
    }

    .dashboard-page .profile-contain {
        width: calc(100% - 130px);
    }

    .dashboard-plate-left {
        width: 33.33%;
    }

    .dashboard-plate-right {
        width: 66.66%;
    }

    .property-details li {
        padding: 10px 0;
    }

    .property-details {
        margin-bottom: -10px;
    }

    .dashboard-plate {
        padding: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .dashboard-page .title p {
        font-size: 20px;
    }

    .dasboard-searchbar .search-field {
        width: 560px;
        height: 56px;
        padding-left: 58px;
        padding-right: 15px;
        border-radius: 12px;
    }

    .dasboard-searchbar {
        margin-bottom: 30px;
    }

    .dasboard-searchbar .dashboard-seararea .search-btn {
        width: 20px;
        height: 20px;
        left: 20px;
    }

    .dasboard-searchbar .dashboard-seararea .search-btn svg {
        max-height: 100%;
        vertical-align: top;
    }

    .features-list li .feature-icon {
        width: 100px;
        height: 100px;
        padding: 20px;
        margin: 0 auto 10px;
    }

    .features-list li .feature-name {
        font-size: 16px;
    }
}

@media(max-width: 1199px) {
    .dashboard-page .title p {
        font-size: 18px;
    }

    .features-list li .feature-icon {
        width: 80px;
        height: 80px;
    }

    .features-list li .feature-name {
        font-size: 14px;
    }

    .features-list li {
        width: 160px;
    }

    .features-list.features-row-list li {
        width: 100%;
        padding: 5px 12px;
    }

    .features-list.features-row-list {
        gap: 0px;
    }

    .property-details li {
        width: 100%;
    }

    .dashboard-plate-left {
        width: 50%;
    }

    .dashboard-plate-right {
        width: 50%;
    }

    .property-details li:nth-child(2n) {
        padding-left: 0;
    }

    .property-details li:nth-child(2n - 1) {
        padding-right: 0;
    }

    .property-details li {
        padding: 7px 0;
    }

    .dashboard-plate {
        align-items: center;
    }

    .dashboard-plate-left {
        border-right: 0;
    }

    .dashboard-plate-right {
        border-left: solid 1px var(--theme);
    }

    .dasboard-searchbar .search-field {
        width: 436px;
    }

    .features-list.features-row-list {
        gap: 30px;
        justify-content: flex-start;
    }

    .features-list.features-row-list li {
        width: auto;
        max-width: calc(50% - 30px);
    }

    .features-list.features-row-list li .btn-primary {
        font-size: 14px;
    }

    .features-list.features-row-list li .feature-inner {
        flex-direction: column;
        margin-bottom: 15px;
    }

    .features-list.features-row-list li {
        flex-direction: column;
    }

    .features-list.features-row-list li .feature-inner .feature-icon {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
    }
}


@media(max-width: 991px) {
    .dashboard-page .title p {
        font-size: 16px;
    }

    .dashboard-page .profile-left .profile-image {
        width: 80px;
        height: 80px;
    }

    .dashboard-page .profile-left .profile-image-edit {
        width: 24px;
        height: 24px;
    }

    .dashboard-page .profile-contain {
        width: calc(100% - 100px);
    }

    .dashboard-plate {
        padding: 20px;
    }

    .dashboard-plate-right {
        padding-left: 20px;
    }

    .property-details li .property {
        font-size: 14px;
    }

    .property-details li .value {
        font-size: 14px;
    }

    .features-list li {
        width: 148px;
    }

}

@media(max-width: 767px) {
    .features-list {
        gap: 20px;
    }

    .features-list li {
        width: 140px;
        padding: 20px 12px;
    }

    .features-list li .feature-icon .wishlist {
        top: -10px;
        right: -10px;
    }

    .features-list li .feature-icon .wishlist svg {
        max-width: 18px;
    }

    .features-list li .feature-icon {
        width: 70px;
        height: 70px;
        padding: 15px;
    }

    .features-list li .feature-name {
        font-size: 13px;
    }

    .features-list.features-row-list li .btn-primary {
        font-size: 12px;
        padding: 12px 20px;
        min-width: 120px;
        border-radius: 10px;
    }

    .dasboard-searchbar {
        justify-content: stretch;
    }

    .dasboard-searchbar .dashboard-seararea {
        width: 100%;
    }

    .dasboard-searchbar .search-field {
        width: 100%;
        height: 48px;
        padding-left: 48px;
        border-radius: 10px;
    }

    .dasboard-searchbar .dashboard-seararea .search-btn {
        width: 16px;
        height: 16px;
        left: 15px;
    }

    .dashboard-plate {
        flex-direction: column;
    }

    .dashboard-plate-left {
        width: 100%;
        margin-bottom: 25px;
    }

    .dashboard-plate-right {
        border-left: 0;
        border-top: solid 1px var(--theme);
        padding-top: 25px;
        padding-left: 0;
        width: 100%;
    }

    .dashboard-page .profile-contain .btn-group {
        margin-top: 15px;
    }

    .featurs-row h5 {
        margin-bottom: 20px;
    }

    .features-list.features-row-list {
        gap: 20px;
    }

    .features-list.features-row-list li {
        max-width: calc(50% - 20px);
    }
}

@media(max-width: 570px) {}

@media(max-width: 480px) {
    .features-list li {
        width: 134px;
    }

    .features-list li .feature-name {
        font-size: 12px;
    }

    .features-list.features-row-list li .btn-primary {
        font-size: 11px;
        padding: 10px 15px;
        min-width: 110px;
        border-radius: 7px;
    }
}

@media(max-width: 479px) {
    .features-list li {
        width: calc(50% - 20px);
    }

    .member-profile {
        flex-direction: column;
    }

    .member-profile .profile-contain{
        text-align: center;
    }

    .member-login0outer .btn-primary{
        margin: 0 auto;
        display: block;
    }

    .member-profile .profile-left {
        margin-bottom: 15px;
    }

    .dashboard-page .profile-contain {
        width: 100%;
        text-align: center;
    }

    .property-details li .property,
    .property-details li .value {
        font-size: 13px;
    }

}


/* president-gallery-page */
.president {
    background: #fff;
}

.president .bg-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.president-gallery-page {
    padding-top: 80px;
}

.president-gallery {
    padding-left: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 17.5px;
    align-items: stretch;
}

.president-gallery li {
    list-style: none;
    background: #F6F6F6;
    padding: 0 15px;
    overflow: hidden;
    width: calc(20% - 14px);
}

.president-gallery li .president-gallery-inner {
    height: 100%;
    position: relative;
}

.president-gallery li .president-image {
    position: relative;
    height: 440px;
}

.president-gallery li .president-image:before,
.president-gallery li .president-image:after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    top: 0;
    width: 15px;
    height: 204px;
}

.president-gallery li .president-image:before {
    left: -15px;
}

.president-gallery li .president-image:after {
    right: -15px;
}

.president-gallery li .president-content {
    text-align: center;
    padding: 10px 0;
    line-height: 1;
}

.president-gallery li .president-content .president-name {
    font-size: 24px;
    color: var(--theme);
    font-family: var(--robotoFont);
    font-weight: normal;
    margin-bottom: 15px;
}

.president-gallery li .president-content .president-year {
    font-family: var(--robotoFont);
    font-weight: 600;
    color: #000;
    font-size: 20px;
}

.president-gallery li .president-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media(min-width: 2000px) {
    .president-gallery li .president-content {
        padding: 1vw 0;
    }

    .president-gallery li .president-content .president-name {
        font-size: 1.2vw;
    }

    .president-gallery li .president-content .president-year {
        font-size: 0.9vw;
    }

    .president-gallery li .president-image:before,
    .president-gallery li .president-image:after {
        height: 12vw;
    }
}

@media(max-width: 1999px){
    .president-gallery li .president-image{height: 365px;}
}

@media(max-width: 1699px) {
    .president-gallery li .president-content .president-name {
        font-size: 22px;
    }

    .president-gallery li .president-content .president-year {
        font-size: 18px;
    }
    .president-gallery li .president-image{height: 290px;}
}

@media(max-width: 1499px) {
    .president-gallery li .president-content .president-name {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .president-gallery li .president-content .president-year {
        font-size: 16px;
    }

    .president-gallery li .president-image:before,
    .president-gallery li .president-image:after {
        height: 140px;
    }
    .president-gallery{
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 17px;
    }
    .president-gallery li{
        width: 100% !important;
    }
    .president-gallery li .president-image{
        height: 250px;
    }
}

@media(max-width: 1399px) {
    .president-gallery li .president-content .president-name {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .president-gallery li .president-content .president-year {
        font-size: 15px;
    }

    .president-gallery-page {
        padding-top: 60px;
    }
}

@media(max-width: 1199px) {
    .president-gallery li {
        padding: 0 10px;
        width: calc(25% - 14px);
    }

    .president-gallery li .president-image:before {
        left: -10px;
        width: 10px;
    }

    .president-gallery li .president-image:after {
        right: -10px;
        width: 10px;
    }
    .president-gallery{
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width: 991px) {
    .president-gallery li .president-content .president-name {
        font-size: 16px;
    }

    .president-gallery li .president-content .president-year {
        font-size: 13px;
    }

    .president-gallery{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width: 767px) {
    .president-gallery li {
        width: calc(33.33% - 14px);
    }
    .president-gallery li .president-image{
        height: 240px;
    }
    .president-gallery li .president-content .president-name,
    .president-gallery li .president-content .president-year{
        font-size: 14px;
    }
}
@media(max-width: 575px){
    .president-gallery li .president-image{
        height: 170px;
    }
}
@media(max-width: 570px) {

    .president-gallery {
        gap: 10px;
    }
}

@media(max-width: 480px){
    .president-gallery li .president-image{
        height: 120px;
    }
}

@media(max-width: 420px){
    .president-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
    .president-gallery li .president-image{
        height: 200px;
    }
}

@media(max-width: 370px) {
    .president-gallery li {
        width: 100%;
    }
}



/* affiliated page ------------------ */
.affiliated .bg-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.affiliated-clubs-tab {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: var(--bodyBg);
}
.affiliated tbody td p{line-height: 1;}


@media (max-width:1699px) {
    .affiliated tbody td p{line-height: normal;}
    .data-box .data-table td:nth-child(2){padding-top: 3px;}
}
@media (min-width:768px) {
    .tab-content .accordion-item {
        border: 0;
        border-radius: 0;
    }
}

@media (max-width:767px) {
    .tab-content>.tab-pane {
        /* display: block; */
        opacity: 1;
    }

    .affiliated-clubs-tab {
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .data-box .data-table td:nth-child(2){padding-top: 4px;}
}

.affiliated-clubs-tab .nav-tabs .nav-link {
    background-color: #f0f0f0;
    color: var(--theme);
    text-align: center;
    border-radius: 6px;
    border: 0;
    padding: 20px 50px;
    font-family: var(--robotoFont);
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
}

.affiliated-clubs-tab .nav-tabs .nav-link.active {
    background-color: var(--theme);
    color: var(--white);
}

.affiliated-clubs-tab #myTab {
    gap: 20px;
    border: 0;
    margin-bottom: 40px;
}

.tab-content .tab-inner .accordion-item {
    border: none;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);
    padding: 20px 40px;
    margin-bottom: 20px;
}

.tab-content .tab-inner .accordion-item .accordion-button {
    font-family: var(--robotoFont);
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 1;
    color: var(--blueDipColor);
    position: relative;
}

.tab-content .tab-inner .accordion-item .accordion-button:after {
    content: "";
    width: 16px;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    background-image: url(../images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    padding-right: 0px;
    cursor: pointer;
}

.tab-content .tab-inner .accordion-item .accordion-button[aria-expanded="false"]:after {
    transform: rotate(0deg);
}

.tab-content .tab-inner .accordion-item .accordion-button[aria-expanded="true"]:after {
    transform: rotate(-180deg);
}

.data-row {
    display: flex;
    align-items: stretch;
    gap: 30px;
    padding: 20px 0;
}

.data-row .data-box {
    width: calc(50% - 15px);
}

.data-box .data-table {
    width: 100%;
}
.data-box .data-table tbody tr {
    display: grid;
    align-items: start;
    grid-template-columns: 150px 20px auto;
}
.data-box .data-table th,
.data-box .data-table td {
    padding: 7px 10px;
}

.data-box .data-table th {
    background-color: #E1F5E1;
    font-family: var(--robotoFont);
}

.data-box .data-table td {
    font-family: var(--robotoFont);
    ;
}

.data-box .data-table td:first-child {
    width: 120px;
}

.data-box .data-table td:nth-child(2) {
    width: 20px;
}

.data-box .data-table td:last-child {
    width: auto;
}

.data-box .data-table {
    font-size: 18px;
}

.data-box .data-table tr:nth-child(even){
    background-color: #fffdf3;
}

@media(max-width: 1199px) {
    .data-box .data-table {
        font-size: 16px;
    }
}

@media(max-width: 1024px) {
    .data-row {
        flex-flow: row wrap;
        gap: 0;
    }

    .data-row .data-box {
        width: 100%;
        margin-bottom: 30px;
        overflow-x: auto;
    }
}

@media(max-width: 767px) {
    .data-box .data-table {
        font-size: 14px;
    }

    .tab-content .accordion-header {
        border: none;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.05);
        padding: 10px 20px;
        /* margin-bottom: 20px; */
    }

    .tab-content .accordion-header .accordion-button,
    .tab-content .tab-inner .accordion-item .accordion-button {
        font-family: var(--robotoFont);
        font-weight: 600;
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 1;
        color: var(--blueDipColor);
    }

    .tab-content .accordion-header .accordion-button:after {
        content: "";
        width: 16px;
        height: 10px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0px;
        background-image: url(../images/arrow-down.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
        padding-right: 0px;
        cursor: pointer;
    }

    .tab-content .accordion-header .accordion-button[aria-expanded="true"]:after {
        transform: rotate(-180deg);
    }
}

@media(max-width: 480px) {
    .tab-content .tab-inner .accordion-item {
        padding: 20px;
    }
}


/* sports page -------------- */
.sports .bg-header,
.rules-page .bg-header,
.policy-page .bg-header,
.career-opportunities-page .bg-header,
.bg-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.login-page .bg-header,
.change-password .bg-header,
.dashboard .bg-header,
.quick-payment .bg-header {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
}

.career-opportunities-page .page-title {
    margin-bottom: 0;
}

.career-opportunities-page .page-title h4 {
    margin-bottom: 0;
}

.sports .site-main,
.member-feedback .site-main,
.food_beverages .site-main,
.golf .site-main,
.venu_page .site-main,
    .introduction_tolly .site-main,
.others_facility .site-main,
.accommodation .site-main,
.party_conference .site-main {
    overflow: visible;
}

.sports-item-list,
.box-thum {
    padding-left: 0;
    margin: 0 -30px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
}

.sports-item-list li,
.box-thum li {
    list-style: none;
    width: 25%;
    padding: 0 30px;
    text-align: center;
    margin-bottom: 40px;
}

.sports-item-list li .sport-image {
    margin-bottom: 0px;
}

.sports-item-list li .sport-item-inner {
    position: relative;
    overflow: hidden;
    display: block;
}

.sports-item-list li .sport-name {
    color: #fff;
    font-family: var(--robotoFont);
    font-weight: 600;
    /* font-size: 24px; */
    font-size: 24px;
    position: absolute;
    padding: 5px 15px 70px;
    left: 0;
    right: 0;
    text-align: left;
    bottom: -60px;
    transition: 0.3s;
    top: auto;
    background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.01) 2%, rgba(0, 0, 0, 0.75) 90%);
}

.sports-item-list li .sport-image img,
.box-thum li img {
    width: 100%;
    transition: 0.5s;
    height: auto;
    object-fit: contain;
}

.sports-item-list li .sport-item-inner:hover .sport-name {
    bottom: 0;
}

.sports-item-list li .sport-item-inner:hover img {
    transform: scale(1.09, 1.09);
    filter: brightness(70%);
    transition: 1s;
}

.sports-item-list li .sport-item-inner .sport-name-text:after {
    text-align: center;
    display: block;
    content: "";
    height: 1px;
    width: 60px;
    background-color: rgba(255, 255, 255, 0.2);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    margin: auto 0px 0px;
}

.sports-item-list li .sport-item-inner:hover .sport-name-text:after {
    width: 100%;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}

.sport-details {
    padding: 0px 0 80px;
}

.sport-details .sport-details-plate {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.sport-details .sport-details-plate .sport-nav,
.sport-details .sport-details-plate .sport-nav-content .section {
    padding-top: 146px;
}

.sport-details .sport-details-plate .sport-nav-content {
    margin-top: 0px;
}

.sport-details .sport-details-plate .sport-nav {
    /* background-color: var(--theme); */
    width: 22.4%;
    border-radius: 10px;
    position: sticky;
    top: 0;
    /* z-index: 10; changes made in 12Dec,2025 */
}

.sport-details .sport-details-plate .sport-nav-content {
    width: calc(100% - 22.4%);
    padding-left: 60px;
}

.sport-nav ul {
    padding-left: 0;
    margin-bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 100px);
}

.sport-nav ul li {
    list-style: none;
    padding: 0px;
    /* border-bottom: dashed 1px #6B6A6A; */
    /* background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 100%); */
    background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);
}

.sport-nav ul li a {
    /* color: var(--white); */
    color: rgba(0, 0, 0, 1);
    /* font-size: 20px; */
    font-size: 18px;
    font-family: var(--robotoFont);
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 20px 30px;
}

.sport-nav ul li:last-child {
    border-bottom: 0;
}

.sport-nav ul li:hover,
.sport-nav ul li.activedone {
    /* background: #002B10; */
    /* background: linear-gradient(to bottom, #002B10 0%, #ffffff 100%); */
    /* background: linear-gradient(to bottom, rgba(0, 43, 16, 0.3) 0%, rgba(0, 43, 16, 0.15) 100%); */
    /* background: linear-gradient(to bottom, rgba(0, 43, 16, 0.8) 0%, rgba(0, 43, 16, 0.3) 100%); */
    background: linear-gradient(to bottom, #d9d9d9 0%, #e9e9e9 100%);
}

.sport-nav ul li:hover a,
.sport-nav ul li.activedone a {
    color: var(--theme);
    /* color: #fff; */
}

.sport-nav ul li.activedone {
    position: relative;
}

.sport-nav ul li.activedone::after {
    content: "";
    display: block;
    width: 36px;
    height: 23px;
    /* background: url('../images/right_arrow_icon.png') no-repeat center;  */
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100% auto;
}

.section-inner {
    font-size: 18px;
    line-height: 1.8;
    font-family: var(--robotoFont);
    color: #6B6A6A;
    margin-bottom: 0;
    padding-top: 0;
    width: 100%;
    /* overflow: hidden; */
}

.section-inner.mp_0 {
    margin: 0;
    padding: 0;
}

.section-inner .section-banner {
    margin-bottom: 40px;
}

.section-inner h5 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.section-inner ul {
    margin-top: 20px;
    margin-bottom: 40px;
}

.section-inner p {
    margin-top: 20px;
    margin-bottom: 40px;
    /* font-size: 18px; */
    line-height: 1.5;
}

.section-inner .data-table {
    width: 100%;
    /* background: #E1F5E1; */
    border-radius: 0px;
    overflow: hidden;
    margin-bottom: 40px;
}

.section-inner .data-table th,
.section-inner .data-table td {
    padding: 7px 20px;
}

.section-inner .data-table th {
    /* background-color: #002B10; */
    color: #fff;
    font-family: var(--robotoFont);
    font-size: 18px;
    font-weight: 400;
    background-color: rgba(225, 245, 225, 1);
    border: solid 1px rgba(198, 211, 231, 1);
    color: rgba(16, 16, 16, 1);
}

.section-inner .data-table td {
    width: 20%;
    border: solid 1px rgba(198, 211, 231, 1);
    background: #fff;
    color: var(--theme);
    font-family: var(--robotoFont);
    font-size: 18px;
    font-weight: 400;
}

.section-inner .data-table tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.pricing-section .category-title {
    text-transform: uppercase;
}

.section-banner .float-img{float: right;width: 460px;margin-left: 20px;margin-bottom: 20px;}
.section-banner .section-description p{margin-top: 0 !important;}

@media (max-width: 1699px) {
    .sports-item-list li .sport-name {
        font-size: 20px;
    }
}

@media (max-width: 1660px) {
    .sport-nav ul li a {
        padding: 15px 30px;
    }
}

@media (max-width: 1499px) {

    .sport-details .sport-details-plate .sport-nav,
    .sport-details .sport-details-plate .sport-nav-content {
        padding-top: 100px;
    }

    .sports-item-list {
        margin: 0 -15px;
    }

    .sports-item-list li,
    .box-thum li {
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .sport-nav ul li a {
        /* font-size: 18px; */
        font-size: 16px;
    }
}

@media (max-width: 1399px) {

    .sport-details .sport-details-plate .sport-nav,
    .sport-details .sport-details-plate .sport-nav-content .section {
        padding-top: 90px;
    }

    .sport-details .sport-details-plate .sport-nav-content {
        margin-top: -90px;
    }

    .section-inner .data-table th,
    .section-inner .data-table td {
        font-size: 16px;
    }

    .sports-item-list li .sport-name {
        font-size: 20px;
    }

    .section-inner p {
        /* font-size: 16px; */
        line-height: 26px;
    }

    .section-inner {
        font-size: 16px;
    }

}

@media (max-width: 1299px) {
    .section-inner {
        font-size: 16px;
        line-height: 24px;
        /* margin-bottom: 10vw; */
    }

    .section-inner p {
        font-size: 16px;
        /* line-height: 24px; */
        margin-bottom: 25px;
    }

    .section-inner ul {
        margin-bottom: 25px;
    }

    .section-inner .section-banner {
        margin-bottom: 25px;
    }

    .sports-item-list li,
    .box-thum li {
        width: 33.33%;
    }

    .sport-details .sport-details-plate .sport-nav {
        width: 220px;
    }

    .sport-details .sport-details-plate .sport-nav-content {
        width: calc(100% - 220px);
        padding-left: 40px;
        overflow: hidden;
    }

    .sport-nav ul li a {
        font-size: 16px;
        padding: 10px 20px;
    }

    .sport-nav ul li {
        padding: 0px;
    }

    .section-inner .data-table th,
    .section-inner .data-table td {
        font-size: 14px;
    }

    .sports-item-list li .sport-name {
        bottom: -40px;
        padding: 5px 15px 45px;
    }

    .sports-item-list li .sport-item-inner:hover .sport-name {
        bottom: 0;
    }

    .section-inner h5 {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .sport-nav ul li.activedone::after {
        width: 28px;
        height: 24px
    }

    .sports-item-list li .sport-name {
        font-size: 20px;
    }

    .sport-details .sport-details-plate .sport-nav,
    .sport-details .sport-details-plate .sport-nav-content .section {
        padding-top: 70px;
    }

    .sport-details .sport-details-plate .sport-nav-content {
        margin-top: -70px;
    }

    .section-banner .float-img{width: 300px;}
}

@media (max-width: 991px) {
    .sport-nav ul li.activedone::after {
        width: 18px;
        height: 16px;
    }

    .sport-details .sport-details-plate .sport-nav {
        width: 160px;
    }

    .sport-details .sport-details-plate .sport-nav-content {
        width: calc(100% - 160px);
        padding-left: 20px;
    }

    .sport-nav ul li a {
        font-size: 16px;
        padding: 5px 12px;
    }

    .sport-nav ul li {
        padding: 0px;
    }

    .section-inner .data-table th,
    .section-inner .data-table td {
        font-size: 12px;
        padding: 5px 12px;
        line-height: 1.25;
    }

    .section-banner .float-img{width: 250px;}

}

@media (max-width: 767px) {

    .sport-details .sport-details-plate .sport-nav,
    .sport-details .sport-details-plate .sport-nav-content {
        padding-top: 0px;
    }

    .section-inner,
    .section-inner p {
        /* font-size: 14px; */
        line-height: 20px;
    }

    .sport-details .sport-details-plate .sport-nav-content .section {
        padding-top: 0px;
    }

    .sport-details .sport-details-plate .sport-nav-content {
        margin-top: 0px;
    }

    .section-inner .section-banner {
        height: auto;
    }

    .sports-item-list li,
    .box-thum li {
        width: 50%;
        padding: 0 7px;
        margin-bottom: 14px;
    }

    .sports-item-list {
        margin: 0 -7px;
    }

    .sport-details {
        padding: 40px 0;
    }

    .section-inner .data-table {
        overflow: auto;
        line-height: 1.1;
        margin-bottom: 0;
    }

    .sport-details .sport-details-plate .sport-nav {
        width: 120px;
        position: fixed;
        top: 150%;
        transform: translateY(-50%);
        display: none !important;
    }

    .sport-details .sport-details-plate .sport-nav.showing {
        top: 50%;
    }

    .sport-details .sport-details-plate .sport-nav-content {
        width: 100%;
        padding-left: 0;
    }

    .sport-nav ul li a {
        font-size: 14px;
    }

    .section-inner h5 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .sports-item-list li .sport-name {
        bottom: 0;
        font-size: 18px;
        padding: 5px 10px 15px;
    }

    .bodycontent2 {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .section-inner .bodycontent2 .data-table {
        width: 700px;
    }
}

@media (max-width: 575px){
    .section-banner .float-img{float: none; width: inherit;margin-left: 0;margin-bottom: 10px;}
}

@media (max-width: 480px) {
    .sport-details .sport-details-plate .sport-nav {
        width: 120px;
        border-radius: 5px;
    }

    .section-inner .data-table th,
    .section-inner .data-table td {
        font-size: 11px;
        padding: 3px 5px;
    }

    .sports-item-list li .sport-name {
        padding: 5px 10px 15px;
    }

}

/* sibu */

.list_edit {
    list-style: none;
    padding-left: 0;
}

.list_edit strong {
    /* color: black; */
}

.wrap__dine h6 {
    color: black;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.section-banner {
    /* height: 400px; */
    height: auto;
    object-fit: contain;
    overflow: hidden;
    object-position: center;
}

.section-banner img {
    width: 100%;
    height: auto;
}

.wrap__dine figure {
    overflow: hidden;
    width: 250px;
}

.wrap__dine figure img {
    width: 100%;
}

.title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.title h4 {
    margin-bottom: 5px;
    line-height: 1.5;
}

/*slider*/
.mySlides {
    display: none
}

.slideshow-container img {
    vertical-align: middle;
    height: 480px;
    object-fit: cover;
}

/* Slideshow container */
.slideshow-container {
    max-width: 100%;
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    width: 80px;
    height: 80px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background-color: transparent;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    font-size: 0;
}

.prev {
    background-image: url(../images/prev.svg);
    left: 100px;
}

.next {
    background-image: url(../images/next.svg);
    right: 100px;
    border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
    background-color: transparent;
}

.bullet-dot {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

.inner-banner {
    position: relative;
}

@media (max-width: 1399px) {

    .prev,
    .next {
        width: 60px;
        height: 60px;
    }

    .prev {
        left: 60px;
    }

    .next {
        right: 60px;
    }

    .bullet-dot {
        bottom: 40px;
    }
}

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    border: 2px solid #FFF;
    width: 12px;
    height: 12px;
    margin: 0 4px;
    border-radius: 100%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active,
.dot:hover {
    background-color: #FCC201;
    border-color: #FCC201;
}

/* Fading animation */
/* .fade {
    animation-name: fade;
    animation-duration: 1.5s;
    opacity: 1 !important;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
} */

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

    .prev,
    .next,
    .text {
        font-size: 11px
    }
}

.payment-btn:hover {
    background: var(--theme);
}

.member-login .tab-content>.active,
.member-login .dot:hover {
    background-color: transparent;
}

.box-focus {
    position: relative;
}

.box-focus label {
    position: absolute;
    font-weight: normal;
    font-size: 16px;
    color: var(--theme);
    /* text-transform: capitalize; */
    left: 20px;
    font-family: var(--robotoFont);
    top: 18px;
    background: #fff;
    pointer-events: none;
    transition: all 0.3s ease;
}

.box-focus label.animate-label {
    font-size: 13px;
    top: -7px;
    padding: 0 3px;
    transition: all 0.3s ease;
}


.payment-table-outer {
    margin-bottom: 0px;
}

.payment-table,
.payment-table-list {
    width: 100%;
    margin: 30px 0;
    border-radius: 0px;
    overflow: hidden;
}

.payment-table th,
.payment-table-list th {
    font-weight: 400;
    background-color: rgba(225, 245, 225, 1);
    border: solid 1px rgba(198, 211, 231, 1);
    color: rgba(16, 16, 16, 1);
}

.payment-table td,
.payment-table-list td {
    border: solid 1px rgba(198, 211, 231, 1);
    background: #fff;
}

.payment-table th,
.payment-table td,
.payment-table-list th,
.payment-table-list td {
    padding: 7px 20px;
}

.payment-table-list td.row_whitebulet_pdf {
    background-image: url("../images/pdf.svg");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 20px auto;
    padding-left: 40px;
}

.payment-table-outer p a {
    font-weight: bold;
    /* color: #002810; */
    color: var(--blueDipColor);
    text-decoration: none;
}

.payment-table-outer p a:hover {
    color: #FCC201 !important;
}

.payment-table-list td.row_whitebulet_pdf a {
    font-weight: bold;
    color: #FCC201;
    text-decoration: none;
}

.payment-table-list td.row_whitebulet_pdf a:hover,
.payment-table-outer p a:hover {
    color: var(--theme);
}

.payment-table th:first-child,
.payment-table td:first-child {
    width: 33.33%;
}

.payment-table th:last-child,
.payment-table td:last-child {
    width: 66.66%;
}

.payment-table .form-control {
    padding: 13.5px 20px;
    max-width: 496px;
    line-height: 1;
}

.heighlight {
    color: red;
    margin: 10px 0;
}

.payment-table .box-focus label {
    top: 14px;
}

.payment-table .box-focus label.animate-label {
    top: 2px;
}

.payment-table td {
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
}

.edit-btn-outer {
    margin-top: 20px;
}

.payAmount {
    font-weight: bold;
    font-size: 24px;
}

.back-btn-outer {
    position: absolute;
    right: 0;
    top: 0;
}

.btn-back {
    display: flex;
    align-items: center;
    font-weight: bold;
    padding: 0;
    bottom: 5px;
}

.btn-back:before {
    content: "";
    display: block;
    width: 18px;
    height: 20px;
    background: url('../images/right_arrow_icon.svg') no-repeat center;
    background-size: 100% auto;
    transform: rotate(180deg);
    margin-right: 7px;
}

.payment-table-2 .title {
    position: relative;
}

.btn-back:hover,
.btn-back:focus {
    background: transparent !important;
    border: 0;
}

.site-main {
    min-height: calc(100vh - 63px);
}

/* @media (max-width: 2560px) {
    .site-main {
        min-height: calc(100vh - 240px);
    }
} */

/* @media (max-width: 1920px) {
    .site-main {
        min-height: calc(100vh - 210px);
    }
} */

@media (max-width: 1699px) {
    .site-main {
        min-height: calc(100vh - 51px);
    }
}

/* @media (max-width: 1499px) {
    .site-main {
        min-height: calc(100vh - 152px);
    }
} */

@media (max-width: 1399px) {
    .site-main {
        min-height: calc(100vh - 43px);
    }
}

@media (max-width: 1099px) {
    .site-main {
        min-height: calc(100vh - 40px);
    }
}

@media (max-width: 991px) {
    .site-main {
        min-height: calc(100vh - 36px);
    }
}

@media (max-width: 767px) {
    .payment-history .scroll_table {
        margin-bottom: 30px;
    }

    .payment-history .scroll_table .payment-table-list {
        margin-bottom: 0;
    }

    .payment-page .scroll_table {
        margin-bottom: 30px;
    }

    .payment-page .scroll_table .payment-table-list {
        margin-bottom: 0;
    }

    .site-main {
        min-height: calc(100vh - 58px);
    }
}

/* -- -------- 15/07/2025----edit by Arif (start)------- */
.payment-section .payment-option-row {
    display: inline-flex;
    align-items: end;
    background-color: #fff;
    border: 1px solid #dee2e6;
    margin-top: 20px;
    flex-wrap: wrap;
    min-width: 496px;
}

.payment-section .payment-option-col {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 10px;
}

.payment-section .payment-option-row img {
    height: 20px;
}

@media(max-width:900px) {
    .payment-section .payment-option-row {
        min-width: auto;
    }
}

@media(max-width:500px) {
    .payment-section .payment-option-row img {
        height: 15px;
    }
}

/* -- -------- 15/07/2025----edit by Arif (end)------- */


.galler-view-page .active,
.galler-view-page .dot:hover {
    background-color: transparent;
}

.diewDetails {
    margin-bottom: 40px;
}

.listTab ul li {
    cursor: pointer;
}

.tab .diewDetails {
    display: none;
}

.tab .diewDetails.active {
    display: flex;
    background-color: transparent;
    border: 0;
    padding-left: 12px;
}

.tab-inner .data-box .data-table td a {
    text-decoration: none;
}

.tab-content .accordion-item.active {
    background-color: transparent;
}



/* lightbox css */
.lightboxpreview {
    transition: all .3s linear;
    cursor: pointer;
    background-size: cover;
}

.lightbox-content {
    max-height: 75svh;
    height: 75svh;
}

.lightbox-close {
    cursor: pointer;
    margin-left: auto;
    position: absolute;
    right: -30px;
    top: -30px;
    color: white;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.modalscale {
    transform: scale(0);
    opacity: 0;
}

.lightbox-container,
.lightbox-btn,
.lightbox-image-wrapper,
.lightbox-enabled {
    transition: all .4s ease-in-out;
}

.lightbox_img_wrap {
    position: relative;
    overflow: hidden;
}

.lightbox-enabled:hover {
    transform: scale(1.1)
}

.lightbox-enabled {
    cursor: pointer;
}

.lightbox-container {
    width: 100svw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
}

.lightbox-container.active {
    opacity: 1;
    pointer-events: all;
}

.lightbox-image-wrapper {
    display: flex;
    transform: scale(0);
    align-items: center;
    justify-content: center;
    max-width: 90vw;
    max-height: 90vh;
    position: relative;
}

.lightbox-container.active .lightbox-image-wrapper {
    transform: scale(1);
    overflow: hidden;
}

.lightbox-image-wrapper img {
    object-fit: contain;
    max-height: 90vh;
    height: auto;
    width: auto;
}

.lightbox-btn,
#close {
    color: white;
    z-index: 9999999;
    cursor: pointer;
    position: absolute;
    font-size: 0px;
}

#close {
    width: 24px;
    height: 24px;
    top: 15px;
    right: 30px;
}

.lightbox-btn {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    font-size: 0;
    z-index: 9;
    background-size: auto 100%;
}

.left {
    background-image: url(../images/prev.svg);
    left: 50px;
}

.right {
    background-image: url(../images/next.svg);
    right: 50px;
}

.lightbox-image {
    width: 100%;
    max-height: 95vh;
    object-fit: cover;
}

@keyframes slideleft {
    33% {
        transform: translateX(-300px);
        opacity: 0;
    }

    66% {
        transform: translateX(300px);
        opacity: 0;
    }
}

.slideleft {
    animation-name: slideleft;
    animation-duration: .5s;
    animation-timing-function: ease;
}

@keyframes slideright {
    33% {
        transform: translateX(300px);
        opacity: 0;
    }

    66% {
        transform: translateX(-300px);
        opacity: 0;
    }
}

.slideright {
    animation-name: slideright;
    animation-duration: .5s;
    animation-timing-function: ease;
}

.slick-slide video {
    max-width: 100%;
    aspect-ratio: 16 / 10;
    max-height: 100%;
    min-height: 100%;
    min-width: 100%;
}

.slick-slide {
    cursor: pointer;
}

.bg-header.sticky {
    position: fixed;
    /* background-color: rgba(108, 141, 166, 1); */
    background-color: var(--theme);
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
}

.bg-header.sticky .logo {
    max-width: 144px;
    margin-top: 0px;
    top: 0px;
    background: transparent;
    bottom: unset;
}

.bg-header.sticky .logo:before {
    background: transparent;
}

/* .home .bg-header.sticky{height: 90px;} */
#buttonBackTop {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    /* background-color: var(--theme); */
    background: var(--theme);
    background-size: 36px auto;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    color: #fff;
    font-size: 24px;
}

#buttonBackTop.show {
    opacity: 1;
    visibility: visible;
}

#buttonBackTop:hover {
    background-color: var(--yellow);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.2);
    color: var(--theme);
    background: var(--yellow);
}

.padlock-icon {
    width: 55px;
    height: 55px;
    padding: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    background-color: var(--theme);
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
}

.padlock-icon svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.login-btn-outer .btn-primary {
    width: 100%;
    border-radius: 6px;
    background: var(--theme);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.forget-password {
    margin-top: 25px;
    text-align: right;
}

.forget-password a:hover {
    color: #004e24;
    text-decoration: none;
}

.slick-slider {
    z-index: 0;
}

/* .home .banner-slider,
.home .swiper-container {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 41px);
} */

.home .banner-slider,
.home .swiper-container {
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.home .banner-slider::before,
.home .swiper-container::before {
    display: block;
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 274px;
    /* background: linear-gradient(180deg, #6C8DA6 35.37%, rgba(114, 146, 168, 0) 110.67%); */
    /* background: linear-gradient(180deg, #6C8DA6 35.37%, rgba(114, 146, 168, 0.6) 70%, rgba(114, 146, 168, 0.3) 90%, rgba(114, 146, 168, 0) 100%) */
    background: linear-gradient(180deg, #002B10 0%, rgba(0, 43, 16, 0) 100%);
}

.home .logo {
    background: transparent;
}

.home .logo:before {
    background-color: var(--theme);
}

@media(max-width:1599px) {
    .home .swiper-container::before {
        height: 190px;
    }

    .bg-header.sticky .logo {
        max-width: 98px;
    }
}

@media(max-width:1499px) {
    .bg-header.sticky .logo {
        max-width: 88px;
        top: 0px;
    }
}

@media(max-width:1399px) {
    .bg-header.sticky .logo {
        max-width: 88px;
        top: 0px;
    }

    .home .banner-slider::before,
    .home .swiper-container::before {
        height: 220px;
    }
}

@media(max-width:1299px) {
    .lightbox-btn {
        width: 50px;
        height: 50px;
    }
}

@media(max-width:991px) {
    #buttonBackTop {
        width: 40px;
        height: 40px;
        bottom: 15px;
        right: 15px;
    }
}

@media(max-width:767px) {

    .home .banner-slider,
    .home .swiper-container {
        height: 60vh;
    }

    #buttonBackTop {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }

    .lightbox-btn {
        width: 32px;
        height: 32px;
    }

    .right {
        right: 15px;
    }

    .left {
        left: 15px;
    }
    .home .swiper-container::before {
        height: 56px;
    }
}
@media(max-width:575px) {

    .home .banner-slider,
    .home .swiper-container {
        height: 50vh;
    }
}
@media(max-width:420px) {

    .home .banner-slider,
    .home .swiper-container {
        height: 50vh;
        max-height: 250px;
    }
}

.select-wrapper {
    position: relative;
    width: 100%;
}

.select-display {
    background-image: url(../images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 16px;
    padding-right: 50px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    box-shadow: 0px 4px 12px 0px #00000012;
    font-family: var(--robotoFont);
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    /* text-transform: capitalize; */
    padding: 0px 20px;
    width: 100%;
    border: solid 1px #d9d9d9;
    color: var(--theme);
    text-align: left;
    border-radius: 6px;
    height: 61px;
}

.select-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: solid 1px #d9d9d9;
    border-top: none;
    background: white;
    z-index: 1000;
    display: none;
    border-radius: 0 0 4px 4px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.select-dropdown div {
    padding: 10px 15px;
    border-top: 1px solid rgb(230, 230, 230);
    cursor: pointer;
    color: var(--theme);
}

.select-dropdown div:hover {
    color: rgb(255, 255, 255);
    background: var(--theme);
}

.select-wrapper.open .select-dropdown {
    display: block;
    max-height: 50vh;
    overflow-y: auto;
}

.section-description ul {
    padding-left: 0;
}

.section-description ul li {
    list-style: none;
}

.section-description ul li:before {
    content: "";
    width: 16px;
    height: 18px;
    /* background-image: url(../images/bullet-arrow.svg); */
    background-image: url(../images/arrow-new.svg);
    background-repeat: no-repeat;
    background-position: left 0 top 4px;
    display: inline-block;
    vertical-align: top;
    background-size: 100% auto;
    margin-top: 5px;
    margin-right: 8px;
}

.section-description ul li ul li {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 5px;
    align-items: baseline;
}
.party_conference .section-description ul li ul li::before{background-image: url(../images/arrow-new.svg);}
.section-description ul li ul li:before {
    content: "";
    position: relative;
    background-color: #004225;
    background-image: none;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    /* display: inline-block; */
    /* vertical-align: middle; */
    margin-left: 12px;
}
.party_conference .section-description ul li ul li:before{background-color: transparent;border-radius: 0;}
@media (max-width: 1499px) {
    .select-display {
        font-size: 14px;
        padding: 17px 20px;
        background-size: 14px;
    }

    .forget-password {
        margin-top: 10px;
    }


    .padlock-icon {
        width: 40px;
        height: 40px;
        padding: 10px;
        margin-bottom: 3px;
    }

    .select-dropdown div {
        padding: 7px 15px;
        font-size: 14px;
    }

    .footer-form .select-dropdown div {
        padding: 5px 15px;
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .section-description ul li:before {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 767px) {
    .section-description ul li:before {
        width: 14px;
        height: 14px;
    }
}

/* page loader */
.page-loader {
    width: 100%;
    height: 100vh;
    position: fixed;
    /* background: linear-gradient(#003815, #002B10); */
    background: rgba(0, 43, 16, 0.9);
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.page-loader .txt {
    color: #fff;
    text-align: center;
    top: 40%;
    position: relative;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    line-height: 1.5;
    font-size: 20px;
}

/* SPINNER ANIMATION */
.spinner {
    position: relative;
    top: 35%;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-color: #fff;

    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}


/* video slide start */
.swiper-container {
    width: 100%;
    height: 100vh;
}

.swiper-slide {
    overflow: hidden;
}

/* .swiper-container video {
    margin-left: calc((100vw - (100vh * 1.7))/2);
    margin-right: calc((100vw - (100vh * 1.7))/2);
    min-height: 100vh;
    min-width: 100vw;
} */
 .swiper-container video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.swiper-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out, background-color 0.5s ease-in-out;
    /* Smooth opacity and background color transition */
    z-index: 1;
}

.swiper-slide-active {
    opacity: 1;
    z-index: 2;
    /* Ensure the active slide is above others */
}

.swiper-slide-next,
.swiper-slide-prev {
    opacity: 0;
    z-index: 1;
}

/* Dip dissolve effect */
.swiper-slide-active {
    background-color: rgba(0, 0, 0, 0.2);
    /* Adds a semi-transparent black background */
}

.swiper-slide-next,
.swiper-slide-prev {
    background-color: rgba(0, 0, 0, 0);
    /* No background for adjacent slides */
}

/* Optional: Adding fade effect for image-based slides */
.swiper-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

.swiper-slide-active img {
    opacity: 1;
}

.swiper-slide-next img,
.swiper-slide-prev img {
    opacity: 0;
}

@media (min-aspect-ratio: 16/9) {
    .swiper-container video {
        margin-left: 0;
    }
}


.swiper-scrollbar {
    background: transparent !important;
}


/* contact page */
/* background-color: var(--bodyBg); */
.contact-wrapper {
    padding-bottom: 105px;
}

.contact-form {
    padding: 25px;
}

.contact-form .form-row {
    margin-bottom: 25px;
    position: relative;
}

.contact-form .form-row .form-control,
.contact-form .form-row select,
.contact-form .form-row textarea {
    box-shadow: 0px 4px 12px 0px #00000012;
    font-family: var(--robotoFont);
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    /* text-transform: capitalize; */
    padding: 20px 20px;
    width: 100%;
    border: 0;
    color: var(--theme);
    border: solid 1px #d9d9d9;
}

.contact-outer .login-show-box {
    /* max-width: 704px; */
}

.contact-form .form-row textarea {
    height: 100px;
    resize: none;
}

.invoice-summery {
    margin-top: 80px;
}

.contact-address h5 {
    margin-bottom: 1rem;
}

.section-description ul li ol {
    margin-top: 1rem;
    padding-left: 1rem;
}

.section-description ul li {
    position: relative;
    padding-left: 28px;
}

.section-description ul li:before {
    position: absolute;
    left: 0;
    top: 0;
}

.section-description ul.box-thum li {
    padding-left: 0px !important;
}

.section-description ul.box-thum li:before {
    display: none !important;
}

@media (max-width: 1499px) {
    .contact-form .form-row {
        margin-bottom: 15px;
    }

    .contact-form .form-row .form-control,
    .contact-form .form-row select {
        font-size: 14px;
        padding: 15px 20px;
    }

    .contact-form .box-focus label {
        font-size: 14px;
        top: 14px;
    }

    .contact-form .box-focus label.animate-label {
        font-size: 11px;
        top: 2px;
    }

    .contact-outer .login-show-box {
        /* max-width: 472px; */
    }
}

@media (max-width: 767px) {
    .contact-wrapper {
        padding-bottom: 0;
    }

    .section-description ul li {
        padding-left: 24px;
        font-size: 14px;
    }

    .section-description ul li:before {
        margin-top: 1px;
        margin-right: 5px;
    }

    .contact-page .contact-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .contact-page .contact-wrapper .row {
        margin-left: 0;
        margin-right: 0;
    }

    .contact-page .contact-wrapper .contact-section-box {
        padding-left: 0;
        padding-right: 0;
    }
}

.rules-page .page-title,
.policy-page .page-title {
    margin-bottom: 10px;
}

/* accomodation ============ */
.thumbdiv {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.thumbdiv li {
    list-style: none;
}

.thumbdiv li img {
    vertical-align: middle;
}

.section-description ul.thumbdiv li:before {
    display: none;
}

.section-description ul.thumbdiv li {
    padding-left: 0;
}

.section-inner .bodycontent2 .data-table th,
.section-inner .bodycontent2 .data-table td {
    width: auto;
}

.inner-form {
    margin-left: 10px;
    margin-bottom: 15px;
    margin-right: 15px;
}

.inner-form .form-row {
    margin-bottom: 25px;
    position: relative;
}

.inner-form .form-row .form-control,
.inner-form .form-row select,
.inner-form .form-row textarea {
    box-shadow: 0px 4px 12px 0px #00000012;
    font-family: var(--robotoFont);
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    /* text-transform: capitalize; */
    padding: 20px 20px;
    width: 100%;
    border: 0;
    color: var(--theme);
    border: solid 1px #d9d9d9;
}

.inner-form .form-row .form-control[type="date"] {
    text-transform: unset;
}

.inner-form .form-row textarea {
    height: 100px;
    resize: none;
}

.labelHead {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    font-family: var(--robotoFont);
    color: var(--theme);
    margin-bottom: 10px;
    display: inline-block;
}

.checkLabel {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-right: 20px;
}

.wide .checkLabel {
    margin-right: 0;
}

.checkLabel input {
    vertical-align: middle;
    margin-right: 10px;
    position: absolute;
    z-index: 9;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    border: 0;
    right: 0;
    opacity: 0;
}

.checkLabel label {
    position: relative;
    top: unset !important;
    left: unset !important;
    cursor: pointer !important;
}

.outer-box {
    position: relative;
}

.checkLabel [type="radio"]:checked,
.checkLabel [type="radio"]:not(:checked) {
    position: absolute;
}

.checkLabel [type="radio"]:checked+label,
.checkLabel [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.checkLabel [type="radio"]:checked+label:before,
.checkLabel [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #004225;
    border-radius: 100%;
    background: #fff;
}

.checkLabel [type="radio"]:checked+label:after,
.checkLabel [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--yellowColor);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.checkLabel [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.checkLabel [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.checkLabel+.checkLabel {
    margin-top: 10px;
}

/* checkbox */
.checkboxLabel {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-right: 20px;
}

.inner-form .box-focus .checkboxLabel label,
.inner-form .box-focus .checkboxLabel label.active {
    top: unset;
    left: unset;
}

.checkboxLabel input {
    padding: 0;
    height: 20px;
    width: 20px;
    margin-bottom: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.checkboxLabel label {
    position: relative;
    cursor: pointer;
    padding-left: 28px;
}

.checkboxLabel label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #004225;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.checkboxLabel input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 12px;
    border: solid #004225;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.wide .checkboxLabel input:checked+label:after {
    top: 4px;
}

.inner-form .box-focus .checkboxLabel label.animate-label {
    font-size: 16px;
}

.wide .checkboxLabel {
    margin-bottom: 20px;
}

.wide .checkboxLabel label:before,
.wide .checkboxLabel input {
    top: 3px;
}

.section-description ul.inner-form-ul li:before {
    display: none;
}

.section-description ul.inner-form-ul {
    margin-bottom: 0;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-flow: row wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.section-description ul.inner-form-ul li {
    margin-bottom: 10px;
    list-style: none;
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    align-self: stretch;
}

.section-description ul.inner-form-ul li.wide {
    width: 100%;
}

.inner-form .inner-form-ul .form-row textarea {
    height: 150px;
}

.inner-form .inner-form-ul .login-btn-outer {
    margin-top: 0;
}

.inner-form .inner-form-ul .login-btn-outer .btn-primary {
    width: auto;
    margin-left: 0;
    margin-right: auto;
}

.accommodation .page-title,
.timing-facility .page-title {
    margin-bottom: 0;
    color: var(--theme);
}

.inner-form .box-focus .checkLabel label.animate-label {
    font-size: 16px;
}

@media (max-width: 1499px) {
    .inner-form .box-focus .checkLabel label.animate-label {
        font-size: 14px;
        top: unset;
    }

    .inner-form .box-focus .checkboxLabel label.animate-label {
        font-size: 14px;
        top: unset;
    }

    .inner-form .form-row {
        margin-bottom: 15px;
    }

    .inner-form .form-row .form-control,
    .inner-form .form-row select {
        font-size: 14px;
        padding: 15px 20px;
    }

    .inner-form .box-focus label {
        font-size: 14px;
        top: 16px;
    }

    .inner-form .box-focus label.animate-label {
        font-size: 11px;
        line-height: normal;
        top: 3px;
    }

    .inner-outer .login-show-box {
        max-width: 472px;
    }

    .labelHead {
        font-size: 14px;
    }

    .wide .checkboxLabel {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .section-description ul.inner-form-ul li {
        width: 100%;
        margin-bottom: 0;
    }

    .checkLabel [type="radio"]:checked+label:before,
    .checkLabel [type="radio"]:not(:checked)+label:before {
        width: 14px;
        height: 14px;
        top: 2px;
    }

    .checkLabel [type="radio"]:checked+label:after,
    .checkLabel [type="radio"]:not(:checked)+label:after {
        width: 8px;
        height: 8px;
        top: 5px;
        left: 3px;
    }

    .checkLabel [type="radio"]:checked+label,
    .checkLabel [type="radio"]:not(:checked)+label {
        padding-left: 24px;
    }

    .inner-form .inner-form-ul .form-row textarea {
        height: 100px;
    }
}

.dateSelect {
    position: relative;
}

.dateSelect {
    margin-bottom: 25px;
    position: relative;
}

.dateSelect .form-control {
    background-image: url(../images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 16px;
    padding-right: 50px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    box-shadow: 0px 4px 12px 0px #00000012;
    font-family: var(--robotoFont);
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    /* text-transform: capitalize; */
    padding: 23px 20px;
    width: 100%;
    border: solid 1px #d9d9d9;
    color: var(--theme);
    text-align: left;
    border-radius: 6px;
}

@media (max-width: 1499px) {
    .dateSelect {
        margin-bottom: 15px;
    }

    .dateSelect .form-control {
        font-size: 14px;
        padding: 17.5px 20px;
        background-size: 14px;
    }
}

.bootstrap-datetimepicker-widget td span.active {
    background-color: #004225 !important;
}

.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
    font-size: 21px;
    position: relative;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
    color: #004225;
    height: unset;
    width: unset;
    background: unset;
    line-height: unset;
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
    background-color: #E1F5E1;
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
    background-color: #004225;
    color: #fff;
}

.bootstrap-datetimepicker-widget td.today::before {
    display: none !important;
}

.bootstrap-datetimepicker-widget td.today {
    background: #004225;
    color: #fff;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.today.active:hover,
.bootstrap-datetimepicker-widget td.today.active,
.bootstrap-datetimepicker-widget td.active:hover {
    background-color: var(--yellowColor) !important;
    color: #004e24;
}


/* contact us */
.contact-outer {
    background: url(../images/contact-bg.jpg) no-repeat left top #fff;
    padding: 62px 60px 73px;
    background-size: contain;
}

.contact-address .para {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 36px;
    padding-right: 150px;
}

.contact-address .para .icon {
    margin-right: 20px;
    width: 90px;
    height: 90px;
    background-color: rgba(248, 241, 226, 1);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-address .para .content {
    width: calc(100% - 110px);
}

.contact-address .para .content p {
    color: #fff;
    margin-bottom: 0;
}

.contact-address .invoice-summery h3 {
    color: #fff;
    margin-bottom: 20px;
}

.contact-address .download-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.contact-address .download-link a {
    color: rgba(252, 194, 1, 1);
    font-size: 24px;
}

.contact-address .download-link .symble {
    margin-right: 10px;
}

.contact-address {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 1499px) {
    .contact-address .para {
        padding-right: 100px;
    }

    .contact-address .para .icon {
        width: 60px;
        height: 60px;
        border-radius: 12px;
    }

    .contact-address .download-link a {
        font-size: 20px;
    }
}

@media (max-width: 1199px) {
    .bg-header .header-outer .header-left {
        order: 3;
    }

    .bg-header .header-outer .header-right {
        order: 2;
    }

    .bg-header .header-outer {
        grid-template-areas: unset;
        padding-top: 0px;
        padding-bottom: 0px;
        display: flex;
    }

    .bg-header .logo {
        max-width: 80px;
        order: 1;
    }
}

@media (max-width: 1199px) {
    .contact-outer {
        padding: 40px 0px 53px 40px;
    }

    .contact-address .para {
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .contact-address .para .icon {
        width: 50px;
        height: 50px;
        border-radius: 10px;
    }

    .contact-address .para {
        padding-right: 15px;
    }

    .invoice-summery {
        margin-top: 50px;
    }
}

@media (max-width: 991px) {
    .bg-header .logo {
        max-width: 70px;
        padding: 0;
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .contact-outer {
        background-size: cover;
        padding: 40px 40px;
    }

    .contact-address .para {
        padding-right: 0;
    }

    .invoice-summery {
        margin-top: 20px;
    }

    .contact-address {
        width: 100%;
        margin-bottom: 40px;
    }

    .contact-outer .login-show-box {
        width: 100%;
    }

    .contact-address .para .icon {
        width: 32px;
        height: 32px;
        padding: 5px;
        border-radius: 5px;
    }
}

@media(max-width: 767px) {
    .contact-page .page-title {
        margin-bottom: 0;
    }

    .contact-outer {
        padding: 20px 20px;
    }

    .contact-address .para .icon {
        margin-right: 12px;
    }

    .contact-address .para .content {
        width: calc(100% - 36px);
    }

    .contact-address .para {
        margin-bottom: 12px;
    }

    .contact-address .invoice-summery h3 {
        margin-bottom: 12px;
        font-size: 20px;
    }

    .contact-address .download-link .symble {
        width: 24px;
        margin-right: 5px;
    }

    .contact-address .download-link .symble svg {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .contact-address .download-link a {
        font-size: 16px;
    }

    .contact-outer .contact-form {
        padding: 0;
    }

    .bg-header .logo {
        max-width: 60px;
        padding: 0;
        margin-left: 0;
    }

    .bg-header .right-nav li a.payment-btn,
    .bg-header.sticky .right-nav li a.payment-btn {
        display: flex;
        width: 32px;
        height: 32px;
        /* border: 0; */
        padding: 0;
        font-size: 0;
    }

    .bg-header .right-nav li a.payment-btn::after,
    .bg-header.sticky .right-nav li a.payment-btn::after {
        display: none;
    }

    .bg-header .logo,
    .bg-header.sticky .logo {
        max-width: 50px;
        padding: 5px 0;
    }

    .bg-header .right-nav li .dropdown-menu,
    .bg-header .right-nav li .dropdown-menu.show,
    .bg-header .right-nav li:hover .dropdown-menu {
        min-width: 180px;
        transform: unset !important;
        top: 100% !important;
        inset: unset !important;
        right: 0 !important;
    }

    .right-nav li .dropdown-menu li {
        padding: 0px 12px;
    }

    .right-nav li .dropdown-menu a span {
        width: 18px;
        margin-right: 5px;
        display: inline-block;
        vertical-align: middle;
    }
}

@media (max-width: 480px) {
    .affiliations a {
        font-size: 13px;
    }

    .bg-header .logo {
        max-width: 50px;
    }

    .navbar-nav>li,
    .navbar-nav>li.dropdown,
    .navbar-nav>li .dropdown-menu li {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-nav li>a,
    .navbar-nav>li .dropdown-menu a {
        font-size: 14px;
    }
}


/* party-conference */
.sport-nav-content .sports-item-list li,
.sport-nav-content .box-thum li {
    width: 33.33%;
}

.party_conference .page-title {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .party_conference .sports-item-list li .sport-name {
        font-size: 16px;
    }

    .party_conference .sports-item-list li {
        padding: 0 7px;
        margin-bottom: 14px;
    }

    .party_conference .section-inner .section-banner {
        height: auto;
    }
}

@media (max-width: 991px) {

    .party_conference .sports-item-list li,
    .sport-nav-content .box-thum li {
        width: 50%;
    }

    .party_conference .section-inner {
        margin-bottom: 0;
    }
}

/* member-feedback */
.file-border {
    border: 1px solid #ccc;
    width: 100%;
    padding: 0 5px;
    height: 62px;
    text-overflow: clip;
    opacity: 0;
}

.upload-btn {
    display: block;
    width: 100%;
    border-radius: 6px;
    height: 62px;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 4px 12px 0px #00000012;
    position: absolute;
    top: 0;
    z-index: -1;
    padding-left: 115px;
    font-size: 16px;
    line-height: 62px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.upload-btn::before {
    position: absolute;
    content: "Choose File";
    background: var(--theme);
    color: #fff;
    height: 62px;
    width: 110px;
    line-height: 54px;
    padding: 5px 12px;
    top: -1px;
    left: 0;
    font-size: 16px;
}

.browse-row p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--theme);
}

.section-inner .payment-table-list {
    font-size: 16px;
}

.listTab ul {
    list-style: none;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    padding: 0;
    margin-bottom: 20px;
}

.listTab ul li {
    padding: 5px 20px;
    border: 1px solid #ccc;
    border-radius: 25px;
    font-size: 16px;
}

.listTab ul li:hover {
    background: var(--theme);
    color: #fff;
}

.listTab ul li.active {
    background: var(--theme);
    color: #fff;
}

.payment-table-list .btn-primary {
    min-width: 70px;
    padding: 0 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-transform: unset;
    height: 36px;
}
.payment-table-list .btn-secondary{
    font-size: 12px;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 10px;
    height: 36px;
}
@media (max-width: 1499px) {
    .file-border {
        height: 50px;
    }

    .upload-btn {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        padding-left: 105px;
    }

    .upload-btn::before {
        height: 50px;
        line-height: 40px;
        font-size: 14px;
        width: 100px;
    }

    .section-inner .payment-table-list {
        font-size: 14px;
    }

    .browse-row p {
        font-size: 11px;
    }
}

@media (max-width: 991px) {
    .member-feedback .section-description ul.inner-form-ul li {
        width: 100%;
    }

    .upload-btn::before {
        font-size: 12px;
        width: 88px;
    }

    .member-feedback .sport-details {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .section-inner .payment-table-list {
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .listTab ul {
        grid-gap: 5px;
        flex-flow: row wrap;
    }

    .listTab ul li {
        font-size: 14px;
        padding: 5px 15px;
    }

    .tab .pricing-card-container {
        max-width: calc(100% - 12px);
    }
}

@media (max-width: 479px) {
    .listTab ul li {
        padding: 5px 8px;
    }
}


/* proshop */
.proshop .section-description ul li:before {
    margin-top: 0;
}

.proshop .section-description h5 {
    margin-bottom: 15px;
}

.inner-form .browse-row {
    z-index: 0;
}


/* update-profile */
.update-profile {
    margin-bottom: 40px;
}

.update-profile .section-description ul.inner-form-ul li {
    width: 33.33%;
}

.update-profile .section-description ul.inner-form-ul li.wide {
    width: 100%;
}

.update-profile .section-description .title {
    margin-top: 40px;
}

@media(max-width: 991px) {
    .update-profile .section-description ul.inner-form-ul li {
        width: 50%;
    }

    .update-profile .section-description ul.inner-form-ul li.wide {
        width: 100%;
    }
}

@media(max-width: 479px) {
    .update-profile .section-description ul.inner-form-ul li {
        width: 100%;
    }
}


/* Membership Card */
.highlight_sec {
    margin-bottom: 20px;
}

.highlight_tag {
    background-color: var(--theme);
    margin-bottom: 10px;
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    border-radius: 100px;
}

.section-description .highlight_sec ul li:before {
    margin-top: 1px;
}


/* welcome popup */
/* logout popup */
.welcome-modal-outer {
    display: flex;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    justify-content: center;
    align-items: center;
}

.welcome-modal-overlay {
    display: flex;
    position: fixed;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.welcome-modal {
    background: rgba(255, 241, 240, 1);
    border-radius: 24px;
    overflow: hidden;
    text-align: center;
    max-width: 600px;
    width: 100%;
    position: relative;
    max-height: calc(100vh - 120px);
    padding-bottom: 32px;
    z-index: 1;
}

.welcome-modal-inner {
    position: static;
    padding: 0px;
    overflow: auto;
    height: calc(100vh - 80px);
}

.welcome-modal-inner img {
    max-width: 100%;
}

.welcome-modal-buttons {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    gap: 16px;
}

.welcome-modal .btn {
    cursor: pointer;
    border-radius: 100px;
    width: unset;
    min-width: 110px;
    padding: 12px 20px;
    font-family: var(--robotoFont);
    font-size: 16px;
    font-weight: bold;
    /* text-transform: capitalize; */
    text-align: center;
}

.welcome-modal .btn span {
    display: inline-block;
    vertical-align: middle;
    margin-right: -5px;
}

.closeWelcome-popup {
    width: 56px;
    height: 56px;
    padding: 0;
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0px;
    top: 0px;
}

.closeWelcome-popup:hover svg path {
    fill: #efbe19;
    stroke: #004e24;
}

.welcome-content {
    text-align: left;
    padding: 32px;
}

.welcome-content p {
    font-size: 16px;
    line-height: 22px;
}

.welcome-content h4 {
    margin-bottom: 10px;
}

.welcome-content h5 {
    font-weight: 400;
    color: rgba(252, 194, 1, 1);
    margin-bottom: 15px;
}

.welcome-content p.small {
    margin-bottom: 2px;
}

.welcome-modal .btn:hover .icon svg path {
    stroke: #004e24;
}

.welcome-modal .button-sec {
    margin-bottom: 32px;
}

@media(max-width: 767px) {
    .welcome-modal {
        max-height: calc(100vh - 40px);
        max-width: 90%;
        padding-bottom: 20px;
    }

    .welcome-content {
        padding: 20px;
    }

    .closeWelcome-popup {
        width: 40px;
        height: 40px;
    }

    .welcome-content p {
        font-size: 14px;
        line-height: 20px;
    }

    .welcome-modal .btn {
        font-size: 14px;
        min-width: 90px;
        padding: 5px 15px;
    }

    .welcome-modal .button-sec {
        margin-bottom: 20px;
    }
}

/* payment-history */
.payment-history .page-title {
    margin-bottom: 0px;
}


@media(max-width: 991px) {
    .gallery-thum li .gallery-thum-box img {
        height: auto !important;
        aspect-ratio: 1 / 1;
    }
}

/* member directory */
.filter {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
    width: 100%;
}

.filter .select-option {
    width: 240px;
}

.filter .search-section {
    width: calc(100% - 470px);
    position: relative;
}

.filter .search-section .form-control {
    height: 62px;
    box-shadow: 0px 4px 12px 0px #00000012;
    border-color: #d9d9d9;
}

.filter .search-section .box-focus label {
    top: 18px;
    left: 15px;
}

.filter .search-section .box-focus label.animate-label {
    top: 2px;
    line-height: normal;
}

.filter .search-section .btn-src {
    background: transparent;
    border: 0;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.filter .search-section .btn-src:hover svg path {
    stroke: #004e24;
}

.member-table {
    margin-bottom: 55px;
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
}

.member-table tr th {
    padding: 12px 24px;
    border-top: solid 1px rgba(198, 211, 231, 1);
    background-color: rgba(225, 245, 225, 1);
    color: rgba(16, 16, 16, 1);
    font-weight: 400;
}

.member-table tr td {
    width: 35%;
    padding: 12px 24px;
    border-bottom: solid 1px rgba(198, 211, 231, 1);
}

.member-table tr td:first-child,
.member-table tr th:first-child {
    width: 20%;
    border-left: solid 1px rgba(198, 211, 231, 1);
}

.member-table tr td:last-child,
.member-table tr th:last-child {
    border-right: solid 1px rgba(198, 211, 231, 1);
    width: 45%;
}

.member-photos {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-flow: row wrap;
    gap: 12px;
    max-width: 150px;
}

.member-photos li {
    list-style: none;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
}

.member-photos li img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.member-table tr td .address-outer p:last-child {
    margin-bottom: 0;
}

.toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}

.toolbar .page-link {
    background-color: rgba(255, 253, 243, 1);
    color: rgba(125, 138, 156, 1);
    border: solid 1px rgba(225, 245, 225, 1);
    border-radius: 6px;
}

.toolbar .pagination .page-item {
    padding-left: 6px;
}

.toolbar .page-link.active {
    background-color: rgba(0, 43, 16, 1);
    color: #fff;
}

.toolbar .page-link:focus {
    box-shadow: unset;
    background-color: rgba(0, 43, 16, 1);
    color: #fff;
}

.toolbar .show-status {
    color: rgba(125, 138, 156, 1);
}


@media (max-width: 991px) {
    .filter .select-option {
        width: 220px;
    }

    .filter {
        gap: 15px;
        align-items: center;
    }

    .filter .search-section {
        width: calc(100% - 350px);
    }

    .filter .btn-primary {
        min-width: 100px;
    }

    .member-table {
        margin-bottom: 15px;
    }

    .member-table thead,
    .member-table th {
        display: none;
    }

    .member-table,
    .member-table tbody,
    .member-table tr,
    .member-table td {
        display: block;
    }

    .member-table tr td,
    .member-table tr td:last-child,
    .member-table tr td:first-child {
        width: 100%;
        border: solid 1px rgba(198, 211, 231, 1);
        border-bottom: 0;
    }

    .member-photos {
        max-width: 100%;
    }

    .member-table tr {
        margin-bottom: 20px;
        border-bottom: solid 1px rgba(198, 211, 231, 1);
        border-radius: 15px;
        overflow: hidden;
    }

    .member-table tr td:first-child {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }

    .member-table tr td:last-child {
        border-radius: 0 0 15px 15px;
        overflow: hidden;
    }

    .member-table tr td {
        position: relative;
        padding-left: 194px;
    }

    .member-table tr td:before {
        content: attr(data-label);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 12px 24px;
        border-right: solid 1px rgba(198, 211, 231, 1);
        background-color: rgba(225, 245, 225, 1);
        color: rgba(16, 16, 16, 1);
        font-weight: 400;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 170px;
    }

    .toolbar {
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px;
    }

    .toolbar .show-status {
        margin-bottom: 20px;
    }
}

@media (max-width: 570px) {
    .filter {
        flex-flow: row wrap;
        margin-bottom: 40px;
    }

    .filter .search-section {
        width: 100%;
    }

    .filter .select-option {
        width: calc(100% - 120px);
    }

    .member-table tr td {
        padding: 12px;
        padding-left: 162px;
    }

    .member-table tr td:before {
        padding: 12px;
        width: 150px;
    }
}

@media (max-width: 390px) {
    .member-table tr td {
        font-size: 13px;
        padding-left: 90px;
    }

    .member-table tr td:before {
        width: 78px;
    }

    .member-table tr td p {
        font-size: 12px;
    }

    .member-photos {
        gap: 6px;
    }

    .member-photos li {
        width: 50px;
        height: 50px;
    }
}

/* tolly_tatler ================ */
.tolly_tatler .page-title {
    margin-bottom: 0;
}

.file-download {
    padding-left: 0;
    margin-bottom: 40px;
    gap: 32px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
}

.file-download li {
    list-style: none;
    transition: all 0.3s ease;
    padding: 0px;
    width: calc(33.33% - 22px);
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(88, 88, 90, 0.22);
}

.file-download li .pdf-wrap {
    position: relative;
}

.file-download li .pdf-content {
    padding: 20px 20px 10px;
    background-color: rgba(0, 43, 16, 1);
}

.file-download li .pdf-content h5 {
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0;
}

.file-download li .pdf-content i {
    color: var(--yellowColor);
    font-size: 35px;
}

.file-download.four-column-grid li a:hover .pdf-content i {
    color: #fff;
}

.file-download li .pdf-download {
    text-align: right;
}

@media(max-width: 1199px) {
    .file-download li .pdf-content h5 {
        min-height: 60px;
    }
}

@media(max-width: 991px) {
    .file-download li {
        width: calc(50% - 22px);
    }
}

@media(max-width: 767px) {
    .file-download {
        gap: 25px;
    }

    .file-download li {
        width: calc(50% - 13px);
    }

    .file-download li .pdf-content h5 {
        font-size: 18px;
        min-height: 48px;
    }

    .file-download li .pdf-content a {
        font-size: 24px;
    }

    .file-download li .pdf-content {
        padding: 10px 10px 5px;
    }

    .file-download li .pdf-content h5 {
        min-height: unset;
    }
}

@media(max-width: 479px) {
    .file-download {
        gap: 0;
    }

    .file-download li {
        width: 100%;
        margin-bottom: 25px;
    }
}


/* committees ================= */
.committees-outer {
    margin-bottom: 25px;
}

.committees-list {
    padding-left: 0;
    margin-bottom: 0px;
}

.committees-list li {
    list-style: none;
    transition: all 0.3s ease;
    padding: 5px 0px;
    display: flex;
    /* align-items: baseline; */
    font-size: 17px;
    gap: 5px;
}

.file-download li a {
    text-decoration: none;
    color: #004e24;
    font-size: 20px;
    line-height: 1.5;
}

.committees-list li a:hover {
    color: var(--yellowColor);
}

.committees-list li:before {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../images/arrow-new.svg);
    background-repeat: no-repeat;
    background-position: left 0 top 4px;
    display: inline-block;
    vertical-align: top;
    background-size: 100% auto;
    margin-top: 1px;
    margin-right: 8px;
}

.committees-outer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
    justify-content: flex-start;
    gap: 25px;
}

.committees-outer .committees-box {
    /* width: calc(50% - 12.5px); */
    border: none;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
    padding: 40px;
}

.committees-section {
    margin-bottom: 60px;
}
.committees-outer .committees-box h5{display: flex;align-items: center;gap: 10px;color: var(--theme);}
.committees-box-h5-img{width: 24px;}

@media (max-width: 1599px){
    .committees-outer{grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 1499px){
    .committees-box-h5-img{width: 20px;}
}

@media (max-width: 1350px){
    .committees-outer .committees-box{padding: 30px;}
}

@media (max-width: 991px) {
    .committees-outer{grid-template-columns: repeat(1, 1fr);}
    .committees-list li:before{width: 18px;height: 18px;}
}

@media (max-width: 767px) {
    .committees-list li {
        font-size: 16px;
    }
    .committees-box-h5-img{width: 18px;}
}

@media (max-width: 480px) {
    .committees-outer .committees-box {
        padding: 20px;
    }
}

@media (max-width: 479px) {
    .committees-list li {
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .committees-list li {
        flex-flow: row wrap;
    }

    .committees-list li strong {
        margin-left: auto;
    }
}


/* tolly-fest-notice page =================== */
.tolly-fest-notice .page-title,
.tolly-fest-points-table .page-title {
    margin-bottom: 0;
}

.custom-table {
    margin-bottom: 55px;
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
}

.custom-table tr th {
    padding: 12px 24px;
    border-top: solid 1px rgba(198, 211, 231, 1);
    background-color: rgba(225, 245, 225, 1);
    color: rgba(16, 16, 16, 1);
    font-weight: 400;
}

.custom-table tr td {
    width: 40%;
    padding: 12px 24px;
    border-bottom: solid 1px rgba(198, 211, 231, 1);
}

.custom-table tr td:first-child,
.custom-table tr th:first-child {
    border-left: solid 1px rgba(198, 211, 231, 1);
}

.custom-table tr td:last-child,
.custom-table tr th:last-child {
    border-right: solid 1px rgba(198, 211, 231, 1);
}

.custom-table tr td .address-outer p:last-child {
    margin-bottom: 0;
}

.custom-table .view-btn {
    font-weight: bold;
    color: #FCC201;
    text-decoration: none;
}

.custom-table .view {
    min-width: 70px;
    padding: 7px 10px;
    font-size: 12px;
    text-transform: unset;
    white-space: nowrap !important;
}

.custom-table .view-btn:hover {
    color: var(--theme);
}

.custom-table tr td.slNo,
.custom-table tr th.slNo {
    width: 8%;
}

.custom-table tr td.date,
.custom-table tr th.date {
    width: 20%;
}

.custom-table tr td.particulars,
.custom-table tr th.particulars {
    width: 60%;
}

.custom-table tr td.file,
.custom-table tr th.file {
    width: 12%;
}

@media(max-width: 991px) {

    .custom-table tr td.slNo,
    .custom-table tr th.slNo {
        width: 14%;
    }

    .custom-table tr td.date,
    .custom-table tr th.date {
        width: 21%;
    }

    .custom-table tr td.particulars,
    .custom-table tr th.particulars {
        width: 50%;
    }

    .custom-table tr td.file,
    .custom-table tr th.file {
        width: 15%;
    }
}

@media(max-width: 767px) {

    .custom-table tr td.slNo,
    .custom-table tr th.slNo {
        width: 100%;
    }

    .custom-table tr td.date,
    .custom-table tr th.date {
        width: 100%;
    }

    .custom-table tr td.particulars,
    .custom-table tr th.particulars {
        width: 100%;
    }

    .custom-table tr td.file,
    .custom-table tr th.file {
        width: 100%;
    }

    .custom-table thead,
    .custom-table th {
        display: none;
    }

    .custom-table,
    .custom-table tbody,
    .custom-table tr,
    .custom-table td {
        display: block;
    }

    .custom-table tr td,
    .custom-table tr td:last-child,
    .custom-table tr td:first-child {
        width: 100%;
        border: solid 1px rgba(198, 211, 231, 1);
        border-bottom: 0;
    }

    .custom-table tr {
        margin-bottom: 20px;
        border-bottom: solid 1px rgba(198, 211, 231, 1);
        border-radius: 15px;
        overflow: hidden;
    }

    .custom-table tr td:first-child {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }

    .custom-table tr td:last-child {
        border-radius: 0 0 15px 15px;
        overflow: hidden;
    }

    .custom-table tr td {
        position: relative;
        padding-left: 140px;
    }

    .custom-table tr td:before {
        content: attr(data-label);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 12px 24px;
        border-right: solid 1px rgba(198, 211, 231, 1);
        background-color: rgba(225, 245, 225, 1);
        color: rgba(16, 16, 16, 1);
        font-weight: 400;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 125px;
    }
}



/* responsive table */
.scroll_table {
    width: 100%;
}

@media (max-width: 767px) {
    .scroll_table {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .scroll_table table {
        width: 900px;
    }

    .section-inner .scroll_table .data-table {
        width: 900px;
    }
}

.payment-history-outer .custom-table tr td[data-label="SL No"] {
    width: 80px;
}

.payment-history-outer .payment-table-list {
    margin-top: 0;
}

@media (max-width: 991px) {
    .payment-history-outer .custom-table tr td[data-label="SL No"] {
        width: 100%;
    }

    .payment-history-outer .custom-table tr td.slNo,
    .payment-history-outer .custom-table tr th.slNo {
        width: 100%;
    }

    .payment-history-outer .custom-table tr td.date,
    .payment-history-outer .custom-table tr th.date {
        width: 100%;
    }

    .payment-history-outer .custom-table tr td.particulars,
    .payment-history-outer .custom-table tr th.particulars {
        width: 100%;
    }

    .payment-history-outer .custom-table tr td.file,
    .payment-history-outer .custom-table tr th.file {
        width: 100%;
    }

    .payment-history-outer .custom-table thead,
    .payment-history-outer .custom-table th {
        display: none;
    }

    .payment-history-outer .custom-table,
    .payment-history-outer .custom-table tbody,
    .payment-history-outer .custom-table tr,
    .payment-history-outer .custom-table td {
        display: block;
    }

    .payment-history-outer .custom-table tr td,
    .payment-history-outer .custom-table tr td:last-child,
    .payment-history-outer .custom-table tr td:first-child {
        width: 100%;
        border: solid 1px rgba(198, 211, 231, 1);
        border-bottom: 0;
    }

    .payment-history-outer .custom-table tr {
        margin-bottom: 20px;
        border-bottom: solid 1px rgba(198, 211, 231, 1);
        border-radius: 15px;
        overflow: hidden;
    }

    .payment-history-outer .custom-table tr td:first-child {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }

    .payment-history-outer .custom-table tr td:last-child {
        border-radius: 0 0 15px 15px;
        overflow: hidden;
    }

    .payment-history-outer .custom-table tr td {
        position: relative;
        padding-left: 37%;
        min-height: 48px;
    }

    .payment-history-outer .custom-table tr td:before {
        content: attr(data-label);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 12px 24px;
        border-right: solid 1px rgba(198, 211, 231, 1);
        background-color: rgba(225, 245, 225, 1);
        color: rgba(16, 16, 16, 1);
        font-weight: 400;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 33.33%;
    }
}

@media (max-width: 479px) {
    .payment-history-outer .custom-table tr td:before {
        padding: 12px 12px;
    }

    .payment-history-outer .custom-table tr td {
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .payment-history-outer .custom-table tr td:before {
        width: 120px;
    }

    .payment-history-outer .custom-table tr td {
        padding-left: 132px;
    }
}


/* vap-payments-outer */
.vap-payments-outer .inner-form {
    padding-left: 0;
    margin-bottom: 40px;
    min-height: 400px;
    max-width: 400px;
}

.vap-payments-outer .inner-form li {
    list-style: none;
}

.vap-payments-outer .select-wrapper.open .select-dropdown {
    max-height: 300px;
    overflow: scroll;
}


/* events-tolly */
.events-tolly .payment-table-list {
    margin-top: 0;
}

.events-tolly .custom-table tr th {
    text-align: center;
}

.events-tolly .custom-table tr td[data-label="SL No"] {
    width: 40px;
    text-align: center;
}

.events-tolly .custom-table tr td[data-label="Date"] {
    width: 90px;
    text-align: center;
}

.events-tolly .custom-table tr td[data-label="Day"] {
    width: 60px;
    text-align: center;
}

.events-tolly .custom-table tr td[data-label="Time"] {
    width: 100px;
    text-align: center;
}

.events-tolly .custom-table tr td[data-label="Venue"] {
    width: 140px;
    text-align: center;
}

.events-tolly .custom-table tr td[data-label="Event"] {
    width: calc(100% - 430px);
}

.events-tolly .custom-table tr td,
.events-tolly .custom-table tr th {
    padding: 12px 15px;
}

.logout_button a:hover {
    text-decoration: none;
}

.events-tolly textarea.form-control {
    height: 120px;
}

.events-tolly .footer-submit-btn {
    text-align: left;
}

.events-tolly .custom-table {
    margin-bottom: 0;
}

/* change password */
.change-content {
    margin-top: 20px;
}

.change-password .site-main {
    min-height: calc(100vh - 207px);
}

@media (max-width: 1699px) {
    .change-password .site-main {
        min-height: calc(100vh - 195px);
    }
}

@media (max-width: 1499px) {
    .change-password .site-main {
        min-height: calc(100vh - 151px);
    }
}

@media (max-width: 1399px) {
    .change-password .site-main {
        min-height: calc(100vh - 130px);
    }
}

@media (max-width: 1199px) {
    .change-password .site-main {
        min-height: calc(100vh - 118px);
    }
}

@media (max-width: 991px) {
    .change-password .site-main {
        min-height: calc(100vh - 104px);
    }
}

@media (max-width: 767px) {
    .events-tolly .custom-table tr td[data-label="SL No"] {
        width: 100%;
        text-align: left;
    }

    .events-tolly .custom-table tr td[data-label="Date"] {
        width: 100%;
        text-align: left;
    }

    .events-tolly .custom-table tr td[data-label="Day"] {
        width: 100%;
        text-align: left;
    }

    .events-tolly .custom-table tr td[data-label="Time"] {
        width: 100%;
        text-align: left;
    }

    .events-tolly .custom-table tr td[data-label="Venue"] {
        width: 100%;
        text-align: left;
    }

    .events-tolly .custom-table tr td[data-label="Event"] {
        width: 100%;
    }

    .events-tolly .custom-table tr td {
        padding-left: 140px;
    }

    .events-tolly .box-focus {
        width: 100%;
    }

    .events-tolly .logout_button {
        margin-bottom: 15px;
    }

    .change-password .site-main {
        min-height: calc(100vh - 106px);
    }
}

.verify-wrap {
    margin-top: 15px;
}

.verify-wrap p {
    text-align: center;
}

/* affiliation-rules ======================== */
.affiliation-rules .page-title {
    margin-bottom: 0;
}

/* tolly-fest 2025 ========================== */
.tolly-fest .login-show-box {
    max-width: 448px;
    margin: 10px;
}

.tolly-fest .verify-wrap p {
    margin-top: 0;
    margin-bottom: 0;
}

#registration .section-inner {
    overflow: visible;
}

.tolly-fest .site-main,
.events-tolly .site-main {
    overflow: visible;
}

.tolly-fest .custom-table {
    margin-bottom: 0;
}

.tolly-fest .custom-table tr td.slNo,
.tolly-fest .custom-table tr th.slNo {
    width: 100px;
}

.tolly-fest .custom-table tr td.particulars,
.tolly-fest .custom-table tr th.particulars {
    width: calc(68% - 100px);
}

@media (max-width: 767px) {

    .tolly-fest .custom-table tr td.slNo,
    .tolly-fest .custom-table tr th.slNo {
        width: 100%;
    }

    .tolly-fest .custom-table tr td.particulars,
    .tolly-fest .custom-table tr th.particulars {
        width: 100%;
    }

    .tolly-fest .custom-table tr td {
        min-height: 45px;
    }

    .tolly-fest .login-show-box {
        max-width: 100%;
    }
}

/* letter-president */
.letter-president-list {
    padding-left: 0;
    margin-bottom: 40px;
}

.letter-president-list li {
    list-style: none;
    padding: 36px;
    margin-bottom: 20px;
    border: solid 1px rgba(107, 106, 106, 1);
    border-radius: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.president-list-left {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
}

.president-list-left h4 {
    margin-bottom: 0;
    font-size: 18px !important;
}

.president-list-left .president-icon {
    background-color: rgba(248, 241, 226, 1);
    margin-right: 15px;
    border-radius: 18px;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.president-list-left .president-icon svg {
    vertical-align: middle;
}

.president-list-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.letter-president-list li .view-btn {
    background: #efbe19;
    color: rgba(0, 0, 0, 1);
}

.letter-president-list li .view-btn:hover {
    background: #004e24 !important;
    color: #fff;
}

.letter-president-list li .view-btn:hover svg path {
    stroke: #fff;
}

.letter-president-list li .download-btn:hover svg path {
    stroke: #004e24;
}

.letter-president-list li .download-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    /* min-width: 210px; */
}

@media (max-width: 1599px) {
    .letter-president-list li {
        padding: 25px;
    }
    .president-list-left h4{
        font-size: 16px !important;
    }
}

@media (max-width: 1399px) {
    .president-list-right {
        gap: 10px;
    }

    .letter-president-list li h4 {
        font-size: 24px;
    }

    .president-list-left .president-icon {
        width: 70px;
        height: 70px;
    }

    .letter-president-list li {
        padding: 20px;
    }
}

@media (max-width: 1024px) {
    .letter-president-list li {
        flex-direction: column;
        justify-content: flex-start;
        padding: 15px;
    }

    .president-list-right {
        gap: 10px;
        margin-left: 0;
        margin-right: auto;
        margin-top: 10px;
    }

    .president-list-left {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .letter-president-list li {
        border-radius: 15px;
    }

    .letter-president-list li h4 {
        font-size: 20px;
    }

    .letter-president-list li .download-btn {
        min-width: unset;
    }

    .president-list-left .president-icon {
        width: 60px;
        height: 60px;
        padding: 10px;
        border-radius: 10px;
    }
}

@media (max-width: 479px) {
    .letter-president-list li h4 {
        font-size: 16px;
    }

    .letter-president-list li .download-btn {
        min-width: unset;
    }

    .president-list-left .president-icon {
        width: 40px;
        height: 40px;
        padding: 5px;
        border-radius: 10px;
    }

    /* .letter-president-list li .president-list-right{flex-direction: column; align-items: flex-start;} */
    .letter-president-list li .btn-primary {
        padding: 6px 15px;
        min-width: 100px;
        font-size: 13px;
    }
}

@media (max-width: 360px) {
    .president-list-right {
        gap: 5px;
    }

    .letter-president-list li .btn-primary {
        padding: 5px 12px;
        min-width: 90px;
        font-size: 12px;
    }

    .letter-president-list li .btn-primary svg {
        max-width: 20px;
    }
}

.introduction-title .page-title {
    margin-bottom: 0;
}

.reciprocal-introduction-outer {
    margin-bottom: 60px;
}


/* quick-payment */
.quick-payment {
    background-color: var(--bodyBg);
}

.quick-payment .padlock {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quick-payment .padlock .quick-icon {
    margin-right: 10px;
}

.quick-payment .login-card {
    margin-bottom: 50px;
}

@media (max-width: 1499px) {
    .quick-payment .padlock .quick-icon {
        width: 36px;
    }

    .quick-payment .padlock .quick-icon svg {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* reciprocal-list */
.reciprocal-list-table .custom-table tr th.visit,
.reciprocal-list-table .custom-table tr td.visit {
    width: 15%;
}

.reciprocal-list-table .custom-table tr th.city,
.reciprocal-list-table .custom-table tr td.city {
    width: 13%;
}

.reciprocal-list-table .custom-table tr th.club,
.reciprocal-list-table .custom-table tr td.club {
    width: 13%;
}

.reciprocal-list-table .custom-table tr th.person,
.reciprocal-list-table .custom-table tr td.person {
    width: 14%;
}

.reciprocal-list-table .custom-table tr th.accomodation,
.reciprocal-list-table .custom-table tr td.accomodation {
    width: 15%;
}

.reciprocal-list-table .custom-table tr th.checkin,
.reciprocal-list-table .custom-table tr td.checkin {
    width: 15%;
}

.reciprocal-list-table .custom-table tr th.checkout,
.reciprocal-list-table .custom-table tr td.checkout {
    width: 15%;
}

.reciprocal-list-table .custom-table tr th.file,
.reciprocal-list-table .custom-table tr td.file {
    width: 10%;
}

@media(max-width: 1199px) {
    .reciprocal-list-table {
        overflow-x: scroll;
        overflow-y: hidden;
    }
}

@media(max-width: 767px) {
    .reciprocal-list-table .custom-table {
        font-size: 14px;
    }

    .reciprocal-list-table .custom-table tr th.visit,
    .reciprocal-list-table .custom-table tr td.visit {
        width: 100%;
    }

    .reciprocal-list-table .custom-table tr th.city,
    .reciprocal-list-table .custom-table tr td.city {
        width: 100%;
    }

    .reciprocal-list-table .custom-table tr th.club,
    .reciprocal-list-table .custom-table tr td.club {
        width: 100%;
    }

    .reciprocal-list-table .custom-table tr th.person,
    .reciprocal-list-table .custom-table tr td.person {
        width: 100%;
    }

    .reciprocal-list-table .custom-table tr th.accomodation,
    .reciprocal-list-table .custom-table tr td.accomodation {
        width: 100%;
    }

    .reciprocal-list-table .custom-table tr th.checkin,
    .reciprocal-list-table .custom-table tr td.checkin {
        width: 100%;
    }

    .reciprocal-list-table .custom-table tr th.checkout,
    .reciprocal-list-table .custom-table tr td.checkout {
        width: 100%;
    }

    .reciprocal-list-table .custom-table tr th.file,
    .reciprocal-list-table .custom-table tr td.file {
        width: 100%;
    }

}

.fc-dayGridMonth-view .fc-daygrid-event-dot,
.fc .fc-list-event-dot {
    border-color: #004225 !important;
}

.fc-dayGridMonth-view .fc-h-event,
.enents_calendar .fc-v-event {
    background-color: #004225 !important;
    border: 1px solid #004225 !important;
}

/* .enents_calendar .modal.show .modal-dialog{width: 320px;} */
.enents_calendar .list-group-flush>.list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
}

.enents_calendar .modal-header {
    background-color: #004225;
}

.enents_calendar .modal-header .btn-close {
    color: #fff;
    filter: invert(1);
    opacity: 1;
}

.enents_calendar .modal-title {
    color: #fff;
}

.enents_calendar .modal.show .btn-secondary {
    background: linear-gradient(#003815, #002B10);
    color: #fff;
}

.enents_calendar .modal.show .btn-secondary:hover {
    background: #efbe19 !important;
    border-color: #efbe19 !important;
    color: #004e24;
}

.enents_calendar .fc .fc-button-primary {
    background-color: #004225;
    border-color: #004225;
    /* text-transform: capitalize; */
}

.enents_calendar .fc .fc-button-primary:not(:disabled).fc-button-active,
.enents_calendar .fc .fc-button-primary:not(:disabled):active {
    background: var(--yellowColor);
    color: #004e24;
}

.enents_calendar .fc .fc-timegrid-axis-cushion {
    /* text-transform: capitalize; */
}

.affiliated .tab-content>.active {
    background: unset;
    border-color: unset;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

/* For Firefox */
input[type="date"] {
    -moz-appearance: textfield;
}

/* Optional: remove the inner spin buttons */
input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

/* autofield color set */
.won input:-webkit-autofill,
.won select:-webkit-autofill {
    background-color: #fff !important;
    /* White background for autofill items */
    color: #000 !important;
    /* Text color */
    border: 1px solid #ccc;
    /* Border styling */
    box-shadow: 0px 4px 12px rgba(255, 255, 255, 1);
    /* Drop shadow for emphasis */
    border-radius: 4px;
    /* Rounded corners */
}

/* Adjusts the autofill background color */
.won input:-webkit-autofill:focus,
.won select:-webkit-autofill:focus {
    background-color: #fff !important;
}


.tab-pane .form-row .form-control:-internal-autofill-selected {
    background-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

#captcha {
    text-transform: none !important;
}

/* -----------24/10/25----------- */

.contact-page .contact-wrapper {
    padding-bottom: 0;
}

.contact-page .contact-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 60px 0;
}

.contact-page .contact-group {
    border: none;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
    padding: 40px;
}

/* 
    .contact-group:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    } */

.contact-page .department {
    font-size: 18px;
    color: #004225;
    margin-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 8px;
    font-weight: 700;
}

.contact-page .contact {
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
}

.contact-page .contact:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.contact-page .name {
    font-weight: bold;
    color: #333;
}

.contact-page .designation {
    font-size: 14px;
    color: #555;
}

.contact-page .extension,
.contact-page .direct {
    font-size: 13px;
    color: #666;
    margin-top: 3px;
}

.contact-page .email a {
    color: #666;
    text-decoration: none;
    font-size: 13px;
}

.contact-page .email a:hover {
    text-decoration: underline;
}


.contact-page .committees-list li.no-before::before {
    background-image: none;
    content: none;
    /* optional if you set content in ::before */
}


@media(max-width:991px) {
    .contact-page .contact-row {
        grid-template-columns: auto;
        margin: 30px 0;
    }
}

.sport-nav ul li a.active {
    background: linear-gradient(to bottom, #d9d9d9 0%, #e9e9e9 100%);
}

.affiliated .accordion-button:not(.collapsed) {
    background-color: transparent;
}

.affiliated .accordion-button:focus {
    box-shadow: none;
}

.affiliated .data-row .data-box {
    overflow: auto;
    background-color: #f8f8f8;
}

.apply_membership_card .manUy {
    display: flex;
    align-items: flex-start;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.apply_membership_card .manUy figure {
    widows: 300px;
}

.apply_membership_card .manUy figure img {
    height: 200px;
}

.apply_membership_card .inrFix {
    width: 70%;
}

@media (max-width:768px) {
    .apply_membership_card .manUy {
        flex-flow: wrap;
    }
}

.enents_calendar #calendar {
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    min-height: 600px;
}

.career-opportunities-page .modal-footer .btn {
    height: 40px;
    padding: 0 !important;
    font-size: 14px !important;
    width: 120px !important;
    min-width: auto;
}

/* Make backdrop lower in stack and add shadow */
.career-opportunities-page .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    z-index: 1040 !important;
}

/* Modal sits above backdrop */
.career-opportunities-page .modal {
    z-index: 10000 !important;
}

/* Ensure content is above everything in modal */
.career-opportunities-page .modal-content {
    position: relative;
    z-index: 1060 !important;
    background-color: #fff !important;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
    color: #000;
}

/* Header and title */
.career-opportunities-page .modal-header {
    position: relative;
    z-index: 1070 !important;
    background: #fff !important;
    color: #000 !important;
    border-bottom: 1px solid #ddd;
    padding: 0;
}

.career-opportunities-page .modal-title {
    color: #fff !important;
    font-weight: 800;
    font-size: 18px;
    padding: 5px;
}

.career-opportunities-page .modal .btn-close {
    color: #fff;
    filter: invert(1);
    opacity: 1;
    padding-right: 30px;
}

.career-opportunities-page .section-description ul.inner-form-ul li {
    width: 100%;
}

.career-opportunities-page .modal .modal-header {
    background-color: #004225 !important;
    color: white !important;
}

.club_tour .gallery-thum li .gallery-thum-box img {
    object-fit: cover;
    height: 259px;
    border-radius: 6px;
}
.gallery-thum li .gallery-thum-box img{
    border-radius: 6px;
}

.club_tour .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);

}

.club_tour .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

.club_tour #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.club_tour .modal-content,
.club_tour #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.club_tour .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.club_tour .close:hover,
.club_tour .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .club_tour .modal-content {
        width: 100%;
    }
}

.dashboard-page.additionCss .features-list li {
    position: relative;
}

.dashboard-page.additionCss .feature-inner {
    text-decoration: none;
}

.dashboard-page.additionCss .active {
    background-color: transparent;
}

.dashboard-page.additionCss .features-list li .wishlist {
    position: absolute;
    top: 10px;
    right: 10px;
}

.dashboard-page.additionCss .features-list li .wishlist svg path {
    stroke: var(--theme);
    fill: transparent;
    cursor: pointer;
}

.dashboard-page.additionCss .features-list li .wishlist.active svg path {
    stroke: #FCC201;
    fill: #FCC201;
}

.enents_calendar_inner #calendar {
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    min-height: 600px;
}

.galler-view-page a.lightbox-enabled-video {
    height: 259px;
}

/* ---------27/10/2015--------- */
.contact_listing .committees-list li:before {
    content: none;
}

.contact_listing .committees-list li span {
    font-weight: 500;
    white-space: nowrap;
    line-height: 1;
    margin-right: 5px;
}

@media(max-width:525px) {
    input#clubSearch {
        /* width: 250px; */
        /* overflow: hidden; */
        text-overflow: ellipsis;
    }
}


/* ------------28/10/25---------- */
.event_archive_row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    align-items: stretch;
}

.event_archive_row .gallery-thum-inner {
    /* height: 250px;
    width: 250px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #6B6A6A;
    border-radius: 24px;
    padding: 60px 20px;
    height: 100%;
}

.event_archive_row li {
    width: auto;
    align-self: stretch;
}

.event_archive_row img.file {
    width: 100px !important;
    height: 100px !important;
}

.event_archive_row li .gallery-thum-box:before,
.event_archive_row li .gallery-thum-box:after {
    content: none;
}

@media(max-width:1350px) {
    .event_archive_row {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width:991px) {
    .event_archive_row {
        grid-template-columns: repeat(3, 1fr);
    }

    .event_archive_row .gallery-thum-inner {
        padding: 20px 10px;
    }
}

@media(max-width:600px) {
    .event_archive_row {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ------------29/10/2025-------- */
input[type="email"] {
    text-transform: none !important;
}

/* ------------31/10/2025-------- */
.lightbox-image-wrapper {
    box-shadow: rgba(255, 255, 255, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
    background-color: #fff;
    border-radius: 8px;
}

.lightbox-image-wrapper img {
    border: 8px solid #fff;
    border-radius: 8px;
}


.section-description.scroll {
    max-height: 300px;
    overflow: auto;
}

/* -----04/11/2025----- */
.lightbox-image-wrapper .image-wrapper {
    max-width: 80vw;
    max-height: 80vh;
    overflow: hidden;
}

.lightbox-image-wrapper img {
    width: 100%;
    height: 100%;
    max-height: inherit;
    object-fit: contain;
}

.lightbox-image-wrapper .lightbox-event-name {
    margin: 0;
    padding: 0;
    display: none;
}

.lightbox-image-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.lightbox-event-name {
    margin-top: 10px;
    font-size: 18px;
    /* color: #fff;  */
}


/* ------------04/11/2025-------- */
.timing-floatng-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    /* background-color: var(--theme); */
    background: linear-gradient(#003815, #002B10);
    background-size: 36px auto;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100%;
    position: fixed;
    bottom: 90px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    z-index: 9;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    color: #fff;
    font-size: 24px;
}

.timing-floatng-btn:hover {
    background: #efbe19;
    /* color: #002810; */
    color: var(--blueDipColor);
}


.hasDatepicker {
    text-transform: lowercase !important;
    background-image: url(http://localhost:8000/images/calendar.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background-color: #004225;
    color: #fff ;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
    background-color: #fff;
    border-radius: 50%;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    border: 1px solid #efbe19 !important;
    background: #efbe19 !important;
    /* color: #004225 !important; */
    color: #fff !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    border: 1px solid #004225 !important;
    background: #004225 !important;
    color: #fff;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    text-align: center;
}

.hasDatepicker {
    background-image: url('{{ asset(' images/calendar.svg') }}') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
}

.hasDatepicker::placeholder {
    color: #004225;
}


.venu_page .manUy {
    display: flex;
    align-items: flex-start;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.venu_page .manUy figure {
    widows: 300px;
}

.venu_page .manUy figure img {
    height: 200px;
}

.venu_page .inrFix {
    width: 70%;
}

@media (max-width:768px) {
    .venu_page .manUy {
        flex-flow: wrap;
    }
}


.update_profile .manUy {
    display: flex;
    align-items: flex-start;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.update_profile .manUy figure {
    widows: 300px;
}

.update_profile .manUy figure img {
    height: 200px;
}

.update_profile .inrFix {
    width: 70%;
}

@media (max-width:768px) {
    .update_profile .manUy {
        flex-flow: wrap;
    }
}

.quick-payment #paymentSuccess {
    display: none;
    color: green;
    font-weight: bold;
}

.party_conference .sport-nav ul li a.active {
    background: linear-gradient(to bottom, #d9d9d9 0%, #e9e9e9 100%);
    /* font-weight: 600; */
}


.members_directory .manUy {
    display: flex;
    align-items: flex-start;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.members_directory .manUy figure {
    widows: 300px;
}

.members_directory .manUy figure img {
    height: 200px;
}

.members_directory .inrFix {
    width: 70%;
}

@media (max-width:768px) {
    .members_directory .manUy {
        flex-flow: wrap;
    }
}

.member-feedback .manUy {
    display: flex;
    align-items: flex-start;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.member-feedback .manUy figure {
    widows: 300px;
}

.member-feedback .manUy figure img {
    height: 200px;
}

.member-feedback .inrFix {
    width: 70%;
}

.member-feedback .sport-nav ul li a.active.active {
    color: #004225;
    background: linear-gradient(to bottom, #d9d9d9 0%, #e9e9e9 100%) !important;
}

.member-feedback .spinner-border {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}

@keyframes spinner-border {
    100% {
        transform: rotate(360deg);
    }
}

/* Make the backdrop transparent */
.member-feedback .modal-backdrop {
    background-color: transparent !important;
}

/* Add a subtle shadow to the modal */
.member-feedback .modal-content {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    /* soft shadow */
    border-radius: 8px;
    /* optional: round corners */
}

@media (max-width:768px) {
    .member-feedback .manUy {
        flex-flow: wrap;
    }
}

/* -- for show/hide  */
.member-feedback .sport-nav-content .section {
    display: none;
}

.member-feedback .sport-nav-content .section.active {
    display: block;
}

.member-feedback .listTab li.active {
    background: var(--theme);
    color: #fff;
    cursor: default;
}

.member-feedback .diewDetails {
    display: none;
}

.member-feedback .diewDetails.active {
    display: table;
    width: 100%;
}

.member-feedback .sport-nav ul li a.active {
    /* font-weight: bold; */
    color: #007bff;
}

.member-feedback .sport-nav ul li a {
    background-color: transparent !important;
}

.member-feedback .sport-nav ul li a.active {
    background-color: var(--theme) !important;
    color: #fff;
}

.member-feedback .custom_details_review {
    margin-bottom: 10px;
    display: block;
}

.member-feedback .custom_details_review .col_2 {
    position: relative;
    display: block;
    /* float: left; */
    padding: 5px 0 5px;
}

.member-feedback .custom_details_review .col_8 {
    position: relative;
    display: block !important;
    /* float: left; */
    padding: 5px 0 5px;
}

.member-feedback .custom_details_review .rating_box {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.member-feedback .custom_details_review .rating_box li {
    width: inherit !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.member-feedback .modal {
    z-index: 10000;
}

.member-feedback .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(4px);
}

.member-feedback .payment-table-list {
    margin: 0;
}

.member-feedback div#Suggestion {
    height: 300px;
    overflow: auto;
}

.member-feedback .modal .btn {
    background: linear-gradient(#003815, #002B10);
    color: white;
}

.member-feedback .modal .btn:hover {
    color: var(--theme);
}

.member-feedback .modal .modal-header {
    background-color: #004225;
    color: white;
}

.member-feedback .modal .modal-title {
    color: white;
}

.member-feedback .modal .btn-close {
    color: #fff;
    filter: invert(1);
    opacity: 1;
}


.payment-page .manUy {
    display: flex;
    align-items: center;
    grid-gap: 20px;
}

.payment-page .manUy figure {
    widows: 300px;
}

.payment-page .manUy figure img {
    height: 200px;
}

.payment-page .inrFix {
    width: 70%;
}

.quick-payment .radio-group,
.payment-page .radio-group,
.member-feedback .radio-group,
.accommodation .radio-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
 
.quick-payment .custom-radio,
.payment-page .custom-radio,
.member-feedback .custom-radio,
.accommodation .custom-radio {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
}
 
.quick-payment .custom-radio input,
.payment-page .custom-radio input,
.member-feedback .custom-radio input,
.accommodation .custom-radio input {
    display: none;
}
 
.quick-payment .radio-mark,
.payment-page .radio-mark,
.member-feedback .radio-mark,
.accommodation .radio-mark {
    width: 20px;
    height: 20px;
    border: 2px solid #999;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
    transition: all 0.4s ease;
}
.quick-payment .custom-radio input:checked+.radio-mark,
.payment-page .custom-radio input:checked+.radio-mark,
.member-feedback .custom-radio input:checked+.radio-mark,
.accommodation .custom-radio input:checked+.radio-mark {
    background-color: #fff;
    border-color: #003815;
}
 
.quick-payment .custom-radio input:checked+.radio-mark::after,
.payment-page .custom-radio input:checked+.radio-mark::after,
.member-feedback .custom-radio input:checked+.radio-mark::after,
.accommodation .custom-radio input:checked+.radio-mark::after {
    position: absolute;
    content: '';
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #003815;
    transition: all 0.4s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.payment-page .payment-table .form-control {
    padding: 15px 20px;
    max-width: 496px;
    font-size: 14px;
    line-height: 1;
}

.payment-page .payment-table .box-focus label.animate-label {
    top: 2px;
    font-size: 11px;
}

.member-feedback .polling-action-cell {
    min-width: 320px;
    vertical-align: top;
}

.member-feedback .polling-rating-form {
    margin: 0;
}

.member-feedback .polling-rating-wrap {
    display: block;
}

.member-feedback .polling-radio-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
    margin-bottom: 0;
}

.member-feedback .polling-custom-radio {
    min-height: 42px;
    align-items: flex-start;
    padding: 10px 12px;
    border: 1px solid #d7dfd2;
    border-radius: 12px;
    background: #fff;
}

.member-feedback .polling-custom-radio .radio-mark {
    flex: 0 0 20px;
    margin-top: 1px;
}

.member-feedback .polling-custom-radio span:last-child {
    display: inline-block;
    line-height: 1.35;
}

@media (max-width: 768px) {
    .member-feedback .polling-action-cell {
        min-width: 260px;
    }

    .member-feedback .polling-radio-group {
        grid-template-columns: 1fr;
    }
}

@media (max-width:768px) {
    .payment-page .manUy {
        flex-flow: wrap;
    }
}

.payment-page #paymentSuccess {
    display: none;
    color: green;
    font-weight: bold;
}

.golf .section-banner img {
    width: 100%;
}


.golf .listTab ul {
    list-style: none;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    padding: 0;
}

.golf .listTab ul li {
    padding: 5px 20px;
    border: 1px solid #ccc;
    border-radius: 25px;
    font-size: 16px;
}

.golf .listTab ul li:hover {
    background: var(--theme);
    color: #fff;
}

.golf .listTab ul li.active {
    background: var(--theme);
    color: #fff;
}

.golf .diewDetails {
    display: flex;
    flex-flow: wrap;
    grid-gap: 10px;
}

.golf .pricing-card-container {
    background-color: white;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    max-width: 350px;
    /* Adjust width as needed */
    width: 100%;
    text-align: left;
}

.golf .pricing-section {
    margin-bottom: 25px;
}

.golf .category-title {
    font-size: 1.1em;
    font-weight: 600;
    color: #a0a0a0;
    margin: 0 0 5px 0 !important;
    line-height: 1.2;
    letter-spacing: 1.5px;
}

.golf .pricing-section p {
    margin: 0 !important;
}

.golf .price {
    font-size: 2.2em;
    font-weight: 300;
    color: #333;
    margin: 5px 0 0 0;
    line-height: 1;
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .golf .pricing-card-container {
        padding: 30px;
    }

    .golf .category-title {
        font-size: 1em;
    }

    .golf .price {
        font-size: 1.8em;
    }
}

.food_beverages .manUy {
    display: flex;
    align-items: flex-start;
    grid-gap: 20px;
    margin-bottom: 20px;
}

.food_beverages .manUy figure {
    widows: 300px;
}

.food_beverages .manUy figure img {
    height: 200px;
}

.food_beverages .inrFix {
    width: 70%;
}

@media (max-width:768px) {
    .food_beverages .manUy {
        flex-flow: wrap;
    }
}

.events-tolly a.month-tab {
    background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);
}

.events-tolly a.month-tab:hover,
.events-tolly a.month-tab.active {
    color: #004225;
    background: linear-gradient(to bottom, #d9d9d9 0%, #e9e9e9 100%) !important;
}

.events-tolly .sport-details .sport-details-plate .sport-nav,
.events-tolly .sport-details .sport-details-plate .sport-nav-content,
.events-tolly .sport-details .sport-details-plate .sport-nav,
.events-tolly .sport-details .sport-details-plate .sport-nav-content .section {
    padding-top: 0 !important;
}

.events-tolly .sport-details .sport-details-plate .sport-nav-content {
    margin-top: 0;
}

.events-tolly .banner-inner-content .bread-come {
    border-bottom: none;
}

.events-tolly .events-tolly .custom-table tr th {
    white-space: nowrap;
}

.biodiversity .gallery-thum li .gallery-thum-box:before,
.biodiversity .gallery-thum li .gallery-thum-box:after {
    content: none;
}

.biodiversity .gallery-thum {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.biodiversity .gallery-thum li {
    width: inherit;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.biodiversity .gallery-thum li a {
    border-radius: 8px;
    overflow: hidden;
    display: block;
}

.biodiversity .gallery-thum li p {
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;
    color: #004225;
    font-size: 18px;
    font-weight: 500;
}

.biodiversity .gallery-thum li .gallery-thum-box {
    margin-bottom: 0 !important;
}

@media (max-width: 1499px) {
    .biodiversity .gallery-thum {
        gap: 15px;
    }

    .biodiversity .gallery-thum li .gallery-thum-box {
        margin-bottom: 25px;
    }
}

@media (max-width: 1199px) {
    .biodiversity .gallery-thum {
        grid-template-columns: repeat(3, 1fr);
    }

    .biodiversity .gallery-thum li p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .biodiversity .gallery-thum {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .biodiversity .gallery-thum {
        gap: 15px;
    }
}

.accommodation   .dateSelect .form-control {
    text-transform: lowercase !important;
  }

 .accommodation  .sport-nav ul li a:focus {
    outline: none !important;
  }


 .accommodation  .sport-nav ul li a.active {
    color: #004225;
    background: linear-gradient(to bottom, #d9d9d9 0%, #e9e9e9 100%) !important;
    /* font-weight: 600; */
  }


  @media (max-width: 767px) {
   .accommodation  .sport-details .sport-details-plate .sport-nav {
      width: 100%;
      position: inherit;
      top: auto;
      transform: none;
      display: block !important;
      margin: 10px 0;
    }

   .accommodation  .sport-details .sport-details-plate {
      flex-direction: column;
    }
  }

 .accommodation  .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background-color: #004225;
    color: #fff;
  }

 .accommodation  .ui-datepicker .ui-datepicker-prev span,
 .accommodation  .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
    background-color: #fff;
    border-radius: 50%;
  }

 .accommodation  .ui-state-highlight,
 .accommodation  .ui-widget-content .ui-state-highlight {
    border: 1px solid #efbe19 !important;
    background: #efbe19 !important;
    color: #004225 !important;
  }

 .accommodation  .ui-state-active,
 .accommodation  .ui-widget-content .ui-state-active {
    border: 1px solid #004225 !important;
    background: #004225 !important;
    color: #fff;
  }

 .accommodation  .ui-state-default,
 .accommodation  .ui-widget-content .ui-state-default {
    text-align: center;
  }

  .hasDatepicker::placeholder {
    color: #004225;
  }


  /* ----------------14/11/2025--------------- */
/* .tbooking{background-color: rgb(240, 240, 240);} */
.tbooking .sport-nav ul{display: flex;flex-direction: column;}
.tbooking .sport-nav ul li {font-weight: 600;background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%);}
/* .tbooking .sport-nav ul li a{font-weight: 600;color: #003815;display: flex;align-items: center;gap: 5px;border: 1px solid #003815;border-radius: 30px;} */
/* .tbooking .sport-nav ul li {border-radius: 30px;background: linear-gradient(#003815, #002B10);} */
.tbooking .sport-nav ul li:hover a,
.tbooking .sport-nav ul li a.active {
    color: #004225;
    background: linear-gradient(to bottom, #d9d9d9 0%, #e9e9e9 100%) !important;
    /* font-weight: 600; */
}
.tbooking .sport-details .sport-details-plate .sport-nav-content{margin-top: 0 !important;}
.tbooking .booking_for_tab{display: inline-flex;align-items: center;border: 1px solid #003815;list-style: none;padding: 0;border-radius: 6px;overflow: hidden;gap:1px;}
.tbooking .booking_for_tab li button{border: 1px solid transparent;outline: none;height: 50px;width: 120px;transition: 0.4s;background-color: transparent;}
.tbooking .booking_for_tab li button.active,
.tbooking .booking_for_tab li button:hover{background: var(--theme);color: #fff;}
.tbooking .booking_for_tab li button.booked:hover{background: #e0e0e0;color: #000;}
 
.tbooking .sport-nav-content h5{margin: 0;margin-bottom: 15px;}
.tbooking .stay_duration input{width: 100%;height: 56px;border-radius: 10px;border: none;outline: none;background-color: #f5f5f5;padding: 0 15px; color: var(--theme);}
.tbooking .stay_duration input::placeholder{color: var(--theme);}
/* .tbooking .stay_duration .right_input{text-align: right;} */
.tbooking .stay_duration .night{font-size: 16px;color: #222222;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: #fff;box-shadow: rgba(100, 100, 111, 0.619) 0px 7px 29px 0px;border-radius: 6px;height: 50px;line-height: normal;outline: none;border: none;}
 
.tbooking .room_type .box{display: flex;align-items: center;gap: 5px;}
.tbooking .room_type button{height: 40px;width: 40px;border-radius: 50%;border: 1px solid #ebebeb;font-size: 24px;background-color: #f5f5f5;display: flex;justify-content: center;align-items: center;color: #c4c4c4;font-weight: 600;}
 
.tbooking .room_type .box .number_box{border: 1px solid #ebebeb;color: var(--theme);height: 40px;width: 80px;border-radius: 6px;outline: none;display: flex;justify-content: center;align-items: center}
.tbooking .room_type button:hover,
.tbooking .room_type button.active{background: linear-gradient(#003815, #002B10);color: #fff;}
.tbooking button.search_room{border-radius: 6px;width: 100%;font-size: 18px;}
.tbooking .no_booking_found{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.tbooking .available strong{color: #003815;font-weight: 600;font-size: 30px;}
.tbooking .select_room_price{list-style: none;display: flex;gap: 5px;align-items: center;flex-wrap: wrap;padding-left: 0;}
.tbooking .select_room_price li{width: 200px;background-color: #f5f5f5;border-radius: 6px;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 10px 0;}
.tbooking .select_room_price li p{margin-bottom: 0;}
.tbooking .select_room_price li .amount{font-size: 20px;font-weight: 700;color: #111;}
.tbooking .select_room_price li p{font-size: 16px;}
.tbooking button.select_room{border-radius: 6px;width: 100%;font-size: 18px;background: transparent;border: 1px solid #003815;color: #003815;text-transform: capitalize;}
.tbooking button.select_room:hover{background: linear-gradient(#003815, #002B10) !important;color: #fff;border-color: #003815 !important;}
 
 
@media(max-width:767px){
    .tbooking .stay_duration {padding-left: 0 !important;padding-right: 0 !important;}
     .tbooking .stay_duration .col-lg-6{padding-left: 0 !important;padding-right: 0 !important;}
    .tbooking .stay_duration .night_col{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100px !important;}
     .tbooking .stay_duration .night{height: 44px;width: 100%;}
}
@media(max-width:991px){
    .tbooking .select_room_price li{width: 150px;}
}

/* -----------------------17/11/2025---------------- */
.text_12{font-size: 12px;color: #555;}
.bg_light_grey{background-color: #EBEEEC;}
.text_16{font-size: 16px;}
.text_18{font-size: 18px;font-weight: 400;}
.text_black{color: #000 ;}
.billing_summary_ul{display: flex;flex-direction: column;}
.billing_summary_ul li{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #00000030;padding: 10px 0;}
.bg_grey_gradient{background: linear-gradient(#dedede, #fff);}

.booking-nav-content, .room-booking-nav-content{
    margin-top: 0;
    padding-top: 0 !important;
}
.grand_stand_cottage{background-color: #fff;border-radius: 10px 10px 0 0;width: 100%;transition: 0.4s;}
.grand_stand_cottage.show{bottom: 0;z-index: 11;}
body{position: relative;}
body.overlay{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: #00000040;z-index: 10;}
#lastBooking .btn:hover{background: linear-gradient(#003815, #002B10) !important;color: #fff !important;}
.billing_summary_your_details li{border-top: none;}
.text_10{font-size: 10px;}
.blue{color: #007bff;}
.cottage_heading_outer{margin: 0 auto;text-align: center;}
.cottage_heading{background: linear-gradient(#004e2435, #eee);border-radius: 50px;display: inline-block;padding: 10px 20px;margin: 0 auto;}
.cottage_btn .btn-primary{height: 40px;display: flex;justify-content: center;align-items: center;gap: 5px;min-width: inherit;width: inherit !important;font-size: 14px !important;}
.cottage_btn{background: #00000080 ;}
.outline_green{color: #003815;border: 1px solid #003815;}

@media(max-width:991px){
  .text_18{font-size: 16px;}
  .text_16{font-size: 14px;}

  .tbooking .booking_for_tab li button{height: 44px;}
}
@media(max-width:767px){
    .tbooking .sport-details .sport-details-plate .sport-nav{display: block !important;width: 100%;position: inherit;top: inherit;transform: inherit;}
    .tbooking .sport-details-plate{flex-direction: column;}
    .tbooking .sport-nav ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
}
@media(max-width:575px){
    .tbooking .stay_duration input{padding: 0 5px;}
}

.current-date a {
    background-color:#efbe19 !important;
    color: black !important;
 
}
.selected-date a {
    background-color: #004225 !important;
    color: white !important;
}
.range-date a {
    background-color: #e4f5e8 !important;
    color: black !important;
}
/* override jQuery UI highlight if needed */
.ui-datepicker .ui-state-highlight {
    background-color: yellow !important;
    color: black !important;
}
/* Override default jQuery UI highlight so it does not interfere */
.ui-datepicker td.ui-state-highlight a {
    background-color: var(--theme);
    color: var(--theme);
}
 
/* Your existing classes will now take precedence */
.selected-date a {
    background-color: #004225 !important;
    color: white !important;
}
.range-date a {
    background-color: #e4f5e8 !important;
    color: black !important;
}
.current-date a {
    background-color: #efbe19 !important;
    color: black !important;
}
.selected-date.current-date a {
    background-color:  #004225 !important;
    color: white !important;
}/*  room booking calender color */
.current-date a {
    background-color: yellow !important;
    color: black !important;
}
.selected-date a {
    background-color: #004225 !important;
    color: white !important;
}
.range-date a {
    background-color: #e4f5e8 !important;
    color: black !important;
}
/* override jQuery UI highlight if needed */
.ui-datepicker .ui-state-highlight {
    background-color: #efbe19 !important;
    color: #004225 !important;
}

div#viewModal{
    z-index: 10000;
    background: #00000080;
}

/* -------------27/11/2025--------- */
.tbooking .booking_for_tab li button.active .text_12,.tbooking .booking_for_tab li button:hover .text_12{color: #fff;}

.text_12{font-size: 12px;}
.sport_time_slot{display: flex !important;border: none !important; border-bottom: 1px solid #eee !important; gap: 10px !important;flex-wrap: wrap;justify-content: center;}
.sport_time_slot li{flex-basis: 150px;}
.sport_time_slot li button{border: 1px solid #999 !important;width: 100% !important;border-radius: 12px;position: relative;background-color: #fff;}
.sport_time_slot li button i{position: absolute;right: 5px;bottom: 5px;color: #000074;font-size: 14px;}
.sport_time_slot li button.active{border-color: #003815 !important;}
.sport_time_slot li button.active i,.sport_time_slot li button:hover i{color: #fff;}
.sport_time_slot li button.booked{background-color: #e0e0e0 !important;}
.sport_time_slot li button.booked i{color: #000074 !important;}
.sport_time_slot li button.booked.red i{color: red !important;}
.sport_table_booking_status_demo{list-style-type: none;display: flex;align-items: center;gap: 10px;}
.sport_table_booking_status_demo li{border: 1px solid #999;height: 30px;display: flex;justify-content: center;align-items: center;padding: 0 10px;border-radius: 8px;background-color: #fff;font-size: 10px;}
.sport_select_partner{display: flex !important;flex-direction: column !important;gap: 10px !important;}
.sport_select_partner li{width: 100%;}
.sport_select_partner li input[type=radio]{display: none;}
.sport_select_partner li input[type=radio]:checked+label{border-color: #003815;background: #003815;color: #fff;}
.sport_select_partner li label{display: block;height: 36px;background-color: #e7e7e7;border: 1px solid #c9c9c9; text-align: left;width: 100%;display: flex;align-items: center;padding: 0 15px;border-radius: 8px;font-size: 14px;cursor: pointer;}
.sport-details .booking_for_tab.three_tab{gap: 0;}
.sport-details .booking_for_tab.three_tab li{border-right: 1px solid #ddd;}
.sport-details .booking_for_tab.three_tab li:last-of-type{border-right: none;}
/* .border_right_green{border-right: 1px solid #003815;} */

@media(max-width:767px){
    .tbooking .booking_for_tab li button{width: 100px;}
    .sport_time_slot li{flex-basis: 95px;}
    .tbooking .booking_for_tab li button, .tbooking .booking_for_tab li button i{font-size: 12px;}
}

.text_14{font-size: 14px;}
.text_green{color: #003815;}
.text_grey{color: #777;}
.download_notice_btn{border-radius: 6px;text-transform: capitalize;height: 30px;display: flex;justify-content: center;align-items: center;}


/* --------------08/12/2015---------- */
.new_reg .select-display,
.new_reg .form-row .form-control {
    width: 100%;
    height: 40px;
    border-radius: 8px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    outline: none;
    padding: 12px 15px;
    color: #666;
    box-shadow: none;
}
 
.new_reg .hasDatepicker::placeholder {
    text-transform: lowercase !important;
}
 
.new_reg .inner-form {
    margin-left: 1px;
    margin-right: 1px;
}
.new_reg .inner-form .inner-form-ul .form-row textarea{
    line-height: 1.5em !important;
    height: 100px;
}
.bg_green{
    background-color: #003815;
}
.new_reg_discipline{
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
}
.new_reg_discipline .bg_green{
    border-radius: 6px 6px 0 0;
    padding: 5px 2px;
}
.new_reg_discipline form{
    padding: 15px;
}
.new_reg_discipline form .form-row{
    display: grid;
    grid-template-columns: 100px 1fr;
    align-items: center;
    gap: 10px;
}
.nowrap{
    white-space: nowrap;
}
.new_reg_discipline_label{
    white-space: nowrap;
    font-weight: 600;
    display: block;
    display: flex;
    justify-content: space-between;
}
button.AddMoreDiscipline{
    border: 1px dashed #ccc;
    border-radius: 6px;
    background-color: #fff;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 15px;
    padding: 0 10px;
    transition: 0.4s;
}
button.AddMoreDiscipline:hover{
    background-color: #003815;
    color: #fff;
    border-color: #003815;
}

.new_reg .accordion-button:focus {
    box-shadow: none;
}
 
.new_reg .accordion-button.collapsed {
    background-color: #f7fff8;
}
 
.new_reg .accordion-button {
    background-color: beige;
    gap: 10px;
    border-bottom: none;
}
 
.new_reg .accordion-button::after {
    background-color: #ddd;
    border-radius: 50%;
    border: 6px solid #ddd;
    background-size: contain;
    height: 30px;
    width: 30px;
}
 
.new_reg .accordion-button:not(.collapsed)::after {
    background-color: #003815;
    border-color: #003815;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}
 
.new_reg .accordion-button i {
    color: #003815;
    font-size: 20px;
}
 
.new_reg .accordion-body {
    border: 1px solid #ccc;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    border-top: none;
}
 
.new_reg .accordion-item {
    background-color: transparent;
    border: none;
    border-radius: 10px;
}
 
.new_reg .accordion-header {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    border: 1px solid #ccc;
}
 
.new_reg .accordion-collapse.collapse.show {
    background-color: transparent;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}
 
.new_reg .accordion-body .ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.new_reg .accordion_h5{
    background: linear-gradient(90deg, #ffc107, yellow);
    border: 1px solid #ffc107;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
}

.new_reg .choose_your_discipline{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: #f5f5f5;
    border: 1px solid #eee;
    color: #151515;
    padding: 10px 0;
    margin-bottom:7px;
}

@media(max-width:575px) {
    .new_reg .accordion-body {
        padding: 15px;
    }
}

/* -------------- add new from 25/02/2026-------------- */
.header-outer .header-left, 
.header-outer .header-right{flex: none;}

@media(max-width:1199px){
    .header-outer .header-left, 
    .header-outer .header-right{flex: none;}
}
/* ----15/12/2025---- */
.nav_15dec_tab .nav-link{background-color: #eee;color: #000;border: none;}
.nav_15dec_tab .nav-link.active{background-color: #fff;color: #333;}
.bg_white{background-color: #fff;}
.bg_ddd{background-color: #ddd;}
.circle_30{width: 30px;height: 30px;border-radius: 50%;}
.nav_15dec_content .tab-pane.active{background-color: #fff;}
.nav_15dec_content_ul{display: flex;flex-direction: column;gap: 15px;}
.nav_15dec_content_ul>li>label{color: #222;font-size: 14px;margin-bottom: 6px;display: block;}
.nav_15dec_content_ul>li>button{outline: none;border: 1px solid #ddd;background-color: #eee;width: 100%;height: 40px;padding: 0 15px;display: flex;align-items: center;border-radius: 6px;font-size: 14px;color: #666;}
.nav_15dec_content_ul>li>button.active{background-color: #fff;}
.nav_15dec_content .marquee{background-color: #eee;color: #444;text-transform: uppercase;padding: 7px;border-bottom: 1px solid #ccc;font-weight: 500;}
.nav_15dec_data_ul{display: flex;flex-direction: column;list-style: none;font-size: 13px;color: #444;gap: 7px;font-weight: 500;}
.nav_15dec_data_ul>li{display: grid; grid-template-columns: 100px 1fr; align-items: start;gap: 10px;}
.nav_15dec_data_ul>li>label{display: flex;justify-content: space-between;}
.swi{width: 24px;height: 24px;border: 1px solid #eee;border-radius: 4px; display: inline-flex;justify-content: center;align-items: center;}
.swi>span{border-radius: 50%;width: 11px;height: 11px;background-color: #fff;box-shadow: #aaa 0px 2px 8px 0px;}
.swi>span.red{background-color: red;}
.sear{margin: 20px 10px;}
.sear input{background-color: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border: 1px solid #ddd;outline: none;color: #666;padding: 7px 10px;width: 100%;border-radius: 4px;display: block;font-size: 14px;}
.sear input::placeholder{color: #666;}
.searchToTop{    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    /* background-color: var(--theme); */
    background: linear-gradient(#003815, #002B10);
    background-size: 36px auto;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100%;
    position: fixed;
    bottom: 85px;
    right: 30px;
    z-index: 9;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    color: #fff;
    font-size: 24px;}
.z10000{z-index: 10000 !important;}
.golfYoutubeVideo{border-radius: 15px;width: 100%;max-width: 400px;height: 230px;}
@media(max-width:767px) {
    .golfYoutubeVideo{height: 180px;}
}

.list-none{
    list-style: none;
}

/* ----------04/03/2026------ */
.facility-left-tab{ top: 153px !important; }
.sport-nav ul{height: calc(100vh - 165px);}
/* .navbar-nav li:hover .dropdown-menu {padding-left: 15px;padding-right: 15px;padding-bottom: 15px;background-color: transparent;} */
.navbar-nav li .dropdown-menu .dropdown-submenu:hover .dropdown-menu{padding: 0;}
.nav-link.dropdown-toggle{color: #fff !important;}
.navbar-nav .nav-link.show{color: var(--yellow) !important;}
.dropdown-menu[data-bs-popper]{margin-top: 0;}
li.nav-item.dropdown:hover a.nav-link.dropdown-toggle{color: var(--yellow) !important;}

@media(max-width:1599px){
    .facility-left-tab{ top: 108px !important; }
    .sport-nav ul{height: calc(100vh - 125px);}
}

@media(max-width:1399px){
    .facility-left-tab{ top: 98px !important; }
}

/* ----------11/03/2026------ */
.login-page .bg-header.sticky,
.dashboard .bg-header.sticky,
.quick-payment .bg-header.sticky,
.change-password .bg-header.sticky{position: sticky;}
body.change-password{background-color: var(--bodyBg);}

/* ----------12/03/2026------ */
.logout-modal-buttons .btn{font-size: 16px !important;font-weight: 500 !important;text-transform: uppercase;border-radius: 8px !important;}
.logoutModal .modal-dialog{max-width: 400px;}
.logout-modal-buttons{border-top: 1px solid #dee2e6 !important;padding: 16px;}
.logoutModal h5{color: var(--blueDipColor);font-weight: 600;font-size: 22px;}
.logoutModal p{font-size: 16px;margin-bottom: 0;}

.room-reservation-notice-div p .blink { animation: blink 1.3s linear infinite; }
@keyframes blink {
  50% { opacity: 0; }
}

/* .login-page .site-main{display: flex;justify-content: center;align-items: center;min-height: calc(100vh - 146px);margin-top: 40px;} */

@media(max-width:1499px) {
    .filter .search-section .form-control{height: 50px;}
    .filter .search-section .box-focus label{top: 13px;}
}

@media(max-width:991px){
    .logoutModal h5{font-size: 18px;}
    .logoutModal p{font-size: 16px;}
}
/* =========================================================================== */
/* ----------13/03/2026------ */
.reciprocal-introduction .select-dropdown{max-height: 200px;overflow: auto;}
.billing-preference-div-wrapper .checkboxLabel input:checked+label:after{top: 5px;}
.home .bg-header{position: fixed;background: transparent;}
.home .bg-header .sidemenu-toggler{background: transparent;}
.home .bg-header.sticky .sidemenu-toggler{background: var(--yellow);}
.home .bg-header.sticky .sidemenu-toggler:hover{background: transparent;}
.home .logo:before{background: transparent;}
.affiliated_search_wrapper {width: 400px;}
.affiliated_search_wrapper input{height: 50px;}
button.swal2-confirm.swal2-styled.btn.btn-primary,
button.swal2-cancel.btn.btn-secondary,
button.swal2-confirm.btn.btn-primary,
button.swal2-cancel.swal2-styled.btn.btn-secondary{height: 44px;min-width: 180px; padding: 16px 20px; font-size: 16px; display: flex !important; justify-content: center; align-items: center; }
.bg-header.sticky .right-nav li a.login-btn svg path{ transition: all 0.4s ease !important; }
.bg-header.sticky .right-nav li a.login-btn:hover svg path{ fill: #fff; }
.data-box .data-table td:nth-child(2){padding-top: 6px;} 

.price { position: relative; }
.price .currency-symbol { position: absolute; left: 20px; bottom: 16px; font-size: 18px; color: var(--theme); pointer-events: none; display: none; z-index: 1; }
.price label.animate-label ~ .currency-symbol { display: block; }
.price label.animate-label ~ input { padding-left: 35px !important; }
.payment-page .price .currency-symbol{bottom: 10px;}
/* .home .swiper-container::before {content: none;} */
.home .bg-header .right-nav li a.login-btn,
.home .bg-header .right-nav li a.payment-btn{background: transparent !important;}
.home .bg-header.sticky .right-nav li a.login-btn,
.home .bg-header.sticky .right-nav li a.payment-btn{background: var(--yellow) !important;}

.home .bg-header.sticky .right-nav li a.login-btn:hover,
.home .bg-header.sticky .right-nav li a.payment-btn:hover{background: transparent !important;}

.home .bg-header.sticky{position: sticky; background: var(--theme);}
.green{color: var(--theme) !important;}
.party_conference .sports-item-list li .sport-image img{width: 150px;}
.map-section iframe{height: 787px;}
.bg-header .right-nav li a.payment-btn{border: 1px solid #fff;display: flex;align-items: center;justify-content: center;}
/* .bg-header .right-nav li:last-of-type::after{content: none !important;} */
.bg-header .right-nav li a.payment-btn span{display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;margin-right: 10px;}
.bg-header .right-nav li a.payment-btn span svg {width: auto;height: 20px;transition: all 0.4s ease;}
.bg-header.sticky .right-nav li a.payment-btn:hover span svg path{fill: var(--white);}
.bg-header.sticky .right-nav li a.payment-btn span svg path{fill: var(--theme);}
.green::placeholder{ color: var(--theme); }
.accommodation .section-description ul li,
.accommodation .section-description p{color: var(--theme);font-size: 26px;line-height: 1.5em;}
.accommodation .section-description ul li:before{width: 20px;height: 20px;margin-top: 8px;}
.accommodation h5{font-size: 28px !important;color: var(--theme) !important;}
.login-page .bg-header,
.quick-payment .bg-header{background-color: var(--theme);}
.login-page .bg-header .logo:before,
.quick-payment .bg-header .logo:before{background-color: var(--theme);}
.accommodation .section-description ul li{margin-bottom: 7px !important;}
.accommodation .section-inner .data-table th{font-size: 26px !important; color: var(--theme) !important;}
.accommodation .section-inner .data-table td{font-size: 26px !important;}
.events-tolly .payment-table-list tr th, 
.events-tolly .payment-table-list tr td{white-space: nowrap;text-align: center;} 
.accommodation .inner-form-ul .labelHead,
.accommodation .inner-form-ul .checkLabel label{font-size: 26px !important;}
.contact-page .committees-list li{align-items: center;color: var(--theme);line-height: 1;margin-bottom: 3px;}
.payment-page button.btn.btn-primary.click-to-pay:active,
.payment-page button.btn.btn-primary.click-to-pay:focus-visible{background: var(--yellow) !important;color: var(--theme) !important;}
.payment-page .click-to-pay:disabled { background: var(--theme) !important; color: var(--theme); cursor: not-allowed; }
#upcoming_events .slick-slide img{height: 300px;width: auto;object-fit: cover;margin: 0 auto;}
.president-list-left .president-icon{width: 60px;height: 60px;}
.reciprocal-introduction .billing-preference-div-wrapper-for-text,
.update_profile .billing-preference-div-wrapper{margin-top: 20px;}
.member-feedback .browse-row p{font-size: 13px;margin-top: 1px;}
/* .sports .section-banner{float: right;width: 50%;padding: 0 0 10px 10px;margin-bottom: 0;} */
.party_conference .sports-item-list li .sport-name{padding: 40px 15px 35px;bottom: -36px;}
.biodiversity .galler-view-page h5{position: relative;left: 16px;line-height: 1.7;margin-bottom: 16px;}
.biodiversity .galler-view-page h5::after{ position: absolute; content: ''; height: 100%; width: 6px; background-color: var(--theme); top: 0; left: -13px; }
.biodiversity .gallery-thum li .gallery-thum-name{margin: 20px 0 15px;}
.biodiversity .gallery-thum-box-bottom{display: flex;justify-content: space-between;align-items: center;gap: 8px;}
.biodiversity .gallery-thum-box-bottom a{text-decoration: none;display: block;}
.billing-preference-div-wrapper{width: 100%;margin-top: 6px;}
.reciprocal-list .custom-table tr th,
.reciprocal-list .custom-table tr td{white-space: nowrap;}
.update_profile .billing-preference-div-wrapper .checkboxLabel label:before,
.apply_membership_card .billing-preference-div-wrapper .checkboxLabel label:before{top: 3px;}
.update_profile .inner-form .box-focus .checkboxLabel label.animate-label,
.apply_membership_card .inner-form .box-focus .checkboxLabel label.animate-label{font-size: 16px !important;line-height: 1.5;}
.tender .payment-table-list th,
.tender .payment-table-list td,
.reciprocal-list .custom-table tr th,
.reciprocal-list .custom-table tr td,
.venu_page .section-description ul li,
.members_directory .member-table tr th,
.members_directory .member-table tr td,
.payment-history .payment-table-list th,
.payment-history .payment-table-list td,
.payment-page .payment-table th,
.payment-page .payment-table td,
.payment-page .payment-table-list th,
.payment-page .payment-table-list td,
.payment-guidelines-page .section-description ul li,
.apply_membership_card .section-description ul li,
.events-tolly .custom-table tr th,
.events-tolly .custom-table tr td,
.Tolly.Fest .custom-table tr th,
.Tolly.Fest .custom-table tr td,
.sports .section-description ul li,
.others_facility .section-description ul li,
.party_conference .section-description ul li,
.proshop .section-description ul li,
.food_beverages .section-description ul li,
.timing-facility .section-description ul li,
.rules-page .section-description ul li,
.policy-page .section-description ul li,
.career-opportunities-page .payment-table-list td,
.career-opportunities-page .payment-table-list th{font-size: 26px !important; color: var(--theme) !important;}
.member-feedback .sport-nav ul li a,
.events-tolly .sport-nav ul li a,
.introduction_tolly .sport-nav ul li a,
.venu_page .sport-nav ul li a,
.party_conference .sport-nav ul li a,
.Tolly.Fest .sport-nav ul li a,
.food_beverages .sport-nav ul li a,
.others_facility .sport-nav ul li a,
.sports .sport-nav ul li a,
.accommodation .sport-nav ul li a{font-size: 26px !important;}
.venu_page .section-description ul li::before,
.payment-guidelines-page .section-description ul li::before,
.apply_membership_card .section-description ul li::before,
.sports .section-description ul li::before,
.others_facility .section-description ul li::before,
.party_conference .section-description ul li::before,
.proshop .section-description ul li::before,
.food_beverages .section-description ul li::before,
.timing-facility .section-description ul li::before,
.rules-page .section-description ul li::before,
.policy-page .section-description ul li:before{width: 20px;height: 20px;margin-top: 11px;}
.party_conference .sports-item-list li .sport-name{bottom: 0;padding: 25px 10px 5px;text-align: center;background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.01) 2%, rgb(0 43 16) 104%);}
.party_conference .sports-item-list li .sport-item-inner .sport-name-text:after{content: none;}
.party_conference .sports-item-list li .sport-image img{margin-bottom: 20px;}
.party_conference .sports-item-list li .sport-item-inner:hover img{transform: none;filter: none;}
.food_beverages .section-inner::after { content: ""; display: block; clear: both; }
.food_beverages .section-inner .section-banner{float: right;width: 50%;padding: 0 0 10px 10px;margin-bottom: 0;}
.table.green th, .table.green td,
.payment-table-list.green th, .payment-table-list.green td,
.modal.green .modal-title, .modal.green .modal-body,
.modal#viewModal .modal-title, .modal#viewModal .modal-body { color: var(--theme) !important; }
.two-columns-facility { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
/* .sports .two-columns-facility{gap: 40px;} */
.sports .section-inner p{margin-bottom: 10px;margin-top: 0;}
.sports .section-inner h5{margin: 10px 0;margin-top: 20px;}
.sports .section-inner ul{margin: 10px 0 30px;}
.sports .section-inner p a{transition: all 0.4s ease;display: inline-block;font-weight: 500;}
.sports .section-inner p a:hover{color: var(--yellow);}
.party_conference .select-display{height: 62px;}
.sports .title h4:first-of-type{margin-top: 0 !important;}
.box-focus label.animate-label{top: -6px !important;}
table th{font-weight: 700 !important;}
#ui-datepicker-div{ z-index: 4 !important; }

.custom-select-label{z-index: 4 !important;}
.box-focus label { position: absolute; font-weight: normal; font-size: 16px; color: var(--theme); left: 20px; font-family: var(--robotoFont); top: 20px; background: #fff; pointer-events: none; transition: all 0.3s ease; z-index: 2;line-height: normal; }
.select-wrapper { position: relative; width: 100%; }
.select-display { background-image: url(../images/arrow-down.svg); background-repeat: no-repeat; background-position: right 20px center; background-size: 16px; padding-right: 50px; background-color: #fff; cursor: pointer; position: relative; box-shadow: 0px 4px 12px 0px #00000012; font-family: var(--robotoFont); font-weight: normal; font-size: 16px; line-height: 1; padding: 22px 20px; width: 100%; border: solid 1px #d9d9d9; color: var(--theme); text-align: left; border-radius: 6px; min-height: 50px; display: flex; align-items: center; }

.login-page .tab-pane .form-row .form-control:-webkit-autofill,
.login-page .tab-pane .form-row .form-control:-webkit-autofill:hover,
.login-page .tab-pane .form-row .form-control:-webkit-autofill:focus,
.login-page .tab-pane .form-row select:-webkit-autofill,
.login-page .tab-pane .form-row select:-webkit-autofill:hover,
.login-page .tab-pane .form-row select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--theme) !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
    transition: background-color 5000s ease-in-out 0s;
}
/* .section-description ul li{text-align: justify;}
.apply_membership_card .checkboxLabel{margin-right: 0;margin-left: 40px;font-size: 16px;line-height: normal;}
.apply_membership_card .box-focus label.animate-label {top: -2px !important;left: -30px;} */
.checkbox-group { display: flex; gap: 8px; flex-wrap: wrap; }
.custom-checkbox { display: flex; align-items: center; cursor: pointer; user-select: none; font-size: 16px !important; }
.custom-checkbox input { display: none; }
.checkmark { width: 16px; height: 16px; background-color: #fff; border: 1px solid var(--theme); border-radius: 2px; margin-right: 10px; position: relative; transition: background-color 0.2s, border-color 0.2s; }
.custom-checkbox input:checked+.checkmark { background-color: var(--theme); }
.custom-checkbox input:checked+.checkmark::after { position: absolute; content: ''; height: 10px; width: 5px; border: solid white; border-width: 0 2px 2px 0; top: 1px; left: 5px; border-radius: 2px; transform: rotate(45deg); }
.inherit { position: inherit !important; }
.mhn{max-height: none !important;}

table td,
table th, 
table .header-cell {
    border: 1px solid rgb(198, 211, 231) !important;
    /* padding: 12px !important;
    vertical-align: middle !important;
    text-align: left !important;
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit; */
}
.affiliated table td,
.affiliated table th, 
.affiliated table .header-cell{border: none !important;}
.section-description table{display: table !important;}
.section-description ul{overflow: inherit !important;}
.inner-form .inner-form-ul .form-row textarea.textarea-height{height: 190px;}
.file-download.four-column-grid{display: grid;grid-template-columns: repeat(4, 1fr);}
.file-download.four-column-grid li{width: 100%;aspect-ratio: 9/12;}
.file-download.four-column-grid .pdf-wrap{height: 100%;display: flex;flex-direction: column;}
.file-download.four-column-grid .pdf-img{height: 100%;}
.file-download.four-column-grid .pdf-img img{height: 100%;width: 100%;object-fit: cover;}
.file-download.four-column-grid .pdf-content{height: 185px;}

.accommodation .bg-header{background: linear-gradient(180deg, #002B10 0%, rgba(0, 43, 16, 0) 100%);}
.accommodation .logo:before{content: none;}
.accommodation .bg-header.sticky{background: var(--theme) !important;}
.accommodation .right-nav li a.payment-btn{background: transparent;}
.accommodation .sidemenu-toggler{background: transparent;}
.accommodation .right-nav li a.payment-btn:hover{background: transparent !important;}

.radius_6{border-radius: 6px !important;}
/* .form-row.box-focus.disabled { filter: grayscale(1); opacity: 50%; cursor: not-allowed; } */
/* .form-row.box-focus.disabled label{background: transparent;} */
.form-control:disabled{background-color: #f6f6f6 !important;}
.form-row.box-focus:has(.form-control:disabled) label { background-color: transparent; }
.form-control[readonly]{background-color: #f6f6f6 !important;pointer-events: none;}

.custom-table tbody tr:nth-child(even) { background-color: #fffdf3; }
.custom-table tbody tr:nth-child(even) td { background: transparent; }
.invoice-download-link{display: inline-flex;gap: 10px;align-items: center;margin-left: 8px;color: var(--theme);transition: all 0.2s ease-in-out;}
.invoice-download-link:hover{color: var(--yellow);}

.hover_yellow{transition: all 0.2s ease-in-out;}
.hover_yellow:hover{color: var(--yellow) !important;}

@media (max-width: 2000px) {
   .accommodation .section-description ul li,
   .accommodation .section-description p{ font-size: 24px;}
   .accommodation .section-description ul li:before{margin-top: 7px;}
   .accommodation .section-inner .data-table th,
   .accommodation .section-inner .data-table td{font-size: 24px !important;}
   .accommodation .inner-form-ul .labelHead,
   .accommodation .inner-form-ul .checkLabel label{font-size: 24px !important;}
   .accommodation .inner-form-ul .checkLabel label::before{top: 2px !important;}
   .accommodation .inner-form-ul .checkLabel label::after{top: 5px !important;}
   .member-feedback .sport-nav ul li a,
   .events-tolly .sport-nav ul li a,
   .introduction_tolly .sport-nav ul li a,
   .Tolly.Fest .sport-nav ul li a,
   .food_beverages .sport-nav ul li a,
   .others_facility .sport-nav ul li a,
   .venu_page .sport-nav ul li a,
   .party_conference .sport-nav ul li a,
   .sports .sport-nav ul li a,
   .accommodation .sport-nav ul li a,
   .tender .payment-table-list th,
   .tender .payment-table-list td,
   .reciprocal-list .custom-table tr th,
   .reciprocal-list .custom-table tr td,
   .venu_page .section-description ul li,
   .members_directory .member-table tr th,
   .members_directory .member-table tr td,
   .payment-history .payment-table-list th,
   .payment-history .payment-table-list td,
   .payment-page .payment-table th,
   .payment-page .payment-table td,
   .payment-page .payment-table-list th,
   .payment-page .payment-table-list td,
   .payment-guidelines-page .section-description ul li,
   .apply_membership_card .section-description ul li,
   .events-tolly .custom-table tr th,
   .events-tolly .custom-table tr td,
   .Tolly.Fest .custom-table tr th,
   .Tolly.Fest .custom-table tr td,
   .sports .section-description ul li,
   .others_facility .section-description ul li,
   .party_conference .section-description ul li,
   .proshop .section-description ul li,
   .food_beverages .section-description ul li,
   .timing-facility .section-description ul li,
   .rules-page .section-description ul li,
   .policy-page .section-description ul li,
   .career-opportunities-page .payment-table-list td,
   .career-opportunities-page .payment-table-list th{font-size: 24px !important;}
   .venu_page .section-description ul li::before,
   .payment-guidelines-page .section-description ul li::before,
   .apply_membership_card .section-description ul li::before,
   .sports .section-description ul li::before,
   .others_facility .section-description ul li::before,
   .party_conference .section-description ul li::before,
   .proshop .section-description ul li::before,
   .food_beverages .section-description ul li::before,
   .timing-facility .section-description ul li::before,
   .rules-page .section-description ul li::before,
   .policy-page .section-description ul li:before{margin-top: 10px;}
}

@media(max-width:1850px){
    .box-focus label.animate-label { font-size: 13px; top: -8px !important; transition: all 0.3s ease; }
}

@media(max-width:1699px){
    .accommodation .section-description ul li,
   .accommodation .section-description p{ font-size: 16px;}
   .accommodation .section-description ul li:before{width: 16px;height: 16px;margin-top: 1px;}
   .accommodation h5{font-size: 18px !important;}
   .accommodation .section-inner .data-table th,
   .accommodation .section-inner .data-table td{font-size: 16px !important;}
   .accommodation .inner-form-ul .labelHead,
   .accommodation .inner-form-ul .checkLabel label{font-size: 16px !important;}
   .accommodation .inner-form-ul .checkLabel label::before{top: 0px !important;}
   .billing-preference-div-wrapper{margin-top: 17px;}
   .accommodation .inner-form-ul .checkLabel label::after{top: 3px !important;}
   .data-box .data-table td:nth-child(2){padding-top: 6px;}
   .member-feedback .sport-nav ul li a,
   .events-tolly .sport-nav ul li a,
   .introduction_tolly .sport-nav ul li a,
   .Tolly.Fest .sport-nav ul li a,
   .food_beverages .sport-nav ul li a,
   .others_facility .sport-nav ul li a,
   .venu_page .sport-nav ul li a,
   .party_conference .sport-nav ul li a,
   .sports .sport-nav ul li a,
   .accommodation .sport-nav ul li a,
   .tender .payment-table-list th,
   .tender .payment-table-list td,
   .reciprocal-list .custom-table tr th,
   .reciprocal-list .custom-table tr td,
   .venu_page .section-description ul li,
   .members_directory .member-table tr th,
   .members_directory .member-table tr td,
   .payment-history .payment-table-list th,
   .payment-history .payment-table-list td,
   .payment-page .payment-table th,
   .payment-page .payment-table td,
   .payment-page .payment-table-list th,
   .payment-page .payment-table-list td,
   .payment-guidelines-page .section-description ul li,
   .apply_membership_card .section-description ul li,
   .events-tolly .custom-table tr th,
   .events-tolly .custom-table tr td,
   .Tolly.Fest .custom-table tr th,
   .Tolly.Fest .custom-table tr td, 
   .sports .section-description ul li,
   .others_facility .section-description ul li,
   .party_conference .section-description ul li,
   .proshop .section-description ul li,
   .food_beverages .section-description ul li,
   .timing-facility .section-description ul li,
   .rules-page .section-description ul li,
   .policy-page .section-description ul li,
   .career-opportunities-page .payment-table-list td,
   .career-opportunities-page .payment-table-list th{font-size: 16px !important;}
   .venu_page .section-description ul li::before,
   .payment-guidelines-page .section-description ul li::before,
   .apply_membership_card .section-description ul li::before,
   .sports .section-description ul li::before,
   .others_facility .section-description ul li::before,
   .party_conference .section-description ul li::before,
   .proshop .section-description ul li::before,
   .food_beverages .section-description ul li::before,
   .timing-facility .section-description ul li::before,
   .rules-page .section-description ul li::before,
   .policy-page .section-description ul li:before{width: 16px;height: 16px;margin-top: 3px;}
   .inner-form .inner-form-ul .form-row textarea.textarea-height{height: 175px;}
}

@media(max-width:1599px){
    .right-nav li a.login-btn{height: 41px;}
}

@media(max-width:1499px){
    .price .currency-symbol {bottom: 12px;font-size: 16px;}
    .payment-page .price .currency-symbol{bottom: 11px;}
    .sport-details .sport-details-plate .sport-nav-content { padding-top: 0; }
    .apply_membership_card .inner-form .box-focus label.animate-label{line-height: normal;}
    .reciprocal-introduction .billing-preference-div-wrapper-for-text,
    .billing-preference-div-wrapper,
    .update_profile .billing-preference-div-wrapper{margin-top: 11px;}
    .president-list-left .president-icon{width: 50px;height: 50px;}
    .member-feedback .inner-form .form-row .form-control{padding: 20px 20px;height: 50px;}
    .box-focus label.animate-label{top: -6px !important;}

    .select-display { font-size: 14px; padding: 0px 20px; background-size: 14px; height: 50px; }
    .party_conference .select-display{ height: 50px !important; }
    .payment-page .price .currency-symbol { bottom: 12px; }
    .inner-form .inner-form-ul .form-row textarea.textarea-height{height: 162px;}
    .map-section iframe{height: 600px;}
    .file-download.four-column-grid{gap: 20px;}
    .file-download.four-column-grid li .pdf-content h5{font-size: 16px;}
}

@media(max-width:1399px){
    .map-section iframe{height: 500px;}
    .sport-details .sport-details-plate .sport-nav-content { margin-top: 0; }
    .update_profile .billing-preference-div-wrapper .checkboxLabel label:before, 
    .apply_membership_card .billing-preference-div-wrapper .checkboxLabel label:before{margin-top: 1px;}
}

@media (min-width: 1350px) and (max-width: 1365px){
    .data-box .data-table td:nth-child(2){padding-top: 5px;} 
}

@media (min-width: 1350px) and (max-width: 1299px){
    .party_conference .sports-item-list li .sport-name{padding: 25px 15px 25px;}
}

@media (max-width: 1199px){
    .home .bg-header{height: 80px;}
    .home .right-nav li a.login-btn{line-height: 1;height: 32px;}
    .map-section iframe{height: 400px;}
    .map-section .pointer{top: 31%;}
    .footer-form .form-row.my-div{width: 100%;}
    .accommodation .page-title,
    .contact-page .page-title{margin-top: 25px;}
    .billing-preference-div-wrapper{margin-top: 12px;}
    .right-nav li a.login-btn{height: 32px;}
    .box-focus label.animate-label{top: -6px !important;}
    /* .file-download.four-column-grid{grid-template-columns: repeat(3, 1fr);} */
    .file-download.four-column-grid li{aspect-ratio: inherit;}
    .file-download.four-column-grid .pdf-content{height: inherit;}
}

@media(max-width:991px){
    .affiliated-clubs-tab .nav-tabs .nav-link{font-size: 16px;padding: 15px 30px;}
    .affiliated_search_wrapper input{height: 44px;}
    .map-section .pointer{top: 26%;}
    .map-section iframe{height: 300px;}
    .gallery-thum{margin-bottom: 40px;}
    .committees-list li:before{width: 16px;height: 16px;}
    .committees-list li:before{margin-top: 2px;}
    .sports .section-inner ul{margin: 10px 0 15px;}
    .file-download.four-column-grid{grid-template-columns: repeat(3, 1fr);}
}

@media(max-width:767px){
    .biodiversity .gallery-thum-box-bottom{font-size: 12px;}
    .biodiversity .gallery-thum-box-bottom small{height: 12px;}
    #calendar .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{flex-wrap: wrap;justify-content: center;gap: 5px;}
    .sport-details .sport-details-plate{flex-direction: column;}
    .sport-details .sport-details-plate .sport-nav{display:none !important;transform: none;position: static;width: 100%;margin-bottom: 15px;}
    .party_conference .sport-details .sport-details-plate .sport-nav,
    .accommodation .sport-details .sport-details-plate .sport-nav{display: block !important;}
    .sport-nav ul{height: auto;}
    .sport-nav ul li a{padding: 7px 12px;}
    .sport-details{padding-top: 15px;}
    .home .bg-header{height: 60px;}
    .tab-content .tab-inner .accordion-item .data-row{padding-top: 0;}
    .club-information-tab{padding-top: 16px;}
    .accommodation .sport-details .sport-details-plate .sport-nav{top: 0 !important;margin-top: 0;padding-top: 0 !important;}
    .accommodation .sport-nav ul{height: auto;}
    .bg-header .right-nav li a.payment-btn span{display: flex;}
    .cms-page{padding: 25px 0;}
    .gallery-thum li .gallery-thum-box{margin-bottom: 16px;}
    .gallery-thum{gap: 20px;} .gallery-thum li { width: calc(50% - 10px); }
    .right-nav li a.login-btn:hover{border: 1px solid var(--yellow) !important;background-color: var(--theme) !important;}
    .bg-header.sticky .right-nav li a.login-btn:hover, 
    .bg-header.sticky .right-nav li a.login-btn:active,
    .bg-header.sticky .right-nav li a.payment-btn:hover{border: 1px solid #fff !important;}
    .bg-header.sticky .right-nav li a.payment-btn:hover svg path{fill: #fff;}
    .accommodation .section-description ul li,
   .accommodation .section-description p{ font-size: 14px;}
   .accommodation .section-description ul li:before{margin-top: 0;}
   .accommodation h5{font-size: 16px !important;}
   .accommodation .section-inner .data-table th,
   .accommodation .section-inner .data-table td{font-size: 14px !important;}
   .accommodation .inner-form-ul .labelHead,
   .accommodation .inner-form-ul .checkLabel label{font-size: 14px !important;}
   .data-box .data-table td:nth-child(2){padding-top: 5px;}
   .member-feedback .sport-nav ul li a,
   .events-tolly .sport-nav ul li a,
   .introduction_tolly .sport-nav ul li a,
   .Tolly.Fest .sport-nav ul li a,
   .food_beverages .sport-nav ul li a,
   .others_facility .sport-nav ul li a,
   .venu_page .sport-nav ul li a,
   .party_conference .sport-nav ul li a,
   .sports .sport-nav ul li a,
   .accommodation .sport-nav ul li a,
   .tender .payment-table-list th,
   .tender .payment-table-list td,
   .reciprocal-list .custom-table tr th,
   .reciprocal-list .custom-table tr td,
   .venu_page .section-description ul li,
   .members_directory .member-table tr th,
   .members_directory .member-table tr td,
   .payment-history .payment-table-list th,
   .payment-history .payment-table-list td,
   .payment-page .payment-table th,
   .payment-page .payment-table td,
   .payment-page .payment-table-list th,
   .payment-page .payment-table-list td,
   .payment-guidelines-page .section-description ul li,
   .apply_membership_card .section-description ul li,
   .events-tolly .custom-table tr th,
   .events-tolly .custom-table tr td, 
   .Tolly.Fest .custom-table tr th,
   .Tolly.Fest .custom-table tr td,
   .sports .section-description ul li,
   .others_facility .section-description ul li,
   .party_conference .section-description ul li,
   .proshop .section-description ul li,
   .food_beverages .section-description ul li,
   .timing-facility .section-description ul li,
   .rules-page .section-description ul li,
   .policy-page .section-description ul li,
   .career-opportunities-page .payment-table-list td,
   .career-opportunities-page .payment-table-list th{font-size: 14px !important;}
   .venu_page .section-description ul li::before,
   .payment-guidelines-page .section-description ul li::before,
   .apply_membership_card .section-description ul li::before,
   .sports .section-description ul li::before,
   .others_facility .section-description ul li::before,
   .party_conference .section-description ul li::before,
   .proshop .section-description ul li::before,
   .food_beverages .section-description ul li::before,
   .timing-facility .section-description ul li::before,
   .rules-page .section-description ul li::before,
   .policy-page .section-description ul li:before{width: 14px;height: 14px;margin-top: 1px;}
   .two-columns-facility{gap: 20px;}
   /* .sports .two-columns-facility{gap: 20px;} */
   .Tolly.Fest .sport-details .sport-details-plate .sport-nav {display: block !important;}
   .file-download.four-column-grid {gap: 10px;}
   .file-download.four-column-grid{grid-template-columns: repeat(2, 1fr);}
   .quick-payment .custom-radio,
   .payment-page .custom-radio,
   .member-feedback .custom-radio,
   .accommodation .custom-radio{font-size: 14px;line-height: normal;}
}

@media(max-width:575px){
    .cms-page h1{margin-bottom: 16px;}
    .cms-page p{margin-bottom: 16px;}
    .forget-password a { font-size: 15px; }
    .terms-conditions-wrapper label{font-size: 15px;}
    .home .bg-header{background: var(--theme);position: sticky;}
    .home .swiper-container::before{content: none;}
    .two-columns-facility { grid-template-columns: repeat(1, 1fr); }
    .sports .section-inner ul{margin: 10px 0;}
    .two-columns-facility .section-banner{margin-bottom: 10px;}
}

@media(max-width:525px){
    /* .sports .section-banner{float: none;width: 100%;padding: 0;margin-bottom: 15px;} */
    #upcoming_events .slick-slide img{height: 200px;}
    .gallery .bg-header.sticky{position: sticky;}
    .food_beverages .section-inner .section-banner { float: none; width: 100%; padding: 0; margin-bottom: 15px; }
    .sports .two-columns-facility{gap: 0px;}
    .sports .two-columns-facility .section-banner{order: -1;}
}
@media (max-width: 479px) {
    .file-download.four-column-grid li{margin-bottom: 0;}
}
@media(max-width:480px){
    .affiliated_search_wrapper {width: 100%;}
    .footer-form .form-row.my-div{position: relative;height: 63px;}
    .footer-form .form-row.my-div .g-recaptcha { position: absolute; top: 50%; left: 0%; transform: translate(-10%, -48%) scale(0.8); }
    .committees-list li:before{margin-top: 0;}
    .dashboard-page .profile-contain p{text-align: center;}
}




@media (min-width: 1300px) and (max-width: 3840px) {

   .accommodation .section-description ul li,
   .accommodation .section-description p{ font-size: 16px;}
   .accommodation .section-description ul li:before{width: 16px;height: 16px;margin-top: 1px;}
   .accommodation h5{font-size: 18px !important;}
   .accommodation .section-inner .data-table th,
   .accommodation .section-inner .data-table td{font-size: 16px !important;}
   .accommodation .inner-form-ul .labelHead,
   .accommodation .inner-form-ul .checkLabel label{font-size: 16px !important;}
   .accommodation .inner-form-ul .checkLabel label::before{top: 0px !important;}
   .billing-preference-div-wrapper{margin-top: 17px;}
   .accommodation .inner-form-ul .checkLabel label::after{top: 3px !important;}
   .data-box .data-table td:nth-child(2){padding-top: 5px;}
   .member-feedback .sport-nav ul li a,
   .events-tolly .sport-nav ul li a,
   .introduction_tolly .sport-nav ul li a,
   .Tolly.Fest .sport-nav ul li a,
   .food_beverages .sport-nav ul li a,
   .others_facility .sport-nav ul li a,
   .venu_page .sport-nav ul li a,
   .party_conference .sport-nav ul li a,
   .sports .sport-nav ul li a,
   .accommodation .sport-nav ul li a,
   .tender .payment-table-list th,
   .tender .payment-table-list td,
   .reciprocal-list .custom-table tr th,
   .reciprocal-list .custom-table tr td,
   .venu_page .section-description ul li,
   .members_directory .member-table tr th,
   .members_directory .member-table tr td,
   .payment-history .payment-table-list th,
   .payment-history .payment-table-list td,
   .payment-page .payment-table th,
   .payment-page .payment-table td,
   .payment-page .payment-table-list th,
   .payment-page .payment-table-list td,
   .payment-guidelines-page .section-description ul li,
   .apply_membership_card .section-description ul li,
   .events-tolly .custom-table tr th,
   .events-tolly .custom-table tr td,
   .Tolly.Fest .custom-table tr th,
   .Tolly.Fest .custom-table tr td, 
   .sports .section-description ul li,
   .others_facility .section-description ul li,
   .party_conference .section-description ul li,
   .proshop .section-description ul li,
   .food_beverages .section-description ul li,
   .timing-facility .section-description ul li,
   .rules-page .section-description ul li,
   .policy-page .section-description ul li,
   .career-opportunities-page .payment-table-list td,
   .career-opportunities-page .payment-table-list th{font-size: 16px !important;}
   .venu_page .section-description ul li::before,
   .payment-guidelines-page .section-description ul li::before,
   .apply_membership_card .section-description ul li::before,
   .sports .section-description ul li::before,
   .others_facility .section-description ul li::before,
   .party_conference .section-description ul li::before,
   .proshop .section-description ul li::before,
   .food_beverages .section-description ul li::before,
   .timing-facility .section-description ul li::before,
   .rules-page .section-description ul li::before,
   .policy-page .section-description ul li:before{width: 16px;height: 16px;margin-top: 3px;}
   .inner-form .inner-form-ul .form-row textarea.textarea-height{height: 175px;}

   /* ============================================================= */
   .property-details li .value,
   .profile-contain .btn-group li a,
   .features-list li .feature-name,
   .property-details li .property,
   .dashboard-page .title p,
    .footer-bottom-inner ul li a,
    .footer-logo-area .location,
    .calender-inner .calender-left .calender-month,
    .footer-right ul li a,
    .calender-inner .calender-right h6,
    .facility-list li .facility-content p,
    .btn-primary,
    p,
    .right-nav li a,
    .navbar-nav li>a,
    .affiliations a {font-size: 16px !important;}
    .calender-inner .calender-right .calender-time,
    .tab-pane .form-row .form-control, 
    .tab-pane .form-row select,
    .calender-inner .calender-right .calender-info{font-size: 14px !important;}
    .bg-header{height: 90px !important;}
    .logo { max-width: 120px; padding: 5px; margin-top: 0px; top: 15px; }

    .home .logo { bottom: unset; background: transparent; }
    .bg-header.sticky .logo { max-width: 88px; top: 0px; }
    .page-title { margin-top: 50px; margin-bottom: 50px; }
    .club-tour-list li .tour-content p { margin-bottom: 50px; }
    .our-facility { padding-top: 60px; }
    .main-title { margin-bottom: 40px; }
    .facility-list li { padding: 0 30px; margin-bottom: 40px; }
    .event-slider-outer { padding: 40px 40px 100px; }
    .calender-inner .calender-left .calender-month{padding: 5px;}
    .calender-inner .calender-day{font-size: 40px;}
    .event-calender { margin: 0 -25px; }
    .event-calender li { padding: 0 25px; margin-bottom: 30px; }
    .footer-logo-area .location{line-height: 1.2;}
    .logo:before{height: 30px;bottom: 0;} .login-wrapper { margin-top: 60px; }
    .login-show-box { padding: 20px; }
    .member-login-box { max-width: 472px; }
    .padlock-icon { width: 40px; height: 40px; padding: 10px; margin-bottom: 3px; }
    .login-show-box h3 { font-size: 20px; }
    #loginTab .nav-link { font-size: 14px; padding: 8px 16px; height: 40px; }
    #loginTab { margin-bottom: 20px; margin-top: 20px; gap: 10px; }
    .tab-pane .form-row { margin-top: 15px; }
    #loginTab .nav-link svg { height: 20px; width: 20px; }
        .gallery-thum li .gallery-thum-name {
        padding: 0 16px;
        font-size: 20px;
    }
        .property-details li {
        padding: 10px 0;
    }
        .dashboard-plate {
        padding: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .dashboard-page .profile-left .profile-image {
        width: 100px;
        height: 100px;
    }
    .profile-contain .btn-group li:after{top: 50%;transform: translateY(-50%);}

    
}