.hero-section {
    position: relative;
           width: 100%;
           
           overflow: hidden;
    
     height: 600px;
     
     
   }
   .hero-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 105%;
     background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
     z-index: 0;
   }
   .hero-text {
     position: absolute;
     top: 50%;
     left: 62%;
     transform: translate(-50%, -50%);
     color: white;
     text-align: center;
       z-index: 9;
   }
   .hero-section {
      position: relative;
           width: 100%;
           
           overflow: hidden;
    
     height: 85vh;
   }
   .hero-overlay-image {
           position: absolute;
           top: 1%;
           left: 0;
           width: 100%;
           height: 100%;
           background: url('/wp-content/uploads/2025/04/hero-carousel-overlay.png') no-repeat center center; /* Replace with actual overlay image URL */
           background-size: cover; /* Use 'cover' or adjust as needed */
           opacity: 0.5; /* Adjust transparency (0 to 1) */
           z-index: 5;
       }
   .hero-text {
     position: absolute;
     width:100%;
     top: 60%;
     left: 62%;
     color: white;
     text-align: left;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
     font: normal normal bold 76px Domine;
       letter-spacing: -4.56px;
   }
   .hero-text h1 {
     font-size: 54px; color: #0055cc; font-weight: 800; font-family: Public Sans, sans-serif;
   }
   .hero-text h2 {
     font-size: 2.5rem;
     color: #007bff;
   }
   .hero-text p {
     height: 40px;
text-align: left;
font: normal normal 300 20px Public Sans;
letter-spacing: -1.2px;
   width: 60%;
   margin-top:1%;
   }
   .vision-section {
     background-color: #1a2a44;
     color: white;
     padding: 50px 0;
   }
   .ecosystem-section {
     padding: 50px 0;
   }
   .people-section img {
     width: 250px;
     height: 250px;
     border-radius: 50%;
   }
   .destinations-section {
     background: url('https://via.placeholder.com/600x400') no-repeat center center;
     background-size: cover;
     height: 400px;
     color: white;
     text-align: center;
     padding-top: 150px;
   }
   .partners-section img {
     height: 50px;
     margin: 0 15px;
   }
   .tagline-section {
     background-color: #007bff; /* Bootstrap primary blue */
     padding: 20px 0;
   }
   .tagline-text {
       
     color: white;
     font-weight: bold;
     text-align: left;
       font: normal normal bold 46px Public Sans;
       letter-spacing: -2.24px;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* Optional: for readability */
   }
   .tagline-text span {
       padding-left: 3%;
       padding-right: 3%;
       margin-bottom: 1%;
           width: fit-content;
     display: block; /* Makes each span a new line */
     background-color: #0055CC;
   }
   .vision-section {
     background: url('/wp-content/uploads/2025/04/bg-our-vision.png') no-repeat center center;
     background-size: cover;
     color: white;
     padding: 60px 0;
     position: relative;
     overflow: hidden;
     height:400px;
   }
   .vision-section .col-12 {
       display: flex;
       flex-direction: column;
       justify-content: center; /* Vertical centering */
       align-items: center; /* Horizontal centering */
       min-height: inherit; /* Inherit height from parent */
       text-align: center; /* Ensure text is centered horizontally */
   }
   .vision-section h2 {
           margin-top: 5%;
     font: normal normal bold 60px Domine;
     font-weight: bold;
     text-align: center;
     margin-bottom: 20px;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
   }
   .vision-section p {
    font:  25px Public Sans;
    letter-spacing: -1.2px;
     text-align: center;
     max-width: 686px;
     margin: 0 auto;
   }
   .communities-section {
   background: url('/wp-content/uploads/2025/04/bg-top-soft-shadow.png') no-repeat center top;
     padding: 40px 0;
     text-align: center;
   }
   .communities-section h2 {
       /* background: linear-gradient(to right, #1055AF, #2179FF); */
     -webkit-background-clip: text;
     background-clip: text;
     /* color: transparent; */
     text-shadow: none; /* Remove default shadow to let gradient work */
     font: normal normal bold 56px Domine;
       letter-spacing: -3.8px;
     margin-bottom: 10px;
     /* text-align: left; */
       /* margin-left: 10%; */
   }
   .communities-section p {
      text-align: center;
     font: normal normal 300 20px Public Sans;
     letter-spacing: -0.48px;
     margin: 0 auto;
     max-width: 686px;    
   /* margin-left: 10%; */
   }
   .community-card {
     background-size: cover;
     background-position: center;
     height: 257px;
     border-radius:10px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 1.25rem;
     font-weight: bold;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
     margin-bottom: 5px;
     padding-right:0px;
     margin-left:1%;
     
   }
   :root {
     --bs-gutter-x: 0;
   }
   .community-card.wealth-management { background-image: url('/wp-content/uploads/2025/04/bg-wealth-management.png'); }
   .community-card.life-health-insurance { background-image: url('/wp-content/uploads/2025/04/bg-life-health-insurance.png'); }
   .community-card.commercial-real-estate { background-image: url('/wp-content/uploads/2025/04/bg-commercial-real-estate.png'); }
   .community-card.credit-unions { background-image: url('/wp-content/uploads/2025/04/bg-credit-unions.png'); }
   .community-card.employee-benefits-insurance { background-image: url('/wp-content/uploads/2025/04/bg-employee-benefits-insurance.png'); }
   .community-card.property-casualty-insurance { background-image: url('/wp-content/uploads/2025/04/bg-property-casualty-insurance.png'); }
   .community-card.treasury-risk { background-image: url('/wp-content/uploads/2025/04/bg-treasury-risk.png'); }
   .community-card.consulting-management { background-image: url('/wp-content/uploads/2025/04/bg-consulting-management.png'); }
   .stats-text{
        margin-top: 18%;
       text-align: left;
       font: normal normal bold 40px Domine;
       letter-spacing: -1.44px;
       color: #000000;
       opacity: 1;
       line-height: 52px;
   }
   .footnote {
     font-size: 0.8rem;
     color: #6c757d;
     margin-top: 20px;
     
   }
   .heading_mar_5{
       margin-left:5% !important;
   }
   .live_div{
    margin-top: -5%;
   }
   .prem_div {
		margin-top: 3%;
		line-height: 1;
	}
   .width_65_per{
       width:65%;
   }
   .people-section {
     
     text-align: center;
   }
   .people-title {
     
     text-align: center; font: normal normal bold 48px / 60px Public Sans; letter-spacing: -1.44px; margin-bottom: 30px;
   }
   .person-card {
     margin-bottom: 30px;
   }
   .person-image {
     width: 150px;
     height: 150px;
     margin-bottom: 15px;
   }
   .circular-image {
     border-radius: 50%;
     object-fit: cover;
   }
   .person-quote {
     width: auto; text-align:left; font: normal normal 300 18px Public Sans; margin-bottom: 20px; line-height: 1.5;
     padding: 0px 0px 20px 0px;
   }
   .person-name {
     font: normal normal 600 24px Public Sans; letter-spacing: -0.43px; margin-left: 0px;text-align:left;
   
   }
   .person-title {
     font: normal normal 300 18px Public Sans; margin-left: 0;text-align:left;
   }
   .comma{
       width: 40px;
       height: 100px;
       transform: matrix(-1, 0, 0, -1, 0, 0);
       text-align: left;
       font: normal normal bold 88px/60px Domine;
       letter-spacing: -4.4px;
       color: #0055CC;
       opacity: 1;
   }
   .quote-icon {
     font-size: 48px;
     color: #007bff; /* Bootstrap primary blue */
     line-height: 1;
   }
   blockquote {
           position: relative;
           padding: 20px 20px 20px 50px; /* Extra left padding for icon */
           font-style: italic;
           font-size: 18px;
           color: #333;
           background: #ffffff;
           margin: 20px;
           max-width: 600px;
           left: 0px; top: -25px;
       }

       /* Quote-left icon styling */
       blockquote::before {
           content: '\f10d'; /* Font Awesome quote-left icon */
           font-family: 'Font Awesome 6 Free';
           font-weight: 900;
           position: absolute;
           left: 15px;
           top: 12px;
           font-size: 33px;
           color: #007bff; /* Match border color */
       }
       .image-circle{
           margin-top: -10%;
           width: 50%;
     
       }
       .section-title{
           font: normal normal bold 48px / 60px Public Sans; letter-spacing: -1.44px; margin-bottom: 20px;
       }
       .section-description{
           font: normal normal 300 18px Public Sans; margin-bottom: 20px;
       }
       ul {
           list-style: none; /* Remove default bullets */
           padding-left: 0; /* Reset padding */
       }

       li {
         font: normal normal 600 24px Public Sans; letter-spacing: -0.43px; line-height: 1.5;
           text-align: left;
           
           
           color: #000000;
           padding-left: 18px; /* Space for the dot image */
           line-height: 1.5; /* Better text spacing */
           background: url('/wp-content/uploads/2025/04/bullet-white-on-blue.png') no-repeat left center; /* Path to your image */
           background-size: 8px; /* Adjust size to fit the dot */
           margin-left: 5%;
       }
   .mt-10-percent{
       margin-top: 10% !important;
   }
   .mt-20-percent{
       margin-top: 15% !important;
   }
       .platform-icon {
           font-size: 3rem;
           color: #1DA1F2;
       }
       .platform-card {
           background-color: #FBFCFD;
           border: none;
           text-align: center;
           padding: 2rem;
           min-height: 320px; margin: 0 10px; border-radius: 8px;
       }
       .platform-card h4{
         font: normal normal 600 24px Public Sans; margin-top: 20px;
       }
       .platform-card p{
         font: normal normal 300 18px Public Sans;
       }
       .header-text {
         text-shadow: none; font: normal normal bold 60px Domine; letter-spacing: -2px; text-align: center; margin-left: 0;
       }
       .subtext {
         text-align: center; font: normal normal 300 24px Public Sans; ;
       }
       .header-text2{
     margin-bottom: 30px; text-align: center; font: normal normal 600 40px Public Sans;
           
           letter-spacing: -1.92px;
           color: #000000;
       }
       .sponsor-title{
     margin-bottom: 30px; text-align: center; 
            font: normal normal bold 60px Domine;
            letter-spacing: -3.3px;
            color: #000000;
            opacity: 1;
           letter-spacing: -1.92px;
           color: #000000;
       }
       .bottom_header{
           font: normal normal bold 48px/48px Public Sans !important;
           letter-spacing: -1.92px !important;
           color: #FFFFFF;
       }
       .bottom_para{
           font: normal normal 300 20px Public Sans !important;
           letter-spacing: -0.48px !important;
           color: #FFFFFF !important;
           max-width:680px !important;
       }
       .btn-custom {
           /* background: #FFFFFF 0% 0% no-repeat padding-box;
           mix-blend-mode: screen;
           border: 2px solid #FFFFFF;
           border-radius: 4px;
           color: #000000 !important;
           font: normal normal 300 24px Public Sans !important;
           letter-spacing: -1px;
           width: auto;
           padding: 15px 30px; */

           font-size: 24px; letter-spacing: -1px; width: auto; padding: 15px 30px; height: auto; border: none; background: #FFFFFF; border-radius: 4px; opacity: 1; font-family: 'Public Sans', sans-serif; text-align: center; line-height: 30px; color: #000000; text-decoration: none; display: inline-block;
           text-shadow: none;
           font-weight: 600;
       }
       .btn-custom:hover {
        font-size: 24px; letter-spacing: -1px; width: auto; padding: 15px 30px; height: auto; border: none; background: #FFFFFF; border-radius: 4px; opacity: 1; font-family: 'Public Sans', sans-serif; text-align: center; line-height: 30px; color: #000000; text-decoration: none; display: inline-block;
        text-shadow: none;
        font-weight: 600;
       }
       .carousel-inner {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           z-index: 0;
       }

       .carousel-item {
           background-size: cover;
           background-position: center center;
           background-repeat: no-repeat;
           height: 120%;
       }
       
       #heroCarousel{
           height:100%;
       }
       .header_top{
           margin-top:-21px;
     color:#fff !important;
     font-family: Domine, sans-serif !important;
       }
   .header_button{
     font-size: 24px; letter-spacing: -1px; width: auto; padding: 15px 30px; height: auto; border: none; background: #0055cc; border-radius: 4px; opacity: 1; font-family: 'Public Sans', sans-serif; text-align: center; line-height: 30px; color: #ffffff; text-decoration: none; display: inline-block;
     text-shadow: none;
   }
   .sponsor-logo {
     width: 100%; /* Ensures the image fits within its container */
     height: auto; /* Maintains aspect ratio */
     object-fit: contain; /* Prevents cropping by scaling the image to fit */
   }
   .container.stats-section{
          margin: 0 auto 0px auto; 
         margin-bottom: 100px !important;
       }
   .text_quote{
     width: 41px !important; 
     height: 40px !important; 
   }
   .market_container{
     background: url(/wp-content/uploads/2025/04/bg-top-soft-shadow.png) no-repeat center top;
   }

   /* Apple Desktop Optimization */
   @media (min-width: 1440px) {

     .mb_100{
       padding-bottom:100px;
     }
     
     .top_50{
       padding-top:50px;
     }
     .market_text{
       padding-top:100px;
     }
     /* .row.justify-content-center > .col-auto {
         flex: 0 0 auto; 
         width: 20%; 
         max-width: 20%; 
         padding: 0 15px; 
     } */
     #heroCarousel {
       max-width: 100%;
       height:100%
     }
     .hero-section {
       height: 85vh; /* Taller for iMac/MacBook Pro */
       
     }
     .hero-overlay-image{
       height: 110vh; /* Taller for iMac/MacBook Pro */
       top:0;
     }
     .vision-section h2{
       margin-top: 2%;
       font-size: 60px;
     }

     

     .hero-text h1 {
       font-size: 6rem;
       font-weight: 800; font-family: Public Sans, sans-serif; font-size: 80px; line-height: 70px;
       margin-bottom:20px;
     }

     .hero-text p {
       font-size: 1.75rem;
     }

     .vision-section {
         background: url('/wp-content/uploads/2025/04/bg-our-vision.png') no-repeat center center;
         background-size: cover;
         color: white;
         padding: 160px 0;
         position: relative;
         overflow: hidden;
         height: auto;
       }

       .vision-section h2 {
         margin-top: 0; font: normal normal bold 60px Domine; letter-spacing: -2px;
         font-weight: bold;
         text-align: center;
         margin-bottom: 20px;
         text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
       }

       .header_top {
           margin-top: -12px;
           color:#fff !important;
           font-family: Domine, sans-serif !important;
       }

       .vision-section p {
         font: 300 30px Public Sans; max-width: 900px;
         text-align: center;
         max-width: 686px;
         margin: 0 auto;
       }
       .communities-section{
         padding: 100px 0;
       }

       .communities-section h2{
         text-shadow: none; font: normal normal bold 60px Domine; letter-spacing: -2px; text-align: center; margin-left: 0;
       }

       .communities-section p{
         text-align: center; font: normal normal 300 24px Public Sans;  max-width: 900px;
       }

       .community-card{
         line-height: 1; letter-spacing: -1px; font: normal normal 400 30px Public Sans;
       }

       .container.stats-section{
          margin: 0 auto 0px auto; 
       }
      
       .last{
         padding: 160px 0; height: auto;
       }
       .last h2{
         margin-bottom: 30px; text-align: center; font: normal normal 600 40px Public Sans !important;
       }
       .last p{
         text-align: center; font: normal normal 300 24px Public Sans !important; margin: 0 auto; max-width: 900px;
       }
      

       @media (min-width: 1024px) {
         .vision-section {
           height: 600px; /* Increased height for big screens */
           padding: 80px 0; /* Adjusted padding for better spacing */
         }

         .vision-section h2 {
           font-size: 56px; /* Larger font for big screens */
           margin-top: 6.5%; /* Slightly reduced top margin for balance */
         }

         .vision-section p {
           font-size: 28px; /* Slightly larger font for readability */
           max-width: 800px; /* Wider text container for big screens */
         }
       }

       .stats-text{
         font: normal normal 500 48px Public Sans; line-height: 1;
       }
   }
   
       .footnote{
         font: normal normal 300 18px Public Sans;
       }
       .communities-section h2{
         text-shadow: none; font: normal normal bold 60px Domine; letter-spacing: -2px; text-align: center; margin-left: 0;
       }
       .communities-section p{
         text-align: center; font: normal normal 300 24px Public Sans;  max-width: 900px;
       }
       .people-title{
         text-align: center; font: normal normal bold 48px / 60px Public Sans; letter-spacing: -1.44px; margin-bottom: 30px;
       }
   
      
   @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) and (min-width: 1440px) {
           .row.justify-content-center > .col-auto {
               flex: 0 0 auto; /* Prevent auto-growth */
               width: 20%; /* Each column takes 20% of the row (5 per line) */
               max-width: 20%; /* Ensure consistent width */
               padding: 0 15px; /* Maintain Bootstrap gutter */
           }
       }
       @media only screen and (max-width: 575.98px) {
        #main-header {
            top: 0px;
            left: 0px;
            width: 375px;
            height: 69px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            opacity: 1;
        }
        
    }
    
    .logo_mobile{
        display: none !important;
    }

    @media (min-width: 992px) {
        .contact-button {
            display: inline-block !important; /* Ensure button is visible on desktop */
        }
        .navbar-toggler {
            display: none !important; /* Hide hamburger menu on desktop */
        }
        .navbar-collapse {
            display: none !important; /* Ensure collapse menu doesn't interfere on desktop */
        }
        
    }
    .boxes_div{
        margin-right:0px;margin-left:0px;--bs-gutter-x:0;
    }
    .laptop_img,.premium_img{
        width: 100%;
    }
    .live_img{
        width:100%;
        height: 105%;
    }
    .pre_title{
        width:70%;
    }

    @media (max-width: 575.98px) {
		.fcoloumn_mob {
			flex-direction: column !important;
		}
        #main-header {
            top: 0px;
            left: 0px;
            width: 100%;
            height: 69px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            opacity: 1;
            position: fixed !important;
        }
        .logo_desktop{
            display: none !important;
        }
        .header_slider{
            margin-top:-6% !important;
        }
        .header-logo{
            width: 322px;
        }
        .logo_mobile{
            display: block !important;
            width: 221px;
            height: 40px;
            margin-left: 0px;
        }
        .contact-button {
            display: none; /* Hide the Contact Us button outside the toggler on mobile */
        }
        .navbar-toggler {
            border: none;
            padding: 0.25rem 0.75rem;
        }
        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
            width: 1.5em;
            height: 1.5em;
        }
        .navbar-collapse {
            background-color: #f8f9fa; /* Match background color for the dropdown */
        }
        .navbar-nav .nav-link {
            padding: 10px 15px; /* Add padding for better spacing in the dropdown */
        }
        .navbar-nav .btn {
            margin: 10px 15px; /* Add margin to the button inside the dropdown */
        }

        .stats-section .row {
            flex-direction: column; /* Stack columns vertically */
        }
        .stats-section .col-md-4,
        .stats-section .col-md-8 {
            width: 100%; /* Full width on mobile */
            max-width: 100%;
        }
        .stats-text{
            text-align: left;
            font: normal normal 600 36px Public Sans;
            letter-spacing: -0.9px;
            color: #000000;
            opacity: 1;
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .footnote{
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .communities-section{
            padding: 0px 0;
        }
        .stats-image{
            width: 100%;
            
        }
        .hero-text{
            margin-left: -3%;
            
        }
        .hero-text h1{
            font: normal normal 900 30px/80px Public Sans;
            letter-spacing: -1.8px;
            color: #FFD230;
            opacity: 1;
        }
        .header_top{
            font: normal normal bold 48px/48px Domine !important;
            letter-spacing: -2.88px;
            color: #FFFFFF;
            opacity: 1;
            width: 312px !important;
        }
        .hero-section{
            height: 75vh !important;
        }
        .vision-section p{
            text-align: center;
            font: normal normal 300 22px Public Sans !important;
            letter-spacing: -0.88px;
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .communities-section h2{
            font: normal normal bold 54px Domine;
            margin-top: 50px;
            margin-bottom: 20px;
            padding: 0px 48px;
        }
        .communities-section p{
            text-align: left;
            font: normal normal 300 22px Public Sans;
            letter-spacing: -0.36px;
            color: #000000;
            opacity: 1;
            margin-left: 1.5rem; /* Left margin for mobile */
            margin-right: 1.5rem; /* Right margin for mobile */
        }
        .community-card{
            width: 240px;
            height: 220px;
            text-align: center;
            font: normal normal 600 24px Public Sans;
            letter-spacing: -0.54px;
            color: #FFFFFF;
            opacity: 1;
            padding: 0px 10px;
        }
        .boxes_div{
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .eco_para{
            font: normal normal 300 20px Public Sans !important;
        }
        .eco_header{
            padding-bottom: 27px;
        }
        .people-section{
            padding-top: 30px;
        }
        .person-quote{
            font: normal normal 300 24px Public Sans;
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .person-image{
            width: 365px !important;
            height: 258px !important;
        }
        .person-name, .person-title{
            margin-left: 1rem; /* Left margin for mobile */
        }
        .laptop_img{
            width: 425px !important;
            height: 425px !important;
            margin-top: -953px;
            margin-left: 30px;
        }
        .live_img,.premium_img{
            width: 425px !important;
            height: 425px !important;
            margin-left: 30px;
        }
        .digital_div{
            margin-top: 307px;
        }
        .section-title {
            text-align: left;
            font: normal normal bold 35px Public Sans;
            letter-spacing: -0.9px;
            color: #000000;
            opacity: 1;
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
            width: 400px;
        }
        .section-description{
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .heading_mar_5{
            margin-left:0px;
        }
        .live_div{
            width: 90%;
            margin-top: 34px;
        }
        .premium_div{
            margin-top: 442px !important;
        }
        .premium_img{
            margin-top: -930px !important;
        }
        .pre_title{
            width: 338px;
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .market_container{
            margin-top: 50px;
            padding-top: 14% !important;
            font: normal normal bold 46px/46px Domine;
        }
        /* .platform-card{
            width: 180px;
            height: 310px;
            padding: 0px !important;
            margin:5px;
        }
        .mobile_wbox{
            width:50% !important;
        } */
        .mobile_wbox, .col-md-3 {
            flex: 0 0 50%; /* Each box takes 50% width for 2 boxes per row */
            max-width: 50%;
        }
        .platform-card {
            margin: 0.5rem; /* Add margin around each card for spacing */
            padding: 0px; 
            min-height: 248px;
        }
        .market_header {
            font-size: 1.1rem;
        }
        .platform-card p {
            font-size: 0.9rem;
        }
        .footer_st_text .col-md-4,
        .footer_st_text .col-md-8 {
            width: 100%; /* Full width on mobile */
            max-width: 100%;
        }
        .footer_logo{
            width: 319px;

        }
        .text-start{
            text-align: center !important;
        }
        .footer_end_text{
            display: none;
        }
        .copy_right{
            font-size: 20px;
            padding-top: 40px;
        }

        .contact-button {
            display: none; /* Hide the Contact Us button outside the toggler on mobile */
        }
        .navbar-toggler {
            border: none;
        }
        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        }
        .navbar-collapse {
            background-color: #000; /* Black background for the dropdown */
            position: absolute;
            top: 100%; /* Position below the navbar */
            left: 0;
            right: 0;
            z-index: 1000;
            padding: 1rem;
            height: 1013px;
        }
        .navbar-nav {
            width: 100%;
        }
        .navbar-nav .nav-link.contact-button {
            display: block; /* Ensure the button is visible in the dropdown */
            width: 474px;
            height: 50px;
            background: #101010 0% 0% no-repeat padding-box;
            border: 1px solid #FFFFFF;
            border-radius: 4px;
            opacity: 1;
            font: normal normal bold 15px/17px Public Sans;
            letter-spacing: -0.47px;
            color: #FFFFFF;
            margin-bottom: 1rem; /* Space between button and text */
            padding-top:3%;
        }
        .customer-service {
            color: #fff; /* White text for the customer service info */
            text-align: center;
            font: normal normal normal 15px/22px Public Sans;
            letter-spacing: -0.3px;
            color: #FFFFFF;
            opacity: 1;
        }
        .nav-item{
            list-style-type: none;
            padding-left: 0;
        }
        .text-end{
            text-align: center !important;
        }
    }



    .card_box{
        background: #4A6B8605 0% 0% no-repeat padding-box;
        border-radius: 10px;
        opacity: 1;
        border: 0px;
    }
    
    .card_box > img {
        width: 60px; 
        margin: 20px;
    }
    .card_box_title{
        margin-left:25px;
        margin-top:20px;
        text-align: left;
        font: normal normal 600 24px/30px Public Sans;
        letter-spacing: -0.72px;
        color: #000000;
        opacity: 1;
    }
    .card-text{
        margin-left:25px;
        text-align: left;
        font: normal normal 300 20px Public Sans;
        letter-spacing: -0.36px;
        color: #000000;
        opacity: 1;
    }
    
    .cardli li{
        text-align: left;
        font: normal normal 600 20px Public Sans;
        letter-spacing: -0.36px;
        color: #000000;
        opacity: 1; 
        margin-bottom: 5px;
    }


    @media (max-width: 450px)  {
        #main-header {
            top: 0px;
            left: 0px;
            width: 100%;
            height: 69px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            opacity: 1;
            position: fixed !important;
        }
        .logo_desktop{
            display: none !important;
        }
        .header_slider{
            margin-top:-6% !important;
        }
        .header-logo{
            width: 312px !important;
        }
        .logo_mobile{
            display: block !important;
            width: auto;
            height: 40px;
            margin-left: 0px;
        }
        .contact-button {
            display: none; /* Hide the Contact Us button outside the toggler on mobile */
        }
        .navbar-toggler {
            border: none;
            padding: 0.25rem 0.75rem;
        }
        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
            width: 1.5em;
            height: 1.5em;
        }
        .navbar-collapse {
            background-color: #f8f9fa; /* Match background color for the dropdown */
        }
        .navbar-nav .nav-link {
            padding: 10px 15px; /* Add padding for better spacing in the dropdown */
        }
        .navbar-nav .btn {
            margin: 10px 15px; /* Add margin to the button inside the dropdown */
        }
    
        .stats-section .row {
            flex-direction: column; /* Stack columns vertically */
        }
        .stats-section .col-md-4,
        .stats-section .col-md-8 {
            width: 100%; /* Full width on mobile */
            max-width: 100%;
        }
        .stats-text{
            text-align: left;
            font: normal normal 600 36px Public Sans;
            letter-spacing: -0.9px;
            color: #000000;
            opacity: 1;
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .footnote{
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .communities-section{
            padding: 0px 0;
        }
        .stats-image{
            width: 100%;
            
        }
        
        .hero-text{
            margin-left: -3%;
            
        }
        .hero-text h1{
            font: normal normal 900 30px/80px Public Sans;
            letter-spacing: -1.8px;
            color: #FFD230;
            opacity: 1;
        }
        .header_top{
            font: normal normal bold 48px/48px Domine !important;
            letter-spacing: -2.88px;
            color: #FFFFFF;
            opacity: 1;
            width: 312px !important;
        }
        .hero-section{
            height: 75vh !important;
        }
        .vision-section p{
            text-align: center;
            font: normal normal 300 22px Public Sans !important;
            letter-spacing: -0.88px;
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .communities-section h2{
            font: normal normal bold 54px Domine;
            margin-top: 50px;
            margin-bottom: 20px;
            padding: 0px 48px;
        }
        .communities-section p{
            text-align: left;
            font: normal normal 300 22px Public Sans;
            letter-spacing: -0.36px;
            color: #000000;
            opacity: 1;
            margin-left: 1.5rem; /* Left margin for mobile */
            margin-right: 1.5rem; /* Right margin for mobile */
        }
        .community-card{
            width: 240px;
            height: 220px;
            text-align: center;
            font: normal normal 600 24px Public Sans;
            letter-spacing: -0.54px;
            color: #FFFFFF;
            opacity: 1;
            padding: 0px 10px;
        }
        .boxes_div{
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .eco_para{
            font: normal normal 300 20px Public Sans !important;
        }
        .eco_header{
            padding-bottom: 27px;
        }
        .people-section{
            padding-top: 30px;
        }
        .person-quote{
            font: normal normal 300 24px Public Sans;
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .person-image{
            width: 365px !important;
            height: 258px !important;
        }
        .person-name, .person-title{
            margin-left: 1rem; /* Left margin for mobile */
        }
        .laptop_img{
            width: 325px !important;
            height: 325px !important;
            margin-top: -1164px;
            margin-left: 30px;
        }
        .live_img,.premium_img{
            width: 325px !important;
            height: 325px !important;
            margin-left: 30px;
        }
        .digital_div{
            margin-top: 367px;
        }
        .sponsor-title{
            font: normal normal bold 60px Domine ;
        }
        .vision-section{
            height: 471px !important;
        }
        .last{
            /* margin-bottom: 60px; */
        }
        .section-title {
            width: 98% !important;
            text-align: left;
            font: normal normal bold 35px Public Sans;
            letter-spacing: -0.9px;
            color: #000000;
            opacity: 1;
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
            width: 400px;
        }
        .section-description{
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
            /* width: 80%; */
        }
        .heading_mar_5{
            margin-left:0px;
        }
        .live_div{
            width: 90%;
            margin-top: 34px;
        }
        .premium_div{
            margin-top: 442px !important;
        }
        .premium_img{
            margin-top: -1201px !important;
        }
        .pre_title{
            width: 338px;
            margin-left: 1rem; /* Left margin for mobile */
            margin-right: 1rem; /* Right margin for mobile */
        }
        .market_container{
            margin-top: 50px;
            padding-top: 14% !important;
            font: normal normal bold 46px/46px Domine;
        }
        /* .platform-card{
            width: 180px;
            height: 310px;
            padding: 0px !important;
            margin:5px;
        }
        .mobile_wbox{
            width:50% !important;
        } */
        .mobile_wbox, .col-md-3 {
            flex: 0 0 50%; /* Each box takes 50% width for 2 boxes per row */
            max-width: 50%;
        }
        .platform-card {
            margin: 0.5rem; /* Add margin around each card for spacing */
            padding: 0px; 
            min-height: 248px;
        }
        .market_header {
            font-size: 1.1rem;
        }
        .platform-card p {
            font-size: 0.9rem;
        }
        .footer_st_text .col-md-4,
        .footer_st_text .col-md-8 {
            width: 100%; /* Full width on mobile */
            max-width: 100%;
        }
        .footer_logo{
            width: 319px;
    
        }
        .text-start{
            text-align: center !important;
        }
        .footer_end_text{
            display: none;
        }
        .copy_right{
            font-size: 20px;
            padding-top: 40px;
        }
    
        .contact-button {
            display: none; /* Hide the Contact Us button outside the toggler on mobile */
        }
        .navbar-toggler {
            border: none;
        }
        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        }
        .navbar-collapse {
            background-color: #000; /* Black background for the dropdown */
            position: absolute;
            top: 100%; /* Position below the navbar */
            left: 0;
            right: 0;
            z-index: 1000;
            padding: 1rem;
            height: 1013px;
        }
        .navbar-nav {
            width: 100%;
        }
        .navbar-nav .nav-link.contact-button {
            display: block; /* Ensure the button is visible in the dropdown */
            width: auto;
            height: 50px;
            background: #101010 0% 0% no-repeat padding-box;
            border: 1px solid #FFFFFF;
            border-radius: 4px;
            opacity: 1;
            font: normal normal bold 15px/17px Public Sans;
            letter-spacing: -0.47px;
            color: #FFFFFF;
            margin-bottom: 1rem; /* Space between button and text */
            padding-top:3%;
        }
        .customer-service {
            color: #fff; /* White text for the customer service info */
            text-align: center;
            font: normal normal normal 15px/22px Public Sans;
            letter-spacing: -0.3px;
            color: #FFFFFF;
            opacity: 1;
        }
        .nav-item{
            list-style-type: none;
            padding-left: 0;
        }
        .text-end{
            text-align: center !important;
        }
        .live_div{
            width: 90%;
            margin-top: 34px;
        }
        .community-card{
            width:98% !important;
        }

}

 @media (max-width: 395px)  {
	 .header-logo {
        width: 290px !important;
    }
	.navbar-nav .nav-link.contact-button{
		width: auto;
	}
 }
    

 @media (max-width: 375px)  {
	 .header-logo {
        width: 290px !important;
    }
	.navbar-nav .nav-link.contact-button{
		width: auto;
	}
 }