/* start banner css */
.banner {
    background-size: cover;
    position: relative;
}
.shape.right {
    left: auto;
    right: -60%;
}
.shape {
    background: radial-gradient(34.98% 34.98% at 50% 50%, #725bda 0, rgba(6, 19, 45, 0) 100%);
    content: "";
    height: 2000px;
    left: -60%;
    opacity: .5;
    position: absolute;
    top: -70%;
    width: 2000px;
    z-index: -1;
}
.row
{
    margin:0px;
}
.banner .banner__left {
    padding: 127px 0;
}
.banner .banner__left .pay {
    margin-top: 130px;
}
.banner .banner__left .pay h6 {
    margin-bottom: 20px;
    text-transform: none;
}
.banner .block-text .heading {
    margin-bottom: 40px;
}
.banner .block-text .heading span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    -webkit-background-clip: text;
    position: relative;
}
.banner .block-text .heading span.s1:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABcCAYAAAAf82z+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABjjSURBVHgB7Z3bjxx3VsfPqZ6xrSSsO+IPSOcBISKtPFnxwGVh2oAgZIVsC/GChOwIVglXTwTsatkVtoXgISA8FloFsaCMXxZQItx+CCvtPrhHK2QED55RkCItD2m/gNhd4rZjjz2XrrPnnN+9umc8vs+Mz0eaqeqq6qq+VH37e875/X4FYBiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGYRiGsYNAMAxjS97+InXC/BRAx0/l6unUPKnCygoOQg3tqpqwE1lWbOwXT9hWlummBFfz5bxsMOUPXlcwrNZgeAdg+NoZHIJxX5gAGk8Fb89FEeuwCOk868wLPGnzRdAmZOHiPwjzPEMqdgSI6TJBXR6WkVvm12N+Nel8uT5sQ0Qscqhr3RrSFZg9N81TvkN9vttHOF7x3AG6Fz7wTxmyag559YD/hqMKrrN26jqZHvsSDuApxwTQ2NWIsLEzEuGa4Yv9YItdGcljnrIQdPwZ3smFLOkRRTXRdcXVQO6hFzqVGAySVe6L9Pn+aUGMcgEMO8aG0GXbxf1lyzG+EhoT0bF59K8xyCpmuw/HyJcHIUYcsuAP+eGAH+oUWzAYbcBV1ujhXhdKE0Bjx3J2jtr71jjMZMcmbo1E1GoVtxmq2KWRc3KCXtCFUEFxwbvH0TaVbs2tHBefiS4ud39+GkXSHxXTfuIEx4/lXnO+ihoCCtkx4zsaE7H89eSucNKxm+KZnj/+w4Clng7IO0letsT2+Wpdc0jOonnsC7gEuxQTQOOJcvYNDk1H0G61YKaahkNTLGwsbjPsPjoooWjlrsCqlURAlrSm/A58hFi10nwIGoMO5GGjyiRh1C4iJwK6X8rcU9i2dscMYkV1JnzF5ZM/5tdahTjVyZaIM7stt1vV6PDimhdh5vayl4ITxZTGhNm/E8jVd1MRzI5dhNX5R+D3O+5GqfkDs8Tht4ojv/XBGsKyusc3d7Z7NAE0HgkXzmrOTUJTnbKOHWTtaIN3bRs1u7iRX8f2zueu9AIrxAi8QAXlgLCdm3EXLTqhkou4zi/eIG7+uZS2gbANUdA6gJjhk0nzWGF/kJ5Mpdjmx9TXRE2RhCiEwaVWQQQRypweNmQ2d2eQ1kkuMRKfsJlrDdtMErHSQToxDWE1wGZuFic427Sh7kcKNOIQh/wd99k1Lss8C+OOcI0mgMY9ceFt6uzjMHRUs0PzRQQNTTd4ynk4viAO1jU9j94yURCKeC02BC4Tvbg6bhosHRbCFayK27e7TJP7yw8WHoM/pltSHIuClEJ4Hh+WkuXLX4fbhvLXSbLAz6P3Xmnfbo91YTkxvaYgkkF8nZ5f5SMMxGiyK+ZFNYedlRQ3Bux62/v3q5jIU7R4I5Uc9D8q/PF0Kvc2Oj7ElnSB+9HB9LnBxHyo32t0e/FNNURwUsjdfG7abzN/mR1b8o0SSi/J++UXv7zBj1kYH2tF2wTQKPgGCxyLWaeWi6alAtfh66YjFxlfWPJYDURyQElw8uAwXtiFkLitothkYShE5wcAuWiFVSF0DVDp4DAT1eI5cT4ITFBTN48SjPoduPA2Py45wUNAKmxg3C3mQp72D/GTiB9D2E+dtpFldfbhpdfqX0N2UMqWM+qqpGjBgjcYiWBWsMzzw9+dn+ys3jlF7U9Nw8GRr4CTc+by10Z0UxajNtb6PbejUMUwHqDIn0an2ch5UsNt+jc3XjUfC6HDfkUUBzzX57/ljedYFF97dKJoAvgUIiKneTZiQZO2bCPNt80AZAKnM+miLJwVZa4tzoN3N5C2yRUx318hdvly/zCEs80w2B+jgPwqp1UutQYIeSgdF0fhClYPwoGy1x0cHsXYkOIba7zfwklm4uf34beNy5JbDJ8jRXEkKNJsmbhCOkbcwP/T41As+ej+3P415ORFS5xmGLCgLD83BUuvzW9PSEQsn31WRfGgFJpQRNP9AMpUnOdMNIVNBwlbF4H0dMh1D1OYXRSFMCUkeL3kFwf8UEPoX/l97MNDwgRwj3LhHT6J1/UknuET7pA6ONITt9PIqQVxiOSFASiEDuIUMxEscl0NsQx5JGoKJZWvtyxEZK+NMpXRXJ+6CZlcTRvoxc8XN14LwtUQYmcfuYLJM0MXSlcdyITMR6OYvx5xvlCzDrFCactkxBfAC1NTZIMAeWF3H4DXJnF5lbo9f21TzAxgeu/JEaogYnTZmWv14X76TjRcTyKaCztAcK9pPyqKy+TaBvY17BzB8M2v3Xs+7v2/ohfETXLYqtEB739GXWUQyUwEc5EplmdvJW2Qi2NDoDATR+LXX2k6YHGVhf7Yb99fscUEcJdziYVunYVuehpmN2o9GcXJyckoBQhipYg/ydEpFY4tiJW/eAFCOBeJ5ovKs7UoCGBDOCc8X+DXClPTmvMZgAvlhrWEclxB5FBu6JdJbwhZD/t5uzv+ub/6R3gVdgjvzFF7+lk4KPPsSjoy3eAQUprpaO6t1txbu+Z5/kw6rmsHaj6OH7djyI4pfAZMri/ompuHrLCSC6iG8F7gvdts5i4bYhqP4X8AdRHxDweHm7x4iUPgQd3iQsUBWHpz/v5CzyCOI3GKFKML+fFtu6N6CoeY3GNsmoPFZtB0nQ03uYSoaYE+Txd/eZuCaAK4i2Cx6/Cky3+HRqCJbhe2ks9R+ZghXlfkEvAYjUbMfyWh89BWgleEos3tCNbXEEZsBdZXCUZ8xW+sE//JyUyD0QiXRmt8UdWwtLIGy9PrMHhzwbpuiYCuT0NnisNMFn4tJKFMtaDBKQpCFld6kT/3tnecSbfil4j+O3WLonsOTjmLov1377+xFHO7rxbVpqp8BnGV8wbZGXJ+UdwW724Znrt/URQucGjd+mE4JJEIedfoxbHdbJ+YHmQTdxpDEMqJ2/vt0PV46Veu8rypIJoA7lBY7GZA2sax2PEX2NXwwrs63SCJGGbhXjJwNZUBBBU6lh6H0JLK44fHa3dY1Fht76ywsLHIbbDIra3ylJ2cLF9f031xlRKX+CmDFruIDb5YbvH8GRO6B0aEcoW/+2murus54ItR/P28qM5SHBY4l1fkSfMiT55PVOHLQm1vAyfmRcOvqA+v0Z1qyzVpg+g+C/fyH//9g+fjLpylGRaqFyoXuXTBnesdbDg+9yDMjHdRzB1i7iL94gFIDhHh4quvY29sd8aT4zI7u/V9LHIj/nVE6PKXwg5A3UDApXnyx07AkBpJlNhUJDwOkkhYPvahkgiZCNrKTYJ6hLByK003VgHKXg76eADyywra4HXpOl8EJnRPlq/+Ds1Mt+Agm25xVB3+8ROH5boHQkMMiTD/rSt++GrvENEVfcofxeQwo3tUKdUtF3nvEn4utkbsEhcevPEzi6I0jj/EL7oLIopE/N6wHWxrESK7FzOmZmN5SAyvGwZ8nRwWV2gC+JiRnF1rCrosHrO1/uK5L9bncbLyYUqyQ8ytQXoMjfA0D2sxD2NZ5NiSSYj6ycfOta3cQhW89VUJXVPsXFbvdNmAd9CvWtUSP1y6ZWK36xBxRBZH/t75PKv5fENXDAPNUSqpiFIWZZIAhtyKc49xO99sSMSoLuPzAf/vkw+dv7DwcBo9v/9VkpziC94ldn34HF+hm7lLiJzm5195Hd80AXzEXP5HkpDliJx0rD1d7dNK8SyiIowtKqGYotNQ2czCGBe5AOQnsbq52wS3bgDcuokavq58ArC6Gn+vIbq/LAHouz8NsGaxQy92n7DY9Uzs9irSz7q1qhHHDJ98XXLV3EPkq9djFeVsPlWck7tM5yNlDjE8Tx2hRAy9hymI4hL379ecYpeP3uWjpkLLXXKE/OL6r7yBh00AHzKX36UuyYkkeTsJZ4lzN6lnVAhjo9vzuQrfBCMPVZOnp8zahZNwle3YtWvs5j5Bzs+x0LHord5JxQ/pXhZ20ayiAbqGtNK+quITQVrgf+XrO6fCajw5zn7e5ePEZaHmn+nlICpCFMQYoUCMPvLmTli2p6Si0bk03uZcIp97vbqCxS8tPLz+wv/6dzRbrcNM7VJJXXntY5Vl5wFO/NLreN4E8AFRwXPt7I6SG5KpnTuzbDbm7fRBdHe6rggp8q5d0mxEBO769xFucsLtpji6FdCCxHiSOBsNJC0ShhWi5O0kJFlavW3uztg+QRQ5ZaM/7qCiqE16YvWEYgvy9LxUUEkuEUOLzNAG3FWfr/KSfj2Ci6tT0H+YaZZvctjMr3uWWnBUqs7aVbCCBQl//asz7gURPJzik2DkBY/iryMV4uYnsXtV1ojXb4P582Tj9TUWuOsInwxlCnD9/527m+Ti8mGf/O5zhryuV1WVNhT98td373BFxs7kLRZFLnhIyDnLp/QMuYbQEwQQAChvqBAbkqsE1qmXjbOItT5ahAp6nLd+5OeuCeBduHyBOvwhHUEOacVWVy6kVajRcwDDdwsARU4vm4dMKG/fBPj4e6DO7ppOwzPdbjdtD6UzoS+l/v6q4LWgWqJ16H3lXyycNR4vp05Q+yC6VgwgjgvocFFEodhnm4JbxDpmhFKO2/deqWsIsdGAqF5ErC6u3mR3+JAjFxPABlcuUHttxELX4ioth7XaJEVWJNEL5I1QnZ1vFjZcnKspEWkvd+MawcffRbj2XTevYaw+3edP8koswMS+kW5FGHcNexuwvnjm3X3m8Iwdx1+/RnINiTM8yg+lwPJ8PMlrlb3Qb9ChSXHf9TC73rTKHBou1thHDmFXR7B45p8ePHdoAsj8x/uc49iAWf40jrIFn/Wt4KkIU+vwKxVzd5j3eYUiBNZvb/C9/wH4/v9C5+P/E8GDvB3SWGUqjpAR1E4nWYJQRsfgPJ40QD31Li6CYewykiDSUb7EDvGi50PrmmazrrJ/OXHaEWOu0S3Tq0W6vy2s1XDxfsXwqRRAcXkwxZWiERzhXMNxAO2viVQ0Foa8jOrELXw3dRTIsBn6LkO9wXeg/dF3qH3rOnb9fpN7y8PYMQEcm5fO/QuVa0u1aEULY68hgrhec5Tlmt8cdpFTanMY2/mDW+GtoW89AT7eAh9XE19/2ONU1fkvv7v9vOFTI4AqevtY7GotXsivT9s7Nl+ESJ3NIz5BEdZDmfK7yut70gG734Prw+swWwGd8C3wtxgSKBs2sxnuSkdu4C8RVPAsrDWeGk4dpfZzn4LZEWm43AXwoxZBEkSlEMa88ly0XRxUsD0x3NMCeOUbOrjnCeB8nrTLi78mmHclA4gl+dQmL7QbZrcXmzfJEEK9qobFaj/0//lteJG3OdKC+gRvGjtz+xDZHSaq3iaVXG2PRyx4Vf8GwMV5c3mGobz16zRTV5qWOlLXdNhliPygNq6xNflrS1fVwR16MQyFlVqcIYvhaA3OsakYNI+z5wSQRa/LLk+6yRwnHXEiFiLcJ0Z5u7w0YABlbs/vSgsNxOV4tumLP30Ml774Cu+bv5CqYqdXlyNYxIJsvmisx4Uq74Dnelxk6f3ZBcvlGcbdEHd44Bl2hqjV5aOu6Vkayi1c3NEvRpeYD0arLLM2zNcjjbAGAHtEAD9g0atddzP+cGTIqLG2du5h/phSF7NsmdyLoddi0cMRLL98DId/8irNjGr58OkkQDaeWTNnF9OFE9ZxAYMP1X9mHyxYExXDeDD+4jdolkZwgmWty/6vE8c91LXeCLrcexoZN45oo5fqoF7HwyKCu1YAP/gWyegpR/gtnuB3pANT+uQo+l+BlD6lzPlRrMLKZ3Sd5B4EEtqy6H3mc06c5rrax/C4VoWBusWHFMPXpruDYp7X9Fvs9G7ehPPzfQttDeNRIGJYr3EhpeJrVW7xEENfZwx9bh0hc4kuFMTen76Hx3aVAIroydh4LeDwFnUg0CTwWTMVIXQzy5um+PzedV6wwCFsdHmyXkRv3z4NnU9y3qDr9+F31rDKRY4vc301FzFa2Fsx0TOMx86fc96QTZFogxRSXnAm0FtDHxZnVeT+6feqwzteAK9covbUBsyhtC4nrQ6FGyOkIZ+y7cObhXLZAET0EPqfebXMu/3hL6jDO8LaeAKyTt8CTnB76X6pkb5UnFZum+gZxk4hiqE2wpYRtqEonHBK6vTp9/DMjhRAEb397PJ8f9suBdHLCxUp9+lwFV1XtQV9m5d42eI0C99LnyvzbuL2WlMqqkf4Kf4OV75BUUPsfGDN8xVkR+u30ETPMHYDZ36NZjnFdcIZKGrXNc6L+Mm6HSWAH3KIKw2TZfw8oNhOL1ZoAZJUubt0lQMQaDs6rq7Wt+B8CG1zxO3xk08BaDXXE4Rv62IG6f0FsLdqomcYe4YpeMKI2zvApoxn/wBc4+RUvS1vVRim7m6oqf1KH1mYRiuTRU/cHlY1uz08yfawHW6cFROkkI0e6+8bQ75KwjNDXj/POcfeW9/EZTAMY0/xRBygD3G14ACUGiin9nlQjC02PkIySB6vt7GJ0xNY+Hj/5N0eFo2Q8/k4mwoaQy6WL0i3tr/8lrXTM4y9zGMVwA8vsShVGt4eB+kIDb7nBOQjqLhtY7k6ruRCBsGCjATx0s9Pbksnbo9jY3aTeBJ9mz1oNlYGmNxNTQYbYLe3sQGLFuIaxtPBIw+Bxe39UAu6nLI76au4IbSNlD1jfU7OzQ35eQtVDb2XfnFzNyZujycnQVqJF7bO7Q/DuFJ+/+HuGNLwWdzeaAPOmegZxtPHI3OAV65Q+5kbMFdxmMvaIw2VMRs9xQ2QXJfRKLneGdc5F7fExZDTL/3clqLH1Rw4jtrmR4sb4eY+kO9zQpiro6zwsXpnL1mIaxhPMw9dAP/72+rGOPemzVccKax1+T2KLs+3VdTVl/jv4m3gvN7hzd2Yhrk1zJE6Si5wIPnQttkqmZoCqFXc0ciquIZhOB6KAH7Ebg9uw/ER6ICi3QkNkYuBRMMyfnyNJ+dbCL0f+dmt3djcZ/XmQ9JL46gTPLeDaPoauT6dIBc0iAsaaG7PMIxxHkgARfg2VjjMBQ1zy5sD+cIt5N3R/D9pr8ch7vztESxu5faE3/us9tQ4xTvtjt8FLfa7hSp/N6i3fFwQcTW3ZxjGZtyXAH50mTo1uzGstatJG0IKr26038s6H/PfkFj0eK73oz+zdZs6CXM3Vjm/V5G0D+wULQEJivH2wmhXLg6uOcxtnTa3ZxjGdrgnAWThk7zeKanmYtlIOTZnqSl2lw2jsyxyzq53q946tyeo8K1po2h2lFSMt4e58kHRlEWKGvNVZZVcwzDujW0J4ETh827M/0cqRiQQUYIeO8KFu+X2BBG+tTv1HFbVSZDeGhiMpPvXHHrK00fO71XTcNGEzzCM+2FLAYzCBxCamRCltFs+4GjI+IkQzd9Yg3N3c3vCGz9BnUoqxjISS3wx6Qh5s5YghtInlwXx9N9828JcwzAejIkNoQvhA687mPQJEDD3Y7xiUW5PN1yFi9sUvi7vgN2eq+iGEUohjXfgD+VG8GLB42ouzG+M4Pzf/vuD3wvUMAxDKBxgHuqGbmN5aIuYwl1v0i5VBGde/KntuTERPh2NZZOKbtPtSb9cqHF+6oDl9wzDePio1nz0bzQDLTjLwjYLAKGmmkZXrrJx9pzwyf1qF+5d+OpuULmJoy0nAVwCwvnpA5bfMwzj0YHSlo/uwBW5g1rmxigl+iAMKT1kkVxYIzj3Yz+5vTD0jR+XkVhIQ+lc5DZzfZLf45Wn375s+T3DMB49U3AHZlh4Opjun6Slh5riWALX+O/cjWe4sPHy9tyYFDdopI2XTxR5vaxkEu/H5vJ/fX5swmcYxmNlCg7AEt5xFd3i5t4A11iUzt1Y3V5FV5DmLLdvwdlabkYe+uJ6pcuHtwI/ryM4Azu+/zThMwzj8eNygJfpFDu+074QO2TNmr9x596Eb+UmzFFNJzG/sRDmAxL4AQrk3hoyirMJn2EYT5iYjfvwMnUOAMwOufCw3VB3bobaN3W4eRmLD+MApOP31vAL2PFVaMJnGMbOYFs9QSbx+Rm9jSQXOKgTllVVnvFL8S6CCZ9hGDuPexbA35oJ4/2FO6tRVtWtdGCC2IxGqroVnv6aCZ9hGDuQbQvgiRnqtADe4WJxN94YPIt1G01b+lCz8F0x4TMMY+dyVwFk4WtPQT1XExYFDixD3CCDfZ6Y8BmGsSvYUgB/89MbR6lqneWNOuQH9cOs60Y2QMEACE//wxKeB8MwjF3CRAGUcBdHHO6i5vu806shhbqx1DFEuZUkwLmFJeuyZhjG7qIQQAl3YQPm3A3F0xaTurF54TtjwmcYxm4lDoclrg9GdAk03IVsFHqX4QvLaoI+Ib7GwjcAwzCMXUwaD3BdBybtQBz4LxDHwxpQjSfe+cAKHIZh7A2SACJ0JqUEifTWkvML/4VnwDAMYw9RZfP9MOPGAdSGLj1ax5dN/AzD2IuURZBP01kZrRmkuot42sJdwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMw3gk/ADzPTMgQal8AAAAAABJRU5ErkJggg==) no-repeat;
    bottom: -57px;
    content: "";
    height: 64.77px;
    left: -63px;
    position: absolute;
    width: 317.39px;
}
.banner .block-text .desc {
    font-size: 16px;
    margin-bottom: 40px;
    padding-right: 130px;
}
.action-btn,.action-btn span
{
    position: relative;
    overflow: hidden;
}
.action-btn {
    align-items: center;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: linear-gradient(89.96deg, hsla(0, 0%, 100%, .05) .03%, hsla(0, 0%, 100%, .008) 49.67%, hsla(0, 0%, 100%, .05) 99.96%);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    display: inline-flex;
    font-weight: 700;
    justify-content: flex-start;
    padding: 5px;
}
.banner .block-text .action-btn span {
    padding: 18px 56px;
}
.block-text .action-btn span {
    padding: 14px 24px;
}
.action-btn span {
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    border-radius: 10px;
    color: #fff;
    padding: 10px 20px;
    transition: all .3s ease-in-out;
    width:100%;
}
.action-btn span:after {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .13), hsla(0, 0%, 100%, .13) 77%, hsla(0, 0%, 100%, .5) 92%, hsla(0, 0%, 100%, 0));
    content: "";
    height: 200%;
    left: -210%;
    opacity: 0;
    position: absolute;
    top: -50%;
    transition: all .7s ease 0s;
    width: 200%;
}
.action-btn:hover span:after {
    left: -30%;
    opacity: 1;
    top: -20%;
    transition-duration: .7s, .7s, .15s;
    transition-property: left, top, opacity;
    transition-timing-function: linear;
}
.banner .banner__right {
    padding: 83px 0;
    position: relative;
}
.banner .banner__right .image {
    border-radius: 130px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .25);
    height: 700px;
    margin-left: auto;
    margin-right: 74px;
    position: relative;
    width: 551px;
}
.banner .banner__right .image:before {
    -webkit-transform: rotate(-17deg);
    transform: rotate(-17deg);
}
.banner .banner__right .image:after, .banner .banner__right .image:before {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 130px;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
.banner .banner__right .image img {
    border-radius: 130px;
    height: 100%;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 2;
}
.banner .banner__right .image:after {
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}
/* end banner css */
/* start new game section */
.project.s2 {
    position: relative;
    padding: 40px 0 32px;
}
.block-text .sub-heading {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: linear-gradient(89.96deg, hsla(0, 0%, 100%, .05) .03%, hsla(0, 0%, 100%, .008) 49.67%, hsla(0, 0%, 100%, .05) 99.96%);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 22px;
    padding: 7px 14px;
}
.block-text .sub-heading span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%), #fff;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight:normal;
}
.project.s2 .block-text .heading {
       margin-bottom: 39px;
    font-size: 50px;
    text-transform: uppercase;
}
.project.s2 .project-box {
      margin-bottom: 30px;
    border: 1px solid rgb(255 255 255 / 24%);  
}
.project-box {
   position: relative;
}
.project-box .image {
    overflow: hidden;
}
.project-box .image a {
    height: 100%;
    width: 100%;
}
.project-box .image a img {
    height: 100%;
    object-fit: cover;
    transition: all .5s ease-in-out;
    width: 100%;
}
.project-box .content {
   text-align: center;
    padding: 20px;
}
.project.s2 .container .project-box .content .title {
    letter-spacing: -1.3px;
}
.project-box:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.center {
    text-align: center;
}
/* end new game section */
/* start sepality section */
.speciality {
    padding: 100px 0 75px;
    position: relative;
        background-color: #070a29;
}
.pd {
    padding: 0 190px;
}
.speciality .block-text p {
    padding: 0 300px;
}
.speciality-box, .speciality-box .icon
 {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
.speciality-box {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0) 73.86%);
    border-radius: 15px;
    margin-top: 108px;
    padding: 65px 20px 10px;
    position: relative;
    text-align: center;
}
.speciality-box .icon {
    align-items: center;
    background: linear-gradient(289.89deg, #dec7ff -23.71%, #5c27fe 96.09%);
    border-radius: 50%;
    display: flex;
    height: 105px;
    justify-content: center;
    left: 50%;
    min-width: 105px;
    position: absolute;
    top: -18px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 1s ease-in-out;
}
.speciality-box .title {
    margin-bottom: 11px;
}
.speciality-box p {
    margin-bottom: 14px;
}
.speciality-box .number {
       color: hsla(0, 0%, 100%, .1);
    transition: all .3s ease-in-out;
    font-size: 50px;
    font-weight: 600;
}
.speciality-box:hover .icon {
    -webkit-transform: translate(-50%, -50%) rotateY(-1turn);
    transform: translate(-50%, -50%) rotateY(-1turn);
}
/* end spaceality section */
/* start portfolio css */
.portfolio {
    position: relative;
    padding:60px 0px;
}
h3.heading
{
    font-size: 50px;
}
.portfolio .block-text .heading {
    margin-bottom: 38px;
}
.portfolio-box, .portfolio-box .step {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
.portfolio-box {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0) 73.86%);
    border-radius: 16px;
    display: flex;
    margin-bottom: 19px;
    padding: 40px 23px;
    position: relative;
}
.portfolio-box .step {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(89.96deg, hsla(0, 0%, 100%, .05) .03%, hsla(0, 0%, 100%, .008) 49.67%, hsla(0, 0%, 100%, .05) 99.96%);
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%), #fff;
    -webkit-background-clip: text;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
    left: 22px;
    padding: 6px 16px;
    position: absolute;
    top: -15px;
}
.portfolio-box .icon {
    margin-right: 17px;
    width:110px;
}
p
{
    font-weight:normal;
}
.portfolio-box .content {
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    padding-left: 16px;
}
.portfolio-box .content .title {
    margin-bottom: 10px;
    margin-top: 4px;
}
.portfolio .portfolio__right .image {
    -webkit-animation: animate-1 15s linear 0s infinite;
    animation: animate-1 15s linear 0s infinite;
}
@keyframes  animate-1
{
    0%, 100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
}
50% {
    -webkit-transform: translateY(-1.5vh) translateX(5vmin);
    transform: translateY(-1.5vh) translateX(5vmin);
}
} 
.portfolio-box .content p
{
    margin-bottom: 0px;
}
/* end portfolio css */
.roadmap .img-line {
    left: 0;
    position: absolute;
    top: 30%;
    z-index: -2;
}
.roadmap {
        padding: 69px 0;
    position: relative;
    overflow: hidden;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
      background-color: #070a29;
}
.roadmap-box {
   -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, 0) 73.86%);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 0px;
    margin-bottom: 34px;
    padding: 37px 30px;
    text-align: center;
    position:relative;
}
.pricing-element
{
       position: absolute;
    top: -7px;
    left: 0px;
}
.kshape
{
           background: radial-gradient(34.98% 34.98% at 50% 50%, #725bda 0, rgba(6, 19, 45, 0) 100%);
    content: "";
    height: 2000px;
    right: 0%;
    opacity: .5;
    position: absolute;
    top: -70%;
    width: 80%;
    z-index: -1;
}
.custom-xmrgn
{
    margin-bottom: 100px;
}
.roadmap-box:before {
    background: #1f223e;
    content: "";
    height: 1px;
    position: absolute;
    right: -28px;
    top: 48%;
    width: 28px;
    z-index: 1;
}
.roadmap-box .time
 {
     -webkit-backdrop-filter: blur(4px);
    -webkit-background-clip: text;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 100px;
    font-size: 17px;
    left: 0px;
    padding: 6px 16px;
    position: absolute;
    top: -15px;
    right: 0px;
    margin: 0px auto;
    text-align: center;
    width: 142px;
    background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
}
.roadmap-box .title {
    letter-spacing: -1.5px;
    margin-bottom: 21px;
    padding-bottom: 14px;
    position: relative;
}
.roadmap-box .title:after {
       background: linear-gradient(264.28deg, #dec7ff -38.2%, #5c27fe 103.12%);
    border-radius: 1.2px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 172px;
    margin: 0px auto;
    right: 0;
    text-align: center;
}
/*** 2.0 - Hero 2 ***/
.hero-section-2 {
    height: 600px;
    margin-bottom: 40px;
    position: relative;
}

.hero-section-2 .overlay {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
}

.hero-section-2 .hero-content {
    padding: 80px 0 90px 0;
}

.hero-section-2 .hero-content h1 {
    font-size: 56px;
    line-height: 58px;
}
/* Hero Watch Carousel */
.hero-section-2 .watch-carousel {
    width: 120%;
    margin-left: -10%;
}
.swiper-nav {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 50px;
    opacity: 0.7;
}

.swiper-nav:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 450ms cubic-bezier(.4, 0, .2, 1);
}

.swiper-nav.swiper-next:before {
    left: auto;
    right: -5px;
}

.swiper-nav.swiper-next {
    left: auto;
    right: 30px;
}

.swiper-nav:hover {
    opacity: 1;
}

.swiper-nav:hover:before {
    scale: 1.05;
}
.watch-carousel .swiper-slide img {
    border-radius: 3px;
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 30%);
    position: relative;
    margin-bottom: 5px;
    width: 100%;
}

