*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

h1, h2,h3,p {

    margin: revert;

    padding: revert;

}

html{

    scroll-behavior:smooth;

}



body{

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

    background:#f5f6fa;

    color:#14213d;

    overflow-x:hidden;

}



.club_banner_content h1{margin:0px;}



.club_full_width{

    width:90%;

    max-width:none;

    margin:0 auto;

}



.club_feature_row{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:40px;

    align-items:center;

    margin:60px 0;

}



.club_feature_row.club_reverse{

    grid-template-columns:1fr 420px;

}



.club_feature_row.club_reverse .club_feature_image{

    order:2;

}



.club_feature_row.club_reverse .club_feature_content{

    order:1;

}



.club_feature_image img{

    width:100%;

    border-radius:18px;

    display:block;

}



.club_feature_content h3{

    margin-bottom:15px;

}



@media(max-width:991px){



    .club_feature_row,

    .club_feature_row.club_reverse{



        grid-template-columns:1fr;

    }



    .club_feature_row.club_reverse .club_feature_image,

    .club_feature_row.club_reverse .club_feature_content{



        order:initial;

    }

}



.club_feature_card{



    display:grid;



    grid-template-columns:280px 1fr;



    gap:30px;



    align-items:center;



    background:#fff;



    border-radius:18px;



    padding:24px;



    margin-bottom:30px;



    box-shadow:

        0 4px 12px rgba(0,0,0,0.08);



    transition:

        transform .35s ease,

        box-shadow .35s ease;

}



.club_feature_card:hover{



    transform:translateY(-4px);



    box-shadow:

        0 12px 30px rgba(0,0,0,0.14);

}



.club_feature_image{



    overflow:hidden;



    border-radius:14px;

}



.club_feature_image img{



    width:100%;



    height:220px;



    object-fit:cover;



    display:block;



    transition:transform .5s ease;

}



.club_feature_card:hover .club_feature_image img{



    transform:scale(1.05);

}



.club_feature_content h3{



    font-family:'Cormorant Garamond', serif;



    font-size:42px;



    color:#14284a;



    margin-bottom:15px;

}



.club_feature_content p{



    color:#555;



    line-height:1.9;



    font-size:16px;

}



@media(max-width:991px){



    .club_feature_card{



        grid-template-columns:1fr;



        gap:20px;



        padding:18px;

    }



    .club_feature_image img{



        height:220px;

    }



    .club_feature_content h3{



        font-size:34px;

    }

}



.club_feature_card{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:40px;

    align-items:center;

    background:#fff;

    border-radius:18px;

    padding:30px;

    margin-bottom:40px;

}



.club_feature_card.club_reverse{

    grid-template-columns:1fr 420px;

}



.club_feature_card.club_reverse .club_feature_image{

    order:2;

}



.club_feature_card.club_reverse .club_feature_content{

    order:1;

}



.club_feature_content{

    text-align:left;

}



.club_feature_content h3{

    font-size:38px;

    line-height:1.2;

    margin-bottom:18px;

}



.club_feature_content p{

    font-size:17px;

    line-height:1.9;

    margin-bottom:12px;

}



.club_feature_card{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:40px;

    align-items:center;

    background:#fff;

    border-radius:18px;

    padding:30px;

    margin-bottom:40px;

}



.club_feature_card.club_reverse{

    grid-template-columns:1fr 420px;

}



.club_feature_card.club_reverse .club_feature_image{

    order:2;

}



.club_feature_card.club_reverse .club_feature_content{

    order:1;

}



.club_feature_content{

    text-align:left;

}



.club_feature_content h3{

    font-size:38px;

    line-height:1.2;

    margin-bottom:18px;

}



.club_feature_content p{

    font-size:17px;

    line-height:1.9;

    margin-bottom:12px;

}



.history-section{

    margin:60px 0;

}



.history-content{

    width:100%;

}



.history-content h3{

    font-size:42px;

    color:#14284a;

    margin-bottom:20px;

    font-family:'Cormorant Garamond', serif;

}



.history-content p{

    font-size:17px;

    line-height:1.9;

    color:#555;

    margin-bottom:15px;

}



.history-image{

    margin-top:30px;

}



.history-image img{

    width:100%;

    max-width:900px;

    display:block;

}



.history_subtitle{

    margin-bottom:30px;

}



.history_gallery{

    display:flex;

    justify-content:center;

    margin-top:35px;

}



.history_gallery .club_gallery_big{

    max-width:900px;

    width:100%;

}



.history_gallery img{

    width:100%;

    display:block;

}



.history_gallery .club_gallery_big{

    max-width:750px;

    width:100%;

}



.history_gallery{

    display:flex;

    justify-content:center;

    margin-top:35px;

}



.history_gallery .club_gallery_big{

    width:auto;

    max-width:750px;

}



.history_gallery .club_gallery_big img{

    width:100%;

    height:auto;

    display:block;

}













/* ===================================

BANNER

=================================== */



.club_banner{



    position:relative;



    width:100%;

    height:420px;



    overflow:hidden;



    margin-top:0;

}



.club_banner img{



    width:100%;

    height:100%;



    object-fit:cover;



    filter:

        brightness(1.08)

        contrast(1.02)

        saturate(1.04);



    animation:bannerZoom 18s ease-in-out infinite alternate;

}



@keyframes bannerZoom{



    from{

        transform:scale(1);

    }



    to{

        transform:scale(1.08);

    }

}



.club_banner_overlay{



    position:absolute;



    inset:0;



    background:linear-gradient(

        90deg,

        rgba(34,48,72,0.62) 0%,

        rgba(34,48,72,0.34) 38%,

        rgba(34,48,72,0.08) 100%

    );

}



.club_banner_content{



    position:absolute;



    left:80px;

    bottom:70px;



    z-index:5;



    color:#fff;

}



.club_banner_content span{



    display:block;



    margin-bottom:15px;



    letter-spacing:5px;



    text-transform:uppercase;



    font-size:12px;

}



.club_banner_content h1{



    font-family:'Cormorant Garamond',serif;



    font-size:72px;



    font-weight:500;

}



/* ===================================

LAYOUT

=================================== */



.club_layout{



    display:flex;



    width:100%;

}



/* ===================================

LEFT NAVIGATION

=================================== */



.club_side_nav{



    width:340px;



    min-width:340px;



    background:#ffffff;



    border-right:1px solid rgba(0,0,0,0.06);



    height:100vh;



    position:sticky;



    top:0;



    overflow-y:auto;



    padding:35px 22px;

}



/* TITLE */



.club_nav_title{



    font-size:12px;



    letter-spacing:4px;



    text-transform:uppercase;



    color:#283991;



    margin-bottom:30px;



    font-weight:600;

}



/* NAV LINK */



.club_nav_item{



    display:flex;



    align-items:center;



    gap:16px;



    text-decoration:none;



    margin-bottom:16px;



    padding:12px;



    border-radius:16px;



    transition:0.35s ease;



    border:1px solid transparent;



    background:#fff;

}



.club_nav_item:hover{



    transform:translateX(6px);



    background:#f8f9ff;



    border-color:#dfe5ff;



    box-shadow:

        0 10px 30px rgba(40,57,145,0.08);

}



/* IMAGE */



.club_nav_item img{



    width:72px;

    height:72px;



    object-fit:cover;



    border-radius:12px;



    flex:none;

}



/* TEXT */



.club_nav_text h4{



    font-size:16px;



    font-weight:600;



    color:#14213d;



    margin-bottom:5px;

}



.club_nav_text span{



    font-size:11px;



    letter-spacing:2px;



    text-transform:uppercase;



    color:#6b7280;

}



/* ===================================

CONTENT AREA

=================================== */



.club_content_area{



    flex:1;



    padding:60px;

	padding-bottom:0px;

}



/* ===================================

DINING BLOCK

=================================== */



.club_dining_block{



    <!--margin-bottom:120px;-->

}



/* LABEL */



.club_label{



    display:inline-block;



    margin-bottom:20px;



    color:#283991;



    font-size:11px;



    letter-spacing:4px;



    text-transform:uppercase;



    font-weight:600;

}



