.-.-.-.-.-

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Generated Page</title>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Speedo Loan</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@400;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="global.css">
  <style id="sections-styles">
/* CSS for section section:header */
.site-header {
    background-color: var(--text-light);
    padding-top: 18px;
    padding-bottom: 18px;
    position: relative;
    z-index: 100;
  }
  .header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .logo-images {
    position: relative;
    width: 200px;
    height: 45px;
  }
  .logo-images img {
    position: absolute;
    max-width: 100%;
    height: auto;
  }
  .logo-img-1 { top: 0.38%; left: 0%; width: 18.52%; height: 82.95%; }
  .logo-img-2 { top: 29.43%; left: 15.07%; width: 13.04%; height: 71.99%; }
  .logo-img-3 { top: 40.01%; left: 17.0%; width: 9.25%; height: 51.28%; }
  .logo-img-4 { top: 23.02%; left: 29.85%; width: 5.64%; height: 33.72%; }
  .logo-img-5 { top: 23.22%; left: 36.47%; width: 5.48%; height: 33.08%; }
  .logo-img-6 { top: 23.22%; left: 42.8%; width: 4.79%; height: 33.08%; }
  .logo-img-7 { top: 23.22%; left: 48.58%; width: 4.79%; height: 33.08%; }
  .logo-img-8 { top: 23.4%; left: 54.35%; width: 6.48%; height: 32.82%; }
  .logo-img-9 { top: 22.98%; left: 61.67%; width: 7.52%; height: 33.8%; }
  .logo-img-10 { top: 23.4%; left: 72.84%; width: 4.82%; height: 32.82%; }
  .logo-img-11 { top: 22.98%; left: 78.55%; width: 7.52%; height: 33.8%; }
  .logo-img-12 { top: 23.12%; left: 86.68%; width: 7.18%; height: 33.18%; }
  .logo-img-13 { top: 23.4%; left: 94.37%; width: 5.63%; height: 32.82%; }
  .logo-img-14 { top: 72.2%; left: 39.65%; width: 2.0%; height: 13.62%; }
  .logo-img-15 { top: 72.01%; left: 42.66%; width: 3.12%; height: 14.01%; }
  .logo-img-16 { top: 72.06%; left: 46.68%; width: 2.98%; height: 13.77%; }
  .logo-img-17 { top: 72.2%; left: 50.52%; width: 2.33%; height: 13.62%; }
  .logo-img-18 { top: 72.13%; left: 55.63%; width: 1.73%; height: 13.69%; }
  .logo-img-19 { top: 72.2%; left: 58.4%; width: 2.33%; height: 13.62%; }
  .logo-img-20 { top: 72.02%; left: 63.31%; width: 2.17%; height: 13.96%; }
  .logo-img-21 { top: 72.2%; left: 68.35%; width: 2.74%; height: 13.62%; }
  .logo-img-22 { top: 72.13%; left: 72.15%; width: 1.73%; height: 13.69%; }
  .logo-img-23 { top: 72.2%; left: 74.9%; width: 2.33%; height: 13.62%; }
  .logo-img-24 { top: 72.2%; left: 78.32%; width: 2.32%; height: 13.82%; }
  .logo-img-25 { top: 72.06%; left: 81.65%; width: 2.36%; height: 13.77%; }
  .logo-img-26 { top: 72.11%; left: 85.07%; width: 1.98%; height: 13.72%; }
  .logo-img-27 { top: 72.01%; left: 88.05%; width: 2.34%; height: 14.0%; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
  .main-nav ul {
    display: flex;
    gap: 48px;
  }
  .main-nav a {
    font-size: 18px;
    font-weight: 500;
    color: #2a2c2b;
  }
  .repay-button {
    display: none; /* This button is not in the header in the final design */
  }
  @media (max-width: 768px) {
    .main-nav { display: none; } /* Simple responsive solution: hide nav on mobile */
    .header-container { justify-content: center; }
  }

/* CSS for section section:hero */
#section-hero {
    background-color: var(--primary-color);
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
  }
  .hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .hero-bg img {
    position: absolute;
  }
  .bg-shape-1 { top: 115px; left: -144px; width: 487px; height: 487px; }
  .bg-shape-2 { top: 4.5px; left: 97px; width: 600px; height: 446px; }
  .bg-shape-3 { top: 4px; left: 878px; width: 473px; height: 459px; }
  .hero-container {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .hero-image-container {
    flex: 1;
  }
  .hero-image {
    max-width: 100%;
    height: auto;
  }
  .hero-form-container {
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }
  .loan-form {
    background-color: var(--text-light);
    border-radius: 32px;
    padding: 40px;
    width: 100%;
    max-width: 473px;
    box-shadow: 0px 4px 4.3px 0px rgba(0, 0, 0, 0.25), 0px -2px 6px 0px rgba(0, 0, 0, 0.25);
    text-align: center;
  }
  .loan-form h2 {
    color: var(--primary-color);
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .loan-form p {
    color: #404040;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    margin-bottom: 30px;
  }
  .input-group {
    display: flex;
    border: 1px solid #cccccc;
    border-radius: 10px;
    margin-bottom: 30px;
  }
  .country-code {
    padding: 12px 20px;
    font-size: 18px;
    color: var(--text-body);
    border-right: 1px solid #cccccc;
  }
  .input-group input {
    border: none;
    background: transparent;
    padding: 12px 20px;
    font-size: 18px;
    width: 100%;
  }
  .input-group input:focus {
    outline: none;
  }
  .checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    margin-bottom: 30px;
  }
  .checkbox-group input {
    margin-top: 4px;
    accent-color: var(--primary-color);
  }
  .checkbox-group label {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: rgba(10, 10, 10, 0.8);
    line-height: 1.5;
  }
  .checkbox-group a {
    color: var(--primary-color);
    font-weight: 600;
  }
  .btn-submit {
    background-color: var(--primary-color);
    color: var(--text-light);
    border: none;
    border-radius: 65px;
    padding: 12px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
  }
  @media (max-width: 992px) {
    .hero-container {
      flex-direction: column;
    }
    .hero-form-container {
      justify-content: center;
    }
    .hero-image-container {
      display: none; /* Hide image on smaller screens for simplicity */
    }
  }

/* CSS for section section:features */
#section-features {
    padding: 100px 0;
  }
  .features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: center;
  }
  .feature-card {
    background-color: var(--text-light);
    border: 1px solid var(--primary-color);
    border-radius: 26px;
    padding: 40px 20px;
    text-align: center;
    box-shadow: 0px 2px 15.8px 0px rgba(0, 0, 0, 0.1);
    height: 100%;
  }
  .feature-card.featured {
    background-color: var(--primary-color);
    color: var(--text-light);
    transform: scale(1.1);
    z-index: 5;
  }
  .feature-card.featured p {
    color: var(--text-light);
  }
  .feature-icon-wrapper {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .feature-icon-wrapper img {
    position: absolute;
  }
  .icon-bg { width: 97px; height: 97px; }
  .icon-fg { width: 68px; height: 68px; }
  .icon-bg-featured { width: 120px; height: 120px; }
  .icon-fg-debt-1 { top: 45px; left: 20px; width: 30px; }
  .icon-fg-debt-2 { top: 39px; left: 42px; width: 36px; }
  .feature-card h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000000;
  }
  .feature-card.featured h3 {
    color: var(--text-light);
  }
  .feature-card p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--text-body);
  }
  @media (max-width: 992px) {
    .features-grid {
      grid-template-columns: 1fr;
      gap: 50px;
    }
    .feature-card.featured {
      transform: none;
    }
  }

