MMCT TEAM
Server IP : 162.214.80.37  /  Your IP : 216.73.216.83
Web Server : Apache
System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : imyrqtmy ( 2189)
PHP Version : 8.2.18
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0750) :  /home2/imyrqtmy/public_html/loansuvidha/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/imyrqtmy/public_html/loansuvidha/salaried-personal-loan copy.php
<!DOCTYPE html>
<html lang="zxx">
   <?php require "inc/head.php"; ?>
   <body>
      <?php require "inc/header.php"; ?>
      <!--====== End Header ======-->
      <!--====== Start Breadcrumb Section ======-->
      <section class="page-banner overlay pt-165 pb-170 bg_cover" style="background-image: url(assets/images/bg/page-bg.jpg);">
         <div class="container">
            <div class="row justify-content-center">
               <div class="col-lg-10">
                  <!--=== Page Banner Content ===-->
                  <div class="page-banner-content text-center text-white">
                     <!-- <h1 class="page-title">Auto Loan</h1> -->
                     <ul class="breadcrumb-link text-white">
                        <!-- <li><a href="index.php">Home</a></li> -->
                        <li class="active">Salaried Personal Loan</li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--====== End Breadcrumb Section ======-->
      <!--====== Start Contact Form Section ======-->
      <section class="contact-form-section gray-bg pt-175 pb-100">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-xl-12 order-2 order-xl-1">
                  <!--=== Contact Form Area ===-->
                  <div class="contact-form-area mb-50 p-r z-1 wow fadeInLeft">
                     <div class="contact-nav-tab mb-45">
                        <ul class="nav nav-tabs">
                           <li class="nav-item">
                              <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#cat1">Salaried Personal Loan</button>
                           </li>
                           <!-- <li class="nav-item">
                              <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#cat2"><i class="far fa-car"></i>USED CAR</button>
                              </li> -->
                        </ul>
                     </div>
                     <!-- Tab panes -->
                     <div class="tab-content">
                        <div class="tab-pane active show fade" id="cat1">
                        <form class="contact-form">
    <div class="form-group">
        <label class="control-label" for="CurrentLocation"><i class="fa fa-home btn-circle-icon"></i> Where do you live?</label>
        <div class="col-sm-12">
            <div class="col-sm-3 hide"></div>
            <div class="col-sm-12 mb-5">
                <div class="btn-group" data-toggle="buttons">
                    <label class="btn btn-default">
                        <input name="current_location_c" value="1" type="radio" style="display:none"> Mumbai
                    </label>
                    <label class="btn btn-default">
                        <input name="current_location_c" value="4" type="radio" style="display:none"> Delhi
                    </label>
                    <label class="btn btn-default">
                        <input name="current_location_c" value="9" type="radio" style="display:none"> Gurgaon
                    </label>
                    <label class="btn btn-default">
                        <input name="current_location_c" value="10" type="radio" style="display:none"> Noida</label>
                     <label class="btn btn-default">
                        <input name="current_location_c" value="5" type="radio" style="display:none">Chennai</label>
                      <label class="btn btn-default">
                        <input name="current_location_c" value="6" type="radio" style="display:none">Bengaluru</label>
                     <label class="btn btn-default">
                        <input name="current_location_c" value="7" type="radio" style="display:none">Hyderabad</label>
                     <label class="btn btn-default">
                        <input name="current_location_c" value="8" type="radio" style="display:none">Pune</label>
                     <label class="btn btn-default">
                        <input name="current_location_c" value="11" type="radio" style="display:none">Kolkata</label>
                     <label class="btn btn-default">
                        <input name="current_location_c" value="24" type="radio" style="display:none">Jaipur</label>
                     <label class="btn btn-default">
                           <input name="current_location_c" value="61" type="radio" style="display:none">Others</label>
                   
                </div>
            </div>
        </div>
    </div>

    <p>Professional Details:</p>

    <div class="row">
        <div class="form_group col-md-6">
            <label>Company Name</label>
            <input type="text" name="company_name" class="form_control" placeholder="Company Name">
        </div>
        <div class="form_group col-md-6">
            <label>Mode Of Salary *</label>
            <select id="salaryReceived" class="wide" onchange="toggleFields()">
                <option value="">Select</option>
                <option value="Direct Transfer in Account">Direct Transfer in Account</option>
                <option value="By Cheque">By Cheque</option>
                <option value="By Cash">By Cash</option>
            </select>
        </div>
    </div>

    <!-- Other fields to hide when Cash is selected -->
    <div id="otherFields">
        <div class="row">
            <div class="form_group col-md-6">
                <label>Bank Name *</label>
                <select id="bankName" class="wide">
                    <option value="">Select</option>
                    <option value="HDFC Bank">HDFC Bank</option>
                    <option value="ICICI Bank">ICICI Bank</option>
                    <option value="Kotak">Kotak</option>
                     <option value="Axis Bank">Axis Bank</option>
                     <option value="Citi Bank">Citi Bank</option>
                     <option value="Standard Chartered">Standard Chartered</option>
                     <option value="Indusind Bank">Indusind Bank</option>
                     <option value="IDBI Bank">IDBI Bank</option>
                     <option value="Yes Bank">Yes Bank</option>
                     <option value="HSBC Bank">HSBC Bank</option>
                     <option value="Other Bank">Other Bank</option>
                </select>
            </div>
            <div class="form_group col-md-6">
                <label>Current Obligation / Running EMI *</label>
                <input type="text" name="memi" class="form_control" placeholder="Enter Amount">
            </div>
        </div>

        <div class="row">
            <p>Joining Year & Month</p>
            <div class="form_group col-md-6">
                <label>Month</label>
                <input type="text" name="join_month" class="form_control" placeholder="Month">
            </div>
            <div class="form_group col-md-6">
                <label>Year</label>
                <input type="text" name="join_year" class="form_control" placeholder="Year">
            </div>
        </div>

        <div class="row">
            <div class="form_group col-md-4">
                <label>Net Salary</label>
                <input type="text" name="net_salary" class="form_control" placeholder="Enter Amount">
            </div>
            <div class="form_group col-md-4">
                <label>How Much Loan Required</label>
                <input type="text" name="loan_required" class="form_control" placeholder="Enter Amount">
            </div>
            <div class="form_group col-md-4">
                <label>Current Credit Card Obligation</label>
                <input type="text" name="credit_obligation" class="form_control" placeholder="Current Credit Card Obligation">
            </div>
        </div>
    </div>

    <div class="row">
        <div class="form_group col-md-6">
            <button class="main-btn primary-btn">Apply Now <i class="far fa-arrow-right"></i></button>
        </div>
    </div>
