@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v25-latin-regular.eot');
    src: url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M313.6 304c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-25.6c0-74.2-60.2-134.4-134.4-134.4zM400 464H48v-25.6c0-47.6 38.8-86.4 86.4-86.4 14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 47.6 0 86.4 38.8 86.4 86.4V464zM224 288c79.5 0 144-64.5 144-144S303.5 0 224 0 80 64.5 80 144s64.5 144 144 144zm0-240c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z'/%3E%3C/svg%3E");
    --icon-calendar: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8cGF0aCBkPSJNNDA1LjMzMyw0Mi42NjdMMzg0LDQyLjY2N0wzODQsMjEuMzMzQzM4NCw5LjYzIDM3NC4zNywwIDM2Mi42NjcsMEMzNTAuOTY0LC0wIDM0MS4zMzMsOS42MyAzNDEuMzMzLDIxLjMzM0wzNDEuMzMzLDQyLjY2N0wxNzAuNjY3LDQyLjY2N0wxNzAuNjY3LDIxLjMzM0MxNzAuNjY3LDkuNjMgMTYxLjAzNiwwIDE0OS4zMzMsMEMxMzcuNjMsLTAgMTI4LDkuNjMgMTI4LDIxLjMzM0wxMjgsNDIuNjY3TDEwNi42NjcsNDIuNjY3QzQ4LjE3OCw0Mi43MzcgMC4wNyw5MC44NDQgMCwxNDkuMzMzTDAsNDA1LjMzM0MwLjA3LDQ2My44MjIgNDguMTc4LDUxMS45MyAxMDYuNjY3LDUxMkw0MDUuMzMzLDUxMkM0NjMuODIyLDUxMS45MyA1MTEuOTMsNDYzLjgyMiA1MTIsNDA1LjMzM0w1MTIsMTQ5LjMzM0M1MTEuOTMsOTAuODQ0IDQ2My44MjIsNDIuNzM3IDQwNS4zMzMsNDIuNjY3Wk00Mi42NjcsMTQ5LjMzM0M0Mi42NjcsMTE0LjIyNCA3MS41NTcsODUuMzMzIDEwNi42NjcsODUuMzMzTDQwNS4zMzMsODUuMzMzQzQ0MC40NDMsODUuMzMzIDQ2OS4zMzMsMTE0LjIyNCA0NjkuMzMzLDE0OS4zMzNMNDY5LjMzMywxNzAuNjY3TDQyLjY2NywxNzAuNjY3TDQyLjY2NywxNDkuMzMzWk00MDUuMzMzLDQ2OS4zMzNMMTA2LjY2Nyw0NjkuMzMzQzcxLjU1Nyw0NjkuMzMzIDQyLjY2Nyw0NDAuNDQzIDQyLjY2Nyw0MDUuMzMzTDQyLjY2NywyMTMuMzMzTDQ2OS4zMzMsMjEzLjMzM0w0NjkuMzMzLDQwNS4zMzNDNDY5LjMzMyw0NDAuNDQzIDQ0MC40NDMsNDY5LjMzMyA0MDUuMzMzLDQ2OS4zMzNaIiBzdHlsZT0iZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8Y2lyY2xlIGN4PSIyNTYiIGN5PSIzMjAiIHI9IjMyIi8+CiAgICA8Y2lyY2xlIGN4PSIxNDkuMzMzIiBjeT0iMzIwIiByPSIzMiIvPgogICAgPGNpcmNsZSBjeD0iMzYyLjY2NyIgY3k9IjMyMCIgcj0iMzIiLz4KPC9zdmc+Cg==");
    --envelope: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm0 48v40.8c-22.4 18.3-58.2 46.7-134.6 106.5-16.8 13.2-50.2 45.1-73.4 44.7-23.2 .4-56.6-31.5-73.4-44.7C106.2 199.5 70.4 171.1 48 152.8V112h416zM48 400V214.4c22.9 18.3 55.4 43.9 104.9 82.6 21.9 17.2 60.1 55.2 103.1 55 42.7 .2 80.5-37.2 103.1-54.9 49.5-38.8 82-64.4 104.9-82.7V400H48z'/%3E%3C/svg%3E");
    --comment: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288z'/%3E%3C/svg%3E");
    --location: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M172.3 501.7C27 291 0 269.4 0 192 0 86 86 0 192 0s192 86 192 192c0 77.4-27 99-172.3 309.7-9.5 13.8-29.9 13.8-39.5 0zM192 272c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80z'/%3E%3C/svg%3E");
    --phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M497.4 361.8l-112-48a24 24 0 0 0 -28 6.9l-49.6 60.6A370.7 370.7 0 0 1 130.6 204.1l60.6-49.6a23.9 23.9 0 0 0 6.9-28l-48-112A24.2 24.2 0 0 0 122.6 .6l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.3 24.3 0 0 0 -14-27.6z'/%3E%3C/svg%3E");
    --icon-rating-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 16.627 15.888'%3E%3Cg data-name='Group 15'%3E%3Cpath d='M12.074 15.152c-.227 0-.455-.055-.659-.161L8.31 13.359l-3.102 1.63A1.42 1.42 0 0 1 3.15 13.5l.593-3.455-2.513-2.451a1.423 1.423 0 0 1-.016-2.01c.215-.218.498-.36.798-.406l3.473-.504 1.551-3.147A1.423 1.423 0 0 1 8.94.882c.277.138.504.366.64.64l1.555 3.15 3.468.504c.372.053.705.249.932.551.228.303.324.676.272 1.052a1.424 1.424 0 0 1-.42.823l-.002-.002-2.504 2.438.59 3.459a1.418 1.418 0 0 1-1.396 1.655Zm2.298-8.38h.002-.002Z' data-name='Path 47' style='fill:%23fbe269;stroke-width:0'/%3E%3C/g%3E%3C/svg%3E");
    --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
    --icon-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
    --img-bg-right: url('/images/chips-bg.webp');
    --img-bg-right-2: url('/images/treasure.webp');
    --img-bg-left: url('/images/dice-chips.webp');
    --transition: all .2s ease-in-out;
    --txt-color: #232438;
    --header-bg: #232438;
    --section-border-color: hsl(41deg 100% 57% / 30%);
    --table-border-color: #ffbb23;
    --hero-main-txt-color: #ededeb;
    --hero-sec-txt-color: #ffbb23;
    --light-bg-txt-color: #232438;
    --dark-bg-txt-color: #ededeb;
    --dark-bg: #303250;
    --darker-bg: #232438;
    --lighter-bg: #FFFFFF;
    --light-bg: #F9F7F7;
    --body-bg: #FFFFFF;
    --header-menu-links-color: #ededeb;
    --header-menu-links-hover-color: #1c1646;
    --header-menu-links-hover-bg: #ededeb;
    --btn-bg: linear-gradient(135deg, #da3b3b, #f5a300);
    --btn-color: #fff;
    --btn-bg-hover: #ffbb23;
    --btn-hover-color: #FFF;
    --sec-btn-border: #C1C1C1;
    --sec-btn-bg-hover: #f3f2ff;
    --sec-btn-color: #3d5a80;
    --bonus-c: #da3b3b;
    --transparent: #00000000;
    --intros-border-color: #ffbb23;
    --pros-check-c: invert(58%) sepia(63%) saturate(5959%) hue-rotate(72deg) brightness(94%) contrast(101%);
    --cons-x-c: invert(13%) sepia(99%) saturate(5094%) hue-rotate(338deg) brightness(78%) contrast(109%);
    --header-icons-f: invert(80%) sepia(13%) saturate(234%) hue-rotate(133deg) brightness(114%) contrast(106%);
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,div pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,figure,header,nav,section,article,aside,footer,figcaption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

.grid:after {
    content: '';
    display: block;
    clear: both
}

.grid-sizer,.grid-item {
    width: 50%
}

.grid-item {
    float: left
}

.grid-item img {
    display: block;
    max-width: 100%
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

ul,li {
    padding: 0;
    margin: 0;
    list-style: none
}

header,nav,section,article,aside,footer,hgroup {
    display: block
}

* {
    box-sizing: border-box
}

html,body {
    font-family: 'Montserrat',sans-serif;
    font-weight: 400;
    background-color: var(--body-bg);
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden
}

strong {
    font-weight: 700;
}

.logo:hover {
    text-decoration: none;
}

.logo-t {
    font-family: inherit;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 25px;
    color: var(--dark-bg-txt-color);
    line-height: 0.3;
    position: relative;
    font-style: italic;
}

.logo-t:after {
    position: absolute;
    content: '';
    color: rgba(255, 255, 255, 0);
    background: var(--dark-bg);
    width: 100%;
    height: 10px;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: skewX(-10deg);
    opacity: .85;
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 1rem
}

h1, h2 {
    font-weight: bold;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.85rem;
}

ul {
    margin-bottom: 0
}

.h3, h3 {
    font-size: 1.5rem;
}

.banner-fix {
    filter: brightness(.85) drop-shadow(0 0 70px rgb(255 186 36 / 70%));
}

p {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 1rem;
}

.default {
    padding-left: 1rem;
}

ul.default li {
    list-style: disc;
}

ol.default li {
    list-style: auto;
}

.default li {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 1rem;
}

::selection {
    background: var(--dark-bg);
    color: var(--dark-bg-txt-color)!important
}

::-moz-selection {
    background: var(--dark-bg);
    color: var(--dark-bg-txt-color)!important
}

.dark-bg ::selection {
    background: var(--light-bg);
    color: var(--light-bg-txt-color)!important
}

.dark-bg:hover {
    color: var(--dark-bg-txt-color)!important
}
.far {
    display: block;
    text-align: left;
    background-size: contain;
    background-position: center center !important;
    background-repeat: no-repeat;
    filter: var(--header-icons-f);
}

.fa-user {
    width: 14px;
    height: 16px;
    background: var(--user) no-repeat center;
}

.fa-envelope {
    width: 14px;
    height: 18px;
    background: var(--envelope) no-repeat center;
}

.fa-comment-alt {
    width: 14px;
    height: 15px;
    background: var(--comment) no-repeat center;
}

.fa-phone-alt {
    width: 20px;
    height: 20px;
    background: var(--phone) no-repeat center;
    filter: var(--header-icons-f);
}

.fa-map-marker-alt {
    width: 20px;
    height: 20px;
    background: var(--location) no-repeat center;
    filter: var(--header-icons-f);
}

.icon-calendar {
    background: var(--icon-calendar);
}

.icon-user {
    background: var(--user);
}

[class*="icon-"] {
    text-indent: -9999px;
    text-align: left;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.icons-13 {
    width: 13px;
    height: 13px;
}

.main-banner [class*="icon-"] {
    filter: var(--header-icons-f);
    vertical-align: middle;
    margin-bottom: 3px;
}

@media (max-width: 991px) {
    html,body {
        overflow-x:hidden
    }

    .mobile-top-fix {
        margin-top: 30px;
        margin-bottom: 0
    }

    .mobile-bottom-fix {
        margin-bottom: 30px
    }

    .mobile-bottom-fix-big {
        margin-bottom: 60px
    }
}

.banner-txt {
    color: var(--hero-main-txt-color);
}

.banner-sec-txt {
    color: var(--hero-sec-txt-color);
}

.light-bg-txt {
    color: var(--light-bg-txt-color);
}

.dark-bg-txt {
    color: var(--dark-bg-txt-color);
}

.lighter-bg {
    background-color: var(--lighter-bg);
    color: var(--light-bg-txt-color);
}

.light-bg {
    background-color: var(--light-bg);
    color: var(--light-bg-txt-color);
}

.dark-bg {
    background-color: var(--dark-bg);
    color: var(--dark-bg-txt-color);
}

.darker-bg {
    background-color: var(--darker-bg);
    color: var(--dark-bg-txt-color);
}

.section-border-top {
    border-top: 1px solid var(--section-border-color);
}

.section-border-bottom {
    border-bottom: 1px solid var(--section-border-color);
}

.go-btn {
    display: block;
    padding: 10px 0;
    width: 80%;
    border-radius: 6px;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    background: var(--btn-bg);
    color: var(--btn-color);
    transition: var(--transition);
}

.go-btn:hover {
    background: var(--btn-bg-hover);
    color: var(--btn-hover-color);
    text-decoration: none;
}

.page-section {
    margin-top: 120px
}

.section p a {
    color: var(--bonus-c);
    text-decoration: underline;
    transition: var(--transition);
}

.section p a:hover {
    color: var(--btn-bg);
    text-decoration: none;
}

.section {
    position: relative
}

.section.img-bg-right:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: var(--img-bg-right) no-repeat;
    width: 991px;
    height: 460px;
}

.section.img-bg-right-2:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--img-bg-right-2) no-repeat center;
    width: 1193px;
    height: 800px;
    max-width: 40%;
}

