* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: "Poppins", sans-serif;
 }

 body {
     background: #111;
 }

 .navbar {
     width: 100%;
     padding: 20px 40px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 28px;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 100;
 }

 /* Logo Box */
 .logo-box {
     background: #f7ea00;
     border-radius: 16px;
     padding: 10px 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 52px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
 }

 .logo-box img {
     height: 34px;
     object-fit: contain;
 }

 /* Center Nav */
 .nav-links {
     background: #f7ea00;
     border-radius: 18px;
     padding: 14px 36px;
     display: flex;
     align-items: center;
     gap: 52px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
 }

 .nav-links a {
     text-decoration: none;
     color: #000;
     font-size: 14px;
     font-weight: 500;
     transition: 0.3s;
 }

 .nav-links a:hover {
     opacity: 0.7;
 }

 /* Button */
 .partner-btn {
     background: #f7ea00;
     color: #000;
     text-decoration: none;
     padding: 14px 24px;
     border-radius: 16px;
     font-size: 14px;
     font-weight: 500;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
     transition: 0.3s;
 }

 .partner-btn:hover {
     transform: translateY(-2px);
 }

 /* Responsive */
 @media (max-width: 900px) {
     .navbar {
         flex-wrap: wrap;
         gap: 16px;
     }

     .nav-links {
         gap: 24px;
         padding: 12px 20px;
     }

     .nav-links a,
     .partner-btn {
         font-size: 15px;
     }
 }

 @media (max-width: 600px) {
     .navbar {
         padding: 16px;
     }

     .nav-links {
         width: 100%;
         justify-content: center;
         flex-wrap: wrap;
         border-radius: 14px;
     }

     .partner-btn {
         width: 100%;
         text-align: center;
     }
 }


 .hero-content h1 {
     color: #fff;
     font-family: "Bebas Neue", sans-serif;
     font-size: 58px;
     line-height: 1.1;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 2px;
 }

 .hero {
     width: 100%;
     height: 100vh;
     background: url("hero-background.png");
     background-size: cover;
     background-position: center;
     position: relative;
     overflow: hidden;
 }

 .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to bottom,
             rgba(0, 0, 0, 0.15),
             rgba(0, 0, 0, 0.45));
 }

 .hero-content {
     position: absolute;
     bottom: 60px;
     left: 50%;
     transform: translateX(-50%);
     width: 100%;
     padding: 0 20px;
     text-align: center;
     z-index: 2;
 }

 .hero-content h1 {
     color: #fff;
     font-family: "Poppins", sans-serif;
     font-size: 40px;
     line-height: 1.15;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 @media (max-width:768px) {

     .hero-content h1 {
         font-size: 32px;
         line-height: 1.3;
     }

 }

 @media (max-width:480px) {

     .hero-content h1 {
         font-size: 24px;
     }

 }

 .adda-section {
     position: relative;
     background: #f4f1ea;
     overflow: hidden;
 }


 .adda-section>.content {
     padding: 80px 60px 90px;

 }

 .adda-content {
     text-align: center;
     max-width: 850px;
     margin: 0 auto 60px;
     position: relative;
     z-index: 2;
 }

 .adda-content h2 {
     font-family: "Bebas Neue", sans-serif;
     font-size: 72px;
     letter-spacing: 1px;
     color: #0b0b3f;
     margin-bottom: 18px;
 }

 .adda-content p {
     font-family: "Poppins", sans-serif;
     font-size: 20px;
     line-height: 1.8;
     color: #6c6c6c;
     font-weight: 400;
 }

 .adda-gallery {
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     gap: 18px;
     position: relative;
     z-index: 2;
 }

 .gallery-item {
     overflow: hidden;
 }

 .gallery-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 .small {
     grid-column: 1 / span 3;
     grid-row: 1 / span 1;
     height: 220px;
 }

 .tall {
     grid-column: 4 / span 2;
     grid-row: 1 / span 2;
     height: 430px;
 }

 .wide {
     grid-column: 6 / span 4;
     grid-row: 1 / span 1;
     height: 220px;
 }

 .medium {
     grid-column: 1 / span 3;
     grid-row: 2 / span 1;
     height: 180px;
 }

 .large {
     grid-column: 6 / span 4;
     grid-row: 2 / span 1;
     height: 220px;
 }

 .adda-gallery .tall:last-child {
     grid-column: 10 / span 3;
     grid-row: 1 / span 2;
     height: 430px;
 }

 .curve {
     position: absolute;
     width: 100%;
     height: 100%;
 }



 @media (max-width:992px) {

     .adda-content h2 {
         font-size: 54px;
     }

     .adda-content p {
         font-size: 17px;
     }

     .adda-gallery {
         grid-template-columns: repeat(2, 1fr);
     }

     .gallery-item,
     .small,
     .tall,
     .wide,
     .medium,
     .large,
     .adda-gallery .tall:last-child {
         grid-column: auto;
         grid-row: auto;
         height: 250px;
     }
 }

 @media (max-width:600px) {

     .adda-section {
         padding: 60px 20px 70px;
     }

     .adda-content {
         margin-bottom: 40px;
     }

     .adda-content h2 {
         font-size: 42px;
     }

     .adda-content p {
         font-size: 15px;
         line-height: 1.7;
     }

     .adda-gallery {
         grid-template-columns: 1fr;
     }

     .gallery-item,
     .small,
     .tall,
     .wide,
     .medium,
     .large,
     .adda-gallery .tall:last-child {
         height: 240px;
     }
 }

 .stats-section {
     width: 100%;
     background: #f4f1ea;

     padding: 60px 80px;

     display: flex;
     justify-content: space-around;
     align-items: center;
     gap: 60px;

     flex-wrap: wrap;
 }

 /* ================= STAT BOX ================= */

 .stat-box {
     display: flex;
     align-items: flex-end;
     gap: 12px;
 }

 /* Number */

 .stat-number {
     font-family: "Bebas Neue", sans-serif;
     color: #05053f;

     font-size: 110px;
     line-height: 0.9;
     letter-spacing: 1px;

     display: flex;
     align-items: flex-start;
 }

 .stat-number span {
     font-size: 52px;
     margin-top: 8px;
 }

 /* Text */

 .stat-text {
     font-family: "Bebas Neue", sans-serif;

     color: #7a7a7a;

     font-size: 60px;
     line-height: 0.9;
     letter-spacing: 1px;

     margin-bottom: 8px;
 }

 /* ================= PROFIT BOX ================= */

 .profit-box {
     align-items: center;
     gap: 20px;
 }

 .profit-icon {
     font-size: 85px;
     color: #05053f;
     line-height: 1;
 }

 .profit-content {
     display: flex;
     flex-direction: column;
 }

 .profit-title {
     font-family: "Bebas Neue", sans-serif;

     font-size: 58px;
     line-height: 0.9;

     color: #05053f;
 }

 .profit-subtitle {
     font-family: "Bebas Neue", sans-serif;

     font-size: 52px;
     line-height: 0.95;

     color: #7a7a7a;
 }

 /* ================= RESPONSIVE ================= */

 @media (max-width:1200px) {

     .stats-section {
         justify-content: center;
     }

 }

 @media (max-width:768px) {

     .stats-section {
         padding: 50px 20px;
         gap: 40px;
     }

     .stat-box {
         width: 100%;
         justify-content: center;
     }

     .stat-number {
         font-size: 80px;
     }

     .stat-number span {
         font-size: 38px;
     }

     .stat-text {
         font-size: 42px;
     }

     .profit-title {
         font-size: 42px;
     }

     .profit-subtitle {
         font-size: 36px;
     }

     .profit-icon {
         font-size: 60px;
     }
 }

 .foundation-section {
     width: 100%;
     background: #f4f1ea;

     padding: 60px;

     display: flex;
     gap: 22px;

     align-items: flex-start;
 }

 /* ================= LEFT CONTENT ================= */

 .foundation-content {
     flex: 1.4;
 }

 .foundation-content h2 {
     font-family: "Bebas Neue", sans-serif;
     color: #05053f;

     font-size: 76px;
     line-height: 0.95;

     margin-bottom: 22px;
 }

 .foundation-content p {
     font-family: "Poppins", sans-serif;

     color: #6f6f6f;

     font-size: 20px;
     line-height: 1.6;

     max-width: 720px;

     margin-bottom: 34px;
 }

 /* ================= RIGHT SIDE ================= */

 .foundation-right {
     flex: 1;

     display: flex;
     gap: 20px;
 }

 /* ================= CARD ================= */

 .foundation-card {
     position: relative;
     overflow: hidden;
     border-radius: 18px;
 }

 .foundation-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 /* Overlay */

 .card-overlay {
     position: absolute;
     inset: 0;

     background: linear-gradient(to bottom,
             rgba(0, 0, 0, 0.10),
             rgba(0, 0, 0, 0.35));
 }

 /* Title */

 .card-title {
     position: absolute;

     top: 18px;
     left: 22px;

     display: flex;
     align-items: flex-start;
     gap: 8px;

     font-family: "Bebas Neue", sans-serif;

     color: white;

     font-size: 62px;
     line-height: 0.9;

     z-index: 2;
 }

 .card-title span {
     font-size: 120px;
     line-height: 0.8;
 }

 /* ================= SIZES ================= */

 .large-card {
     height: 360px;
 }

 .vertical-card {
     width: 100%;
     height: 640px;
 }

 /* ================= RESPONSIVE ================= */

 @media (max-width:1100px) {

     .foundation-section {
         flex-direction: column;
     }

     .foundation-right {
         width: 100%;
     }

     .vertical-card {
         height: 500px;
     }
 }

 @media (max-width:768px) {

     .foundation-section {
         padding: 40px 20px;
     }

     .foundation-content h2 {
         font-size: 48px;
     }

     .foundation-content p {
         font-size: 16px;
     }

     .foundation-right {
         flex-direction: column;
     }

     .large-card {
         height: 260px;
     }

     .vertical-card {
         height: 380px;
     }

     .card-title {
         font-size: 40px;
     }

     .card-title span {
         font-size: 78px;
     }
 }

 .franchise-section {
     width: 100%;
     background: #f4f1ea;

     padding: 90px 40px 100px;
 }

 /* ================= HEADER ================= */

 .franchise-header {
     text-align: center;

     max-width: 950px;

     margin: 0 auto 70px;
 }

 .franchise-header h2 {
     font-family: "Bebas Neue", sans-serif;

     color: #05053f;

     font-size: 74px;
     line-height: 1;

     margin-bottom: 24px;

     letter-spacing: 1px;
 }

 .franchise-header p {
     font-family: "Poppins", sans-serif;

     color: #7b7b7b;

     font-size: 20px;
     line-height: 1.7;

     max-width: 860px;

     margin: auto;
 }

 /* ================= CARDS WRAPPER ================= */

 .franchise-cards {
     width: 100%;

     display: flex;
     justify-content: center;
     align-items: stretch;

     gap: 28px;

     flex-wrap: wrap;
 }

 /* ================= CARD ================= */

 .franchise-card {

     /* Increased Width */
     width: 370px;

     /* Vertical Rectangle */
     min-height: 300px;

     background: #02023f;

     border-radius: 24px;

     padding: 40px 28px 26px;

     display: flex;
     flex-direction: column;
     justify-content: space-between;

     transition: 0.35s ease;

     position: relative;

     overflow: hidden;
 }

 /* Hover */

 .franchise-card:hover {
     transform: translateY(-8px);
 }

 /* ================= CARD TITLE ================= */

 .franchise-card h3 {
     font-family: "Bebas Neue", sans-serif;

     color: #fff;

     font-size: 58px;
     line-height: 1;

     letter-spacing: 1px;
 }

 /* ================= INVESTMENT ================= */

 .investment {
     margin-top: auto;

     margin-bottom: 32px;
 }

 .investment span {
     font-family: "Poppins", sans-serif;

     color: #e6e6e6;

     font-size: 17px;
     font-weight: 400;

     display: block;

     margin-bottom: 10px;
 }

 .investment h4 {
     font-family: "Poppins", sans-serif;

     color: #fff;

     font-size: 50px;
     font-weight: 700;

     line-height: 1.1;

     word-break: break-word;
 }

 /* ================= BUTTON ================= */

 .details-btn {
     width: 100%;

     background: #ffee00;

     color: #000;

     text-decoration: none;

     text-align: center;

     padding: 15px 20px;

     border-radius: 12px;

     font-family: "Poppins", sans-serif;
     font-size: 17px;
     font-weight: 500;

     transition: 0.3s ease;
 }

 .details-btn:hover {
     transform: translateY(-2px);
 }

 /* ================= LARGE TABLET ================= */

 @media (max-width:1200px) {

     .franchise-section {
         padding: 80px 30px;
     }

     .franchise-card {
         width: 330px;
         min-height: 450px;
     }

     .franchise-card h3 {
         font-size: 48px;
     }

     .investment h4 {
         font-size: 40px;
     }
 }

 /* ================= TABLET ================= */

 @media (max-width:900px) {

     .franchise-header h2 {
         font-size: 54px;
     }

     .franchise-header p {
         font-size: 17px;
         line-height: 1.6;
     }

     .franchise-cards {
         gap: 20px;
     }

     .franchise-card {
         width: 300px;

         min-height: 420px;

         padding: 30px 22px 22px;
     }

     .franchise-card h3 {
         font-size: 42px;
     }

     .investment span {
         font-size: 15px;
     }

     .investment h4 {
         font-size: 34px;
     }

     .details-btn {
         font-size: 15px;
         padding: 13px 14px;
     }
 }

 /* ================= MOBILE ================= */

 @media (max-width:768px) {

     .franchise-section {
         padding: 60px 20px 70px;
     }

     .franchise-header {
         margin-bottom: 40px;
     }

     .franchise-header h2 {
         font-size: 42px;
     }

     .franchise-header p {
         font-size: 15px;
     }

     .franchise-cards {
         flex-direction: column;
         align-items: center;

         gap: 18px;
     }

     .franchise-card {
         width: 100%;
         max-width: 380px;

         min-height: 380px;
     }

     .franchise-card h3 {
         font-size: 38px;
     }

     .investment h4 {
         font-size: 32px;
     }

     .details-btn {
         font-size: 14px;
     }
 }

 /* ================= SMALL MOBILE ================= */

 @media (max-width:480px) {

     .franchise-section {
         padding: 50px 14px 60px;
     }

     .franchise-header h2 {
         font-size: 34px;
     }

     .franchise-card {
         min-height: 340px;

         padding: 24px 18px 18px;
     }

     .franchise-card h3 {
         font-size: 32px;
     }

     .investment span {
         font-size: 14px;
     }

     .investment h4 {
         font-size: 28px;
     }

     .details-btn {
         font-size: 13px;
         padding: 12px;
     }
 }

 .contact-section {
     width: 100%;

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

     min-height: 900px;
 }

 /* ================= LEFT SIDE ================= */

 .contact-left {
     position: relative;
     overflow: hidden;
 }

 .contact-left img {
     width: 100%;
     height: 100%;

     object-fit: cover;
     display: block;
 }

 .overlay {
     position: absolute;
     inset: 0;

     background: rgba(0, 0, 0, 0.25);
 }

 .left-content {
     position: absolute;

     top: 50px;
     left: 40px;

     z-index: 2;
 }

 .left-content h2 {
     font-family: "Bebas Neue", sans-serif;

     color: #fff;

     font-size: 82px;
     line-height: 0.95;

     letter-spacing: 1px;
 }

 /* Social */

 .social-icons {
     position: absolute;

     bottom: -520px;
     left: 0;

     display: flex;
     gap: 14px;
 }

 .social-icons a {
     width: 42px;
     height: 42px;

     border-radius: 50%;

     background: #fff;
     color: #000;

     display: flex;
     align-items: center;
     justify-content: center;

     text-decoration: none;

     font-size: 18px;
 }

 /* ================= RIGHT SIDE ================= */

 .contact-right {
     background: #f4f1ea;

     display: flex;
     justify-content: center;
     align-items: center;

     padding: 80px;
 }

 /* Form */

 .contact-form {
     width: 100%;
     max-width: 520px;
 }

 /* Input */

 .input-group {
     position: relative;

     margin-bottom: 50px;
 }

 .input-group input {
     width: 100%;

     border: none;
     border-bottom: 1px solid #777;

     background: transparent;

     padding: 14px 0;

     font-size: 18px;

     outline: none;
 }

 /* Label */

 .input-group label {
     position: absolute;

     top: -8px;
     left: 0;

     font-family: "Poppins", sans-serif;

     font-size: 16px;
     color: #222;

     text-transform: uppercase;
 }

 /* Phone */

 .phone-group {
     display: flex;
     align-items: center;
     gap: 14px;
 }

 .country-code {
     font-family: "Poppins", sans-serif;

     display: flex;
     align-items: center;
     gap: 10px;

     white-space: nowrap;

     font-size: 18px;
 }

 /* Checkboxes */

 .checkboxes {
     display: flex;
     flex-direction: column;

     gap: 14px;

     margin: 50px 0;
 }

 .checkboxes label {
     font-family: "Poppins", sans-serif;

     font-size: 12px;

     color: #444;

     display: flex;
     align-items: center;
     gap: 10px;
 }

 /* Button */

 .callback-btn {
     width: 100%;

     border: none;

     background: #f5ea00;
     color: #000;

     padding: 18px;

     border-radius: 8px;

     font-family: "Poppins", sans-serif;
     font-size: 16px;
     font-weight: 600;

     cursor: pointer;

     transition: 0.3s;
 }

 .callback-btn:hover {
     transform: translateY(-2px);
 }

 /* ================= FOOTER ================= */

 .footer-section {
     width: 100%;

     background: #f5ea00;

     padding: 60px 70px 30px;
 }

 /* Top */

 .footer-top {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;

     gap: 40px;

     margin-bottom: 70px;
 }

 .footer-logo {
     width: 150px;

     margin-bottom: 24px;
 }

 .footer-left h3 {
     font-family: "Bebas Neue", sans-serif;

     color: #05053f;

     font-size: 54px;
     line-height: 1;
 }

 /* Right */

 .footer-right {
     display: flex;
     flex-direction: column;
     align-items: flex-end;

     gap: 40px;
 }

 .footer-contact-btn {
     text-decoration: none;

     color: #000;

     font-family: "Poppins", sans-serif;
     font-size: 18px;

     display: flex;
     align-items: center;
     gap: 18px;
 }

 .footer-contact-btn span {
     width: 42px;
     height: 42px;

     background: #05053f;
     color: #fff;

     border-radius: 10px;

     display: flex;
     align-items: center;
     justify-content: center;

     font-size: 24px;
 }

 /* Footer Social */

 .footer-socials {
     display: flex;
     gap: 14px;
 }

 .footer-socials a {
     width: 38px;
     height: 38px;

     border-radius: 50%;

     background: #05053f;
     color: #fff;

     display: flex;
     align-items: center;
     justify-content: center;

     text-decoration: none;
 }

 /* Bottom */

 .footer-bottom {
     border-top: 1px dashed rgba(0, 0, 0, 0.3);

     padding-top: 22px;

     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .footer-bottom p {
     font-family: "Poppins", sans-serif;

     font-size: 13px;
 }

 .footer-options {
     display: flex;
     gap: 24px;

     font-family: "Poppins", sans-serif;
     font-size: 14px;
 }

 /* ================= RESPONSIVE ================= */

 @media (max-width:1000px) {

     .contact-section {
         grid-template-columns: 1fr;
     }

     .contact-left {
         min-height: 600px;
     }

     .social-icons {
         bottom: -420px;
     }

     .footer-top {
         flex-direction: column;
     }

     .footer-right {
         align-items: flex-start;
     }
 }

 @media (max-width:768px) {

     .contact-right {
         padding: 60px 24px;
     }

     .left-content {
         top: 30px;
         left: 24px;
     }

     .left-content h2 {
         font-size: 52px;
     }

     .social-icons {
         bottom: -360px;
     }

     .footer-section {
         padding: 50px 24px 24px;
     }

     .footer-left h3 {
         font-size: 36px;
     }

     .footer-bottom {
         flex-direction: column;
         gap: 16px;

         align-items: flex-start;
     }
 }