/* CSS for section section:risks */
#section-risks {
    background-color: var(--bg-light-gray);
    padding: 100px 0;
  }
  .risks-header {
    text-align: center;
    margin-bottom: 60px;
  }
  .risks-header h2 {
    font-size: 50px;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 10px;
  }
  .risks-header p {
    font-size: 40px;
    font-weight: 600;
  }
  .risks-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  .risk-card {
    background-color: var(--text-light);
    border-radius: 14px;
    padding: 30px;
    box-shadow: 0px 1px 3.7px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    gap: 20px;
    align-items: flex-start;
  }
  .risk-icon-wrapper {
    flex-shrink: 0;
    width: 63px;
    height: 63px;
    position: relative;
  }
  .risk-icon-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .risk-content h4 {
    font-size: 24px;
    font-weight: 500;
    color: var(--text-body);
    margin-bottom: 15px;
  }
  .risk-content p {
    font-size: 16px;
    line-height: 1.5;
  }
  @media (max-width: 992px) {
    .risks-grid {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 768px) {
    .risks-header h2 { font-size: 36px; }
    .risks-header p { font-size: 28px; }
  }

/* CSS for section section:rates */
#section-rates {
    background-color: #fff7f2;
    padding: 100px 0;
  }
  .section-title {
    text-align: center;
    margin-bottom: 50px;
  }
  .section-title h2 {
    font-size: 40px;
    font-weight: 600;
    color: var(--text-body);
    display: inline-block;
  }
  .section-title hr {
    border: none;
    border-top: 3px solid #000;
    width: 107px;
    margin: 8px auto 0;
  }
  .rates-list {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background-color: #bebebe;
    border: 1px solid #bebebe;
  }
  .rate-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 40px;
    background-color: #fff7f2;
  }
  .rate-item p {
    font-size: 20px;
    font-weight: 500;
  }
  .rate-value {
    background-color: #ffffff;
    border: 1px solid var(--border-light);
    border-radius: 8px;
    padding: 15px 30px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: var(--primary-color);
    min-width: 260px;
    text-align: center;
  }
  .representative-example-section {
    margin-top: 80px;
  }
  .section-title-center {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: var(--text-body);
    margin-bottom: 40px;
  }
  .example-table {
    overflow-x: auto;
  }
  .example-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
  }
  .example-table th, .example-table td {
    padding: 18px 10px;
    font-size: 16px;
    white-space: nowrap;
  }
  .example-table thead {
    background-color: #ff8027;
    color: #000000;
    font-weight: 500;
  }
  .example-table tbody {
    background-color: #eeeeee;
    color: var(--text-body);
    font-weight: 500;
  }
  @media (max-width: 992px) {
    .rate-item {
      flex-direction: column;
      gap: 15px;
      text-align: center;
    }
  }
  @media (max-width: 768px) {
    .section-title h2 { font-size: 32px; }
    .section-title-center { font-size: 28px; }
    .rate-item p { font-size: 18px; }
  }

/* CSS for section section:terms */
#section-terms {
    background-color: var(--primary-color-light);
    padding: 80px 0;
  }
  .terms-content {
    max-width: 690px;
    margin: 0 auto;
    text-align: center;
  }
  .terms-content h2 {
    font-size: 36px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 34px;
  }
  .terms-intro {
    color: #fc6800;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 34px;
  }
  .terms-body {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 34px;
  }
  .read-more {
    color: #fc6800;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }

/* CSS for section section:footer */
.site-footer {
    background-color: var(--bg-dark-gray);
    color: var(--text-light);
    padding: 80px 0;
    text-align: center;
  }
  .footer-top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
  }
  .footer-col h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
  }
  .footer-col p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
  }
  .footer-col a:hover {
    text-decoration: underline;
  }
  .footer-divider {
    border: none;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 40px 0;
  }
  .footer-social {
    padding: 20px 0;
  }
  .rating-stars {
    display: flex;
    justify-content: center;
    gap: 68px;
  }
  .rating-stars img {
    height: 25px;
  }
  .footer-bottom {
    padding-top: 20px;
  }
  .footer-logo {
    display: inline-block;
  }
  .footer-logo-images {
    position: relative;
    width: 224px;
    height: 50px;
  }
  @media (max-width: 768px) {
    .footer-top {
      grid-template-columns: 1fr;
      text-align: center;
    }
    .rating-stars {
      gap: 20px;
      flex-wrap: wrap;
    }
  }
  </style>
  <script src="global.js" defer></script>