.section.img-bg-left:before {
    content: '';
    position: absolute;
    left: calc(50% - 900px);
    top: 0;
    background: var(--img-bg-left) no-repeat;
    width: 900px;
    height: 430px;
}

@media screen and (max-width: 767px) {
    .section.img-bg-right:before {
        right: calc(100% - 991px);
        background: linear-gradient(to right, #3F72AF, rgb(231 230 255 / 75%)), var(--img-bg-right) no-repeat;
    }
}

@media screen and (max-width: 991px) {
    .section.img-bg-left:before {
        background: linear-gradient(to right, rgb(0 0 0 / 40%), var(--dark-bg)), var(--img-bg-left) no-repeat left center;
        filter: blur(2px);
    }

    .section.img-bg-right-2:before {
        background: linear-gradient(to right, var(--dark-bg), rgb(0 0 0 / 50%)), var(--img-bg-right-2) no-repeat center;
        filter: blur(2px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
    .section.img-bg-right:before {
        right: calc(70% - 991px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .section.img-bg-right:before {
        right: calc(75% - 991px);
    }
}

.section-grad {
    background: #E6F7FF
}

.section-heading {
    position: relative;
    z-index: 2
}

.section-heading h6 {
    font-size: 15px;
    font-weight: 700;
    color: #009CFE;
    text-transform: uppercase;
    margin-bottom: 15px
}

.section-heading h4 {
    color: #2a2a2a;
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 25px
}

.section-heading h4 em {
    font-style: normal;
    color: #009CFE
}

.section-heading .line-dec {
    width: 100px;
    height: 3px;
    background-color: #009CFE;
    border-radius: 3px;
    margin-bottom: 1rem
}

.pre-header {
    background-color: #efefef;
    height: 60px;
    padding: 15px 0
}

.pre-header ul li {
    display: inline-block
}

.pre-header ul.info li {
    margin-right: 45px
}

.pre-header ul.info li a {
    color: #afafaf;
    font-size: 14px;
    transition: all .3s
}

.pre-header ul.info li a:hover {
    color: #009CFE
}

.pre-header ul.info li a i {
    font-size: 18px;
    margin-right: 8px
}

.pre-header ul.social-media {
    text-align: right
}

.pre-header ul.social-media li {
    margin-left: 5px
}

.pre-header ul.social-media li a {
    background-color: #afafaf;
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    transition: all .3s
}

.pre-header ul.social-media li a:hover {
    background-color: #009CFE
}

.background-header {
    background-color: var(--header-bg);
    height: 80px!important;
    box-shadow: 0 5px 8px rgba(0,0,0,0.03);
}

.background-header .logo,.background-header .main-nav .nav li a {
    color: #fff
}

.background-header .main-nav .nav li:hover a {
    color: #009CFE
}

.background-header .nav li a.active {
    position: relative;
    color: #fff
}

.background-header .nav li a.active:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #009CFE;
    content: '';
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%)
}

.background-header .nav li:last-child a.active:after {
    background-color: transparent
}

.header-area {
    background-color: var(--header-bg);
    position: relative;
    left: 0;
    right: 0;
    z-index: 900;
    height: 100px;
    -webkit-transition: all .5s ease 0;
    -moz-transition: all .5s ease 0;
    -o-transition: all .5s ease 0;
    transition: all .5s ease 0;
}

.header-area:not(.background-header) .container {
    border-bottom: 1px solid #DBDBDB;
}

.header-area .main-nav {
    min-height: 80px;
    background: transparent
}

.header-area .main-nav .logo {
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0;
    line-height: 100px;
    float: left;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}

.background-header .main-nav .logo {
    line-height: 80px
}

.background-header .main-nav .nav {
    margin-top: 20px!important
}

.header-area .main-nav .nav {
    float: right;
    margin-right: 0;
    background-color: transparent;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0;
    position: relative;
    z-index: 999
}

.header-area .main-nav .nav li {
    padding: 0 3px
}

/* .header-area .main-nav .nav li:last-child{padding-right:0;padding-left:40px}
.header-area .main-nav .nav li:last-child a,.background-header .main-nav .nav li:last-child a{padding:0 20px!important;font-weight:400}
.header-area .main-nav .nav li:last-child a:hover,.background-header .main-nav .nav li:last-child a:hover{color:#fff!important} */
.header-area .main-nav .nav li a {
    display: block;
    font-weight: 500;
    font-size: 15px;
    color: var(--header-menu-links-color);
    text-transform: capitalize;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0;
    height: 40px;
    line-height: 40px;
    border: transparent;
    letter-spacing: 1px;
    border-radius: 3px;
    height: auto;
    line-height: initial;
    padding: 5px 10px;
}

.header-area .main-nav .nav li:hover a,.header-area .main-nav .nav li a.active {
    color: var(--header-menu-links-hover-color);
    background: var(--header-menu-links-hover-bg);
    text-decoration: none;
}

.header-area .main-nav .nav li.submenu {
    position: relative;
    padding-right: 30px
}

.header-area .main-nav .nav li.submenu:after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 12px;
    color: #2a2a2a;
    position: absolute;
    right: 18px;
    top: 12px
}

.background-header .main-nav .nav li.submenu:after {
    color: #2a2a2a
}

.header-area .main-nav .nav li.submenu ul {
    position: absolute;
    width: 200px;
    box-shadow: 0 2px 28px 0 rgba(0,0,0,0.06);
    overflow: hidden;
    top: 50px;
    opacity: 0;
    transform: translateY(+2em);
    visibility: hidden;
    z-index: -1;
    transition: all .3s ease-in-out 0s,visibility 0 linear 0.3s,z-index 0 linear .01s
}

.header-area .main-nav .nav li.submenu ul li {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0
}

.header-area .main-nav .nav li.submenu ul li a {
    opacity: 1;
    display: block;
    background: #f7f7f7;
    color: #2a2a2a!important;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px solid #eee
}

.header-area .main-nav .nav li.submenu ul li a:hover {
    background: #fff;
    color: #009CFE!important;
    padding-left: 25px
}

.header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 3px
}

.header-area .main-nav .nav li.submenu:hover ul {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s,0s,.3s
}

.header-area .main-nav .menu-trigger {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 33px;
    width: 32px;
    height: 40px;
    text-indent: -9999em;
    z-index: 99;
    right: 40px;
    display: none;
    filter: invert(1);
}

.background-header .main-nav .menu-trigger {
    top: 23px
}

.header-area .main-nav .menu-trigger span,.header-area .main-nav .menu-trigger span:before,.header-area .main-nav .menu-trigger span:after {
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #2a2a2a;
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0
}

.background-header .main-nav .menu-trigger span,.background-header .main-nav .menu-trigger span:before,.background-header .main-nav .menu-trigger span:after {
    background-color: #2a2a2a
}

.header-area .main-nav .menu-trigger span:before,.header-area .main-nav .menu-trigger span:after {
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #2a2a2a;
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
    width: 75%
}

.background-header .main-nav .menu-trigger span:before,.background-header .main-nav .menu-trigger span:after {
    background-color: #2a2a2a
}

.header-area .main-nav .menu-trigger span:before,.header-area .main-nav .menu-trigger span:after {
    content: ""
}

.header-area .main-nav .menu-trigger span {
    top: 16px
}

.header-area .main-nav .menu-trigger span:before {
    -moz-transform-origin: 33% 100%;
    -ms-transform-origin: 33% 100%;
    -webkit-transform-origin: 33% 100%;
    transform-origin: 33% 100%;
    top: -10px;
    z-index: 10
}

.header-area .main-nav .menu-trigger span:after {
    -moz-transform-origin: 33% 0;
    -ms-transform-origin: 33% 0;
    -webkit-transform-origin: 33% 0;
    transform-origin: 33% 0;
    top: 10px
}

.header-area .main-nav .menu-trigger.active span,.header-area .main-nav .menu-trigger.active span:before,.header-area .main-nav .menu-trigger.active span:after {
    background-color: transparent;
    width: 100%
}

.header-area .main-nav .menu-trigger.active span:before {
    -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
    -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
    -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
    transform: translateY(6px) translateX(1px) rotate(45deg);
    background-color: #2a2a2a
}

.background-header .main-nav .menu-trigger.active span:before {
    background-color: #2a2a2a
}

.header-area .main-nav .menu-trigger.active span:after {
    -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    transform: translateY(-6px) translateX(1px) rotate(-45deg);
    background-color: #2a2a2a
}

.background-header .main-nav .menu-trigger.active span:after {
    background-color: #2a2a2a
}

.header-area.header-sticky {
    min-height: 88px
}

.header-area.header-sticky .nav li a.active {
    color: #009CFE
}

@media (max-width: 1200px) {
    .header-area .main-nav:before {
        display:none
    }
}

@media (max-width: 992px) {
    .header-area .main-nav .nav li:nth-child(6),.background-header .main-nav .nav li:nth-child(6) {
        padding-right:0
    }

    .background-header .nav li a.active:after {
        display: none
    }
}

@media (max-width: 991px) {
    .pre-header ul.info li:last-child {
        display:none
    }

    .background-header .main-nav .nav {
        margin-top: 80px!important
    }

    .header-area .main-nav .logo {
        color: #1e1e1e
    }

    .header-area.header-sticky .nav li a:hover,.header-area.header-sticky .nav li a.active {
        color: #009CFE!important;
        opacity: 1
    }

    .header-area.header-sticky .nav li.search-icon a {
        width: 100%
    }

    .header-area {
        padding: 0 15px;
        height: 100px;
        box-shadow: none;
        text-align: center;
        box-shadow: 0 5px 8px rgba(0,0,0,0.03)
    }

    .header-area .container {
        padding: 0
    }

    .header-area .menu-trigger {
        display: block!important
    }

    .header-area .main-nav {
        overflow: hidden
    }

    .header-area .main-nav .nav {
        margin-top: 100px;
        float: right;
        width: 350px;
        max-width: 100%;
        display: none;
        -webkit-transition: all 0 ease 0;
        -moz-transition: all 0 ease 0;
        -o-transition: all 0 ease 0;
        transition: all 0 ease 0;
        margin-left: 0;
        border: 1px solid var(--section-border-color);
    }

    .background-header .nav {
        margin-top: 80px
    }

    .header-area .main-nav .nav li:first-child {
        border-top: 1px solid var(--section-border-color)
    }

    .header-area .main-nav .nav li {
        width: 100%;
        background: var(--header-bg);
        border-bottom: 1px solid #e7e7e7;
        padding-left: 0!important;
        padding-right: 0!important
    }

    .header-area .main-nav .nav li a {
        transition: var(--transition);
        height: 50px!important;
        line-height: 50px!important;
        padding: 0!important;
        border: none!important;
        color: var(--dark-bg-txt-color)!important;
        border-radius: 0;
    }

    .header-area .main-nav .nav li a.active, .header-area .main-nav .nav li a:hover {
        background: #eee!important;
        color: var(--light-bg-txt-color)!important
    }

    .header-area .main-nav .nav li.submenu ul {
        position: relative;
        visibility: inherit;
        opacity: 1;
        z-index: 1;
        transform: translateY(0%);
        transition-delay: 0s,0s,.3s;
        top: 0;
        width: 100%;
        box-shadow: none;
        height: 0
    }

    .header-area .main-nav .nav li.submenu ul li a {
        font-size: 12px;
        font-weight: 400
    }

    .header-area .main-nav .nav li.submenu ul li a:hover:before {
        width: 0
    }

    .header-area .main-nav .nav li.submenu ul.active {
        height: auto!important
    }

    .header-area .main-nav .nav li.submenu:after {
        color: #3B566E;
        right: 25px;
        font-size: 14px;
        top: 15px
    }

    .header-area .main-nav .nav li.submenu:hover ul,.header-area .main-nav .nav li.submenu:focus ul {
        height: 0
    }
}

@media (min-width: 640px) and (max-width: 991px) {
    .header-area .logo {
        margin-left:0
    }

    .header-area .logo {
        margin-left: 30px
    }
}

@media (max-width: 609px) {
    .header-area .main-nav .nav {
        margin-top:0;
    }

    .header-area .main-nav .menu-trigger {
        right: 0;
    }
}

@media (min-width: 992px) {
    .header-area .main-nav .nav {
        display:flex!important;
        margin-top: 30px;
    }
}

.icon-wrapper {
    position: relative;
}

@media screen and (max-width: 1199px) {
    .img-flip {
        transform: scaleX(-1);
    }
}

.main-banner:hover [class*='el-'] {
    transform: scale(1)
}

.main-banner:hover .el-1 {
    transform: rotate(-15deg);
}

.main-banner:hover .el-2 {
    transform: rotate(15deg);
}

.main-banner:hover .el-3 {
    transform: rotate(-15deg);
}

.main-banner:hover .el-4 {
    transform: rotate(-15deg);
}

.main-banner:hover .el-5 {
    transform: rotate(15deg);
}

.js-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.js-preloader.loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

@-webkit-keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px)
    }
}

