
  <style>
                        .new_pro_data h3 a
                        {
                              font-size:x-large;
                              font-style:italic;
                        }
                    </style>
<style>

@media screen and (max-width: 767px) {
    .hm_footer_container {
         background-color: white; 
        padding: 8px; 
        border-radius: 1px; 
        display: inline-block;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); 
        margin-top: 5px;
        height: 100px;
    }
}
     .hm_footer_container {
        background-color: white; 
        padding: 8px; 
        border-radius: 1px; 
        display: inline-block;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        margin-top: 5px;
        height: 100px;
    }
</style>
<div class="hm_footer_wrapper" style="background-color: #272d58;">
    <div class="container">
        <div class="row">
            <?php if($plans) { ?>
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="hm_footer_box" style="width:92%;">
                    <h3 class="footer_heading" style="font-family: 'Poppins', sans-serif; font-size: 15px; color: #ffffff;">Wi-Certified</h3>
                    <ul>
                        <li><a href="javascript:void(0)"><img src="<?php echo $base_url ?>images/world.jpeg" width="182" height="65" alt=""></a></li>
                        <li><a href="javascript:void(0)"><img src="<?php echo $base_url ?>images/verified.jpeg" width="182" height="65" alt=""></a></li>
                        <style>
                            .ribbon3 {
                                width: 172px;
                                height: 44px;
                                line-height: 40px;
                                padding-left: 3px;
                                position: absolute;
                                left: 1px;
                                top: 15px;
                            }
                        </style>
                        <div class="foot-ribon" style="width:55%;">
                            <div class="ribbon">
                                <span class="ribbon3" style="background:#c7454c;"><?php echo $plan_details->premium_name ?></span>
                            </div>
                        </div>
                    </ul>
                </div>
            </div>
            <style>
                @media(max-width:576px) {
                    .margin-to50 {
                        margin-top:50px !important;
                    }
                    .foot-ribon {
                        width: 57% !important;
                    }
                    .responsive-font {
                        font-size:17px !important;
                    }
                }
            </style>
            <?php } ?>

            <!-- Links Section -->
           <div class="col-lg-4 col-md-4 col-sm-6">
    <div class="hm_footer_box margin-to50">
        <h3 class="footer_heading" style="font-family: 'Poppins', sans-serif; font-size: 15px; color: #ffffff;">Links</h3>
        <ul>
            <li><a href="<?php echo $base_url ?><?php echo $_GET['company'] ?>"><i class="fa fa-home" style="margin-right: 12px;"></i>Home</a></li>
            <li><a href="<?php echo $base_url ?><?php echo $_GET['company'] ?>/about"><i class="fa fa-info-circle" style="margin-right: 12px;"></i>About Us</a></li>
            <li><a href="<?php echo $base_url ?><?php echo $_GET['company'] ?>/products"><i class="fa fa-cubes" style="margin-right: 12px;"></i>Our Products</a></li>
            <li><a href="<?php echo $base_url ?><?php echo $_GET['company'] ?>/gallery"><i class="fa fa-image" style="margin-right: 12px;"></i>Our Gallery</a></li>
            <li><a href="certificates.php"><i class="fa fa-certificate" style="margin-right: 12px;"></i>Certificates</a></li>
            <li><a href="<?php echo $base_url ?><?php echo $_GET['company'] ?>/contact"><i class="fa fa-envelope" style="margin-right: 12px;"></i>Contact Us</a></li>
        </ul>
    </div>
</div>


            <!-- Our Information -->
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="hm_footer_box hm_footer_contact margin-to50">
                    <h3 class="footer_heading" style="font-family: 'Poppins', sans-serif; font-size: 15px; color: #ffffff;">Our Information</h3>
                    <ul>
                        <li>
                            <span class="footer_icon"><i class="fa fa-user" aria-hidden="true"></i></span>
                            <p class="foo_con_para" style="font-family: 'Poppins', sans-serif; font-size: 14px;"><?php echo $vendors->vendor_name ?></p>
                        </li>
                        <li>
                            <a href="mailto:<?php echo strtolower($vendors->vendor_email); ?>" style="font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: lowercase;">
                                <span class="footer_icon"><i class="fa fa-envelope" aria-hidden="true"></i></span>
                                <p class="foo_con_para" style="font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: lowercase;"><?php echo strtolower($vendors->vendor_email); ?></p>
                            </a>
                        </li>
                        <li>
                            <span class="footer_icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                            <p class="foo_con_para" style="font-family: 'Poppins', sans-serif; font-size: 14px;">
                                <?php 
                                    if (!empty($vendors->address)) {
                                        echo $vendors->address;
                                    } else {
                                        echo $vendors->city . ', ' . $vendors->vendor_country . ', ' . $vendors->vendor_state . ' - ' . $vendors->zip_code;
                                    }
                                ?>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>

<!-- Bottom Footer -->
<div class="hm_bottom_footer" style="font-family: 'Poppins', sans-serif; background-color: #4f575a;">
    <div class="container">
        <div class="row text-center text-md-start align-items-center justify-content-center">
            <div class="col-12 col-md-6 mb-2 mb-md-0">
                <p class="mb-0" style="font-size: 16px;">
                    All Rights Reserved by 
                    <a href="javascript:void(0)" style="color: #0162ff; font-size: 16px;"><?php echo $vendors->vendor_company; ?></a>
                </p>
            </div>
            <div class="col-12 col-md-6">
                <p class="mb-0" style="font-size: 16px;">
                    Developed & Managed By 
                    <a href="https://worldsindia.com/" style="color: #0162ff; font-size: 16px;">Worldsindia.com</a>
                </p>
            </div>
        </div>
    </div>
</div>