</head>
<body>
<section id="section-header">
  <header class="site-header">
    <div class="container header-container">
      <a href="#" class="logo">
        
        <div class="logo-images">
          <img src="images/794_645.svg" alt="logo shape" class="logo-img-1">
          <img src="images/794_650.svg" alt="logo shape" class="logo-img-2">
          <img src="images/794_652.svg" alt="logo shape" class="logo-img-3">
          <img src="images/794_655.svg" alt="logo shape" class="logo-img-4">
          <img src="images/794_659.svg" alt="logo shape" class="logo-img-5">
          <img src="images/794_663.svg" alt="logo shape" class="logo-img-6">
          <img src="images/794_667.svg" alt="logo shape" class="logo-img-7">
          <img src="images/794_671.svg" alt="logo shape" class="logo-img-8">
          <img src="images/794_675.svg" alt="logo shape" class="logo-img-9">
          <img src="images/794_679.svg" alt="logo shape" class="logo-img-10">
          <img src="images/794_683.svg" alt="logo shape" class="logo-img-11">
          <img src="images/794_687.svg" alt="logo shape" class="logo-img-12">
          <img src="images/794_691.svg" alt="logo shape" class="logo-img-13">
          <img src="images/794_695.svg" alt="logo shape" class="logo-img-14">
          <img src="images/794_699.svg" alt="logo shape" class="logo-img-15">
          <img src="images/794_703.svg" alt="logo shape" class="logo-img-16">
          <img src="images/794_707.svg" alt="logo shape" class="logo-img-17">
          <img src="images/794_711.svg" alt="logo shape" class="logo-img-18">
          <img src="images/794_715.svg" alt="logo shape" class="logo-img-19">
          <img src="images/794_719.svg" alt="logo shape" class="logo-img-20">
          <img src="images/794_723.svg" alt="logo shape" class="logo-img-21">
          <img src="images/794_727.svg" alt="logo shape" class="logo-img-22">
          <img src="images/794_731.svg" alt="logo shape" class="logo-img-23">
          <img src="images/794_735.svg" alt="logo shape" class="logo-img-24">
          <img src="images/794_739.svg" alt="logo shape" class="logo-img-25">
          <img src="images/794_743.svg" alt="logo shape" class="logo-img-26">
          <img src="images/794_747.svg" alt="logo shape" class="logo-img-27">
        </div>
        <span class="sr-only">Speedo Loan</span>
      </a>
      <nav class="main-nav">
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#section-risks">About Us</a></li>
          <li><a href="#section-footer">Contact Us</a></li>
        </ul>
      </nav>
      <a href="#" class="repay-button">Repay Now</a>
    </div>
  </header>
</section>
<section id="section-hero">
  <div class="hero-bg">
    <img src="images/320_528.svg" alt="background shape" class="bg-shape-1">
    <img src="images/351_477.svg" alt="background shape" class="bg-shape-2">
    <img src="images/351_478.svg" alt="background shape" class="bg-shape-3">
  </div>
  <div class="container hero-container">
    <div class="hero-image-container">
      <img src="images/2006abd5d499acf8de404c35b7260ad1645e463b.png" alt="Man using a phone while sitting in a chair" class="hero-image">
    </div>
    <div class="hero-form-container">
      <form class="loan-form">
        <h2>Apply for a Personal Loan</h2>
        <p>Enter your 10 digit mobile number to get started</p>
        <div class="input-group">
          <span class="country-code">+91</span>
          <input type="tel" placeholder="Your mobile number">
        </div>
        <div class="checkbox-group">
          <input type="checkbox" id="auth-check">
          <label for="auth-check">By selecting this checkbox, I authorize the receipt of digital communication <a href="#">read more.</a></label>
        </div>
        <button type="submit" class="btn-submit">Get OTP</button>
      </form>
    </div>
  </div>