@keyframes dot {
    50% {
        -webkit-transform: translateX(96px);
        transform: translateX(96px)
    }
}

@-webkit-keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px)
    }
}

@keyframes dots {
    50% {
        -webkit-transform: translateX(-31px);
        transform: translateX(-31px)
    }
}

.preloader-inner {
    position: relative;
    width: 142px;
    height: 40px;
    background: #fff
}

.preloader-inner .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 15px;
    background: #009CFE;
    border-radius: 50%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: dot 2.8s infinite;
    animation: dot 2.8s infinite
}

.preloader-inner .dots {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    -webkit-animation: dots 2.8s infinite;
    animation: dots 2.8s infinite
}

.preloader-inner .dots span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    background: #009CFE;
    border-radius: 50%
}

.border-first-button a, .header-area .main-nav .nav li .border-first-button a {
    display: inline-block;
    padding: 5px 20px;
    color: #009CFE;
    border: 1px solid #009CFE;
    border-radius: 8px;
    font-weight: 700;
    transition: all .5s;
    box-shadow: 0px 8px 10px rgb(0 0 0 / 4%);
    width: 160px;
    max-width: 100%;
    text-align: center;
}

.border-first-button a:hover {
    background-color: #009CFE;
    color: #fff!important
}

.main-banner {
    background-color: var(--header-bg);
    color: var(--hero-main-txt-color);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.main-banner p {
    color: var(--hero-main-txt-color);
    font-style: italic;
    line-height: 1.4;
    font-size: 14px;
}

.main-banner .container {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 75px;
}

.main-banner .left-content {
    margin-right: 15px
}

.main-banner .left-content h6 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700;
    color: #009CFE;
    margin-bottom: 15px;
    text-transform: uppercase
}

.main-banner .left-content h2 {
    z-index: 2;
    position: relative;
    font-weight: 700;
    font-size: 50px;
    color: #2a2a2a;
    margin-bottom: 20px
}

.main-banner .left-content p {
    margin-bottom: 30px;
    margin-right: 45px
}

.main-banner .right-image {
    text-align: right;
    position: relative;
    z-index: 20
}

.main-banner .mod {
    font-size: 12px;
}

.about-left-image img {
    margin-right: 45px
}

.about-right-content p {
    margin-top: 30px;
    margin-bottom: 45px
}

.skills-content {
    position: relative;
    z-index: 1;
    margin-top: -50px;
    background-color: #f5f5f5;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 110px 0 50px
}

.skill-item {
    text-align: center
}

.progress {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative
}

.progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #fff;
    position: absolute;
    top: 0;
    left: 0
}

.progress > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress .progress-left {
    left: 0
}

.progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #fd6a54
}

.first-skill-item .progress .progress-bar {
    border-color: #009CFE
}

.second-skill-item .progress .progress-bar {
    border-color: #726ae3
}

.third-skill-item .progress .progress-bar {
    border-color: #f58b56
}

.progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 75px;
    border-bottom-right-radius: 75px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.progress .progress-right {
    right: 0
}

.progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 75px;
    border-bottom-left-radius: 75px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.progress .progress-value {
    text-align: center;
    color: #2a2a2a;
    display: flex;
    width: 100%;
    border-radius: 50%;
    font-size: 35px;
    text-align: center;
    line-height: 25px;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 700
}

.progress .progress-value div {
    margin-top: 10px
}

.progress .progress-value span {
    font-size: 18px;
    text-transform: none;
    color: #afafaf;
    font-weight: 300
}

.progress[data-percentage="10"] .progress-right .progress-bar {
    animation: loading-1 1.5s linear forwards
}

.progress[data-percentage="10"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="20"] .progress-right .progress-bar {
    animation: loading-2 1.5s linear forwards
}

.progress[data-percentage="20"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="30"] .progress-right .progress-bar {
    animation: loading-3 1.5s linear forwards
}

.progress[data-percentage="30"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="40"] .progress-right .progress-bar {
    animation: loading-4 1.5s linear forwards
}

.progress[data-percentage="40"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="50"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards
}

.progress[data-percentage="50"] .progress-left .progress-bar {
    animation: 0
}

.progress[data-percentage="60"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards
}

.progress[data-percentage="60"] .progress-left .progress-bar {
    animation: loading-1 1.5s linear forwards 1.5s
}

.progress[data-percentage="70"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards
}

.progress[data-percentage="70"] .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.5s
}

.progress[data-percentage="80"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards
}

.progress[data-percentage="80"] .progress-left .progress-bar {
    animation: loading-3 1.5s linear forwards 1.5s
}

.progress[data-percentage="90"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards
}

.progress[data-percentage="90"] .progress-left .progress-bar {
    animation: loading-4 1.5s linear forwards 1.5s
}

.progress[data-percentage="100"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards
}

.progress[data-percentage="100"] .progress-left .progress-bar {
    animation: loading-5 1.5s linear forwards 1.5s
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg)
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg)
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg)
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg)
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg)
    }
}

.progress {
    margin-bottom: 1em
}

.services .naccs {
    position: relative;
    z-index: 1
}

.services .icon {
    display: block;
    text-align: center;
    margin: 0 auto
}

.services .naccs .menu div h4 {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    width: 100%
}

.services .icon img {
    margin-bottom: 10px;
    max-width: 40px;
    min-width: 40px
}

.services .naccs .menu {
    text-align: center;
    margin-bottom: 30px
}

.services .naccs .menu div {
    color: #2a2a2a;
    margin: 0;
    width: 15%;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    border-radius: 15px;
    transition: 1s all cubic-bezier(0.075,0.82,0.165,1)
}

.services .naccs .menu div .thumb {
    display: inline-block;
    width: 100%;
    padding: 30px 0;
    background-color: #fff
}

.services .naccs .menu div.active {
    box-shadow: 0 0 15px rgba(0,0,0,0.1)
}

.services ul.nacc {
    height: 100%!important;
    position: relative;
    min-height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: .5s all cubic-bezier(0.075,0.82,0.165,1)
}

.services ul.nacc li {
    opacity: 0;
    transform: translateX(-50px);
    position: absolute;
    list-style: none;
    transition: 1s all cubic-bezier(0.075,0.82,0.165,1)
}

.services ul.nacc li.active {
    transition-delay: .3s;
    position: relative;
    z-index: 2;
    opacity: 1;
    transform: translateX(0px);
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    background-color: #fff;
    border-radius: 15px;
    padding: 80px 120px 50px
}

.services ul.nacc li {
    width: 100%
}

.services ul.nacc li .right-image img {
    max-width: 420px;
    float: right
}

.services .nacc .thumb h4 {
    color: #2a2a2a;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 25px
}

.services .nacc .thumb .main-white-button {
    text-align: right;
    margin-top: 40px
}

.services .nacc .thumb .main-white-button a {
    background-color: #8d99af;
    color: #fff
}

.services .nacc .thumb .main-white-button a i {
    background-color: #fff;
    color: #8d99af
}

.services .left-text h4 {
    font-size: 20px;
    font-weight: 700;
    color: #009CFE!important
}

.services .left-text p {
    margin-bottom: 30px
}

.nacc .ticks-list span {
    display: inline-block;
    opacity: 1;
    margin-right: 45px;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 400
}