/* TITLE */



.club_dining_block h2{



    font-family:'Cormorant Garamond',serif;



    font-size:70px;



    line-height:0.95;



    font-weight:500;



    margin-bottom:35px;

}



/* INTRO */



.club_intro{



    font-size:18px;



    line-height:2;



    color:#4a5568;



    margin-bottom:45px;

}



/* ===================================

IMAGE GRID

=================================== */



.club_gallery{



    display:grid;



    grid-template-columns:2fr 1fr;



    gap:22px;



    margin-bottom:50px;

}



.club_gallery_big img{



    width:100%;

    height:100%;



    object-fit:cover;



    display:block;

}



.club_gallery_small{



    display:grid;



    grid-template-rows:1fr 1fr;



    gap:22px;

}



.club_gallery_small img{



    width:100%;

    height:100%;



    object-fit:cover;



    display:block;

}



/* ===================================

TEXT

=================================== */



.club_text p{



    font-size:16px;



    line-height:2;



    color:#4a5568;



    margin-bottom:25px;

}



/* ===================================

TIMINGS

=================================== */



.club_timing_wrapper{



    margin-top:55px;



    background:#fff;



    padding:45px;



    box-shadow:

        0 20px 60px rgba(0,0,0,0.06);

}



/* TOP */



.club_timing_header{



    margin-bottom:35px;

}



.club_timing_header span{



    display:block;



    margin-bottom:10px;



    letter-spacing:3px;



    text-transform:uppercase;



    color:#283991;



    font-size:11px;



    font-weight:600;

}



.club_timing_header h3{



    font-family:'Cormorant Garamond',serif;



    font-size:48px;



    font-weight:500;

}



/* GRID */



.club_timing_grid{



    display:grid;



    grid-template-columns:repeat(3,1fr);



    gap:20px;

}



/* CARD */



.club_time_card{



    background:#f8f9fd;



    padding:30px;



    border-left:4px solid #283991;



    transition:0.35s ease;

}



.club_time_card:hover{



    transform:translateY(-6px);



    box-shadow:

        0 15px 35px rgba(40,57,145,0.10);

}



.club_time_card h4{



    font-size:13px;



    letter-spacing:3px;



    text-transform:uppercase;



    margin-bottom:16px;

}



.club_time_card p{



    font-size:16px;



    line-height:1.8;



    color:#4a5568;

}



/* ===================================

HEADER

=================================== */



.club_header{



    position:fixed;



    top:0;

    left:0;



    width:100%;



    z-index:9999;



    display:flex;



    align-items:center;

    justify-content:space-between;



    padding:22px 55px;



    background:linear-gradient(

        90deg,

        rgba(38,52,78,0.72) 0%,

        rgba(38,52,78,0.52) 45%,

        rgba(38,52,78,0.34) 100%

    );



    backdrop-filter:blur(22px);



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



    box-shadow:

        0 10px 40px rgba(0,0,0,0.10);

}



/* LOGO */



.club_logo img{



    width:95px;



    display:block;



    filter:

        brightness(2.2)

        contrast(1.15)

        drop-shadow(0 0 12px rgba(255,255,255,0.12));

}



/* RIGHT */



.club_header_right{



    display:flex;



    align-items:center;



    gap:25px;

}



/* MENU */



.club_menu{



    list-style:none;



    display:flex;



    align-items:center;



    gap:10px;

}



.club_menu li{



    position:relative;

}



.club_menu li a{



    position:relative;



    display:inline-flex;



    align-items:center;



    justify-content:center;



    padding:14px 16px;



    text-decoration:none;



    color:#ffffff;



    font-size:11px;



    letter-spacing:2px;



    text-transform:uppercase;



    transition:all 0.35s ease;



    border-radius:2px;

}



/* HOVER */



.club_menu li a:hover{



    background:rgba(173,216,230,0.10);



    color:#dff6ff;



    backdrop-filter:blur(4px);

}



/* UNDERLINE */



.club_menu li a:after{



    content:'';



    position:absolute;



    left:14px;

    bottom:7px;



    width:0%;



    height:1px;



    background:#c7ecff;



    transition:0.35s ease;

}



.club_menu li a:hover:after{



    width:calc(100% - 28px);

}



.club_menu li a:hover{



    color:#dff6ff;

}



/* LOGIN BUTTON */



.club_login_btn{



    width:145px;

    height:46px;



    display:flex;



    align-items:center;

    justify-content:center;



    text-decoration:none;



    color:#fff;



    border:1px solid rgba(255,255,255,0.18);



    background:rgba(255,255,255,0.08);



    backdrop-filter:blur(10px);



    font-size:11px;



    letter-spacing:2px;



    text-transform:uppercase;



    transition:0.3s ease;

}



.club_login_btn:hover{



    background:#283991;

}



/* DROPDOWN */



.club_dropdown{



    position:absolute;



    top:100%;

    left:0;



    min-width:240px;



    background:#283991;



    list-style:none;



    padding:12px 0;



    opacity:0;



    visibility:hidden;



    transform:translateY(12px);



    transition:0.35s ease;

}



.club_has_dropdown:hover .club_dropdown{



    opacity:1;



    visibility:visible;



    transform:translateY(0);

}



.club_dropdown li a{



    padding:12px 22px;



    display:block;



    color:#fff;

}



.club_dropdown li a:hover{



    background:rgba(255,255,255,0.08);

}



/* MOBILE */



@media(max-width:1200px){



    .club_header{



        flex-direction:column;



        align-items:flex-start;



        gap:18px;



        padding:20px;

    }



    .club_header_right{



        flex-direction:column;



        align-items:flex-start;

    }



    .club_menu{



        flex-wrap:wrap;

    }

}



/* ===================================

RESPONSIVE

=================================== */



@media(max-width:1200px){



    .club_layout{



        flex-direction:column;

    }



    .club_side_nav{



		width:100%;



		min-width:100%;



		position:relative;



		top:auto;



		height:auto;



		overflow-x:auto;



		overflow-y:hidden;



		white-space:nowrap;



		padding:18px 16px;



		display:flex;



		align-items:flex-start;



		gap:14px;



		background:#ffffff;



		border-right:none;



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

	}



    .club_nav_item{



		min-width:260px;



		flex:none;



		margin-bottom:0;

	}



    .club_content_area{



        padding:50px 25px;

		padding-bottom:0px !important;

    }

	

    .club_banner{



        padding-top:120px;

    }

}



@media(max-width:768px){



    .club_banner_content{



        left:25px;

        bottom:40px;

    }



    .club_banner_content h1{



        font-size:46px;

    }



    .club_gallery{



        grid-template-columns:1fr;

    }



    .club_gallery_small{



        grid-template-columns:1fr 1fr;



        grid-template-rows:auto;

    }



    .club_timing_grid{



        grid-template-columns:1fr;

    }



    .club_dining_block h2{



        font-size:42px;

    }

	

	.club_side_nav{



    padding:14px;



    gap:12px;

}



.club_nav_item{



    min-width:240px;



    padding:10px;

}



.club_nav_item img{



    width:62px;

    height:62px;

}



.club_nav_text h4{



    font-size:15px;

}



.club_nav_text span{



    font-size:10px;

}

}



/* =========================

   LOGIN BUTTON

========================= */



.club_login_btn{



    width:138px;

    height:48px;



    position:relative;



    overflow:hidden;



    display:flex;



    align-items:center;

    justify-content:center;



    text-decoration:none;



    color:#ffffff;



    font-size:11px;

    font-weight:600;



    letter-spacing:2px;

    text-transform:uppercase;



    border:1px solid rgba(173,216,230,0.50);



    background:rgba(173,216,230,0.14);



    backdrop-filter:blur(12px);



    transition:all 0.45s ease;

}



/* SHINE EFFECT */



.club_login_btn:before{



    content:'';



    position:absolute;



    top:0;

    left:-120%;



    width:100%;

    height:100%;



    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,0.22),

        transparent

    );



    transition:0.8s;

}



.club_login_btn:hover:before{

    left:120%;

}



/* HOVER */



.club_login_btn:hover{



    background:rgba(173,216,230,0.28);



    border-color:#d9f5ff;



    color:#ffffff;



    box-shadow:

        0 0 20px rgba(173,216,230,0.18),

        inset 0 0 12px rgba(255,255,255,0.05);

}





/* ===================================

SMALL IMAGE OVERLAY

=================================== */



.club_small_image{



    position:relative;



    overflow:hidden;

}



.club_small_image img{



    width:100%;

    height:100%;



    object-fit:cover;



    display:block;



    transition:0.6s ease;

}



.club_small_image:hover img{



    transform:scale(1.05);

}



/* OVERLAY */



.club_small_overlay{



    position:absolute;



    left:0;

    bottom:0;



    width:100%;



    padding:24px;



    background:linear-gradient(

        180deg,

        rgba(0,0,0,0) 0%,

        rgba(0,0,0,0.82) 100%

    );

}



/* TITLE */



.club_small_overlay h4{



    color:#fff;



    font-family:'Cormorant Garamond',serif;



    font-size:28px;



    font-weight:500;



    margin:0;

}



/* ===================================

ANCHOR SCROLL OFFSET

=================================== */



.club_dining_block{



    /*scroll-margin-top:140px;*/

}







/* ===================================

MOBILE MENU

=================================== */



.club_mobile_toggle{



    display:none;



    width:44px;

    height:44px;



    position:relative;



    z-index:99999;



    cursor:pointer;

}



.club_mobile_toggle span{



    position:absolute;



    left:50%;



    width:22px;

    height:2px;



    margin-left:-11px;



    background:#ffffff;



    border-radius:10px;



    transition:0.35s ease;

}



.club_mobile_toggle span:nth-child(1){

    top:20px;

}



.club_mobile_toggle span:nth-child(2){

    top:28px;

}



.club_mobile_toggle span:nth-child(3){

    top:36px;

}



/* ACTIVE */



.club_mobile_toggle.active span:nth-child(1){



    transform:rotate(45deg);



    top:28px;

}



.club_mobile_toggle.active span:nth-child(2){



    opacity:0;

}



.club_mobile_toggle.active span:nth-child(3){



    transform:rotate(-45deg);



    top:28px;

}



/* MOBILE MENU */



.club_mobile_menu{



    position:fixed;



    top:165px;



    left:50%;



    transform:translateX(-50%);



    width:88%;



    max-width:320px;



    background:rgba(10,20,35,0.97);



    backdrop-filter:blur(16px);



    border:1px solid rgba(255,255,255,0.08);



    border-radius:26px;



    box-shadow:

        0 20px 50px rgba(0,0,0,0.45);



    z-index:99998;



    padding:26px 26px 30px;



    max-height:calc(100vh - 185px);



    max-height:calc(100dvh - 185px);



    overflow-y:auto;



    -webkit-overflow-scrolling:touch;



    overscroll-behavior:contain;



    opacity:0;



    visibility:hidden;



    transition:all 0.4s ease;

}



.club_mobile_menu.active{



    opacity:1;



    visibility:visible;



    left:50%;

}



/* LOGO */



.club_mobile_logo{



    width:95px;



    margin:0 auto 12px;



    display:block;



    filter:

        brightness(2.6)

        contrast(1.2)

        drop-shadow(0 0 10px rgba(255,255,255,0.18));

}



/* MENU */



.club_mobile_menu ul{



    list-style:none;

}



.club_mobile_menu ul li{



    margin-bottom:18px;

}



.club_mobile_menu ul li a{



    position:relative;



    display:inline-flex;



    align-items:center;



    transition:0.35s ease;

}



.club_mobile_menu ul li a:after{



    content:'';



    position:absolute;



    left:0;

    bottom:0;



    width:0;



    height:1px;



    background:#c7ecff;



    transition:0.4s ease;

}



.club_mobile_menu ul li a:hover{



    color:#dff6ff;

}



.club_mobile_menu ul li a:hover:after{



    width:100%;

}



/* DROPDOWN */



/* =========================

   MOBILE DROPDOWN MENU

========================= */



.club_mobile_has_dropdown{



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



    padding-bottom:4px;



    margin-bottom:6px;

}



/* =========================

   MAIN TOGGLE

========================= */



.club_mobile_dropdown_toggle{



    display:flex !important;



    align-items:center;



    justify-content:space-between;



    width:100%;



    min-height:52px;



    padding:0;



    color:#fff;



    text-decoration:none;



    font-size:15px;



    letter-spacing:2px;



    text-transform:uppercase;

}



/* =========================

   PLUS ICON

========================= */



.club_mobile_arrow{



    font-size:18px;



    transition:0.35s ease;

}



/* =========================

   ACTIVE ICON ROTATION

========================= */



.club_mobile_has_dropdown.active .club_mobile_arrow{



    transform:rotate(45deg);

}



/* =========================

   SUBMENU

========================= */



.club_mobile_dropdown{



    height:auto;



    max-height:0;



    overflow:hidden;



    list-style:none;



    margin-top:0;



    padding-left:12px;



    opacity:0;



    transition:

        max-height 0.4s ease,

        opacity 0.3s ease,

        margin-top 0.3s ease;

}



/* =========================

   ACTIVE SUBMENU

========================= */



.club_mobile_has_dropdown.active .club_mobile_dropdown{



    max-height:1000px;



    opacity:1;



    margin-top:12px;



    padding-bottom:2px;

}



/* =========================

   SUBMENU ITEMS

========================= */



.club_mobile_dropdown li{



    margin-bottom:10px;

}



/* =========================

   SUBMENU LINKS

========================= */



.club_mobile_dropdown li a{



    font-size:12px !important;



    letter-spacing:1.5px;



    color:rgba(255,255,255,0.82) !important;



    text-transform:uppercase;



    padding:5px 0;



    text-decoration:none;

}



.club_mobile_dropdown li a:hover,

.club_mobile_dropdown li a:focus,

.club_mobile_dropdown li a:active{

    text-decoration:none;

}



.club_mobile_dropdown li a:after,

.club_mobile_dropdown li a:hover:after{

    content:none;

    display:none;

    width:0;

}



.club_mobile_has_dropdown.active > .club_mobile_dropdown_toggle{



    color:#c7ecff;

}



.club_mobile_has_dropdown.active > .club_mobile_dropdown_toggle:after{



    content:'';



    position:absolute;



    left:0;

    bottom:0;



    width:100%;



    height:1px;



    background:#c7ecff;

}



/* MOBILE RESPONSIVE */



@media(max-width:991px){



    .club_mobile_toggle{



        display:block;

    }



    .club_menu{



        display:none;

    }



    .club_header{



		display:block;



		padding:18px 18px 12px;

	}

	

	.club_header > .club_logo{

		display:none;

	}



	.club_header_right{

		display:none !important;

	}



	.club_logo{



        display:flex;



        justify-content:center;

    }



    .club_logo img{



    width:82px;



    filter:

        brightness(2.8)

        contrast(1.25)

        drop-shadow(0 0 10px rgba(255,255,255,0.18));

}



    .club_header_right{



        justify-content:flex-end;

    }



    .club_login_btn{



        width:105px;

        height:40px;



        font-size:9px;



        letter-spacing:1px;

    }

	

	.club_header_top{



    width:100%;



    display:flex !important;



    align-items:center;



    justify-content:space-between;



    gap:12px;

}



.club_header_top .club_logo img{



    width:82px;



    display:block;

}



.club_header_top .club_login_btn{



    width:128px;

    height:38px;



    display:flex;



    align-items:center;

    justify-content:center;



    font-size:10px;



    letter-spacing:1.2px;

}



.club_mobile_toggle_wrap{



    width:100%;



    display:flex !important;



    justify-content:center;



    margin-top:16px;

}



.club_mobile_toggle{



    display:flex;



    align-items:center;

    justify-content:center;



    width:58px;

    height:58px;



    border-radius:50%;



    background:radial-gradient(

        circle at top left,

        rgba(48,92,150,0.98),

        rgba(10,28,52,0.98)

    );



    border:1px solid rgba(255,255,255,0.12);



    box-shadow:

        0 10px 24px rgba(0,0,0,0.34),

        inset 0 0 16px rgba(255,255,255,0.04);

}



}