.watch-carousel .swiper-slide-active img {
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 30%);
}
.swiper-button-prev::before,.swiper-button-next::before
{
   content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 450ms cubic-bezier(.4, 0, .2, 1); 
}

.hero-content {
    width: 100%;
    text-align: center;
    padding-top: 100px;
}

.hero-content h4 {
    text-transform: uppercase;
    letter-spacing: 10px;
    margin-bottom: 20px;
}

.hero-content h1 {
    font-size: 65px;
    line-height: 65px;
    letter-spacing: -1.5px;
}
.section-heading h3 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}
.section-heading h2 {
    font-size: 45px;
    line-height: 50px;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}
.contact-section .section-heading p {
    margin-bottom: 20px;
}
.default-btn {
    background: #f90cff;
    background-image: linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8);
    clip-path: polygon(0% 0%, 90% 0, 100% 30%, 100% 100%, 0 100%);
    color: #fff;
    font-family: 'Oxanium', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    min-width: 180px;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    z-index: 1;
}

.default-btn:hover {
    color: #fff;
}

.default-btn span {
    background: #9841ff none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: width 0.6s ease 0s, height 0.6s ease 0s;
    -moz-transition: width 0.6s ease 0s, height 0.6s ease 0s;
    -webkit-transition: width 0.6s ease 0s, height 0.6s ease 0s;
    -ms-transition: width 0.6s ease 0s, height 0.6s ease 0s;
    -o-transition: width 0.6s ease 0s, height 0.6s ease 0s;
    z-index: -1;
}