.games {
    background-image: url(/img/games-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 75px 0;
    position: relative;
    z-index: 2
}

.games-display::before {
    position: absolute;
    content: '';
    background: url(/img/games.webp) no-repeat center;
    width: 411px;
    height: 411px;
    left: calc(50% - 465px);
    top: -40px;
    transform: rotate(-15deg);
    transition: all .5s ease-in-out;
    filter: drop-shadow(-24px 24px 20px rgba(0, 0, 0, 0.161));
}

.games:hover .games-display::before {
    transform: rotate(-20deg) scale(1.1);
}

.games p {
    color: #fff
}

.games .section-heading {
    color: #fff
}

.games .section-heading h6,.games .section-heading h4 {
    color: #fff
}

.games form {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    min-height: 80px;
    border-radius: 40px;
    position: relative;
    z-index: 1
}

.games form input {
    width: 100%;
    margin-top: 20px;
    margin-left: 30px;
    color: #afafaf;
    font-weight: 400;
    font-size: 15px;
    height: 40px;
    background-color: transparent;
    border-bottom: 1px solid #eee;
    border-top: none;
    border-left: none;
    border-right: none;
    position: relative;
    z-index: 2;
    outline: none
}

.games form button {
    width: 100%;
    height: 80px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    outline: none;
    border: none;
    margin-left: 30px;
    background-color: #009CFE;
    font-size: 15px;
    color: #fff
}

@media screen and (max-width: 991px) {
    .games {
        margin-top: 0;
    }

    .games-display::before {
        display: none;
    }
}

.our-portfolio {
    padding-top: 130px;
    overflow: hidden;
    position: relative
}

.our-portfolio:before {
    content: '';
    background-image: url(../images/portfolio-right-dec.jpg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 414px;
    height: 861px;
    z-index: 1
}

.our-portfolio:after {
    content: '';
    background-image: url(../images/portfolio-left-dec.jpg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 677px;
    height: 759px;
    z-index: 1
}

.our-portfolio .section-heading {
    margin-bottom: 80px
}

.our-portfolio .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    z-index: 2
}

.our-portfolio .item {
    position: relative;
    z-index: 222
}

.portfolio-item {
    border-radius: 25px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin: 15px
}

.portfolio-item .thumb {
    position: relative;
    border-radius: 50px
}

.portfolio-item:hover .down-content h4,.portfolio-item:hover .down-content span {
    color: #009CFE
}

.portfolio-item .thumb img {
    border-top-right-radius: 23px;
    border-top-left-radius: 23px;
    overflow: hidden
}

.portfolio-item .down-content {
    background-color: #fff;
    text-align: center;
    padding: 18px 0;
    border-bottom-right-radius: 23px;
    border-bottom-left-radius: 23px
}

.portfolio-item .down-content h4 {
    font-size: 20px;
    font-weight: 700;
    color: #2a2a2a;
    margin-bottom: 8px;
    transition: all .3s
}

.portfolio-item .down-content span {
    font-size: 15px;
    color: #afafaf;
    transition: all .3s
}

.our-portfolio .owl-nav {
    display: inline-block!important;
    position: absolute;
    top: -125px;
    right: 15%;
    max-width: 1320px
}

.our-portfolio .owl-nav .owl-next {
    margin-left: 10px
}

.our-portfolio .owl-nav span {
    width: 46px;
    height: 46px;
    display: inline-block;
    text-align: center;
    line-height: 46px;
    font-size: 30px;
    background-color: #eee;
    border-radius: 50%;
    color: #fff;
    transition: all .5s
}

.our-portfolio .owl-nav span:hover {
    color: #fff;
    background-color: #009CFE
}

.blog:before {
    content: '';
    background-image: url(../images/blog-left-dec.jpg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 961px;
    height: 1020px;
    z-index: 0
}

.blog {
    position: relative;
    padding-top: 130px
}

.blog .section-heading {
    text-align: center;
    margin-bottom: 80px
}

.blog .section-heading .line-dec {
    margin: 0 auto
}

.blog-post {
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 25px;
    position: relative;
    z-index: 2
}

.show-up {
    position: relative;
    z-index: 222
}

.blog-post .thumb img {
    border-top-right-radius: 23px;
    border-top-left-radius: 23px
}

.blog-post .down-content {
    border-bottom-right-radius: 23px;
    border-bottom-left-radius: 23px;
    background-color: #fff;
    padding: 30px
}

.blog-post .down-content span.category {
    font-size: 15px;
    color: #fff;
    padding: 8px 12px;
    background-color: #009CFE;
    border-radius: 18px;
    display: inline-block
}

.blog-post .down-content span.date {
    font-size: 15px;
    color: #afafaf;
    text-align: right;
    float: right;
    margin-top: 4px
}

.blog-post .down-content h4 {
    font-size: 20px;
    font-weight: 700;
    color: #2a2a2a;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 30px
}

.blog-post .down-content p {
    margin-bottom: 30px
}

.blog-post .down-content span.author {
    font-size: 15px;
    color: #2a2a2a
}

.blog-post .down-content span.author img {
    max-width: 56px;
    border-radius: 50%;
    margin-right: 15px
}

.blog-post .down-content .border-first-button {
    display: inline-block;
    float: right
}

.blog-posts {
    margin-left: 30px
}

.post-item {
    margin-bottom: 62px
}

.last-post-item {
    margin-bottom: 0
}

.post-item .thumb {
    display: inline-block;
    float: left;
    margin-right: 30px
}

.post-item .thumb img {
    border-radius: 23px;
    display: inline-block
}

.post-item .right-content {
    padding-top: 20px
}

.post-item .right-content span.category {
    font-size: 15px;
    color: #fff;
    padding: 8px 12px;
    background-color: #009CFE;
    border-radius: 18px;
    display: inline-block
}

.post-item .right-content span.date {
    font-size: 15px;
    color: #afafaf;
    text-align: right;
    float: right;
    margin-top: 4px
}

.post-item .right-content h4 {
    font-size: 20px;
    font-weight: 700;
    color: #2a2a2a;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 30px
}

.contact-us {
    margin-top: 100px;
    background: url(/img/contact-bg.svg) no-repeat center;
    background-size: cover;
    padding: 50px 0;
    position: relative;
}

.contact-us::before {
    position: absolute;
    content: '';
    background: url(/img/envelope.webp) no-repeat center;
    width: 208px ;
    height: 208px;
    top: -115px;
    left: 50%;
    transform: translateX(-50%) scale(.8);
    transition: all .5s ease-in-out;
}

.contact-us:hover::before {
    transform: translateX(-50%) scale(1);
}

.contact-us .section-heading .line-dec {
    margin: 0 auto
}

.contact-us .section-heading, .contact-us p {
    text-align: center;
    color: #fff;
}

.contact-dec img {
    max-width: 224px;
    position: absolute;
    right: 25px;
    top: -242px
}

form#contactform {
    border-radius: 23px;
    text-align: center;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}

form#contactform .input-group-prepend {
    position: relative;
}

form#contactform .input-group-text {
    position: absolute;
    z-index: 20;
    top: 16px;
    background-color: transparent;
    border: none;
}

form#contactform .input-group-text.txt-area {
    top: 10px;
}

form#contactform #map iframe {
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px;
    margin-bottom: -7px;
    position: relative;
    z-index: 2
}

form#contactform i {
    color: #1B1919;
    margin-top: 4px;
}

form#contactform input::placeholder, form#contactform textarea::placeholder {
    color: #1B1919;
    font-style: italic;
}

form#contactform input {
    width: 100%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #eee;
    outline: none;
    font-size: 15px;
    font-weight: 300;
    color: #2a2a2a;
    padding-left: 35px;
    border-radius: 8px;
    margin-top: 15px;
}

form#contactform textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 120px;
    min-height: 200px;
    height: 120px;
    border-radius: 8px;
    background-color: transparent;
    border: 1px solid #eee;
    outline: none;
    font-size: 15px;
    font-weight: 300;
    color: #2a2a2a;
    padding: 15px 20px 15px 35px;
    margin-top: 15px;
    background: #fff;
}

form#contactform button {
    display: inline-block;
    background-color: #F6BA17;
    font-size: 15px;
    font-weight: 700;
    color: #1B1919;
    margin-top: 30px;
    width: 200px;
    max-width: 100%;
    text-transform: capitalize;
    padding: 5px 25px;
    border-radius: 8px;
    letter-spacing: .25px;
    transition: all .3s;
    outline: none;
    border: none;
}

form#contactform button:hover {
    background-color: #009CFE!important;
    color: #fff!important
}

form #note {
    color: #F6BA17;
}

@media (max-width: 1200px) {
    .header-area .main-nav .logo h4 {
        font-size:24px
    }

    .header-area .main-nav .logo h4 img {
        max-width: 25px;
        margin-left: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-area .main-nav .nav li a {
        font-size: 14px;
    }

    .logo-t {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    form#contactform {
        overflow:hidden
    }

    .header-area .main-nav .logo h4 {
        font-size: 20px
    }

    .main-banner .left-content {
        margin-right: 0
    }

    .main-banner {
        padding: 120px 0 30px
    }

    .main-banner:before {
        display: none
    }

    .main-banner .right-image {
        margin: 30px auto 0;
        text-align: center
    }

    .features-item {
        margin-bottom: 45px
    }

    .last-features-item,.last-skill-item {
        margin-bottom: 0!important
    }

    .skill-item {
        margin-bottom: 30px
    }

    .about-left-image img {
        margin-right: 0;
        margin-bottom: 45px
    }

    .services .naccs .menu div {
        font-size: 15px;
        font-weight: 500
    }

    .service-item {
        text-align: center
    }

    .service-item .icon {
        margin-top: 0;
        margin-bottom: 30px
    }

    .about-us .left-image {
        margin-right: 30px;
        margin-left: 30px;
        margin-bottom: 45px
    }

    .blog-posts {
        margin-left: 0;
        margin-top: 30px
    }

    .post-item {
        margin-bottom: 70px
    }

    .our-portfolio .owl-nav {
        display: none!important
    }

    .contact-info {
        margin-top: 60px
    }

    form#contactform {
        padding: 45px
    }

    #approach {
        padding: 30px 0;
    }
}

@media (max-width: 767px) {
    .header-area .main-nav .logo h4 {
        font-size:30px
    }

    .header-area .main-nav .logo h4 img {
        max-width: 30px;
        margin-left: 5px
    }

    .main-banner .info-stat {
        margin-bottom: 15px
    }

    .service-item {
        text-align: center;
        padding: 30px
    }

    .service-item .icon {
        float: none;
        margin-right: 0;
        margin-bottom: 15px
    }

    .service-item .right-content {
        display: inline-block
    }

    .services .naccs .menu div .thumb {
        padding: 5px
    }

    .services .icon img {
        margin: 0
    }

    .services ul.nacc li.active {
        padding: 45px
    }

    .services .naccs .menu div {
        font-size: 0
    }

    .services ul.nacc li .right-image img {
        float: none
    }

    .our-portfolio .section-heading,.about-us .section-heading,.about-us .about-item,.about-us p,.about-us .main-green-button {
        text-align: center
    }

    .our-portfolio .section-heading .line-dec {
        margin: 0 auto
    }

    .our-services .section-heading {
        margin-left: 15px;
        margin-right: 15px
    }

    .games form input {
        margin-left: 0;
        padding: 0 30px
    }

    .games form button {
        margin-left: 0;
        border-bottom-left-radius: 40px;
        border-top-right-radius: 0
    }

    .blog-posts {
        margin-left: 0;
        margin-top: 30px
    }

    .post-item {
        margin-bottom: 30px
    }

    .post-item .thumb img {
        max-width: 140px
    }

    .post-item .right-content p {
        display: none
    }

    .about-us .about-item {
        margin-top: 15px
    }

    form#contactform {
        padding: 30px
    }
}

.stars {
    width: 100px;
    height: 23px;
    text-align: center;
    position: relative;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    left: 50px;
    top: 15px;
}

.stars-ghost {
    width: 0px;
    position: relative;
    float: left;
    overflow: hidden;
    height: 100%;
    z-index: 2;
}

.stars .star:nth-child(1) {
    left: 0;
}

.stars .star:nth-child(2) {
    left: 20px;
}

.stars .star:nth-child(3) {
    left: 40px;
}

.stars .star:nth-child(4) {
    left: 60px;
}

.stars .star:nth-child(5) {
    left: 80px;
}

.stars .star {
    width: 20px;
    position: absolute;
    top: 0;
    font-size: 16px;
    color: var(--yellow);
}

.rating {
    position: relative;
    font-size: 1.25rem;
    text-align: center;
    line-height: 1;
}

.rating .rating-value {
    font-size: 1.5rem;
}

.rating-text {
    font-size: 0.7rem;
    text-transform: uppercase;
    text-align: center;
}