</section>
<section id="section-features">
  <div class="container">
    <div class="features-grid">
      <div class="feature-card">
        
        <div class="feature-icon-wrapper">
          <img src="images/I420_1033_420_956.svg" alt="" class="icon-bg">
          <img src="images/I420_1033_420_958.svg" alt="Instant Loan Icon" class="icon-fg">
        </div>
        <h3>Instant Loan</h3>
        <p>We offer instant loan to help you tackle unexpected financial needs swiftly and efficient.</p>
      </div>
      <div class="feature-card featured">
        
        <div class="feature-icon-wrapper">
          <img src="images/I420_1033_420_934.svg" alt="" class="icon-bg-featured">
          <img src="images/I420_1033_420_935.svg" alt="Short Loan Icon" class="icon-fg">
        </div>
        <h3>Short loan</h3>
        <p>Discover the convenience of short loan at Speedoloan, designed to meet your immediate financial needs with ease</p>
      </div>
      <div class="feature-card">
        
        <div class="feature-icon-wrapper">
          <img src="images/I420_1033_420_944.svg" alt="" class="icon-bg">
          <img src="images/I420_1033_420_946.svg" alt="Debt Consolidation Icon" class="icon-fg-debt-1">
          <img src="images/I420_1033_420_947.svg" alt="" class="icon-fg-debt-2">
        </div>
        <h3>Debt Consolidation</h3>
        <p>Take control of your finances with our debt consolidation service. Consolidate multiple debts into one manageable payment</p>
      </div>
    </div>
  </div>
</section>
<section id="section-risks">
  <div class="container">
    <div class="risks-header">
      <h2>RISKS</h2>
      <p class="text-orange">A disclaimer before you Apply+</p>
    </div>
    <div class="risks-grid">
      <div class="risk-card">
        
        <div class="risk-icon-wrapper">
          <img src="images/I420_1136_632_484.svg" alt="Residents only icon" class="risk-icon-1">
        </div>
        <div class="risk-content">
          <h4>Residents only</h4>
          <p>We greatly value the trust of our Indian customers and are committed to providing services that prioritize your unique requirements.</p>
        </div>
      </div>
      <div class="risk-card">
        
        <div class="risk-icon-wrapper">
          <img src="images/I420_1144_632_505.svg" alt="Salary loans icon" class="risk-icon-2">
        </div>
        <div class="risk-content">
          <h4>Salary loans</h4>
          <p>This is short term loan service only for salaried individuals with a salary above INR 35000/-.</p>
        </div>
      </div>
      <div class="risk-card">
        
        <div class="risk-icon-wrapper">
          <img src="images/I420_1152_632_581.svg" alt="High interest rate icon" class="risk-icon-3">
        </div>
        <div class="risk-content">
          <h4>Relatively high interest rate</h4>
          <p>The rates are somewhat higher as compared to long-term loans like automobile loans from banks.</p>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="section-rates">
  <div class="container">
    <div class="rates-fees-section">
      <div class="section-title">
        <h2>Rates and <span class="text-orange">Fees</span></h2>
        <hr/>
      </div>
      <div class="rates-list">
        <div class="rate-item">
          <p>Monthly Interest Rate:</p>
          <div class="rate-value">2.9166%</div>
        </div>
        <div class="rate-item">
          <p>Offered Annual Percentage Rate (APR):</p>
          <div class="rate-value">35% (Fixed)</div>
        </div>
        <div class="rate-item">
          <p>Tenure/Repayment Period:</p>
          <div class="rate-value">INR 10,000 - 5,00,000</div>
        </div>
        <div class="rate-item">
          <p>Minimum-Maximum Loan Amount:</p>
          <div class="rate-value">INR 10,000 - 5,00,000</div>
        </div>
        <div class="rate-item">
          <p>Processing Fee:</p>
          <div class="rate-value">2%</div>
        </div>
        <div class="rate-item">
          <p>GST on Processing Fee (Exclusive):</p>
          <div class="rate-value">18%</div>
        </div>
      </div>
    </div>
    <div class="representative-example-section">
      <h2 class="section-title-center">Representative Example</h2>
      <div class="example-table">
        <table>
          <thead>
            <tr>
              <th>Loan Amount</th>
              <th>APR</th>
              <th>Tenure</th>
              <th>Processing Fess</th>
              <th>GST on Processing Fee</th>
              <th>Amount Disbursed</th>
              <th>EMI</th>
              <th>Total Repayment Amount</th>
              <th>Total Interest</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>₹ 50,000</td>
              <td>35%</td>
              <td>12 Months</td>
              <td>₹ 1,000</td>
              <td>₹180</td>
              <td>₹48,820</td>
              <td>₹4,998</td>
              <td>₹59,978</td>
              <td>₹9,978</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>
