/*@charset "utf-8";
/* DETAILS
==================================================
    Theme Name: IKBF Theme
    Author: Weavers Web Solutions Pvt. Ltd | Pradipta Roy
    Version: 1.0
==================================================
*/

/* -- { Embedded Fonts } -- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/* -- { Embedded Fonts } -- */

/* -- { Custom Fonts } -- */

:root { 
    /* Font Families */
    --primary-font: "Noto Sans", sans-serif;
  
    /* Color Palette */
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-primary: #FF932C; 
    --color-header: #341D04;
    --color-body: #646464;
}

/* -- { Common Styles } -- */
html { overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--primary-font); font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); font-weight: 400; color: var(--color-body); overflow-x: hidden; background: var(--color-white); }
h1, h2, h3, h4, h5, h6 { font-weight: 600; margin: 0 0 16px; padding: 0; color: var(--color-header); font-family: var(--primary-font); line-height: 1.1; }

h1 { font-size: clamp(1.875rem, 0.433rem + 3.846vw, 5rem); }
h2 { font-size: clamp(1.625rem, 0.99rem + 1.692vw, 3rem); }
h3 { font-size: clamp(1.5rem, 1.269rem + 0.615vw, 2rem); }
h4 { font-size: clamp(1.25rem, 1.135rem + 0.308vw, 1.5rem); }
h5 { font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); }
h6 { font-size: 1rem; }

p { margin: 0 0 16px; line-height: 1.4; }
p:last-child { margin-bottom: 0; }

img { max-width: 100%; user-select: none; -webkit-user-drag: none; }
figure { margin: 0; }

a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--color-primary); outline: none; text-decoration: none; transition: all 0.3s ease 0s; }
a:hover { text-decoration: none; }
/* -- { Common Styles } -- */


/* -- { Form Styles } -- */
input, 
textarea, 
select, 
.form-control { font-family: var(--primary-font); font-weight: 400; outline: none; background: var(--color-white); color: var(--color-body); }
input[type="submit"] { font-family: var(--primary-font); font-weight: 300; transition: all 0.3s ease 0s; outline: none; }
input:not([type="submit"]) { height: 56px; }