.rating-txt {
    position: absolute;
    top: 25px;
    left: 115px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.brand-table {
    max-width: 100%;
    color: var(--txt-color);
    font-size: 1.25rem;
    font-weight: 500;
}

.brand-table .bonus-text {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1rem;
}

.brand-table .bonus {
    color: var(--bonus-c);
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 1.2;
}

.brand-table .bonus-accent {
    color: var(--bonus-c);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.brand-table .row {
    background: var(--white);
    color: var(--txt-color);
    border-radius: 6px;
    padding: 5px 0;
    margin-bottom: 10px;
    text-indent: 0;
    position: relative;
}

.brand-table .row.top-brand {
    border: 4px solid var(--accent);
}

.brand-table .rec-rating.top-rev-v {
    transform: scale(.65);
    -webkit-transform: scale(.65);
    margin: 0;
    left: -6px;
    position: absolute;
}

.in-btn {
    display: block;
    width: 80%;
    border-radius: 6px;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
}

.primary-table .in-btn {
    border: 1px solid var(--sec-btn-border);
    color: var(--sec-btn-color);
    transition: var(--transition);
}

.primary-table .in-btn:hover {
    border: 1px solid var(--sec-btn-bg-hover);
    background: var(--sec-btn-bg-hover);
}

.brand-table .brand-label {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 150 18'%3E%3Cpath fill='%2362a1bb' fill-rule='nonzero' d='M.001 0h150l-6.69 9 6.69 9h-150V0z'/%3E%3C/svg%3E") center right / cover no-repeat;
    position: absolute;
    z-index: 1;
    border-radius: 0;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    width: fit-content;
    height: 18px;
    padding: 0 20px;
    top: 7px;
    left: 15px;
}

.brand-table .top-brand .brand-label {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 145 20'%3E%3Cpath fill='%2300d36c' fill-rule='nonzero' d='M.001 0h145l-8.08 10.005 8.08 9.995h-145V0z'/%3E%3C/svg%3E") center right / cover no-repeat;
    left: 11px;
}

.brand-table .terms.sp {
    margin-bottom: 0;
    text-align: left;
}

.brand-table .row.payments {
    width: 300px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #F2F4F5;
}

.brand-table .row.payments .row {
    background: #F2F4F5;
}

.primary-table .table-row {
    border: 1px solid var(--table-border-color);
    border-radius: 6px;
    background: var(--transparent);
}

.primary-table .table-row:first-child {
    background: var(--white);
    border-width: 2px;
}

.primary-table .brand-logo {
    border-radius: 4px 0 0 4px;
}

.primary-table .brand-rating {
    border-right: 1px solid #C4C4C4;
}

.brand-rating :is(h3, .brand-score, .brand-name) {
    color: var(--light-bg-txt-color);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.brand-rating h3::before {
    all: unset;
}

.brand-score {
    gap: 5px;
}

.rating-star {
    display: inline-block;
    width: 17px;
    height: 16px;
    background: center / contain no-repeat var(--icon-rating-star);
    position: relative;
    top: 1px;
}

.brand-bonus {
    color: var(--bonus-c);
    font-weight: 600;
    line-height: 1.2;
    min-height: 90px;
}

.bonus-amount {
    font-size: 24px;
}

.bonus-before {
    color: var(--bonus-c);
    font-size: 18px;
}

.bonus-after {
    font-size: 18px;
}

.primary-table .brand-cta {
    gap: 8px;
}

.cta-btn.review-btn {
    background: var(--transparent);
    border: 1px solid var(--btn-bg);
    color: var(--light-bg-txt-color);
    transition: var(--transition);
}

.cta-btn.review-btn:hover {
    background: var(--btn-bg-hover);
}

@media screen and (min-width: 768px) {
    .primary-table .table-row {
        height: 110px;
    }
}

@media screen and (max-width: 767px) {
    .primary-table {
        width: 350px;
        max-width: 100%;
    }

    .primary-table .brand-logo {
        border-radius: 4px 4px 0 0;
        display: block;
        height: 65px;
    }

    .primary-table .brand-rating {
        border-right: none;
        border-bottom: 1px solid #C4C4C4;
        padding: 12px 0;
    }

    .primary-table .brand-bonus {
        padding: 12px 0;
    }

    .primary-table .brand-cta {
        gap: 12px;
    }

    .primary-table :is(.brand-rating, .brand-bonus, .brand-cta) {
        max-width: 300px;
    }
}

.terms {
    font-size: 12px;
}

.more-payments {
    text-decoration: underline;
    color: var(--txt-color);
    font-size: 10px;
    font-weight: 600;
}

.pay-visa {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 2' viewBox='0 0 31.717 9.718'%3E%3Cg fill-rule='evenodd' data-name='Layer 1'%3E%3Cpath fill='%2301549a' d='M11.195 9.604L12.786.166h2.578l-1.591 9.438z' data-name='Path 64'/%3E%3Cpath fill='%2301549a' d='M23.048.383A7.072 7.072 0 0 0 20.742 0c-2.536 0-4.283 1.278-4.334 3.127 0 1.319 1.316 2.086 2.236 2.526 1.044.492 1.373.767 1.373 1.207 0 .6-.824.875-1.536.875a4.887 4.887 0 0 1-2.411-.491l-.386-.109-.324 2.086a7.624 7.624 0 0 0 2.846.5c2.689 0 4.446-1.278 4.5-3.194 0-1.1-.715-1.916-2.194-2.578-.878-.441-1.428-.712-1.428-1.153 0-.383.492-.824 1.479-.824a5.807 5.807 0 0 1 1.916.319l.217.112z' data-name='Path 65'/%3E%3Cpath fill='%2301549a' d='M29.685.163h-2.028a1.26 1.26 0 0 0-1.319.77l-3.833 8.668h2.689s.438-1.153.546-1.428h3.287c.109.319.319 1.428.319 1.428h2.37zm-3.175 6.09c.22-.549.987-2.635.987-2.635s.22-.549.383-.933l.16.824.605 2.744z' data-name='Path 66'/%3E%3Cpath fill='%2301549a' d='M8.997.163L6.528 6.586l-.271-1.319a7.583 7.583 0 0 0-3.568-3.951l2.3 8.285h2.689L11.744.163z' data-name='Path 67'/%3E%3Cpath fill='%23f7a707' d='M4.171.163H.054L0 .383c3.239.77 5.379 2.635 6.257 4.884L5.321.987a1.035 1.035 0 0 0-1.15-.824z' data-name='Path 68'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 85%!important;
}

.pay-ethereum {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 115 182' focusable='false' class='chakra-icon css-1io60e2'%3E%3Cpath d='M57.5054 181V135.84L1.64064 103.171L57.5054 181Z' fill='%23F0CDC2' stroke='%231616B4' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M57.6906 181V135.84L113.555 103.171L57.6906 181Z' fill='%23C9B3F5' stroke='%231616B4' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M57.5055 124.615V66.9786L1 92.2811L57.5055 124.615Z' fill='%2388AAF1' stroke='%231616B4' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M57.6903 124.615V66.9786L114.196 92.2811L57.6903 124.615Z' fill='%23C9B3F5' stroke='%231616B4' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M1.00006 92.2811L57.5054 1V66.9786L1.00006 92.2811Z' fill='%23F0CDC2' stroke='%231616B4' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M114.196 92.2811L57.6906 1V66.9786L114.196 92.2811Z' fill='%23B8FAF6' stroke='%231616B4' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}

.pay-litecoin {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 2083 2777' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Artboard1' transform='matrix(0.936416,0,0,0.984055,-1326.99,-461.671)'%3E%3Crect x='1417.1' y='469.152' width='2223.65' height='2821.34' style='fill:none;'/%3E%3Cg transform='matrix(4.44959,0,0,4.23418,-151.026,-53.164)'%3E%3Cpath d='M830.28,665.691L531.424,663.54L586.844,489.918L675.613,465.655L698.81,409.464L604.243,435.407L695.161,150.574C698.176,141.13 691.172,131.469 681.258,131.397L577.372,130.65C570.781,130.603 564.965,134.945 563.138,141.276L467.402,472.947L381.318,496.564L358.124,552.434L451.854,526.814L379.292,778.204L811.314,781.313L844.094,685.14C847.33,675.642 840.314,665.764 830.28,665.691Z' style='fill:rgb(0,93,158);fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.pay-instadebit {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f0efeb' d='M512 256c0 141.385-114.615 256-256 256-70.886 0-135.043-28.808-181.405-75.368a256.518 256.518 0 0 1-40.26-52.496C12.497 346.457 0 302.686 0 256 0 114.615 114.615 0 256 0c50.427 0 97.437 14.576 137.059 39.748a257.193 257.193 0 0 1 84.511 87.949C499.472 165.418 512 209.251 512 256z'/%3E%3Cg fill='%23fe9a00'%3E%3Cpath d='M453.604 274.335H291.312l-26.558 162.291h162.292zM491.963 39.75H329.672l-26.56 162.291h162.292zM214.591 274.338L188.03 436.632H74.595a256.518 256.518 0 0 1-40.26-52.496l17.962-109.798h162.294z'/%3E%3C/g%3E%3C/svg%3E");
}

.pay-mastercard {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 54 33' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Artboard1' transform='matrix(0.986965,0,0,0.979104,0.976948,0.343689)'%3E%3Crect x='-0.99' y='-0.351' width='53.855' height='33.597' style='fill:none;'/%3E%3Cg id='Fill-1' transform='matrix(1.01321,0,0,1.02134,0.023357,-0.0466863)'%3E%3Cpath d='M18.775,28.538L32.693,28.538L32.693,3.416L18.775,3.416L18.775,28.538Z' style='fill:rgb(255,95,0);'/%3E%3C/g%3E%3Cg id='Fill-2' transform='matrix(1.01321,0,0,1.02134,0.023357,-0.0466863)'%3E%3Cpath d='M19.659,15.977C19.659,10.88 22.035,6.341 25.734,3.416C23.028,1.276 19.615,0 15.904,0C7.121,0 0,7.153 0,15.977C0,24.801 7.121,31.954 15.904,31.954C19.615,31.954 23.028,30.678 25.734,28.538C22.035,25.612 19.659,21.074 19.659,15.977' style='fill:rgb(235,0,27);'/%3E%3C/g%3E%3Cg id='Fill-4' transform='matrix(1.01321,0,0,1.02134,0.023357,-0.0466863)'%3E%3Cpath d='M51.468,15.977C51.468,24.801 44.347,31.954 35.564,31.954C31.853,31.954 28.439,30.677 25.734,28.538C29.433,25.613 31.809,21.073 31.809,15.977C31.809,10.881 29.433,6.341 25.734,3.416C28.439,1.276 31.853,-0 35.564,-0C44.347,-0 51.468,7.153 51.468,15.977Z' style='fill:rgb(247,158,27);'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.pay-muchbetter {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 172 171' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Artboard1' transform='matrix(1,0,0,1.01375,1.7328,3.03198)'%3E%3Crect x='-1.733' y='-2.991' width='171.547' height='168.081' style='fill:none;'/%3E%3Cg transform='matrix(1,0,0,0.986441,0.267203,-0.0315431)'%3E%3Cpath d='M62.32,117.62L19.21,43.73C16.34,38.81 10.03,37.15 5.12,40.02C0.2,42.89 -1.46,49.2 1.41,54.11L44.52,128C46.44,131.28 49.89,133.11 53.43,133.11C55.19,133.11 56.98,132.66 58.61,131.7C63.53,128.83 65.19,122.52 62.32,117.61L62.32,117.62Z' style='fill:rgb(246,146,32);fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(1,0,0,0.986441,0.267203,-0.0315431)'%3E%3Cpath d='M161.9,92.94C161.73,87.7 160.12,82.41 157.08,77.08C152.34,68.8 146.99,63.14 139.75,59.72C133.59,56.81 126.7,55.18 119.6,55.93C122.09,51.1 123.38,45.8 123.88,40.43C124.6,32.57 122,25.66 117.22,17.4C114.15,12.09 110.38,8.04 105.93,5.26C101.49,2.48 96.62,0.8 91.33,0.24C86.04,-0.32 80.54,0.11 74.82,1.53C72.99,1.98 71.04,2.55 69.07,3.2C68.33,3.44 67.58,3.71 66.73,4.01C63.3,5.26 54.28,10.27 51.21,12.05L36.61,21.18L36.28,21.37C30.77,24.52 28.86,31.53 32.01,37.04C34.13,40.75 38,42.82 41.99,42.82C43.92,42.82 45.88,42.33 47.68,41.3L47.93,41.15L72.08,27.36C74.32,26.06 76.66,25.26 79.08,24.96C81.51,24.65 83.85,24.83 86.12,25.49C88.39,26.14 90.52,27.24 92.51,28.76C94.49,30.29 96.14,32.17 97.44,34.41C98.74,36.65 99.6,39.03 100.03,41.54C100.45,44.05 100.46,46.45 100.05,48.74C99.64,51.03 98.81,53.13 97.55,55.04C96.29,56.94 94.6,58.51 92.48,59.75L77.92,68.44L71.72,72.03L67.71,74.34C62.5,77.35 60.71,84.01 63.72,89.22C65.74,92.72 69.4,94.67 73.17,94.67C75.02,94.67 76.89,94.2 78.61,93.21L86.68,88.55L107.34,77.26C109.48,76.04 111.69,75.37 113.96,75.24C116.25,75.11 118.48,75.45 120.66,76.24C122.84,77.03 124.91,78.25 126.87,79.88C128.82,81.51 130.44,83.45 131.73,85.7C133.02,87.95 133.82,90.32 134.14,92.8C134.46,95.28 134.34,97.68 133.76,99.97C133.19,102.27 132.16,104.38 130.68,106.33C129.2,108.28 127.34,109.89 125.09,111.18L89.27,131.58L87.51,132.59L81.05,136.34L68.52,143.09C63.01,146.06 60.95,152.93 63.92,158.45C65.97,162.25 69.87,164.41 73.91,164.41C75.72,164.41 77.57,163.97 79.28,163.05L110.21,146.39L135,132.82C140.57,129.64 145.4,125.93 149.5,121.7C153.6,117.47 156.74,112.93 158.91,108.07C161.08,103.22 162.08,98.17 161.91,92.92L161.9,92.94Z' style='fill:rgb(96,96,96);fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.pay-payid {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 36 31' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Artboard1' transform='matrix(0.966667,0,0,0.934659,-72.9322,-13.2534)'%3E%3Crect x='75.447' y='14.18' width='36.461' height='32.909' style='fill:none;'/%3E%3Cg transform='matrix(1.03448,0,0,1.06991,-3.39638,-3.09944)'%3E%3Cpath d='M107.17,34.36C106.98,35.59 106.7,36.7 106.34,37.56C104,43.1 98.53,45.91 90.1,45.91L77.82,45.91L77.82,26.69L81.28,26.69L81.28,42.43L90.09,42.43C97,42.43 101.4,40.33 103.14,36.2C103.34,35.72 103.52,35.08 103.65,34.36L100.78,34.36L105.72,28.12L110.67,34.37L107.17,34.36Z'/%3E%3C/g%3E%3Cg transform='matrix(1.03448,0,0,1.06991,-3.39638,-3.09944)'%3E%3Cpath d='M88.01,17.33L89.53,17.14C89.66,17.13 92.72,16.76 96.27,17.51C101.18,18.55 104.65,21.2 106.32,25.18L103.13,26.53C100.86,21.1 94.42,20.49 91.47,20.51L91.47,36.66L88.01,36.66L88.01,17.33Z'/%3E%3C/g%3E%3Cg transform='matrix(1.03448,0,0,1.06991,-3.39638,-3.09944)'%3E%3Cpath d='M77.09,19.54C77.09,18.1 78.25,16.94 79.68,16.94C81.11,16.94 82.27,18.1 82.27,19.54C82.27,20.98 81.11,22.14 79.68,22.14C78.25,22.14 77.09,20.98 77.09,19.54Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.pay-paysafecard {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 15 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Artboard1' transform='matrix(1,0,0,1,0.785976,0.299276)'%3E%3Crect x='-0.786' y='-0.299' width='14.049' height='19.846' style='fill:none;'/%3E%3Cg transform='matrix(1,0,0,1,0.214024,0.700724)'%3E%3Cpath d='M9.6,17.6L2.5,17.6C1.1,17.6 0,16.5 0,15.1L0,8.7C0,7.3 1.1,6.2 2.5,6.2L9.6,6.2C11,6.2 12.1,7.3 12.1,8.7L12.1,15.1C12.1,16.5 11,17.6 9.6,17.6Z' style='fill:rgb(226,0,26);fill-rule:nonzero;'/%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,0.214024,0.700724)'%3E%3Cpath d='M1.9,5.5C2.2,3.6 4,2.1 6.1,2.1C8.2,2.1 10,3.6 10.3,5.5C10.9,5.6 11.5,5.9 12,6.4L12,5.8C11.9,2.6 9.3,0 6.1,0C2.9,0 0.2,2.6 0.2,5.8L0.2,6.4C0.7,6 1.2,5.6 1.9,5.5Z' style='fill:rgb(226,0,26);fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.pay-neosurf {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 475 561' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Artboard1' transform='matrix(1,0,0,1,26.6768,-15.4253)'%3E%3Crect x='-26.677' y='15.425' width='474.466' height='560.213' style='fill:none;'/%3E%3Cg transform='matrix(1,0,0,1,0.323171,-12.9131)'%3E%3Cpath d='M0,104.036L0,574.869L133.334,574.869L133.334,262.369C137.861,265.685 205.984,399.331 214.354,416.073C218.552,424.466 222.575,431.034 226.402,438.749C239.278,464.711 279.274,546.988 301.969,564.57C308.099,569.317 314.407,574.934 321.779,578.093C375.926,601.294 423.615,558.943 423.615,508.205L423.615,40.147L290.28,40.147L290.28,322.093C286.275,319.157 242.415,230.345 234.241,214.242C215.534,177.386 198.109,141.916 179.631,104.962C155.602,56.903 141.563,37.279 89.124,31.578C42.827,26.544 0,55.862 0,104.036Z' style='fill:rgb(252,0,132);'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.pay-bitcoin {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 256 334' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Artboard1' transform='matrix(0.992347,0,0,1,-115.117,-84.7856)'%3E%3Crect x='116.005' y='84.786' width='257.643' height='333.227' style='fill:none;'/%3E%3Cg id='g16' transform='matrix(0.0157455,0,0,0.015625,-2.87643,0.785623)'%3E%3Cpath id='symbol' d='M23603.7,14049.8C23929.8,11869.7 22269.9,10697.7 20000.2,9915.9L20736.5,6962.69L18938.8,6514.69L18222,9390.08C17749.5,9272.32 17264.1,9161.22 16781.8,9051.14L17503.7,6156.8L15707.1,5708.8L14970.3,8660.99C14579.1,8571.9 14195.1,8483.84 13822.4,8391.17L13824.5,8381.95L11345.4,7762.94L10867.1,9682.94C10867.1,9682.94 12200.9,9988.61 12172.7,10007.6C12900.8,10189.3 13032.4,10671.1 13010.4,11053.1L12171.7,14417.4C12221.9,14430.2 12286.9,14448.6 12358.6,14477.3C12298.7,14462.5 12234.7,14446.1 12168.7,14430.2L10993.1,19143.2C10904,19364.4 10678.2,19696.1 10169.3,19570.2C10187.2,19596.3 8862.67,19244 8862.67,19244L7970.25,21301.8L10309.6,21884.9C10744.8,21994 11171.3,22108.2 11591.1,22215.7L10847.2,25202.7L12642.8,25650.7L13379.5,22695.4C13870,22828.5 14346.2,22951.4 14812.1,23067.1L14077.9,26008.6L15875.5,26456.6L16619.5,23475.2C19684.8,24055.3 21989.8,23821.3 22960.1,21048.8C23741.9,18816.5 22921.2,17528.8 21308.4,16689.2C22482.9,16418.3 23367.6,15645.7 23603.7,14049.8ZM19496.4,19809.3C18940.9,22041.6 15182.3,20834.8 13963.7,20532.2L14950.9,16575C16169.4,16879.1 20077,17481.2 19496.4,19809.3ZM20052.4,14017.5C19545.5,16048.1 16417.2,15016.4 15402.4,14763.5L16297.4,11174.4C17312.2,11427.3 20580.3,11899.4 20052.4,14017.5Z' style='fill:rgb(249,170,75);fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.pay-ezeewallet {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 203 206'%3E%3Cpath fill='none' d='M0 0h202.268v205.268H0z'/%3E%3Cpath fill='%2303c5d3' fill-rule='nonzero' d='M77.319 126.1c0 6.6 5.3 11.9 11.9 11.9h95v-23.7h-95c-6.6-.1-11.9 5.2-11.9 11.8M184.12 66.7H89.118c-6.6 0-11.9 5.3-11.9 11.9 0 6.6 5.3 11.9 11.9 11.9h95V66.7z'/%3E%3Cpath fill='%2303c5d3' fill-rule='nonzero' d='M47.019 58.5c-1.7 3.1-2.5 6.6-2.5 10.1-.1 9 5.5 15.8 12.9 20.4 5.5 3.6 10.8 7.8 10.8 14.6s-5.3 11-10.8 14.6c-7.3 4.6-12.9 11.4-12.9 20.4 0 3.5.8 7 2.5 10.1 5.3 10 16.4 12.9 26.9 12.9h122v35.6H66.82c-14.6.1-29.9-3.2-41.6-12.4-6.7-5.2-11.9-12.1-14.8-20.2-6.8-18.3-2.7-36.2 11.4-49.5 1.4-1.4 2.9-2.7 4.2-4.2 1.4-1.6 2.7-3.4 3.3-5.5.2-.6.3-1 .3-1.8s-.1-1.2-.3-1.8c-.6-2.1-1.9-3.9-3.3-5.5-1.3-1.5-2.8-2.8-4.2-4.2-14.1-13.3-18.2-31.3-11.4-49.5 3-8 8.1-15 14.9-20.2 11.7-9.1 27-12.5 41.6-12.4h129.1v35.6h-122c-10.6 0-21.7 2.9-27 12.9'/%3E%3C/svg%3E");
}

.pay-mifinity {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 136.62 60.67'%3E%3Cdefs%3E%3Cstyle%3E.cls-5%7Bfill:%23e7e6e6%7D%3C/style%3E%3ClinearGradient id='linear-gradient' x1='109.2' x2='185.26' y1='-13.39' y2='-13.39' gradientTransform='rotate(.6 -3054.614 -4874.29)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.01' stop-color='%23ffa220'/%3E%3Cstop offset='.04' stop-color='%23ffa61c'/%3E%3Cstop offset='.34' stop-color='%23ffc000'/%3E%3Cstop offset='.61' stop-color='%23fdc200'/%3E%3Cstop offset='.74' stop-color='%23f6c900'/%3E%3Cstop offset='.75' stop-color='%23f5cb00'/%3E%3Cstop offset='.78' stop-color='%23f3c200'/%3E%3Cstop offset='.84' stop-color='%23f0b100'/%3E%3Cstop offset='.89' stop-color='%23efab00'/%3E%3Cstop offset='1' stop-color='%23b74600'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='109.2' x2='185.26' y1='-12.72' y2='-12.72' xlink:href='%23linear-gradient'/%3E%3ClinearGradient id='linear-gradient-3' x1='915.45' x2='991.88' y1='-840.28' y2='-840.28' gradientTransform='matrix(.93 .21 -.23 1 -1035.42 678.61)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.01' stop-color='%23c59252'/%3E%3Cstop offset='.22' stop-color='%23eba31c'/%3E%3Cstop offset='.34' stop-color='%23ffac00'/%3E%3Cstop offset='.51' stop-color='%23fdac03'/%3E%3Cstop offset='.63' stop-color='%23f6ab0d'/%3E%3Cstop offset='.75' stop-color='%23e9aa1e'/%3E%3Cstop offset='.78' stop-color='%23e4a925'/%3E%3Cstop offset='.8' stop-color='%23e7ac21'/%3E%3Cstop offset='.86' stop-color='%23f4b70f'/%3E%3Cstop offset='.93' stop-color='%23fcbe04'/%3E%3Cstop offset='1' stop-color='%23ffc000'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-4' x1='926.06' x2='919.11' y1='-861.81' y2='-824.59' xlink:href='%23linear-gradient-3'/%3E%3ClinearGradient id='linear-gradient-5' x1='2590.99' x2='2645.13' y1='-10889.04' y2='-10834.91' gradientTransform='matrix(-.08 .92 -.64 -.05 -6697.37 -2951.11)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.11' stop-color='%23fff'/%3E%3Cstop offset='.61' stop-color='%23878787'/%3E%3Cstop offset='.95' stop-color='%23fff'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-6' x1='149.25' x2='13.66' y1='56.5' y2='-6.15' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.01' stop-color='%23001f2a'/%3E%3Cstop offset='.16' stop-color='%23004b5d'/%3E%3Cstop offset='.2' stop-color='%2300576e'/%3E%3Cstop offset='.31' stop-color='%2300799f'/%3E%3Cstop offset='.42' stop-color='%230094c7'/%3E%3Cstop offset='.52' stop-color='%2300a8e3'/%3E%3Cstop offset='.61' stop-color='%2300b4f4'/%3E%3Cstop offset='.67' stop-color='%2300b8fa'/%3E%3Cstop offset='.76' stop-color='%2300b6f7'/%3E%3Cstop offset='.83' stop-color='%2301aeec'/%3E%3Cstop offset='.9' stop-color='%2303a2da'/%3E%3Cstop offset='.97' stop-color='%230691c1'/%3E%3Cstop offset='1' stop-color='%230788b3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg style='isolation:isolate'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath fill='url(%23linear-gradient)' d='M132 14.29a7.87 7.87 0 0 1 .59.91 24.15 24.15 0 0 0-2.17-5.74c-8-14.58-30.07-10.22-52.13 6.31a83.31 83.31 0 0 0-15.54 15.12 65.16 65.16 0 0 1 7.63 5.39A32.19 32.19 0 0 0 75 39.1c1.4-1.62 2.85-3.21 4.38-4.78C99.06 14.05 124.07 3.75 132 14.29z'/%3E%3Cpath fill='url(%23linear-gradient-2)' d='M133.38 26.66l.41-.12c.71-4.56.42-8.51-1.21-11.34a36.46 36.46 0 0 1 .8 11.46z'/%3E%3Cg style='mix-blend-mode:soft-light'%3E%3Cpath d='M132.53 15.13a7.87 7.87 0 0 0-.59-.91l-.09-.1c.18.55.34 1.11.48 1.69a9 9 0 0 1 .63 1.28c-.12-.67-.27-1.32-.43-1.96z' class='cls-5'/%3E%3Cpath d='M78.06 16.66c22-16.65 44.08-21.14 52.1-6.6a22.94 22.94 0 0 1 1.72 4 .43.43 0 0 0 .09.1c.21.29.4.59.59.91a23.87 23.87 0 0 0-2.2-5.72c-8-14.55-30.11-10.06-52.1 6.59A81.22 81.22 0 0 0 58 38.11a1.83 1.83 0 0 1 .13.16 81 81 0 0 1 19.93-21.61z' class='cls-5'/%3E%3C/g%3E%3Cpath d='M21.05 11.49z'/%3E%3Cpath fill='url(%23linear-gradient-3)' d='M71.78 31c-2-1.72-4.1-3.34-6-5.2a98.78 98.78 0 0 1-12.64 12.49c-19.69 16.26-40.89 21.65-47.36 12-.1-.15-.19-.31-.28-.46a20.15 20.15 0 0 1-2.75-6A22.69 22.69 0 0 1 3 31.54C0 37.62-.89 43.63 1 48.77c5 13.59 27.34 15.87 49.83 5.11 10.49-5 19.15-12 24.92-19.37-1.31-1.16-2.62-2.34-3.97-3.51z'/%3E%3Cpath fill='url(%23linear-gradient-4)' d='M24.09 10.72a14.08 14.08 0 0 0-3.1.62l.06.15-.18-.09c-4.34 3.1-4.49 3.12.18.09a49.9 49.9 0 0 0-7.67 5.87A53.44 53.44 0 0 0 3.73 30q-.4.75-.78 1.5a22.69 22.69 0 0 0-.2 12.36 20.15 20.15 0 0 0 2.75 6 20.33 20.33 0 0 1-2.63-9.76C3 31.54 10.2 20.22 15.11 16a13.4 13.4 0 0 1 7.71-3.51 6.38 6.38 0 0 1 1.27-1.77z'/%3E%3Cpath d='M42.86 45.85c9.22-5.72 17.52-13.61 20.1-17l1.5-1.63c1.17-1.11 2.62-3.34 3.77-4.41 2.93-1.53 8.4-5.35 14.12-9.15 2.46-1.63 4.94-3.24 6.34-4l6.72 11.12c-4.19 2.72-14.92 11.77-18.71 15-1.2 1 .23-1.22-.89-.16l-8 7.19a79.79 79.79 0 0 1-18.25 11.63z' style='mix-blend-mode:multiply' fill='url(%23linear-gradient-5)' opacity='.71'/%3E%3Cpath fill='url(%23linear-gradient-6)' d='M128.91 7.25c16.37 31-20.89 45.52-40.44 24.14C80.23 21 79.32 15.88 74.18 10.6c-22-21.35-53.64-8.08-70.09 18.68 2.19-2.62 16.1-18.48 36.33-16 15.63 2 18.19 22 41.32 33.79 26.26 13.44 73.44-4.71 47.17-39.82z'/%3E%3Cpath d='M82.44 46.31C59.31 34.49 56.75 14.48 41.12 12.52 21.82 10.11 8.27 24.44 5.17 28v.06c4.1-4.52 17.14-17 35.25-14.73 15.63 2 18.19 22 41.32 33.78 16.26 8.3 40.53 4.5 50.43-7.94-10.3 11.83-33.85 15.25-49.73 7.14z' style='mix-blend-mode:darken' fill='%231887b2' opacity='.57'/%3E%3Cpath d='M129.71 8.26c-.26-.37-.52-.74-.8-1.11 16 30.34-19.38 44.92-39.21 25.41 19.6 20.1 55.36 5.86 40.01-24.3z' style='mix-blend-mode:soft-light' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.pay-neteller {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 640 610'%3E%3Cpath fill='none' d='M0 0h639.924v609.885H0z'/%3E%3Cpath fill='%238cc63e' d='M118.967 20.114H285.68l123.492 286.5L459.803 9H635.16L531.428 594.348H364.715L241.224 306.614l-53.102 297.613H14L118.967 20.114z'/%3E%3C/svg%3E");
}

.pay-skrill {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 142 184'%3E%3Cpath fill='url(%23_Linear1)' fill-rule='nonzero' d='M71.8 67.3C65.8 66.9 52 66 52 53.6c0-15 19.9-15 27.3-15 13.1 0 30.1 3.9 42.2 7.5 0 0 6.8 2.4 12.5 4.8l.5.1V10l-.7-.2C119.5 4.8 102.9 0 72 0 18.8 0 0 31 0 57.5c0 15.3 6.6 51.3 67.5 55.5 5.2.3 18.9 1.1 18.9 14 0 10.6-11.2 16.9-30.1 16.9-20.7 0-40.7-5.3-52.9-10.3v42.3c18.2 4.8 38.8 7.2 62.9 7.2 52 0 75.3-29.3 75.3-58.4 0-33-26-54.4-69.8-57.4z'/%3E%3Cdefs%3E%3ClinearGradient id='_Linear1' x1='0' x2='1' y1='0' y2='0' gradientTransform='translate(.1 86.187) scale(566.809)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23872166'/%3E%3Cstop offset='1' stop-color='%234f2455'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.pay-revolut {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 26 32'%3E%3Cpath fill='%23191c1f' d='M5.911 7.831H0v23.9h5.911v-23.9zm18.535 1.367c0-5.072-4.13-9.198-9.207-9.198H0v5.104h14.515c2.297 0 4.2 1.805 4.242 4.023a4.072 4.072 0 0 1-1.173 2.952 4.074 4.074 0 0 1-2.928 1.23H9.001c-.2 0-.364.163-.364.364v4.536c0 .077.024.151.069.213l9.593 13.309h7.023l-9.616-13.345c4.843-.243 8.74-4.312 8.74-9.188z'/%3E%3C/svg%3E");
}

.pay-jeton {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 296 297'%3E%3Cpath fill='%23ff6400' d='M149.7 296.018c4.651-.242 11.129-.45 17.575-1.322 25.323-3.427 48.272-12.703 68.821-27.863 13.325-9.831 24.585-21.69 33.956-35.334a137.192 137.192 0 0 0 7.342-11.961c.464-.85.871-1.696.181-2.61-.685-.907-1.581-.855-2.534-.523-.235.082-.484.121-.725.185l-80.085 21.444-68.696 18.395c-17.717 4.744-35.434 9.486-53.152 14.227-1.05.281-2.157.583-2.349 1.834-.198 1.297.873 1.803 1.789 2.353a147.484 147.484 0 0 0 14.394 7.592c19.569 8.999 40.13 13.496 63.483 13.583zM295.608 151.311c.396-6.619.052-13.214-.688-19.791-2.635-23.432-10.48-44.982-23.302-64.756-1.131-1.744-2.303-2.245-4.348-1.679-10.583 2.93-21.199 5.74-31.808 8.577-22.001 5.884-44.009 11.745-66.007 17.639-32.123 8.607-64.239 17.244-96.362 25.853a37546.615 37546.615 0 0 1-70.169 18.743c-1.852.492-2.75 1.446-2.744 3.401.015 4.737-.316 9.46-.115 14.214.413 9.763 1.673 19.385 3.936 28.881 4.019 16.863 10.834 32.518 20.315 47.027.918 1.405 1.871 2.154 3.685 1.665 15.663-4.225 31.344-8.382 47.015-12.578 21.878-5.858 43.75-11.739 65.628-17.598 16.816-4.503 33.639-8.978 50.454-13.483 25.192-6.749 50.38-13.513 75.57-20.27 8.799-2.36 17.594-4.734 26.401-7.064 1.689-.447 2.58-1.373 2.546-3.164-.034-1.872-.007-3.745-.007-5.617zM146.173 0c-2.784.161-7.974.254-13.116.795-19.456 2.047-37.862 7.582-55.116 16.886-25.514 13.758-45.219 33.382-59.402 58.613-.494.879-1.045 1.765-.324 2.777.791 1.11 1.83.767 2.879.484 7.229-1.947 14.461-3.879 21.692-5.817 33.203-8.896 66.403-17.799 99.608-26.687 26.938-7.211 53.881-14.405 80.821-21.609 1.085-.29 2.325-.496 2.561-1.849.266-1.521-1.055-1.989-2.043-2.572-4.624-2.727-9.36-5.239-14.244-7.477C190.144 4.678 169.827.204 146.173 0z'/%3E%3C/svg%3E");
}

[class*="pay-"] {
    background-size: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

@media screen and (max-width: 991px) {
    .brand-table .bonus {
        font-size: 1.688rem;
    }

    .border-b {
        border-bottom: 1px solid var(--table-border);
    }

    .brand-table .go-btn, .primary-table .go-btn {
        width: 100%;
    }

    header hr:last-child {
        display: none;
    }

    .modal-body.brand-table {
        max-width: 370px;
    }

    .brand-table .go-btn:hover, .primary-table .go-btn:hover {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .company-130[class*="bg-"] {
        width: 110px;
        height: 65px;
    }

    .brand-table {
        font-size: 1rem;
    }
}

@media screen and (max-width: 575px) {
    .brand-table .bkm, .brand-table .rating {
        margin-bottom: 1rem;
    }

    body {
        font-size: .85rem;
    }

    h1 {
        font-size: 1.85rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    body.img::after {
        transform: scale(0.7);
    }
}

@media screen and (min-width: 992px) {
    .brand-table .border-l:not(.sep) {
        border-left: 1px solid var(--table-border);
    }

    .brand-table .border-r {
        border-right: 1px solid var(--table-border);
    }

    .brand-table .border-l.sep::before {
        position: absolute;
        content: '';
        width: 1px;
        height: 70px;
        background: var(--table-border);
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 460px) {
    .brand-table {
        max-width: 90%;
    }

    .brand-table .bonus-text {
        font-size: 0.8rem;
    }

    .brand-table .bonus {
        font-size: 1.7rem
    }

    .bonus-box .bonus-accent {
        font-size: 1.2rem;
    }

    .brand-table .brand-label {
        font-size: 10px;
    }

    .date {
        max-width: 90%;
        margin: auto;
    }
}

@media screen and (max-width: 400px) {
    .brand-table .company-160[class*="bg-"] {
        width: 130px;
        height: fit-content;
        padding: 30px 0;
    }

    .brand-table .top-brand .brand-label, .brand-table .brand-label {
        padding: 0 15px;
    }

    .modal .brand-table .brand-label {
        top: 17px;
    }

    .brand-table .bonus {
        font-size: 1.3rem
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .stars .star:nth-child(1) {
        left: 0;
    }

    .stars .star:nth-child(2) {
        left: 16px;
    }

    .stars .star:nth-child(3) {
        left: 32px;
    }

    .stars .star:nth-child(4) {
        left: 48px;
    }

    .stars .star:nth-child(5) {
        left: 64px;
    }

    .star {
        transform: scale(0.8);
    }

    [class*="pay-"] {
        transform: scale(0.85);
    }

    .bonus-box .bonus {
        font-size: 1.4rem;
    }

    .bonus-box .bonus-accent {
        font-size: 1.3rem;
    }

    .rating-text {
        font-size: 0.65rem;
    }

    .rating .rating-value {
        font-size: 1.3rem;
    }

    .rating {
        font-size: 1rem;
    }
}

@media screen and (min-width: 400px) and (max-width: 991px) {
    .brand-table {
        width: 400px;
        max-width: 100%;
    }

    .date {
        max-width: 370px;
        margin: auto;
    }

    .popup-3 .modal-header {
        width: 400px;
        margin: 0 auto;
    }
}

@media screen and (width > 767px) {
    : is(ul, ol).list-col-2 {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

:is(.dark-bg, .darker-bg) :is(.pros-cons .list-box .heading, .list-group .list-group-item) {
    background: var(--light-bg);
    color: var(--light-bg-txt-color);
}

:is(.light-bg, .lighter-bg) :is(.pros-cons .list-box .heading) {
    background: var(--dark-bg);
    color: var(--dark-bg-txt-color);
}

/* faq accordion */
#accordion {
    margin: 20px auto;
}

#accordion a {
    text-decoration: none;
}

#accordion a:focus {
    outline: 0;
}

#accordion .panel {
    border: 0px none;
    box-shadow: none;
}

#accordion .panel-heading {
    padding: 0;
    background: #fff;
}

#accordion .panel-title a {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 50px 15px 20px;
    transition: all 0.10s linear 0s;
    border-bottom: 2px solid var(--section-border-color);
}

.dark-bg #accordion .panel-title a {
    background: var(--light-bg);
    color: var(--light-bg-txt-color);
}

.light-bg #accordion .panel-title a {
    background: var(--dark-bg);
    color: var(--dark-bg-txt-color);
}

.light-bg #accordion .panel-title a.collapsed {
    color: var(--dark-bg-txt-color);
    margin: 0;
}

.dark-bg #accordion .panel-title a.collapsed {
    color: var(--light-bg-txt-color);
    margin: 0;
}

#accordion .panel-title a.collapsed:hover {
    opacity: .75;
}

#accordion .panel-body {
    font-size: 14px;
    line-height: 1.6;
    padding: 0 1rem;
}

.dark #accordion .panel-body {
    color: var(--dark-bg-txt-color);
}