<section id="section-terms">
  <div class="container">
    <div class="terms-content">
      <h2>Terms and <span class="text-orange">Conditions</span></h2>
      <p class="terms-intro">Welcome to the Speedoloan website,</p>
      <p class="terms-body">operated by Agrim Private Limited (we, us, our). By accessing or using our website(Site) and services (Services) you agree to be bound by the following terms and conditions.</p>
      <a href="#" class="read-more">
        read more
        <img src="images/334_171.svg" alt="arrow down">
      </a>
    </div>
  </div>
</section>
<section id="section-footer">
  <footer class="site-footer">
    <div class="container">
      <div class="footer-top">
        <div class="footer-col">
          <h3>REACH US</h3>
          <p>Address: 276,m First Floor, Gagan Vihar, Shadra Delhi</p>
        </div>
        <div class="footer-col">
          <h3>CONTACT</h3>
          <p>Email: info@speedoloan.com</p>
          <p>Phone: +91 9099909941</p>
        </div>
        <div class="footer-col">
          <h3>QUICK LINKS</h3>
          <p><a href="#">Terms & Condition</a> | <a href="#">Privacy Policy</a></p>
          <p>| <a href="#">Cancellation & Refund Policy</a> | <a href="#">FAQs</a> |</p>
        </div>
      </div>
      <hr class="footer-divider">
      <div class="footer-social">
        <div class="rating-stars">
          <img src="images/420_574.svg" alt="star">
          <img src="images/420_575.svg" alt="star">
          <img src="images/420_576.svg" alt="star">
          <img src="images/420_577.svg" alt="star">
          <img src="images/420_579.svg" alt="star">
        </div>
      </div>
      <hr class="footer-divider">
      <div class="footer-bottom">
        <a href="#" class="footer-logo">
          
          <div class="footer-logo-images">
             <img src="images/420_464.svg" alt="logo part" style="position: absolute; top: 0.03%; left: 0%; width: 18.34%; height: 81.84%;">
             <img src="images/420_469.svg" alt="logo part" style="position: absolute; top: 29.02%; left: 15.07%; width: 13.04%; height: 70.99%;">
             <img src="images/420_471.svg" alt="logo part" style="position: absolute; top: 39.21%; left: 16.99%; width: 9.25%; height: 50.54%;">
             <img src="images/420_474.svg" alt="logo part" style="position: absolute; top: 22.7%; left: 29.85%; width: 5.63%; height: 33.23%;">
             <img src="images/420_478.svg" alt="logo part" style="position: absolute; top: 22.89%; left: 35.58%; width: 5.48%; height: 32.63%;">
             <img src="images/420_482.svg" alt="logo part" style="position: absolute; top: 22.89%; left: 41.9%; width: 4.79%; height: 32.63%;">
             <img src="images/420_486.svg" alt="logo part" style="position: absolute; top: 22.89%; left: 47.69%; width: 4.79%; height: 32.63%;">
             <img src="images/420_490.svg" alt="logo part" style="position: absolute; top: 23.16%; left: 53.45%; width: 6.48%; height: 32.36%;">
             <img src="images/420_494.svg" alt="logo part" style="position: absolute; top: 22.65%; left: 60.78%; width: 7.51%; height: 33.33%;">
             <img src="images/420_498.svg" alt="logo part" style="position: absolute; top: 23.16%; left: 71.94%; width: 4.82%; height: 32.36%;">
             <img src="images/420_502.svg" alt="logo part" style="position: absolute; top: 22.65%; left: 77.66%; width: 7.51%; height: 33.33%;">
             <img src="images/420_506.svg" alt="logo part" style="position: absolute; top: 22.79%; left: 85.79%; width: 7.18%; height: 32.72%;">
             <img src="images/420_510.svg" alt="logo part" style="position: absolute; top: 23.16%; left: 93.48%; width: 5.63%; height: 32.36%;">
          </div>
          <span class="sr-only">Speedo Loan</span>
        </a>
      </div>
    </div>
  </footer>
</section>
</body>
</html>

/home/users/unlimited/www/brosiper.codeskitter.site/../testing.codeskitter.site/four/index.html