<!DOCTYPE html>
<html>

<head>

	<title>Homepage | Cob Web</title>
	<meta name="description" content="Homepage">

	
	
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="google-site-verification" content="yhKLaYmFLuBmU5NChxhmoqEXb57-CezVJVF9Gco6prg" />
<link rel="icon" href="assets/images/logo.svg" sizes="32x32" />
<link rel="stylesheet" href="assets/css/m-style.css" rel="preload" as="style" />
<link rel="stylesheet" href="assets/css/style.css" rel="preload" as="style" />
<link rel="stylesheet" href="assets/css/responsive.css" rel="preload" as="style" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<meta name="ip2loc" content="66.102.9.132">

<link rel="canonical" href="https://cobwebgames.com/index">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5JMDDC7W');</script>
<!-- End Google Tag Manager -->
</head>

<body class="bordered-body">

	
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5JMDDC7W"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<div id="smooth-wrapper">
    <div id="smooth-content">
        <main class="border-body">
            <header>
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-4 col-md-6 d-none d-lg-block">
                            <div class="content-wrap d-flex align-items-center">
                                <!--<video class="lazy" autoplay loop muted playsinline-->
                                <!--    poster="assets/images/cup-icon.webm">-->
                                <!--    <source src="data:video/webm;base64,"-->
                                <!--        data-src="assets/images/cup-icon.webm" type="video/webm">-->
                                <!--</video>-->
                                <img class="lazy content-wrap-img"
									src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
									data-src="assets/images/cup-icon.gif" alt="*" />
                                <p>Top Rated Game Development Company</p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-12 text-center">
                            <div class="logo-wrap">
                                <img class="logo-icon icon-01 lazy"
                                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                    data-src="assets/images/logo-sider-2.svg" alt="*" />
                                <a href="https://cobwebgames.com/">
                                    <img class="lazy"
                                        src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                        data-src="assets/images/logo.svg" alt="*" />
                                </a>
                                <img class="logo-icon icon-02 lazy"
                                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                    data-src="assets/images/logo-sider.svg" alt="*" />
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 d-none d-lg-block">
                            <ul class="btn-wrap d-flex justify-content-end">
                                <li>
                                    <a href="contact-us" class="btn-size btn-purple popup">Get Started</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="menu-btn">
                    <a href="javascript:;">
                        <img src="assets/images/menu-icon.webp" alt="*">
                    </a>
                </div>
            </header>
            <div class="menu-wapper">
                <div id="wrapper" ontouchstart="">
                    <div class="bg"></div>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 500" preserveAspectRatio="xMidYMid slice">
                        <defs>
                            <radialGradient id="polygonGradient" cx="50%" cy="50%" r="70%"
                                gradientUnits="userSpaceOnUse">
                                <stop offset="0%" stop-color="#414141" />
                                <stop offset="100%" stop-color="black" />
                            </radialGradient>

                            <radialGradient id="transparentGradient" cx="50%" cy="50%" r="75%"
                                gradientUnits="userSpaceOnUse">
                                <stop offset="0%" style="stop-color:rgb(29, 29, 29); stop-opacity:0.4" />
                                <stop offset="100%" style="stop-color:rgb(29, 29, 29)" />
                            </radialGradient>
                        </defs>

                        <g id="hexs" fill="url(#polygonGradient)">
                            <polygon points="-34.2 38.5 -34.2 0.5 -1.3 -18.5 31.6 0.5 31.6 38.5 -1.3 57.5 -34.2 38.5" />
                            <polygon points="35.2 38.5 35.2 0.5 68.1 -18.5 101.1 0.5 101.1 38.5 68.1 57.5 35.2 38.5" />
                            <polygon
                                points="104.7 38.5 104.7 0.5 137.6 -18.5 170.5 0.5 170.5 38.5 137.6 57.5 104.7 38.5" />
                            <polygon points="174.1 38.5 174.1 0.5 207 -18.5 240 0.5 240 38.5 207 57.5 174.1 38.5" />
                            <polygon
                                points="243.6 38.5 243.6 0.5 276.5 -18.5 309.4 0.5 309.4 38.5 276.5 57.5 243.6 38.5" />
                            <polygon points="313 38.5 313 0.5 345.9 -18.5 378.9 0.5 378.9 38.5 345.9 57.5 313 38.5" />
                            <polygon
                                points="382.5 38.5 382.5 0.5 415.4 -18.5 448.3 0.5 448.3 38.5 415.4 57.5 382.5 38.5" />
                            <polygon
                                points="451.9 38.5 451.9 0.5 484.8 -18.5 517.8 0.5 517.8 38.5 484.8 57.5 451.9 38.5" />
                            <polygon
                                points="521.4 38.5 521.4 0.5 554.3 -18.5 587.2 0.5 587.2 38.5 554.3 57.5 521.4 38.5" />
                            <polygon
                                points="590.8 38.5 590.8 0.5 623.8 -18.5 656.7 0.5 656.7 38.5 623.8 57.5 590.8 38.5" />
                            <polygon
                                points="660.3 38.5 660.3 0.5 693.2 -18.5 726.1 0.5 726.1 38.5 693.2 57.5 660.3 38.5" />
                            <polygon
                                points="729.7 38.5 729.7 0.5 762.7 -18.5 795.6 0.5 795.6 38.5 762.7 57.5 729.7 38.5" />
                            <polygon points="799.2 38.5 799.2 0.5 832.1 -18.5 865 0.5 865 38.5 832.1 57.5 799.2 38.5" />
                            <polygon
                                points="868.6 38.5 868.6 0.5 901.6 -18.5 934.5 0.5 934.5 38.5 901.6 57.5 868.6 38.5" />
                            <polygon
                                points="938.1 38.5 938.1 0.5 971 -18.5 1003.9 0.5 1003.9 38.5 971 57.5 938.1 38.5" />
                            <polygon
                                points="1007.5 38.5 1007.5 0.5 1040.5 -18.5 1073.4 0.5 1073.4 38.5 1040.5 57.5 1007.5 38.5" />
                            <polygon
                                points="1077 38.5 1077 0.5 1109.9 -18.5 1142.8 0.5 1142.8 38.5 1109.9 57.5 1077 38.5" />
                            <polygon
                                points="1146.4 38.5 1146.4 0.5 1179.4 -18.5 1212.3 0.5 1212.3 38.5 1179.4 57.5 1146.4 38.5" />
                            <polygon
                                points="1215.9 38.5 1215.9 0.5 1248.8 -18.5 1281.7 0.5 1281.7 38.5 1248.8 57.5 1215.9 38.5" />
                            <polygon points="0.4 98.1 0.4 60.1 33.3 41.1 66.2 60.1 66.2 98.1 33.3 117.1 0.4 98.1" />
                            <polygon
                                points="69.8 98.1 69.8 60.1 102.7 41.1 135.7 60.1 135.7 98.1 102.7 117.1 69.8 98.1" />
                            <polygon
                                points="139.3 98.1 139.3 60.1 172.2 41.1 205.1 60.1 205.1 98.1 172.2 117.1 139.3 98.1" />
                            <polygon
                                points="208.7 98.1 208.7 60.1 241.6 41.1 274.6 60.1 274.6 98.1 241.6 117.1 208.7 98.1" />
                            <polygon
                                points="278.2 98.1 278.2 60.1 311.1 41.1 344 60.1 344 98.1 311.1 117.1 278.2 98.1" />
                            <polygon
                                points="347.6 98.1 347.6 60.1 380.5 41.1 413.5 60.1 413.5 98.1 380.5 117.1 347.6 98.1" />
                            <polygon
                                points="417.1 98.1 417.1 60.1 450 41.1 482.9 60.1 482.9 98.1 450 117.1 417.1 98.1" />
                            <polygon
                                points="486.5 98.1 486.5 60.1 519.4 41.1 552.4 60.1 552.4 98.1 519.4 117.1 486.5 98.1" />
                            <polygon points="556 98.1 556 60.1 588.9 41.1 621.8 60.1 621.8 98.1 588.9 117.1 556 98.1" />
                            <polygon
                                points="625.4 98.1 625.4 60.1 658.3 41.1 691.3 60.1 691.3 98.1 658.3 117.1 625.4 98.1" />
                            <polygon
                                points="694.9 98.1 694.9 60.1 727.8 41.1 760.7 60.1 760.7 98.1 727.8 117.1 694.9 98.1" />
                            <polygon
                                points="764.3 98.1 764.3 60.1 797.3 41.1 830.2 60.1 830.2 98.1 797.3 117.1 764.3 98.1" />
                            <polygon
                                points="833.8 98.1 833.8 60.1 866.7 41.1 899.6 60.1 899.6 98.1 866.7 117.1 833.8 98.1" />
                            <polygon
                                points="903.2 98.1 903.2 60.1 936.2 41.1 969.1 60.1 969.1 98.1 936.2 117.1 903.2 98.1" />
                            <polygon
                                points="972.7 98.1 972.7 60.1 1005.6 41.1 1038.5 60.1 1038.5 98.1 1005.6 117.1 972.7 98.1" />
                            <polygon
                                points="1042.1 98.1 1042.1 60.1 1075.1 41.1 1108 60.1 1108 98.1 1075.1 117.1 1042.1 98.1" />
                            <polygon
                                points="1111.6 98.1 1111.6 60.1 1144.5 41.1 1177.4 60.1 1177.4 98.1 1144.5 117.1 1111.6 98.1" />
                            <polygon
                                points="1181 98.1 1181 60.1 1214 41.1 1246.9 60.1 1246.9 98.1 1214 117.1 1181 98.1" />
                            <polygon
                                points="1250.5 98.1 1250.5 60.1 1283.4 41.1 1316.3 60.1 1316.3 98.1 1283.4 117.1 1250.5 98.1" />
                            <polygon
                                points="-34.4 158.2 -34.4 120.2 -1.5 101.2 31.4 120.2 31.4 158.2 -1.5 177.2 -34.4 158.2" />
                            <polygon
                                points="35 158.2 35 120.2 67.9 101.2 100.9 120.2 100.9 158.2 67.9 177.2 35 158.2" />
                            <polygon
                                points="104.5 158.2 104.5 120.2 137.4 101.2 170.3 120.2 170.3 158.2 137.4 177.2 104.5 158.2" />
                            <polygon
                                points="173.9 158.2 173.9 120.2 206.8 101.2 239.8 120.2 239.8 158.2 206.8 177.2 173.9 158.2" />
                            <polygon
                                points="243.4 158.2 243.4 120.2 276.3 101.2 309.2 120.2 309.2 158.2 276.3 177.2 243.4 158.2" />
                            <polygon
                                points="312.8 158.2 312.8 120.2 345.7 101.2 378.7 120.2 378.7 158.2 345.7 177.2 312.8 158.2" />
                            <polygon
                                points="382.3 158.2 382.3 120.2 415.2 101.2 448.1 120.2 448.1 158.2 415.2 177.2 382.3 158.2" />
                            <polygon
                                points="451.7 158.2 451.7 120.2 484.6 101.2 517.6 120.2 517.6 158.2 484.6 177.2 451.7 158.2" />
                            <polygon
                                points="521.2 158.2 521.2 120.2 554.1 101.2 587 120.2 587 158.2 554.1 177.2 521.2 158.2" />
                            <polygon
                                points="590.6 158.2 590.6 120.2 623.5 101.2 656.5 120.2 656.5 158.2 623.5 177.2 590.6 158.2" />
                            <polygon
                                points="660.1 158.2 660.1 120.2 693 101.2 725.9 120.2 725.9 158.2 693 177.2 660.1 158.2" />
                            <polygon
                                points="729.5 158.2 729.5 120.2 762.4 101.2 795.4 120.2 795.4 158.2 762.4 177.2 729.5 158.2" />
                            <polygon
                                points="799 158.2 799 120.2 831.9 101.2 864.8 120.2 864.8 158.2 831.9 177.2 799 158.2" />
                            <polygon
                                points="868.4 158.2 868.4 120.2 901.4 101.2 934.3 120.2 934.3 158.2 901.4 177.2 868.4 158.2" />
                            <polygon
                                points="937.9 158.2 937.9 120.2 970.8 101.2 1003.7 120.2 1003.7 158.2 970.8 177.2 937.9 158.2" />
                            <polygon
                                points="1007.3 158.2 1007.3 120.2 1040.3 101.2 1073.2 120.2 1073.2 158.2 1040.3 177.2 1007.3 158.2" />
                            <polygon
                                points="1076.8 158.2 1076.8 120.2 1109.7 101.2 1142.6 120.2 1142.6 158.2 1109.7 177.2 1076.8 158.2" />
                            <polygon
                                points="1146.2 158.2 1146.2 120.2 1179.2 101.2 1212.1 120.2 1212.1 158.2 1179.2 177.2 1146.2 158.2" />
                            <polygon
                                points="1215.7 158.2 1215.7 120.2 1248.6 101.2 1281.5 120.2 1281.5 158.2 1248.6 177.2 1215.7 158.2" />
                            <polygon points="0.2 217.8 0.2 179.8 33.1 160.7 66 179.8 66 217.8 33.1 236.8 0.2 217.8" />
                            <polygon
                                points="69.6 217.8 69.6 179.8 102.5 160.7 135.5 179.8 135.5 217.8 102.5 236.8 69.6 217.8" />
                            <polygon
                                points="139.1 217.8 139.1 179.8 172 160.7 204.9 179.8 204.9 217.8 172 236.8 139.1 217.8" />
                            <polygon
                                points="208.5 217.8 208.5 179.8 241.4 160.7 274.4 179.8 274.4 217.8 241.4 236.8 208.5 217.8" />
                            <polygon
                                points="278 217.8 278 179.8 310.9 160.7 343.8 179.8 343.8 217.8 310.9 236.8 278 217.8" />
                            <polygon
                                points="347.4 217.8 347.4 179.8 380.3 160.7 413.3 179.8 413.3 217.8 380.3 236.8 347.4 217.8" />
                            <polygon
                                points="416.9 217.8 416.9 179.8 449.8 160.7 482.7 179.8 482.7 217.8 449.8 236.8 416.9 217.8" />
                            <polygon
                                points="486.3 217.8 486.3 179.8 519.2 160.7 552.2 179.8 552.2 217.8 519.2 236.8 486.3 217.8" />
                            <polygon
                                points="555.8 217.8 555.8 179.8 588.7 160.7 621.6 179.8 621.6 217.8 588.7 236.8 555.8 217.8" />
                            <polygon
                                points="625.2 217.8 625.2 179.8 658.1 160.7 691.1 179.8 691.1 217.8 658.1 236.8 625.2 217.8" />
                            <polygon
                                points="694.7 217.8 694.7 179.8 727.6 160.7 760.5 179.8 760.5 217.8 727.6 236.8 694.7 217.8" />
                            <polygon
                                points="764.1 217.8 764.1 179.8 797 160.7 830 179.8 830 217.8 797 236.8 764.1 217.8" />
                            <polygon
                                points="833.6 217.8 833.6 179.8 866.5 160.7 899.4 179.8 899.4 217.8 866.5 236.8 833.6 217.8" />
                            <polygon
                                points="903 217.8 903 179.8 935.9 160.7 968.9 179.8 968.9 217.8 935.9 236.8 903 217.8" />
                            <polygon
                                points="972.5 217.8 972.5 179.8 1005.4 160.7 1038.3 179.8 1038.3 217.8 1005.4 236.8 972.5 217.8" />
                            <polygon
                                points="1041.9 217.8 1041.9 179.8 1074.8 160.7 1107.8 179.8 1107.8 217.8 1074.8 236.8 1041.9 217.8" />
                            <polygon
                                points="1111.4 217.8 1111.4 179.8 1144.3 160.7 1177.2 179.8 1177.2 217.8 1144.3 236.8 1111.4 217.8" />
                            <polygon
                                points="1180.8 217.8 1180.8 179.8 1213.8 160.7 1246.7 179.8 1246.7 217.8 1213.8 236.8 1180.8 217.8" />
                            <polygon
                                points="1250.3 217.8 1250.3 179.8 1283.2 160.7 1316.1 179.8 1316.1 217.8 1283.2 236.8 1250.3 217.8" />
                            <polygon
                                points="-34.7 277.6 -34.7 239.6 -1.8 220.6 31.2 239.6 31.2 277.6 -1.8 296.6 -34.7 277.6" />
                            <polygon
                                points="34.8 277.6 34.8 239.6 67.7 220.6 100.6 239.6 100.6 277.6 67.7 296.6 34.8 277.6" />
                            <polygon
                                points="104.2 277.6 104.2 239.6 137.1 220.6 170.1 239.6 170.1 277.6 137.1 296.6 104.2 277.6" />
                            <polygon
                                points="173.7 277.6 173.7 239.6 206.6 220.6 239.5 239.6 239.5 277.6 206.6 296.6 173.7 277.6" />
                            <polygon
                                points="243.1 277.6 243.1 239.6 276 220.6 309 239.6 309 277.6 276 296.6 243.1 277.6" />
                            <polygon
                                points="312.6 277.6 312.6 239.6 345.5 220.6 378.4 239.6 378.4 277.6 345.5 296.6 312.6 277.6" />
                            <polygon
                                points="382 277.6 382 239.6 414.9 220.6 447.9 239.6 447.9 277.6 414.9 296.6 382 277.6" />
                            <polygon
                                points="451.5 277.6 451.5 239.6 484.4 220.6 517.3 239.6 517.3 277.6 484.4 296.6 451.5 277.6" />
                            <polygon
                                points="520.9 277.6 520.9 239.6 553.8 220.6 586.8 239.6 586.8 277.6 553.8 296.6 520.9 277.6" />
                            <polygon
                                points="590.4 277.6 590.4 239.6 623.3 220.6 656.2 239.6 656.2 277.6 623.3 296.6 590.4 277.6" />
                            <polygon
                                points="659.8 277.6 659.8 239.6 692.8 220.6 725.7 239.6 725.7 277.6 692.8 296.6 659.8 277.6" />
                            <polygon
                                points="729.3 277.6 729.3 239.6 762.2 220.6 795.1 239.6 795.1 277.6 762.2 296.6 729.3 277.6" />
                            <polygon
                                points="798.7 277.6 798.7 239.6 831.7 220.6 864.6 239.6 864.6 277.6 831.7 296.6 798.7 277.6" />
                            <polygon
                                points="868.2 277.6 868.2 239.6 901.1 220.6 934 239.6 934 277.6 901.1 296.6 868.2 277.6" />
                            <polygon
                                points="937.6 277.6 937.6 239.6 970.6 220.6 1003.5 239.6 1003.5 277.6 970.6 296.6 937.6 277.6" />
                            <polygon
                                points="1007.1 277.6 1007.1 239.6 1040 220.6 1072.9 239.6 1072.9 277.6 1040 296.6 1007.1 277.6" />
                            <polygon
                                points="1076.5 277.6 1076.5 239.6 1109.5 220.6 1142.4 239.6 1142.4 277.6 1109.5 296.6 1076.5 277.6" />
                            <polygon
                                points="1146 277.6 1146 239.6 1178.9 220.6 1211.8 239.6 1211.8 277.6 1178.9 296.6 1146 277.6" />
                            <polygon
                                points="1215.4 277.6 1215.4 239.6 1248.4 220.6 1281.3 239.6 1281.3 277.6 1248.4 296.6 1215.4 277.6" />
                            <polygon
                                points="-0.1 337.2 -0.1 299.1 32.8 280.1 65.8 299.1 65.8 337.2 32.8 356.2 -0.1 337.2" />
                            <polygon
                                points="69.4 337.2 69.4 299.1 102.3 280.1 135.2 299.1 135.2 337.2 102.3 356.2 69.4 337.2" />
                            <polygon
                                points="138.8 337.2 138.8 299.1 171.7 280.1 204.7 299.1 204.7 337.2 171.7 356.2 138.8 337.2" />
                            <polygon
                                points="208.3 337.2 208.3 299.1 241.2 280.1 274.1 299.1 274.1 337.2 241.2 356.2 208.3 337.2" />
                            <polygon
                                points="277.7 337.2 277.7 299.1 310.6 280.1 343.6 299.1 343.6 337.2 310.6 356.2 277.7 337.2" />
                            <polygon
                                points="347.2 337.2 347.2 299.1 380.1 280.1 413 299.1 413 337.2 380.1 356.2 347.2 337.2" />
                            <polygon
                                points="416.6 337.2 416.6 299.1 449.5 280.1 482.5 299.1 482.5 337.2 449.5 356.2 416.6 337.2" />
                            <polygon
                                points="486.1 337.2 486.1 299.1 519 280.1 551.9 299.1 551.9 337.2 519 356.2 486.1 337.2" />
                            <polygon
                                points="555.5 337.2 555.5 299.1 588.4 280.1 621.4 299.1 621.4 337.2 588.4 356.2 555.5 337.2" />
                            <polygon
                                points="625 337.2 625 299.1 657.9 280.1 690.8 299.1 690.8 337.2 657.9 356.2 625 337.2" />
                            <polygon
                                points="694.4 337.2 694.4 299.1 727.3 280.1 760.3 299.1 760.3 337.2 727.3 356.2 694.4 337.2" />
                            <polygon
                                points="763.9 337.2 763.9 299.1 796.8 280.1 829.7 299.1 829.7 337.2 796.8 356.2 763.9 337.2" />
                            <polygon
                                points="833.3 337.2 833.3 299.1 866.2 280.1 899.2 299.1 899.2 337.2 866.2 356.2 833.3 337.2" />
                            <polygon
                                points="902.8 337.2 902.8 299.1 935.7 280.1 968.6 299.1 968.6 337.2 935.7 356.2 902.8 337.2" />
                            <polygon
                                points="972.2 337.2 972.2 299.1 1005.2 280.1 1038.1 299.1 1038.1 337.2 1005.2 356.2 972.2 337.2" />
                            <polygon
                                points="1041.7 337.2 1041.7 299.1 1074.6 280.1 1107.5 299.1 1107.5 337.2 1074.6 356.2 1041.7 337.2" />
                            <polygon
                                points="1111.1 337.2 1111.1 299.1 1144.1 280.1 1177 299.1 1177 337.2 1144.1 356.2 1111.1 337.2" />
                            <polygon
                                points="1180.6 337.2 1180.6 299.1 1213.5 280.1 1246.4 299.1 1246.4 337.2 1213.5 356.2 1180.6 337.2" />
                            <polygon
                                points="1250 337.2 1250 299.1 1283 280.1 1315.9 299.1 1315.9 337.2 1283 356.2 1250 337.2" />
                            <polygon points="-34.9 397.3 -34.9 359.3 -2 340.2 31 359.3 31 397.3 -2 416.3 -34.9 397.3" />
                            <polygon
                                points="34.6 397.3 34.6 359.3 67.5 340.2 100.4 359.3 100.4 397.3 67.5 416.3 34.6 397.3" />
                            <polygon
                                points="104 397.3 104 359.3 136.9 340.2 169.9 359.3 169.9 397.3 136.9 416.3 104 397.3" />
                            <polygon
                                points="173.5 397.3 173.5 359.3 206.4 340.2 239.3 359.3 239.3 397.3 206.4 416.3 173.5 397.3" />
                            <polygon
                                points="242.9 397.3 242.9 359.3 275.8 340.2 308.8 359.3 308.8 397.3 275.8 416.3 242.9 397.3" />
                            <polygon
                                points="312.4 397.3 312.4 359.3 345.3 340.2 378.2 359.3 378.2 397.3 345.3 416.3 312.4 397.3" />
                            <polygon
                                points="381.8 397.3 381.8 359.3 414.7 340.2 447.7 359.3 447.7 397.3 414.7 416.3 381.8 397.3" />
                            <polygon
                                points="451.3 397.3 451.3 359.3 484.2 340.2 517.1 359.3 517.1 397.3 484.2 416.3 451.3 397.3" />
                            <polygon
                                points="520.7 397.3 520.7 359.3 553.6 340.2 586.6 359.3 586.6 397.3 553.6 416.3 520.7 397.3" />
                            <polygon
                                points="590.2 397.3 590.2 359.3 623.1 340.2 656 359.3 656 397.3 623.1 416.3 590.2 397.3" />
                            <polygon
                                points="659.6 397.3 659.6 359.3 692.5 340.2 725.5 359.3 725.5 397.3 692.5 416.3 659.6 397.3" />
                            <polygon
                                points="729.1 397.3 729.1 359.3 762 340.2 794.9 359.3 794.9 397.3 762 416.3 729.1 397.3" />
                            <polygon
                                points="798.5 397.3 798.5 359.3 831.4 340.2 864.4 359.3 864.4 397.3 831.4 416.3 798.5 397.3" />
                            <polygon
                                points="868 397.3 868 359.3 900.9 340.2 933.8 359.3 933.8 397.3 900.9 416.3 868 397.3" />
                            <g>
                                <polygon id="restartPolygon"
                                    points="937.4 397.3 937.4 359.3 970.4 340.2 1003.3 359.3 1003.3 397.3 970.4 416.3 937.4 397.3" />
                                <text id="restartText" fill="#fff" dy="1.5%" dx="-27">Restart</text>
                            </g>
                            <polygon
                                points="1006.9 397.3 1006.9 359.3 1039.8 340.2 1072.7 359.3 1072.7 397.3 1039.8 416.3 1006.9 397.3" />
                            <polygon
                                points="1076.3 397.3 1076.3 359.3 1109.3 340.2 1142.2 359.3 1142.2 397.3 1109.3 416.3 1076.3 397.3" />
                            <polygon
                                points="1145.8 397.3 1145.8 359.3 1178.7 340.2 1211.6 359.3 1211.6 397.3 1178.7 416.3 1145.8 397.3" />
                            <polygon
                                points="1215.2 397.3 1215.2 359.3 1248.2 340.2 1281.1 359.3 1281.1 397.3 1248.2 416.3 1215.2 397.3" />
                            <polygon
                                points="-0.3 456.8 -0.3 418.8 32.6 399.8 65.6 418.8 65.6 456.8 32.6 475.8 -0.3 456.8" />
                            <polygon
                                points="69.2 456.8 69.2 418.8 102.1 399.8 135 418.8 135 456.8 102.1 475.8 69.2 456.8" />
                            <polygon
                                points="138.6 456.8 138.6 418.8 171.5 399.8 204.5 418.8 204.5 456.8 171.5 475.8 138.6 456.8" />
                            <polygon
                                points="208.1 456.8 208.1 418.8 241 399.8 273.9 418.8 273.9 456.8 241 475.8 208.1 456.8" />
                            <polygon
                                points="277.5 456.8 277.5 418.8 310.4 399.8 343.4 418.8 343.4 456.8 310.4 475.8 277.5 456.8" />
                            <polygon
                                points="347 456.8 347 418.8 379.9 399.8 412.8 418.8 412.8 456.8 379.9 475.8 347 456.8" />
                            <polygon
                                points="416.4 456.8 416.4 418.8 449.3 399.8 482.3 418.8 482.3 456.8 449.3 475.8 416.4 456.8" />
                            <polygon
                                points="485.9 456.8 485.9 418.8 518.8 399.8 551.7 418.8 551.7 456.8 518.8 475.8 485.9 456.8" />
                            <polygon
                                points="555.3 456.8 555.3 418.8 588.2 399.8 621.2 418.8 621.2 456.8 588.2 475.8 555.3 456.8" />
                            <polygon
                                points="624.8 456.8 624.8 418.8 657.7 399.8 690.6 418.8 690.6 456.8 657.7 475.8 624.8 456.8" />
                            <polygon
                                points="694.2 456.8 694.2 418.8 727.1 399.8 760.1 418.8 760.1 456.8 727.1 475.8 694.2 456.8" />
                            <polygon
                                points="763.7 456.8 763.7 418.8 796.6 399.8 829.5 418.8 829.5 456.8 796.6 475.8 763.7 456.8" />
                            <polygon
                                points="833.1 456.8 833.1 418.8 866 399.8 899 418.8 899 456.8 866 475.8 833.1 456.8" />
                            <polygon
                                points="902.6 456.8 902.6 418.8 935.5 399.8 968.4 418.8 968.4 456.8 935.5 475.8 902.6 456.8" />
                            <polygon
                                points="972 456.8 972 418.8 1004.9 399.8 1037.9 418.8 1037.9 456.8 1004.9 475.8 972 456.8" />
                            <polygon
                                points="1041.5 456.8 1041.5 418.8 1074.4 399.8 1107.3 418.8 1107.3 456.8 1074.4 475.8 1041.5 456.8" />
                            <polygon
                                points="1110.9 456.8 1110.9 418.8 1143.8 399.8 1176.8 418.8 1176.8 456.8 1143.8 475.8 1110.9 456.8" />
                            <polygon
                                points="1180.4 456.8 1180.4 418.8 1213.3 399.8 1246.2 418.8 1246.2 456.8 1213.3 475.8 1180.4 456.8" />
                            <polygon
                                points="1249.8 456.8 1249.8 418.8 1282.8 399.8 1315.7 418.8 1315.7 456.8 1282.8 475.8 1249.8 456.8" />
                            <polygon
                                points="-35 516.4 -35 478.4 -2.1 459.4 30.8 478.4 30.8 516.4 -2.1 535.4 -35 516.4" />
                            <polygon
                                points="34.4 516.4 34.4 478.4 67.4 459.4 100.3 478.4 100.3 516.4 67.4 535.4 34.4 516.4" />
                            <polygon
                                points="103.9 516.4 103.9 478.4 136.8 459.4 169.7 478.4 169.7 516.4 136.8 535.4 103.9 516.4" />
                            <polygon
                                points="173.3 516.4 173.3 478.4 206.3 459.4 239.2 478.4 239.2 516.4 206.3 535.4 173.3 516.4" />
                            <polygon
                                points="242.8 516.4 242.8 478.4 275.7 459.4 308.6 478.4 308.6 516.4 275.7 535.4 242.8 516.4" />
                            <polygon
                                points="312.2 516.4 312.2 478.4 345.2 459.4 378.1 478.4 378.1 516.4 345.2 535.4 312.2 516.4" />
                            <polygon
                                points="381.7 516.4 381.7 478.4 414.6 459.4 447.5 478.4 447.5 516.4 414.6 535.4 381.7 516.4" />
                            <polygon
                                points="451.1 516.4 451.1 478.4 484.1 459.4 517 478.4 517 516.4 484.1 535.4 451.1 516.4" />
                            <polygon
                                points="520.6 516.4 520.6 478.4 553.5 459.4 586.4 478.4 586.4 516.4 553.5 535.4 520.6 516.4" />
                            <polygon
                                points="590 516.4 590 478.4 623 459.4 655.9 478.4 655.9 516.4 623 535.4 590 516.4" />
                            <polygon
                                points="659.5 516.4 659.5 478.4 692.4 459.4 725.3 478.4 725.3 516.4 692.4 535.4 659.5 516.4" />
                            <polygon
                                points="728.9 516.4 728.9 478.4 761.9 459.4 794.8 478.4 794.8 516.4 761.9 535.4 728.9 516.4" />
                            <polygon
                                points="798.4 516.4 798.4 478.4 831.3 459.4 864.2 478.4 864.2 516.4 831.3 535.4 798.4 516.4" />
                            <polygon
                                points="867.8 516.4 867.8 478.4 900.8 459.4 933.7 478.4 933.7 516.4 900.8 535.4 867.8 516.4" />
                            <polygon
                                points="937.3 516.4 937.3 478.4 970.2 459.4 1003.1 478.4 1003.1 516.4 970.2 535.4 937.3 516.4" />
                            <polygon
                                points="1006.7 516.4 1006.7 478.4 1039.7 459.4 1072.6 478.4 1072.6 516.4 1039.7 535.4 1006.7 516.4" />
                            <polygon
                                points="1076.2 516.4 1076.2 478.4 1109.1 459.4 1142 478.4 1142 516.4 1109.1 535.4 1076.2 516.4" />
                            <polygon
                                points="1145.6 516.4 1145.6 478.4 1178.6 459.4 1211.5 478.4 1211.5 516.4 1178.6 535.4 1145.6 516.4" />
                            <polygon
                                points="1215.1 516.4 1215.1 478.4 1248 459.4 1280.9 478.4 1280.9 516.4 1248 535.4 1215.1 516.4" />
                        </g>
                        <circle id="redDot" cx="0" cy="0" r="3" fill="red"></circle>
                    </svg>
                </div>

                <div class="container-fuild">
                    <div class="row">
                        <div class="col-lg-12 text-center">
                            <div class="logo-wrapper">
                                <a href="https://cobwebgames.com/">
                                    <img class="lazy"
                                        src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                                        data-src="assets/images/logo.svg" alt="*" />
                                </a>
                            </div>
                            <a href="javascript:;" class="close-menu">X</a>
                        </div>
                    </div>
                    <div class="row" style="border-top:1px solid #fff;">
                        <div class="col-lg-3 col-md-3">
                            <div class="menu-list-wrapper">
                                <h3>Quick Links</h3>
                                <ul class="list-item">
                                    <li><a href="https://cobwebgames.com/">Home</a></li>
                                    <li><a href="https://cobwebgames.com/about-us">About Us</a></li>
                                    <li><a href="https://cobwebgames.com/our-process">Our Process</a></li>
                                    <!-- <li><a href="javascript:;">Client Reviews</a></li> -->
                                    <li><a href="https://cobwebgames.com/portfolio">Our Portfolio</a></li>
                                    <li><a href="https://cobwebgames.com/contact-us">Contact Us</a></li>
                                    <li><a href="https://cobwebgames.com/resource-packs">Resource Packs</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3">
                            <div class="menu-list-wrapper">
                                <h3>Game Art</h3>
                                <ul class="list-item">
                                    <li><a href="https://cobwebgames.com/2d-art">2D art</a></li>
                                    <li><a href="https://cobwebgames.com/3d-art">3D art</a></li>
                                    <li><a href="https://cobwebgames.com/3d-character-modeling">3D Character Design</a>
                                    </li>
                                    <li><a href="https://cobwebgames.com/3d-environment-design">3D Environment Design</a>
                                    </li>
                                    <li><a href="https://cobwebgames.com/3d-game-modeling">3D Game Model</a></li>
                                    <li><a href="https://cobwebgames.com/3d-illustration-services">3D Illustration
                                            Services</a></li>
                                    <li><a href="https://cobwebgames.com/character-design">Character Design</a></li>
                                    <li><a href="https://cobwebgames.com/environment-design">Environment design</a></li>
                                    <li><a href="https://cobwebgames.com/game-level-design">Game Level Design</a></li>
                                    <li><a href="https://cobwebgames.com/ui-ux-design">UIUX Design</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3">
                            <div class="menu-list-wrapper">
                                <h3>Game Development</h3>
                                <ul class="list-item">
                                    <li><a href="https://cobwebgames.com/3d-game-development">3D Game Development</a></li>
                                    <!--<li><a href="http://cobwebgames.com/ai-game-development">AI Game Development</a></li>-->
                                    <!--<li><a href="http://cobwebgames.com/blockchain-game-development">Blockchain Game</a>-->
                                    <!--</li>-->
                                    <li><a href="https://cobwebgames.com/game-prototyping">Game Prototyping</a></li>
                                    <li><a href="https://cobwebgames.com/game-testing">Game Testing</a></li>
                                    <li><a href="https://cobwebgames.com/mobile-game-development">Mobile Game</a></li>
                                    <li><a href="https://cobwebgames.com/play-to-earn-game">Play to Earn Games</a></li>
                                    <li><a href="https://cobwebgames.com/unity-game-development">Unity game</a></li>
                                    <li><a href="https://cobwebgames.com/unreal-engine-game-development">Unreal engine
                                            game</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3">
                            <div class="menu-list-wrapper">
                                <h3>Game Animation</h3>
                                <ul class="list-item">
                                    <li><a href="https://cobwebgames.com/2d-animation">2D Animation</a></li>
                                    <li><a href="https://cobwebgames.com/3d-animation">3D Animation</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="border-top:1px solid #fff;">
                        <div class="col-lg-3 col-md-6">
                            <div class="contact-wraper">
                                <h4>Call Us</h4>
                                <span>
                                    <i class="fas fa-phone-volume"></i>
                                    <a href="tel:(855) 773-1064">(855) 773-1064</a>
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6"> 
                            <div class="contact-wraper">
                                <h4>Email Us</h4>
                                <span>
                                    <i class="fas fa-envelope"></i>
                                    <a href="tel:support@cobwebgames.co"><span class="__cf_email__" data-cfemail="becdcbceced1cccafeddd1dcc9dbdcd9dfd3dbcd90ddd1">[email&#160;protected]</span></a>
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="contact-wraper">
                                <h4>Address</h4>
                                <span>
                                    <i class="fas fa-map-marker-alt"></i>
                                    <a href="javascript:;" class="addres">580 California Street San Francisco CA 94104
                                    </a>
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="contact-wraper">
                                <h4>Follow Us</h4>
                                <ul class="ssm-icons d-flex align-items-center">
                                    <li><a href="https://www.youtube.com/@cobweb-games" class="icon-dri"><i
                                                class="fa-brands fa-youtube"></i></a></li>
                                    <!--<li><a href="javascript:;" class="icon-twt"><img-->
                                    <!--            src="assets/images/twitterx.svg" alt="*"></a></li>-->
                                    <li><a href="https://www.facebook.com/profile.php?id=61563748882713" class="icon-fb"
                                            target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="https://www.linkedin.com/company/cobweb-games1" class="icon-link"
                                            target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="https://www.instagram.com/cobweb.games/" class="icon-inst"
                                            target="_blank"><i class="fab fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
	<section class="home-banner d-flex" style="background-image: url(assets/images/home-banner.webp);">
		<img class="banner-shadow" src="assets/images/banner-img-shpe.webp" alt="*">
		<div class="container align-self-center">
			<div class="row">
				<div class="col-lg-6">
					<div class="content">
						<h5>Cobweb Games</h5>
						<h1>Game Art and <b>Development </b>Studio</h1>
						<p>We are a premier game development company dedicated to transforming concepts into fully
							playable games.</p>
						<ul class="btn-wrap d-flex align-items-center">
							<li>
								<a href="contact-us" class="btn-size btn-purple popup">Get Started</a>
							</li>
							<li>
								<a href="javascript:;" class="chat btn-size btn-green">Live Chat</a>
							</li>
						</ul>
						<div class="play-btn">
							<a href="https://youtu.be/MP_LpdaMPLg?si=kWwTNF17qsRtsJns" data-fancybox="iframe">
								<span class="icon">
									<i class="fa-solid fa-play"></i>
								</span>
								<span>Latest Showreel</span>
							</a>
						</div>
					</div>
				</div>
				<div class="col-lg-6">
					<div class="banner-tabs">
						<ul class="d-flex align-items-center">
							<li id="btn1">
								<img class="lazy"
									src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
									data-src="assets/images/banner-img-icon-01.webp" alt="*" />
								<div class="progress"></div>
							</li>
							<li id="btn2">
								<img class="lazy"
									src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
									data-src="assets/images/banner-img-icon-02.webp" alt="*" />
								<div class="progress"></div>
							</li>
							<li id="btn3">
								<img class="lazy"
									src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
									data-src="assets/images/banner-img-icon-03.webp" alt="*" />
								<div class="progress"></div>
							</li>
							<li id="btn4">
								<img class="lazy"
									src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
									data-src="assets/images/banner-img-icon-04.webp" alt="*" />
								<div class="progress"></div>
							</li>
						</ul>
					</div>
					<div class="image-container">
						<div class="img-wrap" id="img1">
							<img class="char-01 lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/banner-char-01.png" alt="*" />
							<img class="char-gif lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/banner-imgs-bg.gif" alt="*" />
							<!--<video class="char-gif lazy" autoplay muted loop playsinline>-->
							<!--	<source data-src="assets/images/banner-imgs-bg.webm" type="video/webm">-->
							<!--</video>-->
						</div>
						<div class="img-wrap" id="img2">
							<img class="char-01 lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/banner-char-02.webp" alt="*" />
							<img class="char-gif lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/banner-imgs-bg.gif" alt="*" />
							<!--<video class="char-gif lazy" autoplay muted loop playsinline>-->
							<!--	<source data-src="assets/images/banner-imgs-bg.webm" type="video/webm">-->
							<!--</video>-->
						</div>
						<div class="img-wrap" id="img3">
							<img class="char-01 lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/banner-char-03.webp" alt="*" />
							<img class="char-gif lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/banner-imgs-bg.gif" alt="*" />
							<!--<video class="char-gif lazy" autoplay muted loop playsinline>-->
							<!--	<source data-src="assets/images/banner-imgs-bg.webm" type="video/webm">-->
							<!--</video>-->
						</div>
						<div class="img-wrap" id="img4">
							<img class="char-01 lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/banner-char-04.webp" alt="*" />
							<img class="char-gif lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/banner-imgs-bg.gif" alt="*" />
							<!--<video class="char-gif lazy" autoplay muted loop playsinline>-->
								<!--<source data-src="assets/images/banner-imgs-bg.webm" type="video/webm">-->
							<!--	<source data-src="assets/images/banner-imgs-bg.webm" type="video/webm">-->
							<!--</video>-->
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="h-sec-2">
		<svg class="bg" width="1440" height="1042" viewBox="0 0 1440 1042" fill="none"
			xmlns="http://www.w3.org/2000/svg">
			<g filter="url(#filter0_f_234_493)">
				<path d="M1447.5 821.5C1313 688 837.299 613.9 544.499 565.5C178.499 505 -60.5006 268 -33.0006 213"
					stroke="#5339F8" stroke-width="55" />
			</g>
			<defs>
				<filter id="filter0_f_234_493" x="-262.656" y="0.70166" width="1929.53" height="1040.32"
					filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
					<feFlood flood-opacity="0" result="BackgroundImageFix" />
					<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
					<feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_234_493" />
				</filter>
			</defs>
		</svg>
		<div class="text-outline">
			<svg class="txt">
				<text x="50%" y="50%" dy=".35em" text-anchor="middle">
					Cobweb
				</text>
			</svg>
		</div>
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-6">
					<h2 class="main-heading">What is Different About Cobweb Games?</h2>
				</div>
				<div class="col-lg-4">
					<p>Cobweb Games excels in crafting thrilling gaming worlds with exceptional projects and vibrant
						art, acclaimed by top-tier video game companies.</p>
				</div>
				<div class="col-lg-2">
					<a href="about-us.php">Read More <i class="fa-solid fa-arrow-right-long"></i></a>
				</div>
			</div>
			<div class="row mob-slider">
				<div class="col-lg-3 col-md-6">
					<div class="box-wraper">
						<div class="img-wrap">
							<img class="lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/long-term.webp" alt="*" />
						</div>
						<div class="content">
							<h3>Long-Term Partnership</h3>
							<p>We prioritize long-term partnerships, fostering enduring relationships with clients to
								consistently deliver exceptional game development services that evolve with industry
								trends and client needs.</p>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="box-wraper">
						<div class="img-wrap">
							<img class="lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/holistic.webp" alt="*" />
						</div>
						<div class="content">
							<h3>Holistic Solutions</h3>
							<p>Our holistic solutions encompass every aspect of game development, from concept to
								launch, ensuring a seamless and comprehensive approach tailored to your unique project
								requirements.</p>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="box-wraper">
						<div class="img-wrap">
							<img class="lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/pro-team.webp" alt="*" />
						</div>
						<div class="content">
							<h3>Pro 3D Modelers</h3>
							<p>Our exceptional 3D modelers, and animators collaborates closely to create cutting edge
								games, blending expertise and creativity for the extraordinary results.</p>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="box-wraper">
						<div class="img-wrap">
							<img class="lazy"
								src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
								data-src="assets/images/premium.webp" alt="*" />
						</div>
						<div class="content">
							<h3>Premium Edition Games</h3>
							<p>We specialize in creating games that captivate players, offering immersive experiences
								and innovative gameplay that sets new industry standards.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="cta-sec-n" style="background-image: url(assets/images/cta1-bg.webp);">
	<div class="container-fluid">
		<div class="row">
			<div class="col-lg-6">
				<h4 class="sm-head">Cobweb Studios</h4>
				<h2 class="main-heading">Have A Great Idea? <b class="c-green">Let's Begin!</b></h2>
				<p>Ready to take your game to the next level? Contact us now, and let's get started!</p>
				<ul class="btn-wrap d-flex align-items-center">
					<li>
						<a href="javascript:;" class="chat btn-size btn-white">Live Chat</a>
					</li>
					<li>
						<a href="contact-us" class="btn-size btn-green popup">Get Started</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-6">
				<div class="img-wrap">
					 <img class="lazy"
						src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
						data-src="assets/images/cta-char-01.gif" alt="*" />
					<!--<video class="lazy" autoplay muted loop playsinline>-->
					<!--	<source data-src="assets/images/cta-char-01.webm" type="video/webm">-->
					<!--	Your browser does not support the video tag.-->
					<!--</video>-->
				</div>
			</div>
		</div>
	</div>
</section>
	<section class="home-services game-art">
		<h2 class="serv-main text-center"><span>our</span> Services</h2>
		<div class="container serv-bg" style="background-image:url(assets/images/game-art-bg.webp)">
			<div class="outline-head">
				<h3>Game <span>Art</span></h3>
			</div>
			<div class="row align-items-center">
				<div class="col-lg-6">
					<div class="img-wrap">
						<img class="img-01 lazy"
							src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
							data-src="assets/images/game-art-img-01.webp" alt="*" />
						<img class="img-02 lazy"
							src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
							data-src="assets/images/banner-imgs-bg.gif" alt="*" />
					</div>
				</div>
				<div class="col-lg-6">
					<div class="content-wrap">
						<h2 class="main-heading">Game <b class="c-green">Art</b></h2>
						<p>We provide expert game art outsourcing services for video games. Our artists create vibrant
							2D and detailed 3D graphics, including concept art, characters, environments, and more.
							Whether a match needs flashy AAA art or casual illustrations, their team delivers
							top-quality game assets. With experience in various styles and genres, we help indie studios
							and major publishers bring your visions to life through compelling visuals.</p>
						<ul class="btn-wrap d-flex align-items-center">
							<li>
								<a href="https://cobwebgames.com/game-art" class="btn-size btn-green popup">Read More</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container slider-sec">
			<div class="row align-items-center">
				<div class="col-lg-6">
					<ul class="slider-content">
						<li>
							<h3>2D art</h3>
						</li>
						<li>
							<h3>3D art</h3>
						</li>
						<li>
							<h3>3D Character Design</h3>
						</li>
						<li>
							<h3>3D Environment Design</h3>
						</li>
						<li>
							<h3>3D Game Model</h3>
						</li>
						<li>
							<h3>3D Illustration Services</h3>
						</li>
						<li>
							<h3>Character Design</h3>
						</li>
						<li>
							<h3>Environment design</h3>
						</li>
						<li>
							<h3>Game Level Design</h3>
						</li>
						<li>
							<h3>UIUX Design</h3>
						</li>
					</ul>
				</div>
				<div class="col-lg-6">
					<ul class="thumb-slider">
						<li class="2d_art">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/2d-art/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/2d-art/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/2d-art/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/2d-art/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/2d-art/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/2d-art/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="3d_art">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-art/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-art/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-art/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-art/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-art/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-art/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="3d_character">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-character/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-character/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-character/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-character/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-character/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-character/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="3d_environment">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-environment/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-environment/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-environment/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-environment/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-environment/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-environment/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="3d_game">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-game/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-game/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-game/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-game/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-game/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-game/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="3d_illustration">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-illustration/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-illustration/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-illustration/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-illustration/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-illustration/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-illustration/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="character_design">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/character-design/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/character-design/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/character-design/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/character-design/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/character-design/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/character-design/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="environment_design">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/environment-design/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/environment-design/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/environment-design/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/environment-design/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/environment-design/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/environment-design/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="game_level">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/game-level/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/game-level/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/game-level/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/game-level/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/game-level/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/game-level/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="uiux">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/uiux/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/uiux/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/uiux/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/uiux/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/uiux/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/uiux/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
					</ul>
					<div class="fixed-content">
						<h3>Our Works</h3>
						<ul class="btn-wrap d-flex align-items-center">
							<li>
								<a href="contact-us" class="btn-size btn-purple popup">Get Started</a>
							</li>
							<li>
								<a href="javascript:;" class="chat btn-size btn-green">Live Chat</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="home-services game-animation">
		<div class="container serv-bg"
			style="background-image:url(assets/images/game-animation-bg.webp)">
			<div class="outline-head">
				<h3>Game <span>Development</span></h3>
			</div>
			<div class="row align-items-center">
				<div class="col-lg-6">
					<div class="content-wrap">
						<h2 class="main-heading">Game <b class="c-green">Development</b></h2>
						<p class="w-100 custom-height-scroll">
							We offer full-service game development from initial concept to worldwide launch. Our skilled
							teams have the expertise to bring any
							vision to life, whether it be for console, mobile, VR/AR, or other platforms. Through
							collaborative prototyping and an iterative polishing process,
							we focus on crafting immersive experiences that truly engage players. <br><br> Behind the
							scenes, our backend solutions seamlessly handle player data
							to enhance the gameplay. Global product releases are our specialty, as we can manage every
							stage of production from ideation to live operations and
							ensure your game delights audiences around the world.
						</p>
						<ul class="btn-wrap d-flex align-items-center">
							<li>
								<a href="https://cobwebgames.com/game-development" class="btn-size btn-green popup">Read
									More</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-6">
					<div class="img-wrap">
						<!--<video class="img-01 lazy" autoplay muted loop playsinline>-->
						<!--	<source data-src="assets/images/game-animation-img.webm" type="video/webm">-->
						<!--</video>-->
						<img class="lazy img-01"
						src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
						data-src="assets/images/game-animation-img.gif" alt="*" />
					</div>
				</div>
			</div>
		</div>
		<div class="container slider-sec">
			<div class="row align-items-center">
				<div class="col-lg-6">
					<ul class="slider-content">
						<li>
							<h3>3D Game Development</h3>
						</li>
						<li>
							<h3>AI Game Development</h3>
						</li>
						<li>
							<h3>Blockchain Game</h3>
						</li>
						<li>
							<h3>Game Prototyping</h3>
						</li>
						<li>
							<h3>Game Testing</h3>
						</li>
						<li>
							<h3>Mobile Game</h3>
						</li>
						<li>
							<h3>Play to Earn Games</h3>
						</li>
						<li>
							<h3>Unity game</h3>
						</li>
						<li>
							<h3>Unreal engine game</h3>
						</li>
					</ul>
				</div>
				<div class="col-lg-6">
					<ul class="thumb-slider">
						<li class="3d-game">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-game-developmnt/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-game-developmnt/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-game-developmnt/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-game-developmnt/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-game-developmnt/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-game-developmnt/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="ai_game">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/ai-game/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/ai-game/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/ai-game/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/ai-game/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/ai-game/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/ai-game/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="blockchain_game">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/blockchain-game/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/blockchain-game/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/blockchain-game/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/blockchain-game/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/blockchain-game/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/blockchain-game/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="game_prototyping">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/game-prototyping/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/game-prototyping/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/game-prototyping/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/game-prototyping/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/game-prototyping/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/game-prototyping/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="game_testing">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/game-testing/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/game-testing/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/game-testing/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/game-testing/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/game-testing/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/game-testing/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="mobile_game">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/mobile-game/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/mobile-game/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/mobile-game/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/mobile-game/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/mobile-game/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/mobile-game/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="earn_game">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/earn-games/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/earn-games/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/earn-games/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/earn-games/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/earn-games/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/earn-games/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="unity_game">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/unity-game/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/unity-game/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/unity-game/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/unity-game/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/unity-game/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/unity-game/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="unreal_game">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/unreal-game/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/unreal-game/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/unreal-game/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/unreal-game/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/unreal-game/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/unreal-game/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
					</ul>
					<div class="fixed-content">
						<h3>Our Works</h3>
						<ul class="btn-wrap d-flex align-items-center">
							<li>
								<a href="contact-us" class="btn-size btn-purple popup">Get Started</a>
							</li>
							<li>
								<a href="javascript:;" class="chat btn-size btn-green">Live Chat</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="home-services game-develp">
		<div class="container serv-bg"
			style="background-image:url(assets/images/game-art-bg.webp);background-size: cover;">
			<div class="outline-head">
				<h3>Game <span>Animation</span></h3>
			</div>
			<div class="row align-items-center">
				<div class="col-lg-6">
					<div class="img-wrap">
						<!--<video class="img-01 lazy" autoplay muted loop playsinline>-->
						<!--	<source data-src="assets/images/game-development-img-01.webm" type="video/webm">-->
						<!--	Your browser does not support the video tag.-->
						<!--</video>-->
						<img class="lazy img-01"
						src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
						data-src="assets/images/game-development-img-01.gif" alt="*" />
						<img class="lazy img-02"
						src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
						data-src="assets/images/game-development-img-02.gif" alt="*" />
						<!--<video class="img-02 lazy" autoplay muted loop playsinline>-->
						<!--	<source data-src="assets/images/game-development-img-02.webm" type="video/webm">-->
						<!--	Your browser does not support the video tag.-->
						<!--</video>-->
					</div>
				</div>
				<div class="col-lg-6">
					<div class="content-wrap">
						<h2 class="main-heading">Game <b class="c-green">Animation</b></h2>
						<p>Let our animation expertise bring your game vision to life. As a leading animation studio, we
							can design breathtaking visual effects and animate characters with fluid realism. Whether
							you need 2D or 3D art, our professional animators will craft optimized animations to enhance
							gameplay and fulfill your creative goals. Outsource to our studio for top-quality character
							motions and spectacular scenes that captivate players from start to finish.</p>
						<ul class="btn-wrap d-flex align-items-center">
							<li>
								<a href="https://cobwebgames.com/game-animation" class="btn-size btn-green popup">Read
									More</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container slider-sec">
			<div class="row align-items-center">
				<div class="col-lg-6">
					<ul class="slider-content">
						<li>
							<h3>2D Animation</h3>
						</li>
						<li>
							<h3>3D Animation</h3>
						</li>
						<li>
							<h3>2D Animation</h3>
						</li>
						<li>
							<h3>3D Animation</h3>
						</li>
					</ul>
				</div>
				<div class="col-lg-6">
					<ul class="thumb-slider">
						<li class="2d_animation">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/2d-animation/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/2d-animation/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/2d-animation/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/2d-animation/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/2d-animation/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/2d-animation/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="3d_animation">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-animation/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-animation/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-animation/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-animation/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-animation/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-animation/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="2d_animation">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/2d-animation/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/2d-animation/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/2d-animation/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/2d-animation/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/2d-animation/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/2d-animation/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
						<li class="3d_animation">
							<div class="h-serv-inner-port">
								<div class="row">
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-animation/1.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-animation/1.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-animation/2.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-animation/2.webp"
												alt="*">
										</a>
									</div>
									<div class="col-md-4">
										<a href="assets/images/portfolio/home-sliders/3d-animation/3.webp"
											data-fancybox="" tabindex="0">
											<img src="assets/images/portfolio/home-sliders/3d-animation/3.webp"
												alt="*">
										</a>
									</div>
								</div>
							</div>
						</li>
					</ul>
					<div class="fixed-content">
						<h3>Our Works</h3>
						<ul class="btn-wrap d-flex align-items-center">
							<li>
								<a href="contact-us" class="btn-size btn-purple popup">Get Started</a>
							</li>
							<li>
								<a href="javascript:;" class="chat btn-size btn-green">Live Chat</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="h-sec-3">
    <svg class="bg" width="1440" height="2194" viewBox="0 0 1440 2194" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g style="mix-blend-mode:color-dodge" opacity="0.8" filter="url(#filter0_f_12_1176)">
            <path
                d="M1539 597.872C1335.12 878.653 962.175 979.363 576.834 1047.61C95.1584 1132.91 -168.31 1524.42 -146.5 1651.5"
                stroke="#5339F8" stroke-width="265" />
        </g>
        <defs>
            <filter id="filter0_f_12_1176" x="-800.244" y="0.0192871" width="2966.46" height="2193.89"
                filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                <feFlood flood-opacity="0" result="BackgroundImageFix" />
                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
                <feGaussianBlur stdDeviation="260" result="effect1_foregroundBlur_12_1176" />
            </filter>
        </defs>
    </svg>
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center relative">
                <div class="text-outline">
                    <svg class="txt">
                        <text x="50%" y="50%" dy=".35em" text-anchor="middle">
                            Cobweb
                        </text>
                    </svg>
                </div>
                <h6>PLATFORMS</h6>
                <h2 class="main-heading">Key Devices <b class="c-green">We</b> Develop <br><b class="c-green">Games</b>
                    For</h2>
            </div>
        </div>
        <div class="row">
            <div class="  col-sm-12 col-md-4 col-lg-4">
                <div class="box-wrap">
                    <div class="img-wrap">
                        <img class="lazy"
                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                            data-src="assets/images/h-sec-4-img-01.webp" alt="*" />
                    </div>
                    <div class="content">
                        <h3>PC Game</h3>
                        <p>The creative game artists create amazing games for every audience. From storyboards to
                            character designs, our game artists can bring any concept or idea to life with their
                            skillful hands and creative minds.</p>
                    </div>
                </div>
            </div>
            <div class="  col-sm-12 col-md-4 col-lg-4">
                <div class="box-wrap">
                    <div class="img-wrap">
                        <img class="lazy"
                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                            data-src="assets/images/h-sec-4-img-02.webp" alt="*" />
                    </div>
                    <div class="content">
                        <h3>VR Game</h3>
                        <p>Our team of VR artist helps you to see the real world through the eyes of our creativity. our
                            VR artists can bring any concept or idea to life with their skillful hands and creative
                            minds.</p>
                    </div>
                </div>
            </div>
            <div class="  col-sm-12 col-md-4 col-lg-4">
                <div class="box-wrap">
                    <div class="img-wrap">
                        <img class="lazy"
                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                            data-src="assets/images/h-sec-4-img-03.webp" alt="*" />
                    </div>
                    <div class="content">
                        <h3>Mobile Game</h3>
                        <p>Our talented game artists create amazing mobile games for every audience. From idea to
                            character designs, our exceptional game artists can bring the best on the table with the
                            amazing quality.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
	<div class="marquee">
		<span>Technologies <b>*</b> Technologies <b>*</b></span>
		<span>Technologies <b>*</b> Technologies <b>*</b></span>
		<span>Technologies <b>*</b> Technologies <b>*</b></span>
		<span>Technologies <b>*</b> Technologies <b>*</b></span>
	</div>

	<section class="tech-sec">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 text-center">
				<h4>Technologies</h4>
				<h2 class="main-heading">Our <b class="c-green">Technology</b> Stack</h2>
			</div>
		</div>
		<div class="row mob-slider">
			<div class="col-lg-3 col-md-4">
				<div class="logo-box-wrap">
					<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/techs/logo-01.webp" alt="*"/>
				</div>
			</div>
			<div class="col-lg-3 col-md-4">
				<div class="logo-box-wrap">
					<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/techs/logo-02.webp" alt="*"/>
				</div>
			</div>
			<div class="col-lg-3 col-md-4">
				<div class="logo-box-wrap">
					<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/techs/logo-03.webp" alt="*"/>
				</div>
			</div>
			<div class="col-lg-3 col-md-4">
				<div class="logo-box-wrap">
					<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/techs/logo-04.webp" alt="*"/>
				</div>
			</div>
			<div class="col-lg-3 col-md-4">
				<div class="logo-box-wrap">
					<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/techs/logo-05.webp" alt="*"/>
				</div>
			</div>
			<div class="col-lg-3 col-md-4">
				<div class="logo-box-wrap">
					<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/techs/logo-09.webp" alt="*"/>
				</div>
			</div>
			<div class="col-lg-3 col-md-4">
				<div class="logo-box-wrap">
					<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/techs/logo-07.webp" alt="*"/>
				</div>
			</div>
			<div class="col-lg-3 col-md-4">
				<div class="logo-box-wrap">
					<img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="assets/images/techs/logo-08.webp" alt="*"/>
				</div>
			</div>			
		</div>
	</div>
</section>
	<section class="review-sec">
<svg width="1440" height="1481" viewBox="0 0 1440 1481" fill="none" xmlns="http://www.w3.org/2000/svg">
	<g filter="url(#filter0_f_234_1175)">
		<path d="M1483 207C1348.47 441.749 872.655 572.048 579.785 657.156C213.699 763.541 -25.3582 1180.29 2.14835 1277" stroke="#5339F8" stroke-width="25" />
	</g>
	<defs>
	<filter id="filter0_f_234_1175" x="-212.5" y="0.784668" width="1906.34" height="1479.63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
	<feFlood flood-opacity="0" result="BackgroundImageFix" />
	<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
	<feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_234_1175" />
	</filter>
	</defs>
</svg>
	<div class="container">
		<div class="row">
			<div class="col-lg-12 text-center">
				<h4>Testimonials</h4>
				<h2 class="main-heading">What Our <b class="c-green">Clients</b> Say <b class="c-green">About</b> Us!</h2>
			</div>
			<ul class="review-slider">
				<li>
					<div class="box-wraper">
						<div class="box-child">
							<p>We were extremely pleased with the character and environmental concepts created by the Cobweb Game art team. Their creative and skilled designers understood our vision for a fantasy RPG world. Not only did the art capture the aesthetic we envisioned, but it was also optimized beautifully for gameplay. We will definitely utilize their art services on future projects.</p>
							<div class="bottom">
								<span>
									<img src="assets/images/avatar-01.webp" alt="*">
								</span>
								<span>
									<h5>Jacob Shaw</h5>
								</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="box-wraper">
						<div class="box-child">
							<p>The animations Cobweb Game developed took our game to the next level. Characters moved with realistic fluidity yet retained their intended graphic styles. Players particularly mentioned how immersive the animations made combat and exploration feel. It was also impressive to see how the team adhered to our tight schedules while maintaining high-quality work.</p>
							<div class="bottom">
								<span>
									<img src="assets/images/avatar-02.webp" alt="*">
								</span>
								<span>
									<h5>Sebastian Shane</h5>
								</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="box-wraper">
						<div class="box-child">
							<p>From early prototyping through worldwide launch, Cobweb Game drove our indie game from idea to finished product. Their development expertise and detailed feedback helped refine our game design at every stage. Moreover, their professional project management and programming allowed us to realize our vision on an expedited timeline and budget. We could not be happier with the development services or the successful final product.</p>
							<div class="bottom">
								<span>
									<img src="assets/images/avatar-02.webp" alt="*">
								</span>
								<span>
									<h5>Linda Harris</h5>
								</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="box-wraper">
						<div class="box-child">
							<p>Cobweb Games has been an absolute pleasure to work with! Their creativity and attention to detail are unmatched. The team was highly responsive to our feedback and delivered a game that exceeded our expectations. We can't wait to collaborate on our next project.</p>
							<div class="bottom">
								<span>
									<img src="assets/images/avatar-01.webp" alt="*">
								</span>
								<span>
									<h5>Thomas Riley</h5>
								</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="box-wraper">
						<div class="box-child">
							<p>The game developed by Cobweb Games was fantastic and really captivated our audience. They delivered everything according to the requirements, and everything was on time. The quality of their work is superb, and their customer service is excellent.</p>
							<div class="bottom">
								<span>
									<img src="assets/images/avatar-01.webp" alt="*">
								</span>
								<span>
									<h5>David Keith.</h5>
								</span>
							</div>
						</div>
					</div>
				</li>				
			</ul>
		</div>
	</div>
</section>
	<section class="cta-02">
	<img class="cta-bg" src="assets/images/cta-02-bg.webp" alt="*">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-5">
				<div class="img-wrap">
					<!--<video class="lazy" autoplay muted loop playsinline>-->
					<!--	<source data-src="assets/images/cta-car.webm" type="video/webm">-->
					<!--</video>-->
					<img class="lazy"
                            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                            data-src="assets/images/cta-car.gif" alt="*" />
				</div>
			</div>
			<div class="col-lg-7">
				<h2 class="main-heading">Bring Your Ideas to <b class="c-green">Playable Reality!</b></h2>
				<ul class="btn-wrap d-flex align-items-center">
					<li>
						<a href="contact-us" class="btn-size btn-white popup">Get Started</a>
					</li>
					<li>
						<a href="javascript:;" class="chat btn-size btn-green">Live Chat</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</section>
	<section class="faq-sec">
	<div class="container">
		<div class="row">
			<div class="col-lg-6">
				<h3 class="sm-head">FAQ’s</h3>
				<h2 class="main-heading">Frequently Asked <b class="c-green">Questions</b></h2>
				<div class="accordion">
					<div class="accordion-item">
						<button id="accordion-button-1" aria-expanded="true"><span class="accordion-title">What services
								do you offer in-game art and development? </span><span class="icon"
								aria-hidden="true"></span></button>
						<div class="accordion-content">
							<p>We provide comprehensive game development services, including concept design, 2D and 3D
								art creation,
								animation, programming, and full game production. Our team ensures that each project
								meets industry standards
								and client expectations.</p>
						</div>
					</div>
					<div class="accordion-item">
						<button id="accordion-button-2" aria-expanded="false"><span class="accordion-title">How do you
								ensure the quality of your game art?</span><span class="icon"
								aria-hidden="true"></span></button>
						<div class="accordion-content">
							<p>Our experienced artists stay updated with the latest market trends and utilize
								cutting-edge tools. Rigorous quality control processes, client feedback integration, and
								iterative refinement ensure that the final artwork is unique and high-quality.</p>
						</div>
					</div>
					<div class="accordion-item">
						<button id="accordion-button-3" aria-expanded="false"><span class="accordion-title">Can you
								develop both mobile and PC games?</span><span class="icon"
								aria-hidden="true"></span></button>
						<div class="accordion-content">
							<p>We specialize in developing games for multiple platforms, including mobile (iOS and
								Android) and PC. Our team is adept at optimizing games for different devices, ensuring a
								seamless and engaging player experience.</p>
						</div>
					</div>
					<div class="accordion-item">
						<button id="accordion-button-4" aria-expanded="false"><span class="accordion-title">What is your
								typical project timeline?</span><span class="icon" aria-hidden="true"></span></button>
						<div class="accordion-content">
							<p>The project timeline varies based on scope and complexity. After an initial consultation,
								we provide a detailed timeline. Most projects range from a few months to a year, with
								regular updates and milestones throughout development.</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-6">
				<div class="img-wrap">
					<img class="img-01 lazy"
						src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
						data-src="assets/images/faq-img-01.webp" alt="*">
					<img class="img-02 lazy"
						src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
						data-src="assets/images/faq-img-02.webp" alt="*">

					<!--<video class="lazy" autoplay muted loop playsinline>-->
					<!--	<source data-src="assets/images/fire.webm" type="video/webm">-->
					<!--</video>-->
					<img class="img-03 lazy"
						src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
						data-src="assets/images/fire.gif" alt="*">
				</div>
			</div>
		</div>
	</div>
</section>
	<section class="footer-form" id="footer-form">
	<div class="container">
		<div class="row relative">
			<div class="col-lg-6">
				<h2 class="main-heading c-dark">Looking for a game development team?</h2>
				<p>We would love to hear your game idea!</p>
				<ul class="btn-wrap d-flex align-items-center">
					<li>
						<a href="contact-us" class="btn-size btn-white popup">Get Started</a>
					</li>
					<li>
						<a href="javascript:;" class="chat btn-size btn-purple">Live Chat</a>
					</li>
				</ul>
				<h6>Awards & Achievements</h6>
			<ul>
    <li>
        <a href="https://www.bark.com/en/us/company/cobweb-games/LeAebK/" target="_blank">
            <img src="assets/images/badges-03.png" alt="">
        </a>
    </li>

    <li>
        <a href="https://www.designrush.com/agency/software-development/gaming" target="_blank">
            <img src="assets/images/agency.png" alt="">
            Design Rush
        </a>
    </li>

    <li>
        <a href="https://www.goodfirms.co/company/cobweb-games" target="_blank">
            <img src="assets/images/good-firms.png" alt="">
        </a>
        <!-- <div class="goodfirm-widget"
            data-widget-type="goodfirms-widget-t6"
            data-widget-pattern="star-no-review"
            data-height="100"
            data-company-id="195811">
		</div> -->
    </li>
</ul>
			</div>
			<div class="col-lg-6">
				<div class="form-wraper">
					<h5 class="sm-head text-uppercase">Lets Discuss </h5>
					<h2 class="main-heading">Your Project?</h2>
					<form action="mail" method="POST">
						<div class="field-wrap">
							<input type="text" name="name" placeholder="Your Name">
						</div>
						<div class="field-wrap">
							<input type="email" name="email" placeholder="Email Address">
						</div>
						<div class="field-wrap">
							<input type="tel" name="phone" id="phone_input" maxlength="11" onkeypress="return ((event.charCode >= 48 && event.charCode <= 57))" placeholder="Phone Number" required>
							<span id="phone_error" class="error-message">Invalid Phone Number</span>
						</div>
						<div class="field-wrap">
							<select name="service" required onchange="updateBudget(this)">
								<option value="" disabled selected>Select Services</option>
								<option value="Mobile App Development">Mobile App Development</option>
								<option value="Web App Development">Web App Development</option>
								<option value="SaaS Platform">SaaS Platform</option>
								<option value="MVP Development">MVP Development</option>
								<option value="Game Development">Game Development</option>
								<option value="Blockchain Solutions">Blockchain Solutions</option>
								<option value="Business Proposal">Business Proposal</option>
							</select>
						</div>
						<div class="field-wrap">
							<select name="budget" id="budget_dropdown" required onchange="checkBudget(this)">
								<option value="" disabled selected>Estimated Budget / Scope</option>
								<option value="$3,000 to $5,000">$3,000 to $5,000</option>
								<option value="$5,000 to $10,000">$5,000 to $10,000</option>
								<option value="$10,000 to $25,000">$10,000 to $25,000</option>
								<option value="$25,000 to $50,000">$25,000 to $50,000</option>
								<option value="Request a custom quote">Request a custom quote</option>
							</select>
						</div>
						<div class="field-wrap" id="custom_quote_field" style="display: none;">
							<input type="number" name="custom_quote" id="custom_quote_input" min="30000" placeholder="Enter Custom Quote (Min $30,000)">
							<span id="quote_error" class="error-message">Minimum quote amount must be $30,000 or more.</span>
						</div>
						<div class="field-wrap">
							<textarea name="msg" placeholder="Message"></textarea>
						</div>
						<div class="button-wrap">
							<input type="submit" class="btn-size btn-white" value="Get Started">
							<input type="hidden" name="pageurl" value="https://cobwebgames.com/index">
                            <input type="hidden" name="ip2loc_ip" value="">
                            <input type="hidden" name="ip2loc_isp" value="">
                            <input type="hidden" name="ip2loc_org" value="">
                            <input type="hidden" name="ip2loc_country" value="">
                            <input type="hidden" name="ip2loc_region" value="">
                            <input type="hidden" name="ip2loc_city" value="">
                            <input type="hidden" name="Form_name" value="Popup Form">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</section>

<style>
.footer-form form .field-wrap select {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #fff;
    outline: 0;
    background: 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.footer-form form .field-wrap select option {
    background: #5339f8;
    color: #fff;
}
.footer-form form .field-wrap {
    position: relative;
}
.footer-form form .field-wrap .error-message {
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    color: #ff3333;
    font-size: 13px;
    display: none;
}
</style>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
function updateBudget(serviceSelect) {
    var budgetSelect = document.getElementById('budget_dropdown');
    var customField = document.getElementById('custom_quote_field');
    var service = serviceSelect.value;
    
    // Clear existing options except the first one
    budgetSelect.options.length = 1;
    customField.style.display = 'none';

    var options = [];
    if (service === "Business Proposal") {
        options = [
            { text: "$999 – Starter Proposal", value: "$999 – Starter Proposal" },
            { text: "$2,499 – Investor Ready Proposal", value: "$2,499 – Investor Ready Proposal" },
            { text: "$4,900 – Corporate Proposal Pack", value: "$4,900 – Corporate Proposal Pack" },
            { text: "Request a custom quote (Corporate / Enterprise)", value: "Request a custom quote" }
        ];
    } else {
        options = [
            { text: "$3,000 to $5,000", value: "$3,000 to $5,000" },
            { text: "$5,000 to $10,000", value: "$5,000 to $10,000" },
            { text: "$10,000 to $25,000", value: "$10,000 to $25,000" },
            { text: "$25,000 to $50,000", value: "$25,000 to $50,000" },
            { text: "Request a custom quote", value: "Request a custom quote" }
        ];
    }

    options.forEach(function(opt) {
        var el = document.createElement("option");
        el.textContent = opt.text;
        el.value = opt.value;
        budgetSelect.appendChild(el);
    });
}

function checkBudget(select) {
    var customField = document.getElementById('custom_quote_field');
    var customInput = document.getElementById('custom_quote_input');
    var errorSpan = document.getElementById('quote_error');

    if (select.value === 'Request a custom quote') {
        customField.style.display = 'block';
        customInput.setAttribute('required', 'required');
    } else {
        customField.style.display = 'none';
        customInput.removeAttribute('required');
        errorSpan.style.display = 'none';
    }
}

document.getElementById('custom_quote_input').addEventListener('input', function() {
    var errorSpan = document.getElementById('quote_error');
    if (this.value < 30000 && this.value !== "") {
        errorSpan.style.display = 'block';
    } else {
        errorSpan.style.display = 'none';
    }
});

function validateUSASelection(phone) {
    var phoneRegex = /^1\d{10}$/;
    return phoneRegex.test(phone);
}

document.getElementById('phone_input').addEventListener('input', function(e) {
    var errorSpan = document.getElementById('phone_error');
    if (!validateUSASelection(this.value) && this.value !== "") {
        errorSpan.style.display = 'block';
    } else {
        errorSpan.style.display = 'none';
    }
});

document.querySelector('.footer-form form').addEventListener('submit', function(e) {
    var phoneInput = document.getElementById('phone_input');
    var budgetSelect = document.getElementById('budget_dropdown');
    var customInput = document.getElementById('custom_quote_input');
    var isValid = true;

    // Phone Validation
    if (!validateUSASelection(phoneInput.value)) {
        document.getElementById('phone_error').style.display = 'block';
        phoneInput.focus();
        isValid = false;
    }

    // Custom Quote Validation
    if (budgetSelect.value === 'Request a custom quote') {
        if (customInput.value < 30000) {
            document.getElementById('quote_error').style.display = 'block';
            if (isValid) customInput.focus();
            isValid = false;
        }
    }

    if (!isValid) {
        e.preventDefault();
    }
});
</script>
	<footer>
		<div class="container">
			<div class="row">
				<div class="col-lg-4">
					<div class="logo-wraper">
						<img class="img-03 lazy"
							src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
							data-src="assets/images/logo-f.svg" alt="*">
						<p>We craft extraordinary, immersive games that captivate and inspire.</p>
						<ul class="ssm-icons d-flex align-items-center">
							<li><a href="https://www.youtube.com/@cobweb-games" class="icon-dri"><i
										class="fa-brands fa-youtube"></i></a></li>
							<li><a href="javascript:;" class="icon-twt"><img
										src="assets/images/twitterx.svg" alt="*"></a></li>
							<li><a href="https://www.facebook.com/profile.php?id=61563748882713" class="icon-fb"
									target="_blank"><i class="fab fa-facebook-f"></i></a></li>
							<li><a href="https://www.linkedin.com/company/cobweb-games1" class="icon-link"
									target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
							<li><a href="https://www.instagram.com/cobweb.games/" class="icon-inst" target="_blank"><i
										class="fab fa-instagram"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="col-lg-8">
					<div class="row">
						<div class="col-lg-3 offset-lg-1 col-md-6">
							<h3>Quick Links</h3>
							<ul class="f-menu">
								<li><a href="https://cobwebgames.com/">Home</a></li>
								<li><a href="https://cobwebgames.com/about-us.php">About Us</a></li>
								<li><a href="javascript:;">Portfolio</a></li>
								<li><a href="javascript:;">Case Study</a></li>
								<li><a href="https://cobwebgames.com/our-process.php">Our Process</a></li>
								<li><a href="https://cobwebgames.com/contact-us.php">Contact Us</a></li>
								<li><a href="https://cobwebgames.com/resource-packs.php">Resource Packs</a></li>
							</ul>
						</div>
						<div class="col-lg-4 col-md-6">
							<h3>Services</h3>
							<ul class="f-menu">
								<li><a href="https://cobwebgames.com/game-art.php">Game Art</a></li>
								<li><a href="https://cobwebgames.com/game-development.php">Game Development</a></li>
								<li><a href="https://cobwebgames.com/game-animation.php">Game Animation</a></li>
							</ul>
						</div>
						<div class="col-lg-4">
							<h3>Contact Info</h3>
							<ul class="contact-info">
								<li>
									<i class="fas fa-phone-volume"></i>
									<a href="tel:(855) 773-1064" onclick="return gtag_report_conversion('tel:209-727-6325')">Call Now</a>
								</li>
								<li>
									<i class="fas fa-envelope"></i>
									<a href="/cdn-cgi/l/email-protection#0d7e787d7d627f794d6e626f7a686f6a6c60687e236e62"><span class="__cf_email__" data-cfemail="5b282e2b2b34292f1b3834392c3e393c3a363e28753834">[email&#160;protected]</span></a>
								</li>
								<!-- <li>
                                <i class="fas fa-envelope"></i>
                                <a href="mailto:cobwebgames@sybridglobal.net">cobwebgames@sybridglobal.net</a>
                            </li> -->
								<li>
									<i class="fas fa-map-marker-alt"></i>
									<a href="javascript:;" class="addres">580 California Street San Francisco CA 94104
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container copy-rights">
			<div class="row">
				<div class="col-lg-6 col-md-6">
					<p> &#169; <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript">
							document.write(new Date().getFullYear());
						</script> Cobweb Games. All rights reserved.</p>
				</div>
				<div class="col-lg-6 col-md-6">
					<ul class="terms-menu d-flex align-items-center justify-content-end">
						<li><a href="https://cobwebgames.com/term-and-condition.php">Terms & Conditions</a></li>
						<li>-</li>
						<li><a href="https://cobwebgames.com/privacy-policy.php">Privacy Policy</a></li>
					</ul>
				</div>
			</div>
		</div>
	</footer>
	</main>
	</div>
	</div>

	<script src="assets/js/mlib.js"></script>
	<script src="assets/js/gsap.min.js"></script>
	<script src="assets/js/ScrollTrigger.min.js"></script>
	<script src="assets/js/scrollsmoother.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
	<script type="text/javascript"
		src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/js/fontawesome.min.js">
	</script>
	<script src="assets/js/functions.js"></script>
<!-- Start of Chat Script -->
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=239dfa05-01f6-4362-bfb9-4f75a7455e10"></script>
<script>
    window.$zopim || function (a, d) {
            var b = $zopim = function (a) {
                    b._.push(a)
                },
                c = b.s = a.createElement(d);
            a = a.getElementsByTagName(d)[0];
            b.set = function (a) {
                b.set._.push(a)
            };
            b._ = [];
            b.set._ = [];
            c.async = !0;
            c.setAttribute("charset", "utf-8");
            c.src = "";
            b.t = +new Date;
            c.type = "text/javascript";
            a.parentNode.insertBefore(c, a)
        }
        (document, "script");

    $zopim(function () {
        function a(a) {
            1 <= a && $zopim.livechat.window.show()
        }
        $zopim.livechat.setOnUnreadMsgs(a)
    });
</script>
<script>
    function setButtonURL() {
        $zopim.livechat.window.show();
    }

    function toggleChat() {
        $zopim.livechat.window.toggle();
    }
</script>
<script type="text/javascript">
    $(".chat").click((function () {
        $zopim.livechat.window.toggle();
    }))
</script>
<!-- End of Chat Script -->
	<script>
		document.addEventListener('DOMContentLoaded', (event) => {
			const buttons = document.querySelectorAll('.banner-tabs ul li');
			const images = document.querySelectorAll('.image-container .img-wrap');
			let currentIndex = 0;
			let timer;

			buttons.forEach((button, index) => {
				button.addEventListener('click', () => {
					clearInterval(timer); // Clear any existing interval
					resetProgressBars(); // Reset progress bars
					showImageAndHighlightButton(index);
					startAutoLoop(index);
				});
			});

			function showImageAndHighlightButton(index) {
				images.forEach(img => img.classList.remove('active'));
				images[index].classList.add('active');

				buttons.forEach(btn => {
					btn.classList.remove('active-button');
					btn.querySelector('.progress').style.height = '0'; // Reset progress bar
				});
				buttons[index].classList.add('active-button');

				// Ensure transition starts by forcing reflow
				buttons[index].querySelector('.progress').offsetWidth;

				// Start progress bar animation with a slight delay
				setTimeout(() => {
					buttons[index].querySelector('.progress').style.height = '100%';
				}, 100); // 50ms delay to ensure transition
			}

			function startAutoLoop(startIndex) {
				currentIndex = startIndex;
				timer = setInterval(() => {
					currentIndex = (currentIndex + 1) % images.length;
					resetProgressBars(); // Reset progress bars
					showImageAndHighlightButton(currentIndex);
				}, 5000);
			}

			function resetProgressBars() {
				buttons.forEach(btn => btn.querySelector('.progress').style.height = '0');
			}

			// Initialize with the first button's action
			resetProgressBars(); // Reset progress bars initially
			showImageAndHighlightButton(0); // Show the first image and highlight the first button
			startAutoLoop(0); // Start the loop
		});
	</script>
</body>

</html>