@media screen and (max-width: 575px) {
    #accordion .panel-title a {
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    #accordion .panel-title a {
        padding: 15px 30px 15px 10px;
    }
}

@media screen and (min-width: 768px) {
    #accordion {
        padding: 0 3rem;
    }
}

/* end faq accordion */
.brand-intro {
    background-color: rgb(255 255 255 / 50%);
    border: 1px solid var(--intros-border-color);
}

.brand-intro .img-link {
    background: var(--dark-bg);
}

.brand-intro .img-link img {
    opacity: .5;
    transition: var(--transition);
}

.brand-intro .img-link:hover img {
    opacity: 1;
}

.brand-intro .go-btn {
    width: 250px;
    max-width: 100%;
}

.pros-cons .list-box .heading {
    background: var(--light-bg);
    font-weight: bold;
}

.pros-cons .list-box li:not(.heading) {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
}

.pros-cons .list-box li:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.pros-cons .list-box.pros li:not(.heading):before {
    background: var(--icon-check) no-repeat center;
    filter: var(--pros-check-c)
}

.pros-cons .list-box.cons li:not(.heading):before {
    background: var(--icon-x) no-repeat center;
    filter: var(--cons-x-c)
}

.review-brand {
    color: var(--hero-main-txt-color)
}

.review-brand .company-size {
    height: 95px;
}