/* ===================================

FOOTER

=================================== */



.club_footer{



    background:#0f1728;



    color:#ffffff;



    margin-top:60px;

}



/* TOP */



.club_footer_top{



    padding:80px 70px;



    --bs-gutter-x:70px;

    --bs-gutter-y:50px;

}



.club_footer_top.row{

    margin-left:0;

    margin-right:0;

}



.club_footer_about,

.club_footer_links,

.club_footer_map{

    min-width:0;

}



/* LOGO */



.club_footer_logo{



    width:120px;



    margin-bottom:28px;



    filter:

        brightness(2.3)

        contrast(1.15);

}



/* ADDRESS */



.club_footer_address{



    font-size:15px;



    line-height:2;



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



    margin-bottom:25px;

}



/* CONTACT */



.club_footer_contact{



    display:flex;



    flex-direction:column;



    gap:12px;

}



.club_footer_contact a{



    color:#ffffff;



    text-decoration:none;



    font-size:15px;



    transition:0.3s ease;

}



.club_footer_contact a:hover{



    color:#d9e8ff;

}



/* LINKS */



.club_footer_links{



    display:grid;



    grid-template-columns:1fr 1fr;



    gap:40px;

}



.club_footer_column h4{



    font-size:15px;



    letter-spacing:2px;



    text-transform:uppercase;



    margin-bottom:26px;

}



.club_footer_column ul{



    list-style:none;

}



.club_footer_column ul li{



    margin-bottom:16px;

}



.club_footer_column ul li a{



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



    text-decoration:none;



    transition:0.3s ease;

}



.club_footer_column ul li a:hover{



    color:#ffffff;



    padding-left:6px;

}



.club_footer_app_links{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:10px;

    margin-top:24px;

}



.club_footer_app_links a{

    display:inline-flex;

    max-width:170px;

    text-decoration:none;

}



.club_footer_app_links img{

    display:block;

    width:100%;

    height:auto;

}



@media(min-width:992px){

    .club_footer_app_links{

        flex-direction:row;

        align-items:center;

        flex-wrap:wrap;

        gap:8px;

    }



    .club_footer_app_links a{

        max-width:118px;

    }

}



/* MAP */



.club_footer_map{



    overflow:hidden;



    border-radius:18px;



    min-height:280px;



    box-shadow:

        0 20px 45px rgba(0,0,0,0.20);

}



.club_footer_map iframe{



    width:100%;

    height:100%;



    border:none;

}



/* BOTTOM */



.club_footer_bottom{



    padding:24px;



    text-align:center;



    border-top:1px solid rgba(255,255,255,0.08);



    font-size:13px;



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

}



/* RESPONSIVE */



@media(max-width:1100px){



    .club_footer_top{

        --bs-gutter-y:50px;

    }



    .club_footer_links{



        grid-template-columns:1fr 1fr;

    }

}



@media(max-width:768px){



    .club_footer{



        margin-top:80px;

    }



    .club_footer_top{



        padding:55px 24px;

    }



    .club_footer_links{



        grid-template-columns:1fr;

    }



    .club_footer_about + .club_footer_column{



        margin-top:28px;

    }



    .club_footer_logo{



        width:95px;

    }



    .club_footer_address{



        font-size:14px;

    }



    .club_footer_column h4[aria-hidden="true"]{



        display:none;

    }



    .club_footer_top .club_footer_map{



        margin-top:28px;



        min-height:240px;

    }



    .club_footer_bottom{



        font-size:12px;



        line-height:1.8;



        padding:18px;

    }

}





.club_header_top,

.club_mobile_toggle_wrap{

    display:none;

}



.club_mobile_menu > ul > li > a{



    display:flex;



    align-items:center;



    justify-content:space-between;



    width:100%;



    min-height:52px;



    color:#fff;



    text-decoration:none;



    font-size:15px;



    letter-spacing:2px;



    text-transform:uppercase;

}



.club_mobile_menu > ul > li{



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



    padding-bottom:4px;



    margin-bottom:6px;

}



.club_mobile_menu > ul > li:last-child{



    border-bottom:none;



    margin-bottom:0;



    padding-bottom:0;

}







.committee-profile{

    display:flex;

    align-items:stretch;   /* changed from center */

    gap:30px;

    margin-bottom:70px;

}



.committee-photo{

    flex:0 0 65%;

    display:flex;

}



.committee-photo img{

    width:100%;

    height:100%;           /* NEW */

    object-fit:cover;      /* NEW */

    display:block;

    border-radius:14px;

}



.committee-info{

    flex:0 0 calc(35% - 30px);



    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(12px);



    padding:40px;



    border-radius:18px;



    box-shadow:0 12px 35px rgba(0,0,0,.08);



    display:flex;          /* NEW */

    flex-direction:column; /* NEW */

    justify-content:center;/* NEW */

}



.committee-info h3{

    font-family:'Cormorant Garamond', serif;

    font-size:46px;

    line-height:1.05;

    color:#14284a;

    margin-bottom:10px;

}



.committee-memberno{

    display:block;

    font-size:26px;

    color:#666;

    margin-bottom:20px;

}



.committee-divider{

    width:60px;

    height:3px;

    background:#c8a96a;

    margin-bottom:25px;

}



.committee-role{

    font-size:26px;

    color:#14284a;

    margin-bottom:25px;

    font-weight:500;

}



.committee-responsibility{

    font-size:18px;

    line-height:1.9;

    color:#555;

    border-top:1px solid #ececec;

    padding-top:25px;

}



@media(max-width:991px){



    .committee-profile{

        flex-direction:column;

    }



    .committee-photo,

    .committee-info{

        flex:0 0 100%;

        width:100%;

    }



    .committee-photo img{

        height:auto;

    }

	

    .committee-info{

        padding:25px;

    }



    .committee-info h3{

        font-size:34px;

    }



    .committee-memberno{

        font-size:18px;

    }



    .committee-role{

        font-size:18px;

    }



    .committee-responsibility{

        font-size:16px;

    }

}

.presidents-columns{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:35px;

    margin-top:40px;

}



.presidents-card{

    background:#fff;

    border-radius:18px;

    padding:30px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.presidents-table{

    width:100%;

    border-collapse:collapse;

}



.presidents-table tr{

    border-bottom:1px solid #ececec;

}



.presidents-table tr:last-child{

    border-bottom:none;

}



.presidents-table td{

    padding:12px 0;

    border:none;

    vertical-align:top;

}



.presidents-table td:first-child{

    width:130px;

    font-weight:600;

    color:#14284a;

    white-space:nowrap;

}



.presidents-table td:last-child{

    color:#555;

    padding-left:20px;

}



@media(max-width:991px){



    .presidents-columns{

        grid-template-columns:1fr;

    }



    .presidents-card{

        padding:25px;

    }



    .presidents-table td:first-child{

        width:110px;

    }

}



.affiliation-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-top:40px;

}



.affiliation-state-card{

    display:block;

    background:#fff;

    padding:30px;

    border-radius:18px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    text-decoration:none;

    transition:.3s;

}



.affiliation-state-card:hover{

    transform:translateY(-6px);

}



.affiliation-state-card span{

    color:#b08a4a;

    font-size:14px;

    letter-spacing:2px;

}



.affiliation-state-card h4{

    margin:12px 0 8px;

    color:#14284a;

}



.affiliation-state-card p{

    margin:0;

    color:#777;

}



.affiliation-grid{

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:25px;

    margin-top:10px;

}



.club_content_area{

    max-width:100%;

}



.club-state-section{

    margin-top:70px;

}



.club-state-section h3{

    font-size:42px;

    color:#14284a;

    margin-bottom:30px;

}



.club-cards-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}



