@import url('./variables.css');

/* Fonts */
@font-face { font-family: 'Poppins';src: url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap; } 
@font-face { font-family: 'Poppins';src: url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap; } 
@font-face { font-family: 'Poppins';src: url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff');font-weight: 500;font-style: normal;font-display: swap; } 
@font-face { font-family: 'Poppins';src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap; } 
@font-face { font-family: 'Poppins';src: url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff');font-weight: 700;font-style: normal;font-display: swap; } 

/* Custom Scrollbar */
::-webkit-scrollbar { width: 5px;height: 2px; } 
::-webkit-scrollbar-track { background:#f2f2f2; border-radius: 0px; } 
::-webkit-scrollbar-thumb { background: var(--primaryColor); border-radius: 0px; } 
::-webkit-scrollbar-thumb:hover { background: #769aff; } 

/* common style */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }input:focus, textarea:focus, select:focus { outline: none; }input::placeholder{ color: #5C5C5C; }
html { scroll-behavior: smooth; }
body{ font-family: 'Poppins';color:var(--textColor) }
a{ text-decoration:none;color:var(--textColor); }
a:focus-visible { outline: none;border: 0; }
main{ padding-top: 100px; }
.btn { padding: 15px 40px;font-size: 16px;font-weight: 500;border-radius: 50px;text-decoration: none;transition: all 0.3s ease;display: inline-block;cursor: pointer;border: 2px solid transparent;min-width: 180px;text-align: center; }
.btnPrimary { background-color: transparent;color: #ffffff;border: 2px solid #ffffff; }
.btnPrimary:hover { background-color: var(--secondaryColor);color: var(--whiteColor);transform: translateY(-2px);box-shadow: 0 10px 20px rgba(255, 255, 255, 0.2); }
.btnReadMore, .btnViewAll { display: inline-block;padding: 12px 40px;background-color: transparent;color: var(--secondaryColor);border: 1px solid var(--secondaryColor);border-radius: 50px;text-decoration: none;font-size: var(--Font-16);font-weight: 400;transition: all 0.3s ease;width: fit-content; }
.btnReadMore:hover, .btnViewAll:hover { background-color: var(--secondaryColor);color: var(--whiteColor);transform: translateY(-2px);box-shadow: 0 8px 20px rgba(255, 103, 31, 0.3); }
.btnViewAll{ margin-left: 10px; }
/* Header Top*/
.logo { display: inline-block; }
header{ position: fixed;z-index: 999;background-color: var(--primaryColor);width: 100%;padding: 24px 0;max-height: 100px; }
header h1{ font-size: var(--Font-38);font-weight: 700;line-height: 1.2; }
header h1 .nps-bharat{ color:var(--secondaryColor);display: block; }
header h1 .fund-of-funds{ color:var(--whiteColor);font-size: 14px;font-weight: 400;display: block; }
header.stickyHeader .logo svg{ transition: 0.3s all ease-in-out; }
.headerRight { display: flex;align-items: center;justify-content: end;gap: 10px; }
.headerRight .searchBox { position: relative; }
.headerRight .searchBox input { border: 1px solid var(--primaryColor);padding: 12px 35px 12px 16px;font-size: var(--Font-14);line-height: 16px;width: 324px;background-color: transparent; }
.headerRight .searchBox button { position: absolute;right: 12px;top: 50%;transform: translateY(-50%);background: transparent;height: 18px;width: 18px;display: flex;align-items: center;justify-content: center; }
.languageBox { border: 1px solid var(--primaryColor);height: 42px;display: flex;align-items: center;justify-content: center;width: 42px;cursor: pointer;min-width: 42px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='25' viewBox='0 0 21 25' fill='none'%3E%3Cpath d='M12.2182 1.54012V11.9624H10.6879V1.54012H9.30514V0.196972H14.186V1.54012H12.2182ZM5.08634 0.0076103C5.90416 -0.0493714 6.7119 0.215309 7.3374 0.74524C7.59534 0.978997 7.79986 1.26561 7.93703 1.58554C8.0742 1.90548 8.14079 2.25123 8.13228 2.59922C8.13751 3.12337 7.98594 3.63711 7.69704 4.07448C7.38904 4.52887 6.95552 4.88384 6.44931 5.09615C5.78978 5.3702 5.08272 5.51162 4.36853 5.51231L4.27385 4.19118C4.91094 4.22615 5.54369 4.06751 6.08893 3.73613C6.26442 3.60886 6.40613 3.44061 6.50169 3.24603C6.59725 3.05145 6.64377 2.83645 6.6372 2.61977C6.65327 2.43052 6.61984 2.24033 6.54018 2.0679C6.46053 1.89547 6.3374 1.74672 6.18288 1.63627C5.88221 1.43135 5.52497 1.32562 5.16121 1.33388C4.73125 1.32833 4.30322 1.39228 3.89366 1.52324C3.47838 1.66574 3.07369 1.83743 2.68262 2.03701L2.21142 0.726891C2.59903 0.525885 3.00444 0.361262 3.42246 0.235138C3.96266 0.0768532 4.52348 0.000164175 5.08634 0.0076103ZM8.33925 7.83896C8.35773 8.35363 8.21924 8.86175 7.94218 9.29587C7.67747 9.68691 7.30204 9.99001 6.86399 10.1664C6.38411 10.3631 5.86912 10.4597 5.35057 10.4504C4.64804 10.4539 3.95716 10.271 3.34833 9.92047C2.65765 9.48614 2.065 8.91273 1.60811 8.23677C0.970667 7.29127 0.431816 6.28292 0 5.22753L1.34315 4.73578C1.66327 5.53835 2.04255 6.31604 2.47785 7.06243C2.81606 7.63171 3.25068 8.13785 3.76228 8.55824C4.17742 8.88647 4.68999 9.06722 5.21919 9.07202C5.63467 9.09074 6.04551 8.97828 6.39353 8.75054C6.55078 8.62095 6.67427 8.45515 6.75339 8.26737C6.83252 8.07958 6.86493 7.87541 6.84785 7.67235C6.85565 7.087 6.63104 6.52243 6.22325 6.10241C5.77395 5.63424 5.26512 5.22708 4.70982 4.89138L5.82617 4.83487L6.6394 4.66459C6.81604 4.81578 7.01176 4.99854 7.22657 5.21285C7.42432 5.40459 7.59696 5.62063 7.74034 5.8558L7.83502 6.21544C7.99337 6.44705 8.11885 6.69949 8.20787 6.96555C8.29865 7.24766 8.34302 7.54263 8.33925 7.83896ZM8.64164 5.3435C9.16801 5.35053 9.6938 5.30628 10.2116 5.21139C10.7375 5.08498 11.2554 4.92714 11.7624 4.73872V6.10095C11.2917 6.31786 10.7963 6.47659 10.2872 6.57362C9.81847 6.65264 9.34376 6.69071 8.86844 6.68738C8.67908 6.68738 8.45889 6.67466 8.20787 6.64921C7.95588 6.61154 7.71637 6.57362 7.48933 6.53545C7.32935 6.5006 7.17152 6.45649 7.01666 6.40334L6.1271 5.34203L6.24013 5.05725C6.62051 5.14831 7.00571 5.2179 7.39391 5.2657C7.80832 5.31704 8.22553 5.34254 8.64311 5.34203L8.64164 5.3435Z' fill='%232149A9'/%3E%3Cpath d='M19.1607 24.5747L17.6421 20.673H12.646L11.1451 24.5747H9.53845L14.4648 11.9154H15.8945L20.8033 24.5747H19.1607ZM17.1658 19.2601L15.7536 15.4435C15.7184 15.3491 15.6594 15.1778 15.5767 14.9297C15.494 14.6817 15.4116 14.4287 15.3294 14.1708C15.2589 13.9002 15.2 13.6942 15.1525 13.5528C15.0581 13.9179 14.958 14.2768 14.8523 14.6296C14.7579 14.9721 14.6754 15.2429 14.605 15.4421L13.1745 19.2586L17.1658 19.2601Z' fill='%232149A9'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center; }
.languageBox:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='25' viewBox='0 0 21 25' fill='none'%3E%3Cpath d='M12.2182 1.54012V11.9624H10.6879V1.54012H9.30514V0.196972H14.186V1.54012H12.2182ZM5.08634 0.0076103C5.90416 -0.0493714 6.7119 0.215309 7.3374 0.74524C7.59534 0.978997 7.79986 1.26561 7.93703 1.58554C8.0742 1.90548 8.14079 2.25123 8.13228 2.59922C8.13751 3.12337 7.98594 3.63711 7.69704 4.07448C7.38904 4.52887 6.95552 4.88384 6.44931 5.09615C5.78978 5.3702 5.08272 5.51162 4.36853 5.51231L4.27385 4.19118C4.91094 4.22615 5.54369 4.06751 6.08893 3.73613C6.26442 3.60886 6.40613 3.44061 6.50169 3.24603C6.59725 3.05145 6.64377 2.83645 6.6372 2.61977C6.65327 2.43052 6.61984 2.24033 6.54018 2.0679C6.46053 1.89547 6.3374 1.74672 6.18288 1.63627C5.88221 1.43135 5.52497 1.32562 5.16121 1.33388C4.73125 1.32833 4.30322 1.39228 3.89366 1.52324C3.47838 1.66574 3.07369 1.83743 2.68262 2.03701L2.21142 0.726891C2.59903 0.525885 3.00444 0.361262 3.42246 0.235138C3.96266 0.0768532 4.52348 0.000164175 5.08634 0.0076103ZM8.33925 7.83896C8.35773 8.35363 8.21924 8.86175 7.94218 9.29587C7.67747 9.68691 7.30204 9.99001 6.86399 10.1664C6.38411 10.3631 5.86912 10.4597 5.35057 10.4504C4.64804 10.4539 3.95716 10.271 3.34833 9.92047C2.65765 9.48614 2.065 8.91273 1.60811 8.23677C0.970667 7.29127 0.431816 6.28292 0 5.22753L1.34315 4.73578C1.66327 5.53835 2.04255 6.31604 2.47785 7.06243C2.81606 7.63171 3.25068 8.13785 3.76228 8.55824C4.17742 8.88647 4.68999 9.06722 5.21919 9.07202C5.63467 9.09074 6.04551 8.97828 6.39353 8.75054C6.55078 8.62095 6.67427 8.45515 6.75339 8.26737C6.83252 8.07958 6.86493 7.87541 6.84785 7.67235C6.85565 7.087 6.63104 6.52243 6.22325 6.10241C5.77395 5.63424 5.26512 5.22708 4.70982 4.89138L5.82617 4.83487L6.6394 4.66459C6.81604 4.81578 7.01176 4.99854 7.22657 5.21285C7.42432 5.40459 7.59696 5.62063 7.74034 5.8558L7.83502 6.21544C7.99337 6.44705 8.11885 6.69949 8.20787 6.96555C8.29865 7.24766 8.34302 7.54263 8.33925 7.83896ZM8.64164 5.3435C9.16801 5.35053 9.6938 5.30628 10.2116 5.21139C10.7375 5.08498 11.2554 4.92714 11.7624 4.73872V6.10095C11.2917 6.31786 10.7963 6.47659 10.2872 6.57362C9.81847 6.65264 9.34376 6.69071 8.86844 6.68738C8.67908 6.68738 8.45889 6.67466 8.20787 6.64921C7.95588 6.61154 7.71637 6.57362 7.48933 6.53545C7.32935 6.5006 7.17152 6.45649 7.01666 6.40334L6.1271 5.34203L6.24013 5.05725C6.62051 5.14831 7.00571 5.2179 7.39391 5.2657C7.80832 5.31704 8.22553 5.34254 8.64311 5.34203L8.64164 5.3435Z' fill='%23ffffff'/%3E%3Cpath d='M19.1607 24.5747L17.6421 20.673H12.646L11.1451 24.5747H9.53845L14.4648 11.9154H15.8945L20.8033 24.5747H19.1607ZM17.1658 19.2601L15.7536 15.4435C15.7184 15.3491 15.6594 15.1778 15.5767 14.9297C15.494 14.6817 15.4116 14.4287 15.3294 14.1708C15.2589 13.9002 15.2 13.6942 15.1525 13.5528C15.0581 13.9179 14.958 14.2768 14.8523 14.6296C14.7579 14.9721 14.6754 15.2429 14.605 15.4421L13.1745 19.2586L17.1658 19.2601Z' fill='%23ffffff'/%3E%3C/svg%3E"); }
.languageBox img{ opacity: 0; }
.languageBox svg { z-index: 9;}
.headerMenu ul{ list-style: none; padding: 0px; margin-bottom: 0px;border-top: 1px solid #fff; }
.headerMenu>ul{ border-top:0 }
.headerMenu ul li{ position: relative; padding-left: 0px; margin-bottom: 0px; }
.headerMenu ul li.parent{ padding-right: 3px; } 
.headerMenu ul li a { display: inline-block; text-decoration: none; }
header.stickyHeader{ box-shadow: 0 0 10px #0000001a; }
header .logo svg { width: 350px;transition: 0.3s all ease-in-out; }
header.stickyHeader .headerMenu>ul{ border-bottom:0; }

.parent:before{border: none;}

/* Main Banner Slider */
.mainBanner { position: relative;width: 100%;height: calc(100vh - 100px);min-height: 500px; }
.mainBannerSwiper { width: 100%;height: 100%; }
.mainBannerSwiper .swiper-slide { background: #000;background-size: cover;background-position: center;position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden; }
.bannerVideo { position: absolute;top: 50%;left: 50%;min-width: 100%;width: auto;/*height: calc(100vh - 100px);min-height: calc(100vh - 100px);*/transform: translate(-50%, -50%);object-fit: cover;z-index: 0; }
.videoOverlay { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 1; }
.bannerContent { width: 100%;height: 100%;display: flex;align-items: end;justify-content: center;padding: 40px 0;position: relative;z-index: 2; }
.bannerText { text-align: center;color: var(--whiteColor);max-width: 800px;margin: 0 auto 85px; }
.bannerText h2 { font-size: var(--Font-48);font-weight: 300;line-height: 1.3;margin-bottom: 40px;color: var(--whiteColor);animation: fadeInUp 1s ease-out;text-transform: capitalize; }
.bannerBtns { display: flex;gap: 20px;justify-content: center;align-items: center;flex-wrap: wrap;animation: fadeInUp 1.2s ease-out; }
.mainBannerSwiper .swiper-pagination { right: 30px !important;top: 50% !important;transform: translateY(-50%);left: auto !important;width: auto !important;bottom: auto !important;display: flex;flex-direction: column;gap: 12px; }
.mainBannerSwiper .swiper-pagination-bullet { width: 12px;height: 12px;background-color: rgba(255, 255, 255, 0.5);opacity: 1;transition: all 0.3s ease;margin: 0 !important;border: 2px solid transparent; }
.mainBannerSwiper .swiper-pagination-bullet-active { background-color: var(--secondaryColor);width: 14px;height: 14px;border: 2px solid rgba(255, 255, 255, 0.8);box-shadow: 0 0 10px rgba(255, 107, 53, 0.5); }
.mainBannerSwiper .swiper-pagination-bullet:hover { background-color: rgba(255, 255, 255, 0.8);transform: scale(1.2); }

/* About Section */
.aboutSection { padding: 120px 0;background-color: #f8f9fa; }
.aboutImage { position: relative; }
.aboutImage img { width: 100%;height: auto;border-radius: 0;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); }
.aboutContent { padding-left: 40px; }
.sectionLabel { font-size: var(--Font-16);color: var(--primaryColor);font-weight: 400;display: inline-block;margin-bottom: 5px;letter-spacing: 1px; }
.sectionTitle { font-size: var(--Font-42);font-weight: 600;color: var(--textColor);margin-bottom: 10px;line-height: 1.1; }
.aboutContent p { font-size: var(--Font-16);line-height: 24px;color: var(--textColor);margin-bottom: 20px;text-align: justify; }
.btnMoreDetails { display: inline-block;padding: 12px 35px;background-color: transparent;color: var(--secondaryColor);border: 1px solid var(--secondaryColor);border-radius: 50px;text-decoration: none;font-size: var(--Font-16);font-weight: 400;transition: all 0.3s ease;}
.btnMoreDetails:hover { background-color: var(--secondaryColor);color: var(--whiteColor);transform: translateY(-2px);box-shadow: 0 8px 20px rgba(255, 103, 31, 0.3); }

/* NPS Trust Section */
.npsTrustSection { padding: 100px 0;background-image: url(../images/nps-trust-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center; }
.npsTrustHeader { text-align: center;margin-bottom: 30px; }
.npsTrustCard { background: var(--whiteColor);border-radius: 0px;padding: 30px;transition: all 0.3s ease;height: 100%;display: flex;flex-direction: column;align-items: center; }
.npsTrustCard:hover { transform: translateY(-8px); }
.npsTrustCard .cardIcon { width: 49px;height: 49px;display: flex;align-items: center;justify-content: center; }
.npsTrustCard .cardIcon img { width: 100%;height: auto;max-width: 80px; }
.npsTrustCard .cardTitle { font-size: var(--Font-28);font-weight: 500;color: var(--primaryColor);margin: 10px 0 0;line-height: 1.2; }
.npsTrustCard .cardDescription { font-size: var(--Font-16);line-height: 26px;color: var(--textColor);flex-grow: 1;margin: 16px 0 0; }
.npsTrustCard .npsInner { padding-bottom: 32px;margin-bottom: 32px;border-bottom: 1px solid #BDBDBD; }
.npsTrustCard .npsInner:last-child{ padding-bottom: 0px;margin-bottom: 0px;border-bottom: 0; }
.npsTrustSection .row { display: flex;align-items: stretch; }
.npsTrustSection .row > [class*="col-"] { display: flex;flex-direction: column; }
.npsTrustSection .imgWrap { width: 100%;height: 100%;position: relative;flex: 1; }
.npsTrustSection .imgWrap img { object-fit: cover;height: 100%;width: 100%; }
.npsTrustSection .imgWrap video { object-fit: cover;height: 100%;width: 100%; }
.npsTrustSection .playIcon { position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);transition: 0.3s all ease-in-out; }

/* Process Flow Section */
.processFlow { padding: 100px 0; }
.processFlow .sectionTitle { text-align: center;margin-bottom: 20px; }

/* Three Pillars Section */
.threePillarsSection { padding: 100px 0 0;background: #dde3f4;background-image: url('../images/piller-bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;position: relative; }
.threePillarsSection .container { position: relative;z-index: 2; }
.pillarsHeader { text-align: center;margin-bottom: 60px; }
.pillarCard { text-align: center;border-radius: 0;display: flex;flex-direction: column;align-items: center;justify-content: flex-start; }
.pillarIcon { margin-bottom: 24px;display: flex;align-items: center;justify-content: center;height: 80px; }
.pillarIcon img { width: auto;height: 70px;max-width: 100%; }
.pillarName { font-size: var(--Font-20);font-weight: 400;color: var(--primaryColor);margin-bottom: 12px;line-height: 1.2; }
.pillarDescription { font-size: var(--Font-16);line-height: 24px;color: var(--textColor);margin-bottom: 0; }
.pillerImg{ margin-top: 20px; }

/* Latest News Section */
.latestNewsSection { padding: 100px 0;background: var(--whiteColor); }
.latestNewsSection .sectionTitle { font-size: var(--Font-42);font-weight: 600;color: var(--textColor);margin-bottom: 60px; }
.featuredNewsContent { padding-left: 30px;display: flex;flex-direction: column;justify-content: center;height: 100%; }
.newsDate { display: flex;align-items: center;gap: 8px;margin-bottom: 16px;color: var(--primaryColor);font-size: var(--Font-14);font-weight: 500; }
.newsTitle { font-size: var(--Font-36);font-weight: 600;color: var(--textColor);margin-bottom: 16px;line-height: 1.3;transition: 0.3s all ease-in-out; }
.newsDescription { font-size: var(--Font-18);color: var(--textColor);margin-bottom: 24px; }
.newsCard { background: var(--whiteColor);transition: all 0.3s ease;height: 100%;display: flex;flex-direction: column; }
.newsCardImage { overflow: hidden;height: 180px; }
.newsCardImage img { width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease; }
.newsCard:hover .newsCardImage img { transform: scale(1.05); }
.newsCard:hover h4{ color: var(--secondaryColor); }
.newsCardContent { padding: 15px 0 0px;flex-grow: 1;display: flex;flex-direction: column; }
.newsCardContent .newsDate { margin-bottom: 8px; }
.newsCardTitle { font-size: var(--Font-18);font-weight: 400;color: var(--textColor);margin-bottom: 0;line-height: 1.4;transition: 0.3s all ease-in-out; }

/* Back to Top Button */
.back-to-top { position: fixed;bottom: 15px;right: 15px;width: 50px;height: 50px;background-color: var(--primaryColor);color: #fff;border: none;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transform: translateY(20px);transition: 0.3s all ease-in-out;z-index: 998;box-shadow: 0 4px 12px rgba(22, 47, 106, 0.3);border: 1px solid var(--primaryColor);animation: back2top 2.5s ease-in-out infinite;  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s; }
.back-to-top:hover { background-color: var(--secondaryColor);transform: translateY(0) scale(1.1);box-shadow: 0 6px 20px rgba(22, 47, 106, 0.4); }
.back-to-top.show { opacity: 1;visibility: visible;transform: translateY(0); }
.back-to-top svg { width: 20px;height: 20px;transition:  0.3s ease all ease-in-out; }
@keyframes back2top{
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
/* Footer */
.footer { background-color: #2E4AB8;color: #ffffff;margin-top: 0; }
.footerTop {padding: 60px 0 30px; }
.footerLogo { margin-bottom: 10px; }
.footerLogo img, .footerLogo svg { width: 350px;height: auto; }
.footerAddress { margin-bottom: 25px; }
.footerAddress p { color: #ffffff;line-height: 20px;margin-bottom: 4px; }
.footerAddress p strong { font-weight: 600; }
.footerSocial { display: grid;gap: 15px;grid-template-columns: 1fr 1fr;max-width: 100px; }
.footerSocial a { width: 40px;height: 40px;background-color: rgba(255, 255, 255, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease; }
.footerSocial a:hover { background-color: #ff671f;transform: translateY(-3px); }
.footerSocial a svg { width: 18px;height: 18px; }
.footerTitle { font-size: 22px;font-weight: 600;color: #ffffff;margin-bottom: 10px;position: relative; }
.footerLinks .row { margin: 0 -8px; }
.footerLinks .col-6 { padding: 0 8px; }
.footerLinkList { list-style: none;padding: 0;margin: 0; }
.footer .footerLinkList li { position: relative;padding-left: 15px; padding-top: 0; }
.footer .footerLinkList li:before { content: '';position: absolute;left: 0;top: 9px;width: 0;height: 0;background-image: url(../images/arrow.svg);width: 5px;height: 8px;}
.footer .footerLinkList li a { color: #ffffff;text-decoration: none;transition: all 0.3s ease;display: inline-block;}
.footer .footerLinkList li a:hover { color: #ff671f;padding-left: 5px; }
.footerContact .contactItem { display: flex;align-items: center;gap: 12px; }
.footerContact .contactItem svg { width: 18px;height: 18px;flex-shrink: 0; }
.footerContact .contactItem span { color: #ffffff;line-height: 20px; }
.footerBottom { padding: 30px 0;border-top: 1px solid #ffffff1a; background: #2E4AB8; }
.footerBottomLinks { margin-bottom: 5px;display: flex;align-items: center;flex-wrap: wrap;gap: 5px 0;display: none; }
.footerBottomLinks a { color: #ffffff;text-decoration: none;padding: 0 8px;transition: color 0.3s ease; }
.footerBottomLinks a:first-child { padding-left: 0; }
.footerBottomLinks a:hover { color: #ff671f; }
.footerBottomLinks .separator { color: rgba(255, 255, 255, 0.5);padding: 0 0px; }
.footerCopyright { display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px; }
.footerCopyright .copyrightText p { color: #ffffff;margin: 0; }
.footerStats { display: flex; }
.footerStats p { color: #ffffff;margin: 0; }

/* Core Objective Page Styles */
.pageHeader { background: url('../images/faq-inner-banner.jpg') center center / cover no-repeat;padding: 56px 0;position: relative;overflow: hidden;background-color: #f0f4f8; }
.pageHeader::before { display: none; }
.pageTitle { font-size: var(--Font-30);font-weight: 500;color: var(--textColor);margin-bottom: 60px;text-align: left;position: relative;z-index: 1;line-height: 1.2; }
.breadcrumb { display: flex;align-items: center;gap: 10px;margin: 0;padding: 0;font-size: var(--Font-16); }
.breadcrumbLink { color: #32323259;text-decoration: none;transition: color 0.3s ease;font-weight: 400; }
.breadcrumbLink:hover { color: var(--primaryColor); }
.breadcrumbSeparator { color: #999;font-weight: 300; }
.breadcrumbCurrent { color: var(--textColor);font-weight: 400; }
.pageSubtitle { font-size: var(--Font-18);color: rgba(255, 255, 255, 0.9);text-align: center;margin: 0;position: relative;z-index: 1; }
.coreObjectiveSection { padding: 80px 0;background-color: #f8f9fa; }
.objectiveBlock { background: var(--whiteColor);padding: 60px 40px;margin-bottom: 50px;border-radius: 0;transition: all 0.3s ease;position: relative;overflow: hidden; }
.objectiveBlock:hover { border-color: var(--primaryColor);transform: translateY(-3px); }
.objectiveImage { position: relative;overflow: hidden;border-radius: 0; }
.objectiveImage img { width: 100%;object-fit: cover;transition: transform 0.5s ease; }
.objectiveBlock:hover .objectiveImage img { transform: scale(1.02); }
.objectiveContent { padding-left: 20px; }
.objectiveBlock.reverse .objectiveContent { padding-left: 0;padding-right: 20px; }
.objectiveNumber { font-size: 150px;font-weight: 700;color: rgba(24, 66, 182, 0.05);line-height: 1;position: absolute;z-index: 0;top: 0;right: 0;; }
.objectiveTitle { font-size: var(--Font-32);font-weight: 600;color: var(--primaryColor);margin-bottom: 20px;line-height: 1.3;position: relative;z-index: 1; }
.objectiveDescription { font-size: var(--Font-16);color: var(--textColor);line-height: 1.8;margin-bottom: 20px; }
.objectiveList { list-style: none;padding: 0;margin: 0 ;display: grid;grid-template-columns: 1fr 1fr 1fr; }
.objectiveList li { position: relative;padding-left: 30px;margin-bottom: 15px;font-size: var(--Font-16);line-height: 1.7;color: var(--textColor); }
.objectiveList li::before { content: '→';position: absolute;left: 0;top: 0;color: var(--secondaryColor);font-weight: 700;font-size: 18px; }
.objectiveList.compact li { margin-bottom: 10px; }
.objectiveNote { font-size: var(--Font-14);color: #666;margin: 20px 0 0;padding: 15px 20px;background: #f8f9fa; }
.objectiveNote.highlight { background: rgba(255, 103, 31, 0.05);border-left-color: var(--secondaryColor);color: var(--textColor);font-weight: 500; }
.objectiveBlock.reverse .objectiveNumber { left: 0;right: unset; }
/* Diversification Box */
.diversificationBox { background: #f8f9fa;padding: 25px;border-radius: 0;margin: 25px 0;border: 1px solid #e1e5eb; }
.diversificationBox .boxTitle { font-size: var(--Font-18);font-weight: 600;color: var(--primaryColor);margin-bottom: 15px; }
.diversificationBox .badge { display: inline-block;padding: 10px 15px;background: var(--whiteColor);color: var(--primaryColor);border-radius: 0;font-size: var(--Font-14);font-weight: 500;text-align: center;width: 100%;border: 1px solid #e1e5eb;transition: all 0.3s ease-in-out; }
.diversificationBox .badge:hover { background: var(--primaryColor);color: var(--whiteColor);border-color: var(--primaryColor); }

/* Sector Grid */
.sectorGrid { display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 15px;margin: 25px 0; }
.sectorCard { background: #f8f9fa;padding: 20px 15px;border-radius: 0;text-align: center;border: 1px solid #e1e5eb;display: flex;align-items: center;justify-content: center; }
.sectorCard:hover { background: var(--primaryColor);border-color: var(--primaryColor);transform: translateY(-3px); }
.sectorCard span { font-size: var(--Font-14);font-weight: 500;color: var(--textColor);display: block; }
.sectorCard:hover span { color: var(--whiteColor); }

/* Growth Objectives */
.growthObjectives { margin: 30px 0; }
.growthItem { display: flex;align-items: flex-start;gap: 20px;margin-bottom: 25px;padding: 20px;background: rgba(255, 103, 31, 0.03);border-radius: 8px;transition: all 0.3s ease; }
.growthItem:hover { background: rgba(255, 103, 31, 0.08);transform: translateX(10px); }
.growthIcon { flex-shrink: 0; }
.growthItem p { margin: 0;font-size: var(--Font-16);line-height: 1.7;color: var(--textColor);padding-top: 8px; }

/* FAQ Section */
h2.innerPageTitle { font-weight: 600;margin-bottom: 40px; }
.faqSection { padding: 80px 0;background-color: #ffffff; }
.accordion-item.faqItem { background: var(--whiteColor);border: 1px solid #A3B3E2;margin-bottom: 15px;border-radius: 0; }
.accordion-item.faqItem:last-child { margin-bottom: 0; }
.accordion-item.faqItem:first-of-type,
.accordion-item.faqItem:last-of-type { border-radius: 0; }
.accordion-item.faqItem .accordion-header { margin-bottom: 0; }
.accordion-button.faqQuestion { width: 100%;background: transparent;border: none;padding: 20px 30px;display: flex;align-items: center;justify-content: space-between;cursor: pointer;text-align: left;transition: all 0.3s ease;gap: 20px;box-shadow: none;border-radius: 0; }
.accordion-button.faqQuestion:hover  {background: #f8f9fa; }
.accordion-button.faqQuestion:not(.collapsed) { background: #fff;color: var(--textColor);box-shadow: none; }
.accordion-button.faqQuestion:focus { border-color: transparent;box-shadow: none;outline: none; }
.accordion-button.faqQuestion::after { display: none; }
.faqQuestionText { font-size: var(--Font-16);font-weight: 500;color: var(--textColor);line-height: 1.5;flex: 1;transition: 0.3s all ease-in-out; }
.faqIcon { flex-shrink: 0;font-size: 24px;font-weight: 400;color: var(--textColor);width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;order: -1; }
.faqIcon::before { content: '+';transition: 0.3s all ease-in-out; }
.accordion-button.faqQuestion:not(.collapsed) .faqIcon::before { content: '−';transition: 0.3s all ease-in-out; }
.accordion-collapse.faqAnswer { border: none; }
.accordion-body.faqContent { padding: 30px;color: var(--textColor);line-height: 1.8;border-top: 1px solid #A3B3E2;background-color: #EDF0FA; }
.faqContent p { margin-bottom: 0;color: var(--textColor);line-height: 1.8; }
.faqContent strong { font-weight: 600;color: var(--textColor); }
.faqList { list-style: none;padding: 0;margin: 0; }
.faqList li { position: relative;padding-left: 25px;margin-bottom: 12px;line-height: 1.7;color: var(--textColor); }
.faqList li::before { content: '•';position: absolute;left: 8px;top: 0;color: var(--secondaryColor);font-weight: 700;font-size: 16px; }
.faqList li:last-child { margin-bottom: 0; }
.accordion-item { border: 1px solid transparent; margin-bottom: 16px; transition: border 0.2s ease; }
.faqSection .accordion-button { border: none !important; box-shadow: none !important; border-radius: 0!important; }
.faqSection .accordion-item:hover button{ background-color: var(--secondaryColor); color:var(--whiteColor) }
.faqSection .accordion-item:hover button span{ color:var(--whiteColor) }
.faqSection .accordion-item:hover button .faqIcon{ color:var(--whiteColor) }
.faqSection .accordion-button:focus { box-shadow: none; }

/* CTA Section */
.ctaSection { padding: 80px 0;background-image: url(../images/cta.png);position: relative;overflow: hidden;background-repeat: no-repeat;background-size: cover; }
.ctaBox { text-align: center;position: relative;z-index: 1; }
.ctaTitle { font-size: var(--Font-42);font-weight: 700;color: var(--whiteColor);margin-bottom: 15px; }
.ctaDescription { font-size: var(--Font-18);color: rgba(255, 255, 255, 0.9);margin-bottom: 30px; }
.ctaSection .btn { padding: 18px 50px;font-size: var(--Font-18);background: var(--secondaryColor);border-color: var(--secondaryColor); }
.ctaSection .btn:hover { background: var(--whiteColor);color: var(--primaryColor);border-color: var(--whiteColor); }

/* aobut us page */
.aboutCustomSection { background: #f8f9fa; border-radius: 12px; padding: 40px 30px 30px 30px; margin-bottom: 40px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); }
.aboutCustomSection h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: 18px; color: #1a237e; }
.aboutCustomSection ul, .aboutCustomSection ol { margin-bottom: 18px;}
.aboutCustomSection li { margin-bottom: 7px; font-size: 1rem; }
.aboutCustomSection .aboutSubHeader { font-size: var(--Font-20); font-weight: 600; margin-top: 22px; margin-bottom: 10px; color: #283593; }
.aboutCustomSection .aboutPara { margin-bottom: 14px; font-size: 1rem; color: #333; }
.aboutCustomSection .aboutListTitle { font-weight: 600; font-size: 1em; margin-bottom: 6px; color: #3949ab; }
.enhancing { margin: 0; padding: 0; }
.enhancing li{ position: relative; padding-left: 30px; list-style:none; margin-bottom: 15px; font-size: var(--Font-16); line-height: 1.7; color: var(--textColor); }
.enhancing li:before { content: '→'; position: absolute; left: 0; top: 0; color: var(--secondaryColor); font-weight: 700; font-size: 18px; }

/* ===== CREATIVE ABOUT PAGE STYLES ===== */
/* Hero About Section */
.aboutHeroSection { padding: 80px 0;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); }
.aboutHeroContent .aboutMainTitle { font-size: var(--Font-36);font-weight: 700;color: var(--primaryColor);margin-bottom: 30px;line-height: 1.3;position: relative;padding-bottom: 20px; }
.aboutHeroText { font-size: var(--Font-16);line-height: 1.8;color: var(--textColor);margin-bottom: 20px;text-align: justify; }
.aboutHeroImage { position: relative;overflow: hidden;transition: transform 0.5s ease; }
.aboutHeroImage:hover { transform: translateY(-10px); }
.aboutHeroImage img { width: 100%;height: auto;display: block;transition: transform 0.5s ease; }
.aboutHeroImage:hover img { transform: scale(1.05); }

/* Launch Highlight Section */
.launchBackground{ background: url('../images/about-bg.png') center center / cover no-repeat;position: relative;overflow: hidden; } 
.launchHighlight { padding: 60px 0 0; }
.launchBox { background: linear-gradient(135deg, var(--primaryColor) 0%, #2952d4 100%);padding: 40px 50px;border-radius: 12px;display: flex;align-items: center;gap: 30px;box-shadow: 0 15px 50px rgba(24, 66, 182, 0.2);position: relative;overflow: hidden; }
.launchBox::before { content: '';position: absolute;top: -50%;right: -5%;width: 300px;height: 300px;background: rgba(255, 255, 255, 0.05);border-radius: 50%; }
.launchIcon { flex-shrink: 0;width: 80px;height: 80px;background: rgba(255, 255, 255, 0.15);border-radius: 50%;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(10px);padding-top: 10px; }
.launchBox p { color: var(--whiteColor);font-size: var(--Font-16);line-height: 1.8;margin: 0;position: relative;z-index: 1; }
.launchBox strong { color: var(--secondaryColor);font-weight: 600; }
/* Strategic Purpose Section */
.strategicPurposeSection { padding: 80px 0; }

.sectionHeader { text-align: center;margin-bottom: 50px; }
.sectionMainTitle { font-size: var(--Font-40);font-weight: 700;color: var(--primaryColor);margin-bottom: 15px;position: relative;display: inline-block; }
.sectionSubtitle { font-size: var(--Font-18);color: #666;font-weight: 400;text-align: center; }
.investmentPhilosophySection .sectionSubtitle, .strategicPurposeSection .sectionSubtitle, .expectedOutcomesSection .sectionSubtitle, .guidingPrincipleSection .guidingText{ text-align: center;}
.purposeContent { margin-bottom: 50px; }
.purposeContent p { font-size: var(--Font-16);line-height: 1.8;color: var(--textColor);margin-bottom: 20px;text-align: justify; }
.purposeCards { margin-top: 40px; }
.purposeCard { background: var(--whiteColor);padding: 40px 30px;border-radius: 12px;text-align: center;height: 100%;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);transition: all 0.4s ease;border: 1px solid transparent;margin-bottom: 30px; }
.purposeCard:hover { transform: translateY(-15px);box-shadow: 0 20px 50px rgba(24, 66, 182, 0.15);border-color: var(--secondaryColor); }
.purposeIcon { width: 80px;height: 80px;margin: 0 auto 25px;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.4s ease; }
.purposeCard h4 { font-size: var(--Font-18);font-weight: 600;color: var(--primaryColor);margin: 0;line-height: 1.4; }
/* Investment Philosophy Section */
.investmentPhilosophySection { padding: 80px 0;background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);position: relative; }
.philosophyGrid { display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 40px;margin-top: 50px; }
.philosophyCard { background: var(--whiteColor);border-radius: 16px;overflow: hidden;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);transition: all 0.4s ease;position: relative;border: 1px solid transparent; }
.philosophyCard:hover { transform: translateY(-10px);box-shadow: 0 20px 60px rgba(24, 66, 182, 0.15);border-color: var(--secondaryColor); }
.philosophyNumber { position: absolute;top: -15px;right: 20px;font-size: 80px;font-weight: 700;color: rgba(24, 66, 182, 0.05);line-height: 1;z-index: 0; }
.philosophyCardInner { padding: 40px 30px;position: relative;z-index: 1; }
.philosophyIconBox { width: 80px;height: 80px;margin-bottom: 25px;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius: 12px;display: flex;align-items: center;justify-content: center;transition: all 0.4s ease; }
.philosophyCard h3 { font-size: var(--Font-20);font-weight: 600;color: var(--primaryColor);margin-bottom: 15px;line-height: 1.3; }
.philosophyCard p { font-size: var(--Font-15);line-height: 1.7;color: var(--textColor);margin: 0; }
/* Guiding Principle Section */
.guidingPrincipleSection { padding: 80px 0;background: linear-gradient(135deg, var(--primaryColor) 0%, #2952d4 100%);position: relative;overflow: hidden; }
.guidingPrincipleSection::before { content: '';position: absolute;top: -50%;left: -10%;width: 500px;height: 500px;background: rgba(255, 255, 255, 0.03);border-radius: 50%; }
.guidingPrincipleSection::after {content: '';position: absolute;bottom: -50%;right: -10%;width: 600px;height: 600px;background: rgba(255, 103, 31, 0.05);border-radius: 50%; }
.guidingBox { position: relative;z-index: 1; }
.guidingContent { text-align: center;max-width: 900px;margin: 0 auto; }
.guidingContent h3 { font-size: var(--Font-36);font-weight: 700;color: var(--whiteColor);margin-bottom: 20px; }
.guidingText { font-size: var(--Font-18);color: rgba(255, 255, 255, 0.9);margin-bottom: 30px; }
.principleHighlight { background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border: 2px solid rgba(255, 255, 255, 0.2);border-radius: 12px;padding: 40px;display: flex;align-items: center;gap: 30px;text-align: left; }
.principleHighlight svg { flex-shrink: 0; }
.principleHighlight p { font-size: var(--Font-20);font-weight: 500;color: var(--whiteColor);margin: 0;line-height: 1.6;font-style: italic;text-align: center; }
/* Expected Outcomes Section */
.expectedOutcomesSection { padding: 80px 0;background-image: url(../images/expected-outcome.jpg);background-repeat: no-repeat;background-position: center;background-size: cover; }
.outcomesGrid { display: grid;grid-template-columns: 1fr 1fr;gap: 25px;margin-top: 50px;margin-right: auto; }
.outcomeItem { display: flex;align-items: center;gap: 30px;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding: 30px 40px;border-radius: 12px;transition: all 0.4s ease;border-left: 5px solid transparent; }
.outcomeItem:hover { transform: translateX(20px);background: linear-gradient(135deg, var(--primaryColor) 0%, #2952d4 100%);border-left-color: var(--secondaryColor);box-shadow: 0 15px 40px rgba(24, 66, 182, 0.2); }
.outcomeIcon { flex-shrink: 0; }
.numberBadge { width: 60px;height: 60px;border:1px solid var(--primaryColor);color: var(--primaryColor);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: var(--Font-24);font-weight: 700; }
.outcomeItem:hover .numberBadge { background: var(--whiteColor);color: var(--primaryColor); }
.outcomeContent h4 { font-size: var(--Font-20);font-weight: 600;color: var(--primaryColor);margin: 0;line-height: 1.4;transition: color 0.3s ease; }
.outcomeItem:hover .outcomeContent h4 { color: var(--whiteColor); }
/* Eligibility Section */
.eligibilitySection { padding: 80px 0;background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);background-image: url('../images/eligibility-bg.png');background-repeat: no-repeat;background-size: cover;background-position: center; }
.eligibilityIntro { text-align: center;max-width: 800px;margin: 0 auto 50px; }
.eligibilityIntro p { font-size: var(--Font-18);color: var(--textColor);line-height: 1.8;text-align: center; }
.eligibilityGrid { display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 30px;margin-top: 50px; }
.eligibilityCard { background: var(--whiteColor);border-radius: 12px;padding: 35px 30px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);transition: all 0.4s ease;border: 1px solid transparent;position: relative;overflow: hidden; }
.eligibilityCard::after { content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: var(--secondaryColor);transform: scaleX(0);transform-origin: left;transition: transform 0.4s ease; }
.eligibilityCard:hover::after { transform: scaleX(1); }
.eligibilityCard:hover::before { transform: scaleX(1); }
.eligibilityCard:hover { transform: translateY(-10px);box-shadow: 0 20px 50px rgba(24, 66, 182, 0.15);border-color: var(--secondaryColor); }
.eligibilityBadge { width: 50px;height: 50px;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;transition: all 0.4s ease; }
/* .eligibilityCard:hover .eligibilityBadge {transform: rotate(15deg) scale(1.1);} */
.eligibilityBadge span { font-size: var(--Font-20);font-weight: 700;color: var(--primaryColor); }
.eligibilityCard h3 { font-size: var(--Font-18);font-weight: 600;color: var(--primaryColor);margin-bottom: 15px;line-height: 1.3; }
.eligibilityCard p { font-size: var(--Font-15);line-height: 1.7;color: var(--textColor);margin: 0; }
.eligibilityDefinition { margin-top: 50px;text-align: center; }
.definitionBox { display: inline-block;background: linear-gradient(135deg, #fff5ed 0%, #ffe6d9 100%);border-left: 4px solid var(--secondaryColor);padding: 25px 40px;border-radius: 8px;font-size: var(--Font-16);color: var(--textColor);line-height: 1.7;box-shadow: 0 8px 20px rgba(255, 103, 31, 0.1); }
.definitionBox strong {color: var(--primaryColor);font-weight: 600; }

/* Strategic Objectives Tab Styles */
.strategicTabs { margin-top: 40px; }
.tabNavigation { display: flex;gap: 15px;margin-bottom: 0;border-bottom: 2px solid #e1e5eb;flex-wrap: wrap; }
.tabButton { background: transparent;border: none;padding: 18px 30px;cursor: pointer;position: relative;transition: all 0.3s ease;display: flex;align-items: center;gap: 12px;border-bottom: 3px solid transparent;margin-bottom: -2px; }
.tabButton:hover { background: rgba(24, 66, 182, 0.05); }
.tabButton.active { background-color: var(--secondaryColor); }
.tabButton.active .tabNumber { background: var(--primaryColor);color: var(--whiteColor); }
.tabButton.active .tabLabel { color: var(--whiteColor);font-weight: 600; }
.tabNumber { width: 40px;height: 40px;border-radius: 50%;background: #f8f9fa;display: flex;align-items: center;justify-content: center;font-size: var(--Font-16);font-weight: 600;color: var(--primaryColor);transition: all 0.3s ease;flex-shrink: 0; }
.tabLabel { font-size: var(--Font-16);color: var(--textColor);transition: all 0.3s ease;font-weight: 400; }
.tabContent { background: var(--whiteColor);padding: 40px;border-radius: 0;margin-top: 0; }
.tabPane { display: none;animation: fadeIn 0.5s ease; }
.tabPane.active { display: block; }
.tabContentInner h3 { font-size: var(--Font-30);font-weight: 600;color: var(--primaryColor);margin-bottom: 20px; }
.tabContentInner p { font-size: var(--Font-24);line-height: 1.8;color: var(--textColor);margin: 0; }
.tabContentInner img{ height: 350px; }

@keyframes fadeIn { from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);} }

/* Music Toggle Button */
.music-toggle { position: fixed;bottom: 80px;right: 15px;width: 50px;height: 50px;background-color: var(--secondaryColor);color: #fff;border: none;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 998;box-shadow: 0 4px 12px rgba(255, 103, 31, 0.4);transition: all 0.3s ease;border: 2px solid var(--secondaryColor); }
.music-toggle:hover { background-color: var(--primaryColor);border-color: var(--primaryColor);transform: scale(1.1);box-shadow: 0 6px 20px rgba(22, 47, 106, 0.4); }
.music-toggle svg { width: 24px;height: 24px;transition: 0.3s ease; }
.music-toggle .music-icon { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }
.music-toggle.pulse-animation { animation: pulse 2s infinite; }
@keyframes pulse {0% {  box-shadow: 0 0 0 0 rgba(255, 103, 31, 0.7);}70% {  box-shadow: 0 0 0 15px rgba(255, 103, 31, 0);}100% {  box-shadow: 0 0 0 0 rgba(255, 103, 31, 0);} }
.music-prompt { position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(33, 73, 169, 0.95);display: none;align-items: center;justify-content: center;z-index: 9999;opacity: 0;transition: opacity 0.5s ease;cursor: pointer; }
.music-prompt-content { text-align: center;color: white;animation: pulse 2s infinite; }
.music-prompt-content svg { color: var(--secondaryColor);margin-bottom: 20px;filter: drop-shadow(0 4px 8px rgba(255, 103, 31, 0.3)); }
.music-prompt-content h3 { font-size: var(--Font-32);font-weight: 600;margin-bottom: 10px;color: white; }
.music-prompt-content p { font-size: var(--Font-18);color: rgba(255, 255, 255, 0.9);margin: 0; }
@keyframes pulse {0%, 100% { transform: scale(1); }50% { transform: scale(1.05); } }
@media (max-width: 768px) {
    .music-toggle { bottom: 75px; right: 10px; width: 45px; height: 45px; }
    .music-toggle svg { width: 20px;  height: 20px; }
    .music-prompt-content h3 {  font-size: var(--Font-24); }
    .music-prompt-content p {  font-size: var(--Font-16); } 
}

/* Coming Soon */
section.comingSoon { padding: 100px 0;text-align: center; }
section.comingSoon h4 { font-size: 50px;color: var(--primaryColor);font-weight: 300;margin-top: 50px; }

/* Circulars Section */
.circularsSection { padding: 80px 0;background-color: #ffffff; overflow: hidden; }
.circularGroup { margin-bottom: 40px; }
.circularGroup:last-child { margin-bottom: 0; }
.circularGroupTitle { font-size: var(--Font-22);font-weight: 500;color: var(--textColor);margin-bottom: 20px;display: flex;align-items: baseline;gap: 8px; }
.circularGroupTitle .titleArrow { color: var(--primaryColor);font-size: var(--Font-24);font-weight: 700; }
.circularCard { background: #ffffff;border-radius: 8px;padding: 20px 24px;margin-bottom: 16px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);border: 1px solid #f0f0f0;transition: all 0.3s ease; }
/* .circularCard:last-child { margin-bottom: 0; } */
.circularCard:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);transform: translateY(-2px); }
.circularDate { display: flex;align-items: center;gap: 8px;color: #666;font-size: var(--Font-14);margin-bottom: 12px; }
.circularDate svg { color: #888;flex-shrink: 0; }
.circularContent { display: flex;align-items: flex-start;gap: 16px; }
.pdfIcon { flex-shrink: 0;width: 48px;height: 56px;display: flex;align-items: center;justify-content: center; }
.pdfIcon img, .pdfIcon svg { width: 40px;height: 48px;object-fit: contain; }
.circularInfo { display: flex;flex-direction: column;gap: 4px; }
.circularTitle { font-size: var(--Font-16);font-weight: 500;color: var(--primaryColor);text-decoration: none;transition: color 0.3s ease;line-height: 1.4; }
.circularTitle:hover { color: var(--secondaryColor);text-decoration: underline; }
.fileSize { font-size: var(--Font-14);color: #1976D2;font-weight: 400; }
.eligibilityIntro p { text-align: center; }


.latestNewsSectionfront{ padding: 80px 0;overflow:hidden; }
.region-breadcrumb .breadcum li a{ color: #32323259; }
.region-breadcrumb .breadcum li a:hover{ color: var(--primaryColor); }
.breadcum li:before{ color: #999; }
.region-breadcrumb .breadcum li{ color:var(--textColor); }
.circularsSection .newsTitle, .latestNewsSectionfront .newsTitle{ font-size: 24px;}