</form>

<!-- JavaScript to toggle fields -->
<script>
    function toggleFields() {
        var salaryMode = document.getElementById('salaryReceived').value;
        var otherFields = document.getElementById('otherFields');
        
        if (salaryMode === 'By Cash') {
            otherFields.style.display = 'none'; // Hide other fields when Cash is selected
        } else {
            otherFields.style.display = 'block'; // Show all fields for other modes
        }
    }
</script>

                     </div>
                     <style>
                        .dn {
                        display: none; /* Class to hide elements */
                        }
                     </style>
                     <script>
                        function showOtherCity(value) {
                         const cityField = document.getElementById('show_city');
                         if (value === 'Yes') {
                             cityField.classList.remove('dn'); // Show the field
                         } else {
                             cityField.classList.add('dn'); // Hide the field
                         }
                        }
                        
                     </script>
                  </div>
               </div>
            </div>
         </div>
            <div class="col-md-12">
                     <p>If you want to make investments and falling short on funds, then it is advised to acquire loans. Clients can contact us for acquiring salaried personal loans at lower interest rates and with flexible repayment options. We have associations with reputed lending institutions, which assist us completely to help you the express disbursal into your account in less time. The company has a support of skilled individuals including loan advisory agents, who are always there to assist you in your low interest rates personal loans in Delhi NCR requirements. <br>

                     <b><u>Personal Loan</u></b> is a type of unsecured loan to be availed by individuals on the basis of income, employment tenure, credit rating, and repayment capacity. This loan is taken to fulfillment of individual or family personal needs from banks and non-banking financial company (NBFC). </p>

                     <h6>THE STEPS NEED TO FOLLOW TO GET A PERSONAL LOAN IN DELHI & NCR.</h6>
                     <p>You can instantly avail personal loans in Delhi & NCR area from Loan Suvidha for your home renovation, medical needs, wedding, travel and various other personal or profession needs. There many benefits of taking a loan from peer to peer lending platform like Loan Suvidha such as, cheaper processing fees, faster approval and seamless process with a completely paperless procedure.</p>
                     <br>
                     <p>We assure you that at Loan Suvidha you will experience the premium features like:
                        <ul>
                           <li>1) Prompt Approval with Fast Documentation process. </li>
                           <li>2) Brisk and simple registration</li>
                           <li>3) Moderate EMI's</li>
                           <li>4) Straightforward and bother free process</li>
                           <li>5) No Hidden Charges etc.</li>
                        </ul>
                     </p>
                     <br>
                     <p>As the demand for personal loans is growing at a rapid pace. You can easily register online using the "Apply Now" button given above. You don't need to visit any branch or office with your documents. Sign up and upload all the required documents and you'll be approved within minutes. In order to get an instant approval and quick loan, you need to have a good credit history with adequate monthly income as mentioned in the eligibility criteria further below.</p> <br>

                     <p>Certain other factors which are also considered while sanctioning loans include company in which you are employed, years in service etc. Based on various factors, the lenders will quote the sanction amount, tenure of the loan and the rates of interest.</p> <br>

                     <p>Are you residing in the Delhi/NCR and are looking for online personal loans in Delhi ? You're just at the right place – Loan Suvidha instant online personal loans in Delhi. The primary feature about Loan Suvidha is that we provide instant - by applying for a Instant Loan in Delhi, you can get instant loan approval, and the loan amount will be disbursed to your registered bank account within a day.
                     In Loan Suvidha, We provide instant loans for your urgent and unexpected needs. Whether you have unforeseen medical expenses, or you want a simple way to consolidate debt, or you just want to go on a holiday with your loved ones, we understand.</p> <br>

                     <p>One can avail our services for taking personal loan for domestic or international vacation, latest gadget, higher education, wedding, purchase of vehicle or even home renovation. Working with a wealth of industry knowledge, we assist clients in completing all the formalities, paperwork, etc., to acquire the loan amount in just a few steps. So, whenever you seek a personal loans provider in Delhi NCR, ring us on the given numbers.</p>


                  </div>
         </div>

              
         </div>
      </section>
      <script>
         // Get all the radio button labels
         const labels = document.querySelectorAll('.btn-group .btn');
         
         // Loop through each label
         labels.forEach(label => {
          // Add a click event listener to each label
          label.addEventListener('click', function() {
              // Remove the 'active' class from all labels
              labels.forEach(btn => btn.classList.remove('active'));
         
              // Add the 'active' class to the clicked label
              this.classList.add('active');
          });
         });
         
      </script>
      <style>
         /* Styling the active button with brown background */
         .btn-group .btn.active {
         background-color: brown;
         color: white; /* Optional: Change the text color for contrast */
         border-color: brown; /* Optional: Change border color */
         }
         /* Optional: Styling the default button */
         .btn-group .btn {
         border: 1px solid #ddd;
         padding: 10px 20px;
         transition: background-color 0.3s ease; /* Smooth transition */
         }
      </style>
      <style>
         /* input, textarea {
         display: inherit;
         display: none;
         } */
         .authorize-list li{
         list-style-type:decimal;
         }
         .footer-copyright p a{
         color:#03a9f4;
         }
         .more,.more1{
         font-family: inherit;
         }
         a.morelink, a.morelink1 {
         text-decoration:none;
         outline: none;
         }
         a.morelink1{
         color:#800000;
         }
         .more1 a{
         color:#ffa500;
         }
         .morecontent span {
         display: none;
         }
         .comment {
         width: 100%;
         margin: 10px;
         }
         .top-img{
         height: 60px;
         width: 134px;
         padding: 5px 0px;
         background: linear-gradient(100deg, #19618c, #1ba1e2c9);
         text-align: center;
         /* background: repeating-linear-gradient(26deg, #1e78ae, #ffffff00 100px); */
         color: #fff;
         font-weight: bold;
         font-size: 16px;
         }
         .top-img:hover{
         background-color:#296da7;
         color:#fff;
         }
         .our-partner-logo {
         margin: 6px 6px;
         box-shadow: -1px 3px 6px 0px #616161eb;
         border:none;
         }
         .home-info{
         margin: 0px 75px;
         }
         .has-error .help-block{
         color:#FFC107 !important;
         }
         .logo{
         margin:12px 0px 0px 0px !important;
         }
         .logo img {
         height: 50px !important;
         max-width: 100%;
         }
         p.logo-cap {
         text-transform: capitalize;
         font-size: 30px !important;
         font-weight: 700 !important;
         color: #F44336 !important;
         padding: 25px 20px 20px 0px;
         }
         .logo-domain{
         color: #1ba1e2 !important;
         }
         .dropdown:hover .dropdown-menu {
         display: block;   
         }
         html, body {
         max-width: 100%;
         overflow-x: hidden;
         }
         #frm_credit_sheet .rect{
         min-width: 195px !important;
         max-width: 209px !important;
         background: #ffffff;
         border: 3px solid #dcdcdc;
         border-radius: 55px !important;
         -moz-border-radius: 55px;
         -webkit-border-radius: 55px;    
         color: #100f0f;
         cursor: pointer;
         display: table-cell;
         height: 80px;
         transition: background-color 0.2s ease 0s, border-color 0.2s ease 0s, color 0.2s ease 0s;
         vertical-align: middle;
         box-shadow: 3px 3px 6px -1px #ccc;
         -ms-box-shadow: 3px 3px 6px -1px #ccc;
         padding-top: 25px;
         background: #fff;
         border: 3px solid #e8e8e8;
         box-shadow: 1px 1px 6px rgba(0,0,0,1.2);
         }
         #frm_credit_sheet .form-group {
         margin-bottom: 73px !important;
         }
         .btn.btn-default:hover {
         border: 1px solid #32C8DE;
         color: #FFF;
         background: #32C8DE;
         }
         .btn.btn-default:select {
         border: 1px solid #32C8DE;
         color: #FFF;
         background: #32C8DE;
         }
         #frm_credit_sheet div[data-toggle="buttons"] label:active, #frm_credit_sheet div[data-toggle="buttons"] label.active {
         background: #800000;
         color:#FFF;
         }
         .input-group-addon{
         color: #FFF;
         border: 0;
         font-size: 20px;
         background: #296da7;
         }
         #frm_credit_sheet select{
         border-color: #FBFBFB !important;
         box-shadow: 1px 1px 1px #DAD9D9 !important;
         }
         .selected_prefernce_div{
         color: #969393;
         padding: 3px 5px;
         border-radius: 3px;
         }
         .blue-background{
         background:#3786FE;
         }
         .year-text{
         font-size: 11px;
         font-weight: bold;
         color: blue;
         }
         .select-drop-icon{
         -webkit-appearance: none;
         -moz-appearance: none; 
         background-image: url('.../d2xkxm0e9d3y16.cloudfront.net/static/motor_product/img/down-arrow66c4.png?ad47746035e3');
         background-repeat: no-repeat;
         background-position: right 15px center;
         background-size: 15px 9px;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
         font-size: 15px;
         }
         #frm_credit_sheet .label-heading{
         color:#800000;
         }
         #frm_credit_sheet .control-label{
         color:#fff;
         font-size: 15px;
         padding-left: 32px;
         font-weight: bold;
         margin-top: 11px;
         }
         #frm_credit_sheet .text-left{
         text-align:left;
         }
         #frm_credit_sheet input {
         font-size:13px; 
         }
         .border-bottom{
         border-bottom: 1px solid #e2e2e2;
         margin-bottom: 8px;
         }
         .btn.btn-default {
         border-radius: 8px !important;
         height: 51px;
         padding: 35px 0px;
         margin: 7px 23px 10px;    
         border-radius: 100% !important;
         height: 93px;
         width: 93px;
         cursor: pointer;
         vertical-align: middle;
         display: inline-block;
         background: #FFF;
         border: 3px solid #d2d2d2;
         background: #FFF;
         border: 3px solid #e8e8e8;
         box-shadow: 1px 1px 6px rgba(0,0,0,1.2);
         }
         /*    Auto suggestion   */
         .input-group .form-control{
         width: none;
         }
         .bs-example{
         font-family: sans-serif;
         position: relative;
         margin: 100px;
         }
         .typeahead, .tt-query, .tt-hint {
         font-size: 24px;
         border-radius: 8px;
         width: 100%;
         }
         .typeahead {
         background-color: #FFFFFF;
         }
         .tt-query {
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
         }
         .tt-hint {
         color: #999999;
         }
         .tt-dropdown-menu {
         background-color: #FFFFFF;
         border: 1px solid rgba(0, 0, 0, 0.2);
         border-radius: 8px;
         box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
         margin-top: 38px;
         padding: 8px 0;
         width: 422px;
         overflow-y: auto;
         min-height: 50px;
         max-height: 300px;
         }
         .tt-suggestion {
         font-size: 24px;
         line-height: 24px;
         padding: 3px 20px;
         }
         .tt-suggestion.tt-is-under-cursor {
         background-color: #0097CF;
         color: #FFFFFF;
         }
         .tt-suggestion p {
         margin: 0;
         }
         /*  --------- Steps CSS   -----------   */
         .stepwizard-step p {
         margin-top: 10px;   
         display:none;
         }
         .stepwizard-row {
         display: table-row;
         }
         .stepwizard{
         display: table;     
         width: 100%;
         position: relative;
         margin-bottom: 32px;
         margin-top: 20px;     
         margin-left: 36px;
         }
         .stepwizard-step button[disabled] {
         opacity: 1 !important;
         filter: alpha(opacity=100) !important;
         }
         .stepwizard-row:before {  
         top: 31px;
         bottom: 0;
         position: absolute;
         content: " ";
         width: 66%;
         z-order: 0;
         left: 14%;
         border: 2px dotted #ccc;
         border-bottom: 0;
         border-right: 0;
         border-left: 0;
         }
         .stepwizard-step {    
         display: table-cell;
         text-align: center;
         position: relative;
         }
         .btn-circle {
         width: 130px;
         height: 50px;  
         font-size: 12px;    
         border-radius: 9px;
         text-align: center;
         font-weight: bold;
         background: #EEEEEE;
         }
         .btn-primary-blue{
         background:#00A2E8 !important;
         } 
         .fa-check-circle{
         font-size: 41px;
         }
         .small-head{
         color: #d0cece;
         font-size: 13px;
         padding-left: 10px;
         }
         .btn-circle-icon{
         /* color: yellow; */
         font-size: 23px;
         width: 30px;
         margin-left:-20px;
         }
         .btn-circle-icon:before {
         margin-top: 19px;
         margin-left: 6px;
         margin-top: 8px;
         display: inline-block;
         }
         .check-icon{
         color: #0BA3E0;
         font-weight: bold;
         font-size: 19px;
         }
         .panel-body .active{
         line-height: 34px;
         color: #0BA3E0;
         font-size: 13px;
         }
         .question-mark{
         color: #fff;
         font-size: 24px;
         padding-left: 6px;
         }
         .active-tab{
         background:#296da7; 
         position: absolute;
         }
         .clear{
         clear:both;
         }
         /*** custom checkboxes ***/
         .check_label_size{
         font-size: 18px;
         font-weight: normal;
         margin: 0;
         margin-right: 4px;
         float: left;
         }
         input[type=checkbox] { display:none; } /* to hide the checkbox itself */
         input[type=checkbox] + label:before {
         font-family: FontAwesome;
         display: inline-block;
         }
         input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
         input[type=checkbox]:checked + label:before { content: "\f046";color: #FF8282; } /* checked icon */
         table {
         border-collapse: collapse;
         }
         th,
         td {
         border: 1px solid #c6c7cc;
         padding: 10px 15px;
         }
         th {
         font-weight: bold;
         }
         /**   Web view  **/
         @media only screen and (min-width: 769px) and (max-width: 1281px) {
         .web_view{
         width: 100% !important;
         margin-left: 3px;
         }
         .mgb{
         margin-top: 0px;
         }
         .or{
         margin-right: -14px;margin-top: 8px;display: inline-block;float: right;color:#fff;
         }
         }
         @media only screen and (min-width: 768px) and (max-width: 959px) {
         .web_view{
         width: 122%;margin-left: -39px;
         }
         .or{
         margin-right: -14px;margin-top: 8px;display: inline-block;float: right;color:#fff;
         }
         }
         /**   Mobile  view  **/
         @media only screen and (min-width: 480px) and (max-width: 767px) {
         .web_view{
         width: 122%;margin-left: -39px;
         }
         .mgb{
         margin-top: -18px;
         }
         #frm_credit_sheet .form-group {
         margin-bottom: 20px !important;
         }
         .or{
         margin-right: 249px;margin-top: 8px;display: inline-block;float: right;color:#fff;
         }
         .btn.btn-default {
         border-radius: 8px !important;
         height: 51px;
         padding: 30px 0px;
         margin: 7px 10px 10px;
         border-radius: 100% !important;
         height: 84px;
         width: 82px;
         cursor: pointer;
         vertical-align: middle;
         display: inline-block;
         background: #FFF;
         border: 3px solid #d2d2d2;
         background: #FFF;
         border: 3px solid #e8e8e8;
         box-shadow: 1px 1px 6px rgba(0,0,0,1.2);
         }
         }
         @media only screen and (min-width: 0px) and (max-width: 479px) {
         .web_view{
         width: 145%;
         margin-top: 50px;
         margin-left: -71px;
         }
         .mgb{
         margin-top: -18px;
         }
         #frm_credit_sheet .form-group {
         margin-bottom: 20px !important;
         }
         .btn.btn-default {
         border-radius: 8px !important;
         height: 51px;
         padding: 30px 0px;
         margin: 7px 10px 10px;
         border-radius: 100% !important;
         height: 84px;
         width: 82px;
         cursor: pointer;
         vertical-align: middle;
         display: inline-block;
         background: #FFF;
         border: 3px solid #d2d2d2;
         background: #FFF;
         border: 3px solid #e8e8e8;
         box-shadow: 1px 1px 6px rgba(0,0,0,1.2);
         }
         .or{
         margin-right: 249px;margin-top: 8px;display: inline-block;float: right;color:#fff;
         }
         }
         .news-item {
         padding: 8px 9px;
         margin: 0px;
         margin-bottom: 21px;
         /* border-bottom: 1px dotted #555; */
         font-size: 13px;
         list-style: none;
         text-align: center;
         border: 1px solid #e2e2e2;
         border-radius: 3px;
         background: #fdfdfd;
         }
         .custom-combobox {
         position: relative;
         display: inline-block;
         }
         .custom-combobox-toggle {
         position: absolute;
         top: 0;
         bottom: 0;
         margin-left: -1px;
         padding: 0;
         }
         .custom-combobox-input {
         margin: 0;
         padding: 5px 10px;
         }
         .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br 
         {
         border-bottom-right-radius: 3px;
         padding: 14px !important;
         }
         .general-content {
         background: #fff;
         border: 1px solid #eee;
         border-radius: 5px;
         overflow: hidden;
         }
         .tab-content {
         padding: 15px;
         }
         .popup-contact{
         position: fixed;
         transition: all 0.3s ease-in-out 0s;
         width:300px;
         min-height:190px;
         max-height:290px;
         cursor: pointer;
         z-index:9001;
         }
         #sideCallback{
         right: -265px; 
         /*right: -42px;*/
         bottom: 95px;
         }
         .contact-head
         {
         width: 40px;
         height:100px;
         background:#32c8de;
         border-top-left-radius: 10px;
         border-bottom-left-radius: 10px;
         }
         .contact-head div{
         color:#fff;
         -ms-transform: rotate(270deg);
         -moz-transform: rotate(270deg);
         -webkit-transform: rotate(270deg);
         -o-transform: rotate(270deg);  
         font-weight: bold;
         font-size: 20px;
         position: absolute;
         top: 35px;
         left: -9px; 
         }
         .contact-info{
         width: 240px;
         min-height:190px;
         max-height:290px;
         background: #EEEEEE;
         }
         .left{
         float:left;
         }
         .help-block{
         color:red;
         }
         .side-input{
         height: 24px;
         font-size: 12px;
         }
         .side-select{
         height: 24px;
         font-size: 12px;
         width: 169px;
         }
         .side-button{
         background: #32c8de;
         padding: 2px 7px;
         margin-left: 54px;
         margin-bottom: 4px;
         }
         .form-group{
         margin-bottom: 11px;
         }
         #livechat{
         right: -42px;
         bottom: 95px;
         }
         .livechat-div{
         position: fixed;
         transition: all 0.3s ease-in-out 0s;
         width:300px;
         min-height:190px;
         max-height:290px;
         cursor: pointer;
         z-index:9001;
         display:none;
         }
         .or{
         margin-left:30px !important;
         }
         body{
         max-width: 100% !important;
         overflow-x: hidden !important;
         }
         #about-us{
         background-color:#fff;
         }
         .more{
         font-family: inherit;
         }
         a.morelink {
         text-decoration:none;
         outline: none;
         }
         .morecontent span {
         display: none;
         }
         .comment {
         width: 100%;
         margin: 10px;
         }
         .btn-group, .btn-group-vertical {
         position: relative;
         display: inline-block;
         vertical-align: middle;
         }
      </style>
      <!-- CSS for styling the form -->
      <style>
         /* General form adjustments */
         .contact-form-section {
         font-size: 14px; /* Smaller font size */
         }
         .form_group label {
         font-size: 13px; /* Smaller label font */
         margin-bottom: 5px;
         }
         .form_group select, 
         .form_group input {
         padding: 8px 10px; /* Reduced padding */
         font-size: 13px; /* Smaller input font */
         border: 1px solid #ddd; /* Light border */
         border-radius: 4px;
         }
         .form_group {
         margin-bottom: 15px; /* Reduced margin between form groups */
         }
         button.main-btn {
         padding: 10px 20px; /* Reduced button padding */
         font-size: 13px; /* Smaller button text */
         background-color: #007bff; /* Attractive blue color */
         color: #fff;
         border: none;
         border-radius: 4px;
         transition: background-color 0.3s ease;
         }
         button.main-btn:hover {
         background-color: #0056b3; /* Darker on hover */
         }
         .nav-tabs .nav-item .nav-link {
         font-size: 13px; /* Smaller tab font */
         padding: 8px 15px; /* Reduced padding */
         }
         .container {
         padding-top: 50px;
         }
         /* Media Query for Mobile Devices */
         @media only screen and (max-width: 768px) {
         .form_group {
         margin-bottom: 10px; /* Further reduced margin on mobile */
         }
         button.main-btn {
         padding: 8px 16px; /* Smaller button on mobile */
         }
         }
      </style>
      <!--====== End Contact Form Section ======-->
      <!--====== Start Footer ======-->
      <?php require "inc/footer.php"; ?>
      <!--====== Back To Top  ======-->
      <a href="#" class="back-to-top" ><i class="far fa-angle-up"></i></a>
      <!--====== Jquery js ======-->
      <script src="assets/vendor/jquery-3.6.0.min.js"></script>
      <!--====== Bootstrap js ======-->
      <script src="assets/vendor/popper/popper.min.js"></script>
      <!--====== Bootstrap js ======-->
      <script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
      <!--====== Slick js ======-->
      <script src="assets/vendor/slick/slick.min.js"></script>
      <!--====== Magnific js ======-->
      <script src="assets/vendor/magnific-popup/dist/jquery.magnific-popup.min.js"></script>
      <!--====== Counterup js ======-->
      <script src="assets/vendor/jquery.counterup.min.js"></script>
      <!--====== Waypoints js ======-->
      <script src="assets/vendor/jquery.waypoints.js"></script>
      <!--====== Nice-select js ======-->
      <script src="assets/vendor/nice-select/js/jquery.nice-select.min.js"></script>
      <!--====== WOW js ======-->
      <script src="assets/vendor/wow.min.js"></script>
      <!--====== Main js ======-->
      <script src="assets/js/theme.js"></script>
   </body>
</html>

MMCT - 2023