.club-card{

    background:#fff;

    border-radius:18px;

    padding:30px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.club-card h4{

    color:#14284a;

    margin-bottom:15px;

}



.club-card p{

    color:#666;

    margin-bottom:15px;

}



.club-card ul{

    margin:0;

    padding-left:18px;

}



@media(max-width:991px){



    .club-cards-grid{

        grid-template-columns:1fr;

    }



}



.affiliation-accordion{

    margin-top:30px;

}



.affiliation-item{

    background:#fff;

    border-radius:18px;

    margin-bottom:20px;

    overflow:hidden;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.affiliation-header{

    width:100%;

    border:none;

    background:none;

    padding:5px 30px;

    text-align:left;



    display:flex;

    justify-content:space-between;

    align-items:center;



    cursor:pointer;

}



.affiliation-number{

    color:#b08a4a;

    font-size:14px;

    letter-spacing:2px;

    display:block;

    margin-bottom:10px;

}



.affiliation-header h4{

    color:#14284a;

    margin:0 0 8px;

}



.affiliation-header p{

    margin:0;

    color:#777;

}



.affiliation-icon{

    font-size:34px;

    color:#14284a;

    line-height:1;

}



.affiliation-content{

    display:none;

    border-top:1px solid #ececec;

    padding:30px;

}



.affiliation-item.active .affiliation-content{

    display:block;

}



.club-card{

    padding:20px 0;

}



.club-card:not(:last-child){

    border-bottom:none;

    margin-bottom:0;

}



.club-card h5{

    color:#14284a;

    margin-bottom:10px;

}



.club-card p{

    margin-bottom:8px;

    color:#666;

}



.club-card{

    background:#fafafa;

    border-radius:16px;

    padding:30px;

    margin-top:5px;

}



@media(min-width:992px){



    .affiliation-item.active .affiliation-content{

        display:grid;

        grid-template-columns:repeat(2, minmax(0, 1fr));

        gap:24px;

    }



    .affiliation-content .club-card{

        margin-top:0;

    }



}



.club-card h5{

    color:#14284a;

    font-size:24px;

    margin-bottom:25px;

}



.club-details{

    padding-left:10px;

}



.club-detail-row{

    display:grid;

    grid-template-columns:120px 1fr;

    gap:20px;

    padding:10px 0;

    border-bottom:1px solid #ececec;

}



.club-detail-row:last-child{

    border-bottom:none;

}



.club-detail-row strong{

    display:flex;

    align-items:center;

    gap:8px;

    color:#14284a;

    font-weight:600;

}



.club-detail-row strong i{

    width:16px;

    color:#7b2b2b;

    text-align:center;

}



.club-detail-row span{

    color:#666;

    line-height:1.7;

}



.club-detail-row a{

    color:#14284a;

    text-decoration:none;

}



.club-detail-row a:hover{

    text-decoration:underline;

}



@media(max-width:768px){



    .club-detail-row{

        grid-template-columns:1fr;

        gap:5px;

    }



}



.club_layout p {

    font-size: 16px;

    line-height: 2;

    color: #4a5568;

    margin-bottom: 25px;

}

.club_dining_block h2{margin-top:10px;}



.food_outlet_listing{

    display:flex;

    flex-direction:column;

    gap:30px;

    margin-top:35px;

}



.food_outlet_row{

    display:flex;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.food_outlet_image{

    flex:0 0 280px;

}



.food_outlet_image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}



.food_outlet_content{

    flex:1;

    padding:35px;

}



.food_outlet_content h3{

    color:#14284a;

    margin-bottom:15px;

    font-size:28px;

}



.food_outlet_content p{

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

}



.food_outlet_timing{

    background:#f7f7f7;

    border-left:4px solid #b08a4a;

    padding:14px 18px;

    border-radius:8px;

    color:#444;

}



.food_outlet_timing strong{

    color:#14284a;

}



@media(max-width:991px){



    .food_outlet_row{

        flex-direction:column;

    }



    .food_outlet_image{

        flex:auto;

    }



    .food_outlet_image img{

        height:250px;

    }



}





/*Banquets*/



.club_banquet_rates{

    margin-top:25px;

    padding-top:20px;

    border-top:1px solid #edf0f5;

}



.club_rate_row{

    display:flex;

    justify-content:space-between;

    gap:20px;

    margin-top:18px;

    color:#14284a;

    font-weight:600;

}



.club_rate_row:first-child{

    margin-top:0;

}



.club_banquet_rates small{

    display:block;

    margin-top:6px;

    color:#777;

    line-height:1.6;

}



.club_time_card strong{

    display:block;

    margin-top:12px;

    font-size:24px;

    color:#14284a;

}



.club_banquet_cta{

    text-align:center;

    background:#fff;

    padding:60px 40px;

    border-radius:18px;

    margin:60px 0;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.club_banquet_cta h2{

    color:#14284a;

    margin:10px 0 20px;

}



.club_banquet_cta p{

    max-width:700px;

    margin:0 auto 30px;

    color:#666;

    line-height:1.9;

}



.club_banquet_cta .club_btn{

    display:inline-block;

}



.club_action_row{

    margin-top:35px;

}



.club_download_btn{

    display:inline-flex;

    align-items:center;

    gap:18px;

    padding:18px 24px;

    background:#fff;

    border:1px solid #e8ebf1;

    border-radius:18px;

    text-decoration:none;

    box-shadow:0 8px 25px rgba(0,0,0,.06);

    transition:all .3s ease;

}



.club_download_btn:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(0,0,0,.12);

}



.club_download_icon{

    width:56px;

    height:56px;

    border-radius:14px;

    background:#14284a;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

}



.club_download_text{

    display:flex;

    flex-direction:column;

}



.club_download_text strong{

    color:#14284a;

    font-size:16px;

    font-weight:700;

    line-height:1.3;

}



.club_download_text small{

    color:#777;

    margin-top:4px;

}



.club_action_row{

    margin-top:35px;

}



.club_download_btn{

    display:inline-flex;

    align-items:center;

    gap:18px;

    padding:18px 24px;

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:16px;

    text-decoration:none;

    transition:.3s ease;

    box-shadow:0 4px 12px rgba(0,0,0,.06);

}



.club_download_btn:hover{

    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(0,0,0,.10);

}



.club_pdf_icon{

    width:54px;

    height:54px;

    border-radius:12px;

    background:#fff5f5;

    color:#dc2626;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid #fecaca;

    flex-shrink:0;

}



.club_download_text{

    display:flex;

    flex-direction:column;

}



.club_download_text strong{

    color:#14284a;

    font-size:17px;

    font-weight:700;

    line-height:1.3;

}



.club_download_text small{

    color:#6b7280;

    margin-top:4px;

}



/*Shopping & Lifestyle

*/

.shopping_listing{

    display:flex;

    flex-direction:column;

    gap:30px;

    margin-top:40px;

}



.shopping_card{

    display:flex;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.shopping_card.reverse{

    flex-direction:row-reverse;

}



.shopping_image{

    flex:0 0 320px;

}



.shopping_image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}



.shopping_content{

    flex:1;

    padding:35px;

}



.shopping_content h3{

    color:#14284a;

    margin:10px 0 15px;

    font-size:34px;

    font-family:'Cormorant Garamond',serif;

}



.shopping_content p{

    line-height:1.9;

    color:#555;

    margin:0;

}



@media(max-width:991px){



    .shopping_card,

    .shopping_card.reverse{

        flex-direction:column;

    }



    .shopping_image{

        flex:auto;

    }



    .shopping_image img{

        height:250px;

    }

}





.club_cta_highlight span{

    padding:10px 18px;

    background:#f8f9fb;

    border:1px solid #e5e7eb;

    border-radius:30px;

    color:#14284a;

    font-size:14px;

    font-weight:600;

}

.club_banquet_cta h2 {

    font-size: 52px;

    margin: 15px 0 20px;

    color: #14284a;

    font-family: 'Cormorant Garamond', serif;

}



/*Exclusive Offers*/





.club_offer_card{

    margin-top:35px;

    background:#fff;

    border-radius:24px;

    padding:25px;

    text-align:center;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.club_offer_card img{

    display:block;

    margin:0 auto;

    max-width:100%;

    height:auto;

    border-radius:18px;

}



@media(max-width:991px){



    .club_offer_card{

        padding:15px;

        border-radius:18px;

    }



    .club_offer_card img{

        border-radius:12px;

    }



}



.club_time_card ul{

    padding-left:28px;

}



.club_time_card ul li{

    text-indent:2px;

}



/*Club Chambers*/



.club_gallery_two{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:25px;

    margin:40px 0;

}



.club_gallery_two_item{

    position:relative;

    overflow:hidden;

    border-radius:18px;

}



.club_gallery_two_item img{

    width:100%;

    height:420px;

    object-fit:cover;

    display:block;

}



.club_gallery_two_item .club_small_overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    padding:20px;

    background:linear-gradient(

        to top,

        rgba(0,0,0,.75),

        rgba(0,0,0,0)

    );

}



.club_gallery_two_item .club_small_overlay h4{

    color:#fff;

    margin:0;

}



@media(max-width:991px){



    .club_gallery_two{

        grid-template-columns:1fr;

    }



    .club_gallery_two_item img{

        height:300px;

    }



}



.club_timing_wrapper .club_time_card ul{

    padding-left:30px;

}



.club_timing_wrapper .club_time_card ul li{

    margin-bottom:6px;

}







/*Room Reservation Request*/



.club_form_grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}



.club_form_group{

    margin-bottom:25px;

}



.club_form_group label{

    display:block;

    margin-bottom:10px;

    font-weight:600;

    color:#14284a;

}



.club_input{

    width:100%;

    padding:14px 16px;

    border:1px solid #d8dbe5;

    border-radius:12px;

    background:#fff;

}



.club_input:focus{

    outline:none;

    border-color:#14284a;

}



.club_form_full{

    margin-top:25px;

}



.club_btn{

    background:#14284a;

    color:#fff;

    border:0;

    border-radius:12px;

    padding:15px 40px;

    cursor:pointer;

}



.club_alert{

    padding:18px;

    margin-bottom:25px;

    background:#fff5f5;

    border-left:4px solid #d9534f;

}



@media(max-width:991px){



    .club_form_grid{

        grid-template-columns:1fr;

    }



}







/*Reach Us*/





.club_contact_premium{

    max-width:1400px;

    margin:60px auto 100px;

    padding:0 20px;

}



.club_contact_card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(0,0,0,.08);



    display:grid;

    grid-template-columns:1.2fr 1fr 1fr;

}