.default-btn:hover span {
    height: 550px;
    width: 550px;
}
.contact-section .section-heading p {
    margin-bottom: 20px;
}

.contact-form-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}

.contact-form-group .form-field .form-control {
    background-color: #fff;
    padding: 15px;
    border: none;
    color: #333;
    height: 60px;
    border-radius: 2px;
    box-shadow: none;
    outline: none;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
}

.contact-form-group .form-field.message {
    grid-column-end: span 2;
}

.contact-form-group .form-field.message .form-control {
    height: 150px;
}
.contact-section
{
    padding:100px 0px;
}
.promo-item {
    background: linear-gradient(90deg, rgba(105, 85, 180, 0.1) 0%, rgba(105, 85, 180, 0.5) 50%, rgba(105, 85, 180, 0.1) 100%);
    clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0% 100%, 0 66%, 0 0);
    padding: 40px;
    text-align: center;
    position: relative;
}

.promo-item:before {
    background: linear-gradient(90deg, rgba(152, 65, 255, 0.1) 0%, rgba(152, 65, 255, 1) 50%, rgba(152, 65, 255, 0.1) 100%);
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
}

.promo-item:hover:before {
    height: 100%;
    z-index: -1;
}

.promo-item:after {
    background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 6px);
    background-size: 4px 4px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.promo-item .promo-icon {
    max-width: 120px;
    margin-bottom: 20px;
}