.review-brand:hover {
    color: var(--hero-main-txt-color)
}

.review-brand .label {
    font-size: 14px;
}

.review-brand .cta-box {
    color: var(--bonus-c);
}

.review-brand .bonus {
    color: var(--bonus-c);
    font-size: 24px;
    font-weight: bold;
}

.review-brand .go-btn {
    background: var(--hero-sec-txt-color);
    width: 200px;
    max-width: 100%;
}

.review-brand .go-btn:hover {
    text-decoration: none;
    color: var(--btn-hover-color);
    background: var(--btn-bg-hover);
}

.rev-feats li {
    list-style: disc;
}

.rev-feats {
    font-size: 13px;
}

:is(.dark-bg, .darker-bg) .card:is(.dark-bg, .darker-bg) {
    background-color: var(--lighter-bg);
    color: var(--light-bg-txt-color);
}

@media (max-width: 767px) {
    .card-group {
        flex-direction: column;
    }

    .card-group>.card {
        margin-bottom: 15px;
        border-radius: .25rem!important;
        border: 1px solid rgba(0, 0, 0, .125)!important;
    }
}

.lang {
    cursor: pointer
}

.lang .dropdown-menu {
    background: var(--dark-bg);
    box-shadow: 0 0 5px #fff;
    padding: 10px!important;
    width: auto;
    white-space: nowrap;
    max-width: unset
}