.club_contact_column{

    padding:45px;

}



.club_contact_intro{

    margin-top:20px;

    margin-bottom:0;

}



.club_contact_column:not(:last-child){

    border-right:1px solid #edf0f5;

}



.club_contact_block{

    margin-bottom:30px;

}



.club_contact_block:last-child{

    margin-bottom:0;

}



.club_contact_block span{

    display:block;

    margin-bottom:10px;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#14284a;

}



.club_contact_block p{

    margin:0;

    line-height:1.8;

}



.club_contact_block a{

    color:#14284a;

    text-decoration:none;

}



.club_contact_map iframe{

    width:100%;

    height:100%;

    min-height:500px;

    border:0;

}



@media(max-width:991px){



    .club_contact_card{

        grid-template-columns:1fr;

    }



    .club_contact_column{

        border-right:none !important;

        border-bottom:1px solid #edf0f5;

    }



    .club_contact_column:last-child{

        border-bottom:none;

    }



}



/*Member Login*/



.club_login_wrapper{

    max-width:600px;

    margin:0 auto;

    padding:40px 20px 80px;

}



.club_login_card{

    background:#fff;

    padding:50px;

    border-radius:20px;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    border:1px solid #edf0f5;

}



.club_login_card h2{

    margin:10px 0 15px;

    color:#14284a;

}



.club_login_text{

    color:#6b7280;

    margin-bottom:35px;

    line-height:1.7;

}



.club_login_links{
    text-align:right;
    margin-bottom:25px;
}

.club_login_links a{
    display:block;
    color:#14284a;
    text-decoration:none;
    font-weight:600;
    margin-top:8px;
}

.club_login_links a:first-child{
    margin-top:0;
}


.club_login_links a:hover{
    text-decoration:underline;
}

.club_login_new_account{
    margin-top:22px;
    padding-top:22px;
    border-top:1px solid #edf0f5;
}

.club_btn_secondary{
    background:#fff;
    color:#14284a;
    border:1px solid #d8dbe5;
}

.club_new_account_panel{
    margin-top:24px;
}

.club_new_account_message{
    margin-top:14px;
    line-height:1.6;
}

.club_new_account_message.success{
    color:#1f7a3a;
}

.club_new_account_message.error{
    color:#7b2b2b;
    font-style:italic;
}

.club_btn{
    display:block;
    width:100%;
    background:#14284a;
    color:#fff;
    border:0;
    border-radius:12px;
    padding:15px;
    font-weight:600;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
}


@media(max-width:768px){



    .club_login_card{

        padding:30px;

    }



}



.club_form_group{

    margin-bottom:22px;

}



.club_form_group label{

    display:block;

    margin-bottom:10px;

    font-weight:600;

    color:#14284a;

}



.club_input{

    display:block;

    width:100%;

    height:52px;

    padding:0 16px;

    border:1px solid #d8dbe5;

    border-radius:12px;

    background:#fff;

    font-size:15px;

    box-sizing:border-box;

}



.club_input:focus{

    outline:none;

    border-color:#14284a;

}



.club_login_links{

    text-align:right;

    margin:10px 0 25px;

}



.club_btn{

    width:100%;

    height:54px;

    border:0;

    border-radius:12px;

    background:#14284a;

    color:#fff;

    font-weight:600;

    cursor:pointer;

}





/*Member Portal*/





.member_dashboard{

    display:grid;

    grid-template-columns:280px 1fr;

    gap:35px;

    margin-top:20px;

    min-width:0;

}



.member_sidebar_toggle,

.member_sidebar_overlay,

.member_sidebar_close{

    display:none;

}



.member_sidebar{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    height:fit-content;

    position:sticky;

    top:120px;

}



.member_sidebar_title{

    background:#14284a;

    color:#fff;

    padding:18px 22px;

    font-size:18px;

    font-weight:600;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:14px;

}



.member_sidebar a{

    display:block;

    padding:15px 22px;

    border-bottom:1px solid #edf0f5;

    color:#14284a;

    font-weight:500;

    text-decoration:none;

    transition:.3s;

}



.member_sidebar a:hover{

    background:#f8f9fb;

}



.member_sidebar a.active{

    background:#14284a;

    color:#fff;

    font-weight:600;

    position:relative;

}



.member_sidebar a.active::before{

    content:'';

    position:absolute;

    left:0;

    top:0;

    bottom:0;

    width:4px;

    background:#7a3eb1;

}



.member_sidebar a.active:hover{

    color:#fff;

}



.member_sidebar a.logout{

    color:#c0392b;

}



.member_dashboard_header{

    background:#fff;

    padding:35px;

    border-radius:18px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    margin-bottom:25px;

}



.member_dashboard_header h1{

    margin:10px 0;

    color:#14284a;

    font-size:52px;

    font-family:'Cormorant Garamond',serif;

}



.member_welcome_greeting{

    white-space:nowrap;

}



.member_dashboard_header p{

    color:#666;

    margin:0;

    line-height:1.8;

}



.member_dashboard_stats{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

    margin-bottom:25px;

}



.member_stat_card{

    background:#fff;

    border-radius:18px;

    padding:25px;

    text-decoration:none;

    color:#14284a;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.3s;

}



.member_stat_card:hover{

    transform:translateY(-4px);

}



.member_stat_card h3{

    margin:0 0 8px;

    font-size:22px;

}



.member_stat_card span{

    color:#777;

    font-size:14px;

}



.member_content_card{

    background:#fff;

    padding:35px;

    border-radius:18px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    margin-bottom:25px;

    box-sizing:border-box;

    max-width:100%;

    min-width:0;

}



.member_content_card h2{

    color:#14284a;

    margin-bottom:30px;

}



.member_profile_grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-bottom:30px;

}



.member_profile_grid label{

    display:block;

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:1px;

    color:#888;

    margin-bottom:8px;

}



.member_profile_grid span{

    font-size:18px;

    color:#14284a;

    font-weight:600;

}