.promo-item:hover .promo-icon {
    transform: scale(1.05)rotate(10deg);
}

.promo-content h3 {
    font-size: 24px;
    font-weight: 600;
}

.promo-content p {
    margin: 0;
}
.promo-section
{
        padding: 150px 0px 50px;
}
.portfolio .shape
{
    z-index:1;
}
.portfolio .container-fluid
{
    position:relative;
    z-index:99999;
}
/* start preloader css */
.preloader-inner {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999999999;
  background-color: #070a29;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.preloader-inner .cancel-preloader {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.preloader-inner .cancel-preloader a {
  background-color: #fff;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--main-color);
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 30px;
  display: block;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.preloader-inner .cancel-preloader a:hover {
  background-color: var(--heading-color);
  color: #fff;
}

.spinner {
  margin: 120px auto;
  width: 60px;
  height: 60px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-rotate 2s infinite linear;
  animation: sk-rotate 2s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: var(--main-color);
  border-radius: 100%;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/**new-preloader**/
.preloader-orbit-loading {
  left: calc(50% - 31px);
  width: 62px;
  height: 62px;
  border-radius: 50%;
  -webkit-perspective: 780px;
          perspective: 780px;
}
.preloader-orbit-loading .cssload-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
}
.preloader-orbit-loading .cssload-inner.cssload-one {
  left: 0%;
  top: 0%;
  -webkit-animation: cssload-rotate-one 1.15s linear infinite;
          animation: cssload-rotate-one 1.15s linear infinite;
  border-bottom: 3px solid white;
}
.preloader-orbit-loading .cssload-inner.cssload-two {
  right: 0%;
  top: 0%;
  -webkit-animation: cssload-rotate-two 1.15s linear infinite;
          animation: cssload-rotate-two 1.15s linear infinite;
  border-right: 3px solid white;
}
.preloader-orbit-loading .cssload-inner.cssload-three {
  right: 0%;
  bottom: 0%;
  -webkit-animation: cssload-rotate-three 1.15s linear infinite;
          animation: cssload-rotate-three 1.15s linear infinite;
  border-top: 3px solid white;
}

@-webkit-keyframes cssload-rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes cssload-rotate-one {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@-webkit-keyframes cssload-rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes cssload-rotate-two {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
            transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@-webkit-keyframes cssload-rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
@keyframes cssload-rotate-three {
  0% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
            transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
/* end preloader css */
.page-header {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 1;
}
.page-header:before {
    background: linear-gradient(90deg, rgba(152, 65, 255, 0.5) 0%, rgba(152, 65, 255, 1) 50%, rgba(152, 65, 255, 0.5) 100%);
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.page-header .page-header-shape .shape {
    background: #5c27fe;
       background: linear-gradient(264.28deg, rgb(222, 199, 255) -38.2%, rgb(92, 39, 254) 103.12%);
         clip-path: polygon(0 0, 100% 0%, 85% 100%, 0 100%);
    width: 200px;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 2px;
        top: inherit;
}

.page-header .page-header-shape .shape:before {
    background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px);
    background-size: 4px 4px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.page-header .page-header-shape .shape.right {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
}

.page-header .page-header-shape .shape.center {
    clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    border-radius: 5px;
}

.page-header .page-header-shape .shape.center.back {
    clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
    width: 400px;
    height: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    opacity: 0.5;
    border-radius: 2px;
    z-index: -1;
}
               .ycustom-form .form-control
               {
                        background-color: #fff;
    padding: 15px;
    border: none;
    color: #333;
    height: 60px;
    border-radius: 2px;
    box-shadow: none;
    outline: none;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
               }
               .cta-section .section-heading {
    text-align: center;
}

.cta-section .section-heading h3 {
    margin-bottom: 20px;
}

.cta-section .section-heading h2 {
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: -1px;
    text-transform: capitalize;
    margin-bottom: 30px;
    text-shadow:
        0 0 5px #9841ff,
        0 0 10px #9841ff,
        0 0 15px #9841ff;
}
.cta-section
{
    padding-bottom: 100px;
}
.abut-fimage
{
    position:relative;
}
.abut-fimage::before
{
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color: #1C1632;
    opacity: 0.5;
}
.abut-cntnt
{
        position: absolute;
    top: 40%;
    left: 0px;
    right: 0px;
    text-align: center;
}
.abut-btn
{
 border-color: #fdfdfd;
    color: #fdfdfd;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid;
    margin: 20px 0px; 
}
.abut-btn:hover
{
   color:#333;
   background-color:#fdfdfd;
}
.about-yinfo
{
    margin-bottom: 80px;
}
.page-header .breadcrumb-item.active
{
    font-weight:650;
    color:#fff;
}
label[for='agre-condtn'] a
{
  color:#fff;
}
.gaming_details_btn
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform:translatex(-50%) translatey(-50%);
    transform:translatex(-50%) translatey(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 9;
}
.shop-ugimage:hover .gaming_details_btn
{
    opacity:1;
    visibility: visible;
}
.shp-nimg:hover::before
{
    opacity:0.7;
}
.footer {
    position: relative;
    background-color:#070a29;
    overflow: hidden;
    padding-top:80px;
}
.footer .shape
{
    z-index:1;
}
.footer .container-fluid
{
    position:relative;
        z-index: 999999;
}
.footer .block-text .heading {
    margin-bottom: 16px;
}
.footer  .form {
    margin-top: 39px;
    text-align: center;
}
.footer .form .form-control {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin: 0 auto;
    max-width: 540px;
    padding: 15px;
}
.footer .form button {
    margin-top: 14px;
}
.footer .footer__bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
        padding: 80px 0 50px;
}
.footer .footer__bottom .list {
    display: flex;
    margin-bottom: 16px;
    margin-left: 22px;
}
.footer .footer__bottom .list li {
    margin: 0 16px;
}
.footer .footer__bottom .list li a {
    font-size: 15px;
    font-weight: 600;
}
.footer .footer__bottom div p {
        color: #fff;
    font-size: 15px;
    font-weight: 300;
}
.footer-element-one{
    position: absolute;
    left: 0;
    top: 0px;
    opacity: .5;
    -webkit-animation: zoominoutsinglefeatured 4s linear infinite;
    animation: zoominoutsinglefeatured 4s linear infinite;
}
.menu li.menu-item-has-children
{
    margin-left:21px;
}
.footer__bottom a img
{
    width:64%;
}
.footer-element-two{
        position: absolute;
    right: 10%;
    bottom: 41%;
    opacity: .5;
    -webkit-animation: zoominoutsinglefeatured 3s linear infinite;
    animation: zoominoutsinglefeatured 3s linear infinite;
}
.footer-element-three{
    position: absolute;
    left: 40%;
    bottom: 60%;
    -webkit-animation: lineThree 8s infinite linear;
    animation: lineThree 8s infinite linear;
}
.footer-element-four{
    position: absolute;
    left: 43%;
    bottom: 70%;
    -webkit-animation: lineThree 10s infinite linear;
    animation: lineThree 10s infinite linear;
}
.footer-element-five{
    position: absolute;
    left: 40%;
    bottom: 70%;
    -webkit-animation: lineThree 7s infinite linear;
    animation: lineThree 7s infinite linear;
}
.footer-element-six{
    position: absolute;
    left: 40%;
    bottom: 80%;
    -webkit-animation: lineThree 7s infinite linear;
    animation: lineThree 7s infinite linear;
}
.footer-element-seven{
    position: absolute;
    left: 40%;
    bottom: 40%;
    -webkit-animation: lineThree 7s infinite linear;
    animation: lineThree 7s infinite linear;
}
.footer-element-eight{
    position: absolute;
    left: 20%;
    bottom: 40%;
    -webkit-animation: lineThree 7s infinite linear;
    animation: lineThree 7s infinite linear;
}
.footer-element-nine{
    position: absolute;
    left: 70%;
    bottom: 40%;
    -webkit-animation: lineThree 7s infinite linear;
    animation: lineThree 7s infinite linear;
}
.footer-element-ten{
    position: absolute;
    left: 55%;
    bottom: 40%;
    -webkit-animation: lineThree 8s infinite linear;
    animation: lineThree 8s infinite linear;
}
.footer-element-eleven{
    position: absolute;
    left: 50%;
    bottom: 45%;
    -webkit-animation: lineThree 7s infinite linear;
    animation: lineThree 7s infinite linear;
}
.footer-element-twelve{
    position: absolute;
    left: 58%;
    bottom: 40%;
    -webkit-animation: lineThree 8s infinite linear;
    animation: lineThree 8s infinite linear;
}
@keyframes lineThree
{
0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0;
}
20% {
    -webkit-transform: translate3d(-70px, 80px, 0);
    transform: translate3d(-70px, 80px, 0);
    opacity: 1;
}
90% {
    opacity: 1;
    -webkit-transform: translate3d(-300px, 310px, 0);
    transform: translate3d(-300px, 310px, 0);
}
100% {
    opacity: 0;
    -webkit-transform: translate3d(-360px, 380px, 0);
    transform: translate3d(-360px, 380px, 0);
}
}
@keyframes zoominoutsinglefeatured 
{
0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
}
ul.menu
{
    align-items: center;
}
ul.menu .action-btn span
{
        padding: 6px 13px;
}