select, .form-select { appearance: none; -webkit-appearance: none; height: 56px; padding-right: 40px; background-repeat: no-repeat; background-position: center right 14px !important; background-size: 12px; font-weight: 300; font-size: 16px; padding: 10px 20px; color: var(--color-body); border: 1px solid #D9D9D9; border-radius: 8px; outline: none; box-shadow: none; }

input.form-control, 
textarea.form-control, 
select.form-control,
.form-floating>.form-control,
.form-floating>.form-control:not(:placeholder-shown) { box-shadow: none; resize: none; padding: 15px 20px; border: 1px solid #D9D9D9; background: var(--color-white); }

textarea.form-control { height: 120px; }
input.form-control, 
select.form-control { border-radius: 8px; }
select.form-control option, 
select option { color: var(--color-body); }
textarea.form-control { border-radius: 8px; }
form label { transition: all 0.4s; }

.form-floating>label { background-color: var(--color-white); padding: 0 6px; font-family: var(--primary-font); font-weight: 400; color: var(--color-body); line-height: 1; height: auto; transform: scale(1) translateY(16px) translateX(14px); transition: all 0.4s; background: transparent; overflow: initial; padding: 3px 10px; border-radius: 8px; }
input[type="checkbox"] { width: 20px; height: 20px; border: 1px solid #4297E4; border-radius: 8px; box-shadow: none; margin-top: 4px; }
label.form-check-label { margin-bottom: 0; }
.form-check-input:checked[type=checkbox] { background-color: var(--color-primary); background-position: center; background-repeat: no-repeat; border-color: var(--color-primary); }

::placeholder { color: var(--color-body); opacity: 1; display: none; }
::-ms-input-placeholder { color: var(--color-body); display: none; }
textarea.form-control::placeholder { color: var(--color-body); display: none; }

.form-floating>.form-control-plaintext~label, 
.form-floating>.form-control:focus~label, 
.form-floating>.form-control:not(:placeholder-shown)~label, 
.form-floating>.form-select~label { background-color: var(--color-primary); transform: translateY(-11px) translateX(14px); height: auto; line-height: 1; font-size: 14px; color: var(--color-white); padding: 3px 10px; border-radius: 8px; border: 1px solid var(--color-primary); }

.form-floating>.form-control-plaintext~label::after, 
.form-floating>.form-control:focus~label::after, 
.form-floating>.form-control:not(:placeholder-shown)~label::after, 
.form-floating>.form-select~label::after { padding: 0; display: none; }
/* -- { Form Styles } -- */


/* -- { only use for wordpress (Image alignment) } -- */
.alignleft, .alignnone { float: left; margin: 0 15px 10px 0; }
.alignright { float: right; margin: 0 0 10px 15px; }
.aligncenter { margin: 10px auto; display: block; }
/* -- { only use for wordpress (Image alignment) } -- */


/* -- { Button Styles } -- */
.btn { justify-content: space-between; font-family: var(--primary-font); overflow: hidden; position: relative; z-index: 1; transition: all 0.6s ease; display: inline-flex; align-items: center; vertical-align: top; color: var(--color-white) !important; font-size: clamp(0.875rem, 0.76rem + 0.308vw, 1.125rem); line-height: 1.2; border-radius: 10px; font-weight: 600; justify-content: center; padding: 16px 32px; background-color: var(--color-primary); text-transform: uppercase; }
.btn:hover { background-color: #885000; }

.btn.outline { background: transparent; border: 1px solid var(--color-white); color: var(--color-white) !important; background: #0D070066; backdrop-filter: blur(20px); }
.btn.outline:hover { background: var(--color-white); color: #885000 !important; }

.btn.btn-white { background: var(--color-white); color: #885000 !important; }
.btn.btn-white:hover { background: var(--color-primary); color: var(--color-white) !important; }

.btn.btn-theme { background: #885000; }
.btn.btn-theme:hover { background: var(--color-primary); }
/* -- { Button Styles } -- */


/* -- { Checkbox and Radio Button Styles } -- */
.builder_radiobox ul li label { font-weight: normal; }
.builder_radiobox ul li input[type="radio"] { opacity: 0; }
.builder_radiobox ul li input[type="radio"]:empty~label { position: relative; float: left; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 0 0 22px; }
.builder_radiobox ul li input[type="radio"]:empty~label:before { position: absolute; display: block; top: 2px; bottom: 0; left: 0; content: ""; width: 16px; height: 16px; background: url(../images/radiobutton.png) left top no-repeat; }
.builder_radiobox ul li input[type="radio"]:checked~label:before { background: url(../images/radiobutton.png) left bottom no-repeat; }
/* -- { Checkbox and Radio Button Styles } -- */


/* -- { Common Gaps } -- */
.common-padd { padding-top: 100px; padding-bottom: 100px; }
.common-padd-sm { padding-top: 60px; padding-bottom: 60px; }
.common-padd-bottom { padding-bottom: 100px; }
.common-padd-top { padding-top: 100px; }
 
.p-relative { position: relative; }
.p-absolute { position: absolute; }
.grecaptcha-badge { visibility: hidden; }
/* -- { Common Gaps } -- */


/* -- { Scroll Bar Design } -- */
/* width */
::-webkit-scrollbar { width: 6px; height: 4px; }

/* Track */
::-webkit-scrollbar-track { box-shadow: inset 0 0 2px var(--color-primary); border-radius: 10px; }

/* Handle */
::-webkit-scrollbar-thumb { background: var(--color-primary); border-radius: 10px; }
/* -- { Scroll Bar Design } -- */


/* -- { Header design } -- */
.main-header { padding: 16px 0; z-index: 999; width: calc(100% - 32px); left: 50%; transform: translateX(-50%); position: fixed; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 0; }
.header-wrap { background: var(--color-white); padding: 12px 15px; border-radius: 20px; border: 1px solid #eee; }

.manu-part { display:flex; align-items: center; padding: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 0; }
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.main-menu { position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-menu ul { margin: 0 40px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; }
.main-menu ul li:not(:last-child) { margin-right: 0; }
.main-menu ul li a { display: block; color: var(--color-body); font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-family: var(--primary-font); line-height: 1.4; padding: 24px; }
.main-menu ul li:hover a { color: var(--color-primary); }
.main-menu ul li ul.sub-menu li a::after { display: block !important; opacity: 1; content: ""; position: absolute; top: 50% !important; left: 4px; transform: translate(0, -50%); border-radius: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; width: 20px; height: 20px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(224, 234, 244, 0.4) 100%); border: 2px solid var(--color-primary) !important; right: inherit; backdrop-filter: blur(10px); box-shadow: 0px 4px 20px 0px var(--color-primary) inset; }
.main-menu ul li ul.sub-menu li a::before { content: ''; position: absolute; width: 18px; height: 18px; border-radius: 15px; background: var(--color-primary); left: 5px; top: 50%; transform: translate(0, -50%); opacity: 0; transition: all 0.4s ease; }

/* .main-menu > ul > li:hover > a{ color: var(--color-white); -webkit-text-stroke: .2px var(--color-white); }*/
.main-menu>ul>li:hover>a::before, .main-menu ul li.menu-item.current-menu-item>a::before { transform: scale(1); opacity: 1; }
.main-menu ul li span { margin-left: 10px; }
.main-header.relative_header { background-color: #000000; }
.main-menu ul li.current-menu-item a { color: var(--color-primary); font-weight: 600; }

.main-header.mobile-menu-open .header-wrap { border: 1px solid #FFF; }

/* -- { Lava Lamp } -- */
.lava-lamp { position: absolute; bottom: 0; top: 0; opacity: 0; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; border-top: 2px solid var(--color-primary); border-bottom: 2px solid var(--color-primary); background: #F5F5F5; }
.lava-lamp.active { opacity: 1; }
/* -- { Lava Lamp } -- */


/* -- { Css for new dropdown sub-menu start } -- */
.main-menu ul li.menu-item-has-children a:after { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; content: ""; position: absolute; top: 24%; box-sizing: border-box; height: 8px; width: 8px; border-style: solid; border-color: var(--color-white); border-width: 0px 1px 1px 0px; transform: rotate(45deg) translate(0, -50%); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; right: 6px; margin: 0 auto; }
.main-menu ul li.menu-item-has-children:hover a:after, 
.main-menu ul li.current-menu-item a:after { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; border-color: var(--color-primary); }

.main-menu ul li.menu-item-has-children a { padding-right: 18px; } 
.main-menu ul li { display: flex; justify-content: center; align-items: center; position: relative; perspective: 1000px; z-index: 100; color: var(--color-white); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 0; }
.main-menu ul.sub-menu { position: absolute; width: 250px; display: block; margin-top: 0; padding: 6px 20px; border-radius: 10px; box-shadow: 0 15px 12px #0000005e; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.main-menu ul.sub-menu li { margin: 0 !important; padding: 0 }
.main-menu ul li .sub-menu li a { color: var(--color-white); padding: 8px 0 8px 40px !important; }
.main-menu ul li.out .sub-menu { opacity: 0; transform: scaleY(0) translateZ(0); visibility: hidden; }
.main-menu ul li.menu-item-has-children { z-index: 1; }

header .main-menu ul>li { position: relative; cursor: pointer }
header .main-menu ul .sub-menu { position: absolute; left: 0; top: 100%; transform-origin: 50% 0; transform: scaleY(0) translateZ(0) translateY(0); opacity: 0; transition: transform 0.3s, opacity 0.3s; width: 220px; padding: 0; box-shadow: none; opacity: 1; visibility: hidden; display: unset; border: 1px solid #D9D9D9; }
header .main-menu ul li ul::before { content: ""; width: 100%; height: 100%; position: absolute; top: -12px; left: 0; background-color: transparent; }
header .main-menu ul li:hover ul.sub-menu { box-shadow: 0px 4px 10px 0px #e3f2ff; opacity: 1; transform: scaleY(1) translateZ(0) translateY(8px); visibility: visible; display: unset; transition: transform 0.3s, opacity 0.3s ease-out; }
header .main-menu ul .sub-menu li { display: block; position: relative; padding: 0px 16px; cursor: pointer; background-color: var(--color-white); -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }
header .main-menu ul .sub-menu li:first-child { padding-top: 8px; border-radius: 10px 10px 0 0; }
header .main-menu ul .sub-menu li:last-child { padding-bottom: 8px; }

/* -- { Css for new dropdown sub-menu End } -- */
.main-header .logo { transform: scale(1); transform-origin: left center; max-width: 240px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;  }

.nav_btn { color: var(--color-white); font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: var(--color-white); }

.main-header.fixed { position: fixed; transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; padding: 10px 0; }
.main-header.fixed .header-wrap {max-width: 100%; width: 100%; }
.main-header.fixed .logo { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; max-width: 200px; }
.main-header.fixed .manu-part { padding: 0; }
.main-header.fixed .logo .logo-bg img { filter: drop-shadow(1px 0px 8px #0000001e); }
.main-header.fixed .main-menu ul li a { padding: 14px 24px; } 
/* -- { Mobile Menu } -- */

.main-header .hdr-rt { display: flex; align-items: center; justify-content: flex-end; }
.main-header .hdr-rt.hdr-lt { gap: 50px; justify-content: flex-end; }
.main-header .user-sec { margin-left: 100px; display: flex; align-items: center; }

.menu-has-children.menu-has-children-open span img { transform: rotate(180deg); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.menu-has-children span img { transform: rotate(0deg); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.mobile-menu-container { position: fixed; z-index: 1; top: -100vh; left: 0; right: 0; background: var(--color-white); height: calc(100vh + 0px); opacity: 0; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; display: none; z-index: -1; }
.mobile-menu-container ul.sub-menu { position: relative; max-height: 0; overflow: hidden; transition: max-height 0.6s ease-out; }
.mobile-menu-container ul.sub-menu.sub-menu-open { transform: scaleY(1); max-height: 300px; }
.mobile-menu-container .inner-container { padding-top: 110px; height: 100dvh; overflow-y: auto; position: relative; }

.mobile-menu-open .mobile-menu-container { top: 0; transform: translateY(0); opacity: 1; }

.mobile-menu { max-width: 100%; padding-left: 20px; padding-right: 20px; padding-top: 30px; padding-bottom: 70px; margin: 0 auto; text-align: center; min-height: 100%; display: flex; flex-direction: column; z-index: 1; position: relative; }
.mobile-menu ul { margin: 0; padding: 0; list-style: none; }
.mobile-menu ul li { display: block; margin: 0; }
.mobile-menu ul li a { display: block; font-size: 30px; color: var(--color-body); padding: 0; }
.mobile-menu ul li.menu-item-has-children>a { padding-right: 15px; }

.mob-btns-wrap { width: 100%; max-width: 380px; margin: auto auto 0; }
  
/* -- { Mobile Menu Animation } -- */
.mobile-menu ul li { opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }
.mobile-menu-open .mobile-menu ul li { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
.mobile-menu-open .mobile-menu ul li:nth-child(1) { -webkit-transition-delay: 0.16s; transition-delay: 0.16s; }
.mobile-menu-open .mobile-menu ul li:nth-child(2) { -webkit-transition-delay: 0.24s; transition-delay: 0.24s; }
.mobile-menu-open .mobile-menu ul li:nth-child(3) { -webkit-transition-delay: 0.32s; transition-delay: 0.32s; }
.mobile-menu-open .mobile-menu ul li:nth-child(4) { -webkit-transition-delay: 0.40s; transition-delay: 0.40s; }
.mobile-menu-open .mobile-menu ul li:nth-child(5) { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; }
.mobile-menu-open .mobile-menu ul li:nth-child(6) { -webkit-transition-delay: 0.54s; transition-delay: 0.54s; }
/* -- { Mobile Menu Animation } -- */

.mobile-menu-open .mobile-menu ul li.btn { margin: 0 auto; padding: 5px 5px; max-width: 150px; }
.mobile-menu-open .mobile-menu ul li.btn a { color: var(--color-white); }
/* -- { Mobile Menu } -- */


/* -- { Hamburger Menu Styling } -- */
.hamburger-nav { display: none; }

/*when turns close icon*/
.ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.hamRotate.active { transform: rotate(45deg); }
.hamRotate180.active { transform: rotate(180deg); }

.line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: var(--color-header); stroke-width: 3.5; stroke-linecap: round; }
.ham6 .top { stroke-dasharray: 41 172; }
.ham6 .middle { stroke-dasharray: 41 111; transform: translateX(1px); }
.ham6 .bottom { stroke-dasharray: 41 172; transform: translateX(1px); }
.ham6.active .top { stroke-dashoffset: -132px; }
.ham6.active .middle { stroke-dashoffset: -71px; }
.ham6.active .bottom { stroke-dashoffset: -132px; } 
/* -- { Hamburger Menu Styling } -- */




/* =========== [ Home Page Start ] =========== */

/* [[[[[[[ Home Banner Start ]]]]]]] */
.banner { min-height: calc(100dvh + 50px); padding-top: 136px; padding-bottom: 136px; position: relative; display: flex; align-items: center; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: bottom center; }
.banner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(180deg, #341D04 11.87%, rgba(52, 29, 4, 0.3) 26.19%, rgba(52, 29, 4, 0.3) 69.98%, #341D04 100%); }

.text-box { max-width: 935px; margin: 0 auto; text-align: center; }
.text-box h1 { margin: 0 0 12px; color: var(--color-white); }

.ban-btn-wrap { display: flex; align-items: center; justify-content: center; gap: 16px; }

.bottom-shape { position: absolute; bottom: 0; width: 100%; }
.bottom-shape img { width: 100%; display: block; transform: translate(0, 2px); }
/* [[[[[[[ Home Banner End ]]]]]]] */


/* [[[[[[[ event-info Start ]]]]]]] */  
.event-info-card { padding: 24px; display: flex; align-items: center; gap: 16px; background: var(--color-white); border-radius: 20px; box-shadow: 0px 7px 16px 0px #0000000F; height: 100%;  }
.event-info-icon { width: 60px; height: 60px; flex: 0 0 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #FFF8F0; }
.event-info-icon img { width: 32px; height: 32px; object-fit: contain; }
.event-info-content { min-width: 0; }
.event-info-content h4 { margin: 0;  line-height: 1.2; }  
/* [[[[[[[ event-info End ]]]]]]] */

 
/* [[[[[[[ About Guild Section Start ]]]]]]] */ 
.about-img-wrap { border-radius: 20px; overflow: hidden; }
.about-img-wrap img { width: 100%; height: auto; object-fit: cover; display: block; }

.about-content-card { background: var(--color-white); padding: 76px 70px; border-radius: 30px; box-shadow: 0px 4px 30px 0px #00000014; border-bottom: 5px solid var(--color-primary); margin-left: calc(-1* (19% + 24px)); position: relative; z-index: 2; margin-top: 100px; } 
.about-content-card p { line-height: 1.6; margin-bottom: 0; }
/* [[[[[[[ About Guild Section End ]]]]]]] */

/* [[[[[[[ Notification Section Start ]]]]]]] */
.bg-light-orange { background-color: #FFF8F0; } 

.notification-header { margin-bottom: 16px; }
.notification-header h2 { margin-bottom: 0; line-height: 1.4; }

.view-all-link { color: #FFF !important; font-weight: 600; text-transform: uppercase; background: #FF932C; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 6px; font-size: 18px; }
.view-all-link:hover { background: var(--color-header); }

.notification-card { background: var(--color-white); border-radius: 20px; padding: 24px; }

.notification-table { width: 100%; border-collapse: collapse; margin-bottom: 0; }
.notification-table td { padding: 24px 0; border-bottom: 1px solid #EFEFEF; vertical-align: middle; border-top: none; }
.notification-table tr:last-child td { border-bottom: none; padding-bottom: 0; }
.notification-table tr:first-child td { padding-top: 0; }

.notification-table .notif-date { color: #999999; width: 150px; white-space: nowrap; }
.notification-table .notif-title { color: var(--color-header); padding-left: 5px; padding-right: 5px; }

.btn-read-more { display: inline-block; padding: 12px 24px; background-color: #F4F7F9; color: #3E516D !important; font-weight: 600;  border-radius: 10px; transition: all 0.3s; }
.btn-read-more:hover { background-color: var(--color-primary); color: var(--color-white) !important; }
.btn-read-more.disabled { pointer-events: none; opacity: 0.65; }
.notif-action a.btn-read-more { width: max-content; }


.celebration-card { border-radius: 20px; overflow: hidden; position: relative; display: flex; justify-content: flex-start; padding: 40px; background-size: cover; background-position: center; z-index: 1; }
.celebration-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(136.43% 100% at 100% 100%, rgba(52, 29, 4, 0) 0%, rgba(52, 29, 4, 0.098101) 29.27%, #341D04 84.12%); z-index: -1; }
.celebration-content h2 { color: var(--color-white); margin-bottom: 24px; line-height: 1.3; max-width: 250px; }
/* [[[[[[[ Notification Section End ]]]]]]] */


/* [[[[[[[ Apply Stalls Section Start ]]]]]]] */
.apply-stalls-banner { border-radius: 20px; overflow: hidden; position: relative; display: flex; align-items: center; padding: 90px; background-size: cover; background-position: center; z-index: 1; }
.apply-stalls-banner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #341D04 0%, rgba(52, 29, 4, 0.5) 53.52%, rgba(52, 29, 4, 0) 87.47%, rgba(52, 29, 4, 0) 100%); z-index: -1; }

.apply-stalls-content { max-width: 800px; }
.apply-stalls-content h2 { color: var(--color-white); margin-bottom: 24px; }
.apply-stalls-content p { color: var(--color-white); margin-bottom: 32px; max-width: 575px; }
/* [[[[[[[ Apply Stalls Section End ]]]]]]] */


/* [[[[[[[ Explore Fair Section Start ]]]]]]] */  
.explore-fair-card { background: var(--color-white); border: 1px solid #E0DAD1; border-radius: 20px; padding: 32px 24px; box-shadow: 0px 7px 16px 0px #0000000F; }

.explore-fair-col { position: relative; }
.explore-fair-col:not(:last-child)::after { content: ""; position: absolute; background: url(../images/line.svg); background-size: contain; background-repeat: no-repeat; background-position: center; right: -1px; top: 0; height: 100%; width: 2px; }

.explore-fair-item { display: flex; flex-direction: column; align-items: center; text-align: center; height: 100%; text-decoration: none; transition: all 0.3s ease; }
.explore-fair-item:hover { transform: translateY(-4px); }
.explore-fair-item:hover .explore-fair-icon { background: #FFF8F0; transform: scale(1.05); }
.explore-fair-item:hover h4 { color: var(--color-primary); }

.explore-fair-icon { width: 60px; height: 60px; border-radius: 50%; background: #FFF8F0; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; transition: all 0.3s ease; }
.explore-fair-icon img { width: 32px; height: 32px; object-fit: contain; }

.explore-fair-item h4 { color: var(--color-header); margin-bottom: 4px; transition: color 0.3s ease; }
.explore-fair-item p { color: #999999; margin: 0; line-height: 1.35; transition: color 0.3s ease; }

.theme-country-card { border-radius: 20px; overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: end; padding: 36px 32px; background-size: cover; background-position: right center; background-repeat: no-repeat; z-index: 1; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04); transition: box-shadow 0.3s ease; }
.theme-country-card:hover { box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08); }
.theme-country-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(100% 249.6% at 100% 0%, rgba(239, 239, 239, 0.5) 0%, rgba(239, 239, 239, 0.8) 31.76%, #EFEFEF 100%); z-index: -1; pointer-events: none; }

.theme-country-content { position: relative; z-index: 2; max-width: 270px; }
.theme-country-content h4 { margin-bottom: 0; line-height: 1.4; }
.theme-country-content p { color: var(--color-header); line-height: 1.2; margin-bottom: 24px; }
/* [[[[[[[ Explore Fair Section End ]]]]]]] */


/* [[[[[[[ Tenders Section Start ]]]]]]] */
.tenders-section { background-color: #FFF8F0; }
.tenders-row { margin-bottom: 32px; justify-content: center; }

.tenders-header { margin-bottom: 32px; }
.tenders-header p { color: var(--color-header); }

.tender-card { background: var(--color-white); border-radius: 20px; padding: 32px; box-shadow: 0px 7px 16px 0px #0000000F; height: 100%; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.3s ease; } 
.tender-card h5 { line-height: 1.2; }

.tender-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.tender-icon { width: 60px; height: 60px; border-radius: 50%; background: #FFF8F0; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } 
.tender-icon img { width: 32px; height: 32px; object-fit: contain; }
.tender-badge { background: #FFF8F0; border: 1px solid #88500021; color: #885000; font-size: 1rem; font-weight: 600; padding: 8px 16px; border-radius: 8px; }

.tender-meta-box { background: #FFF8F0; border: 1px solid #88500021; border-radius: 8px; padding: 12px 16px; margin-bottom: 16px; display: flex; flex-direction: column; gap: 4px; margin-top: auto; }
.tender-meta-item { display: flex; align-items: center; justify-content: flex-start; gap: 4px; font-size: 1rem; line-height: 1.4; }
.tender-meta-item .meta-label { color: #4D4D4D; font-weight: 700; }
.tender-meta-item .meta-value { color: #999999; }

.corrigendum-download { color: #FF932C !important; font-weight: 500; display: inline-flex; align-items: center; gap: 4px; text-decoration: underline !important; text-decoration: none; transition: all 0.2s ease; }
.corrigendum-download:hover { color: #885000 !important; }

.btn-download-now { color: var(--color-primary) !important; font-weight: 600; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; transition: all 0.3s ease; text-decoration: underline !important; }

.btn-download-now img { max-width: 24px; }
.btn-download-now:hover { color: #885000 !important; } 
.tenders-btn-wrap { margin-top: 10px; }


.modal-body:has(.tender-card) .col-xl-3 { flex: 0 0 auto; width: 33.33%; }
/* [[[[[[[ Tenders Section End ]]]]]]] */


/* [[[[[[[ Executive Committee Section Start ]]]]]]] */  
.executive-card { height: 100%; padding: 0 32px 32px; position: relative; }
.executive-card::before { content: ''; position: absolute; top: 48%; bottom: 0; left: 0; width: 100%; background: var(--color-white); z-index: -1; box-shadow: 0px 7px 16px 0px #0000000F; border-radius: 30px; }

.executive-image { padding: 0 0 100%; overflow: hidden; border-radius: 30px; position: relative; margin-bottom: 32px; }
.executive-image img { position: absolute; top:0; left: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.executive-image .placeholder-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #FFF3E7; color: var(--color-primary); font-size: 64px; }

.executive-content { text-align: center; }

.executive-section h2 { margin-bottom: 32px; }
.executive-section .row { justify-content: center; }

.mt-32 { margin-top: 32px; }
 

.executive-table-row { padding: 20px 10px; border-bottom: 1px solid #ccc; }
.executive-table-row h4 { margin: 0 0 5px; }
/* [[[[[[[ Executive Committee Section End ]]]]]]] */  


/* [[[[[[[ Gallery Section Start ]]]]]]] */
.gallery-section { background: #FFF8F0; }
.gallery-header { margin-bottom: 32px; } 

.gallery-slider-wrap { width: 100%; overflow: hidden; }
.gallery-swiper { width: 100%; overflow: visible; }

.gallery-card { display: block; position: relative; border-radius: 24px; overflow: hidden; height: 320px; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); text-decoration: none; cursor: pointer; }
.gallery-card img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 24px; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }

.gallery-overlay { position: absolute; inset: 10px; background: #FF932C4D; border-radius: 30px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.35s ease; border: 1px solid #FFFFFF; }
.gallery-zoom-icon { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; transform: scale(0.8); transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); font-size: 30px; }
 
.gallery-card:hover .gallery-overlay { opacity: 1; }
.gallery-card:hover .gallery-zoom-icon { transform: scale(1); }

.gallery-swiper .swiper-wrapper { transition-timing-function: linear !important; }
.gallery-swiper .swiper-slide { height: auto; }
/* [[[[[[[ Gallery Section End ]]]]]]] */

/* =========== [ Home Page End ] =========== */


.modal-body .notification-card { padding: 0; border-radius: 0; }
html { scroll-padding-top: 100px; }

/* =========== [ Member Tabs Section Start ] =========== */
.member-tab-wrap .nav-tabs { background: #f5f5f5; border: none; border-bottom: 3px solid var(--color-primary); }
.member-tab-wrap .nav-tabs .nav-item { flex: 1 1 auto; width: 50%; }
.member-tab-wrap .nav-tabs .nav-link { padding: 15px 15px; font-weight: 600; color: var(--color-header); border: none !important; border-radius: 0; width: 100%; margin: 0; font-size: 20px; line-height: 1.2; height: 100%; }
.member-tab-wrap .nav-tabs .nav-link.active { border: none; background: var(--color-primary); color: var(--color-white); }
.member-tab-wrap .tab-content { margin: 0; }
/* =========== [ Member Tabs Section End ] =========== */



/* =========== [ Footer Section Start ] =========== */
.site-footer { background: var(--color-header); padding-top: 87px; } 
.site-footer .footer-logo { width: max-content; max-width: 300px; padding: 2px 14px; margin-bottom: 24px; background: #FFF; border-radius: 10px; } .footer-about p { color: var(--color-white); line-height: 1.6; }
.site-footer h4 { color: #FFFFFF; margin-bottom: 32px; font-size: 20px; font-weight: 700; }

.footer-links { margin-top: 75px; }
.footer-links ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.footer-links ul li { display: flex; align-items: flex-start; gap: 10px; color: #999999; line-height: 1.4; }
.footer-links ul li img { margin-top: 2px; flex-shrink: 0; width: 22px; height: 22px; object-fit: contain; }

.footer-links ul li a { color: #999999; text-decoration: none; transition: color 0.3s ease; }
.footer-links ul li a:hover { color: var(--color-primary); }

.site-footer .contact-subtitle { color: #FFC288; font-weight: 600; line-height: 1.4; margin-bottom: 18px; display: block; } 

.footer-text p { margin: 20px 0 0 0; color: #FFF; padding: 10px; background: #ffc28817; border-radius: 6px; border-left: 4px solid var(--color-primary); }
.footer-text p a { word-break: break-word; }

.site-footer .footer-venue { margin-top: 131px; }
.site-footer .footer-venue h5 { color: #FFC288; line-height: 1.4; font-weight: 600; margin-bottom: 16px;     max-width: 260px;}
.site-footer .venue-detail { display: flex; align-items: flex-start; gap: 10px; }
.site-footer .venue-detail img { margin-top: 2px; flex-shrink: 0; width: 22px; height: 22px; object-fit: contain; }
.site-footer .venue-detail p { margin: 0; line-height: 1.5; color: #999999; } 
.site-footer .venue-detail p strong { color: #FFFFFF; font-weight: 600; display: block; margin-bottom: 4px; }

.site-footer .footer-bottom { margin-top: 60px; padding: 24px 0; border-top: 1px solid #FFFFFF21; text-align: center; }
.site-footer .footer-bottom .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; text-align: left; }
.site-footer .footer-bottom p { color: var(--color-white); font-weight: 400; margin: 0; }
.site-footer .footer-bottom .developer-credit { color: #FFFFFFA6; font-size: 14px; }
.site-footer .footer-bottom .developer-credit a { font-weight: 600; }
/* =========== [ Footer Section End ] =========== */
 .apply-stalls-section .apply-stalls-content .btn  {  animation: blink-toggle 800ms steps(1) infinite; }

@keyframes blink-toggle {
  0%, 100% {
    --color-white:#FFFFFF;
    background-color: #ff932c;
  }
  50% {
    background-color: #ffffff; 
    --color-white:#885000;
  }
}


/* =========== [ Media Query Start ] =========== */  
@media only screen and (min-width:1199px) {

    /* Common CSS */
    .container { max-width: 1200px; } 
    /* Common CSS */

}

@media only screen and (min-width:1299px) {

    /* Common CSS */
    .container { max-width: 1280px; } 
    /* Common CSS */

}
@media only screen and (min-width:1399px) {

    /* Common CSS */
    .container { max-width: 1320px; } 
    /* Common CSS */

}
@media only screen and (min-width:1599px) {

    /* Common CSS */
    .container { max-width: 1440px; } 
    /* Common CSS */

}
 
@media only screen and (max-width:1599px) {
 
    .common-padd { padding-top: 80px; padding-bottom: 80px; }
    .common-padd-bottom { padding-bottom: 80px; }
    .btn { padding: 14px 24px; }

    .main-menu ul li a { padding: 20px; }

    .text-box { max-width: 800px; }

    .event-info-card { padding: 16px; gap: 12px; }
    .about-content-card { padding: 60px 60px; margin-top: 80px; }

    .notification-table td { padding: 20px 0; }
    .btn-read-more { padding: 12px 16px; }

    .celebration-card { padding: 30px; }
    .celebration-content h2 { margin-bottom: 16px; }

    .apply-stalls-banner { padding: 80px 60px; }

    .theme-country-content p { margin-bottom: 16px; }
    .theme-country-card { padding: 28px; }
    .explore-fair-card { padding: 24px 16px; }

    .explore-fair-icon { width: 54px; height: 54px; }
    .explore-fair-icon img { width: 26px; height: 26px; object-fit: contain; }

    .explore-fair-item h4 { font-size: 20px; }
    .explore-fair-item p { font-size: 16px; }

    .tender-card { padding: 20px; }
    .tender-icon { width: 54px; height: 54px; }
    .tender-icon img { width: 26px; height: 26px; object-fit: contain; }

    .tender-badge { padding: 6px 12px; }
    .tender-meta-box { padding: 12px 12px; } 
    .tender-meta-item { font-size: 15px; }

    .member-tab-wrap .nav-tabs .nav-link { font-size: 19px; }

}

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

    h1 { font-size: 60px; }
    h2 { font-size: 36px; }
    h4 { font-size: 20px; }
    body { font-size: 17px; }

    /* Footer Section */  

}

@media only screen and (max-width:1299px) {
    
    .tender-meta-item { font-size: 14px; }

    .member-tab-wrap .nav-tabs .nav-link { font-size: 17px; }

}

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

    /*  Mobile Nav */
    html.body-scroll { overflow: hidden; }

    .hamburger-nav { display: inline-block; }  
    .hamburger-nav:has(.ham6.active)::before { transform: translate(-50%, -50%) scale(1); transition: all 400ms ease-in-out; }
    .hamburger-nav:has(.ham6.active) .line { stroke: var(--color-header); transition-delay: .2s ; }

    .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px; }
    .mobile-menu-container { display: block; }

    .header-section .right-panel { -ms-flex-pack: end !important; justify-content: flex-end !important; }
    .mobile-menu-logo { max-width: 50px; margin: 0 auto; text-align: center; display: none; }

    .mobile-menu ul li { padding: 0; }
    .mobile-menu ul li a, .mobile-menu ul li a, .mobile-menu ul li { font-size: 20px; color: var(--color-body); text-align: left; }
    .mobile-menu ul li a:hover { color: var(--color-primary); }
    .mobile-menu ul li ul.sub-menu li { padding: 0 16px; }
    .mobile-menu ul li ul.sub-menu li a { padding: 8px 0 8px 40px; position: relative; }
    .mobile-menu ul li ul.sub-menu li:first-child { margin: 16px 0 0 0; }
    .mobile-menu ul li ul.sub-menu li:last-child { margin: 0 0 16px 0; }
    .mobile-menu ul li ul.sub-menu li a::after { display: block !important; opacity: 1; content: ""; position: absolute; top: 50%; left: 4px; transform: translate(0, -50%); border-radius: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; width: 20px; height: 20px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(224, 234, 244, 0.4) 100%); border: 2px solid #d3e9fc33 !important; right: inherit; backdrop-filter: blur(10px); box-shadow: 0px 4px 20px 0px #DBEDFF inset; }
    .mobile-menu ul li ul.sub-menu li a::before { content: ''; position: absolute; width: 18px; height: 18px; border-radius: 15px; background: #4297E4; left: 0; top: 50%; transform: translate(0, -50%); box-shadow: 0px 4px 5px 0px #DBEDFF inset; filter: blur(.5px); }

    .mobile_menu_btn { margin-top: 30px; }
    .mobile_menu_btn a.btn.plbig { padding-left: 50px; }

    .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }

    .mobile_menu_btn a.plbig { margin-right: 15px; }
    .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }

    .mobile-menu ul li span { margin-left: 10px; }
    .main-menu, .main-header .hdr-rt.mob-hide { display: none; }
    .mobile-menu ul li.menu-item-has-children.menu-open:after { transform: rotate(225deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 15px; }
    .mobile-menu ul li a { font-family: var(--primary-font); }
    
    header .mobile-menu > ul {  margin: 0 auto 20px; display: flex; flex-direction: column; gap: 24px; width: 100%; }
    
    .mob-btns-wrap a.btn { width: 100%; }
    .mobile-menu { padding-bottom: 30px; }
    header .mobile-menu > ul { padding: 20px; border-radius: 14px; background: #FFF8F0; }

    .dropdown-icon-menu.active::before { transform: rotate(227deg); top: 19px }
    .dropdown-icon-menu::before { content: ""; position: absolute; top: 12px; right: calc(50% - 6px); box-sizing: border-box; height: 12px; width: 12px; border-style: solid; border-color: var(--color-primary); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin: 0 auto; }
    .dropdown-icon-menu { margin-left: 10px; content: ""; position: absolute; top: -7px; box-sizing: border-box; height: 40px; width: 40px; transform: rotate(0deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; left: unset; right: 0px; margin: 0 auto; z-index: 9999; display: flex; justify-content: center; align-items: center }
    
    .mobile-menu-container ul.sub-menu { position: relative; max-height: 0; overflow: hidden; transition: max-height .6s ease-out, margin-top .6s ease-out; border-radius: 10px;  margin-top: 0;  }
    .mobile-menu-container ul.sub-menu::before { content: ''; position: absolute; border-radius: 10px; inset: 0; border: 1px solid #0000001A; pointer-events: none; }
    .mobile-menu-container ul.sub-menu.sub-menu-open { transform: scaleY(1); max-height: 300px; margin-top: 10px; }
    .mobile-menu ul li.menu-item-has-children>a { padding-right: 0; }
    /*  Mobile Nav */ 


    .about-content-card { padding: 30px; margin-top: 60px; }
    .explore-fair-card { margin-bottom: 24px; }
    .executive-card { height: 100%; padding: 0 16px 20px; position: relative; }
    .apply-stalls-banner { padding: 60px 50px; }
    .theme-country-card { padding: 28px; min-height: 260px; }
 
    .event-info-row { row-gap: 24px; }
 
    .theme-country-content { max-width: 100%; }

    .celebration-card { min-height: 300px; }

    .modal-body:has(.tender-card) .col-xl-3 { flex: 0 0 auto; width: 50%; }

    /* Footer Section */
    .site-footer { padding-top: 70px; }
    .footer-links { margin-top: 60px; }
    .site-footer .footer-venue { margin-top: 114px; }
    .site-footer .footer-bottom { margin-top: 60px; }

    .main-header { width: calc(100% - 0px); }
    .header-wrap { width: calc(100% - 32px); margin-left: 16px; }
    .main-header.fixed .header-wrap { width: calc(100% - 32px); }

    
    .hamburger-nav { display: inline-block; margin: -14px -17px -14px 0; transform: scale(.6); background: #fbead7; }

    .banner { height: 76dvh; padding-top: 190px; padding-bottom: 40px; min-height: max-content; }
    .text-box { max-width: 780px; }
    .text-box h1 { margin: 0 0 20px; color: var(--color-white); line-height: 1.3; }

}

@media only screen and (max-width: 991px) {
    
    .main-header { padding: 0;width: calc(100% - 0px);   }
    .header-wrap { background: var(--color-white); padding: 12px 4px; border-radius: 0; width: 100%;         margin-left: 0; }
    .main-header .logo, .main-header.fixed .logo { max-width: 200px; }
    .main-header.fixed { padding: 0; }
    .main-header.fixed .header-wrap { width:100%; }
    .hamburger-nav { display: inline-block; margin: -14px -17px -14px -2px; transform: scale(.6); background: #fbead7; }
    .mobile-menu { padding-bottom: 30px; padding-top: 0; }

    .common-padd { padding-top: 60px; padding-bottom: 60px; } 
    .common-padd-bottom { padding-bottom: 50px; }
    .common-padd-sm { padding-top: 40px; padding-bottom: 40px; }
    

    /* [[[[[[[ event-info Start ]]]]]]] */
    .event-info-card { padding: 18px; } 
    .event-info-content h4 { font-size: 17px; }
    /* [[[[[[[ event-info End ]]]]]]] */

    /* [[[[[[[ About Guild Section Start ]]]]]]] */
    .about-content-card { margin-left: 0; margin-top: -50px; padding: 40px 30px; }
    /* [[[[[[[ About Guild Section End ]]]]]]] */
    
    /* [[[[[[[ Notification Section Start ]]]]]]] */
    .notification-table td { display: block; padding: 4px 0; border: none; text-align: left !important; }
    .notification-table tr { padding: 20px 0; border-bottom: 1px solid #F0F0F0; display: flex; flex-direction: column; }
    .notification-table tr:first-child { padding-top: 0; }
    .notification-table tr:last-child { border-bottom: none; padding-bottom: 0; }
    .notification-table .notif-title { font-size: 18px; order: -1; margin-bottom: 5px; width: 100%; }
    .notification-table .notif-date { width: 100%; margin-bottom: 5px; }
    .notification-table .notif-action { width: 100%; }

    .celebration-card { min-height: 250px; }
    /* [[[[[[[ Notification Section End ]]]]]]] */
    
    /* [[[[[[[ Apply Stalls Section Start ]]]]]]] */
    .apply-stalls-banner { padding: 40px; min-height: 280px; }
    /* [[[[[[[ Apply Stalls Section End ]]]]]]] */

    /* [[[[[[[ Explore Fair Section Start ]]]]]]] */
    .explore-fair-header { margin-bottom: 16px; }
    .explore-fair-card { margin-bottom: 24px; }
    .theme-country-card { min-height: 250px; }
    /* [[[[[[[ Explore Fair Section End ]]]]]]] */

    /* [[[[[[[ Tenders Section Start ]]]]]]] */
    .tenders-header { margin-bottom: 36px; }
    .tenders-row { margin-bottom: 36px; }
    .tender-title { min-height: auto; }
    /* [[[[[[[ Tenders Section End ]]]]]]] */

    /* [[[[[[[ Gallery Section Start ]]]]]]] */
    .gallery-section { padding: 60px 0; }
    .gallery-header { margin-bottom: 32px; }
    .gallery-card { height: 260px; border-radius: 18px; }
    .gallery-card img, .gallery-overlay { border-radius: 18px; }
    /* [[[[[[[ Gallery Section End ]]]]]]] */

    .executive-section .row { justify-content: center; }
    .executive-card { padding: 0 24px 24px; } 

    .modal-body:has(.tender-card) .col-xl-3 { flex: 0 0 auto; width: 100%; }

    /* Footer Section */
    .site-footer { padding-top: 60px; }
    .site-footer .row { row-gap: 36px; }
    .site-footer .footer-logo { margin-bottom: 24px; }
    .site-footer h4 { margin-bottom: 20px; }
    .footer-links { margin-top: 0; }
    .site-footer .footer-venue { margin-top: 0; }
    .site-footer .footer-bottom { margin-top: 50px; padding: 20px 0; }

    .notification-table .notif-title { padding-left: 0; padding-right: 0; }
     

}

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

    h1 { font-size: 30px; }
    h2 { font-size: 24px; }
    body { font-size: 16px; }

    h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; }

    
    .hamburger-nav { margin: -14px -17px -14px -10px; }

    .btn { padding: 14px 20px; }
    .ban-btn-wrap { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }

    .banner { height: 70dvh; padding-top: 100px; padding-bottom: 50px; }
    .text-box { max-width: 380px; }
    .text-box h1 { margin: 0 0 20px; line-height: 1.3; }

    .btn-read-more { padding: 6px 12px; border-radius: 5px; }

    .row.event-info-row { row-gap: 12px; }

    .common-padd { padding-top: 50px; padding-bottom: 50px; }
    .common-padd-bottom { padding-bottom: 50px; }

    /* [[[[[[[ event-info Start ]]]]]]] */
    .event-info-section { padding: 25px 0; }
    .event-info-card { min-height: 90px; padding: 16px; }
    .event-info-icon { width: 52px; height: 52px; flex-basis: 52px; font-size: 20px; }
    .event-info-icon img { width: 26px; height: 26px; object-fit: contain; }
    .event-info-content h4 { font-size: 18px; }
    .event-info-content p { font-size: 16px; }
    /* [[[[[[[ event-info End ]]]]]]] */


    /* [[[[[[[ About Guild Section Start ]]]]]]] */ 
    .about-content-card { margin-top: -40px; padding: 26px 20px; border-radius: 20px; /* width: 94%; margin-left: 3%; */ }
    .about-content-card p { line-height: 1.4; margin-bottom: 0; }
    /* [[[[[[[ About Guild Section End ]]]]]]] */
    

    /* [[[[[[[ Notification Section Start ]]]]]]] */ 
    .notification-header { margin-bottom: 16px; }
    .notification-card { padding: 20px; }
    .modal-body .notification-card { padding: 0; }

    .notification-table .notif-title { font-size: 16px; margin-bottom: 0px; }
    .celebration-card { min-height: 300px; padding: 24px; border-radius: 16px; }
    .notification-table tr { padding: 16px 0; border-bottom: 1px solid #dfdfdf; display: flex; flex-direction: column; }
    /* [[[[[[[ Notification Section End ]]]]]]] */


    /* [[[[[[[ Apply Stalls Section Start ]]]]]]] */
    .apply-stalls-banner { padding: 30px 20px; min-height: 240px; }
    .apply-stalls-content p { margin-bottom: 20px; }
    .apply-stalls-content h2 { color: var(--color-white); margin-bottom: 16px; line-height: 1.4; }
    .apply-stalls-banner::before { background: linear-gradient(90deg, #341D04 0%, rgba(52, 29, 4, 0.9) 70%, rgba(52, 29, 4, 0.6) 100%); }
    /* [[[[[[[ Apply Stalls Section End ]]]]]]] */


    /* [[[[[[[ Explore Fair Section Start ]]]]]]] */
    .explore-fair-section h2 { text-align: center; }
    .explore-fair-card { padding: 24px 10px; }
    .explore-fair-col:not(:last-child)::after { display: none; }
    .explore-fair-col:nth-child(odd)::after { display: block; top: -1px; }
    .explore-fair-col:nth-child(-n+2) { border-bottom: 1.5px dotted #D1A376; padding-bottom: 20px; margin-bottom: 15px; }
    .explore-fair-col:nth-child(n+3) { padding-top: 10px; } 
    .explore-fair-item h4 { font-size: 16px; }
    .explore-fair-item p { font-size: 12px; }
    .theme-country-card { min-height: 240px; padding: 30px 24px; }
    .theme-country-card::before { background: linear-gradient(90deg, rgba(248, 246, 242, 0.96) 0%, rgba(248, 246, 242, 0.92) 65%, rgba(248, 246, 242, 0.6) 100%); }
    /* [[[[[[[ Explore Fair Section End ]]]]]]] */

    /* [[[[[[[ Tenders Section Start ]]]]]]] */
    .executive-image { padding: 0 0 100%; overflow: hidden; border-radius: 20px; position: relative; margin-bottom: 20px; }
    .executive-card { padding: 0 24px 24px; position: relative; }
    .mt-32 { margin-top: 26px; }

    .tenders-header { margin-bottom: 20px; }
    .tenders-row { margin-bottom: 30px; }
    .tender-card { padding: 20px; }
    .tender-title { font-size: 16px; min-height: auto; margin-bottom: 14px; }
    .tender-meta-box { padding: 12px 14px; margin-bottom: 16px; }
    /* [[[[[[[ Tenders Section End ]]]]]]] */

    /* [[[[[[[ Gallery Section Start ]]]]]]] */
    .gallery-section { padding: 50px 0; }
    .gallery-header { margin-bottom: 24px; }
    .gallery-card { height: 220px; border-radius: 16px; }
    .gallery-card img, .gallery-overlay { border-radius: 16px; }
    .gallery-zoom-icon { width: 42px; height: 42px; }
    /* [[[[[[[ Gallery Section End ]]]]]]] */

    
    .celebration-content h2 { max-width: 100%; }

    .executive-section h2 { margin-bottom: 24px; }

    .explore-fair-card .row { margin: 0px -10px; }

    .verified-phone-display { flex-direction: column; min-width: 260px; }
    .sap-line { display: none; }

    .member-tab-wrap .nav-tabs .nav-link { padding: 10px 15px; font-size: 16px; }

    /* Footer Section */
    .site-footer { padding-top: 50px; }
    .site-footer .row { row-gap: 30px; }
    .site-footer .footer-logo { max-width: 280px; margin-bottom: 18px; }
    .site-footer .footer-bottom { margin-top: 40px; padding: 18px 0; }
    .site-footer .footer-bottom p { font-size: 13px; }

    ul.foot-menu { flex-direction: row; flex-wrap: wrap; } 
    ul.foot-menu li { width: calc(50% - 6px); }
    ul.foot-menu li a { padding: 5px; border-bottom: 1px solid #FFC288; background: #ffc28814; color: #b5b5b5; display: block; width: 100%; }

    .site-footer .footer-bottom .developer-credit { color: #FFFFFFA6; font-size: 13px; }

    .view-all-link { width: 32px; height: 32px; font-size: 16px; }
   

}

@media only screen and (max-width: 576px) {
    /* [[[[[[[ Explore Fair Section Start ]]]]]]] */
    .explore-fair-icon { width: 46px; height: 46px; margin-bottom: 12px; }
    .explore-fair-icon img { width: 22px; height: 22px; }
    /* [[[[[[[ Explore Fair Section End ]]]]]]] */

    /* Gallery Section */
    .gallery-card { height: 190px; border-radius: 14px; }
    .gallery-card img, .gallery-overlay { border-radius: 14px; }

    /* Footer Section */
    .site-footer .footer-links { width: 100%; }
    .site-footer .footer-venue { width: 100%; }
    .site-footer .footer-bottom .container { justify-content: center; text-align: center; }
}

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

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

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

/* =========== [ Media Query End ] =========== */

/* ==================================================
   Stall Booking Multi-Step Modal Styles
================================================== */
.stall-apply-modal .modal-content { border-radius: 24px; overflow: hidden; background: #FFFFFF; box-shadow: 0 30px 70px rgba(52, 29, 4, 0.28); border: 1px solid rgba(255, 147, 44, 0.2); }
.stall-apply-modal .modal-header { background: linear-gradient(135deg, #FFF8F1 0%, #FFF3E0 100%); border-bottom: 1px solid rgba(255, 147, 44, 0.15); padding: 20px; align-items: center; }

.stall-apply-modal .modal-logo-badge { width: 48px; height: 48px; border-radius: 12px; background: #FFFFFF; padding: 6px; box-shadow: 0 4px 12px rgba(255, 147, 44, 0.18); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.stall-apply-modal .modal-logo-badge img { max-height: 100%; width: auto; object-fit: contain; }

.stall-apply-modal .modal-title { line-height: 1.2; }
.stall-apply-modal .modal-sub-label { font-size: 0.825rem; color: var(--color-primary); font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }
.stall-apply-modal .modal-close-btn { width: 26px; height: 26px; background-color: rgba(52, 29, 4, 0.06); border-radius: 50%; padding: 10px; opacity: 0.75; transition: all 0.3s ease; background-size: 12px; }
.stall-apply-modal .modal-close-btn:hover { opacity: 1; background-color: rgba(255, 147, 44, 0.15); transform: rotate(90deg); }

.modal-stepper-wrap { background: #FAFAFA; padding: 14px; border-bottom: 1px solid #EEEEEE; }
.modal-stepper { display: flex; align-items: center; justify-content: space-between; max-width: 620px; margin: 0 auto; position: relative; }
.modal-stepper .step-item { display: flex; flex-direction: column; align-items: center; gap: 6px; z-index: 2; transition: all 0.3s ease; }
.modal-stepper .step-circle { width: 38px; height: 38px; border-radius: 50%; background: #EEEEEE; color: #9E9E9E; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; transition: all 0.3s ease; }
.modal-stepper .step-text { font-size: 12px; font-weight: 600; color: #9E9E9E; white-space: nowrap; transition: all 0.3s ease; }
.modal-stepper .step-line { flex: 1; height: 3px; background: #E0E0E0; margin: 0 8px -18px; transition: all 0.4s ease; border-radius: 3px; }
.modal-stepper .step-item.active .step-circle { background: var(--color-primary); color: #FFFFFF; box-shadow: 0 0 0 5px rgba(255, 147, 44, 0.22); transform: scale(1.05); }

.modal-stepper .step-item.active .step-text { color: var(--color-primary); }
.modal-stepper .step-item.completed .step-circle { background: #198754; color: #FFFFFF; }
.modal-stepper .step-item.completed .step-text { color: #198754; }
.modal-stepper .step-line.completed { background: #198754; }


.modal-step-pane { animation: fadeInStep 0.35s ease; }
@keyframes fadeInStep {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
.step-content-box { max-width: 460px; margin: 0 auto; padding: 10px 0; }
.step-icon-badge { width: 55px; height: 55px; border-radius: 50%; background: #FFF3E0; color: var(--color-primary); display: inline-flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 14px; box-shadow: 0 8px 20px rgb(255 147 44 / 13%); }
.step-content-box h3 { font-size: 1.5rem; font-weight: 700; color: var(--color-header); margin-bottom: 8px; }
.step-content-box .step-desc { color: #757575; font-size: 14px; line-height: 1.5; margin-bottom: 22px; }

.phone-input-group { display: flex; align-items: stretch; border: 2px solid #E0E0E0; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; background: #FFFFFF; }
.phone-input-group:focus-within { border-color: var(--color-primary); box-shadow: 0 0 0 4px rgba(255, 147, 44, 0.15); }

.phone-country-code { display: flex; align-items: center; gap: 6px; background: #F8F9FA; padding: 0 16px; font-weight: 600; color: var(--color-header); font-size: 16px; border-right: 1px solid #E0E0E0; user-select: none; }
.phone-control { border: none !important; height: 54px !important; font-size: 18px !important; font-weight: 600 !important; letter-spacing: 1.5px; padding: 0 16px !important; color: var(--color-header) !important; background: transparent !important; box-shadow: none !important; }
.phone-control::placeholder { font-size: 15px; letter-spacing: normal; font-weight: 400; color: #9E9E9E; display: block !important; }

.email-input-group { display: flex; align-items: stretch; border: 2px solid #E0E0E0; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; background: #FFFFFF; }
.email-input-group:focus-within { border-color: var(--color-primary); box-shadow: 0 0 0 4px rgba(255, 147, 44, 0.15); }
.email-input-icon { display: flex; align-items: center; justify-content: center; background: #F8F9FA; padding: 0 16px; font-size: 16px; color: var(--color-primary); border-right: 1px solid #E0E0E0; user-select: none; }
.email-control { border: none !important; height: 54px !important; font-size: 16px !important; font-weight: 600 !important; padding: 0 16px !important; color: var(--color-header) !important; background: transparent !important; box-shadow: none !important; }
.email-control::placeholder { font-size: 14px; letter-spacing: normal; font-weight: 400; color: #9E9E9E; display: block !important; }

.badge-verified-check { display: inline-flex; align-items: center; background: #E8F5E9; color: #2E7D32; font-size: 11.5px; font-weight: 700; padding: 3px 8px; border-radius: 12px; }
.btn-step-back { background: none; border: none; color: #757575; font-size: 12.5px; font-weight: 600; padding: 4px 8px; cursor: pointer; transition: color 0.2s ease; outline: none; }
.btn-step-back:hover { color: var(--color-primary); text-decoration: underline; }

.invalid-feedback-custom { color: #DC3545; font-size: 13px; text-align: left; margin-top: 6px; font-weight: 500; }
.invalid-feedback-custom.is-success-msg { color: #198754; }
.field-error-msg { color: #DC3545; font-size: 12px; margin-top: 4px; font-weight: 500; }
.btn-modal-cancel:hover { background: #E0E0E0 !important; color: var(--color-header) !important; }
.form-security-note { font-size: 12px; color: #8C8C8C; }

.verified-phone-display { display: inline-flex; align-items: center; gap: 5px 10px; background: #F5F5F5; padding: 6px 14px; border-radius: 20px; flex-wrap: wrap; justify-content: center; }
.phone-number-pill { font-weight: 700; color: var(--color-header); font-size: 13.5px; letter-spacing: 0.3px; word-break: break-all; }
.btn-change-number { background: none; border: none; color: var(--color-primary); font-size: 12px; font-weight: 700; padding: 0; cursor: pointer; text-decoration: underline; outline: none; }
.btn-change-number:hover { color: #885000; }

.btn-autofill-otp { background: #FF932C; color: #FFFFFF; border: none; padding: 4px 10px; font-size: 11px; font-weight: 700; border-radius: 6px; cursor: pointer; transition: all 0.2s; text-transform: uppercase; }
.btn-autofill-otp:hover { background: #885000; }
 
.otp-boxes-wrap { display: flex; justify-content: center; gap: 8px; }
.otp-input { width: 50px; height: 56px; text-align: center; font-size: 24px; font-weight: 700; color: var(--color-header); border: 2px solid #E0E0E0; border-radius: 12px; background: #FAFAFA; transition: all 0.25s ease; outline: none; }
.otp-input:focus { border-color: var(--color-primary); background: #FFFFFF; box-shadow: 0 0 0 4px rgba(255, 147, 44, 0.18); transform: translateY(-2px); }
.otp-input.filled { border-color: #4CAF50; background: #F1F8E9; }
.otp-shake { animation: shakeEffect 0.4s ease; }

@keyframes shakeEffect {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-8px); }
    40%, 80% { transform: translateX(8px); }
}

.resend-otp-wrap { font-size: 13px; color: #757575; }
.btn-resend-otp { background: none; border: none; color: var(--color-primary); font-weight: 700; padding: 0; cursor: pointer; text-decoration: underline; }
.btn-resend-otp:hover { color: #885000; }
.btn-resend-otp:disabled { color: #B0B0B0; cursor: not-allowed; text-decoration: none; }
.resend-otp-timer { font-weight: 600; color: #757575; }
.verified-badge-pill { background: #E8F5E9; color: #2E7D32; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; }
.form-section-title { font-size: 14px; font-weight: 700; color: var(--color-header); border-bottom: 2px solid #FFF3E0; padding-bottom: 6px; }
.doc-status-badge { font-size: 11px; font-weight: 600; }
.modal-field-label { font-size: 13px; font-weight: 600; color: var(--color-header); margin-bottom: 6px; display: block; }
.input-with-icon { position: relative; display: flex; align-items: center; }
.input-with-icon .input-icon { position: absolute; left: 14px; color: #9E9E9E; font-size: 15px; pointer-events: none; z-index: 2; transition: color 0.3s; }
.input-with-icon:focus-within .input-icon { color: var(--color-primary); }

.modal-input { border: 1px solid #DCE0E5 !important; border-radius: 10px !important; padding: 10px 14px 10px 42px !important; font-size: 14px !important; height: 48px !important; color: var(--color-header) !important; background-color: #FFFFFF !important; transition: all 0.25s ease !important; }
.modal-input::placeholder { font-size: 13px; color: #A0AEC0; display: block !important; }
.modal-input:focus { border-color: var(--color-primary) !important; box-shadow: 0 0 0 3px rgba(255, 147, 44, 0.15) !important; }
select.modal-input { background-position: center right 12px !important; padding-right: 36px !important; cursor: pointer; } 
textarea.modal-textarea { height: auto !important; min-height: 72px !important; padding-top: 12px !important; resize: vertical; }
.modal-file-input { padding: 11px 14px 11px 22px !important; font-size: 12.5px !important; line-height: 1.8; cursor: pointer; }
.modal-file-input::file-selector-button { background: #FFF3E0; border: 1px solid var(--color-primary); color: var(--color-header); padding: 3px 10px; border-radius: 6px; font-size: 11.5px; font-weight: 600; margin-right: 8px; cursor: pointer; transition: all 0.2s; }
.modal-file-input::file-selector-button:hover { background: var(--color-primary); color: #FFFFFF; }
.file-upload-hint { font-size: 11px; color: #8C8C8C; margin-top: 3px; display: block; }
.custom-checkbox-wrap { background: #FFF9F2; border: 1px dashed rgba(255, 147, 44, 0.4); border-radius: 10px; padding: 12px 14px 12px 38px; }
.custom-checkbox-wrap .form-check-input { margin-left: -26px; margin-top: 2px; }
 
.success-check-circle { width: 76px; height: 76px; border-radius: 50%; background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%); color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; font-size: 36px; box-shadow: 0 10px 25px rgba(46, 125, 50, 0.3); animation: bounceIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
@keyframes bounceIn { 0% { transform: scale(0); opacity: 0; } 70% { transform: scale(1.15); opacity: 1; } 100% { transform: scale(1); } }
.acknowledgement-card { background: #F9FAFB; border: 1px solid #E5E7EB; border-radius: 16px; padding: 20px 24px; }
.ack-ref-code { font-size: 1.15rem; color: var(--color-primary); letter-spacing: 1px; font-family: monospace; }
.ack-details-grid .ack-label { display: block; font-size: 12px; color: #6B7280; margin-bottom: 2px; }
.ack-details-grid .ack-val { display: block; font-size: 13.5px; color: var(--color-header); word-break: break-word; }
.ack-file-link { display: flex; align-items: center; gap: 6px; color: var(--color-primary) !important; text-decoration: underline; word-break: break-all; }
.ack-file-link:hover { color: #885000 !important; }
.step-content-box p { font-size: 16px; }
/* Printing the acknowledgement (see #btnPrintAck in custom.js) builds a
   standalone one-page document in a hidden iframe rather than hiding the
   rest of this page via CSS — the whole homepage is too tall for a
   visibility:hidden trick to stay to one page, and it can't add a letterhead
   the live modal doesn't otherwise show. See ackPrintTemplate() for that
   document's markup/styles. */

/* Mobile Responsiveness for Modal */
@media (max-width: 767px) {
    .stall-apply-modal .modal-sub-label { font-size: 12px; color: var(--color-primary); letter-spacing: 0; line-height: 1; display: block; margin: 5px 0 0; }
    .step-content-box h3 { font-size: 20px; font-weight: 700; }
    .step-content-box .step-desc { color: #757575; font-size: 14px; line-height: 1.2; margin-bottom: 15px; }
    .phone-country-code { padding: 0 10px;  }

    .stall-apply-modal .modal-header { padding: 16px; }
    .modal-stepper-wrap { padding: 12px 8px; }
    .modal-stepper { max-width: 100%; }
    .modal-stepper .step-text { font-size: 9px; max-width: 48px; text-align: center; white-space: normal; line-height: 1.1; }
    .modal-stepper .step-circle { width: 28px; height: 28px; font-size: 11px; }
    .modal-stepper .step-line { margin: 0 3px -20px; height: 2px; }
    .otp-input { width: 38px; height: 46px; font-size: 18px; }
    .otp-boxes-wrap { gap: 6px; }
    .acknowledgement-card { padding: 14px; margin-bottom: 12px !important; }

    .fd-mob { flex-direction: column; }
    .fd-mob .btn { width: 100%; }
    .success-check-circle { width: 62px; height: 62px; font-size: 28px; }
    .step-content-box p.mb-4 { margin-bottom: 14px !important; }

    .ack-ref-code { font-size: 15px; color: var(--color-primary); letter-spacing: 1px; font-family: monospace; }
    .ack-header { margin-bottom: 10px !important; }

}