.member_change_password_toggle,

.member_change_password_form .club_btn{

    width:fit-content;

    max-width:100%;

    min-width:0;

    height:auto;

    min-height:44px;

    padding:12px 28px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-left:auto;

    margin-right:auto;

}



.member_change_password_toggle{

    margin:0 auto;

}



.member_change_password_form .text-center{

    text-align:center;

}



@media(max-width:991px){



    .member_services_layout,

    .member_services_layout .club_content_area,

    .member_services_layout .member_dashboard{

        max-width:100%;

        overflow-x:hidden;

        box-sizing:border-box;

    }



    .member_dashboard{

        grid-template-columns:1fr;

        gap:20px;

        position:relative;

    }



    .member_dashboard.member_sidebar_toggle_stuck{

        padding-top:68px;

    }



    .member_sidebar_toggle{

        display:inline-flex;

        align-items:center;

        gap:10px;

        width:100%;

        min-height:48px;

        padding:12px 16px;

        border:0;

        border-radius:12px;

        background:#14284a;

        color:#fff;

        font-weight:600;

        font-size:15px;

        cursor:pointer;

        box-shadow:0 8px 18px rgba(0,0,0,.12);

        box-sizing:border-box;

        margin-bottom:0;

    }



    .member_sidebar_toggle.member_sidebar_toggle_fixed{

        position:fixed;

        top:var(--member-menu-top, 198px);

        left:clamp(22px, 11.5vw, 44px);

        right:clamp(22px, 11.5vw, 44px);

        z-index:9998;

        width:auto;

    }



    .member_sidebar_toggle_icon{

        display:flex;

        flex-direction:column;

        gap:4px;

        width:18px;

        flex:0 0 18px;

    }



    .member_sidebar_toggle_icon span{

        display:block;

        height:2px;

        background:#fff;

        border-radius:2px;

    }



    .member_sidebar{

        position:fixed;

        left:0;

        top:0;

        bottom:0;

        z-index:20005;

        width:min(86vw, 330px);

        max-width:330px;

        height:100vh;

        border-radius:0 18px 18px 0;

        overflow-y:auto;

        transform:translateX(-105%);

        transition:transform .28s ease;

        box-shadow:12px 0 28px rgba(0,0,0,.22);

    }



    .member_sidebar a,

    .member_sidebar a:hover,

    .member_sidebar a:focus,

    .member_sidebar a:active,

    .member_sidebar a.active{

        border-bottom:0;

        text-decoration:none;

    }



    .member_sidebar.member_sidebar_open{

        transform:translateX(0);

    }



    .member_sidebar_close{

        display:inline-flex;

        align-items:center;

        justify-content:center;

        width:36px;

        height:36px;

        border:0;

        border-radius:50%;

        background:rgba(255,255,255,.12);

        color:#fff;

        font-size:28px;

        line-height:1;

        cursor:pointer;

    }



    .member_sidebar_overlay{

        position:fixed;

        inset:0;

        z-index:20000;

        display:block;

        background:rgba(8,18,34,.54);

        opacity:0;

        pointer-events:none;

        transition:opacity .25s ease;

    }



    .member_sidebar_overlay.member_sidebar_overlay_active{

        opacity:1;

        pointer-events:auto;

    }



    body.member_sidebar_locked{

        overflow:hidden;

    }



    .member_content_card{

        padding:22px;

    }



    .member_content_card .member_content_card{

        padding:18px;

    }



    .member_services_layout .member_sidebar_toggle,

    .member_services_layout .member_content_card,

    .member_services_layout .member_notice_item,

    .member_services_layout .member_notice_content{

        max-width:100%;

        box-sizing:border-box;

        min-width:0;

    }



    .member_services_layout .member_section_header{

        flex-wrap:wrap;

        gap:10px;

    }



    .member_services_layout .member_notice_item{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

    }



    .member_services_layout .member_notice_date{

        min-width:0;

        width:100%;

        text-align:left;

    }



    .member_services_layout .member_notice_content h4,

    .member_services_layout .member_notice_content p{

        overflow-wrap:anywhere;

        word-break:break-word;

    }



    .member_services_layout .member_download_item{

        flex-wrap:wrap;

        align-items:flex-start;

        gap:12px;

        padding:16px;

        box-sizing:border-box;

    }



    .member_services_layout .member_download_icon.pdf{

        display:none;

    }



    .member_services_layout .member_download_info{

        flex:0 0 100%;

        min-width:0;

    }



    .member_services_layout .member_download_info h4,

    .member_services_layout .member_download_info span{

        overflow-wrap:anywhere;

        word-break:break-word;

    }



    .member_services_layout .member_download_action{

        flex:0 0 100%;

        display:block;

        padding:10px 14px;

        border-radius:10px;

        background:#14284a;

        color:#fff;

        text-align:center;

        box-sizing:border-box;

    }



    .member_dashboard_stats{

        grid-template-columns:1fr 1fr;

    }



    .member_profile_grid{

        grid-template-columns:1fr;

    }



    .member_dashboard_header h1{

        font-size:36px;

        line-height:1.15;

    }

}



.member_section_header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}



.member_section_header h2{

    margin:0;

    color:#14284a;

}



.member_section_header a{

    color:#14284a;

    font-weight:600;

}



.member_notice_list{

    display:flex;

    flex-direction:column;

    gap:15px;

}



.member_notice_item{

    display:flex;

    gap:20px;

    padding:18px;

    background:#f8f9fb;

    border-radius:12px;

    text-decoration:none;

    transition:.3s;

}



.member_notice_item:hover{

    background:#f1f4f8;

}



.member_notice_date{

    min-width:95px;

    text-align:center;

    background:#14284a;

    color:#fff;

    border-radius:10px;

    padding:12px;

    font-size:13px;

    font-weight:600;

}



.member_notice_content h4{

    margin:0 0 6px;

    color:#14284a;

    font-size:18px;

}



.member_notice_content p{

    margin:0;

    color:#777;

    font-size:14px;

}



.member_notice_card{

    margin-top:25px;

}



.member_card_header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}



.member_card_header h2{

    margin:0;

    color:#14284a;

    font-size:22px;

    font-weight:700;

}



.member_card_header a{

    color:#7a3eb1;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}



.member_card_header a:hover{

    color:#14284a;

}



.member_events_grid{

    display:grid;

    grid-template-columns:repeat(4, minmax(0,1fr));

    gap:25px;

    align-items:start;

}



@media(max-width:1200px){

    .member_events_grid{

        grid-template-columns:repeat(3,1fr);

    }

}



@media(max-width:991px){

    .member_events_grid{

        grid-template-columns:repeat(2,1fr);

    }

}



@media(max-width:576px){

    .member_events_grid{

        grid-template-columns:1fr;

    }

}



.member_event_card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 6px 20px rgba(0,0,0,.08);

    transition:.3s;

}



.member_event_card:hover{

    transform:translateY(-5px);

}



.member_event_image{

    background:#f5f5f5;

}



.member_event_image img{

    width:100%;

    aspect-ratio: 3 / 4; /* A4-style portrait */

    object-fit:cover;

    display:block;

}



.member_event_content{

    padding:20px;

}



.member_event_content h3{

    font-size:22px;

    margin:12px 0;

    color:#14284a;

}



.member_event_content p{

    font-size:14px;

    line-height:1.7;

    color:#666;

}



.member_downloads_list{

    display:flex;

    flex-direction:column;

    gap:15px;

}



.member_download_item{

    display:flex;

    align-items:center;

    gap:20px;

    padding:18px 20px;

    background:#f8fafc;

    border-radius:14px;

    text-decoration:none;

    transition:.3s;

}



.member_download_item:hover{

    background:#f1f5f9;

    transform:translateY(-2px);

}



.member_download_icon{

    width:60px;

    height:60px;

    border-radius:12px;

    background:#14284a;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:14px;

    font-weight:700;

    flex-shrink:0;

}



.member_download_info{

    flex:1;

}



.member_download_info h4{

    margin:0 0 6px;

    color:#14284a;

    font-size:18px;

}



.member_download_info span{

    color:#888;

    font-size:14px;

}



