/*====================================================================
   Custom CSS File for most of Desktop and Mobile look for Kipya Template
   Developed by Amazing LWEGATECH LTD team.
===================================================================**/
:root {
  --kpy-font-body: "Open Sans", sans-serif;
  --kpy-font-heading: "Roboto", sans-serif;

  --kpy-primary: #5c3224;
  --kpy-primary-rgb: 92, 50, 36;

  --kpy-secondary: #8dc442;
  --kpy-secondary-rgb: 141, 196, 66;

  --kpy-light: rgba(92, 50, 36, 0.1);
  --kpy-base: #000000;
  --kpy-base-rgb: 0, 0, 0;

  --kpy-white: #ffffff;
  --kpy-white-rgb: 255, 255, 255;

  --kpy-black: #000000;
  --kpy-grey: #808080;
  --kpy-gold: #8dc442;

  --kpy-font-size: 16px;
}

body {
  font-family: var(--kpy-font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--kpy-font-heading);
}

/** ==========================================================
Menu
===========================================================**/
.transparent-header{position:absolute;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all 0.3s ease;}
.transparent-header.scrolled{background:rgba(0,0,0,0.9);box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.transparent-logo{transition:all 0.3s ease;}
.transparent-logo img{height:100px;transition:all 0.3s ease;border-radius: 18px 0;margin-right: 100px;}
.transparent-header.scrolled .transparent-logo img{height:70px;}
.transparent-menu .nav-link{color:var(--kpy-white) !important;text-transform:uppercase;font-weight:500;font-size:0.9rem;padding:1.8rem 1.25rem!important;position:relative;transition:all 0.2s ease;}
.transparent-menu .nav-link:hover{color:var(--kpy-white) !important;transform:translateY(-2px);}
.transparent-menu .nav-link::after{content:'';position:absolute;bottom:0.75rem;left:1.25rem;right:1.25rem;height:2px;background-color:var(--kpy-gold);transform:scaleX(0);transition:transform 0.3s ease;}
.transparent-menu .nav-link:hover::after,.transparent-menu .current-menu-item .nav-link::after{transform:scaleX(1);}
.transparent-header { display:flex; align-items:center; justify-content:space-between; padding:0 2em; }
.transparent-logo { flex:0 0 auto; margin-right:2em; }
.main-navigation { flex:1 1 auto; display:flex; justify-content:center; align-items:center; }
.sidebar-menu-toggle { flex:0 0 auto; margin-left:2em; }
.transparent-menu .dropdown-menu { background:var(--kpy-white); border:none; border-radius:18px 0; padding:18px 0; min-width:240px; backdrop-filter:blur(12px); overflow:hidden; transform-origin:top center; opacity:0; visibility:hidden; transform:translateY(18px) scale(0.97); transition:all 0.28s cubic-bezier(0.22,0.61,0.36,1); position:absolute; z-index:1000; }
.transparent-menu .nav-item.dropdown:hover .dropdown-menu,
.transparent-menu .nav-item.dropdown:focus-within .dropdown-menu { opacity:1; visibility:visible; transform:translateY(0) scale(1); display:block !important; }
.transparent-menu .dropdown-menu::before { content:''; position:absolute; top:-12px; left:32px; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid var(--kpy-white); }
.transparent-menu .dropdown-item { color:var(--kpy-primary) !important; padding:14px 20px; font-size:1rem; font-weight:500; letter-spacing:0.01em; border-left:4px solid transparent; border-radius:0 18px 18px 0; background:none; display:flex; align-items:center; position:relative; transition:background 0.18s, color 0.18s, border-color 0.18s, padding 0.18s; }
.transparent-menu .dropdown-item:hover, .dropdown-item.active,
.transparent-menu .dropdown-item:focus { background-color:rgba(var(--kpy-primary-rgb),0.08) !important; color:var(--kpy-primary) !important; border-left-color:var(--kpy-primary); padding-left:32px; }
.transparent-menu .dropdown-item:not(:last-child) { border-bottom:1px solid var(--kpy-light); }
.transparent-menu .dropdown-toggle:hover::after{color:var(--kpy-white);}
.transparent-menu .nav-item.dropdown:hover .dropdown-toggle::after{transform:rotate(180deg);}
.transparent-menu .nav-item.dropdown:hover .dropdown-menu{display:block;}
.transparent-menu .dropdown-menu{opacity:0;visibility:hidden;transform:translateY(15px) scale(0.95);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);}
.transparent-menu .nav-item.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);display:block !important;}
.transparent-menu .dropdown-item i{margin-right:10px;font-size:14px;opacity:0.7;}
.transparent-menu .dropdown-item:hover i{opacity:1;}
.sidebar-menu-toggle{color:var(--kpy-white);background:transparent;border:none;font-size:1.75rem;margin-left:auto;padding:0.5rem 1rem;cursor:pointer;transition:all 0.3s ease;}
.sidebar-menu-toggle:hover{color:var(--kpy-secondary);}
.sidebar-menu{position:fixed;top:0;right:-75vw;width:75vw;height:100vh;background:#fff;z-index:1100;padding:2rem;overflow-y:auto;transition:right 0.4s ease;scrollbar-width:none;-ms-overflow-style:none;box-shadow:-5px 0 30px rgba(0,0,0,0.1);}
.sidebar-menu.active{right:0;}
.sidebar-menu .close-btn{position:absolute;top:1rem;right:1rem;color:#333;font-size:1.5rem;background:none;border:none;cursor:pointer;transition:color 0.3s ease;}
.sidebar-menu .close-btn:hover{color:var(--kpy-gold);}
.sidebar-search form{display:flex;gap:8px;}
.sidebar-search{margin-bottom:2rem;}
.sidebar-search input{flex:1;background:#f5f5f5;border:1px solid #ddd;color:#333;padding:0.75rem 1rem;width:100%;border-radius:18px 0;}
.sidebar-search button{background:var(--kpy-gold);color:var(--kpy-black);border:none;padding:0.75rem 1.5rem;cursor:pointer;transition:all 0.3s ease;border-radius:0 18px;}
.sidebar-search button:hover{background:#333;color:#fff;}
.sidebar-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;margin:0 0 30px;}
.sidebar-nav-grid>li{position:relative;margin:0;padding:0;border-bottom:1px solid rgba(0,0,0,0.05);margin-bottom:5px;padding-bottom:5px;}
.sidebar-nav-grid>li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.sidebar-nav-grid>li>a{display:block;padding:15px 20px;background:transparent;color:#222;font-weight:700;letter-spacing:1px;text-decoration:none;border-radius:4px;transition:all 0.3s ease;font-size:0.9rem;border-left:3px solid var(--kpy-gold);text-transform:uppercase;position:relative;}
.sidebar-nav-grid>li>a:hover{background:transparent;transform:translateX(5px);color:var(--kpy-gold);padding-left:25px;}
.sidebar-nav-grid .sub-menu{display:block!important;padding:8px 0 0 12px;margin:0;list-style:none;}
.sidebar-nav-grid .sub-menu li{margin-bottom:5px;}
.sidebar-nav-grid .sub-menu a{display:block;padding:8px 12px;background:transparent;color:#555;font-weight:500;text-decoration:none;border-radius:3px;font-size:14px!important;transition:all 0.2s ease;border-left:2px solid transparent;}
.sidebar-nav-grid .sub-menu a:hover{background:transparent;color:#333;border-left-color:var(--kpy-gold);}
.sidebar-nav-grid>li.menu-item-has-children>a{position:relative;padding-right:40px;}
.sidebar-nav-grid>li.menu-item-has-children>a::after{content:"\f285";font-family:"bootstrap-icons";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--kpy-gold);transition:all 0.3s ease;font-weight:bold;}
.sidebar-nav-grid>li.menu-item-has-children.active>a::after{transform:translateY(-50%) rotate(90deg);}
.sidebar-social{display:flex;justify-content:center;gap:18px;padding:25px 0 0;margin-top:25px;border-top:1px solid #eee;}
.sidebar-social a{color:var(--kpy-primary);font-size:20px;transition:all 0.3s ease;}
.sidebar-social a:hover{color:var(--kpy-gold);transform:translateY(-2px);}
@media(max-width:768px){.sidebar-nav-grid{grid-template-columns:1fr;}.sidebar-nav-grid>li>a{padding:12px 15px;}.sidebar-nav-grid>li>a:hover{padding-left:20px;}}
@media(max-width:992px){.sidebar-menu{width:75vw;right:-75vw;}}
@media(max-width:767.98px){.sidebar-menu{width:100vw;right:-100vw;}}
.sidebar-menu::-webkit-scrollbar{display:none;width:0;height:0;background:transparent;}
.sidebar-nav-container{height:calc(100vh - 200px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-right:15px;}
.sidebar-nav-container::-webkit-scrollbar{display:none;width:0;height:0;background:transparent;}
.sidebar-nav-grid{-webkit-overflow-scrolling:touch;}
.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:1090;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.overlay.active{opacity:1;visibility:visible;}
.transparent-header{width:100%;top:0;left:0;z-index:999;transition:background 0.3s,padding 0.3s,box-shadow 0.3s;}
.transparent-header.scrolled{background-color:var(--kpy-primary);padding:0.5rem 0;box-shadow:0 4px 12px rgba(0,0,0,0.2);position:fixed;}
.sidebar-search{position:relative;}
#sidebar-search-results{position:absolute;top:100%;left:0;width:100%;z-index:50;background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 6px 15px rgba(0,0,0,0.1);margin-top:5px;max-height:300px;overflow-y:auto;display:none;}
#sidebar-search-results.active{display:block;}
#sidebar-search-results li{margin:0;padding:0;}
#sidebar-search-results li a{display:block;color:#222;text-decoration:none;font-size:0.9rem;padding:.75rem 1rem;transition:all 0.2s ease;}
#sidebar-search-results li a:hover{background:#f5f5f5;color:#000;}
.sidebar-menu h3{color:#333;margin-bottom:1.5rem;}



/** ==========================================================
Footer
===========================================================**/

.static-footer{background:var(--kpy-base);color:#fff;padding:70px 0 40px;position:relative;overflow:hidden; border-radius: 0 200px 0 0;}
.static-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--kpy-gold),#ffd700,var(--kpy-gold));}
.newsletter-section{background:linear-gradient(135deg,rgba(255,215,0,0.1),rgba(255,215,0,0.05));border-radius:12px;padding:40px;margin-bottom:60px;border:1px solid rgba(255,215,0,0.1);position:relative;overflow:hidden;}
.newsletter-section::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(255,215,0,0.05)  70%);}
.newsletter-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;z-index:1;}
@media(max-width:768px){.newsletter-content{grid-template-columns:1fr;text-align:center;gap:30px;}}
.newsletter-text h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:15px;line-height:1.3;}
.newsletter-text h3 span{color:var(--kpy-gold);}
.newsletter-text p{color:#aaa;font-size:1rem;line-height:1.6;margin:0;}
.newsletter-form{display:flex;gap:15px;flex-wrap:wrap;}
.newsletter-form input{flex:1;min-width:250px;padding:16px 20px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:#fff;border-radius:0 15px;font-size:1rem;transition:all 0.3s ease;}
.newsletter-form input:focus{outline:none;border-color:var(--kpy-gold);background:rgba(255,255,255,0.12);box-shadow:0 0 0 3px rgba(255,215,0,0.1);}
.newsletter-form input::placeholder{color:#888;}
.newsletter-form button{padding:16px 35px;background:var(--kpy-gold);color:#000;border:none;border-radius:18px 0;font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:10px;white-space:nowrap;}
.newsletter-form button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,215,0,0.3);}
.newsletter-form button i{font-size:18px;}
.form-message{margin-top:15px;padding:12px 20px;border-radius:8px;font-size:0.95rem;display:none;}
.form-message.success{background:rgba(46,204,113,0.1);color:#2ecc71;border:1px solid rgba(46,204,113,0.2);display:block;}
.form-message.error{background:rgba(231,76,60,0.1);color:#e74c3c;border:1px solid rgba(231,76,60,0.2);display:block;}
.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;}
.footer-main{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:50px;}
@media(max-width:992px){.footer-main{grid-template-columns:repeat(2,1fr);gap:40px;}}
@media(max-width:576px){.footer-main{grid-template-columns:1fr;gap:40px;}}
.footer-col h4{color:#fff;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:25px;padding-bottom:10px;position:relative;}
.footer-col h4::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--kpy-gold);}
.footer-logo-col .footer-logo{margin-bottom:20px;}
.footer-logo-col .footer-logo img{max-height:100px;width:auto; border-radius: 18px 0;}
.footer-logo-col .footer-logo.text-logo{color:#fff;font-size:1.8rem;font-weight:700;text-decoration:none;}
.footer-logo-col .footer-logo.text-logo:hover{color:var(--kpy-gold);}
.footer-logo-col p{color:#aaa;line-height:1.6;font-size:0.95rem;margin-bottom:25px;}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:12px;}
.footer-links a{color:#bbb;text-decoration:none;font-size:0.95rem;transition:all 0.3s ease;display:flex;align-items:center;gap:10px;}
.footer-links a:hover{color:var(--kpy-gold);transform:translateX(5px);}
.footer-links a i{font-size:12px;opacity:0.7;}
.contact-info{list-style:none;padding:0;margin:0;}
.contact-info li{margin-bottom:18px;display:flex;align-items:flex-start;gap:12px;}
.contact-info i{color:var(--kpy-gold);font-size:16px;margin-top:3px;flex-shrink:0;}
.contact-info span{color:#bbb;font-size:0.95rem;line-height:1.5;}
.contact-info a{color:#bbb;text-decoration:none;transition:all 0.3s ease;}
.contact-info a:hover{color:var(--kpy-gold);}
.social-links{display:flex;gap:15px;margin-top:25px;}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(255,255,255,0.08);color:#fff;border-radius:50%;text-decoration:none;transition:all 0.3s ease;font-size:16px;}
.social-links a:hover{background:var(--kpy-gold);color:#000;transform:translateY(-3px);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);}
.footer-copyright{color:#888;font-size:0.9rem;}
.footer-copyright a{color:var(--kpy-gold);text-decoration:none;}
.footer-copyright a:hover{text-decoration:underline;}
.footer-legal{display:flex;gap:25px;list-style:none;padding:0;margin:0;}
.footer-legal a{color:#888;text-decoration:none;font-size:0.9rem;transition:all 0.3s ease;}
.footer-legal a:hover{color:var(--kpy-gold);}
.back-to-top{position:fixed;bottom:30px;right:30px;width:45px;height:45px;background:var(--kpy-gold);color:#000;border:none;border-radius:18px 0;cursor:pointer;font-size:18px;display:none;align-items:center;justify-content:center;z-index:1000;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.3);}
.back-to-top:hover{background:#fff;transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.4);}
.back-to-top.show{display:flex;}
@media(max-width:768px){.static-footer{padding:50px 0 30px;}.newsletter-section{padding:30px;}.newsletter-text h3{font-size:1.5rem;}.newsletter-form{flex-direction:column;}.newsletter-form input{min-width:100%;}.newsletter-form button{width:100%;justify-content:center;}.footer-bottom{flex-direction:column;text-align:center;gap:15px;}.footer-legal{flex-wrap:wrap;justify-content:center;gap:15px;}.back-to-top{bottom:20px;right:20px;width:40px;height:40px;}}


/** ==========================================================
Animations
===========================================================**/
.quick-view{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}
.kpy-services-grid-wrapper{opacity:0;transform:translateY(60px);transition:opacity .8s ease-out .2s,transform .8s ease-out .2s}
.kpy-news-slider-container{opacity:0;transform:translateY(60px);transition:opacity .8s ease-out .4s,transform .8s ease-out .4s}

.quick-view.scroll-visible,.kpy-services-grid-wrapper.scroll-visible,.kpy-news-slider-container.scroll-visible{opacity:1;transform:translateY(0)}

.kpy-service-card{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}

.kpy-services-grid-wrapper.scroll-visible .kpy-service-card:nth-child(1){transition-delay:.3s}
.kpy-services-grid-wrapper.scroll-visible .kpy-service-card:nth-child(2){transition-delay:.4s}
.kpy-services-grid-wrapper.scroll-visible .kpy-service-card:nth-child(3){transition-delay:.5s}
.kpy-services-grid-wrapper.scroll-visible .kpy-service-card:nth-child(4){transition-delay:.6s}
.kpy-services-grid-wrapper.scroll-visible .kpy-service-card:nth-child(5){transition-delay:.7s}
.kpy-services-grid-wrapper.scroll-visible .kpy-service-card:nth-child(6){transition-delay:.8s}

.kpy-services-grid-wrapper.scroll-visible .kpy-service-card{opacity:1;transform:translateY(0)}

.kpy-news-slider.scroll-visible .kpy-news-slide{opacity:1!important;transform:translateX(0)!important}





/** ==========================================================
Main Slides
===========================================================**/
.main-slider { position: relative; width: 100%; overflow: hidden; border-radius: 0 0 0 200px; margin-bottom: 50px; }
.main-slider .swiper-slide { position: relative;  }
.main-slider .container { position: relative; padding-top: 250px;  z-index: 3;height:100vh }
.image-layer, .slider-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; z-index: 1; transition: transform 7000ms ease, opacity 1500ms ease-in; }
.slider-overlay { background: rgba(0, 0, 0, 0.3); z-index: 2; }
.main-slider .swiper-slide-active .image-layer { transform: scale(1.15); }
.main-slider-content { position: relative; align-items: center; text-align: start; }
.main-slider-content__inner { width: 60%; margin: auto;text-align: center;background: linear-gradient(to top, 
    rgba(var(--kpy-primary-rgb), 0.9) 0%, 
    rgba(var(--kpy-primary-rgb), 0.6) 30%, 
    rgba(var(--kpy-primary-rgb), 0.3) 60%, 
    rgba(var(--kpy-primary-rgb), 0) 90%
); }
.big-title h2 { color: var(--kpy-white); font-size: 80px;  line-height: 1.0; margin: 0 0 20px; text-shadow: 0.5px 1px 4px var(--kpy-gold); font-family:var(--kpy-font-2);}
.text p { color: var(--kpy-white); font-size: 1.2rem; line-height: 1.6; margin-bottom: 30px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.hero-buttons {  gap: 15px; margin-top: 20px; }
.buttons { padding: 20px 25px; border-radius: 18px 0; font-weight: 600; text-decoration: none; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 1px; }
.buttons-join { background-color:var(--kpy-gold); color: var(--kpy-base); }
.buttons-volunteer { background-color: transparent; color: var(--kpy-white); border: 2px solid var(--kpy-white); }
@media (max-width: 768px) {.hero-buttons {flex-direction: row; flex-wrap: wrap; gap: 10px;justify-content: center;padding:10px 10px; }

  .hero-buttons .buttons {flex: 1 1 auto;text-align: center; }}
 
@media (max-width: 768px) {
  .main-slider .swiper-slide { height: 550px; }
  .main-slider .container { padding-top: 220px; padding-bottom: 60px; }
  .main-slider-content__inner { width: 100%; text-align: center; }
}

@media (max-width: 576px) {
  .main-slider .swiper-slide { height: 550px; }
  .main-slider .container { padding-top: 230px; padding-bottom: 40px; }
  .big-title h2 { font-size: 1.6rem; line-height: 1.2; }
  .text p { font-size: 0.9rem; }
}


/* ============================= */
/* Enhanced List Styling */
/* ============================= */

.hero-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: inherit; background-size: cover; background-position: center; animation: zoomMotion 20s ease-in-out infinite; z-index: 1; }
.hero-overlay-uegcl { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 2; }
.hero-content-uegcl { position: relative; z-index: 3; height: 100%; display: flex; align-items: center; color: white; text-align: center;  }
@keyframes zoomMotion { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
.publication-item { margin-top: 10px; display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.publication-thumb img { width: 60px; height: 60px; border-radius: 6px; object-fit: cover; }
.publication-content h4 { font-size: 15px; margin: 0; }
.publication-content .file-size { font-size: 13px; color: #666; }

.content-body-business ul,
.content-body-business ol { margin: 2rem 0; padding-left: 1.8rem; position: relative; list-style: none; }
.content-body-business ul li,
.content-body-business ol li { position: relative; padding-left: 2rem; margin-bottom: 1rem;  color:var(--kpy-black); background: rgba(var(--kpy-primary-rgb), 0.04);margin-left: -20px; border-left: 3px solid var(--kpy-primary); border-radius:0 20px; padding: 0.5rem 1rem 0.5rem 2.5rem; box-shadow: var(--shadow-sm); transition: all 0.25s ease; }
.content-body-business ul li:hover,
.content-body-business ol li:hover { background: rgba(var(--kpy-secondary-rgb), 0.05); transform: translateX(5px); box-shadow: var(--shadow-md); }
.content-body-business ul li::before { content: "\f058"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--kpy-secondary); position: absolute; left: 0.9rem; top: 50%; transform: translateY(-50%); font-size: 1.1rem; transition: 0.3s ease; }
.content-body-business ol { counter-reset: list-counter; }
.content-body-business ol li { counter-increment: list-counter; }
.content-body-business ol li::before { content: counter(list-counter); position: absolute; left: 0.7rem; top: 50%; transform: translateY(-50%); background: var(--kpy-primary); color: white; width: 1.4rem; height: 1.4rem; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; border-radius: 50%; box-shadow: var(--shadow-sm); }
.content-body-business ul ul,
.content-body-business ol ol { margin-top: 0.8rem; margin-left: 1.5rem; }
.content-body-business ul ul li::before { content: "›"; font-size: 1.2rem; color: var(--kpy-secondary); left: 0.9rem; }

/* ============================= */
/* Main Layout */
/* ============================= */
.business-page-container { display: grid; grid-template-columns: 2fr 1fr; gap: 3rem; max-width: 1200px; margin: 2rem auto; padding: 0 20px; }
.header-main {background:#fff;}
.main-header .logo img {filter:none;}
.main-header .nav-item {color:var(--kpy-primary);}
.nav-item:hover {color:var(--kpy-white);background:rgba(255,255,255,0.1);}
.main-header .nav-item:hover {color:var(--kpy-primary);background:rgba(var(--kpy-secondary-rgb),0.05);}
.nav-item.active {color:var(--kpy-white);}
.main-header .nav-item.active {color:var(--kpy-primary);}
.main-header .search-toggle {color:var(--kpy-base);}
.contact-toggle {background:none;border:none;font-size:1.3rem;color:var(--kpy-primary);}
.business-page-container {display:grid;grid-template-columns:2fr 1fr;gap:40px;padding:10px 0;align-items:start;}
.business-news-sidebar {background:var(--kpy-white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);height:fit-content;position:sticky;top:2rem;}
.sidebar-header {background:var(--kpy-primary);color:var(--kpy-white);padding:1.5rem;border-radius:0 18px;margin-bottom: 2rem;}
.sidebar-header h3 {font-family:var(--kpy-font-heading);font-size:1.5rem;margin:0;display:flex;align-items:center;gap:0.75rem;}
.news-list {padding:1.5rem;}
.business-news-item {display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #e2e8f0;transition:var(--transition);}
.business-news-item:last-child {border-bottom:none;}
.business-news-item:hover {background:#f8f9fa;border-radius:var(--radius);padding-left:0.5rem;padding-right:0.5rem;}
.news-thumbnail {flex-shrink:0;width:80px;height:80px;border-radius:0 18px;overflow:hidden;}
.news-thumbnail img {width:100%;height:100%;object-fit:cover;transition:var(--transition);}
.business-news-item:hover .news-thumbnail img {transform:scale(1.05);}
.news-content {flex:1;display:flex;flex-direction:column;}
.news-content h4 {margin:0 0 0.5rem;font-size:1rem;line-height:1.4;}
.news-content h4 a {color:var(--kpy-primary);text-decoration:none;transition:var(--transition);}
.news-content h4 a:hover {color:var(--kpy-secondary);}
.news-meta {font-size:0.85rem;color:var(--kpy-grey);display:flex;align-items:center;gap:0.5rem;}
.news-excerpt {font-size:0.9rem;color:#718096;margin-top:0.5rem;line-height:1.5;-webkit-box-orient:vertical;overflow:hidden;}
.sidebar-footer {padding:1rem 1.5rem 1.5rem;text-align:center;border-top:1px solid #e2e8f0;}
.view-all-news {display:inline-block;padding:0.75rem 1.5rem;background:var(--kpy-primary);color:var(--kpy-white);text-decoration:none;border-radius:0 18px;font-weight:500;transition:var(--transition);}
.view-all-news:hover {background:var(--kpy-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.business-services-section {padding:20px 0;background:rgba(92, 50, 36, 0.05);}
.services-section-header {text-align:center;margin-bottom:60px;}
.services-section-header h2 {font-size:2.5rem;color:var(--kpy-primary);margin-bottom:15px;font-family:var(--kpy-font-heading);}
.services-section-header p {font-size:1.1rem;color:var(--kpy-base);max-width:600px;margin:0 auto;}
.business-services-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.service-card {border-radius:50px 0;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;background:var(--kpy-white);box-shadow:0 5px 15px rgba(0,0,0,0.08);}
.service-card:hover {transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.15);}
.service-card-image {position:relative;height:280px;overflow:hidden;}
.service-card-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.service-card:hover .service-card-image img {transform:scale(1.05);}
.image-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgb(92 50 36) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);opacity:0.8;transition:opacity 0.3s ease;}
.service-card:hover .image-overlay {opacity:0.9;}
.service-title-overlay {position:absolute;bottom:0;left:0;width:100%;padding:25px 20px;z-index:2;}
.service-title-overlay h3 {color:var(--kpy-white);font-size:1.5rem;margin:0;font-family:var(--kpy-font-heading);text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
.service-card-link {text-decoration:none;display:block;height:100%;}
@media (max-width:992px) {.business-page-container {grid-template-columns:1fr;gap:40px;}.business-news-sidebar {position:static;order:2;}.business-content-main {order:1;}.business-services-grid {grid-template-columns:repeat(2,1fr);}}
@media (max-width:768px) {.business-services-grid {grid-template-columns:1fr;gap:20px;}.services-section-header h2 {font-size:2rem;}.service-card-image {height:250px;}.business-news-item {flex-direction:column;}.news-thumbnail {width:100%;height:150px;}}

/* ============================= */
/* Left: Business Content */
/* ============================= */
.business-content-main { background: var(--kpy-white); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-md); }
.content-header-business { padding: 2rem 2rem 1rem; border-bottom: 1px solid #e2e8f0; }
.content-header-business h1 { font-family: var(--kpy-font-2); font-size: 2.2rem; color: var(--kpy-primary); margin-bottom: 0.5rem; line-height: 1.3; }
.content-header-business .page-excerpt { font-size: 1.1rem; color: var(--kpy-gray); line-height: 1.6; }
.content-body-business { padding: 0 2rem; }
.content-body-business h2 { font-family: var(--kpy-font-2); font-size: 2.5rem; color: var(--kpy-primary); margin: 2rem 0 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--kpy-gold); }
.content-body-business h3 { font-family: var(--kpy-font-1); font-size: 1.4rem; color: var(--kpy-secondary); margin: 1.5rem 0 0.75rem; }
.content-body-business p { line-height: 1.7; font-size: 1.05rem; color: #4a5568; margin-bottom: 1.5rem; }
.content-body-business ul, 
.content-body-business ol { margin: 1.5rem 0; padding-left: 1.5rem; }
.content-body-business li { margin-bottom: 0.75rem; line-height: 1.6; color: #4a5568; }
.content-body-business strong { color: var(--kpy-secondary); }
.content-body-business img { width: 100%;  margin: 1.5rem 0; max-height:600px;    border-radius:0 70px;}
.content-body-business img:hover { transform: scale(1.01); box-shadow: var(--shadow-md); }
.content-body-business blockquote { border-left: 4px solid var(--kpy-gold); padding-left: 1.5rem; margin: 2rem 0; font-style: italic; color: var(--kpy-primary); background: #f8f9fa; padding: 1.5rem; border-radius: 0 var(--radius) var(--radius) 0; }


/* ============================= */ /* Business Page: Table Styling */ /* ============================= */ 
.content-body-business table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: 1rem; background: var(--kpy-white); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-sm); } 
.content-body-business th, .content-body-business td { padding: 1rem 1.2rem; text-align: left; border-bottom: 1px solid #e2e8f0; } 
.content-body-business th { background: var(--kpy-primary); color: #fff; font-family: var(--kpy-font-2); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } 
.content-body-business tr:nth-child(even) { background: #f9fafb; } 
.content-body-business tr:hover { background: #f1f5f9; transition: background 0.2s ease; } 
.content-body-business td { color: #4a5568; } 
.content-body-business caption { caption-side: top; font-size: 1.2rem; font-weight: 600; color: var(--kpy-secondary); text-align: left; margin-bottom: 1rem; } 
.content-body-business table a { color: var(--kpy-primary); text-decoration: underline; } 
.content-body-business table a:hover { color: var(--kpy-gold); } 
@media (max-width: 768px) { .content-body-business table, .content-body-business thead, .content-body-business tbody, .content-body-business th, .content-body-business td, .content-body-business tr { display: block; } .content-body-business tr { margin-bottom: 1rem; border: 1px solid #e2e8f0; border-radius: var(--radius); padding: 0.5rem; } .content-body-business th { display: none; } .content-body-business td { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem; border: none; border-bottom: 1px solid #e2e8f0; } .content-body-business td::before { content: attr(data-label); font-weight: 600; color: var(--kpy-secondary); text-transform: capitalize; } .content-body-business td:last-child { border-bottom: none; } }

/* ============================= */
/* Right: Latest News */
/* ============================= */

/* ============================= */
/* Call to Action Section */
/* ============================= */
.business-cta { background: #f8f8f8; color: white; padding: 4rem 2rem; text-align: center; margin-top: 4rem; }

.cta-content { max-width: 800px; margin: 0 auto; }

.cta-content h2 { font-family: var(--kpy-font-2); font-size: 2.2rem; margin-bottom: 1rem; color: var(--kpy-secondary); }

.cta-content p { font-size: 1.1rem; margin-bottom: 2rem; opacity: 0.9; max-width: 600px; margin-left: auto; margin-right: auto; color: var(--kpy-primary); }

.cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }

.cta-button { display: inline-block; padding: 0.9rem 2rem; background: var(--kpy-gold); color: var(--kpy-primary); text-decoration: none; border-radius: var(--radius); font-weight: 600; transition: var(--transition); }

.cta-button.secondary { background: transparent; color: var(--kpy-primary); border: 2px solid var(--kpy-primary); }

.cta-button:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }

.cta-button.secondary:hover { background: var(--kpy-gold); color: var(--kpy-secondary); }

/* ============================= */
/* Responsive */
/* ============================= */
@media (max-width: 900px) {
  .business-page-container { grid-template-columns: 1fr; gap: 2rem; margin: 2.5rem auto; }
  .business-news-sidebar { position: static; }
  .hero-content-business h1 { font-size: 2.4rem; }
  .hero-section-business { min-height: 400px; }
  .content-header-business h1 { font-size: 1.9rem; }
  .cta-content h2 { font-size: 1.9rem; }
}

@media (max-width: 600px) {
  .hero-content-business h1 { font-size: 2rem; }
  .hero-content-business p.hero-subtitle-business { font-size: 1.1rem; }
  .content-body-business { padding: 1.5rem; }
  .content-header-business { padding: 1.5rem 1.5rem 1rem; }
  .business-news-item { flex-direction: column; }
  .news-thumbnail { width: 100%; height: 180px; }
  .cta-buttons { flex-direction: column; align-items: center; }
  .cta-button { width: 100%; max-width: 280px; text-align: center; }
}

/*==========================================================
Inner Page Hero Section
==========================================================**/


.hero-section { position: relative; background-size: cover; background-position: center; background-attachment: fixed; height: 500px; display: flex; align-items: center; justify-content: center; color: white; overflow: hidden; border-radius: 0 0 0 150px;}
.hero-overlay { background: rgba(var(--kpy-primary-rgb), 0.4);
; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 2rem; text-align: center; z-index: 2; }
.hero-content { max-width: 800px; margin: 0 auto; }
.hero-title h1{ font-size: 4.2rem; font-weight: 700 !important; margin-bottom: 1rem; line-height: 1.2; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.hero-breadcrumb { font-size: 1rem; color: rgba(255,255,255,0.9);  padding: 0.5rem 1rem; border-radius: 50px;  }
.spiritual-element { position: absolute; opacity: 0.8; z-index: 1; animation: float 8s infinite ease-in-out; filter: drop-shadow(0 0 5px rgba(255,237,0,0.5)); }
.cross { font-size: 70px; color: rgba(255,237,0,0.9); }
.dove { font-size: 70px; color: rgba(255,255,255,0.9); }
.halo { font-size: 70px; color: rgba(255,237,0,0.8); }
@keyframes float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-30px) rotate(10deg); } }
.hero-wave { position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; z-index: 3; }
.hero-wave svg { width: 100%; height: 100%; }
@media (max-width: 768px) { .hero-section { height: 50vh; min-height: 400px; background-attachment: scroll; } .hero-title { font-size: 2rem; } .spiritual-element { font-size: 30px !important; } }




.kpy-services-hero { height: 400px; background-size: cover; background-position: center; background-attachment: fixed; position: relative; display: flex; align-items: center; justify-content: center; }
.kpy-services-grid-wrapper { margin-top: -160px; position: relative; z-index: 10; padding: 0 20px; }
.kpy-services-grid { display: grid; gap: 30px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); max-width: 1280px; margin: 0 auto; }
.kpy-service-card { background: var(--kpy-white); padding: 45px 35px; border-radius: 0 50px; min-height: 280px; position: relative; text-decoration: none; color: var(--kpy-base); font-family: var(--kpy-font-body); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.05); }
.kpy-service-card:hover { transform: translateY(-12px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12); }
.kpy-service-card:hover .kpy-arrow-btn { background: var(--kpy-primary); color: var(--kpy-white); transform: translateX(5px); }
.kpy-service-card:hover .kpy-icon { transform: scale(1.1); }
.kpy-icon { font-size: 42px; color: var(--kpy-primary); margin-bottom: 25px; transition: transform 0.3s ease; }
.kpy-service-title { font-size: 22px; font-weight: 700; font-family: var(--kpy-font-heading); line-height: 1.3; margin-bottom: 15px; color: var(--kpy-base); text-align: left; }
.kpy-service-excerpt { font-size: 15px; line-height: 1.6; color: var(--kpy-grey); opacity: 0.8; margin-bottom: 25px; flex-grow: 1; text-align: left; }
.kpy-intro-card { background-size: cover; background-position: center; color: var(--kpy-white); padding: 50px 40px; display: flex; align-items: flex-end; }
.kpy-intro-content { position: relative; z-index: 2; width: 100%; text-align: left; }
.kpy-intro-card h2 { font-size: 48px; line-height: 1.1; font-family: var(--kpy-font-heading); font-weight: 800; margin: 10px 0; letter-spacing: -0.5px; text-align: left; }
.kpy-small-title { font-size: 14px; letter-spacing: 3px; opacity: 0.95; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; display: inline-block; padding-bottom: 8px; border-bottom: 2px solid rgba(255, 255, 255, 0.3); text-align: left; }
.kpy-intro-description { font-size: 16px; line-height: 1.6; opacity: 0.9; margin-top: 20px; max-width: 400px; text-align: left; }
.kpy-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(var(--kpy-primary-rgb), 0.9), rgba(var(--kpy-base-rgb), 0.7));  }
.kpy-service-number { position: absolute; top: 30px; right: 30px; font-size: 14px; font-weight: 600; color: rgba(var(--kpy-base-rgb), 0.1); font-family: var(--kpy-font-heading); }
.kpy-service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--kpy-primary), var(--kpy-accent)); transform: scaleX(0); transition: transform 0.3s ease; border-radius: 12px 12px 0 0; }
.kpy-service-card:hover::before { transform: scaleX(1); }

/* Card content as flex row with left content and right arrow button */
.kpy-card-content { display: flex; flex-direction: column; height: 100%; }
.kpy-card-main { flex-grow: 1; }
.kpy-card-footer { display: flex; justify-content: space-between; align-items: flex-end; margin-top: auto; }
.kpy-card-text { flex-grow: 1; text-align: left; }
.kpy-arrow-btn { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; min-width: 50px; background: var(--kpy-light-grey); border-radius: 50%; transition: all 0.3s ease; color: var(--kpy-grey); font-size: 20px; margin-left: 15px; }
.kpy-arrow-btn:hover { background: var(--kpy-primary); color: var(--kpy-white); transform: translateX(5px); }
.kpy-service-title, .kpy-service-excerpt { text-align: left; }

@media (max-width: 1024px) { .kpy-services-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .kpy-intro-card h2 { font-size: 42px; } }
@media (max-width: 768px) { .kpy-services-hero { height: 320px; background-attachment: scroll; } .kpy-services-grid-wrapper { margin-top: -100px; } .kpy-services-grid { grid-template-columns: 1fr; gap: 25px; } .kpy-service-card { padding: 35px 25px; min-height: 250px; } .kpy-intro-card { padding: 40px 30px; min-height: 200px; } .kpy-intro-card h2 { font-size: 36px; } .kpy-icon { font-size: 38px; margin-bottom: 20px; } .kpy-card-footer { align-items: center; } .kpy-arrow-btn { width: 45px; height: 45px; min-width: 45px; font-size: 18px; } }
@media (max-width: 480px) { .kpy-services-hero { height: 280px; } .kpy-services-grid-wrapper { margin-top: -80px; } .kpy-intro-card h2 { font-size: 32px; } .kpy-small-title { font-size: 12px; letter-spacing: 2px; } .kpy-card-footer { flex-direction: column; align-items: flex-start; gap: 15px; } .kpy-arrow-btn { margin-left: 0; align-self: flex-end; } }
/*==========================================================
Quick View Section
==========================================================**/


.quick-view { padding: 20px 0 80px; background: var(--kpy-white);  }
.quick-view > .wp-block-group__inner-container > .container-xxl > .wp-block-group__inner-container > .wp-block-columns { align-items: stretch;  }
.quick-view .wp-block-column:first-child { position: relative; justify-content: center;}
.quick-view .wp-block-column:first-child figure.size-full img { width: 100%; height: 500px; border-radius: 0 60px; object-fit: cover; }
.quick-view .wp-block-column:first-child figure.size-thumbnail { position: absolute; bottom: -40px; left: -40px;  padding: 10px;  }
.quick-view .wp-block-column:first-child figure.size-thumbnail img { border-radius: 20px 0; }
.quick-view h5 { color: var(--kpy-secondary); font-family: var(--kpy-font-heading); letter-spacing: 1.5px; font-size: 0.85rem; margin-bottom: 12px; font-weight: 600;}
.quick-view h2 { font-family: var(--kpy-font-heading); font-size: 2.5rem; color: var(--kpy-primary); margin-bottom: 20px; font-weight:600; }
.quick-view p { color: var(--kpy-grey); max-width: 520px; line-height: 1.7; margin-bottom: 2rem; }
.quick-view .wp-block-button__link { background: var(--kpy-primary); color: var(--kpy-white); padding: 14px 32px; border-radius: 18px 0; font-weight: 600; transition: all 0.3s ease; }
.quick-view .wp-block-button__link:hover { background: var(--kpy-secondary); color: var(--kpy-white); }
.quick-view .wp-block-columns .wp-block-columns {margin-top: 40px;gap: 40px;}
.quick-view .wp-block-buttons + .wp-block-columns {border-top: 2px solid #eee;margin-top: 3rem;padding-top: 32px;}
.iwca-stat { text-align: left; }
.iwca-stat .counter { font-family: var(--kpy-font-heading); font-size: 2.5rem; font-weight: 700; color: var(--kpy-secondary); display: block; }
.iwca-stat p { margin-top: 6px; font-size: 0.95rem; color: var(--kpy-grey); max-width: 220px; }
@media (max-width: 781px) { .quick-view { padding: 50px 20px; } .quick-view .wp-block-column:first-child figure.size-thumbnail { left: 10px; bottom: -30px; } .iwca-stat { text-align: center; } .iwca-stat p { margin-left: auto; margin-right: auto; } }



.view-story {padding:2rem 2rem 2rem;}
.view-story .container {max-width:1200px;margin:0 auto;}
.view-story .wp-block-columns {display:flex;gap:3rem;align-items:center;}
.view-story .wp-block-column:first-child {flex:1;position:relative;}
.view-story .wp-image-126 {position:absolute;top:-1rem;right:-1.5rem;z-index:2;border-radius:20px 0;border:3px solid white;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.view-story .wp-image-131 {width:100%;border-radius:0 30px;margin:1rem 0;position:relative;z-index:1;height:500px;}
.view-story .wp-image-156 {position:absolute;bottom:-1.5rem;left:-1.5rem;z-index:2;border-radius:20px 0;box-shadow:0 4px 12px rgba(0,0,0,0.15);border:3px solid white;}
.view-story .wp-block-column:last-child {flex:1.2;display:flex;flex-direction:column;align-items:flex-end;}
.view-story h5 {align-self:flex-end;display:inline-block;font-size:1rem;margin-bottom:1rem;padding:0.5rem 1.5rem;background:var(--kpy-primary);color:white;border-radius:20px;text-align:center;}
.view-story p {font-size:1rem;line-height:1.6;color:#867e7e;}
.view-story .wp-block-quote{display:flex;align-items:flex-start;gap:12px;border-left:4px solid var(--kpy-secondary);padding:6px 24px;background:#f4f6f4;border-radius:0 18px;}
.view-story .wp-block-quote::before{content:"“";font-size:48px;color:var(--kpy-secondary);line-height:1;flex-shrink:0;}


.pillars {padding:2rem;}
.pillars .container-xxl {max-width:1200px;margin:0 auto;}
.pillars .wp-block-columns:first-child {display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;}
.pillars .wp-block-columns .wp-block-columns {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:1.5rem;}
.pillars .card {background:white;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,0.08);display:flex;flex-direction:column;height:350px;border-top:4px solid;transition:all 0.3s ease;}
.pillars .card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(92,50,36,0.15);}
.pillars .card:nth-child(1) {border-top-color:#5c3224; border-radius:0 50px;}
.pillars .card:nth-child(2) {border-top-color:#8dc442;border-radius:50px 0;}
.pillars .card:nth-child(3) {border-top-color:#a86b4d;border-radius:50px 0;}
.pillars .card:nth-child(4) {border-top-color:#4a8b3c;border-radius:0 50px;}
.pillars .card p strong {color:#5c3224;font-family:"Roboto",sans-serif;font-size:1.3rem;display:block;margin-bottom:0.8rem;}
.pillars .card p:not(strong) {color:#555;font-size:0.95rem;line-height:1.6;margin-bottom:1rem;flex-grow:1;}
.pillars ul.wp-block-list {list-style:none;padding:0;margin:0;border-top:1px solid #eee;padding-top:1rem;}
.pillars ul.wp-block-list li {padding-left:1.5rem;position:relative;margin-bottom:0.6rem;color:#666;font-size:0.9rem;line-height:1.5;}
.pillars ul.wp-block-list li::before {content:"•";position:absolute;left:0;color:#8dc442;font-size:1.2rem;}
@media (max-width:1024px){.pillars .wp-block-columns:first-child{grid-template-columns:1fr;} .pillars .card{min-height:320px;}}
@media (max-width:768px){.pillars{padding:3rem 1.5rem;} .pillars .wp-block-columns .wp-block-columns{grid-template-columns:1fr;} .pillars .card{min-height:auto;padding:1.5rem;}}
/*==========================================================
News PAGE
==========================================================**/

.kpy-news-grid-container .kpy-news-slider {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;overflow: visible;}
.kpy-news-slider-container {max-width: 1280px; margin: 0 auto; padding:80px 20px; position: relative; } 
.kpy-news-slider-header { text-align: center; margin-bottom: 50px; padding: 0 20px; } 
.kpy-news-slider-title { font-family: var(--kpy-font-3); font-size: 2.5rem; color: var(--kpy-primary); margin-bottom: 30px; font-weight: 700; position: relative; display: inline-block; } 
.kpy-news-slider-subtitle { font-family: var(--kpy-font-2); font-size: 1.1rem; color: rgba(var(--kpy-base-rgb), 0.7); max-width: 700px; margin: 0 auto; line-height: 1.6; } 
.kpy-news-slider-wrapper { position: relative; padding: 0 40px; } 
.kpy-news-slider { display: flex; overflow-x: auto; scroll-behavior: smooth; padding: 20px 10px; gap: 30px; scrollbar-width: none; -ms-overflow-style: none; } 
.kpy-news-slider::-webkit-scrollbar { display: none; } 
.kpy-news-slide { flex: 0 0 360px; min-width: 360px; scroll-snap-align: start; } 
.kpy-news-card {  border-radius: 12px; overflow: hidden;  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); height: 100%; display: flex; flex-direction: column; } 
.kpy-news-card-link { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; } 
.kpy-news-card-thumbnail { height: 300px; overflow: hidden; position: relative; } 
.kpy-news-card-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); border-radius:0 50px; } 
.kpy-news-card-content { padding: 25px; flex: 1; display: flex; flex-direction: column; } 
.kpy-news-card-meta { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; font-size: 0.85rem; color: rgba(var(--kpy-base-rgb), 0.6); font-family: var(--kpy-font-2); } 
.kpy-news-card-title { font-family: var(--kpy-font); font-size: 1.4rem; line-height: 1.4; margin-bottom: 15px; color: var(--kpy-primary); transition: color 0.3s ease; font-weight:500; } 
.kpy-news-card:hover .kpy-news-card-title { color: var(--kpy-primary); } 
.kpy-news-card-excerpt { font-family: var(--kpy-font-2); font-size: 0.95rem; color: rgba(var(--kpy-base-rgb), 0.7); margin-bottom: 10px; line-height: 1.6; flex: 1; } 
.kpy-news-card-button { display: inline-flex; align-items: center; gap: 8px; font-family: var(--kpy-font); font-weight: 600; color: var(--kpy-base); transition: all 0.3s ease; margin-top: auto; align-self: flex-start; } 
.kpy-news-card:hover .kpy-news-card-button { color: var(--kpy-primary); transform: translateX(5px); } 
.kpy-news-slider-prev, .kpy-news-slider-next { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; background: var(--kpy-white); border: none; box-shadow: 0 4px 15px rgba(var(--kpy-base-rgb), 0.1); cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; transition: all 0.3s ease; opacity: 0.9; } 
.kpy-news-slider-prev { left: -10px; } 
.kpy-news-slider-next { right: -10px; } 
.kpy-news-slider-prev:hover, .kpy-news-slider-next:hover { background: var(--kpy-primary); color: var(--kpy-white); opacity: 1; transform: translateY(-50%) scale(1.1); } 
.kpy-news-slider-empty { text-align: center; padding: 60px 20px; color: rgba(var(--kpy-base-rgb), 0.5); font-family: var(--kpy-font-2); width: 100%; } 
@media (max-width: 1024px) { .kpy-news-slide { flex: 0 0 320px; min-width: 320px; } .kpy-news-card-thumbnail { height: 200px; } } 
@media (max-width: 768px) { .kpy-news-slider-container { padding: 40px 15px; } .kpy-news-slider-header { margin-bottom: 30px; } .kpy-news-slider-title { font-size: 2rem; } .kpy-news-slider-subtitle { font-size: 1rem; } .kpy-news-slider-wrapper { padding: 0 20px; } .kpy-news-slide { flex: 0 0 280px; min-width: 280px; } .kpy-news-slider-prev { left: 0; } .kpy-news-slider-next { right: 0; } } 
@media (max-width: 480px) { .kpy-news-slider-title { font-size: 1.8rem; } .kpy-news-slide { flex: 0 0 260px; min-width: 260px; } .kpy-news-card-content { padding: 20px; } .kpy-news-card-title { font-size: 1.2rem; } }




/*==========================================================
ABOUT PAGE
==========================================================**/
/* ===== Story Section ===== */ 
.kpy-story-section { padding: 80px 20px; } 
.kpy-story-columns { align-items: center; gap: 60px; max-width: 1200px; margin: 0 auto; display: flex; opacity: 0; transform: translateY(40px); animation: fadeUp 1s ease forwards; animation-delay: 0.3s; } 
.kpy-story-content { flex: 1; min-width: 300px; }
.kpy-story-image { flex: 1; min-width: 300px; }
.kpy-section-title { font-family: var(--kpy-font-3); font-size: 3.5rem; color: var(--kpy-secondary-2); line-height: 1.3; margin-bottom: 25px; position: relative; animation: fadeIn 1s ease forwards; } 
.kpy-section-title::after { content: ''; position: absolute; bottom: -15px; left: 0; width: 80px; height: 4px; background: linear-gradient(90deg, var(--kpy-primary), var(--kpy-secondary));  } 
.kpy-story-text { font-family: var(--kpy-font); font-size: 1.1rem; line-height: 1.8; color: rgba(var(--kpy-base-rgb), 0.8); animation: fadeIn 1.2s ease forwards; } 
.kpy-story-image-wrapper { border-radius: 12px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.1); transition: transform 0.3s ease; opacity: 0; transform: translateY(40px); animation: fadeUp 1s ease forwards; animation-delay: 0.5s; }
.kpy-story-image-wrapper:hover { transform: translateY(-5px); } 
.kpy-featured-image { width: 100%; height: auto; display: block; } 




.kpy-values-section {position:relative;}
.kpy-values-section::before {content:"";position:absolute;top:50%;left:20px;right:20px;height:2px;background:rgba(var(--kpy-primary-rgb),0.15);transform:translateY(-50%);z-index:0;}
.kpy-values-columns {gap:30px;max-width:1200px;margin:2rem;display:flex;flex-wrap:wrap;opacity:0;transform:translateY(40px);animation:fadeUp 1s ease forwards;animation-delay:0.3s;position:relative;z-index:1;}
.kpy-value-card {background:white;border-radius:50px 0;padding:40px 30px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:all 0.3s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);animation:fadeUp 1s ease forwards;flex:1;}
.kpy-value-card:hover {transform:translateY(-10px);box-shadow:0 15px 30px rgba(var(--kpy-primary-rgb),0.1);}
.kpy-value-card::before {content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:var(--kpy-primary);}
.mission-card::before {background:var(--kpy-gold);}
.vision-card::before {background:var(--kpy-primary);}
.objectives-card::before {background:var(--kpy-secondary);}
.kpy-value-title {font-family:var(--kpy-font-3);font-size:2rem;color:var(--kpy-secondary-2);margin-bottom:20px;animation:fadeIn 1.2s ease forwards;}
.kpy-value-text {font-family:var(--kpy-font);font-size:1rem;line-height:1.7;color:rgba(var(--kpy-base-rgb),0.7);animation:fadeIn 1.4s ease forwards;}
@keyframes fadeUp {0%{opacity:0;transform:translateY(40px);}100%{opacity:1;transform:translateY(0);}}
@keyframes fadeIn {0%{opacity:0;}100%{opacity:1;}}
@media (max-width:1024px){.kpy-values-section::before {top:50%;left:20px;right:20px;width:auto;height:2px;transform:translateY(-50%);} .kpy-values-columns,.kpy-story-columns{flex-direction:column;} .kpy-story-content,.kpy-story-image{width:100%;} .kpy-section-title{font-size:2rem;}}
@media (max-width:768px){.kpy-values-section::before {display:none;} .kpy-story-section,.kpy-values-section{padding:60px 0px;} .kpy-value-card{padding:30px 20px;}}


.youth-ministry-row { max-width: 1200px; margin: 0 auto; padding: 40px 20px; overflow: hidden; }
.youth-ministry-row > .wp-block-group__inner-container > .wp-block-columns { display: flex; flex-wrap: nowrap; gap: 20px; overflow-x: auto; padding-bottom: 20px; scrollbar-width: thin; scrollbar-color: var(--kpy-primary) transparent; }
.youth-ministry-row > .wp-block-group__inner-container > .wp-block-columns::-webkit-scrollbar { height: 6px; }
.youth-ministry-row > .wp-block-group__inner-container > .wp-block-columns::-webkit-scrollbar-thumb { background-color: var(--kpy-primary); border-radius: 3px; }
.youth-ministry-col { flex: 0 0 33.333%; min-width: 300px; }
.youth-card { background: white; border-radius: 12px; padding: 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; height: 100%; border-left: 4px solid; }
.youth-card p { margin: 0; font-size: 0.95rem; line-height: 1.6; }
.youth-card strong { display: block; font-size: 1.1rem; margin-bottom: 10px; color: #2a1e0a; }
.youth-card { border-left-color: var(--kpy-primary); }
.youth-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
@media (max-width: 1024px) { .youth-ministry-col { flex: 0 0 50%; min-width: 280px; } }
@media (max-width: 600px) { .youth-ministry-col { flex: 0 0 100%; min-width: 260px; } }

  .iwca-core-values-section {padding:5rem 2rem; margin:4rem 0;background:linear-gradient(rgba(92,50,36,0.9),rgba(92,50,36,0.85));background-size:cover;background-position:center; border-radius:0 180px;}
    .iwca-values-container {max-width:1200px;margin:0 auto;}
    .iwca-core-values-section h2 {color:var(--kpy-white);font-family:var(--kpy-font-heading);font-size:2.8rem;text-align:center;margin-bottom:3rem;position:relative;padding-bottom:1rem;}
    .iwca-values-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;}
    .iwca-value-card {background:var(--kpy-white);border-radius:0 50px;padding:2rem;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:all 0.3s ease;position:relative;}
    .iwca-value-card:hover {transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.2);}
    .iwca-card-icon {font-size:2.5rem;color:var(--kpy-secondary);margin-bottom:1rem;}
    .iwca-value-card h3 {color:var(--kpy-primary);font-family:var(--kpy-font-heading);font-size:1.3rem;margin-bottom:1rem;}
    .iwca-value-card p {color:#666;font-family:var(--kpy-font-body);line-height:1.6;font-size:0.9rem;}
    @media (max-width:1200px){.iwca-values-grid{grid-template-columns:repeat(3,1fr);}}
    @media (max-width:768px){.iwca-core-values-section{padding:3rem 1.5rem;} .iwca-core-values-section h2{font-size:2.2rem;} .iwca-values-grid{grid-template-columns:repeat(2,1fr);}}
    @media (max-width:480px){.iwca-values-grid{grid-template-columns:1fr;}}

/*==========================================================
Contact Us
==========================================================**/
.alt-contact-container {max-width:1400px;padding:0 20px;position:relative;z-index:2;}.alt-contact-layout {display: flex;flex-direction: column;gap: 40px;margin:30px 0;}
@media (max-width: 768px) {
.alt-contact-top {grid-template-columns: 1fr !important;gap: 20px; }}
/* Top row: info + form */
.alt-contact-top { display: grid;grid-template-columns: 1fr 1.3fr; gap: 30px;}
.alt-contact-map-col {width: 100%;}
.alt-contact-info-col,.alt-contact-form-col,.alt-contact-map-col {display:flex;flex-direction:column;}
.alt-contact-info-card,.alt-contact-form-card,.alt-contact-map-card {background:rgba(var(--kpy-primary-rgb), 0.1);border-radius:0 50px;box-shadow:0 10px 30px rgba(var(--kpy-base-rgb),0.05);padding:30px;height:100%;}
.alt-contact-info-title,.alt-form-title,.alt-map-title {font-family:var(--kpy-font-3);font-size:2.5rem;margin-bottom:20px;position:relative;padding-bottom:15px;}
.alt-contact-info-title:after,.alt-form-title:after,.alt-map-title:after {content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--kpy-secondary);}
.alt-contact-info-item {display:flex;align-items:flex-start;margin-bottom:25px;}
.alt-contact-icon {flex-shrink:0;width:50px;height:50px;background:rgba(var(--kpy-primary-rgb),0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;}
.alt-contact-icon svg {width:24px;height:24px;}
.alt-contact-text h4 {font-size:1.1rem;margin-bottom:5px;color:var(--kpy-base);font-family:var(--kpy-font)}
.alt-contact-text p {margin:0;color:var(--kpy-grey);line-height:1.5;}
.alt-contact-hours {margin-top:40px;padding-top:20px;border-top:1px solid rgba(var(--kpy-base-rgb),0.1);}
.alt-contact-hours h4 {font-size:1.1rem;margin-bottom:10px;color:var(--kpy-base); font-family:var(--kpy-font)}
.alt-contact-hours p {margin:0;color:var(--kpy-grey);line-height:1.6;}
.alt-contact-social {margin-top:auto;padding-top:30px;}
.alt-contact-social h4 {font-size:1.1rem;margin-bottom:15px;color:var(--kpy-base);}
.alt-social-icons {display:flex;gap:10px;}
.alt-social-icon {width:40px;height:40px;border-radius:50%;background:rgba(var(--kpy-primary-rgb),0.1);color:var(--kpy-primary);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}
.alt-social-icon:hover {background:var(--kpy-primary);color:var(--kpy-white);}
.alt-form-subtitle {color:var(--kpy-grey);margin-bottom:25px;}
.alt-form-group {margin-bottom:20px;}
.alt-form-group label {display:block;margin-bottom:8px;font-weight:500;color:var(--kpy-base);}
.alt-form-group label span {color:var(--kpy-primary);}
.alt-form-group input,.alt-form-group textarea {width:100%;padding:12px 15px;border:1px solid rgba(var(--kpy-base-rgb),0.1);border-radius:15px 0;font-family:inherit;font-size:1rem;transition:all 0.3s ease;}
.alt-form-group input:focus,.alt-form-group textarea:focus {outline:none;border-color:var(--kpy-primary);box-shadow:0 0 0 3px rgba(var(--kpy-primary-rgb),0.1);}
.alt-form-row {display:flex;gap:20px;}
.alt-form-half {flex:1;}
.alt-form-submit {margin-top:30px;}
.alt-submit-btn {display:inline-flex;align-items:center;justify-content:center;padding:12px 25px;background:var(--kpy-primary);color:var(--kpy-white);border:none;border-radius:18px 0;font-weight:500;font-size:1rem;cursor:pointer;transition:all 0.3s ease;}
.alt-submit-btn svg {margin-left:8px;transition:transform 0.3s ease;}
.alt-submit-btn:hover {background:#5ab4c6;}
.alt-submit-btn:hover svg {transform:translateX(3px);}
.alt-map-container {height:300px;border-radius:8px;overflow:hidden;margin-bottom:20px;}
.alt-map-container iframe {width:100%;height:100%;border:none;}
.alt-directions-btn {display:inline-flex;align-items:center;padding:8px 15px;background:rgba(var(--kpy-primary-rgb),0.1);color:var(--kpy-primary);border-radius:18px 0;font-weight:500;transition:all 0.3s ease;}
.alt-directions-btn svg {margin-left:5px;}
.alt-directions-btn:hover {background:var(--kpy-primary);color:var(--kpy-white);}
.alt-contact-success-popup {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(var(--kpy-base-rgb),0.7);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.alt-contact-success-popup.active {opacity:1;visibility:visible;}
.alt-success-content {background:var(--kpy-white);padding:40px;border-radius:10px;text-align:center;max-width:400px;position:relative;transform:translateY(20px);transition:all 0.3s ease;}
.alt-contact-success-popup.active .alt-success-content {transform:translateY(0);}
.alt-checkmark {width:80px;height:80px;margin:0 auto 20px;}
.alt-checkmark svg {width:100%;height:100%;}
.alt-success-content h3 {font-size:1.5rem;margin-bottom:10px;color:var(--kpy-primary);}
.alt-success-content p {margin-bottom:20px;color:var(--kpy-grey);}
.alt-close-popup {background:var(--kpy-primary);color:var(--kpy-white);border:none;padding:8px 20px;border-radius:5px;cursor:pointer;transition:all 0.3s ease;}
.alt-close-popup:hover {background:#5ab4c6;}
@keyframes float {0%{transform:translateY(0px);}50%{transform:translateY(-10px);}100%{transform:translateY(0px);}}
@media (max-width:1200px){.alt-contact-layout{grid-template-columns:1fr 1fr;}.alt-contact-map-col{grid-column:span 2;margin-top:30px;}}
@media (max-width:768px){.alt-contact-layout{grid-template-columns:1fr;}.alt-contact-map-col{grid-column:span 1;}.alt-contact-title{font-size:2.5rem;}}
@media (max-width:480px){.alt-contact-hero{padding:80px 0 120px;}.alt-form-row{flex-direction:column;gap:0;}}


/*==========================================================
Give page
==========================================================**/
/* Payment Options Section */ 

/* Donation Form Section */ 
.modern-donation-form-section { padding: 2rem 0;  } 
.modern-form-container { max-width: 900px; margin: 0 auto; padding: 0 1rem; background: var(--kpy-white);} 
.modern-form-card { border-radius:50px 0; padding: 3rem; box-shadow: 0 5px 25px rgba(0,0,0,0.05);border-top: 5px solid var(--kpy-primary); } 
.modern-form-title { font-size: 2.8rem; margin-bottom: 1.5rem; text-align: center; font-family: var(--kpy-font-3);color:var(--kpy-secondary-2); } 
.modern-form-description { text-align: center; margin-bottom: 2.5rem; color: var(--kpy-base); max-width: 600px; margin-left: auto; margin-right: auto; } 
.modern-form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } 
.modern-form-group { margin-bottom: 1.5rem; } 
.modern-form-label { display: block; margin-bottom: 0.5rem; color: var(--kpy-base); } 
.modern-form-input { width: 100%; padding: 0.8rem 1rem; border: 1px solid rgba(var(--kpy-primary-rgb), 0.5); border-radius:0 15px; font-size: 1rem; transition: all 0.3s; background: white; } 
.modern-form-input:focus { border-color: var(--kpy-primary); outline: none; box-shadow: 0 0 0 3px rgba(var(--kpy-primary-rgb), 0.1); } 
.modern-form-select { width: 100%; padding: 0.8rem 1rem; border: 1px solid rgba(var(--kpy-primary-rgb), 0.2); border-radius: 6px; font-size: 1rem; background: white; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 1em; } 
.modern-form-textarea { width: 100%; padding: 0.8rem 1rem; border: 1px solid rgba(var(--kpy-primary-rgb), 0.2); border-radius: 6px; font-size: 1rem; min-height: 120px; resize: vertical; } 
.modern-form-file { width: 100%; padding: 0.5rem 0; } 
.modern-form-help { display: block; margin-top: 0.5rem; color: var(--kpy-grey); font-size: 0.85rem; } 
.modern-submit-btn { background:var(--kpy-secondary); color: var(--kpy-white); border: none; padding: 1rem 2rem; font-size: 1rem; font-weight: 600; border-radius:0 20px; cursor: pointer; width: 100%; transition: all 0.3s; text-transform: uppercase; letter-spacing: 1px; margin-top: 1rem; grid-column: 1 / -1; } 
.modern-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(var(--kpy-primary-rgb), 0.2); } 

/* Success Message */ 
.modern-success-message { text-align: center; padding: 3rem; background: rgba(var(--kpy-primary-rgb), 0.05); border-radius: 12px; border-left: 5px solid var(--kpy-secondary); } 
.modern-success-icon { font-size: 4rem; color: var(--kpy-secondary); margin-bottom: 1.5rem; } 
.modern-success-title { font-size: 2rem; color: var(--kpy-primary); margin-bottom: 1rem; font-family: var(--kpy-font-3); } 
.modern-success-text { color: var(--kpy-base); margin-bottom: 2rem; max-width: 600px; margin-left: auto; margin-right: auto; } 
.modern-back-btn { display: inline-block; padding: 0.8rem 2rem; background: var(--kpy-primary); color: white; text-decoration: none; border-radius: 6px; transition: all 0.3s; font-weight: 600; } 
.modern-back-btn:hover { background: var(--kpy-secondary); color: var(--kpy-base); } 

/* Responsive Design */ 
@media (max-width: 992px) { .modern-payment-card { width: 100%; } .modern-form-grid { grid-template-columns: 1fr; } } 
@media (max-width: 768px) { .modern-hero-title { font-size: 2.5rem; } .modern-hero-subtitle { font-size: 1.2rem; } .modern-section-title { font-size: 2rem; } .modern-card-title { font-size: 1.5rem; } .modern-form-card { padding: 2rem; } }

/*==========================================================
Editor Sec page
==========================================================**/

.yaf-container {max-width:1200px;margin:0 auto;padding:0 20px;font-family:var(--kpy-font);color:var(--kpy-base);}
.yaf-invite {display:flex;flex-wrap:wrap;gap:80px;align-items:center;}
.yaf-invite-content {flex:1;min-width:300px;}
.yaf-invite-image {flex:1;min-width:300px;position:relative;margin-top:50px;}
.yaf-invite-image::before {content:'';position:absolute;width:100%;height:100%;top:20px;left:20px;background:linear-gradient(45deg, var(--kpy-secondary), #bfa500);z-index:-1;border-radius:12px;opacity:0.2;transition:all 0.3s ease;}
.yaf-invite-image:hover::before {top:15px;left:15px;}
.yaf-invite-image img {width:100%;height:auto;border-radius:12px;box-shadow:0 15px 40px rgba(var(--kpy-base-rgb),0.1);border:1px solid rgba(var(--kpy-primary-rgb),0.1);transition:transform 0.3s ease;}
.yaf-invite-image:hover img {transform:translate(-5px,-5px);}
.yaf-title {font-family:var(--kpy-font-3);font-size:3.5rem;margin-bottom:1.5rem;position:relative;line-height:1.2;padding-bottom:20px; color:var(--kpy-secondary-2);}
.yaf-title:after {content:'';position:absolute;bottom:0;left:0;width:80px;height:5px;background:linear-gradient(90deg,var(--kpy-secondary),var(--kpy-primary));border-radius:3px;}
.yaf-description {font-size:1.15rem;line-height:1.8;color:var(--kpy-base);margin-bottom:2rem;max-width:90%;}
.yaf-features {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:20px;}
.yaf-feature-card {background:var(--kpy-white);padding:40px 30px;border-radius:12px;box-shadow:0 10px 30px rgba(var(--kpy-base-rgb),0.08);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border-left:4px solid var(--kpy-primary);position:relative;overflow:hidden;}
.yaf-feature-card::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--kpy-primary-rgb),0.03),rgba(var(--kpy-secondary-rgb),0.03));z-index:0;}
.yaf-feature-card:hover {transform:translateY(-10px) scale(1.02);box-shadow:0 15px 40px rgba(var(--kpy-base-rgb),0.15);}
.yaf-feature-card:before {content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--kpy-gold);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease;}
.yaf-feature-card:hover {transform:translateY(-10px);box-shadow:0 15px 30px rgba(var(--kpy-base-rgb),0.1);}
.yaf-feature-title {font-family:var(--kpy-font-3);font-size:2.5rem;margin-bottom:1.2rem;position:relative;z-index:1;}
.yaf-feature-text {font-size:1.05rem;line-height:1.7;color:var(--kpy-grey);position:relative;z-index:1;}
.yaf-cta {display:inline-block;background:var(--kpy-primary);color:#fff;padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:600;margin-top:20px;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(var(--kpy-primary-rgb),0.2);}
.yaf-cta:hover {background:var(--kpy-secondary);transform:translateY(-3px);box-shadow:0 8px 25px rgba(var(--kpy-secondary-rgb),0.3);}
@media (max-width:768px) {.yaf-invite {flex-direction:column-reverse;gap:50px;margin-bottom:60px;} .yaf-invite-content {padding:0;} .yaf-description {max-width:100%;} .yaf-features {grid-template-columns:1fr;gap:30px;}}
@media (max-width:480px) {.yaf-container {padding:40px 15px;} .yaf-feature-card {padding:30px 20px;}}





/** ==========================================================
Container CSS
===========================================================**/
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px!important;
  }
}

/** ==========================================================
Upcoming Events Page
===========================================================**/
.kpy-events-section{max-width:1200px;margin:0 auto;padding:40px 20px;overflow:hidden;} 
.kpy-section-title{font-family:var(--kpy-font-3);font-size:3.5rem;color:var(--kpy-secondary-2);text-align:center;margin-bottom:60px;position:relative;opacity:0;transform:translateY(20px);transition:all 0.6s ease;} 
.kpy-events-section.in-view .kpy-section-title{opacity:1;transform:translateY(0);} 
.kpy-section-title:after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--kpy-primary),var(--kpy-secondary));} 
.kpy-events-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;} 
.kpy-event-card-main{grid-column:1;} 
.kpy-event-card-side{grid-column:2;display:flex;flex-direction:column;gap:30px;} 
.kpy-event-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:all 0.3s ease;} 
.kpy-event-card.main-card{height:100%;} 
.kpy-event-card.side-card{height:calc((100% - 60px)/3);} 
.kpy-event-card-main .kpy-event-card{transform:translateX(-100px);opacity:0;transition:all 1.6s cubic-bezier(0.16,1,0.3,1) 0.2s;} 
.kpy-event-card-side .kpy-event-card{transform:translateX(100px);opacity:0;transition:all 1.6s cubic-bezier(0.16,1,0.3,1);} 
.kpy-event-card-side .kpy-event-card:nth-child(1){transition-delay:0.9s;} 
.kpy-event-card-side .kpy-event-card:nth-child(2){transition-delay:0.9s;} 
.kpy-event-card-side .kpy-event-card:nth-child(3){transition-delay:0.9s;} 
.kpy-events-section.in-view .kpy-event-card{transform:translateX(0);opacity:1;} 
.kpy-event-card:hover{transform:translateY(-5px)!important;box-shadow:0 15px 30px rgba(var(--kpy-primary-rgb),0.15);} 
.event-card-inner{display:flex;height:100%;} 
.event-thumbnail{flex:0 0 40%;overflow:hidden;} 
.main-card .event-thumbnail{flex:0 0 45%;} 
.event-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;} 
.kpy-event-card:hover .event-image{transform:scale(1.05);} 
.event-content{flex:1;padding:25px;display:flex;flex-direction:column;} 
.main-card .event-content{padding:35px;} 
.event-date{font-family:var(--kpy-font);font-size:0.9rem;color:var(--kpy-secondary-2);margin-bottom:10px;} 
.main-card .event-date{font-size:1rem;} 
.event-title{font-family:var(--kpy-font);font-size:1.3rem;margin:0 0 15px;color:var(--kpy-black);line-height:1.4;} 
.main-card .event-title{font-size:1.8rem;margin-bottom:20px;} 
.event-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:15px;font-family:var(--kpy-font-2);font-size:0.9rem;} 
.main-card .event-meta{font-size:1rem;gap:20px;} 
.event-location,.event-time{display:flex;align-items:center;gap:5px;color:rgba(var(--kpy-base-rgb),0.8);} 
.kpy-no-events{text-align:center;padding:40px;font-family:var(--kpy-font-2);color:rgba(var(--kpy-base-rgb),0.6);} 
@media (max-width:992px){.event-card-inner{flex-direction:column;} .event-thumbnail{flex:0 0 200px;} .main-card .event-thumbnail{flex:0 0 250px;}} 
@media (max-width:768px){.kpy-events-grid{grid-template-columns:1fr;gap:20px;} .kpy-event-card-main,.kpy-event-card-side{grid-column:1;} .kpy-event-card-side{gap:20px;} .kpy-event-card.side-card{height:auto;} .kpy-section-title{font-size:1.8rem;} .kpy-event-card{transform:translateY(30px)!important;opacity:0;} .kpy-events-section.in-view .kpy-event-card{transform:translateY(0)!important;opacity:1;}} 
.kpy-event-card.main-card .event-card-inner{flex-direction:column;} 
.kpy-event-card.main-card .event-thumbnail{flex:0 0 auto;width:100%;} 
.kpy-event-card.main-card .event-image{width:100%;height:350px;object-fit:cover;}
.event {min-height:360px; margin-bottom:4rem; margin-top:3rem;}





/** =========================================================
TEAM section
===============================================================**/
.team{padding:40px; background-color: rgb(92, 50, 36, 0.1); border-radius:0 180px;}
.team .card{min-height: 320px;margin-bottom: 2rem !important; border-radius: 0 50px;}
.team .post-thumbnail img{height:400px;width:100%;object-fit: cover;object-position: top;border-radius: 0 50px;}
.team .team-details{padding: 10px 10px 20px;margin:0 auto;text-align: center;position: absolute;bottom: 0;background-image: linear-gradient(to top, rgb(92, 50, 36), rgba(0, 0, 0, 0));width: 100%;color: #fff;}
.team-details h4 {font-size:26px; font-weight: 500;}
.team-details p {font-size: 15px;margin-bottom: 10px;}
.team .team-details .btn-outline-primary{color: #fff;font-size: 14px;padding: 5px 20px;border: solid 1px #fff;border-radius: 50px;}
.team .team-details .btn-outline-primary:hover{border:1px solid var(--kpy-gold);color:var(--kpy-base);background-color:var(--kpy-gold);}
.member-details img{height:400px;width:100%;object-fit: cover;object-position: top;}
.member-details .btx{margin-left: 90%;  margin-top: 10px;}
.member-details h4, .partner-details h4{font-weight: 500; font-size: 25px !important; line-height: 1.5;}
.member-details .modal-body span::after, .partner-details .modal-body span::after {border-bottom: 2px solid #eee; padding-bottom:10px;margin-bottom: 10px;}
.member-details .modal-body p.title,.partner-details .modal-body p.title{border-bottom: dotted 2px #eee; color:#F72331;}
.modal.show .modal-dialog {padding: 20px; background: #fff;}
.modal-content {max-height: 400px; overflow-y: auto;}

/** =========================================================
Gallery page
===============================================================**/
.gallery-cards-container { margin: 0 auto; padding: 20px; }
.about-side{border-left:2px var(--kpy-primary) solid ;}
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; margin-bottom: 30px; }
.gallery-card { position: relative; border-radius:0 40px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; aspect-ratio: 1/1; }
.gallery-card:hover { transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0,0,0,0.2); }
.gallery-thumbnail-wrapper { position: relative; width: 100%; height: 100%; }
.gallery-thumbnail { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.gallery-card:hover .gallery-thumbnail { transform: scale(1.05); }
.gallery-title-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); color: #fff; }
.gallery-title { margin: 0; font-size: 2.2rem; line-height: 1.2; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); transform: translateY(10px); transition: transform 0.3s ease; opacity: 0.9; }
.gallery-card:hover .gallery-title { transform: translateY(0); opacity: 1; }
.gallery-card-link { display: block; height: 100%; text-decoration: none; color: inherit; }
.gallery-pagination { display: flex; justify-content: center; margin-top: 40px; }
.gallery-pagination .page-numbers { display: flex; list-style: none; padding: 0; margin: 0; gap: 8px; }
.gallery-pagination .page-numbers li a, .gallery-pagination .page-numbers li span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; border-radius: 6px; background: #f8f9fa; color: #495057; text-decoration: none; font-weight: 500; transition: all 0.3s ease; }
.gallery-pagination .page-numbers li a:hover { background: #228b22; color: #fff; }
.gallery-pagination .page-numbers li span.current { background: #228b22; color: #fff; }
.gallery-pagination .page-numbers li .pagination-arrow { margin: 0 5px; }
@media (max-width: 768px) { .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; } .gallery-title-overlay { padding: 15px; } .gallery-title { font-size: 1rem; } }
@media (max-width: 480px) { .gallery-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .gallery-title-overlay { padding: 10px; } }
.uniform-img {width: 100%;height: 250px; object-fit: cover;border-radius: 8px;transition: transform 0.3s ease;}
.uniform-img:hover {transform: scale(1.03);}

.iwca-partnership-page{font-family:var(--kpy-font-body);color:var(--kpy-base);padding:60px 0;}
.iwca-container{max-width:1200px;margin:0 auto;padding:0 20px;}
.iwca-section{background:var(--kpy-white);border-radius:12px;padding:40px;margin-bottom:40px;box-shadow:0 4px 15px rgba(var(--kpy-base-rgb),0.05);}
.iwca-section-title{font-family:var(--kpy-font-heading);color:var(--kpy-primary);font-size:2rem;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid var(--kpy-secondary);text-align:center;}
.mission-benefits-container{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;align-items:start;margin-bottom:40px;}
.mission-section,.benefits-section{background:var(--kpy-white);border-radius:12px;padding:35px;box-shadow:0 4px 15px rgba(var(--kpy-base-rgb),0.05);height:500px;}
.mission-section h2,.benefits-section h2{font-family:var(--kpy-font-heading);color:var(--kpy-primary);font-size:1.8rem;margin-bottom:20px;text-align:center;}
.center-image{display:flex;align-items:center;justify-content:center;}
.center-image img{max-width:180px;height:auto;border-radius:50%;border:5px solid var(--kpy-secondary);box-shadow:0 10px 30px rgba(var(--kpy-primary-rgb),0.2);}
.mission-text{font-size:1.1rem;line-height:1.8;color:#333;margin-bottom:25px;}
.iwca-highlight{background-color:rgba(var(--kpy-secondary-rgb),0.1);border-left:4px solid var(--kpy-secondary);padding:20px;margin:20px 0;border-radius:0 8px 8px 0;}
.benefits-list{list-style:none;padding:0;margin:0;}
.benefits-list li{padding:15px;margin-bottom:12px;background:rgba(var(--kpy-primary-rgb),0.05);border-radius:8px;border-left:3px solid var(--kpy-primary);font-size:1rem;line-height:1.6;}
.tabs-section{background:var(--kpy-white);border-radius:12px;padding:40px;margin-bottom:40px;box-shadow:0 4px 15px rgba(var(--kpy-base-rgb),0.05);}
.tabs-header{display:flex;justify-content:center;gap:10px;margin-bottom:40px;flex-wrap:wrap;}
.tab-button{padding:15px 30px;background:var(--kpy-light);border:none;border-radius:30px;font-family:var(--kpy-font-heading);font-size:1.1rem;color:var(--kpy-base);cursor:pointer;transition:all .3s ease;font-weight:600;}
.tab-button:hover{background:rgba(var(--kpy-secondary-rgb),0.2);}
.tab-button.active{background:var(--kpy-secondary);color:var(--kpy-white);}
.tab-content{display:none;}
.tab-content.active{display:block;}
.partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:20px;}
.partner-card{background:var(--kpy-light);padding:25px;border-radius:8px;transition:transform .3s ease;border:1px solid rgba(var(--kpy-base-rgb),0.1);height:100%;}
.partner-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(var(--kpy-base-rgb),0.1);}
.partner-card h4{color:var(--kpy-primary);margin-bottom:15px;font-size:1.2rem;min-height:48px;}
.partner-card p{font-size:.95rem;line-height:1.6;color:#555;}
.partner-type{display:inline-block;background:var(--kpy-secondary);color:var(--kpy-white);padding:5px 15px;border-radius:20px;font-size:.8rem;margin-bottom:15px;font-weight:600;}
.step-form-container{background:var(--kpy-white);border-radius:12px;padding:40px;box-shadow:0 4px 25px rgba(var(--kpy-base-rgb),0.08);}
.form-progress{display:flex;justify-content:space-between;margin-bottom:40px;position:relative;}
.form-progress::before{content:'';position:absolute;top:20px;left:0;right:0;height:3px;background:var(--kpy-light);z-index:1;}
.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;}
.step-circle{width:40px;height:40px;border-radius:50%;background:var(--kpy-light);color:var(--kpy-grey);display:flex;align-items:center;justify-content:center;font-weight:bold;margin-bottom:10px;transition:all .3s ease;border:3px solid var(--kpy-light);}
.step-circle.active{background:var(--kpy-secondary);color:var(--kpy-white);border-color:var(--kpy-secondary);}
.step-circle.completed{background:var(--kpy-primary);color:var(--kpy-white);border-color:var(--kpy-primary);}
.step-label{font-size:.9rem;color:var(--kpy-grey);text-align:center;max-width:100px;}
.step-label.active{color:var(--kpy-secondary);font-weight:600;}
.step-label.completed{color:var(--kpy-primary);}
.form-step{display:none;animation:fadeIn .5s ease;}
.form-step.active{display:block;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.form-group{margin-bottom:25px;}
.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--kpy-primary);font-family:var(--kpy-font-heading);font-size:1rem;}
.form-control{width:100%;padding:12px 15px;border:2px solid rgba(var(--kpy-base-rgb),0.1);border-radius:6px;font-family:var(--kpy-font-body);font-size:1rem;transition:border-color .3s ease;background:#f9f9f9;}
.form-control:focus{outline:none;border-color:var(--kpy-secondary);background:var(--kpy-white);}
select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235c3224' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:45px;}
.form-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:10px;}
.checkbox-group{display:flex;align-items:center;gap:10px;}
.checkbox-group input[type="checkbox"]{width:18px;height:18px;accent-color:var(--kpy-secondary);}
.checkbox-group label{margin:0;font-weight:normal;cursor:pointer;font-size:.95rem;}
.radio-group{display:flex;gap:30px;margin-top:10px;}
.radio-option{display:flex;align-items:center;gap:8px;}
.radio-option input[type="radio"]{width:18px;height:18px;accent-color:var(--kpy-secondary);}
.form-textarea{min-height:120px;resize:vertical;}
.form-actions{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid rgba(var(--kpy-base-rgb),0.1);}
.btn-prev,.btn-next,.form-submit{padding:12px 30px;border-radius:6px;font-family:var(--kpy-font-heading);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;}
.btn-prev{background:var(--kpy-light);color:var(--kpy-base);}
.btn-prev:hover{background:rgba(var(--kpy-base-rgb),0.1);}
.btn-next{background:var(--kpy-secondary);color:var(--kpy-white);}
.btn-next:hover{background:var(--kpy-primary);transform:translateY(-2px);}
.form-submit{background-color:var(--kpy-primary);color:var(--kpy-white);}
.form-submit:hover{background-color:#4a291d;transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--kpy-primary-rgb),0.3);}
.required::after{content:" *";color:#e74c3c;}
.success-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9999;align-items:center;justify-content:center;}
.success-modal.active{display:flex;}
.success-modal-content{background:var(--kpy-white);border-radius:12px;padding:40px;max-width:500px;width:90%;text-align:center;position:relative;box-shadow:0 10px 40px rgba(var(--kpy-base-rgb),0.2);}
.success-icon{width:80px;height:80px;background:var(--kpy-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;}
.success-icon i{font-size:40px;color:var(--kpy-white);}
.success-modal h3{color:var(--kpy-primary);font-family:var(--kpy-font-heading);font-size:1.8rem;margin-bottom:15px;}
.success-modal p{color:#555;line-height:1.6;margin-bottom:25px;}
.close-modal{background:var(--kpy-primary);color:var(--kpy-white);border:none;padding:12px 30px;border-radius:6px;font-family:var(--kpy-font-heading);font-size:1rem;cursor:pointer;transition:all .3s ease;}
.close-modal:hover{background:#4a291d;transform:translateY(-2px);}
@media(max-width:992px){.mission-benefits-container{grid-template-columns:1fr;gap:30px;}.center-image{order:-1;}.center-image img{max-width:150px;}.partners-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}}
@media(max-width:768px){.iwca-hero h1{font-size:2.2rem;}.iwca-hero .tagline{font-size:1.2rem;}.iwca-section,.step-form-container,.mission-section,.benefits-section,.tabs-section{padding:25px;}.partners-grid{grid-template-columns:1fr;}.form-checkboxes{grid-template-columns:1fr;}.radio-group{flex-direction:column;gap:15px;}.form-progress{flex-wrap:wrap;gap:20px;}.progress-step{flex:1;min-width:100px;}.tabs-header{flex-direction:column;align-items:center;}.tab-button{width:100%;max-width:300px;}.success-modal-content{padding:30px 20px;}}
.form-notice{background-color:rgba(var(--kpy-secondary-rgb),0.1);border:2px solid var(--kpy-secondary);padding:20px;border-radius:8px;margin-bottom:30px;text-align:center;}
.form-step-counter{text-align:center;color:var(--kpy-grey);margin-bottom:20px;font-size:.9rem;}






/** =========================================================
PARTNERS section
===============================================================**/
.partners{padding: 15px 10px;}
.partner{display: flex;overflow: hidden;position: relative;}
  .partner .card{min-height: 100px; white-space: nowrap;animation: marquee-animation 10s linear infinite;}
.partner img{height: 100px; object-fit: contain;object-position: center; display: grid; gap: 10px; padding: 10px;width: 200px;}

  @keyframes marquee-animation { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); }}
    .marquee a {animation: marquee-animation 5s linear infinite;}
.partnerlist img{width:100%;height:100px;object-fit: contain;object-position: center;}
.urreno_assoc img {width:100%;height: auto;}
.urreno_assoc h3{font-size:1rem;font-family: 'Roboto', sans-serif;letter-spacing: -.5px;}
.urreno_assoc .card {height:200px; padding:15px; margin-bottom:20px;}
 
/** ============================================================
Publication Page CSS
=============================================================**/
.downloads-category-menu { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.category-menu-title { font-size: 1.2rem; font-weight: 600; margin-bottom: 15px; }
.category-menu-list { list-style: none; padding: 0; margin: 0; }
.category-menu-item { margin-bottom: 8px; }
.category-menu-link { text-decoration: none; color: #333; display: flex; justify-content: space-between; padding: 10px; border-radius: 5px; transition: background 0.3s, color 0.3s; }
.category-menu-link:hover { background: #f0f0f0; color: #007bff; }
.category-count { background: #eee; padding: 2px 8px; border-radius: 10px; font-size: 0.85em; }
@media (max-width: 768px) { #downloads-table_wrapper { margin-left: 15px; margin-right: 15px; overflow-x: auto; } .dataTables_length, .dataTables_filter { flex-direction: column; align-items: flex-start; gap: 5px; } .dataTables_length label, .dataTables_filter label { font-size: 14px; flex-direction: column; align-items: flex-start; } .dataTables_length select, .dataTables_filter input { width: 100%; font-size: 14px; } #downloads-table th, #downloads-table td { padding: 10px; font-size: 14px; } .pub-title { font-size: 18px; } .pub-link p { font-size: 14px; } .dataTables_paginate { flex-wrap: wrap; justify-content: center; } .paginate_button { font-size: 13px; padding: 5px 8px; } .downloads-category-menu { padding: 15px; } .category-menu-title { font-size: 1rem; } .category-menu-link { flex-direction: column; align-items: flex-start; gap: 4px; } .category-count { font-size: 0.8em; align-self: flex-start; } }
@media (max-width: 480px) { .pub-title { font-size: 16px; } .dataTables_length, .dataTables_filter { font-size: 13px; } .category-menu-title { font-size: 0.95rem; } .category-menu-link { font-size: 14px; } #downloads-table_wrapper { margin-left: 10px; margin-right: 10px; } .dataTables_info { font-size: 12px; text-align: center; } .category-menu-list { padding: 0; } }
#downloads-table_wrapper { margin: 20px 0; margin-left: 50px; }
.dataTables_length, .dataTables_filter { margin-bottom: 15px; }
.dataTables_length label, .dataTables_filter label { display: flex; align-items: center; gap: 10px; }
.dataTables_length select, .dataTables_filter input { padding: 5px; border: 1px solid #ddd; border-radius: 4px; }
#downloads-table { width: 100%; border-collapse: collapse; }
#downloads-table th, #downloads-table td { padding: 12px 15px; border-bottom: 1px solid #e0e0e0; }
.pub-title { margin: 0; font-size: 20px; color: #1716a3; font-weight: 700; }
.dataTables_paginate { margin-top: 15px; display: flex; gap: 5px; }
.paginate_button { padding: 5px 10px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; }
.paginate_button.current { background: #f7a81b; color: white; border-color: #f7a81b; }
.paginate_button.disabled { opacity: 0.5; cursor: not-allowed; }
.pub-download a { color: #f7a81b; text-decoration: none; }
.pub-download a:hover { text-decoration: underline; }


/** ============================================================
Single Page Hero
=============================================================**/

.header-wrap1 {min-height: 300px;padding-top: 150px;position: relative;}
.header-wrap1 h1 {font-weight: 700;text-shadow: 0 0 20px #000;width: 100%; color:var(--kpy-white);}
.header-wrap1 .breadcrumb {color: var(--kpy-white);position: relative;z-index: 10;display: block;top: -5px;font-size:12px;font-weight:400;}
.header-wrap1 .breadcrumb a{text-decoration: none;color: var(--kpy-white);}
.about-side { padding-left: 8%; border-left: 1px solid #ccc; position: sticky;top: 5%;}
.kpy-horizontal-news-card{display:flex;flex-direction:row;align-items:stretch;}
.kpy-horizontal-news-card .post-thumbnail{flex:0 0 220px;max-width:220px;overflow:hidden;border-radius: 50px 0;}
.kpy-horizontal-news-card .post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block; }
.kpy-horizontal-news-card .card-body{flex:1;padding:20px 24px;display:flex;flex-direction:column;justify-content:center;}
@media (max-width:768px){.kpy-horizontal-news-card{flex-direction:column;}.kpy-horizontal-news-card .post-thumbnail{max-width:100%;flex:0 0 auto;height:220px;}}
.card-body {padding:25px 22px;background:var(--kpy-white,#fff);border-radius:0 0 20px 20px;display:flex;flex-direction:column;gap:12px;}
.card-body .date {display:flex;align-items:center;gap:8px;font-size:0.9rem;font-weight:600;color:var(--kpy-primary,#5c3224);}
.card-body .date i {font-size:1rem;}
.card-body h3 {margin:0;font-size:1.4rem;font-family:var(--kpy-font-heading,inherit);color:var(--kpy-dark,#222);line-height:1.3;}
.card-body .location {display:flex;align-items:center;gap:8px;font-size:0.95rem;color:var(--kpy-base,#666);}
.card-body .location i {color:var(--kpy-primary,#5c3224);}
.card-body:hover h3 {color:var(--kpy-primary,#5c3224);}


/** ============================================================
Directory
=============================================================**/
.publications {margin-bottom: 40px;}
#downloads-table {border-collapse: separate; border-spacing: 0 15px; margin-top: 20px;  width: 100%;}
#downloads-table thead {display: none;}
#downloads-table tbody tr {box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease, box-shadow 0.3s ease;background-color: #fff;border-radius: 8px;}
#downloads-table tbody tr:hover {transform: translateY(-3px);box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);}
#downloads-table td {padding: 20px;vertical-align: top;border: none;}
.member-thumbnail {  text-align: center;}
.member-thumbnail img {max-width: 100%;height: auto;border-radius: 5px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.member-title {font-size: 1.4rem;font-weight: 600;color: #333;margin-bottom: 10px;transition: color 0.3s ease;}
.member-title:hover {color: #0056b3;}
.pub-summ {font-size: 1rem;font-weight: 500;color: #555;margin-bottom: 5px;text-transform: uppercase;letter-spacing: 0.5px;}
.pub-desc {margin-bottom: 15px;color: #666;line-height: 1.6;}
.member-summ {background-color: #f9f9f9;padding: 12px !important;border-radius: 5px;margin-top: 10px;color: #555;line-height: 1.8;}
.member-summ small {display: block;margin-bottom: 3px;}
.member-summ strong {color: #444;}
.member-link {  margin-top: 15px;}
.member-link a {display: inline-block;background-color: #0056b3;color: white;padding: 8px 20px;border-radius: 4px;text-decoration: none;font-weight: 500;transition: background-color 0.3s ease;}
.member-link a:hover {background-color: #003d82;text-decoration: none;}
.page-content2 {max-width: 1200px;margin: 0 auto;padding: 0 15px;}

.post-content {background-color: #fff;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);padding: 2rem;}

.pub-single {margin-bottom: 2rem;}

.post-thumbnail {overflow: hidden;border-radius:0 45px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.post-thumbnail img {width: 100%;height: auto;transition: transform 0.3s ease;}
.post-thumbnail img:hover {transform: scale(1.02);}
/* Content styles */
.about-side-pub { padding-left: 1.5rem;}
h1.entry-title {font-size: 2.2rem;margin-bottom: 1rem;font-weight: 700;  line-height: 1.2;}
h4.pub-summ {font-size: 1.25rem;margin-bottom: 0.75rem;color: #555;font-weight: 600;}
.pub-desc {margin-bottom: 1.5rem; color: #666;  line-height: 1.6;}
hr { margin: 1.5rem 0;border-color: #eee;}
.btn-sm {padding: 0.25rem 0.5rem; font-size: 0.875rem;border-radius: 4px; transition: all 0.2s ease;}
.btn-facebook {background-color: #3b5998;color: white;}
.btn-facebook:hover {background-color: #2d4373;color: white;}
.btn-twitter { background-color: #1da1f2; color: white;}
.btn-twitter:hover { background-color: #0c85d0;color: white;}
.btn-whatsapp {background-color: #25D366; color: white;}
.btn-whatsapp:hover {background-color: #128C7E;color: white;}
.text-muted {color: #6c757d;}



.iwca-membership-form-container {font-family: var(--kpy-font-body, Arial, sans-serif); max-width: 900px; margin: 3rem auto; background: var(--kpy-white, #ffffff); border-radius:0 50px; padding: 30px; box-shadow: 0 4px 25px rgba(var(--kpy-base-rgb, 0, 0, 0), 0.08);}
.iwca-membership-form-container h3 {color: var(--kpy-primary, #5c3224); font-family: var(--kpy-font-heading, 'Roboto', sans-serif); font-size: 1.8rem; margin-bottom: 25px; text-align: center; border-bottom: 3px solid var(--kpy-secondary, #8dc442); padding-bottom: 15px;}
.membership-form-group {margin-bottom: 20px;}
.membership-form-label {display: block; margin-bottom: 8px; font-weight: 600; color: var(--kpy-primary, #5c3224); font-family: var(--kpy-font-heading, 'Roboto', sans-serif); font-size: 1rem;}
.membership-form-control {width: 100%; padding: 12px 15px; border: 2px solid rgba(var(--kpy-base-rgb, 0, 0, 0), 0.1); border-radius: 18px 0; font-family: var(--kpy-font-body, Arial, sans-serif); font-size: 1rem; transition: border-color 0.3s ease; background: #f9f9f9;}
.membership-form-control:focus {outline: none; border-color: var(--kpy-secondary, #8dc442); background: var(--kpy-white, #ffffff); box-shadow: 0 0 0 0.2rem rgba(var(--kpy-secondary-rgb, 141, 196, 66), 0.25);}
.membership-form-textarea {min-height: 120px; resize: vertical;}
.membership-form-submit {background-color: var(--kpy-secondary, #8dc442); color: var(--kpy-white, #ffffff); border: none; padding: 15px 40px; border-radius:0 18px; font-family: var(--kpy-font-heading, 'Roboto', sans-serif); font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; display: block; width: 100%; text-transform: uppercase; letter-spacing: 1px;}
.membership-form-submit:hover {background-color: var(--kpy-primary, #5c3224); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(var(--kpy-secondary-rgb, 141, 196, 66), 0.3);}
.membership-form-submit:disabled {opacity: 0.7; cursor: not-allowed;}
.required::after {content: " *"; color: #e74c3c;}
.membership-form-notice {background-color: rgba(var(--kpy-secondary-rgb, 141, 196, 66), 0.1); border: 1px solid var(--kpy-secondary, #8dc442); padding: 15px; border-radius: 18px 0; margin-bottom: 25px; text-align: center; font-size: 0.9rem;}
.membership-success-modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; align-items: center; justify-content: center;}
.membership-success-modal.active {display: flex;}
.membership-success-modal-content {background: var(--kpy-white, #ffffff); border-radius: 40px 0; padding: 40px; max-width: 500px; width: 90%; text-align: center; position: relative; box-shadow: 0 10px 40px rgba(var(--kpy-base-rgb, 0, 0, 0), 0.2);}
.membership-success-icon {width: 80px; height: 80px; background: var(--kpy-secondary, #8dc442); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px;}
.membership-success-icon i {font-size: 40px; color: var(--kpy-white, #ffffff);}
.membership-success-modal h4 {color: var(--kpy-primary, #5c3224); font-family: var(--kpy-font-heading, 'Roboto', sans-serif); font-size: 1.5rem; margin-bottom: 15px;}
.membership-success-modal p {color: #555; line-height: 1.6; margin-bottom: 25px;}
.close-membership-modal {background: var(--kpy-primary, #5c3224); color: var(--kpy-white, #ffffff); border: none; padding: 12px 30px; border-radius: 18px 0; font-family: var(--kpy-font-heading, 'Roboto', sans-serif); font-size: 1rem; cursor: pointer; transition: all 0.3s ease;}
.close-membership-modal:hover {background: #4a291d; transform: translateY(-2px);}
.category-card:hover {transform: translateY(-5px) !important; box-shadow: 0 10px 25px rgba(var(--kpy-base-rgb, 0, 0, 0), 0.1) !important; border-color: var(--kpy-secondary, #8dc442) !important;}
.membership-form-control.error {border-color: #dc3545 !important;}
.membership-form-control.success {border-color: #28a745 !important;}
.youtube-gallery { max-width: 100%; text-align: center; margin-top: 40px;} 
.youtube-main iframe { width: 100%; height: 480px; border-radius: 50px 0; } 
.youtube-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; margin-top: 20px; justify-items: center; } 
.youtube-thumb { position: relative; cursor: pointer; } 
.youtube-thumb img { width: 100%; border-radius: 30px 0; } 
.youtube-thumb .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.7); color: #fff; padding: 8px 14px; border-radius: 50%; font-size: 18px; }


/* Responsive Styles */
@media (max-width: 768px) {
.iwca-membership-form-container {padding: 20px;}
.membership-success-modal-content {padding: 30px 20px;}
.membership-categories-section .col-md-4 {margin-bottom: 15px;}
.membership-categories-section .row {margin: 0 -5px;}
.membership-categories-section .col-md-4 {padding: 0 5px;}
.category-card {padding: 15px !important;}
.category-icon i {font-size: 2rem !important;}
.membership-categories-section h4 {font-size: 1.1rem !important; text-align: center;}
.iwca-membership-form-container .row .col-md-6 {margin-bottom: 0;}
.membership-form-group {margin-bottom: 15px;}
}

@media (max-width: 992px) {
.membership-form-textarea {min-height: 150px;}
}
    
/** ============================================================
Error 404 Page Not Found CSS
=============================================================**/
.Error_404 {overflow: hidden; padding:80px 0 120px;}
.Error_404 .error_pic {width: 35%; float: left; text-align: center;}
.Error_404 .error_pic i {color: #F72331; font-size: 250px; line-height: 250px; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; margin-left: .2em;}
.Error_404 .error_desk {width: 65%; float: left; padding-top: 40px;}
.Error_404 .error_desk h2 {font-size: 55px; line-height: 60px;color: #F72331;font-weight: 500;}
.Error_404 .error_desk h4 {font-size: 28px; line-height: 30px;}
.Error_404 .error_desk p .check {line-height: 45px; font-size: 16px;}
.Error_404 .error_desk p .button {padding: 13px 20px; margin: 0; border-radius: 5px; display: inline; margin-left: 10px; box-shadow: inset 0 0 0 0;}
.Error_404 .error_desk p .button:hover{color:#f9f9f9; text-decoration: none; background: #F72331;}
a.button, a.tp-button {transition:.2s all; background: transparent; color: #F72331; border:solid 2px;}
.wp-block-ub-tabbed-content-tab-title strong {font-weight:500!important;}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* Mobile styles (up to 767px)@media only screen and (max-width: 768px */
@media only screen and (max-width: 600px)  {
    .menu-section .logo {object-fit: contain !important;height: 70px;}
    .menu-section .navbar-nav {height: 100%;display: flex;align-items: flex-start;gap: 5px;}
    .menu-section .navbar-nav .nav-link {color: var(--kpy-black) !important;font-family: var(--kpy-font);font-weight: 400;text-transform: uppercase;letter-spacing: 1px;font-size: 16px;height: 40px;display: flex;align-items: center;position: relative;transition: all 0.3s ease;padding: 0 0.5rem !important;}
    .menu-section {height: 80px;position: relative;top: 0;z-index: 1000;background: #f7f7f7;height: 80px;display: flex;align-items: center;transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);box-shadow: 0 2px 10px rgba(0, 0, 0, 0);}
    


}
/* Tablet styles (768px to 1024px) */
@media only screen and (max-width: 1024px) and (min-width: 768px) {


}

/* Large desktop styles (1140px and up) */
@media only screen and (min-width: 1140px) {
  
}

/* Extra large desktop styles (1440px and up) */
@media only screen and (min-width: 1440px) {

}

/* High DPI screens */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* Admin Styles */
.post-type-newsletter_sub .wp-list-table th.column-subscribed_date,
.post-type-newsletter_sub .wp-list-table th.column-subscribed_ip {
    width: 15%;
}

.post-type-newsletter_sub .wp-list-table .column-title {
    width: 40%;
}

/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/
.wp-block-columns { display: flex; flex-wrap: wrap; gap: 60px; width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.wp-block-column { flex: 1 1 0; min-width: 0; box-sizing: border-box; }
.wp-block-columns.is-vertically-aligned-center { align-items: center; }
.wp-block-columns.is-vertically-aligned-top { align-items: flex-start; }
.wp-block-columns.is-vertically-aligned-bottom { align-items: flex-end; }
@media (max-width: 781px) { .wp-block-columns { flex-direction: column; } }
.wp-block-group.document .wp-block-columns.wp-block-columns-is-layout-flex {display:flex;flex-wrap:nowrap;gap:60px;width:100%;box-sizing:border-box;}
.wp-block-group.document .wp-block-columns.wp-block-columns-is-layout-flex > .wp-block-column {flex:0 0 auto;min-width:0;box-sizing:border-box;}
.wp-block-group.document .dataTables_wrapper {width:100%;max-width:100%;overflow-x:auto;}
@media (max-width:781px){.wp-block-group.document .wp-block-columns.wp-block-columns-is-layout-flex{flex-direction:column;}}