.lang .dropdown-menu.lg {
    height: 20em!important;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.lang.dropup .dropdown-toggle::after {
    top: 2px;
    left: -10px;
    position: relative
}

.lang .dropdown-menu a span {
    color: #fff;
    text-transform: capitalize;
    transition: var(--transition);
}

.lang .dropdown-menu a:hover span, .lang .dropdown-menu a:hover {
    color: var(--header-menu-links-color);
    text-decoration: none;
}

.lang .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding-bottom: 5px
}

.lang ul.dropdown-menu.dropdown-menu-right {
    display: none
}

.lang ul.dropdown-menu.dropdown-menu-right.show {
    display: block;
    top: -120px!important;
    left: -264px!important;
    transform: translate3d(0px,0px,0px)!important
}

@media screen and (max-width: 575px) {
    .lang {
        display:block
    }
}

@media (max-width: 767px) {
    .lang .dropdown-toggle[aria-expanded="true"]::after {
        opacity:1;
        transform: rotate(0deg)
    }

    .lang ul.dropdown-menu.dropdown-menu-right.show {
        display: block;
        top: -120px!important;
        left: 50%!important;
        transform: translate3d(-50%,0px,0px)!important
    }
}

.top {
    display: none;
    border-radius: 10px;
    background: var(--bonus-c);
    opacity: .5;
    width: 40px;
    height: 40px;
    transition: var(--transition)
}

.top:hover {
    cursor: pointer;
    opacity: 1
}

.top svg {
    width: 25px;
    height: 25px;
    display: block;
    margin: 8px auto 0;
    filter: invert(1)
}

.top.fixed {
    position: fixed;
    display: inline-block;
    right: 10px;
    bottom: 10px;
    z-index: 60
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section;
    > li: :before {
        content: counters(section, ".") ". ";
        counter-increment: section;
    }
}

.primary-table #showHideBtn,.primary-table #showHideBtn:active,.primary-table #showHideBtn:focus {
    border: 1px solid transparent;
    background: var(--sec-btn-bg);
    color: var(--sec-btn-color);
    border-radius: 8px;
    padding: .25rem 1rem;
    width: 200px;
    max-width: 100%;
    outline: 0;
    transition: var(--transition);
}

.primary-table #showHideBtn:hover {
    background: none;
    border: 1px solid var(--sec-btn-bg);
    color: var(--txt-color);
}

.primary-table #showHideBtn:hover span::after {
    filter: invert(0);
}

.primary-table #showHideBtn span {
    position: relative;
    display: inline-block
}

.primary-table #showHideBtn span::after {
    position: absolute;
    content: '';
    background: var(--icon-chevron-down) no-repeat;
    width: 12px;
    height: 12px;
    top: 18px;
    right: -18px;
    transform: translateY(-50%);
    filter: invert(1);
    transition: var(--transition)
}

.primary-table #showHideBtn.clicked span::after {
    transform: translateY(-50%) rotate(-180deg);
    top: 45%;
}

#showHideBtn.in-btn {
    width: 200px;
    padding: .5rem;
    margin: 0 auto;
}

.post-thumbnail img {
    max-width: 100%;
    height: auto;
}