.member_download_action{

    color:#14284a;

    font-weight:600;

    white-space:nowrap;

}



.member_download_icon.pdf{

    width:58px;

    height:68px;

    background:#c62828;

    color:#fff;

    border-radius:8px;

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:13px;

    font-weight:700;

}



.member_download_icon.pdf:before{

    content:'';

    position:absolute;

    top:0;

    right:0;

    width:14px;

    height:14px;

    background:#fff;

    clip-path:polygon(100% 0,0 0,100% 100%);

}



.member_dovecot_grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}



.member_dovecot_card{

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    text-decoration:none;

    transition:.3s;

    border:1px solid #edf0f5;

}



.member_dovecot_card:hover{

    transform:translateY(-4px);

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.member_dovecot_card img{

    width:100%;

    aspect-ratio:210 / 297;

    object-fit:cover;

    display:block;

}



.member_dovecot_content{

    padding:18px;

}



.member_dovecot_content span{

    display:block;

    font-size:13px;

    color:#8a8f99;

    margin-bottom:6px;

}



.member_dovecot_content h4{

    margin:0;

    color:#14284a;

    font-size:18px;

    font-weight:700;

}



.member_gallery_tabs{

    display:flex;

    gap:10px;

    margin-bottom:24px;

    border-bottom:1px solid #edf0f5;

}



.member_gallery_tab{

    border:0;

    background:transparent;

    color:#64748b;

    padding:12px 18px;

    font-size:15px;

    font-weight:700;

    cursor:pointer;

    border-bottom:3px solid transparent;

}



.member_gallery_tab.active{

    color:#14284a;

    border-bottom-color:#14284a;

}



.member_gallery_panel[hidden]{

    display:none;

}



.member_gallery_grid{

    display:grid;

    grid-template-columns:repeat(3, minmax(0,1fr));

    gap:22px;

}



.member_gallery_picture{

    display:block;

    overflow:hidden;

    border-radius:14px;

    background:#fff;

    border:1px solid #edf0f5;

    color:#14284a;

    text-align:center;

    text-decoration:none;

    transition:.3s;

}



.member_gallery_picture[hidden]{

    display:none !important;

}



.member_gallery_picture:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 24px rgba(0,0,0,.08);

}



.member_gallery_picture img{

    display:block;

    width:100%;

    aspect-ratio:4 / 3;

    object-fit:cover;

}



.member_gallery_picture span{

    display:block;

    padding:14px;

    font-weight:700;

    line-height:1.4;

}



.member_gallery_actions{

    display:flex;

    justify-content:center;

    gap:12px;

    margin-top:24px;

}



.member_gallery_control{

    border:0;

    border-radius:10px;

    background:#14284a;

    color:#fff;

    padding:11px 20px;

    font-weight:700;

    cursor:pointer;

}



.member_gallery_control.secondary{

    background:#eef2f7;

    color:#14284a;

}



.member_gallery_video_list{

    display:grid;

    grid-template-columns:repeat(2, minmax(0,1fr));

    gap:24px;

}



.member_gallery_video{

    background:#fff;

    border:1px solid #edf0f5;

    border-radius:14px;

    overflow:hidden;

}



.member_gallery_video h3{

    margin:0;

    padding:16px 18px;

    color:#14284a;

    font-size:16px;

    line-height:1.4;

}



.member_gallery_video video{

    display:block;

    width:100%;

    max-height:420px;

    background:#000;

}



@media(max-width:1200px){

    .member_dovecot_grid{

        grid-template-columns:repeat(3,1fr);

    }

}



@media(max-width:991px){

    .member_dovecot_grid{

        grid-template-columns:repeat(2,1fr);

    }



    .member_gallery_grid,

    .member_gallery_video_list{

        grid-template-columns:repeat(2, minmax(0,1fr));

    }

}



@media(max-width:575px){

    .member_dovecot_grid{

        grid-template-columns:1fr;

    }



    .member_gallery_tabs{

        gap:0;

    }



    .member_gallery_tab{

        flex:1;

        padding:12px 8px;

    }



    .member_gallery_grid,

    .member_gallery_video_list{

        grid-template-columns:1fr;

    }

}



.member_offer_card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #edf0f5;

    text-align:center;

}



.member_offer_card img{

    display:block;

    max-width:100%;

    margin:0 auto;

    height:auto;

}



.member_offer_card a{

    display:block;

    padding:25px;

}



.member_bill_stats{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin-bottom:30px;

}



.member_bill_stat{

    background:#f8fafc;

    border-radius:14px;

    padding:25px;

}



.member_bill_stat span{

    display:block;

    color:#8a8f99;

    font-size:13px;

    margin-bottom:8px;

}



.member_bill_stat h3{

    margin:0;

    color:#14284a;

    font-size:26px;

    font-weight:700;

}



.member_bill_list{

    display:flex;

    flex-direction:column;

    gap:15px;

}



.member_bill_item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:#f8fafc;

    border-radius:14px;

    padding:20px 25px;

}



.member_bill_month span{

    display:block;

    font-size:20px;

    font-weight:600;

    color:#14284a;

}



.member_bill_month small{

    color:#8a8f99;

}



.member_bill_actions{

    display:flex;

    gap:10px;

}



.member_bill_btn{

    padding:10px 18px;

    border-radius:8px;

    background:#fff;

    border:1px solid #dbe1ea;

    color:#14284a;

    text-decoration:none;

}



.member_bill_btn.primary{

    background:#14284a;

    color:#fff;

    border:none;

}



.member_documents_grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}



.member_document_card{

    background:#f8fafc;

    border-radius:18px;

    padding:35px;

    text-align:center;

    text-decoration:none;

    transition:.3s;

}



.member_document_card:hover{

    transform:translateY(-4px);

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.member_document_icon{

    width:70px;

    height:70px;

    margin:0 auto 20px;

    background:#d62828;

    color:#fff;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    font-size:18px;

}



.member_document_card h3{

    margin:0 0 10px;

    color:#14284a;

    font-size:24px;

}



.member_document_card p{

    margin:0 0 20px;

    color:#7b8494;

}



.member_document_card span{

    color:#7a3eb1;

    font-weight:600;

}



.member_hod_grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}



.member_hod_card{

    background:#f8fafc;

    border-radius:16px;

    padding:25px;

    border:1px solid #edf0f5;

}



.member_hod_card h4{

    margin:0 0 12px;

    color:#14284a;

    font-size:18px;

    line-height:1.4;

}



.member_hod_department{

    display:inline-block;

    background:#14284a;

    color:#fff;

    padding:6px 12px;

    border-radius:20px;

    font-size:12px;

    margin-bottom:12px;

}



.member_hod_card p{

    margin:0 0 15px;

    color:#666;

    font-weight:500;

}



.member_hod_card a{

    color:#7a3eb1;

    text-decoration:none;

    font-weight:600;

}



@media(max-width:1200px){

    .member_hod_grid{

        grid-template-columns:repeat(2,1fr);

    }

}



@media(max-width:768px){

    .member_hod_grid{

        grid-template-columns:1fr;

    }

}



label.error,

.label.error{

    display:block;

    margin-top:6px;

    color:#7b2b2b;

    font-style:italic;

    font-size:13px;

    font-weight:500;

    text-transform:none !important;

    letter-spacing:0 !important;

}



input.error,

select.error,

textarea.error{

    border-color:#7b2b2b !important;

}



.password_requirements{

    list-style:none;

    margin:10px 0 0;

    padding:0;

    display:grid;

    gap:5px;

    color:#7b8494;

    font-size:12px;

    font-style:italic;

}



.password_requirements li{

    display:flex;

    align-items:center;

    gap:7px;

}



.password_requirements li::before{

    content:'';

    width:14px;

    height:14px;

    border:1px solid #b8bec9;

    border-radius:50%;

    box-sizing:border-box;

    flex:0 0 14px;

}



.password_requirements li.is-valid{

    color:#1f7a3a;

}



.password_requirements li.is-valid::before{

    content:'\2713';

    border-color:#1f7a3a;

    background:#1f7a3a;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:10px;

    line-height:1;

}