@font-face {
    font-family: 'Fustat-Light';
    src: url(../fonts/Fustat/Fustat-Light.ttf);
}
@font-face {
    font-family: 'Fustat-Regular';
    src: url(../fonts/Fustat/Fustat-Regular.ttf);
}
@font-face {
    font-family: 'Fustat-Medium';
    src: url(../fonts/Fustat/Fustat-Medium.ttf);
}

@font-face {
    font-family: 'Fustat-SemiBold';
    src: url(../fonts/Fustat/Fustat-SemiBold.ttf);
}
@font-face {
    font-family: 'Fustat-Bold';
    src: url(../fonts/Fustat/Fustat-Bold.ttf);
}



h1 { font-size: 40px; line-height: 1.35; margin-bottom: 0.4em; font-weight: 800;font-family: 'Fustat-Bold'; }
h2 { font-size: 32px; line-height: normal; margin-bottom: 10px;font-family: 'Fustat-SemiBold'; }
h3 { font-size: 34px;color: #2D2556;line-height: normal; }
h4 { font-size: 24px; line-height: normal; margin-bottom: 1em; }
h5 { font-size: 20px; line-height: 1.6; margin-bottom: 10px; }
ul { list-style-type: none; margin: 0px !important; padding: 0px; }
ul li { list-style-type: none; margin: 0px; padding: 0; font-size: 12px; }
p { font-size: 16px; padding-bottom: 0; margin-bottom: 0;font-family: 'Fustat-Regular'; }
a { text-decoration: none; }
html { height: 100%; width: 100%; }
body { height: 100%;overflow-x: hidden;font-family: "Fustat-Regular"; color:#2D2556}
img,div { -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;  transition: all 1s ease-in-out; } 
section{padding: 60px 0 60px 0;}

.main{ width: 100%; }
/* Header styles */

#header {background: rgb(255, 255, 255);position: fixed;top: 0;width: 100%;z-index: 999;transition: all 0.3s ease-in-out;padding: 10px 0;left: 0 !important;right: 0 !important;box-shadow: 0px 4px 12px 0px #2D255640;overflow: visible;}
/* #header.scrolled {background: rgba(255, 255, 255, 1);box-shadow: 0px 2px 10px 0px #F3D9E2;} */
.logo {width: 100%;padding-bottom: 0px;}
.logo img {max-height: 60px;}
.menu {width: 100%;display: block;position: relative;text-align: justify;overflow: visible;}
.menu ul {transition: all 1s ease-in-out;position: relative;margin: 0;padding: 0;list-style: none;overflow: visible;}
.menu ul li {display: inline-block;text-align: end;position: relative;overflow: visible;}
.menu ul li a {display: block;text-align: center;padding: 15px;font-size: 16px;font-style: normal;line-height: normal;color: #2D2556;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;font-family: 'Fustat-Light';}
/* .menu ul li a:hover {color: #623265;font-family: 'Fustat-Semibold';} */
.menu ul li a.active {font-weight: bold !important;color: #E85222;}
.menu > ul > li > a:hover {font-weight: bold !important;color: #E85222;}
/* Base submenu state */
.menu ul li > ul {position: absolute;top: 100%;left: 95%;transform: translateX(-50%) translateY(15px);background-color: #fff;display: block;text-align: left !important;backdrop-filter: blur(16px);border-radius: 10px;opacity: 0;visibility: hidden;transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out, visibility 0.6s ease-in-out; /* Slower, smoother */overflow: visible;pointer-events: none;min-width: 185px;max-width: 210px;box-shadow: 0px 4px 12px 0px rgba(45, 37, 86, 0.15);z-index: 1000;margin-top: 5px;}
/* When visible */
.menu ul li > ul.show-sub {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);pointer-events: auto;border: 1.5px solid #973F7380;}
/* Submenu items */
.menu ul li > ul li {border-bottom: 1px solid #973F7320;display: block;width: 100%;opacity: 0;transform: translateY(10px);transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; /* Smooth item animation */}

/* Animate submenu items when visible */
.menu ul li > ul.show-sub li {opacity: 1;transform: translateY(0);}

/* Stagger animation for each item */
.menu ul li > ul.show-sub li:nth-child(1) {transition-delay: 0.1s;}
.menu ul li > ul.show-sub li:nth-child(2) {transition-delay: 0.2s;}
.menu ul li > ul.show-sub li:nth-child(3) {transition-delay: 0.3s;}
.menu ul li > ul li:last-child {border-bottom: none;}
/* Icon rotation - SMALLER SIZE & SLOWER */
.menu a i {display: inline-block;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth easing curve */margin-left: 4px;font-size: 10px; /* Reduced icon size */vertical-align: middle;}
/* Rotate icon when submenu is shown */
.menu ul li:hover > a i {transform: rotate(180deg);}
.menu ul li > ul li a {font-size: 15px;color: #2D2556;font-family: 'Fustat-Light';white-space: nowrap;padding: 12px 15px;text-align: left;transition: all 0.3s ease-in-out; /* Smooth hover transition */}
.menu ul li > ul li>a:hover {/* Slight indent on hover */color: #E85222;font-weight: bold !important;}
/* Prevent text hover color for SEBI Score App */
.menu ul li > ul li .score-app .menu-text:hover {color: #E85222;font-weight: bold !important;}
/* Base state */
.score-app {display: flex !important;justify-content: space-between;align-items: center;flex-direction: row !important;}
.score-app .menu-text {color: #2D2556;font-size: 15px;font-family: 'Fustat-Light';}
.score-app .menu-text:hover {color: #E85222;}
/* ICON hover — do not affect text */
.score-app .app-icons {display: inline-flex;gap: 0px;align-items: center;}
.score-app .app-icons a svg path {fill: #2D2556;transition: fill 0.3s ease;}
.score-app .app-icons a svg:hover path {fill: #E85222;}
.score-app .app-icons a{padding: 0 10px 0 0 !important;border-bottom: none !important;}


/* Banner */
.hero-section {position: relative;width: 100%;height: 400px;background: url('../images/banner.png') no-repeat center center/cover;display: flex;align-items: flex-end;justify-content: center;color: #fff;text-align: left;padding-bottom: 60px;}
.goal-box{background: #973F7340;backdrop-filter: blur(10px);padding: 20px;border-radius: 8px;margin-top: 10px;}
.goal-box h2{color: #fff;font-family: 'Fustat-SemiBold';font-size: 20px;margin-bottom: 10px;}
.banner-content h1 span{color: #E85222;}
.illustration{width: 100%;}

.sets-apart-section {background: linear-gradient(90deg, rgba(45, 37, 86, 0.05) 0%, rgba(151, 63, 115, 0.05) 50%, rgba(232, 82, 34, 0.05) 100%);
}
.feature-card {background: #F9FAFB;border: 2px solid #D3D3D3; /* Normal border before hover */border-radius: 12px;box-shadow: 0px 4px 12px 0px #2D255615;padding: 30px;text-align: left;transition: transform 0.3s ease,box-shadow 0.3s ease,border 0.3s ease,background 0.3s ease;
}

/* Gradient border on hover */
.feature-card:hover {transform: translateY(-8px);box-shadow: 0px 8px 20px 0px #2D255640;border: 2px solid transparent; /* Keep same border width */background: linear-gradient(#F9FAFB, #F9FAFB) padding-box,linear-gradient(90deg, #2D2556 0%, #973F73 50%, #E85222 100%) border-box;
}




.feature-icon{background: linear-gradient(0deg, rgba(45, 37, 86, 0.1), rgba(45, 37, 86, 0.1)),
linear-gradient(90deg, rgba(45, 37, 86, 0.25) 0%, rgba(151, 63, 115, 0.25) 50%, rgba(232, 82, 34, 0.25) 100%);
width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50% ;margin-bottom: 15px;}
.feature-icon img{width: 18px;height: 18px;}

.feature-card h5 {font-family: 'Fustat-SemiBold';color:#973F73;}
.feature-card:hover h5{color: #E85222;}
.feature-card:hover .feature-icon {background: linear-gradient(0deg, rgba(232, 82, 34, 0.1), rgba(232, 82, 34, 0.1)),
linear-gradient(90deg, #2D2556 0%, #973F73 50%, #E85222 100%);}

.footer-section{background: #2D2556;color: #9CA3AF;padding: 40px 0;}
/* Footer Section */
.footer-logo {height: 40px;margin-bottom: 20px; }
.complaint-form h3{font-family: 'Fustat-SemiBold';font-size: 28px;margin-bottom: 20px;}
.quick-links{margin-top: 30px;}
.quick-links h3{font-family: 'Fustat-Light';font-weight: 400;font-style: Regular;font-size: 18px;line-height: 28px;letter-spacing: 0%;color: #fff;margin-bottom: 10px;}
.quick-links ul li{margin-bottom: 10px;}
.quick-links ul li a {color: #9CA3AF;transition: color 0.3s;margin-bottom: 10px;font-size: 16px;}
.quick-links ul li a:hover {color: #E85222;}
.complaint-form{background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
linear-gradient(90deg, rgba(45, 37, 86, 0.05) 0%, rgba(151, 63, 115, 0.05) 50%, rgba(232, 82, 34, 0.05) 100%);padding: 20px;border-radius: 8px;box-shadow: 0px 1px 2px 0px #0000000D;}
.form-label{font-size: 14px;color: #374151;}
.form-control, .form-select {border-radius: 5px;padding: 8px;border: 1px solid #D3D3D3;font-size: 12px;}
.btn-submit {background:#E85222;color: #fff;padding: 8px 20px;border: none;border-radius: 8px;font-weight: 600;transition: all 0.3s;display: inline-block;font-size: 14px;}
.btn-submit:hover {background: linear-gradient(82.37deg, #2D2556 0%, #973F73 50%, #E85222 100%);cursor: pointer;color: #fff;
}
.form-check-input{font-size: 14px;}
.form-check-label{font-size: 13px;color: #374151;}
.form-check-input:checked {border-color: #E85222;background-color: #E85222; }
.form-check-input:focus {border-color: #E85222;box-shadow: 0 0 0 0.25rem rgba(232, 82, 34, 0.25);
}       

.odr-section{background-color: #623265;border-radius: 8px;padding: 20px;}
.odr-section h3{color: #fff;font-family: 'Fustat-SemiBold';font-size: 18px;margin-bottom: 10px;}
.odr-section p{color: #fff;font-size: 14px;line-height: 1.6;}
.odr-section .list li{list-style: disc;margin-left: 20px;margin-top: 10px;}
.odr-section .list li{color: #fff;font-weight: 400;transition: color 0.3s;font-size: 13px;}
.odr-section .list li a{color: #fff;text-decoration: underline;}
.odr-section .list li a:hover{color: #E85222;}

.copyright{border-top: 1px solid #E5E7EB;padding-top: 20px;margin-top: 20px;font-size: 12px;color: #fff;text-align: center;}
.copyright p{font-size: 14px;}


.hero{position: relative;width: 100%;height: 400px;display: flex;align-items: flex-end;justify-content: center;color: #fff;text-align: left;padding-bottom: 60px;background-position: center;background-size: cover;}

.founder-role {color: #E85222;font-weight: 500;margin-bottom: 14px;}
.founder-quote {color: #374151;margin-bottom: 16px;border-left: 3px solid #E85222;padding-left: 20px;font-size: 16px;font-family: 'Fustat-Regular';}
.founder-text {color: #374151;margin-bottom: 16px;border-left: 3px solid #ADAEBC;padding-left: 20px;margin-top: 10px;font-size: 16px;font-family: 'Fustat-Regular';}
.tags {margin-top: 18px;display: flex;flex-wrap: wrap;gap: 8px;}
.tag-pill {font-size: 12px;padding: 6px 14px;border-radius:5px;background: #f2f2ff;color: #4a3b8e;text-align: center;font-family: 'Fustat-Medium';}
.tag-pill.orange {background: #E85222BF;color: #FFFFFF;}
.tag-pill.pink {background: #973F73BF;color: #fff;}
.tag-pill.green {background: #5DAE9BBF;color: #fff;}
.tag-pill.purple {background: #2D2556;color: #fff;border-radius: 999px;font-weight: 500;}
.founder-photo-card {padding: 24px;display: inline-block;display: flex;flex-direction: column;align-items: center;}
.founder-photo-card img {display: block;width: 260px;max-width: 100%;border-radius: 12px;object-fit: cover;}
.founder-quote1 {color: #374151;margin-bottom: 16px;border-left: 3px solid #973F73;padding-left: 20px;font-size: 16px;font-family: 'Fustat-Regular';}



/* Our Team section */
.team-section {margin-top: 80px;padding: 60px 0;background: linear-gradient(140deg, #f7f2ff 0%, #fff6f1 40%, #f7fbff 100%);}
.team-title {font-size: 26px;font-weight: 700;color: #2D2556;margin-bottom: 28px; }
.team-card {background: #fff;border-radius: 16px;padding: 22px 20px;height: 100%;position: relative;overflow: hidden;border: 1px solid #D3D3D3;box-shadow: 0px 10px 15px 0px #0000001A;
box-shadow: 0px 4px 6px 0px #0000001A;transition: 0.4s ease;}
.team-icon{background: linear-gradient(0deg, rgba(45, 37, 86, 0.1), rgba(45, 37, 86, 0.1)),
linear-gradient(90deg, #2D2556 0%, #973F73 50%, #E85222 100%);width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50% ;margin-bottom: 15px;}
.feature-icon img{width: 18px;height: 18px;}
.team-card-title{font-size: 20px;font-family: 'Fustat-SemiBold';color: #2D2556;margin-bottom: 15px;}
.links{margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
.links a{color: #6B7280;}
.links i{color: #E85222;}
.team-card:hover {transform: translateY(-8px);box-shadow: 0px 8px 20px 0px #2D255640;}
.team-card:hover .team-card-title{color: #E85222;}

.contact-form-heading{font-family: 'Fustat-Medium';}
.contact-info-card{background: #FFFFFF;border: 1px solid #D3D3D3;box-shadow: 0px 4px 12px 0px #2D255615 ;border-radius: 12px;padding: 20px;margin-bottom: 20px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.contact-info-card h5 {font-family: 'Fustat-SemiBold';color:#973F73;margin-bottom: 10px;}
.contact-info-card p{font-size: 14px;color: #374151;line-height: 1.6;}
.contact-info-card p a{color: #374151;text-decoration: none;font-size: 14px;}
.info-title{font-family: 'Fustat-Medium';}
.contact-address{display: flex;gap: 10px;margin-top:10px;}
.contact-address i{color: #E85222;}

::placeholder{color: #ADAEBC !important;opacity: 1 !important;font-size: 12px;}




 /* Mobile Menu Toggle Button */
.mobile-menu-toggle {background: none;border: none;width: 30px;height: 18px;position: relative;cursor: pointer;display: flex;flex-direction: column;justify-content: space-between;}
.mobile-menu-toggle span {width: 100%;height: 3px;background: #2D2556;border-radius: 2px;transition: 0.3s ease;}
.mobile-menu-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(8px, 8px);}
.mobile-menu-toggle.active span:nth-child(2) {opacity: 0;}
.mobile-menu-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(8px, -8px);}

/* Mobile Side Navigation */
/* Mobile Side Navigation - TOP DROPDOWN */
.mobile-sidenav {position: fixed;top: -500%;/* hide above the viewport initially */left: 0;width: 100%;/* full width */height: 100vh;/* prevent overflow beyond viewport */background: #fff;box-shadow: 0 4px 20px rgba(0,0,0,0.15);transition: top 0.35s ease;   /* smooth slide from top */z-index: 1002;overflow-y: auto;}
.mobile-sidenav.active {top: 0;}
.sidenav-header {display: flex;justify-content:flex-end;align-items: center;padding: 20px;border-bottom: 1px solid #2D255640;}

.close-btn {background: none;border: none;font-size: 30px;color: #623265;cursor: pointer;padding: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center}
.mobile-menu {list-style: none;margin: 0;padding: 0;}
.mobile-menu li {border-bottom: 1px solid #973F7380;}
.mobile-menu li > a {display: flex;padding: 15px 20px;color: #2D2556;text-decoration: none;font-weight: 600;transition: background 0.3s ease;}
.mobile-menu li > a:hover {color: #623265;}
/* Mobile Dropdown */
.mobile-dropdown-toggle {display: flex;justify-content: space-between;align-items: center;}
.mobile-dropdown-toggle .arrow {transition: transform 0.3s ease;font-size: 12px;}
.mobile-submenu {max-height: 0;overflow: hidden;background: #fff;transition: max-height 0.3s ease;}
.mobile-dropdown.active .mobile-submenu {max-height: 100%; /* adjust if submenu is taller */}
.mobile-submenu a {display: block;padding: 12px 40px;color: #2D2556;text-decoration: none;border-bottom: 1px solid #F3D9E2;transition: background 0.3s ease;}

.mobile-submenu a:hover {background: #e9ecef;color: #623265;}
.mobile-submenu a:last-child {border-bottom: none !important;}
/* Mobile score app layout */
.mobile-submenu .score-app {padding: 12px 40px;}
/* Rotate arrow when active */
.mobile-dropdown.active .arrow {
  transform: rotate(180deg);
}