It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://finlexassociates.com/

  1. <!DOCTYPE html>
  2. <html lang="en-NP">
  3.  
  4. <head>
  5.    <meta charset="utf-8">
  6.    <script type="application/ld+json">
  7.    {
  8.      "@context": "https://schema.org",
  9.      "@type": "LegalService",
  10.      "name": "FinLex Associates",
  11.      "image": "https://finlexassociates.com/images/logo.jpeg",
  12.      "url": "https://finlexassociates.com/",
  13.      "email": "info@finlexassociates.com",
  14.      "telephone": "+9779851201490",
  15.      "address": {
  16.        "@type": "PostalAddress",
  17.        "streetAddress": "Swet Binayak Marga, Babarmahal, Kathmandu",
  18.        "addressLocality": "Kathmandu",
  19.        "postalCode": "44600",
  20.        "addressCountry": "Nepal"
  21.      },
  22.      "openingHoursSpecification": [
  23.        {
  24.          "@type": "OpeningHoursSpecification",
  25.          "dayOfWeek": [
  26.            "Monday",
  27.            "Tuesday",
  28.            "Wednesday",
  29.            "Thursday",
  30.            "Friday",
  31.            "Sunday"
  32.          ],
  33.          "opens": "09:00",
  34.          "closes": "17:00"
  35.        }
  36.      ]
  37.    }
  38.    </script>
  39.    <meta name="description"
  40.        content="FinLex Associates: Leading Law firm in Nepal. Specializing in Corporate Law, Dispute Resolution, IP and Family law including Court Marriage and Divorce">
  41.    <meta name="keywords"
  42.        content="law firm, legal services, business formation, contract drafting, trademark registration, trademark infringement, court marriage, divorce">
  43.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  44.    <link rel="apple-touch-icon" href="https://finlexassociates.com/images/logo.jpeg">
  45.    <link href="https://finlexassociates.com/images/logo.jpeg" rel="shortcut icon" type="image/x-icon">
  46.    <link rel="canonical" href="https://finlexassociates.com">
  47.    <meta name="robots" content="index, follow">
  48.    <title>Leading Law Firm in Nepal | Corporate & IP Legal Services</title>
  49.    <link id="bootstrap" href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
  50.    <link id="bootstrap-grid" href="css/bootstrap-grid.min.css" rel="stylesheet" type="text/css">
  51.    <link id="bootstrap-reboot" href="css/bootstrap-reboot.min.css" rel="stylesheet" type="text/css">
  52.    <link href="css/animate.css" rel="stylesheet" type="text/css">
  53.    <link href="css/owl.carousel.css" rel="stylesheet" type="text/css">
  54.    <link href="css/owl.theme.css" rel="stylesheet" type="text/css">
  55.    <link href="css/owl.transitions.css" rel="stylesheet" type="text/css">
  56.    <link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
  57.    <link href="css/jquery.countdown.css" rel="stylesheet" type="text/css">
  58.    <link href="css/style.css" rel="stylesheet" type="text/css">
  59.    <link id="colors" href="css/colors/scheme-09.css" rel="stylesheet" type="text/css">
  60.    <link href="css/coloring.css" rel="stylesheet" type="text/css">
  61.    <link href="css/custom-2.css" rel="stylesheet" type="text/css">
  62.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
  63.    <style>
  64.        /* ===== GLOBAL STYLES ===== */
  65.        * {
  66.            margin: 0;
  67.            padding: 0;
  68.            box-sizing: border-box;
  69.        }
  70.  
  71.        body {
  72.            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  73.            line-height: 1.6;
  74.            color: #2c3e50;
  75.            text-align: justify;
  76.        }
  77.  
  78.        /* ===== TYPOGRAPHY ===== */
  79.        h1,
  80.        h2,
  81.        h3,
  82.        h4,
  83.        h5,
  84.        h6 {
  85.            font-family: 'Georgia', 'Times New Roman', serif;
  86.            font-weight: 600;
  87.            line-height: 1.3;
  88.            margin-bottom: 1rem;
  89.            color: #1a252f;
  90.        }
  91.  
  92.        h1 {
  93.            font-size: 2.5rem;
  94.        }
  95.  
  96.        h2 {
  97.            font-size: 2rem;
  98.        }
  99.  
  100.        h3 {
  101.            font-size: 1.5rem;
  102.        }
  103.  
  104.        h4 {
  105.            font-size: 1.25rem;
  106.        }
  107.  
  108.        p {
  109.            font-size: 1rem;
  110.            line-height: 1.7;
  111.            margin-bottom: 1rem;
  112.            color: #34495e;
  113.        }
  114.  
  115.        a {
  116.            color: #3498db;
  117.            text-decoration: none;
  118.            transition: all 0.3s ease;
  119.        }
  120.  
  121.        a:hover {
  122.            color: #2980b9;
  123.            text-decoration: underline;
  124.        }
  125.  
  126.        /* ===== BUTTONS ===== */
  127.        .btn-custom {
  128.            display: inline-block;
  129.            padding: 12px 30px;
  130.            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  131.            color: white;
  132.            border: none;
  133.            border-radius: 25px;
  134.            font-size: 1rem;
  135.            font-weight: 500;
  136.            text-decoration: none;
  137.            transition: all 0.3s ease;
  138.            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
  139.        }
  140.  
  141.        .btn-custom:hover {
  142.            transform: translateY(-2px);
  143.            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
  144.            color: white;
  145.            text-decoration: none;
  146.        }
  147.  
  148.        /* ===== HERO SECTION ===== */
  149.        .hero-section {
  150.            min-height: 80vh;
  151.            display: flex;
  152.            align-items: center;
  153.            position: relative;
  154.            background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 100%);
  155.        }
  156.  
  157.        .jarallax-img {
  158.            width: 100%;
  159.            height: 100%;
  160.            object-fit: cover;
  161.            position: absolute;
  162.            top: 0;
  163.            left: 0;
  164.            z-index: -1;
  165.        }
  166.  
  167.        .hero-content {
  168.            padding: 2rem;
  169.            color: white;
  170.            text-align: center;
  171.            max-width: 600px;
  172.            margin: 0 auto;
  173.        }
  174.  
  175.        /* Company Title - Big and Popping */
  176.        .company-title {
  177.            font-size: 4.5rem;
  178.            font-weight: 800;
  179.            margin-bottom: 2rem;
  180.            text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);
  181.            color: #f39c12;
  182.            letter-spacing: 2px;
  183.            animation: titlePop 1.5s ease-out 0.4s both;
  184.            transform-origin: center;
  185.            line-height: 1.1;
  186.        }
  187.  
  188.        @keyframes titlePop {
  189.            0% {
  190.                transform: scale(0.3) rotate(-5deg);
  191.                opacity: 0;
  192.            }
  193.  
  194.            50% {
  195.                transform: scale(1.1) rotate(2deg);
  196.            }
  197.  
  198.            100% {
  199.                transform: scale(1) rotate(0deg);
  200.                opacity: 1;
  201.            }
  202.        }
  203.  
  204.        /* Typewriter Text */
  205.        .typewriter-text {
  206.            font-size: 2.2rem;
  207.            line-height: 1.3;
  208.            margin-bottom: 2.5rem;
  209.            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  210.            color: white;
  211.            font-weight: 600;
  212.            min-height: 3rem;
  213.            position: relative;
  214.        }
  215.  
  216.        .typewriter-text::after {
  217.            content: '|';
  218.            animation: blink 1s infinite;
  219.            color: #f39c12;
  220.            font-weight: bold;
  221.        }
  222.  
  223.        @keyframes blink {
  224.  
  225.            0%,
  226.            50% {
  227.                opacity: 1;
  228.            }
  229.  
  230.            51%,
  231.            100% {
  232.                opacity: 0;
  233.            }
  234.        }
  235.  
  236.        /* ===== ABOUT SECTION ===== */
  237.        #section-highlight {
  238.            padding: 5rem 0;
  239.            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  240.        }
  241.  
  242.        #section-highlight h2 {
  243.            font-size: 2.5rem;
  244.            line-height: 1.3;
  245.            margin-bottom: 3rem;
  246.            color: #2c3e50;
  247.            font-family: 'Georgia', 'Times New Roman', serif;
  248.        }
  249.  
  250.        /* About Card Design */
  251.        .about-card {
  252.            background: white;
  253.            border-radius: 20px;
  254.            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  255.            overflow: hidden;
  256.            transition: all 0.4s ease;
  257.            border: 1px solid rgba(52, 152, 219, 0.1);
  258.        }
  259.  
  260.        .about-card:hover {
  261.            transform: translateY(-10px);
  262.            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
  263.        }
  264.  
  265.        /* About Card Header */
  266.        .about-card-header {
  267.            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  268.            color: white;
  269.            padding: 2.5rem;
  270.            text-align: center;
  271.            position: relative;
  272.            overflow: hidden;
  273.        }
  274.  
  275.        .about-card-header::before {
  276.            content: '';
  277.            position: absolute;
  278.            top: -50%;
  279.            left: -50%;
  280.            width: 200%;
  281.            height: 200%;
  282.            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  283.            animation: rotate 20s linear infinite;
  284.        }
  285.  
  286.        @keyframes rotate {
  287.            from {
  288.                transform: rotate(0deg);
  289.            }
  290.  
  291.            to {
  292.                transform: rotate(360deg);
  293.            }
  294.        }
  295.  
  296.        .about-icon {
  297.            margin-bottom: 1.5rem;
  298.            position: relative;
  299.            z-index: 2;
  300.        }
  301.  
  302.        .about-icon i {
  303.            font-size: 3rem;
  304.            color: #f39c12;
  305.            background: white;
  306.            width: 80px;
  307.            height: 80px;
  308.            border-radius: 50%;
  309.            display: flex;
  310.            align-items: center;
  311.            justify-content: center;
  312.            margin: 0 auto;
  313.            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  314.            animation: iconFloat 3s ease-in-out infinite;
  315.        }
  316.  
  317.        @keyframes iconFloat {
  318.  
  319.            0%,
  320.            100% {
  321.                transform: translateY(0px);
  322.            }
  323.  
  324.            50% {
  325.                transform: translateY(-10px);
  326.            }
  327.        }
  328.  
  329.        .about-card-header h3 {
  330.            font-size: 2rem;
  331.            font-weight: 600;
  332.            margin: 0;
  333.            position: relative;
  334.            z-index: 2;
  335.            font-family: 'Georgia', 'Times New Roman', serif;
  336.        }
  337.  
  338.        /* About Card Content */
  339.        .about-card-content {
  340.            padding: 3rem;
  341.        }
  342.  
  343.        .about-text-block {
  344.            margin-bottom: 2rem;
  345.            padding: 1.5rem;
  346.            background: #f8f9fa;
  347.            border-radius: 15px;
  348.            border-left: 4px solid #3498db;
  349.            transition: all 0.3s ease;
  350.        }
  351.  
  352.        .about-text-block:hover {
  353.            background: white;
  354.            box-shadow: 0 8px 25px rgba(52, 152, 219, 0.15);
  355.            transform: translateY(-3px);
  356.        }
  357.  
  358.        .about-text-block h4 {
  359.            font-size: 1.3rem;
  360.            font-weight: 600;
  361.            color: #2c3e50;
  362.            margin-bottom: 1rem;
  363.            font-family: 'Georgia', 'Times New Roman', serif;
  364.        }
  365.  
  366.        .about-text-block p {
  367.            font-size: 1rem;
  368.            line-height: 1.7;
  369.            color: #34495e;
  370.            margin: 0;
  371.            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  372.        }
  373.  
  374.        .about-full-text {
  375.            margin: 2rem 0;
  376.            padding: 2rem;
  377.            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  378.            border-radius: 15px;
  379.            border: 1px solid rgba(52, 152, 219, 0.1);
  380.        }
  381.  
  382.        .about-full-text h4 {
  383.            font-size: 1.4rem;
  384.            font-weight: 600;
  385.            color: #2c3e50;
  386.            margin-bottom: 1.5rem;
  387.            font-family: 'Georgia', 'Times New Roman', serif;
  388.        }
  389.  
  390.        .about-full-text p {
  391.            font-size: 1rem;
  392.            line-height: 1.8;
  393.            color: #34495e;
  394.            margin-bottom: 1rem;
  395.            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  396.        }
  397.  
  398.        .about-full-text p:last-child {
  399.            margin-bottom: 0;
  400.        }
  401.  
  402.        /* About CTA Button */
  403.        .about-cta {
  404.            text-align: center;
  405.            margin-top: 2rem;
  406.        }
  407.  
  408.        .about-btn {
  409.            display: inline-flex;
  410.            align-items: center;
  411.            gap: 10px;
  412.            padding: 15px 30px;
  413.            background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
  414.            color: white;
  415.            text-decoration: none;
  416.            border-radius: 50px;
  417.            font-weight: 600;
  418.            font-size: 1.1rem;
  419.            transition: all 0.3s ease;
  420.            box-shadow: 0 5px 20px rgba(243, 156, 18, 0.3);
  421.            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  422.        }
  423.  
  424.        .about-btn:hover {
  425.            transform: translateY(-3px);
  426.            box-shadow: 0 8px 25px rgba(243, 156, 18, 0.4);
  427.            color: white;
  428.            text-decoration: none;
  429.        }
  430.  
  431.        .about-btn i {
  432.            transition: transform 0.3s ease;
  433.        }
  434.  
  435.        .about-btn:hover i {
  436.            transform: translateX(5px);
  437.        }
  438.  
  439.        /* Dark Mode - About Button (Fixed for visibility) */
  440.        body.dark-mode .about-btn {
  441.            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
  442.            color: #ffffff;
  443.            border: 2px solid #ffffff;
  444.            box-shadow: 0 5px 20px rgba(255, 255, 255, 0.2);
  445.        }
  446.  
  447.        body.dark-mode .about-btn:hover {
  448.            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  449.            color: #1a1a1a;
  450.            border-color: #1a1a1a;
  451.            box-shadow: 0 8px 25px rgba(255, 255, 255, 0.4);
  452.            transform: translateY(-3px);
  453.        }
  454.  
  455.        /* ===== SERVICES SECTION ===== */
  456.        .services-section {
  457.            padding: 5rem 0;
  458.            background: white;
  459.        }
  460.  
  461.        .services-section h2 {
  462.            font-size: 2.5rem;
  463.            color: #2c3e50;
  464.            margin-bottom: 3rem;
  465.        }
  466.  
  467.        .service-item {
  468.            background: #f8f9fa;
  469.            padding: 2rem;
  470.            border-radius: 10px;
  471.            margin-bottom: 2rem;
  472.            transition: all 0.3s ease;
  473.            border-left: 4px solid #3498db;
  474.        }
  475.  
  476.        .service-item:hover {
  477.            transform: translateY(-5px);
  478.            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  479.            background: white;
  480.        }
  481.  
  482.        .service-item a {
  483.            color: #2c3e50;
  484.            font-size: 1.1rem;
  485.            font-weight: 500;
  486.            line-height: 1.4;
  487.            display: block;
  488.        }
  489.  
  490.        .service-item:hover a {
  491.            color: #3498db;
  492.        }
  493.  
  494.        /* ===== QUOTE SECTION ===== */
  495.        .quote-section {
  496.            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%), url('images/background/17.jpg') no-repeat center center;
  497.            background-size: cover;
  498.            background-attachment: fixed;
  499.            padding: 5rem 0;
  500.            color: white;
  501.            text-align: center;
  502.            position: relative;
  503.        }
  504.  
  505.        .quote-section::before {
  506.            content: '';
  507.            position: absolute;
  508.            top: 0;
  509.            left: 0;
  510.            right: 0;
  511.            bottom: 0;
  512.            background: linear-gradient(135deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.8) 100%);
  513.            z-index: 1;
  514.        }
  515.  
  516.        .quote-section .container {
  517.            position: relative;
  518.            z-index: 2;
  519.        }
  520.  
  521.        .quote-section p {
  522.            font-size: 1.5rem;
  523.            line-height: 1.6;
  524.            font-style: italic;
  525.            margin-bottom: 1rem;
  526.            color: white;
  527.            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  528.            font-weight: 400;
  529.        }
  530.  
  531.        .quote-section div {
  532.            font-size: 1.1rem;
  533.            font-weight: 600;
  534.            color: #f39c12;
  535.            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  536.        }
  537.  
  538.        /* ===== TEAM SECTION ===== */
  539.        .team-section {
  540.            padding: 5rem 0;
  541.            background: #f8f9fa;
  542.        }
  543.  
  544.        .team-section h2 {
  545.            font-size: 2.5rem;
  546.            color: #2c3e50;
  547.            margin-bottom: 3rem;
  548.        }
  549.  
  550.        .p-title {
  551.            font-size: 1.2rem;
  552.            color: #3498db;
  553.            font-weight: 600;
  554.            text-transform: uppercase;
  555.            letter-spacing: 1px;
  556.            margin-bottom: 1rem;
  557.            display: block;
  558.        }
  559.  
  560.        .f-profile {
  561.            background: white;
  562.            padding: 2rem;
  563.            border-radius: 15px;
  564.            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  565.            transition: all 0.3s ease;
  566.        }
  567.  
  568.        .f-profile:hover {
  569.            transform: translateY(-10px);
  570.            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  571.        }
  572.  
  573.        .f-profile h4 {
  574.            margin-top: 1.5rem;
  575.            margin-bottom: 0.5rem;
  576.        }
  577.  
  578.        .f-profile h4 a {
  579.            color: #2c3e50;
  580.            font-weight: 600;
  581.        }
  582.  
  583.        .f-profile h4 a:hover {
  584.            color: #3498db;
  585.        }
  586.  
  587.        /* ===== CALCULATOR SECTION ===== */
  588.        .calculator-section {
  589.            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
  590.            padding: 4rem 0;
  591.            color: white;
  592.        }
  593.  
  594.        .calculator-section .box {
  595.            padding: 2rem;
  596.        }
  597.  
  598.        .mainformDiv {
  599.            display: flex;
  600.            flex-direction: row;
  601.            justify-content: space-between;
  602.            gap: 2rem;
  603.            align-items: flex-start;
  604.        }
  605.  
  606.        .calculator-section .p-title {
  607.            color: #f39c12;
  608.        }
  609.  
  610.        .calculator-section h2 {
  611.            color: white;
  612.            margin-bottom: 2rem;
  613.        }
  614.  
  615.        .calculator-section h2 a {
  616.            color: white;
  617.        }
  618.  
  619.        .calculator-section h2 a:hover {
  620.            color: #f39c12;
  621.        }
  622.  
  623.        .form-group {
  624.            margin-bottom: 1.5rem;
  625.        }
  626.  
  627.        .form-group label {
  628.            display: block;
  629.            margin-bottom: 0.5rem;
  630.            color: white;
  631.            font-weight: 500;
  632.        }
  633.  
  634.        .calculateDiv {
  635.            display: flex;
  636.            gap: 1rem;
  637.            align-items: center;
  638.        }
  639.  
  640.        #amountInput {
  641.            flex: 1;
  642.            padding: 12px 15px;
  643.            border: none;
  644.            border-radius: 8px;
  645.            font-size: 1rem;
  646.            background: white;
  647.            color: #2c3e50;
  648.        }
  649.  
  650.        #calculateButton {
  651.            padding: 12px 25px;
  652.            background: #3498db;
  653.            color: white;
  654.            border: none;
  655.            border-radius: 8px;
  656.            font-size: 1rem;
  657.            font-weight: 500;
  658.            cursor: pointer;
  659.            transition: all 0.3s ease;
  660.        }
  661.  
  662.        #calculateButton:hover {
  663.            background: #2980b9;
  664.            transform: translateY(-2px);
  665.        }
  666.  
  667.        #courtFeeOutput {
  668.            width: 100%;
  669.            padding: 12px 15px;
  670.            border: none;
  671.            border-radius: 8px;
  672.            font-size: 1rem;
  673.            background: white;
  674.            color: #2c3e50;
  675.            margin-top: 0.5rem;
  676.        }
  677.  
  678.        #calculationDetailsLink {
  679.            margin-top: 1rem;
  680.            display: none;
  681.        }
  682.  
  683.        #calculationDetailsLink a {
  684.            color: #f39c12;
  685.            text-decoration: underline;
  686.        }
  687.  
  688.        .calculateImage img {
  689.            max-width: 100%;
  690.            height: auto;
  691.            border-radius: 10px;
  692.        }
  693.  
  694.        /* ===== PUBLICATIONS SECTION ===== */
  695.        .publications-section {
  696.            padding: 5rem 0;
  697.            background: white;
  698.        }
  699.  
  700.        .publications-section h2 {
  701.            font-size: 2.5rem;
  702.            color: #2c3e50;
  703.            margin-bottom: 3rem;
  704.        }
  705.  
  706.        .content-text {
  707.            font-size: 1.1rem;
  708.            color: #666;
  709.            margin-bottom: 3rem;
  710.            max-width: 800px;
  711.            margin-left: auto;
  712.            margin-right: auto;
  713.        }
  714.  
  715.        /* Feature Card Styles (matching about.html) */
  716.        .feature-card {
  717.            background: #FFFFFF;
  718.            padding: 30px;
  719.            border-radius: 15px;
  720.            box-shadow: 0 5px 20px rgba(46, 134, 171, 0.1);
  721.            transition: all 0.3s ease;
  722.            border-left: 4px solid #CDA434;
  723.            height: 100%;
  724.            display: flex;
  725.            flex-direction: column;
  726.        }
  727.  
  728.        .feature-card:hover {
  729.            transform: translateY(-5px);
  730.            box-shadow: 0 10px 30px rgba(46, 134, 171, 0.15);
  731.        }
  732.  
  733.        .feature-title {
  734.            font-size: 1.3rem;
  735.            font-weight: 600;
  736.            color: #000000;
  737.            margin-bottom: 15px;
  738.        }
  739.  
  740.        .feature-text {
  741.            color: #000000;
  742.            line-height: 1.6;
  743.            margin-bottom: 20px;
  744.            flex-grow: 1;
  745.        }
  746.  
  747.        .btn {
  748.            display: inline-block;
  749.            padding: 8px 20px;
  750.            background: #CDA434;
  751.            color: white;
  752.            border: 1px solid #CDA434;
  753.            border-radius: 25px;
  754.            text-decoration: none;
  755.            font-size: 0.9rem;
  756.            font-weight: 500;
  757.            transition: all 0.3s ease;
  758.            position: relative;
  759.            overflow: hidden;
  760.            align-self: flex-start;
  761.        }
  762.  
  763.        .btn:hover {
  764.            transform: translateY(-2px);
  765.            box-shadow: 0 5px 15px rgba(205, 164, 52, 0.4);
  766.            color: white;
  767.            text-decoration: none;
  768.        }
  769.  
  770.        .btn::before {
  771.            content: '';
  772.            position: absolute;
  773.            top: 0;
  774.            left: -100%;
  775.            width: 100%;
  776.            height: 100%;
  777.            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  778.            transition: left 0.5s;
  779.        }
  780.  
  781.        .btn:hover::before {
  782.            left: 100%;
  783.        }
  784.  
  785.        .btn-sm {
  786.            padding: 6px 16px;
  787.            font-size: 0.85rem;
  788.        }
  789.  
  790.        /* ===== WHATSAPP BUTTON ===== */
  791.        #purchase-now {
  792.            position: fixed;
  793.            bottom: 20px;
  794.            left: 20px;
  795.            z-index: 1000;
  796.            background: #25D366;
  797.            border-radius: 50%;
  798.            width: 60px;
  799.            height: 60px;
  800.            display: flex;
  801.            align-items: center;
  802.            justify-content: center;
  803.            box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
  804.            transition: all 0.3s ease;
  805.            cursor: pointer;
  806.        }
  807.  
  808.        #purchase-now:hover {
  809.            transform: scale(1.1);
  810.            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
  811.        }
  812.  
  813.        #purchase-now i {
  814.            font-size: 30px;
  815.            color: white;
  816.        }
  817.  
  818.        /* ===== CTA SECTION ===== */
  819.        .cta-section {
  820.            background: linear-gradient(135deg, #2E86AB 0%, #4A90A4 100%);
  821.            color: white;
  822.            padding: 60px 0;
  823.            text-align: center;
  824.        }
  825.  
  826.        .cta-title {
  827.            color: #FFFFFF !important;
  828.            font-size: 2.5rem;
  829.            font-weight: 700;
  830.            margin-bottom: 1rem;
  831.        }
  832.  
  833.        .cta-text {
  834.            font-size: 1.2rem;
  835.            margin-bottom: 2rem;
  836.            opacity: 0.9;
  837.            color: white;
  838.        }
  839.  
  840.        .btn-primary-custom {
  841.            background: white;
  842.            color: #2E86AB;
  843.            padding: 15px 30px;
  844.            border-radius: 50px;
  845.            text-decoration: none;
  846.            font-weight: 600;
  847.            transition: all 0.3s ease;
  848.            display: inline-block;
  849.            border: 2px solid white;
  850.        }
  851.  
  852.        .btn-primary-custom:hover {
  853.            background: transparent;
  854.            color: white;
  855.            transform: translateY(-2px);
  856.            text-decoration: none;
  857.        }
  858.  
  859.        /* ===== RESPONSIVE DESIGN ===== */
  860.        @media (max-width: 1200px) {
  861.            .company-title {
  862.                font-size: 4rem;
  863.            }
  864.  
  865.            .typewriter-text {
  866.                font-size: 2rem;
  867.            }
  868.  
  869.            h2 {
  870.                font-size: 1.8rem;
  871.            }
  872.  
  873.            h3 {
  874.                font-size: 1.3rem;
  875.            }
  876.        }
  877.  
  878.        @media (max-width: 992px) {
  879.            .company-title {
  880.                font-size: 3.5rem;
  881.            }
  882.  
  883.            .typewriter-text {
  884.                font-size: 1.8rem;
  885.            }
  886.  
  887.            .hero-content {
  888.                padding: 1.5rem;
  889.            }
  890.  
  891.            .calculateDiv {
  892.                flex-direction: column;
  893.            }
  894.  
  895.            #calculateButton {
  896.                width: 100%;
  897.            }
  898.  
  899.            .mainformDiv {
  900.                flex-direction: column;
  901.                gap: 2rem;
  902.            }
  903.  
  904.            .calculateImage {
  905.                text-align: center;
  906.            }
  907.  
  908.            /* Calculator mobile alignment fix */
  909.            .calculateDiv {
  910.                align-items: stretch;
  911.                gap: 1rem;
  912.            }
  913.  
  914.            #amountInput {
  915.                text-align: center;
  916.            }
  917.        }
  918.  
  919.        @media (max-width: 768px) {
  920.            .company-title {
  921.                font-size: 3rem;
  922.            }
  923.  
  924.            .typewriter-text {
  925.                font-size: 1.6rem;
  926.            }
  927.  
  928.            .hero-content {
  929.                padding: 1rem;
  930.            }
  931.  
  932.            h2 {
  933.                font-size: 1.6rem;
  934.            }
  935.  
  936.            h3 {
  937.                font-size: 1.2rem;
  938.            }
  939.  
  940.            .service-item,
  941.            .publication-item {
  942.                padding: 1.5rem;
  943.            }
  944.  
  945.            .f-profile {
  946.                padding: 1.5rem;
  947.            }
  948.  
  949.            .calculator-section {
  950.                padding: 3rem 0;
  951.            }
  952.  
  953.            #purchase-now {
  954.                width: 50px;
  955.                height: 50px;
  956.            }
  957.  
  958.            #purchase-now i {
  959.                font-size: 25px;
  960.            }
  961.  
  962.            /* About section mobile styles */
  963.            .about-card-content {
  964.                padding: 2rem;
  965.            }
  966.  
  967.            .about-card-header {
  968.                padding: 2rem;
  969.            }
  970.  
  971.            .about-card-header h3 {
  972.                font-size: 1.6rem;
  973.            }
  974.  
  975.            .about-icon i {
  976.                width: 60px;
  977.                height: 60px;
  978.                font-size: 2.5rem;
  979.            }
  980.  
  981.            .about-text-block {
  982.                padding: 1rem;
  983.            }
  984.  
  985.            .about-full-text {
  986.                padding: 1.5rem;
  987.            }
  988.  
  989.            /* Quote section mobile styles */
  990.            .quote-section p {
  991.                font-size: 1.3rem;
  992.            }
  993.  
  994.            .quote-section div {
  995.                font-size: 1rem;
  996.            }
  997.  
  998.            /* Calculator mobile alignment fix */
  999.            .calculateDiv {
  1000.                align-items: stretch;
  1001.                gap: 1rem;
  1002.            }
  1003.  
  1004.            #amountInput {
  1005.                text-align: center;
  1006.            }
  1007.        }
  1008.  
  1009.        @media (max-width: 480px) {
  1010.            .company-title {
  1011.                font-size: 2.5rem;
  1012.            }
  1013.  
  1014.            .typewriter-text {
  1015.                font-size: 1.4rem;
  1016.            }
  1017.  
  1018.            .hero-content {
  1019.                padding: 0.8rem;
  1020.            }
  1021.  
  1022.            h2 {
  1023.                font-size: 1.4rem;
  1024.            }
  1025.  
  1026.            h3 {
  1027.                font-size: 1.1rem;
  1028.            }
  1029.  
  1030.            .service-item,
  1031.            .publication-item {
  1032.                padding: 1rem;
  1033.            }
  1034.  
  1035.            .f-profile {
  1036.                padding: 1rem;
  1037.            }
  1038.  
  1039.            .calculator-section {
  1040.                padding: 2rem 0;
  1041.            }
  1042.  
  1043.            #purchase-now {
  1044.                bottom: 15px;
  1045.                left: 15px;
  1046.                width: 45px;
  1047.                height: 45px;
  1048.            }
  1049.  
  1050.            #purchase-now i {
  1051.                font-size: 22px;
  1052.            }
  1053.  
  1054.            /* About section small mobile styles */
  1055.            .about-card-content {
  1056.                padding: 1.5rem;
  1057.            }
  1058.  
  1059.            .about-card-header {
  1060.                padding: 1.5rem;
  1061.            }
  1062.  
  1063.            .about-card-header h3 {
  1064.                font-size: 1.4rem;
  1065.            }
  1066.  
  1067.            .about-icon i {
  1068.                width: 50px;
  1069.                height: 50px;
  1070.                font-size: 2rem;
  1071.            }
  1072.  
  1073.            .about-text-block {
  1074.                padding: 1rem;
  1075.                margin-bottom: 1.5rem;
  1076.            }
  1077.  
  1078.            .about-full-text {
  1079.                padding: 1rem;
  1080.            }
  1081.  
  1082.            .about-btn {
  1083.                padding: 12px 25px;
  1084.                font-size: 1rem;
  1085.            }
  1086.  
  1087.            /* Quote section small mobile styles */
  1088.            .quote-section p {
  1089.                font-size: 1.2rem;
  1090.            }
  1091.  
  1092.            .quote-section div {
  1093.                font-size: 0.95rem;
  1094.            }
  1095.  
  1096.            /* Calculator small mobile alignment fix */
  1097.            .calculateDiv {
  1098.                align-items: stretch;
  1099.                gap: 0.8rem;
  1100.            }
  1101.  
  1102.            #amountInput {
  1103.                text-align: center;
  1104.                padding: 10px 12px;
  1105.            }
  1106.  
  1107.            #calculateButton {
  1108.                padding: 10px 20px;
  1109.            }
  1110.        }
  1111.  
  1112.        /* ===== UTILITY CLASSES ===== */
  1113.        .text-center {
  1114.            text-align: center;
  1115.        }
  1116.  
  1117.        .mb30 {
  1118.            margin-bottom: 2rem;
  1119.        }
  1120.  
  1121.        .mb-4 {
  1122.            margin-bottom: 1.5rem;
  1123.        }
  1124.  
  1125.        .mt-100 {
  1126.            margin-top: 6rem;
  1127.        }
  1128.  
  1129.        .pt40 {
  1130.            padding-top: 2.5rem;
  1131.        }
  1132.  
  1133.        .pb40 {
  1134.            padding-bottom: 2.5rem;
  1135.        }
  1136.  
  1137.        .no-bottom {
  1138.            padding-bottom: 0;
  1139.        }
  1140.  
  1141.        .no-top {
  1142.            padding-top: 0;
  1143.        }
  1144.  
  1145.        .relative {
  1146.            position: relative;
  1147.        }
  1148.  
  1149.        .text-light {
  1150.            color: white;
  1151.        }
  1152.  
  1153.        .text-white {
  1154.            color: white;
  1155.        }
  1156.  
  1157.        .bg-color {
  1158.            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  1159.        }
  1160.  
  1161.        .btn-black {
  1162.            background: #2c3e50;
  1163.        }
  1164.  
  1165.        .btn-black:hover {
  1166.            background: #2d2d2d;
  1167.        }
  1168.  
  1169.        /* Dark Mode Toggle Styles */
  1170.        .floating-toggle {
  1171.            position: fixed;
  1172.            bottom: 20px;
  1173.            right: 20px;
  1174.            z-index: 999;
  1175.            background: linear-gradient(135deg, #2E86AB 0%, #4a9bc7 100%);
  1176.            border-radius: 50%;
  1177.            width: 50px;
  1178.            height: 50px;
  1179.            display: flex;
  1180.            align-items: center;
  1181.            justify-content: center;
  1182.            box-shadow: 0 4px 15px rgba(46, 134, 171, 0.3);
  1183.            transition: all 0.3s ease;
  1184.            cursor: pointer;
  1185.        }
  1186.  
  1187.        /* Mobile responsive positioning for toggle button */
  1188.        @media (max-width: 991px) {
  1189.            .floating-toggle {
  1190.                bottom: 20px;
  1191.                right: 15px;
  1192.                width: 45px;
  1193.                height: 45px;
  1194.            }
  1195.        }
  1196.  
  1197.        @media (max-width: 768px) {
  1198.            .floating-toggle {
  1199.                bottom: 15px;
  1200.                right: 10px;
  1201.                width: 40px;
  1202.                height: 40px;
  1203.            }
  1204.        }
  1205.  
  1206.        /* Ensure toggle button is always visible on mobile */
  1207.        @media (max-width: 480px) {
  1208.            .floating-toggle {
  1209.                bottom: 15px;
  1210.                right: 8px;
  1211.                width: 38px;
  1212.                height: 38px;
  1213.                z-index: 1001;
  1214.            }
  1215.            
  1216.            .toggle-btn {
  1217.                font-size: 18px;
  1218.            }
  1219.        }
  1220.  
  1221.        .floating-toggle:hover {
  1222.            transform: scale(1.1);
  1223.        }
  1224.  
  1225.        .toggle-btn {
  1226.            background: none;
  1227.            border: none;
  1228.            color: white;
  1229.            font-size: 20px;
  1230.            cursor: pointer;
  1231.            width: 100%;
  1232.            height: 100%;
  1233.            border-radius: 50%;
  1234.            display: flex;
  1235.            align-items: center;
  1236.            justify-content: center;
  1237.        }
  1238.  
  1239.        .toggle-btn:hover {
  1240.            background: rgba(255, 255, 255, 0.1);
  1241.        }
  1242.  
  1243.        /* ===== DARK MODE STYLES ===== */
  1244.        body.dark-mode {
  1245.            background-color: #1a1a1a;
  1246.            color: #e0e0e0;
  1247.        }
  1248.  
  1249.        body.dark-mode h1,
  1250.        body.dark-mode h2,
  1251.        body.dark-mode h3,
  1252.        body.dark-mode h4,
  1253.        body.dark-mode h5,
  1254.        body.dark-mode h6 {
  1255.            color: #ffffff;
  1256.        }
  1257.  
  1258.        body.dark-mode p {
  1259.            color: #d0d0d0;
  1260.        }
  1261.  
  1262.        body.dark-mode a {
  1263.            color: #64b5f6;
  1264.        }
  1265.  
  1266.        body.dark-mode a:hover {
  1267.            color: #90caf9;
  1268.        }
  1269.  
  1270.        /* Dark Mode - About Section */
  1271.        body.dark-mode #section-highlight {
  1272.            background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
  1273.        }
  1274.  
  1275.        /* Dark Mode - Main About Section Heading */
  1276.        body.dark-mode #section-highlight h2 {
  1277.            color: #ffffff !important;
  1278.            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  1279.        }
  1280.  
  1281.        body.dark-mode .about-card {
  1282.            background: #2d2d2d;
  1283.            border-color: rgba(52, 152, 219, 0.3);
  1284.            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
  1285.        }
  1286.  
  1287.        body.dark-mode .about-card:hover {
  1288.            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
  1289.        }
  1290.  
  1291.        /* Dark Mode - About Card Header (Fixed for visibility) */
  1292.        body.dark-mode .about-card-header {
  1293.            background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
  1294.            color: #ffffff;
  1295.        }
  1296.  
  1297.        body.dark-mode .about-card-header h3 {
  1298.            color: #ffffff;
  1299.        }
  1300.  
  1301.        body.dark-mode .about-icon i {
  1302.            color: #fbbf24;
  1303.            background: #1a1a1a;
  1304.            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  1305.        }
  1306.  
  1307.        body.dark-mode .about-text-block {
  1308.            background: #3a3a3a;
  1309.            border-left-color: #64b5f6;
  1310.        }
  1311.  
  1312.        body.dark-mode .about-text-block:hover {
  1313.            background: #4a4a4a;
  1314.            box-shadow: 0 8px 25px rgba(100, 181, 246, 0.2);
  1315.        }
  1316.  
  1317.        body.dark-mode .about-full-text {
  1318.            background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%);
  1319.            border-color: rgba(100, 181, 246, 0.3);
  1320.        }
  1321.  
  1322.        /* Dark Mode - Services Section */
  1323.        body.dark-mode .services-section {
  1324.            background: #1a1a1a;
  1325.        }
  1326.  
  1327.        body.dark-mode .service-item {
  1328.            background: #2d2d2d;
  1329.            border-left-color: #64b5f6;
  1330.        }
  1331.  
  1332.        body.dark-mode .service-item:hover {
  1333.            background: #3a3a3a;
  1334.            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  1335.        }
  1336.  
  1337.        body.dark-mode .service-item a {
  1338.            color: #e0e0e0;
  1339.        }
  1340.  
  1341.        body.dark-mode .service-item:hover a {
  1342.            color: #64b5f6;
  1343.        }
  1344.  
  1345.        /* Dark Mode - Publications Section */
  1346.        body.dark-mode .publications-section {
  1347.            background: #1a1a1a;
  1348.        }
  1349.  
  1350.        /* Dark Mode - Publications Section Heading */
  1351.        body.dark-mode .publications-section h2 {
  1352.            color: #ffffff !important;
  1353.            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  1354.        }
  1355.  
  1356.        body.dark-mode .feature-card {
  1357.            background: #2d2d2d;
  1358.            border-left-color: #CDA434;
  1359.            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
  1360.        }
  1361.  
  1362.        body.dark-mode .feature-card:hover {
  1363.            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
  1364.        }
  1365.  
  1366.        body.dark-mode .feature-title {
  1367.            color: #ffffff;
  1368.        }
  1369.  
  1370.        body.dark-mode .feature-text {
  1371.            color: #d0d0d0;
  1372.        }
  1373.  
  1374.        /* Dark Mode - Publication Buttons (Fixed for visibility) */
  1375.        body.dark-mode .feature-card .btn {
  1376.            background: linear-gradient(135deg, #CDA434 0%, #b8941f 100%);
  1377.            color: #1a1a1a;
  1378.            border-color: #CDA434;
  1379.            font-weight: 600;
  1380.            box-shadow: 0 3px 10px rgba(205, 164, 52, 0.3);
  1381.        }
  1382.  
  1383.        body.dark-mode .feature-card .btn:hover {
  1384.            background: linear-gradient(135deg, #b8941f 0%, #a0851a 100%);
  1385.            color: #ffffff;
  1386.            box-shadow: 0 5px 15px rgba(205, 164, 52, 0.5);
  1387.            transform: translateY(-2px);
  1388.        }
  1389.  
  1390.        body.dark-mode .feature-card .btn::before {
  1391.            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  1392.        }
  1393.  
  1394.        /* Dark Mode - Team Section */
  1395.        body.dark-mode .team-section {
  1396.            background: #2d2d2d;
  1397.        }
  1398.  
  1399.        body.dark-mode .f-profile {
  1400.            background: #3a3a3a;
  1401.            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
  1402.        }
  1403.  
  1404.        body.dark-mode .f-profile:hover {
  1405.            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
  1406.        }
  1407.  
  1408.        body.dark-mode .f-profile h4 a {
  1409.            color: #ffffff;
  1410.        }
  1411.  
  1412.        body.dark-mode .f-profile h4 a:hover {
  1413.            color: #64b5f6;
  1414.        }
  1415.  
  1416.        /* Dark Mode - Calculator Section */
  1417.        body.dark-mode .calculator-section {
  1418.            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
  1419.        }
  1420.  
  1421.        body.dark-mode #amountInput,
  1422.        body.dark-mode #courtFeeOutput {
  1423.            background: #3a3a3a;
  1424.            color: #e0e0e0;
  1425.            border: 1px solid #555;
  1426.        }
  1427.  
  1428.        body.dark-mode #amountInput::placeholder {
  1429.            color: #999;
  1430.        }
  1431.  
  1432.        /* Dark Mode - Quote Section */
  1433.        body.dark-mode .quote-section {
  1434.            background: linear-gradient(135deg, rgba(26, 26, 26, 0.9) 0%, rgba(45, 45, 45, 0.9) 100%), url('images/background/17.jpg') no-repeat center center;
  1435.        }
  1436.  
  1437.        /* Dark Mode - CTA Section */
  1438.        body.dark-mode .cta-section {
  1439.            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
  1440.            border-top: 3px solid #fbbf24;
  1441.            border-bottom: 3px solid #fbbf24;
  1442.        }
  1443.  
  1444.        body.dark-mode .cta-title {
  1445.            color: #fbbf24 !important;
  1446.            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  1447.        }
  1448.  
  1449.        body.dark-mode .cta-text {
  1450.            color: #e0e0e0;
  1451.        }
  1452.  
  1453.        body.dark-mode .btn-primary-custom {
  1454.            background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  1455.            color: #1a1a1a;
  1456.            border-color: #fbbf24;
  1457.            font-weight: 600;
  1458.            box-shadow: 0 4px 15px rgba(251, 191, 36, 0.4);
  1459.        }
  1460.  
  1461.        body.dark-mode .btn-primary-custom:hover {
  1462.            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  1463.            color: #ffffff;
  1464.            border-color: #f59e0b;
  1465.            box-shadow: 0 6px 20px rgba(251, 191, 36, 0.6);
  1466.            transform: translateY(-2px);
  1467.        }
  1468.  
  1469.        /* Dark Mode - Toggle Button */
  1470.        body.dark-mode .floating-toggle {
  1471.            background-color: #2d2d2d;
  1472.            box-shadow: 0 2px 10px rgba(255, 255, 255, 0.1);
  1473.        }
  1474.  
  1475.        body.dark-mode .toggle-btn {
  1476.            color: #f39c12;
  1477.        }
  1478.  
  1479.        body.dark-mode .toggle-btn:hover {
  1480.            color: #f1c40f;
  1481.        }
  1482.  
  1483.        /* Dark Mode - Content Text */
  1484.        body.dark-mode .content-text {
  1485.            color: #b0b0b0;
  1486.        }
  1487.  
  1488.        /* Dark Mode - WhatsApp Button */
  1489.        body.dark-mode #purchase-now {
  1490.            background: #20c997;
  1491.        }
  1492.  
  1493.        body.dark-mode #purchase-now i {
  1494.            color: white;
  1495.        }
  1496.  
  1497.        /* Dark Mode - Utility Classes */
  1498.        body.dark-mode .text-light,
  1499.        body.dark-mode .text-white {
  1500.            color: #e0e0e0 !important;
  1501.        }
  1502.  
  1503.        body.dark-mode .bg-color {
  1504.            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
  1505.        }
  1506.  
  1507.        body.dark-mode .btn-black {
  1508.            background: #1a1a1a;
  1509.        }
  1510.  
  1511.        body.dark-mode .btn-black:hover {
  1512.            background: #2d2d2d;
  1513.        }
  1514.  
  1515.        /* Dark Mode - Hero Section */
  1516.        body.dark-mode .hero-section {
  1517.            background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 100%);
  1518.        }
  1519.  
  1520.        /* Dark Mode - Hero Contact Button (Fixed for visibility) */
  1521.        body.dark-mode .hero-section .btn-custom {
  1522.            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  1523.            color: #1a1a1a;
  1524.            font-weight: 600;
  1525.            box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);
  1526.            border: 2px solid #ffffff;
  1527.        }
  1528.  
  1529.        body.dark-mode .hero-section .btn-custom:hover {
  1530.            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  1531.            color: #1a1a1a;
  1532.            box-shadow: 0 6px 20px rgba(255, 255, 255, 0.4);
  1533.            transform: translateY(-2px);
  1534.        }
  1535.  
  1536.        /* ===== CTA SECTION ===== */
  1537.        .cta-section {
  1538.            background: linear-gradient(135deg, #2E86AB 0%, #4A90A4 100%);
  1539.            color: white;
  1540.            padding: 60px 0;
  1541.            text-align: center;
  1542.        }
  1543.  
  1544.        .cta-title {
  1545.            color: #FFFFFF !important;
  1546.            font-size: 2.5rem;
  1547.            font-weight: 700;
  1548.            margin-bottom: 1rem;
  1549.        }
  1550.  
  1551.        .cta-text {
  1552.            font-size: 1.2rem;
  1553.            margin-bottom: 2rem;
  1554.            opacity: 0.9;
  1555.            color: white;
  1556.        }
  1557.  
  1558.        .btn-primary-custom {
  1559.            background: white;
  1560.            color: #2E86AB;
  1561.            padding: 15px 30px;
  1562.            border-radius: 50px;
  1563.            text-decoration: none;
  1564.            font-weight: 600;
  1565.            transition: all 0.3s ease;
  1566.            display: inline-block;
  1567.            border: 2px solid white;
  1568.        }
  1569.  
  1570.        .btn-primary-custom:hover {
  1571.            background: transparent;
  1572.            color: white;
  1573.            transform: translateY(-2px);
  1574.            text-decoration: none;
  1575.        }
  1576.  
  1577.        /* Mobile Responsive for CTA */
  1578.        @media (max-width: 768px) {
  1579.            .cta-title {
  1580.                font-size: 2rem;
  1581.            }
  1582.        }
  1583.  
  1584.        /* Mobile responsive adjustments for dark mode toggle */
  1585.        @media only screen and (max-width: 768px) {
  1586.            .floating-toggle {
  1587.                bottom: 15px;
  1588.                right: 15px;
  1589.                width: 45px;
  1590.                height: 45px;
  1591.                z-index: 999;
  1592.            }
  1593.            
  1594.            .toggle-btn {
  1595.                font-size: 18px;
  1596.            }
  1597.        }
  1598.  
  1599.        @media only screen and (max-width: 480px) {
  1600.            .floating-toggle {
  1601.                bottom: 12px;
  1602.                right: 10px;
  1603.                width: 40px;
  1604.                height: 40px;
  1605.            }
  1606.            
  1607.            .toggle-btn {
  1608.                font-size: 16px;
  1609.            }
  1610.        }
  1611.    </style>
  1612.  
  1613.    <link rel="canonical" href="https://finlexassociates.com/" />
  1614. </head>
  1615. <div id="wrapper">
  1616.    <div id="header"></div>
  1617.  
  1618.    <!-- Dark Mode Toggle Button -->
  1619.    <div class="floating-toggle">
  1620.        <button id="darkModeToggle" class="toggle-btn" title="Toggle Dark Mode">
  1621.            <i class="fas fa-moon"></i>
  1622.        </button>
  1623.    </div>
  1624.  
  1625.    <div class="no-bottom no-top" id="content">
  1626.        <!-- Hero Section -->
  1627.        <section aria-label="section" class="jarallax text-light hero-section">
  1628.            <img alt="Professional legal services background - FinLex Associates in Nepal" class="jarallax-img"
  1629.                src="images/background/100.jpg">
  1630.            <div class="container">
  1631.                <div class="row align-items-center">
  1632.                    <div class="col-lg-6 offset-lg-6 wow fadeInRight hero-content" data-wow-delay=".5s">
  1633.                        <div class="pl-lg-5">
  1634.                            <h1 class="company-title wow fadeInUp" data-wow-delay=".4s">FinLex Associates</h1>
  1635.                            <h2 class="typewriter-text wow fadeInUp" data-wow-delay=".6s" id="typewriter"></h2>
  1636.                            <a class="btn-custom wow fadeInUp" data-wow-delay="1.5s" href="contact">Contact Us</a>
  1637.                        </div>
  1638.                    </div>
  1639.                </div>
  1640.            </div>
  1641.        </section>
  1642.  
  1643.        <!-- About Section -->
  1644.        <section class="relative" id="section-highlight">
  1645.            <div class="container">
  1646.                <div class="row">
  1647.                    <div class="col-12 text-center mb30">
  1648.                        <h2 class="wow fadeInUp">About FinLex Associates: Leading Law Firm in Nepal</h2>
  1649.                    </div>
  1650.                </div>
  1651.  
  1652.                <div class="row justify-content-center">
  1653.                    <div class="col-lg-10">
  1654.                        <div class="about-card wow fadeInUp" data-wow-delay="0.3s">
  1655.                            <div class="about-card-header">
  1656.                                <div class="about-icon">
  1657.                                    <i class="fas fa-balance-scale"></i>
  1658.                                </div>
  1659.                                <h3>Our Commitment to Excellence</h3>
  1660.                            </div>
  1661.  
  1662.                            <div class="about-card-content">
  1663.                                <div class="row">
  1664.                                    <div class="col-lg-6">
  1665.                                        <div class="about-text-block">
  1666.                                            <h4>Mission & Vision</h4>
  1667.                                            <p>
  1668.                                                With pride in excellence and passion in the delivery of quality legal
  1669.                                                service, our firm remains true to the commitment of serving your rights,
  1670.                                                working tirelessly for the best of your interests. We offer bespoke and
  1671.                                                personalized legal services to assist you through difficult times with
  1672.                                                confidence and absolute peace of mind.
  1673.                                            </p>
  1674.                                        </div>
  1675.                                    </div>
  1676.  
  1677.                                    <div class="col-lg-6">
  1678.                                        <div class="about-text-block">
  1679.                                            <h4>Who We Are</h4>
  1680.                                            <p>
  1681.                                                Welcome to FinLex Associates, one of the leading law firms in Kathmandu,
  1682.                                                Nepal. We provide remarkable legal services that make the often complex
  1683.                                                legal process easier and more accessible to our clients.
  1684.                                            </p>
  1685.                                        </div>
  1686.                                    </div>
  1687.                                </div>
  1688.  
  1689.                                <div class="about-full-text">
  1690.                                    <h4>Comprehensive Legal Solutions</h4>
  1691.                                    <p>
  1692.                                        We will work with you as an individual or a business, providing clear, concise,
  1693.                                        and efficient advice through all the legal minefields in areas of the law that
  1694.                                        are most perplexing to you. We stand ready to serve all of your needs for
  1695.                                        representation in startup businesses, established companies, and personal
  1696.                                        matters, from the simple business formations and contract drafting, to family
  1697.                                        disputes, property law, IP law services: trademark and copyright issues.
  1698.                                    </p>
  1699.                                    <p>
  1700.                                        As Kathmandu's trusted legal advisors, we provide practical, workable solutions
  1701.                                        to meet your specific needs while always keeping the focus on client
  1702.                                        satisfaction, transparency, and proactive problem-solving.
  1703.                                    </p>
  1704.                                </div>
  1705.  
  1706.                                <div class="about-cta">
  1707.                                    <a href="https://finlexassociates.com/about" class="about-btn">
  1708.                                        <span>Learn More About Us</span>
  1709.                                        <i class="fas fa-arrow-right"></i>
  1710.                                    </a>
  1711.                                </div>
  1712.                            </div>
  1713.                        </div>
  1714.                    </div>
  1715.                </div>
  1716.            </div>
  1717.        </section>
  1718.    </div>
  1719. </div>
  1720.  
  1721.  
  1722. <section aria-label="section" class="services-section">
  1723.    <div class="container">
  1724.        <div class="row">
  1725.            <div class="col-12 text-center mb30">
  1726.                <h2>Our Services: Leading Law Firm in Kathmandu, Nepal</h2>
  1727.            </div>
  1728.        </div>
  1729.        <div class="row">
  1730.            <div class="col-lg-4 col-md-6 mb30">
  1731.                <div class="service-item">
  1732.                    <a href="https://finlexassociates.com/services-corporateLaw">Corporate Governance Services</a>
  1733.                </div>
  1734.            </div>
  1735.            <div class="col-lg-4 col-md-6 mb30">
  1736.                <div class="service-item">
  1737.                    <a href="https://finlexassociates.com/services-mergers-and-acquisitions">Mergers and Acquisitions
  1738.                        Services</a>
  1739.                </div>
  1740.            </div>
  1741.            <div class="col-lg-4 col-md-6 mb30">
  1742.                <div class="service-item">
  1743.                    <a href="https://finlexassociates.com/services-IntellectualProperty">IP: Trademarks and Copyrights
  1744.                        Services</a>
  1745.                </div>
  1746.            </div>
  1747.            <div class="col-lg-4 col-md-6 mb30">
  1748.                <div class="service-item">
  1749.                    <a href="https://finlexassociates.com/services-banking-and-finance">Banking and Finance Legal
  1750.                        Services</a>
  1751.                </div>
  1752.            </div>
  1753.            <div class="col-lg-4 col-md-6 mb30">
  1754.                <div class="service-item">
  1755.                    <a href="https://finlexassociates.com/services-labor-and-employment-Law">Labour and Employment Law
  1756.                        Services</a>
  1757.                </div>
  1758.            </div>
  1759.            <div class="col-lg-4 col-md-6 mb30">
  1760.                <div class="service-item">
  1761.                    <a href="https://finlexassociates.com/services-cyber-Law">Cyber Law: Data Protection, Cybersecurity
  1762.                        and Compliance Services</a>
  1763.                </div>
  1764.            </div>
  1765.            <div class="col-lg-4 col-md-6 mb30">
  1766.                <div class="service-item">
  1767.                    <a href="https://finlexassociates.com/services-energy-and-infrastructure">Energy and Infrastructure
  1768.                        Legal Services</a>
  1769.                </div>
  1770.            </div>
  1771.            <div class="col-lg-4 col-md-6 mb30">
  1772.                <div class="service-item">
  1773.                    <a href="https://finlexassociates.com/services-Taxation">Tax Advisory Services</a>
  1774.                </div>
  1775.            </div>
  1776.            <div class="col-lg-4 col-md-6 mb30">
  1777.                <div class="service-item">
  1778.                    <a href="https://finlexassociates.com/services-Foreign-Direct-Investment">Foreign Direct Investment
  1779.                        Services</a>
  1780.                </div>
  1781.            </div>
  1782.            <div class="col-lg-4 col-md-6 mb30">
  1783.                <div class="service-item">
  1784.                    <a href="https://finlexassociates.com/services-civil-litigation">Civil Litigation Services</a>
  1785.                </div>
  1786.            </div>
  1787.            <div class="col-lg-4 col-md-6 mb30">
  1788.                <div class="service-item">
  1789.                    <a href="https://finlexassociates.com/services-criminal-defense">Criminal Defense Attorney
  1790.                        Services</a>
  1791.                </div>
  1792.            </div>
  1793.            <div class="col-lg-4 col-md-6 mb30">
  1794.                <div class="service-item">
  1795.                    <a href="https://finlexassociates.com/services-commercial-contracts">Commercial Contracts
  1796.                        Services</a>
  1797.                </div>
  1798.            </div>
  1799.            <div class="col-lg-4 col-md-6 mb30">
  1800.                <div class="service-item">
  1801.                    <a href="https://finlexassociates.com/services-family-law">Family Law Services</a>
  1802.                </div>
  1803.            </div>
  1804.            <div class="col-lg-4 col-md-6 mb30">
  1805.                <div class="service-item">
  1806.                    <a href="https://finlexassociates.com/services-company-law">Company Law Services</a>
  1807.                </div>
  1808.            </div>
  1809.            <div class="col-lg-4 col-md-6 mb30">
  1810.                <div class="service-item">
  1811.                    <a href="https://finlexassociates.com/services-arbitration-and-mediation">Arbitration and Mediation
  1812.                        Services</a>
  1813.                </div>
  1814.            </div>
  1815.        </div>
  1816.    </div>
  1817. </section>
  1818. <section aria-label="section" class="quote-section">
  1819.    <div class="container">
  1820.        <div class="row align-items-center">
  1821.            <div class="col-lg-8 mx-auto wow fadeInRight">
  1822.                <div>
  1823.                    <p>"True peace is not merely the absence of tension; it is the presence of justice"</p>
  1824.                    <div>Martin Luther King Jr.</div>
  1825.                </div>
  1826.            </div>
  1827.        </div>
  1828.    </div>
  1829. </section>
  1830.  
  1831. <section aria-label="section" class="team-section">
  1832.    <div class="container">
  1833.        <div class="row">
  1834.            <!-- Section Title -->
  1835.            <div class="col-md-12 text-center mb-4">
  1836.                <span class="p-title wow fadeInUp">Our Team</span>
  1837.                <h2 class="wow fadeInUp">Our team of dedicated attorneys is committed to providing comprehensive legal
  1838.                    solutions</h2>
  1839.            </div>
  1840.  
  1841.            <!-- Nischal Wagle Profile -->
  1842.            <div class="col-lg-4 col-md-4 col-sm-12 mb30 wow fadeInRight" data-wow-delay=".2s">
  1843.                <div class="f-profile text-center">
  1844.                    <div class="fp-wrap f-invert">
  1845.                        <div class="fpw-overlay-btm"></div>
  1846.                        <a href="https://finlexassociates.com/team-nischalwagle">
  1847.                            <img alt="Nischal Wagle - Managing Partner of FinLex Associates" class="fp-image img-fluid"
  1848.                                src="images/team/t9.jpeg">
  1849.                        </a>
  1850.                    </div>
  1851.                    <h4>
  1852.                        <a href="https://finlexassociates.com/team-nischalwagle">Nischal Wagle</a>
  1853.                    </h4>
  1854.                    Managing Partner
  1855.                </div>
  1856.            </div>
  1857.  
  1858.            <!-- Sandesh Subedi Profile -->
  1859.            <div class="col-lg-4 col-md-4 col-sm-12 mb30 wow fadeInRight" data-wow-delay=".2s">
  1860.                <div class="f-profile text-center">
  1861.                    <div class="fp-wrap f-invert">
  1862.                        <div class="fpw-overlay-btm"></div>
  1863.                        <a href="https://finlexassociates.com/team-sandeshsubedi">
  1864.                            <img alt="Sandesh Subedi - Advocate at FinLex Associates" class="fp-image img-fluid"
  1865.                                src="images/team/t8.jpg">
  1866.                        </a>
  1867.                    </div>
  1868.                    <h4>
  1869.                        <a href="https://finlexassociates.com/team-sandeshsubedi">Sandesh Subedi</a>
  1870.                    </h4>
  1871.                    Advocate
  1872.                </div>
  1873.            </div>
  1874.  
  1875.            <!-- Rupesh Thapa Magar Profile -->
  1876.            <div class="col-lg-4 col-md-4 col-sm-12 mb30 wow fadeInRight" data-wow-delay=".2s">
  1877.                <div class="f-profile text-center">
  1878.                    <div class="fp-wrap f-invert">
  1879.                        <div class="fpw-overlay-btm"></div>
  1880.                        <a href="https://finlexassociates.com/team-rupesh">
  1881.                            <img alt="Rupesh Thapa Magar - Advocate at FinLex Associates" class="fp-image img-fluid"
  1882.                                src="images/team/t11.jpeg">
  1883.                        </a>
  1884.                    </div>
  1885.                    <h4>
  1886.                        <a href="https://finlexassociates.com/team-rupesh">Rupesh Thapa Magar</a>
  1887.                    </h4>
  1888.                    Advocate
  1889.                </div>
  1890.            </div>
  1891.        </div>
  1892.    </div>
  1893. </section>
  1894. <section class="calculator-section">
  1895.    <div class="container">
  1896.        <div class="box">
  1897.            <span class="p-title wow fadeInUp">Court Fee Calculator</span>
  1898.            <div class="mainformDiv">
  1899.                <div>
  1900.                    <h2>
  1901.                        <a class="court-fee-link" href="calculate">Calculate your Court Fee</a>
  1902.                    </h2>
  1903.                    <form id="courtFeeForm">
  1904.                        <div class="form-group">
  1905.                            <label for="amountInput">Enter your amount:</label>
  1906.                            <div class="calculateDiv">
  1907.                                <input id="amountInput" placeholder="Enter amount" type="number">
  1908.                                <button class="btn btn-primary" id="calculateButton" type="button">Calculate</button>
  1909.                            </div>
  1910.                        </div>
  1911.                        <div class="form-group">
  1912.                            <label for="courtFeeOutput">Court Fee to be paid before court:</label>
  1913.                            <input id="courtFeeOutput" placeholder="Calculated fee will appear here" readonly="readonly"
  1914.                                type="text">
  1915.                        </div>
  1916.                        <div id="calculationDetailsLink">
  1917.                            <a href="#" id="seeDetailsLink">See Calculation Details</a>
  1918.                        </div>
  1919.                    </form>
  1920.                </div>
  1921.                <div class="calculateImage">
  1922.                    <img src="images/calculate.jpg"
  1923.                        alt="A calculator icon with a document representing legal documents and court fee calculations, symbolizing the process of calculating Court Fee of Nepal.">
  1924.                </div>
  1925.            </div>
  1926.        </div>
  1927.    </div>
  1928. </section>
  1929. <section aria-label="section" class="publications-section">
  1930.    <div class="container">
  1931.        <div class="row">
  1932.            <div class="col-12 text-center mb30">
  1933.                <h2>Our Publications: Explore Our Comprehensive Legal Articles</h2>
  1934.                <p class="content-text">Explore our comprehensive legal articles and guides to better understand various
  1935.                    legal processes and requirements in Nepal.</p>
  1936.            </div>
  1937.        </div>
  1938.        <div class="row">
  1939.            <div class="col-lg-4 col-md-6 mb-4">
  1940.                <div class="feature-card">
  1941.                    <h5 class="feature-title">Company Registration</h5>
  1942.                    <p class="feature-text">Complete guide for entrepreneurs on how to register a company in Nepal.</p>
  1943.                    <a href="publications-Registration-of-Company-in-Nepal" class="btn btn-sm">Read More</a>
  1944.                </div>
  1945.            </div>
  1946.  
  1947.            <div class="col-lg-4 col-md-6 mb-4">
  1948.                <div class="feature-card">
  1949.                    <h5 class="feature-title">Share Capital Guide</h5>
  1950.                    <p class="feature-text">Understanding share capital of the company in Nepal - legal overview.</p>
  1951.                    <a href="publications-Share-Capital-of-the-Company" class="btn btn-sm">Read More</a>
  1952.                </div>
  1953.            </div>
  1954.  
  1955.            <div class="col-lg-4 col-md-6 mb-4">
  1956.                <div class="feature-card">
  1957.                    <h5 class="feature-title">Court Marriage</h5>
  1958.                    <p class="feature-text">A complete guide to the legal process of court marriage in Nepal.</p>
  1959.                    <a href="publications-Court-Marriage-in-Nepal" class="btn btn-sm">Read More</a>
  1960.                </div>
  1961.            </div>
  1962.  
  1963.            <div class="col-lg-4 col-md-6 mb-4">
  1964.                <div class="feature-card">
  1965.                    <h5 class="feature-title">Divorce Laws</h5>
  1966.                    <p class="feature-text">Comprehensive legal guide to divorce laws and practice in Nepal.</p>
  1967.                    <a href="publications-Divorce-Laws-and-Practice-in-Nepal" class="btn btn-sm">Read More</a>
  1968.                </div>
  1969.            </div>
  1970.  
  1971.            <div class="col-lg-4 col-md-6 mb-4">
  1972.                <div class="feature-card">
  1973.                    <h5 class="feature-title">Cheque Bounce Laws</h5>
  1974.                    <p class="feature-text">Dishonor of cheque laws in Nepal - remedies and legal procedures.</p>
  1975.                    <a href="publications-Cheque-Bounce" class="btn btn-sm">Read More</a>
  1976.                </div>
  1977.            </div>
  1978.  
  1979.            <div class="col-lg-4 col-md-6 mb-4">
  1980.                <div class="feature-card">
  1981.                    <h5 class="feature-title">Foreign Trademark</h5>
  1982.                    <p class="feature-text">How to register a foreign trademark in Nepal - legal process explained.</p>
  1983.                    <a href="publications-Registering-a-Foreign-Trademark" class="btn btn-sm">Read More</a>
  1984.                </div>
  1985.            </div>
  1986.  
  1987.            <div class="col-lg-4 col-md-6 mb-4">
  1988.                <div class="feature-card">
  1989.                    <h5 class="feature-title">Trademark Registration</h5>
  1990.                    <p class="feature-text">Complete guide to protect your brand with trademark registration.</p>
  1991.                    <a href="publications-Trademark-Registration-in-Nepal" class="btn btn-sm">Read More</a>
  1992.                </div>
  1993.            </div>
  1994.  
  1995.            <div class="col-lg-4 col-md-6 mb-4">
  1996.                <div class="feature-card">
  1997.                    <h5 class="feature-title">Social Security Fund</h5>
  1998.                    <p class="feature-text">Registration with Social Security Fund (SSF) in Nepal - legal requirements.
  1999.                    </p>
  2000.                    <a href="publications-Registration-with-Social-Security-Fund" class="btn btn-sm">Read More</a>
  2001.                </div>
  2002.            </div>
  2003.  
  2004.            <div class="col-lg-4 col-md-6 mb-4">
  2005.                <div class="feature-card">
  2006.                    <h5 class="feature-title">Private Company</h5>
  2007.                    <p class="feature-text">How to register a private company in Nepal - step-by-step process.</p>
  2008.                    <a href="publications-Registration-of-Private-Company-in-Nepal" class="btn btn-sm">Read More</a>
  2009.                </div>
  2010.            </div>
  2011.  
  2012.            <div class="col-lg-4 col-md-6 mb-4">
  2013.                <div class="feature-card">
  2014.                    <h5 class="feature-title">Public Company</h5>
  2015.                    <p class="feature-text">Public company registration in Nepal - process and requirements.</p>
  2016.                    <a href="publications-Registration-of-Public-Company-in-Nepal" class="btn btn-sm">Read More</a>
  2017.                </div>
  2018.            </div>
  2019.  
  2020.            <div class="col-lg-4 col-md-6 mb-4">
  2021.                <div class="feature-card">
  2022.                    <h5 class="feature-title">Non-Profit Company</h5>
  2023.                    <p class="feature-text">How to register a non-profit distributing company in Nepal.</p>
  2024.                    <a href="publications-Registration-of-Non-Profit-Distributing-Company" class="btn btn-sm">Read
  2025.                        More</a>
  2026.                </div>
  2027.            </div>
  2028.  
  2029.            <div class="col-lg-4 col-md-6 mb-4">
  2030.                <div class="feature-card">
  2031.                    <h5 class="feature-title">Winding Up Company</h5>
  2032.                    <p class="feature-text">Winding up of a company in Nepal - legal process and liquidation.</p>
  2033.                    <a href="publications-Winding-Up-of-a-Company" class="btn btn-sm">Read More</a>
  2034.                </div>
  2035.            </div>
  2036.  
  2037.            <div class="col-lg-4 col-md-6 mb-4">
  2038.                <div class="feature-card">
  2039.                    <h5 class="feature-title">NRN Citizenship</h5>
  2040.                    <p class="feature-text">NRN citizenship in Nepal - benefits and application process.</p>
  2041.                    <a href="publications-NRN-Citizenship-in-Nepal" class="btn btn-sm">Read More</a>
  2042.                </div>
  2043.            </div>
  2044.  
  2045.            <div class="col-lg-4 col-md-6 mb-4">
  2046.                <div class="feature-card">
  2047.                    <h5 class="feature-title">NGO Registration</h5>
  2048.                    <p class="feature-text">How to register an NGO in Nepal - a step-by-step guide.</p>
  2049.                    <a href="publications-Registration-of-NGO-in-Nepal" class="btn btn-sm">Read More</a>
  2050.                </div>
  2051.            </div>
  2052.  
  2053.            <div class="col-lg-4 col-md-6 mb-4">
  2054.                <div class="feature-card">
  2055.                    <h5 class="feature-title">Foreign Direct Investment</h5>
  2056.                    <p class="feature-text">FDI in Nepal - legal guidelines for investors.</p>
  2057.                    <a href="publications-Foreign-Direct-Investment" class="btn btn-sm">Read More</a>
  2058.                </div>
  2059.            </div>
  2060.  
  2061.            <div class="col-lg-4 col-md-6 mb-4">
  2062.                <div class="feature-card">
  2063.                    <h5 class="feature-title">Franchising Foreign Brands</h5>
  2064.                    <p class="feature-text">Franchising foreign brands in Nepal - legal steps & requirements.</p>
  2065.                    <a href="publications-Franchising-of-Foreign-Brands-in-Nepal" class="btn btn-sm">Read More</a>
  2066.                </div>
  2067.            </div>
  2068.  
  2069.            <div class="col-lg-4 col-md-6 mb-4">
  2070.                <div class="feature-card">
  2071.                    <h5 class="feature-title">Hydropower Development</h5>
  2072.                    <p class="feature-text">Hydropower project development in Nepal - process, laws & guidelines.</p>
  2073.                    <a href="publications-Hydropower-Project-Development-in-Nepal" class="btn btn-sm">Read More</a>
  2074.                </div>
  2075.            </div>
  2076.  
  2077.            <div class="col-lg-4 col-md-6 mb-4">
  2078.                <div class="feature-card">
  2079.                    <h5 class="feature-title">Hydropower Investment</h5>
  2080.                    <p class="feature-text">Foreign investment in Nepalese hydropower sector - opportunities &
  2081.                        considerations.</p>
  2082.                    <a href="publications-Foreign-Investment-in-Nepalese-Hydropower-Sector" class="btn btn-sm">Read
  2083.                        More</a>
  2084.                </div>
  2085.            </div>
  2086.  
  2087.            <div class="col-lg-4 col-md-6 mb-4">
  2088.                <div class="feature-card">
  2089.                    <h5 class="feature-title">Business Visa</h5>
  2090.                    <p class="feature-text">How to obtain a business visa in Nepal - requirements and process.</p>
  2091.                    <a href="publications-Obtaining-a-Business-Visa-in-Nepal" class="btn btn-sm">Read More</a>
  2092.                </div>
  2093.            </div>
  2094.  
  2095.            <div class="col-lg-4 col-md-6 mb-4">
  2096.                <div class="feature-card">
  2097.                    <h5 class="feature-title">Insurance Laws</h5>
  2098.                    <p class="feature-text">Insurance laws in Nepal - types, claims, and legal protections.</p>
  2099.                    <a href="publications-insurance-laws-in-nepal" class="btn btn-sm">Read More</a>
  2100.                </div>
  2101.            </div>
  2102.  
  2103.            <div class="col-lg-4 col-md-6 mb-4">
  2104.                <div class="feature-card">
  2105.                    <h5 class="feature-title">Employment Termination</h5>
  2106.                    <p class="feature-text">Termination of employment in Nepal - labor laws and procedures.</p>
  2107.                    <a href="publications-Termination-of-Employment" class="btn btn-sm">Read More</a>
  2108.                </div>
  2109.            </div>
  2110.        </div>
  2111.    </div>
  2112. </section>
  2113. <!-- Removed duplicate WhatsApp button -->
  2114.  
  2115. <section class="cta-section">
  2116.    <div class="container">
  2117.        <div class="row">
  2118.            <div class="col-lg-8 mx-auto text-center">
  2119.                <h2 class="cta-title wow fadeInUp" data-wow-delay="0.3s">Ready to Get Started?</h2>
  2120.                    <p class="cta-text wow fadeInUp" data-wow-delay="0.5s">Contact us now for a free consultation and
  2121.                        let us help you navigate your legal challenges with confidence.</p>
  2122.                    <a href="contact" class="btn-primary-custom wow fadeInUp" data-wow-delay="0.7s">Get free
  2123.                        Consultation</a>
  2124.            </div>
  2125.        </div>
  2126.    </div>
  2127. </section>
  2128. <!-- content close -->
  2129. <!-- header section starts -->
  2130. <div id="footer"></div>
  2131.  
  2132.  
  2133. <div id="preloader">
  2134.    <div class="spinner">
  2135.        <div class="bounce1"></div>
  2136.        <div class="bounce2"></div>
  2137.        <div class="bounce3"></div>
  2138.    </div>
  2139. </div>
  2140.  
  2141. <div id="purchase-now" style="display: flex; align-items: center; justify-content: center;">
  2142.    <a href="https://wa.me/9779851201490" target="_blank"
  2143.        style="display: flex; align-items: center; justify-content: center;">
  2144.        <div style="display: flex; align-items: center; justify-content: center;">
  2145.            <i class="fab fa-whatsapp"></i>
  2146.        </div>
  2147.    </a>
  2148. </div>
  2149.  
  2150. <!-- Javascript Files
  2151.    ================================================== -->
  2152. <script src="js/jquery.min.js"></script>
  2153. <script src="js/bootstrap.min.js"></script>
  2154. <script src="js/wow.min.js"></script>
  2155. <script src="js/jquery.isotope.min.js"></script>
  2156. <script src="js/easing.js"></script>
  2157. <script src="js/owl.carousel.js"></script>
  2158. <script src="js/validation.js"></script>
  2159. <script src="js/jquery.magnific-popup.min.js"></script>
  2160. <script src="js/enquire.min.js"></script>
  2161. <script src="js/jquery.stellar.min.js"></script>
  2162. <script src="js/jquery.plugin.js"></script>
  2163. <script src="js/typed.js"></script>
  2164. <script src="js/jarallax.js"></script>
  2165. <script src="js/jquery.countTo.js"></script>
  2166. <script src="js/jquery.countdown.js"></script>
  2167. <script src="js/typed.js"></script>
  2168. <script src="js/jarallax.js"></script>
  2169. <script src="js/designesia.js"></script>
  2170.  
  2171.  
  2172. <script>
  2173.    $(function () {
  2174.        $("#header").load("header", function () {
  2175.            const currentPage = window.location.pathname.split("/").pop();
  2176.  
  2177.            // Select all menu links
  2178.            const menuItems = document.querySelectorAll('.menu-link');
  2179.  
  2180.            // Iterate through each menu item
  2181.            menuItems.forEach(function (menuItem) {
  2182.                // Compare the href attribute with the current page
  2183.                if (menuItem.getAttribute('href') === currentPage) {
  2184.                    menuItem.classList.add('active'); // Add 'active' class to active menu items
  2185.                }
  2186.            });
  2187.        });
  2188.  
  2189.        // Load other sections
  2190.        $("#footer").load("footer");
  2191.    });
  2192.  
  2193.    // Typewriter Effect
  2194.    function typeWriter(element, text, speed = 100) {
  2195.        let i = 0;
  2196.        element.innerHTML = '';
  2197.  
  2198.        function type() {
  2199.            if (i < text.length) {
  2200.                element.innerHTML += text.charAt(i);
  2201.                i++;
  2202.                setTimeout(type, speed);
  2203.            }
  2204.        }
  2205.  
  2206.        type();
  2207.    }
  2208.  
  2209.    // Initialize typewriter when page loads
  2210.    $(document).ready(function () {
  2211.        const typewriterElement = document.getElementById('typewriter');
  2212.        const text = "Leading & Trusted Law Firm in Kathmandu, Nepal";
  2213.  
  2214.        // Start typewriter effect after a delay
  2215.        setTimeout(function () {
  2216.            typeWriter(typewriterElement, text, 80);
  2217.        }, 1000); // 1 second delay after page load
  2218.    });
  2219.  
  2220.    // Dark Mode Toggle Functionality
  2221.    $(document).ready(function () {
  2222.        const darkModeToggle = document.getElementById('darkModeToggle');
  2223.        const body = document.body;
  2224.        const icon = darkModeToggle.querySelector('i');
  2225.  
  2226.        // Check if user has a saved preference
  2227.        const savedTheme = localStorage.getItem('darkMode');
  2228.        if (savedTheme === 'enabled') {
  2229.            body.classList.add('dark-mode');
  2230.            icon.className = 'fas fa-sun';
  2231.        }
  2232.  
  2233.        // Toggle dark mode
  2234.        darkModeToggle.addEventListener('click', function () {
  2235.            body.classList.toggle('dark-mode');
  2236.  
  2237.            // Update icon and save preference
  2238.            if (body.classList.contains('dark-mode')) {
  2239.                icon.className = 'fas fa-sun';
  2240.                localStorage.setItem('darkMode', 'enabled');
  2241.            } else {
  2242.                icon.className = 'fas fa-moon';
  2243.                localStorage.setItem('darkMode', 'disabled');
  2244.            }
  2245.        });
  2246.    });
  2247.  
  2248. </script>
  2249.  
  2250. <script>
  2251.    $(document).ready(function () {
  2252.        $("#calculateButton").click(function () {
  2253.            const amount = parseFloat($("#amountInput").val());
  2254.            let totalFee = 0;
  2255.  
  2256.            if (isNaN(amount) || amount <= 0) {
  2257.                alert("Please enter a valid amount.");
  2258.                return;
  2259.            }
  2260.  
  2261.            // Calculate the total fee logic
  2262.            if (amount <= 25000) {
  2263.                totalFee = 500;
  2264.            } else if (amount <= 50000) {
  2265.                totalFee = 500 + (amount - 25000) * 0.05;
  2266.            } else if (amount <= 100000) {
  2267.                totalFee = 500 + 25000 * 0.05 + (amount - 50000) * 0.035;
  2268.            } else if (amount <= 500000) {
  2269.                totalFee = 500 + 25000 * 0.05 + 50000 * 0.035 + (amount - 100000) * 0.02;
  2270.            } else if (amount <= 2500000) {
  2271.                totalFee = 500 + 25000 * 0.05 + 50000 * 0.035 + 400000 * 0.02 + (amount - 500000) * 0.015;
  2272.            } else {
  2273.                totalFee = 500 + 25000 * 0.05 + 50000 * 0.035 + 400000 * 0.02 + 2000000 * 0.015 + (amount - 2500000) * 0.01;
  2274.            }
  2275.  
  2276.            // Display the total fee in the output field
  2277.            $("#courtFeeOutput").val("Rs. " + totalFee.toFixed(2));
  2278.  
  2279.            // Display the "See Calculation Details" link
  2280.            $("#calculationDetailsLink").show();
  2281.  
  2282.            // Set the href to pass the amount to the new page
  2283.            $("#seeDetailsLink").attr("href", `calculate?amount=${amount}`);
  2284.        });
  2285.    });
  2286. </script>
  2287. </body>
  2288.  
  2289. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda