@import url("https://fonts.googleapis.com/css?family=Ubuntu:400,400i,500,500i,700,700i&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*
Template Name: Hyipland - HYIP Investment HTML Template
Template URI: http://pixner.net/hyip/
Author: pixelaxis And Deepak Kumawat
Description: Hyipland - HYIP Investment HTML Template. Hyipland is a Pixel-Perfect Powerful,
Mordern HYIP Investment HTML Template for all types of HYIP Business.
Version: 1.0.0
Text Domain: 
*/
/*
///// CSS Index \\
01. Reset CSS Start
---------------------------
02. General CSS
---------------------------
03. Section Header CSS
---------------------------
04. Header Section CSS
----Header Bar
---------------------------
05. Banner Section CSS
---------------------------
06. Client Section CSS
---------------------------
07. Client Section CSS
---------------------------
08. Newslater Section CSS
---------------------------
09. Call Section  CSS
---------------------------
10. Transaction Section CSS
---------------------------
11. Affiliate Section CSS
---------------------------
12. Feature Section CSS
---------------------------
13. Paroller Group CSS
---------------------------
14. About Section CSS
---------------------------
15. Counter Section CSS
---------------------------
16. How Section CSS
---------------------------
17. Offer Section CSS
---------------------------
18. Profit Section CSS
---------------------------
19. Range Slider  CSS
---------------------------
20. All Animations CSS
---------------------------
*/
/*! HTML5 Boilerplate v7.0.1 | MIT License | https://html5boilerplate.com/ */
/* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

.navbar {
    padding: 0px !important;
}


html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::selection {
    background: #010684;
    color: #fff;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
    display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

html {
    font-size: 18px;
    scroll-behavior: smooth;
}

body {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 18px !important;
    color: #526288 !important;
    line-height: 28px !important;
    overflow-x: hidden !important;
    font-family: "Mulish", sans-serif !important;
}

h1,
h2,
h3,
h4{
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    color: #33406a;
    font-family: "Mulish", sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #33406a;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #e35f46;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
    margin-top: -11px;
}

h3 {
    font-size: 28px;
    margin-top: -9px;
}

h4 {
    font-size: 24px;
    margin-top: -7px;
}

h5 {
    font-size: 20px;
    margin-top: -6px;
    font-weight: 500;
}


h6 {
    font-size: 18px;
    margin-top: -6px;
}

p {
    margin-top: -12px;
}

p:last-child {
    margin-bottom: -7px !important;
}

@media (min-width: 576px) {
    h1 {
        font-size: 80px;
    }

    h2 {
        font-size: 50px;
        line-height: 60px;
        margin-top: -14px;
    }

    h3 {
        font-size: 36px;
        line-height: 46px;
        margin-top: -11px;
    }

    h4 {
        font-size: 30px;
        line-height: 40px;
        margin-top: -10px;
    }

    h5 {
        font-size: 24px;
        line-height: 34px;
        margin-top: -8px;
    }

    h6 {
        font-size: 20px;
        line-height: 30px;
        margin-top: -8px;
    }
}

a {
    display: inline-block;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
    padding: 5px 0;
}

select,
input,
textarea,
button {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #bccaea;
    outline: none;
}

textarea {
    height: 200px;
    resize: none;
    padding: 10px;
}

input,
button,
select {
    height: 50px;
    color: #526288;
}

label,
button,
select {
    cursor: pointer;
}

input {
    background: #f4f4f4;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 10px;
}

input:focus {
    border: 1px solid #324fb0;
}

input[type="submit"] {
    cursor: pointer;
    background-color: #0a3d62;
    color: #ffffff;
    font-weight: 700;
    padding: 0;
}

.fs-45 {
    font-size: 45px;
}

.text-orange {
    color: #fe6a00;
}

.bg_img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.footer-section::before,
.affiliate-wrapper::before,
.hover-tab-menu .tab-menu li:nth-child(1) .menu-thumb:after,
.hover-tab-menu .tab-menu li:nth-child(3) .menu-thumb:after,
.hover-tab-menu::after,
.hover-tab-menu::before,
.hover-tab-area .tab-area .tab-item,
.offer-item .offer-footer::after,
.offer-item .offer-body .bal-shape::after,
.offer-item .offer-body .bal-shape::before,
.offer-item::after,
.offer-item::before,
.calculate-wrapper::after,
.calculate-wrapper::before,
.contact-wrapper::before,
.contact-wrapper .contact-content a::before,
.notification-area .notifacation-header::before,
.check_box_group label::before {
    position: absolute;
    content: '';
}

.preloader,
.footer-top,
.footer-bottom-area,
.footer-top .links,
.social-icons,
.header-top ul,
.header-top ul li,
.header-bottom .header-area,
.header-bottom .header-area .menu,
.menu-item-has-children>a,
.banner-content .button-group,
.newslater-area,
.call-item,
.call-button,
.call-button .call,
.transaction-tab .tab-menu,
.transaction-tab .tab-menu li,
.affiliate-wrapper,
.affiliate-item,
.affiliate-item .affiliate-inner,
.affiliate-item .affiliate-inner .affiliate-thumb,
.feature-item .feature-thumb,
.about-item,
.counter-item,
.counter-item .counter-content .counter-header,
.hover-tab-menu .tab-menu li,
.ball-group-2,
.ball-group-1,
.offer-item .offer-header,
.offer-item .offer-footer,
.offer-item .offer-body,
.calculate-wrapper .calculate-area,
.calculate-wrapper .calculate-area .calculate-item .tab-menu,
.calculate-wrapper .profit-calc,
.invest-range-area,
.mission-item .mission-thumb,
.faq-tab .tab-menu,
.why-area,
.why-item .why-inner,
.how-item .how-thumb-area,
.how-item .how-thumb-area .how-thumb,
.how-item2 .how-thumb-area,
.how-item2 .how-thumb-area .how-thumb,
.tot-wrapper,
.tot-wrapper .tot-item .counter--item .counter-header,
.dashboard-section,
.dashboard-menu li a,
.dashboard-right-menus li a.author,
.notification-area .notification-body li a,
.dashboard-item .dashboard-inner,
.total-earning-item .total-earning-heading,
.total-earning-item .item,
.earn-item,
.earn-item .earn-content ul,
.earn-item .earn-content ul li,
.total-partner,
.dashboard-footer .right ul,
.operation-filter,
.deposit-inner .deposit-header,
.deposit-inner .deposit-body,
.deposit-wrapper,
.make-deposit,
.available-balance,
.referral-group,
.referral-links .oh,
.pagination,
.check_boxes,
.check_box_group {
    display: flex;
    flex-wrap: wrap;
}

.banner-bg,
.call-overlay::before,
.call-button .call::before,
.hover-tab-area .tab-area::after,
.hover-tab-area .tab-area::before,
.hover-tab-area .tab-area .tab-item img,
.offer-item .offer-header span::after,
.calculate-wrapper .calculate-area .calculate-item .title::before,
.how-item .how-thumb-area::after,
.how-item .how-thumb-area::before,
.how-item2 .how-thumb-area::after,
.how-item2 .how-thumb-area::before,
.total-content .total-bg,
.circle-item .circle strong,
.total-partner::before,
.total-partner::after,
.deposit-inner .deposit-header span::after,
.deposit-inner .select-plan::before,
.deposit-inner .select-plan::after,
.video-button::after,
.video-button::before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}

.padding-top {
    padding-top: 90px;
}

.padding-bottom {
    padding-bottom: 90px;
}

@media (min-width: 768px) {
    .padding-top {
        padding-top: 100px;
    }

    .padding-bottom {
        padding-bottom: 100px;
    }

}

@media (min-width: 992px) {
    .padding-top {
        padding-top: 50px;
    }

    .padding-bottom {
        padding-bottom: 50px;
    }
}

/*Preloader Starts*/
@keyframes preloader-wrapper {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.preloader-wrapper div {
    position: absolute;
    width: 10px;
    height: 40px;
    top: 0;
    animation: preloader-wrapper 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.preloader-wrapper div:nth-child(1) {
    transform: translate(10px, 0);
    background: #0a69aa;
    animation-delay: -0.6s;
}

.preloader-wrapper div:nth-child(2) {
    transform: translate(30px, 0);
    background: #91bcc6;
    animation-delay: -0.4s;
}

.preloader-wrapper div:nth-child(3) {
    transform: translate(50px, 0);
    background: #07abcc;
    animation-delay: -0.2s;
}

.preloader-wrapper div:nth-child(4) {
    transform: translate(70px, 0);
    background: #194645;
    animation-delay: -1s;
}

.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background: #fff;
    z-index: 999;
    align-items: center;
    justify-content: center;
}

.preloader-wrapper {
    width: 100px;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
    /* see note above */
}

.preloader-wrapper div {
    box-sizing: content-box;
}

/*Preloader Ends*/
/*Section Header*/
.mb-30-none {
    margin-bottom: -30px !important;
}

.tab-item {
    display: none;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
}

.tab-item.active {
    display: block;
    position: relative;
}

.tab-menu li {
    cursor: pointer;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-50 {
    margin-bottom: 50px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-50 {
    padding-bottom: 50px;
}

.c-thumb {
    overflow: hidden;
}

.c-thumb a {
    display: block;
}

.c-thumb img {
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.light-color * {
    color: #ffffff;
}

@media (min-width: 992px) {
    .mw-lg-100 {
        min-width: 100%;
    }
}

@media (min-width: 1200px) {
    .mw-xl-100 {
        min-width: 100%;
    }
}

/*Section-Header Starts Here*/
.section-bg {
    background: #f8f9fa;
}

.body-bg {
    background: #0a1227;
}

.section-header {
    text-align: center;
    margin-bottom: 20px;
}

.section-header .cate {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    color: #324fb0;
    display: block;
    margin-top: -5px;
    margin-bottom: 26px;
}

.section-header .title {
    /* margin-bottom: -10px; */
    text-transform: none;
    color: #010684!important;
    /* text-shadow: 2px 4px 5px #7e7b7b4f; */
    font-family: 'Font Awesome 5 Brands';
}

.section-header .title span {
    color: #fe6a00;
}

.section-header p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

.section-header.left-style {
    margin-left: 0;
}

@media (min-width: 576px) {
    .section-header.left-style {
        text-align: left;
    }
}

.section-header.left-style p {
    margin-left: 0;
}

.about-left {
    /*padding-left: 110px !important;*/
}

h2 {
    font-size: 28px !important;
    /* line-height: 40px !important; */
    margin-top: -14px !important;
    font-weight: 700 !important;
}

.section-header.left-style p.mw-500 {
    max-width: 550px;
}

@media (min-width: 576px) {
    .section-header.left-style {
        margin-bottom: 60px;
    }
}

@media (min-width: 576px) {
    .section-header {
        margin-bottom: 70px;
    }
}

@media (max-width: 575px) {
    .section-header .cate {
        font-size: 18px;
        margin-top: -9px;
        margin-bottom: 16px;
    }

    .section-header h2.title {
        margin-bottom: -20px !important;
        font-size: 28px !important;
        line-height: 24px !important;
        text-align: center;
    }
}

@media (max-width: 991px) {
    .pt-max-lg-0 {
        padding-top: 0;
    }

    .pb-max-lg-0 {
        padding-bottom: 0;
    }

    .fa-bars:before {
        content: "\f0c9";
        color: #fe6a00;
    }
}

@media (max-width: 767px) {
    .pt-max-md-0 {
        padding-top: 0;
    }

    .pb-max-md-0 {
        padding-bottom: 0;
    }

    .mobile-pt img {
        width: 100% !important;
    }

    .hero-section-2.head-top-pt {
        padding: 20px 0 40px;
    }

    .payment-box1 {

        top: 30px !important;
        left: 0px !important;
    }

    section.Payment-2 h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .dashboard.mobile-pt.sp-bottom {
        padding-bottom: 50px;
    }

    section.Payment-2 h2 {
        text-align: left;
    }

    section.Payment-2 p {
        text-align: left;
    }

    .investor-item .investor-thumb img {
        width: 100% !important;
    }

    section.gate-space {
        /* padding: 0px !important; */
    }

    section.Payment-3 {
        padding: 30px 0px 40px !important;
    }

    section.Payment-3 h4 {
        text-align: left;
    }

    section.Payment-3 p {
        text-align: left;
    }

    section.Payment-4 h4 {
        text-align: left;
    }

    section.Payment-4 p {
        text-align: left;
    }

    /* .section-header.getting h2 {
        text-align: left;
        font-size: 35px !important;
        line-height: 44px !important;

    } */

    section.Payment-4 {
        padding: 90px 0px 0px !important;
    }

    section.Payment-5 {
        padding: 45px 0px !important;
    }

    .icon-box-img p {
        text-align: center;
    }

    a.view-payment {
        float: right;
        line-height: 30px;
        font-size: 15px;
    }

    .icon-box-img img {
        width: 140px !important;
    }

}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgb(0 6 179);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    visibility: hidden;
    opacity: 0;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

.cl-1 {
    color: #324fb0;
}

.cl-2 {
    color: #e35f46;
}

.footer-section {
    position: relative;
    /* background: #e3e4ff; */
}

.footer-section::before {
    bottom: 0;
    right: 0;
    left: 0;
    top: 0px;
    /* -webkit-mask-image: url(img/footer-shape.png);
    mask-image: url(img/footer-shape.png); */
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
    /* background: #0021c4; */
    background: #010684;
}

@media (min-width: 992px) {
    .footer-section::before {
        top: 70px;
    }
}

@media (max-width:992px) {
    .footer-section::before {
        top: 100px
    }
}

.footer-top,
.footer-bottom-area {
    position: relative;
    z-index: 1;
    justify-content: space-between;
}

.footer-bottom-area {
    flex-wrap: wrap-reverse;
}

.footer-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    align-items: center;
}

.footer-top>* {
    padding-bottom: 20px;
    margin-bottom: 0;
    padding-top: 30px;
}

.footer-top .logo {
    max-width: 160px;
}

.footer-top .logo a {
    display: block;
}

.footer-top .logo img {
    max-width: 100%;
}

.footer-top .links {
    margin: 0 -15px;
}

.footer-top .links li {
    padding: 0 15px;
}

.footer-top .links li a {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #b3c2f4;
}

.footer-top .links li a:hover {
    color: #f55c25;
}

@media (max-width: 575px) {
    .footer-top .links li a {
        font-weight: 500;
    }
}

.footer-bottom {
    padding: 30px 0;
}

.footer-bottom .footer-bottom-area {
    margin-bottom: -25px;
}

.footer-bottom p {
    margin: 0 !important;
}

.footer-bottom p a {
    color: #fe6a00;
}

.footer-bottom .left {
    margin-bottom: 20px;
    color: #b3c2f4;
}

.footer-bottom .social-icons {
    margin-bottom: 12.5px;
}

.social-icons {
    margin: -7.5px;
}

.social-icons li {
    padding: 7.5px;
}

.social-icons li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 25px;
}

.social-icons li a.active {
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    /*border-color: #f55c25;*/
    box-shadow: 0px 10px 10px 0px rgba(132, 141, 156, 0.3);
}

/*Header Section Starts Here*/
.header-top {
    padding: 11px 0;
    border-bottom: 1px solid #f2f2f2;
    z-index: 99;
    position: relative;
}

.header-top ul li {
    align-items: center;
    font-size: 14px;
    color: #526288;
    padding: 0;
}

.header-top ul li .nice-select {
    background-color: transparent;
}

.header-top ul li i {
    margin-right: 7px;
}

.header-top ul li a {
    color: #526288;
}

.header-top ul li .select-bar {
    padding: 0;
    padding-right: 15px;
    border: none;
    height: 28px;
}

.header-top ul li .select-bar .current {
    line-height: 28px;
    display: block;
}

.header-top ul li .select-bar::after {
    right: 0;
}

.header-top ul li .select-bar .list {
    right: 0;
    left: auto;
}

.header-top ul li .select-bar .list .option {
    line-height: 30px;
    min-height: 30px;
}

.header-top ul.support-area li {
    margin-right: 10px;
}

.header-top ul.support-area li:last-child {
    margin-right: 0;
}

.header-top ul.cart-area {
    justify-content: flex-end;
}

.header-top ul.cart-area li {
    margin-left: 15px;
}

.header-top ul.cart-area li:first-child {
    margin-left: 0;
}

.header-top ul.cart-area .list .option {
    margin: 0;
}

.header-section {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    z-index: 99;
    background: transparent;

}

.header-section .logo-2 {
    display: none;
}

.header-section.plan-header .header-top {
    border-color: #5169e8;
}

.header-section.plan-header .header-top ul li .select-bar::after {
    border-color: #ffffff;
}

.header-section.plan-header .header-top ul li i,
.header-section.plan-header .header-top ul li .select-bar .current,
.header-section.plan-header .header-top ul li a {
    color: #ffffff;
}

@media (min-width: 992px) {
    .header-section.plan-header .header-bottom .header-area .menu li>a {
        color: #ffffff;
    }
}

.header-section.plan-header .logo {
    display: none;
}

.header-section.plan-header .logo-2 {
    display: block;
}

.header-section.plan-header .header-bar span {
    background: #ffffff;
}

.header-bottom {
    z-index: 99;
    width: 100%;
}

.header-bottom .header-area {
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 5px 0;
}

@media (max-width: 991px) {
    .header-bottom .header-area {
        padding: 15px 0;
        /* background-color: #010684; */
    }
}

.header-bottom .header-area .logo {
    width: 160px;
}

.header-bottom .header-area .logo a {
    display: block;
}

.header-bottom .header-area .logo a img {
    max-width: 100%;
}

.header-bottom .header-area .menu {
    align-items: center;
}

@media (min-width: 992px) {
    .header-bottom .header-area .menu li {
        padding: 10px;
    }

    .header-bottom .header-area .menu li a {
        padding: 10px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        color: #ffffff;
    }

    .header-bottom .header-area .menu li a.custom-button {
        padding: 0 25px;
        color: #ffffff;
    }

    .header-bottom .header-area .menu li .submenu {
        position: absolute;
        background: #ffffff;
        top: 100%;
        left: 0;
        z-index: 99;
        width: 200px;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        visibility: hidden;
        opacity: 0;
    }

    .wavemenu li .submenu {
        position: absolute;
        background: aliceblue;
        top: 100%;
        left: 0;
        padding: 20px 15px;
        border-radius: 28px;
        z-index: 99;
        width: 200px;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        visibility: hidden;
        opacity: 0;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        -ms-border-radius: 28px;
        -o-border-radius: 28px;
        border: 1px solid blanchedalmond;
}

    .header-bottom .header-area .menu li .submenu li {
        padding: 0;
    }

    .wavemenu li .submenu li {
        padding: 0;
    }

    .header-bottom .header-area .menu li .submenu li a {
        padding: 5px 10px;
        display: flex;
        align-items: center;
        border-top: 1px solid rgba(51, 64, 106, 0.4);
        font-weight: 500;
        text-transform: capitalize;
        justify-content: space-between;
    }

    .wavemenu li .submenu li a {
        padding: .5rem 1.5rem;
        display: flex;
        font-size: 15px;
        align-items: center;
        border-top: 1px solid rgba(51, 64, 106, 0.4);
        font-weight: 500;
        text-transform: capitalize;
        justify-content: space-between;
        border-width: 0 0 0px !important;
        font-weight: 600;
        background-image: linear-gradient( to right, #e84351, #e84351 50%, #000 50% );
        background-size: 200% 100%;
        background-position: -100%;
        display: inline-block;
        position: relative;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transition: all 0.5s ease-in-out;
    }

    ul.navbar-nav li a {
        font-size: 16px;
    }

    .header-bottom .header-area .menu li .submenu li a:hover {
        background: #f55c25;
        color: #ffffff;
        border-color: #f55c25;
    }

    .wavemenu li .submenu li a:hover {
        color: #e84351;
        background-position: 0;
    }

    .header-bottom .header-area .menu li .submenu li:last-child a {
        border-bottom: 1px solid rgba(51, 64, 106, 0.4);
    }

    .wavemenu li .submenu li:last-child a {
        border-bottom: 1px solid rgba(51, 64, 106, 0.4);
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 16px;
        padding-left: 13px;
    }

    li.red-btn.pr-0 {
        padding-left: 10px;
    }

    ul.submenu {
        padding-left: 10px;
    }

    .header-bottom .header-area .menu li .submenu li .submenu {
        top: 0;
        left: 100%;
    }

    .wavemenu li .submenu li .submenu {
        top: 0;
        left: 100%;
    }

    .header-bottom .header-area .menu li:hover>.submenu {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .wavemenu li:hover>.submenu {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-bottom .header-area .menu li {
        padding: 10px 5px;
    }

    .header-bottom .header-area .menu li a {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 991px) {
    .header-bottom .header-area .menu li {
        width: 100%;
    }

    .header-bottom .header-area .menu li a {
        justify-content: space-between;
    }
}

@media (max-width: 991px) {
    .header-bottom .header-area .menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-height: calc(100vh - 130px);
        z-index: 9;
        background-color: #ffffff;
        overflow-y: auto;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
        padding: 30px 0;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: top;
    }

    .header-bottom .header-area .menu li {
        width: 100%;
        padding: 0;
    }

    .header-bottom .header-area .menu li a {
        padding: 5px 10px;
        display: flex;
        align-items: center;
        border-top: 1px solid rgba(51, 64, 106, 0.4);
        font-weight: 500;
        text-transform: capitalize;
        justify-content: space-between;
        color: #33406a;
    }

    .header-bottom .header-area .menu li a:hover {
        background: #f55c25;
        color: #ffffff;
        border-color: #f55c25;
    }

    .header-bottom .header-area .menu li a.custom-button {
        display: inline-flex;
        padding: 0 50px;
        color: #ffffff;
        border-top: none;
    }

    .header-bottom .header-area .wavemenu .menu li .submenu {
        display: none;
        padding-left: 20px;
    }

    .header-bottom .header-area .wavemenu .menu li .submenu li a {
        font-size: 16px;
    }

    .header-bottom .header-area .menu.active {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.header-bottom.active {
    position: fixed;
    top: 0;
    left: 0;
    animation: fadeInDown;
    -webkit-animation: fadeInDown;
    -moz-animation: fadeInDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    background: #fafafa;
    border-bottom: 1px solid rgba(51, 64, 106, 0.4);
}

.menu-item-has-children {
    position: relative;
}

.menu-item-has-children>a {
    align-items: center;
}

.menu-item-has-children>a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f107";
    margin-left: 5px;
}

/*Header Bar Starts*/
.header-bar {
    position: relative;
    cursor: pointer;
    width: 25px;
    height: 20px;
    margin-left: auto;
}

.header-bar span {
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    background-color: #33406a;
    left: 0;
}

.header-bar span:first-child {
    top: 0;
}

.header-bar span:nth-child(2) {
    top: 52%;
    transform: translateY(-65%);
}

.header-bar span:last-child {
    bottom: 0;
}

.header-bar.active span:first-child {
    -webkit-transform: rotate(45deg) translate(3px, 9px);
    -ms-transform: rotate(45deg) translate(3px, 9px);
    transform: rotate(45deg) translate(3px, 9px);
}

.header-bar.active span:nth-child(2) {
    opacity: 0;
}

.header-bar.active span:last-child {
    -webkit-transform: rotate(-45deg) translate(3px, -9px);
    -ms-transform: rotate(-45deg) translate(3px, -9px);
    transform: rotate(-45deg) translate(3px, -9px);
}

/*Banner Section Starts Here*/
.banner-section {
    padding: 310px 0 364px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 991px) {
    .banner-section {
        padding: 250px 0 180px;
    }

    .d-mobile img {
        width: 100%;
        padding-bottom: 35px;
    }
}

@media (max-width: 575px) {
    .banner-section {
        padding: 312px 0 180px;
    }
}

.banner-content .title {
    font-size: 56px;
    line-height: 65px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-bottom: 10px;
    color: #fff;
    font-family: 'inter';
    /*text-shadow: 3px 2px 2px rgb(25, 102, 143);*/
    text-shadow:3px 2px 2px rgb(12 16 18);
}

.banner-content .title span {
    font-weight: 700;
    /*text-shadow: 3px 2px 2px rgb(167 180 187);*/
    /* text-shadow: 3px 2px 2px rgb(25, 102, 143); */
    padding-right: 10px;
    border-right: .05em solid;
    animation: caret 1s steps(1) infinite;
}

@keyframes caret {
  50% {
    border-color: transparent;
  }
}

@media (max-width: 991px) {
    .banner-content .title {
        letter-spacing: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .banner-content .title {
        font-size: 50px;
        line-height: 60px;
    }

    .banner-section .banner-area .section-wrapper .banner-thumb img {
        max-width: 100% !important;
    }
}

.banner-content p {
    margin: 0;
    color: #fff;
    font-size: 17px;
    line-height: 36px;
    margin-bottom: 32px;
    font-family: 'Font Awesome 5 Brands';
}

.banner-content .button-group {
    align-items: center;
}

.banner-content .button-group .custom-button {
    margin-right: 50px;
}

@media (min-width: 576px) {
    .banner-content .button-group .custom-button {
        margin-right: 65px;
    }
}

@media (max-width: 575px) {
    .banner-content .title {
        font-size: 29px;
        line-height: 35px;
    }

    .banner-content p {
        font-size: 20px;
        line-height: 22px;
    }

    .banner-content .button-group {
        margin: -10px;
    }

    .banner-content .button-group a {
        margin: 10px !important;
    }

    .banner-content .button-group a.custom-button {
        font-size: 14px;
    }

    .banner-content .button-group a::after,
    .banner-content .button-group a::before {
        display: none;
    }
}

.banner-bg {
    width: 100%;
    height: 100%;
}

.banner-bg div[class*="chart"] {
    position: absolute;
}

.banner-bg .chart-1 {
    top: 350px;
    right: calc(50% - 50px);
}

@media (max-width: 1199px) {
    .banner-bg .chart-1 {
        display: none;
    }

    .banner-section .banner-area .section-wrapper .banner-thumb img {
        max-width: 100%;
    }
}

.banner-bg .chart-2 {
    top: 300px;
    right: calc(50% + 206px);
}

.banner-bg .chart-3 {
    top: 290px;
    right: calc(50% + 688px);
}

.banner-bg .chart-4 {
    top: 250px;
    right: calc(50% + 150px);
}

.animation-area {
    position: absolute;
    width: 50%;
    height: 500px;
    bottom: 0;
    left: 0;
}

.animation-area .plot {
    position: absolute;
    bottom: -21px;
    right: 193px;
}

.animation-area .element-1 {
    bottom: 111px;
    right: 145px;
}

.animation-area .element-1 img {
    animation: light 6s linear infinite;
    -webkit-animation: light 6s linear infinite;
    -moz-animation: light 6s linear infinite;
}

.animation-area .element-2 {
    bottom: 235px;
    right: 323px;
}

.animation-area .element-2 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
}

.animation-area .element-3 {
    bottom: 188px;
    right: 323px;
}

.animation-area .element-3 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
}

.animation-area .element-4 {
    bottom: 255px;
    right: 260px;
}

.animation-area .element-4 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
}

.animation-area .element-5 {
    bottom: 82px;
    right: 235px;
}

.animation-area .element-5 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
}

.animation-area .element-6 {
    bottom: 69px;
    right: 458px;
}

.animation-area .element-6 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
}

.animation-area .element-7 {
    bottom: 150px;
    right: 230px;
}

.animation-area .element-7 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
}

.animation-area .element-8 {
    bottom: 64px;
    right: 357px;
}

.animation-area .element-8 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
}

.animation-area .element-9 {
    bottom: 210px;
    right: 455px;
}

.animation-area .element-9 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.animation-area div[class*="element"] {
    position: absolute;
    -webkit-transition: all ease 0.7s;
    -moz-transition: all ease 0.7s;
    transition: all ease 0.7s;
}

.animation-area div[class*="element"].animated {
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

/*Client Section Starts Here*/
.client-sectiont {
    overflow: hidden;
}

.client-item {
    text-align: center;
    margin: 15px;
}

.client-item .client-content {
    padding: 25px 25px 18px;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.client-item .client-content p {
    margin-bottom: 4px;
}

@media (max-width: 767px) {
    .client-item .client-content p {
        font-size: 16px;
    }
}

.client-item .client-content .rating {
    font-size: 16px;
    color: #ffda3c;
}

.client-item .client-thumb {
    width: 74px;
    height: 74px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px auto 0;
}

.client-item .client-thumb a {
    display: block;
}

.client-item .client-thumb img {
    width: 100%;
}

.client-slider {
    padding: 15px;
}

.m--30 {
    margin: -30px;
}

.background-map {
    max-height: 120px;
    text-align: right;
}

@media (max-width: 1399px) {
    .background-map img {
        margin-right: -150px;
    }
}

@media (max-width: 1199px) {
    .background-map {
        margin-right: -200px;
    }
}

@media (max-width: 991px) {
    .background-map {
        display: none;
    }
}

/*Client Section Ends Here*/
/*Newslater Section Starts Here*/
.newslater-section {
    position: relative;
    z-index: 1;
}

.newslater-area {
    overflow: hidden;
    justify-content: space-between;
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: 2.5px -4.33px 25px 0px rgba(231, 231, 231, 0.5);
    align-items: center;
    border: 1px solid #e84351;
}

.newslater-area .newslater-content {
    width: 50%;
    max-width: 445px;
    padding-left: 40px;
    padding-right: 40px;
}

.newslater-area .newslater-content .cate {
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    color: #e35f46;
    display: block;
    margin-bottom: 23px;
    margin-top: -7px;
}

.newslater-area .newslater-content .title {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.newslater-area .newslater-content .newslater-form input {
    height: 50px;
    padding: 0 15px;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #e84351;
    font-size: 16px;

    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .newslater-area .newslater-content .newslater-form input {
        margin-bottom: 40px;
    }
}

.newslater-area .newslater-content .newslater-form input:focus {
    padding-left: 15px;
    border: 1px solid #e35f46;
}

.newslater-area .newslater-content .newslater-form button {
    width: auto;
    font-size: 16px;
    font-weight: 500;
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    text-transform: uppercase;
    color: #ffffff;
    padding: 0 40px;
    border: none;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    height: 50px;
}

.newslater-area .newslater-content .newslater-form button:hover {
    box-shadow: 0px 10px 10px 0px rgba(132, 141, 156, 0.3);
}

@media (max-width: 991px) {
    .newslater-area .newslater-content {
        width: 100%;
    }
}

@media screen and (max-width: 399px) {
    .newslater-area .newslater-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .newslater-area .newslater-content .cate {
        font-size: 16px;
    }

    .newslater-area .newslater-content .title {
        margin-bottom: 10px;
    }
}

.newslater-area .newslater-thumb {
    width: 50%;
    text-align: right;
    position: relative;
}

@media (max-width: 767px) {
    .newslater-area .newslater-thumb {
        display: none;
    }
}

.newslater-area .newslater-thumb img {
    max-width: 100%;
}

@media (max-width: 991px) {
    .newslater-area .newslater-thumb {
        width: calc(100% - 445px);
    }
}

.newslater-area .newslater-thumb div[class*="coin"] {
    position: absolute;
    opacity: 0;
}

@media (max-width: 991px) {
    .newslater-area .newslater-thumb div[class*="coin"] {
        display: none;
    }
}

.newslater-area .newslater-thumb .coin-1 {
    top: 220px;
    right: 120px;
    animation: coin 6s linear infinite;
    -webkit-animation: coin 6s linear infinite;
    -moz-animation: coin 6s linear infinite;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
}

.newslater-area .newslater-thumb .coin-2 {
    top: 190px;
    right: 120px;
    animation: coin 6s linear infinite;
    -webkit-animation: coin 6s linear infinite;
    -moz-animation: coin 6s linear infinite;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
}

.newslater-area .newslater-thumb .coin-3 {
    top: 200px;
    right: 135px;
    animation: coin 6s linear infinite;
    -webkit-animation: coin 6s linear infinite;
    -moz-animation: coin 6s linear infinite;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
}

.newslater-area .newslater-thumb .coin-4 {
    top: 240px;
    right: 120px;
    animation: coin 6s linear infinite;
    -webkit-animation: coin 6s linear infinite;
    -moz-animation: coin 6s linear infinite;
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
}

.newslater-area .newslater-thumb .coin-5 {
    top: 220px;
    right: 120px;
    animation: coin 6s linear infinite;
    -webkit-animation: coin 6s linear infinite;
    -moz-animation: coin 6s linear infinite;
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
}

.newslater-area .newslater-thumb .coin-6 {
    top: 220px;
    right: 120px;
    animation: coin 6s linear infinite;
    -webkit-animation: coin 6s linear infinite;
    -moz-animation: coin 6s linear infinite;
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
}

/*Newslater Section Ends Here*/
/*Call Section Starts Here*/
.call-overlay {
    position: relative;
    overflow: hidden;
}

.call-overlay::before {
    background-color: rgba(111, 129, 253, 0.6);
    width: 100%;
    height: 100%;
}

.call-overlay .container,
.call-overlay .container-fluid {
    position: relative;
    z-index: 1;
}

.call-item {
    align-items: center;
}

.call-item .call-icon {
    width: 107px;
    padding-right: 30px;
    border-right: 1px solid #ffffff;
}

.call-item .call-icon img {
    max-width: 100%;
}

.call-item .call-content {
    width: calc(100% - 107px);
    padding-left: 30px;
}

.call-item .call-content .title {
    margin: 0;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 500;
}

@media (max-width: 991px) {
    .call-item .call-icon {
        width: 90px;
        padding-right: 20px;
    }

    .call-item .call-content {
        width: calc(100% - 90px);
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .call-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) and (max-width: 575px) {
    .call-item {
        margin-bottom: 20px;
    }

    .call-item .call-icon {
        display: none;
    }

    .call-item .call-content {
        width: 100%;
        max-width: 400px;
        margin: auto;
        padding: 0;
    }

    .call-item .call-content .title {
        font-size: 24px;
        line-height: 34px;
    }
}

.call-section {
    padding: 20px 0;
}

.call--item .cate {
    font-size: 24px;
    line-height: 34px;
    color: #fe6a00;
    display: block;
    margin-bottom: 24px;
    text-shadow: 1px 1px 1px #000000;
}

.call--item .title {
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 2px 4px 5px #000000;
}

@media (max-width: 991px) {
    .call--item {
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .call--item {
        margin-bottom: 20px;
    }

    .call--item .cate {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 28px;
    }
}

.call-button {
    align-items: center;
    margin: -15px;
}

@media (min-width: 992px) {
    .call-button {
        justify-content: flex-end;
    }
}

.call-button a {
    margin: 15px;
    cursor: pointer;
}

.call-button .custom-button {
    padding: 0 26px;
}

.call-button .call {
    width: 65px;
    height: 65px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.call-button .call i {
    font-size: 24px;
    line-height: 65px;
    text-align: center;
    color: #f55c25;
    position: relative;
    z-index: 1;
}

.call-button .call img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    z-index: 1;
}

.call-button .call::before {
    width: 55px;
    height: 55px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffffff;
}

@media (max-width: 575px) {
    .call-button {
        margin: -5px;
    }

    .call-button a {
        margin: 5px;
    }
}

/*Call Section Ends Here*/
/*Transaction Section Starts Here*/
.transaction-tab .tab-menu {
    padding: 5px 15px;
    border-radius: 43px;
    width: auto;
    justify-content: center;
    margin: 0 auto 40px;
    border: 1px solid #bccaea;
}

@media (max-width: 575px) {
    .transaction-tab .tab-menu {
        padding: 5px;
    }
}

.transaction-tab .tab-menu li {
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    border-radius: 25px;
    line-height: 18px;
    align-items: center;
    box-shadow: 0px 10px 10px 0px rgba(132, 141, 156, 0.3);
    padding: 7px 25px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin: 5px 10px;
}

.transaction-tab .tab-menu li.active {
    background-image: -ms-linear-gradient(-45deg, #5581f1 0%, #1153fc 100%);
    background-image: -moz-linear-gradient(-45deg, #5581f1 0%, #1153fc 100%);
    background-image: -webkit-linear-gradient(-45deg, #5581f1 0%, #1153fc 100%);
}

.transaction-tab .tab-menu li i {
    font-size: 34px;
    line-height: 1;
}

.transaction-tab .tab-menu li .content {
    padding-left: 10px;
}

.transaction-tab .tab-area {
    width: 100%;
}

.latest-transaction {
    position: relative;
}

.latest-transaction .container,
.latest-transaction .container-fluid {
    position: relative;
    z-index: 1;
}

.transaction-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 455px);
    background-size: cover;
}

@media (max-width: 575px) {
    .transaction-bg {
        height: calc(100% - 600px);
    }
}

.transaction-item {
    text-align: center;
    border: 1px solid #bccaea;
    border-radius: 20px;
    background: #ffffff;
    padding: 40px 20px 31px;
    margin: 0 auto 30px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.transaction-item .transaction-header {
    margin-bottom: 18px;
}

.transaction-item .transaction-header .title {
    margin-bottom: 2px;
}

.transaction-item .transaction-header .date {
    font-size: 16px;
    display: block;
}

.transaction-item .transaction-thumb {
    width: 80px;
    margin: 0 auto 21px;
}

.transaction-item .transaction-thumb img {
    width: 100%;
}

.transaction-item .transaction-footer .amount {
    font-size: 16px;
    display: block;
    margin-bottom: 12px;
}

.transaction-item .transaction-footer .sub-title {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    color: #324fb0;
}

.transaction-item:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.transaction-item:hover .transaction-footer .sub-title {
    color: #f55c25;
}

@media (max-width: 575px) {
    .transaction-item {
        max-width: 400px;
    }
}

/*Transaction Section Ends Here*/
/*Affiliate Section Starts Here*/
.affiliate-wrapper {
    margin: -15px;
    position: relative;
}

@media (max-width: 575px) {
    .affiliate-wrapper {
        justify-content: center;
        margin: -5px;
    }
}

.affiliate-wrapper::before {
    top: -40px;
    left: -50px;
    width: calc(100% + 50px);
    height: calc(100% + 160px);
    background: url(img/map.png) no-repeat center center;
    background-size: cover;
}

.affiliate-wrapper * {
    position: relative;
    z-index: 1;
}

.affiliate-item {
    width: 160px;
    height: 160px;
    margin: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fe791d;
}

@media (max-width: 575px) {
    .affiliate-item {
        margin: 5px;
    }
}

.affiliate-item .affiliate-inner {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}

.affiliate-item .affiliate-inner .affiliate-thumb {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid red;
    background-color: #ffffff;
    position: relative;
    box-shadow: 0px 3px 10px 0px rgb(34 109 98);
}

.affiliate-item .affiliate-inner .affiliate-thumb .cont {
    font-size: 16px;
    width: 100%;
    color: #3c9ef1;
    line-height: 1;
}

.affiliate-item .affiliate-inner .affiliate-thumb .title {
    width: 100%;
    color: #3c9ef1;
    line-height: 1;
    margin-bottom: -45px;
}

.affiliate-item .affiliate-inner .affiliate-thumb .remainder {
    position: absolute;
    color: #ffffff;
    width: 24px;
    background: #3c9ef1;
    height: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    right: 3px;
    top: 3px;
    line-height: 24px;
    font-size: 14px;
}

.affiliate-item.cl-two .affiliate-inner .affiliate-thumb .title,
.affiliate-item.cl-two .affiliate-inner .affiliate-thumb .cont {
    color: #44d29d;
}

.affiliate-item.cl-two .affiliate-inner .affiliate-thumb .remainder {
    background: #44d29d;
}

.affiliate-item.cl-three .affiliate-inner .affiliate-thumb .title,
.affiliate-item.cl-three .affiliate-inner .affiliate-thumb .cont {
    color: #e1586d;
}

.affiliate-item.cl-three .affiliate-inner .affiliate-thumb .remainder {
    background: #e1586d;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .affiliate-item {
        width: 150px;
        height: 150px;
    }

    .affiliate-item .affiliate-inner {
        width: 130px;
        height: 130px;
    }
}

@media (max-width: 767px) {
    .affiliate-item {
        width: 150px;
        height: 150px;
    }

    .affiliate-item .affiliate-inner {
        width: 130px;
        height: 130px;
    }
}

.affiliate-bottom {
    position: relative;
    z-index: 1;
    margin-top: 36px;
}

.affiliate-bottom .title {
    font-size: 18px;
    font-weight: 500;
    position: relative;
    margin-bottom: 25px;
}

@media (max-width: 575px) {
    .affiliate-bottom {
        text-align: center;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .fz-md-49 {
        font-size: 49px;
    }
}

.affiliate-programe {
    position: relative;
}

.affiliate-programe .ball-3 {
    top: 0;
    right: 100px;
}

@media (max-width: 991px) {
    .affiliate-programe .ball-3 {
        display: none;
    }
}

/*Affiliate Section Ends Here*/
/*Feature Section Starts Here*/
.feature-item:hover {
    box-shadow: 2px 2px 4px 4px #d2d2d2;
    transition: all 0.3s ease-in-out;
}

.feature-item {
    text-align: center;
    margin-bottom: 50px;
    border: 1px solid #2e4cea;
    padding: 25px 20px;


    border-radius: 10px;
}


.feature-item .feature-thumb {
    width: 90px;
    height: 90px;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 13px;
    background: #d6e3ff;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    /*box-shadow: 0 10px 20px rgba(215, 226, 251, 0.7);*/
    /*border: 1px solid #316ef7;*/
}

.feature-item .feature-thumb img {
    max-height: 71px;
}

.feature-item .feature-content .title {
    text-transform: uppercase;
    margin-bottom: 9px;
}

.feature-item:hover .feature-thumb {
    /*box-shadow: 0 20px 20px #d7e2fb;*/
}

@media (max-width: 575px) {
    .feature-item {
        margin-bottom: 30px;
    }

    .feature-item .feature-thumb {
        margin-bottom: 30px;
        width: 100px;
        height: 100px;
    }

    .feature-item .feature-thumb img {
        max-height: 60px;
    }

    .feature-item .feature-content .title {
        margin-bottom: 20px;
    }
}

.feature-wrapper {
    margin-bottom: -30px;
}

@media (min-width: 768px) {
    .feature-wrapper {
        margin-bottom: -50px;
    }
}

.feature-section {
    position: relative;
}

@media (max-width: 991px) {
    .feature-section {
        background-color: #f9fbff;
    }
}

/*Feature Section Ends Here*/
/*Paroller Group Starts Here*/
div[class*="ball"] {
    position: absolute;
}

div[class*="ball"] img {
    max-width: 100%;
}

@media (max-width: 767px) {
    div[class*="ball"] {
        display: none;
    }
}

.ball-3 {
    top: calc(50% - 100px);
    right: 10px;
}

.ball-1 {
    top: calc(50% - 120px);
    left: 10px;
}

.ball-2 {
    left: 17%;
    top: 30%;
}

@media (max-width: 991px) {
    .ball-1 {
        width: 100px;
    }

    .ball-3 {
        width: 70px;
    }
}

/*Paroller Group Ends Here*/
/*About Section Starts Here*/
.about-item {
    margin-bottom: 30px;
}

.about-item .about-thumb {
    width: 65px;
}

.about-item .about-thumb img {
    width: 100%;
}

.about-item .about-content {
    padding-left: 30px;
    width: calc(100% - 65px);
}

.about-item .about-content .title {
    /* margin-bottom: 16px; */
    margin-top: 0;
    color: #000;
}

@media (max-width: 575px) {
    .about-item {
        text-align: center;
        justify-content: center;
        margin-bottom: 35px;
    }

    .about-item .about-thumb {
        margin-bottom: 12px;
    }

    .about-item .about-content {
        padding-left: 0;
        width: 100%;
    }
}

.about--content {
    margin-bottom: -35px;
}

@media (min-width: 576px) {
    .about--content {
        margin-bottom: -46px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .about--content {
        max-width: 550px;
        margin-right: auto;
    }
}

.rtl {
    direction: rtl;
}

/*About Section Ends Here*/
/*Counter Section Starts Here*/
.counter-section {
    padding: 30px 0;
    /* border-top: 1px solid #e7eaef; */
    border-bottom: 1px solid #e7eaef;
    background-color: #fafafa;
    box-shadow: 0px 3px 20px 0px rgba(112, 120, 146, 0.1);
}

.counter-item {
    align-items: center;
    margin-bottom: 30px;
}

.counter-item .counter-content {
    padding-left: 35px;
}

.counter-item .counter-content .counter-header {
    align-items: center;
}

.counter-item .counter-content .counter-header .title {
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    color: #010684;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 36px;
}

.counter-item .counter-content p {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    color: #fe720d;
    line-height: 0px;
}

.counter-item .counter-thumb img {
    max-width: 100%;
}

@media (max-width: 1199px) {
    .counter-item .counter-thumb {
        width: 100px;
    }

    .counter-item .counter-content {
        width: calc(100% - 100px);
        padding-left: 20px;
    }

    .counter-item .counter-content p {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .counter-item .counter-thumb {
        width: 100%;
        height: 80px;
        text-align: center;
        margin: 0 auto 10px;
    }

    .counter-item .counter-thumb img {
        max-height: 100%;
    }
}

@media (max-width: 991px) and (max-width: 575px) {
    .counter-item .counter-thumb {
        height: 60px;
    }
}

@media (max-width: 991px) {
    .counter-item .counter-content {
        text-align: center;
        width: 100%;
        padding: 0;
        margin-top: 100px;
    }

    .counter-item .counter-content .counter-header {
        justify-content: center;
    }
}

@media (max-width: 991px) and (max-width: 575px) {
    .counter-item .counter-content .counter-header .title {
        font-size: 24px;
    }
}

/*Counter Section Ends Here*/
/*How Section Starts Here*/
.hover-tab-menu {
    position: relative;
    overflow: hidden;
}

.hover-tab-menu .tab-menu {
    position: relative;
    z-index: 1;
}

.hover-tab-menu .tab-menu li {
    align-items: center;
    padding: 0;
    margin-bottom: 126px;
    cursor: grab;
}

.hover-tab-menu .tab-menu li .menu-thumb {
    padding: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #bad0fb;
    width: 65px;
    height: 65px;
}

.hover-tab-menu .tab-menu li .menu-thumb span {
    line-height: 53px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 36px;
    background-color: #e3ecfd;
    width: 53px;
    display: inline-block;
    color: #33406a;
}

.hover-tab-menu .tab-menu li .menu-content {
    width: calc(100% - 65px);
    padding-left: 20px;
    color: black;
}

.hover-tab-menu .tab-menu li .menu-content .title {
    text-transform: uppercase;
    margin-bottom: 5px;
    color: black!important;
    font-weight: 700;

}

.hover-tab-menu .tab-menu li.active .menu-thumb span {
    background: #0a10a4;
    color: #ffffff;
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
}

.hover-tab-menu .tab-menu li:nth-child(2) {
    -webkit-transform: translateX(95px);
    -ms-transform: translateX(95px);
    transform: translateX(95px);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hover-tab-menu .tab-menu li:nth-child(2) {
        -webkit-transform: translateX(75px);
        -ms-transform: translateX(75px);
        transform: translateX(75px);
    }

    .hover-tab-menu .tab-menu li:nth-child(2) .menu-content {
        max-width: 320px;
    }
}

@media (max-width: 991px) {
    .hover-tab-menu .tab-menu li:nth-child(2) {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (max-width: 991px) {
    .hover-tab-menu .tab-menu li {
        margin-bottom: 50px;
    }
}

@media (max-width: 575px) {
    .hover-tab-menu .tab-menu li {
        margin-bottom: 40px;
    }

    .hover-tab-menu .tab-menu li .menu-thumb {
        width: 50px;
        height: 50px;
    }

    .hover-tab-menu .tab-menu li .menu-thumb span {
        width: 38px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        font-size: 24px;
    }

    .hover-tab-menu .tab-menu li .menu-content {
        padding-left: 15px;
        width: calc(100% - 50px);
    }

    .hover-tab-menu .tab-menu li .menu-content .title {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 600;
    }
}

.hover-tab-menu .tab-menu li:nth-child(1) .menu-thumb {
    position: relative;
}

.hover-tab-menu .tab-menu li:nth-child(1) .menu-thumb:after {
    bottom: 65%;
    right: 65%;
    background: #a8b1de;
    width: 50px;
    height: 50px;
    z-index: -1;
}

.hover-tab-menu .tab-menu li:nth-child(3) .menu-thumb {
    position: relative;
}

.hover-tab-menu .tab-menu li:nth-child(3) .menu-thumb:after {
    top: 75%;
    right: 59%;
    background: #a8b1de;
    width: 55px;
    height: 50px;
    z-index: -1;
}

.hover-tab-menu .tab-menu li:last-child {
    margin: 28px;
}
@media(max-width:767px){
    .hover-tab-menu .tab-menu li:last-child {
    margin: 0px;
 }
}

.hover-tab-menu::after,
.hover-tab-menu::before {
    width: 600px;
    height: 600px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: -37px;
}

@media (max-width: 1199px) and (min-width: 992px) {

    .hover-tab-menu::after,
    .hover-tab-menu::before {
        width: 680px;
        height: 680px;
        top: -77px;
    }
}

@media (max-width: 991px) {

    .hover-tab-menu::after,
    .hover-tab-menu::before {
        display: none;
    }
}

.hover-tab-menu::before {
    right: 75%;
    border: 9px solid #e3ebfc;
}

.hover-tab-menu::after {
    border: 2px dashed #324fb0;
    right: calc(75% + 4px);
    animation: rotate2 2s linear infinite;
}

.hover-tab-area .tab-area {
    width: 540px;
    height: 540px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /*background-color: rgba(38, 78, 213, 0.102);*/
    background-color: rgb(255 255 255 / 10%);
    overflow: hidden;
}

@media screen and (max-width:767px) {
    .hover-tab-area .tab-area {
        width: 100%;
    }
}

.hover-tab-area .tab-area::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgb(255 255 255 / 20%);
    /* background-color: #ffffff; */

}

.hover-tab-area .tab-area::after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* background-color: rgb(255 255 255 / 20%); */
    /* background-color: #ffffff; */

}

.hover-tab-area .tab-area::before {
    width: 468px;
    height: 468px;
}

.hover-tab-area .tab-area::after {
    width: 386px;
    height: 386px;
}

.hover-tab-area .tab-area * {
    position: relative;
    z-index: 1;
}

.hover-tab-area .tab-area .tab-item {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    /* background-color: #ffffff; */
}

.hover-tab-area .tab-area .tab-item img {
    max-height: 350px;
    max-width: 350px;
    z-index: 99;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.hover-tab-area .tab-area .tab-item.active img {
    visibility: visible;
    opacity: 1;
}

.hover-tab-area .tab-area .tab-item.first {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
}

.hover-tab-area .tab-area .tab-item.second {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
}

.hover-tab-area .tab-area .tab-item.third {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
}

/*How Section Ends Here*/
/*Offer Section Starts Here*/
.offer-section {
    position: relative;
    overflow: hidden;
}

.offer-section .container,
.offer-section .container-fluid {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .pb-max-md-0 {
        padding-bottom: 0;
    }

    .hover-tab-area .tab-area::before {
        width: 380px;
        height: 380px;
    }

    .hover-tab-area .tab-area::after {
        width: 320px;
        height: 320px;
    }

    .hover-tab-area .tab-area {
        height: 395px;
        width: 395px;
        margin-bottom: 50px;
    }

    .hover-tab-area .tab-area .tab-item img {
        max-height: 250px;
        max-width: 250px;
    }
}

.ball-group-2,
.ball-group-1 {
    position: absolute;
    height: 100%;
    width: 1300px;
    top: 0;
    align-items: flex-end;
}

.ball-group-2 img,
.ball-group-1 img {
    max-height: 100%;
    max-width: 100%;
}

@media (max-width: 767px) {

    .ball-group-2,
    .ball-group-1 {
        display: none;
    }
}

.ball-group-1 {
    left: 100px;
}

.ball-group-1.ball-group-4 {
    left: 200px;
}

@media (max-width: 991px) {
    .ball-group-1.ball-group-4 {
        display: none;
    }
}

.ball-group-2 {
    right: 100px;
    direction: rtl;
}

.ball-group-2.ball-group-3 {
    right: 200px;
}

@media (max-width: 991px) {
    .ball-group-2.ball-group-3 {
        display: none;
    }
}

.offer-item {
    border-radius: 20px;
    background-color: #f0f4fd;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 20px;
}

.offer-item:last-child {
    margin-bottom: 0;
}

.offer-item .offer-header {
    width: 360px;
    justify-content: space-evenly;
    padding: 20px 0;
}

.offer-item .offer-header .title {
    font-weight: 500;
    margin: 0;
}

.offer-item .offer-header span {
    font-size: 16px;
    display: inline-block;
    padding: 0 10px;
    color: #ffffff;
    background: #1554c2;
    text-transform: uppercase;
    position: relative;
    border-radius: 22px;
    height: 44px;
    line-height: 42px;
}

.offer-item .offer-header span b {
    position: relative;
    z-index: 1;
    font-weight: 500;
}

.offer-item .offer-header span::after {
    width: 143px;
    background: #1554c2;
    z-index: 0;
    height: 44px;
    mask: url(img/offer-shape.png) no-repeat center center;
    -webkit-mask: url(img/offer-shape.png) no-repeat center center;
    mask-size: cover;
    -webkit-mask-size: cover;
}

.offer-item .offer-footer {
    width: 220px;
    padding: 20px 0;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
}

.offer-item .offer-footer::after {
    width: 0;
    height: calc(100% + 200px);
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 2px dashed #b8c7ea;
}

.offer-item .offer-footer .custom-button {
    box-shadow: 0px 10px 10px 0px rgba(132, 141, 156, 0.3);
}

.offer-item .offer-body {
    padding: 20px 40px 13px 0;
    width: calc(100% - 220px - 360px);
    justify-content: space-between;
    align-items: center;
}

.offer-item .offer-body .item {
    text-align: center;
}

.offer-item .offer-body .item .item-thumb {
    height: 57px;
    margin: 0 auto 13px;
}

.offer-item .offer-body .item .item-thumb img {
    max-height: 100%;
}

.offer-item .offer-body .item .item-content .title {
    margin-bottom: 11px;
    font-weight: 400;
}

.offer-item .offer-body .item .item-content .subtitle {
    font-weight: 500;
    color: #324fb0;
}

.offer-item .offer-body .item .item-content .subtitle .to {
    font-weight: 400;
    font-size: 18px;
    display: inline-block;
    margin: 0 5px;
    color: #33406a;
}

.offer-item .offer-body .bal-shape {
    position: relative;
    display: block;
    width: 60px;
    height: 2px;
    background-color: #324fb0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.offer-item .offer-body .bal-shape::after,
.offer-item .offer-body .bal-shape::before {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #324fb0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.offer-item .offer-body .bal-shape::after {
    left: 0;
}

.offer-item .offer-body .bal-shape::before {
    right: 0;
}

.offer-item::after,
.offer-item::before {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
}

.offer-item::after {
    top: 0;
    -webkit-transform: rotate(45deg) translate(-4px, -27px);
    -ms-transform: rotate(45deg) translate(-4px, -27px);
    transform: rotate(45deg) translate(-4px, -27px);
    right: 220px;
}

.offer-item::before {
    right: 220px;
    -webkit-transform: rotate(45deg) translate(27px, 4px);
    -ms-transform: rotate(45deg) translate(27px, 4px);
    transform: rotate(45deg) translate(27px, 4px);
    bottom: 0;
    z-index: 1;
}

@media (max-width: 1199px) {
    .offer-item .offer-header {
        width: 200px;
        justify-content: center;
        text-align: center;
    }

    .offer-item .offer-header .title {
        width: 100%;
        margin-bottom: 10px;
    }

    .offer-item .offer-header span {
        font-size: 14px;
        height: 35px;
        line-height: 35px;
        padding: 0 15px;
    }

    .offer-item .offer-header span::after {
        display: none;
    }

    .offer-item .offer-body {
        width: calc(100% - 200px - 220px);
    }
}

@media (max-width: 1199px) and (max-width: 991px) {
    .offer-item .offer-header {
        width: 150px;
    }

    .offer-item .offer-body {
        width: calc(100% - 200px - 150px);
        padding-left: 0;
        padding-right: 0;
        justify-content: space-around;
    }

    .offer-item .offer-body .bal-shape {
        display: none;
    }
}

@media (max-width: 1199px) and (max-width: 991px) and (min-width: 768px) {
    .offer-item .offer-body .item {
        max-width: 50%;
    }
}

@media (max-width: 1199px) and (max-width: 991px) {
    .offer-item .offer-body .item .item-content .title {
        font-size: 20px;
    }

    .offer-item .offer-body .item .item-content .subtitle {
        font-size: 20px;
    }
}

@media (max-width: 1199px) and (max-width: 991px) and (max-width: 767px) and (min-width: 576px) {
    .offer-item .offer-body .item.first {
        margin-bottom: 20px;
    }
}

@media (max-width: 1199px) and (max-width: 991px) {
    .offer-item .offer-footer {
        width: 200px;
    }

    .offer-item .offer-footer .custom-button {
        font-size: 14px;
    }

    .offer-item::after,
    .offer-item::before {
        right: 200px;
    }
}

@media (max-width: 1199px) and (max-width: 575px) {

    .offer-item::after,
    .offer-item::before {
        display: none;
    }

    .offer-item .offer-header {
        width: 100%;
    }

    .offer-item .offer-body {
        width: 100%;
        padding-top: 13px;
    }

    .offer-item .offer-footer {
        width: 100%;
    }

    .offer-item .offer-footer::after {
        display: none;
    }
}

.offer-item:hover .bal-shape {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.profit-bg {
    height: 579px;
    position: relative;
}

@media (max-width: 767px) {
    .profit-section {
        display: none;
    }
}

.profit-bg div[class*="coin"] {
    position: absolute;
    bottom: 184px;
    left: calc(47% + 5px);
    -webkit-transform: translateX(-54%);
    -ms-transform: translateX(-54%);
    transform: translateX(-54%);
    -webkit-transition: all ease 0.7s;
    -moz-transition: all ease 0.7s;
    transition: all ease 0.7s;
}

.profit-bg div[class*="coin"] img {
    max-width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.profit-bg div[class*="coin"].animated {
    bottom: 184px !important;
    left: calc(47% + 5px) !important;
    -webkit-transform: translateX(-54%) !important;
    -ms-transform: translateX(-54%) !important;
    transform: translateX(-54%) !important;
}

.profit-bg .platform {
    position: absolute;
    bottom: 0;
    left: 47%;
    -webkit-transform: translateX(-54%);
    -ms-transform: translateX(-54%);
    transform: translateX(-54%);
}

.profit-bg .light {
    position: absolute;
    bottom: 184px;
    left: calc(47% + 4px);
    -webkit-transform: translateX(-54%);
    -ms-transform: translateX(-54%);
    transform: translateX(-54%);
}

.profit-bg .coin-6 {
    bottom: 350px !important;
}

.profit-bg .coin-6 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
}

.profit-bg .coin-5 {
    bottom: 295px !important;
    left: calc(47% + 70px) !important;
}


.profit-bg .coin-5 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
}

.profit-bg .coin-2 {
    bottom: 335px !important;
    left: calc(48% - 110px) !important;
}

.profit-bg .coin-2 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
}

.profit-bg .coin-1 {
    bottom: 314px !important;
    left: calc(47% + 18px) !important;
}

.profit-bg .coin-1 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
}

.profit-bg .coin-3 {
    bottom: 250px !important;
    left: calc(47% + 18px) !important;
}

.profit-bg .coin-3 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
}

.profit-bg .coin-4 {
    bottom: 270px !important;
    left: calc(47% - 67px) !important;
}

.profit-bg .coin-4 img {
    animation: jump 6s alternate infinite;
    -webkit-animation: jump 6s alternate infinite;
    -moz-animation: jump 6s alternate infinite;
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
}

.calculate-wrapper {
    position: relative;
    z-index: 9;
}

@media (max-width: 767px) {
    .calculate-wrapper {
        margin-top: 45px;
    }
}

.calculate-wrapper::after,
.calculate-wrapper::before {
    border-radius: 15px;
    background-color: rgba(201, 218, 255, 0.502);
    box-shadow: 0px 16px 10px 0px rgba(112, 120, 146, 0.1);
    height: 100%;
    z-index: -1;
}

.calculate-wrapper::after {
    width: calc(100% - 80px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -40px;
}

.calculate-wrapper::before {
    width: calc(100% - 40px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -20px;
}

.calculate-wrapper .calculate--area {
    background: #f8faff;
    padding: 60px 40px;
    border-radius: 15px;
    box-shadow: 0px 16px 10px 0px rgba(112, 120, 146, 0.1);
}

@media (max-width: 767px) {
    .calculate-wrapper .calculate--area {
        padding: 40px 30px;
    }
}

@media (max-width: 575px) {
    .calculate-wrapper .calculate--area {
        padding: 40px 20px;
    }
}

.calculate-wrapper .calculate-area {
    text-align: center;
    justify-content: space-between;
    margin-bottom: 11px;
}

.calculate-wrapper .calculate-area .calculate-item {
    width: 270px;
    margin-bottom: 40px;
}

.calculate-wrapper .calculate-area .calculate-item .title {
    text-transform: uppercase;
    margin-bottom: 39px;
    position: relative;
}

.calculate-wrapper .calculate-area .calculate-item .title::before {
    content: attr(data-serial);
    font-size: 60px;
    font-weight: 400;
    font-family: "Mulish", sans-serif;
    color: rgba(51, 64, 106, 0.12);
}

.calculate-wrapper .calculate-area .calculate-item .tab-menu {
    margin: -2.5px;
    justify-content: center;
}

.calculate-wrapper .calculate-area .calculate-item .tab-menu li {
    width: 60px;
    height: 50px;
    border: 1px solid #cdd9f6;
    margin: 2.5px;
    font-size: 18px;
    padding: 0;
    text-transform: uppercase;
    color: #33406a;
    line-height: 48px;
}

.calculate-wrapper .calculate-area .calculate-item .tab-menu li.active {
    color: #ffffff;
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    border-color: #f55c25;
    box-shadow: 0px 10px 10px 0px rgba(132, 141, 156, 0.3);
}

.calculate-wrapper .calculate-area .calculate-item .select-bar {
    width: 100%;
    margin: 0 auto;
    height: 50px;
    background-color: transparent;
    border-radius: 0;
    border: 1px solid #cdd9f6;
}

@media (min-width: 992px) {
    .calculate-wrapper .calculate-area .calculate-item .select-bar {
        max-width: 255px;
    }
}

.calculate-wrapper .calculate-area .calculate-item .select-bar .current {
    line-height: 50px;
    display: block;
    text-align: center;
    color: #33406a;
    font-size: 18px;
}

.calculate-wrapper .calculate-area .calculate-item .select-bar .list {
    width: 100%;
    max-height: 200px;
    overflow-y: scroll;
    border: 1px solid #cdd9f6;
    border-radius: 0;
}

.calculate-wrapper .calculate-area .calculate-item input {
    width: 100%;
    max-width: 255px;
    margin: 0 auto;
    height: 50px;
    background-color: transparent;
    border-radius: 0;
    border: 1px solid #cdd9f6;
}

@media (max-width: 991px) {
    .calculate-wrapper .calculate-area {
        justify-content: center;
    }

    .calculate-wrapper .calculate-area .calculate-item {
        width: 50%;
        max-width: 280px;
    }

    .calculate-wrapper .calculate-area .calculate-item .title {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .calculate-wrapper .calculate-area .calculate-item {
        width: 100%;
        margin-bottom: 30px;
    }

    .calculate-wrapper .calculate-area .calculate-item .title {
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) and (max-width: 575px) {
    .calculate-wrapper .calculate-area .calculate-item .title::before {
        font-size: 44px;
    }

    .calculate-wrapper .calculate-area .calculate-item .select-bar {
        height: 40px;
    }

    .calculate-wrapper .calculate-area .calculate-item .select-bar .current {
        line-height: 38px;
    }

    .calculate-wrapper .calculate-area .calculate-item input {
        height: 40px;
    }

    .calculate-wrapper .calculate-area .calculate-item .tab-menu li {
        line-height: 38px;
        height: 40px;
        width: 50px;
        font-size: 16px;
    }
}

.calculate-wrapper .profit-calc {
    max-width: 925px;
    margin: 0 auto 30px;
    justify-content: space-between;
}

@media (max-width: 575px) {
    .calculate-wrapper .profit-calc {
        margin-bottom: 0;
    }
}

.calculate-wrapper .profit-calc .item {
    margin-bottom: 10px;
}

.calculate-wrapper .profit-calc .item .cate {
    display: block;
    margin-bottom: 18px;
}

.calculate-wrapper .profit-calc .item .title {
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .calculate-wrapper .profit-calc .item .cate {
        margin-bottom: 10px;
    }

    .calculate-wrapper .profit-calc .item .title {
        font-size: 36px;
        line-height: 1.3;
    }
}

@media (max-width: 767px) {
    .calculate-wrapper .profit-calc .item .cate {
        margin-bottom: 10px;
    }

    .calculate-wrapper .profit-calc .item .title {
        font-size: 28px;
        line-height: 1.3;
    }
}

body *::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

body *::-webkit-scrollbar-thumb {
    background-color: #000000;
}

body *::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.cl-theme {
    color: #f55c25;
}

.cl-theme-1 {
    color: #324fb0;
}

.cl-theme {
    color: #f55c25;
}

/*Range Slider Starts Here*/
.invest-range-area {
    align-items: center;
    justify-content: space-between;
}

.invest-range-area .invest-amount {
    width: calc(100% - 190px);
    position: relative;
}

@media (max-width: 575px) {
    .invest-range-area .invest-amount {
        width: 100%;
        margin-bottom: 60px;
    }
}

.invest-range-area .invest-amount .invest-range-slider {
    background: #dee7fc;
    border: none;
    height: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.invest-range-area .invest-amount .ui-slider-range-min {
    background: #8fadf6;
}

.invest-range-area .invest-amount .ui-state-default {
    height: 33px;
    width: 33px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 575px) {
    .invest-range-area .invest-amount .ui-state-default {
        height: 25px;
        width: 25px;
    }
}

.invest-range-area .invest-amount::after,
.invest-range-area .invest-amount::before {
    position: absolute;
    top: 20px;
    font-size: 16px;
}

.invest-range-area .invest-amount::before {
    left: 0;
    content: attr(data-min);
}

.invest-range-area .invest-amount::after {
    right: 0;
    content: attr(data-max);
}

.invest-range-area .custom-button {
    width: 160px;
    outline: none;
}

.invest-range-area .main-amount {
    width: 100%;
}

.invest-range-area .main-amount input {
    background: transparent;
    border: none;
    height: 20px;
    color: #33406a;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
}

@media (max-width: 575px) {
    .invest-range-area .main-amount input {
        height: 50px;
    }
}

/*Investor Section Starts Here*/
.investor-section {
    position: relative;
}

@media (max-width: 575px) {
    .investor-item {
        max-width: 180px;
        margin-left: auto;
        margin-right: auto;
    }
}

.investor-item .investor-thumb {
    margin-bottom: 36px;
}

.investor-item .investor-thumb img {
    width: 80%;
}

@media (max-width: 575px) {
    .investor-item .investor-thumb {
        margin-bottom: 26px;
    }
}

.investor-item .investor-content {
    text-align: center;
}

.investor-item .investor-content .title,
.investor-item .investor-content .amount {
    font-weight: 500;
}

.investor-item .investor-content .title {
    margin-bottom: 21px;
    text-transform: capitalize;
}

.investor-item .investor-content .amount {
    margin-bottom: -5px;
}

@media (max-width: 575px) {
    .investor-item .investor-content .title {
        margin-bottom: 10px;
    }

    .investor-item .investor-content .amount {
        margin-bottom: -4px;
    }
}

/*CEO-Section Starts Here*/
.ceo-content .title {
    font-weight: 500;
    margin-bottom: 28px;
    color: #ffffff;
}

.ceo-content .author .subtitle {
    margin-bottom: 4px;
}

.ceo-content .author .subtitle a {
    font-weight: 500;
    text-transform: capitalize;
    color: #23d605;
}

.ceo-content .author .info {
    font-size: 18px;
    color: #ffffff;
    display: block;
    margin-bottom: 30px;
}

.ceo-content .author .sign img {
    max-width: 100%;
}

@media (max-width: 991px) {
    .ceo-content {
        margin-bottom: 40px;
    }
}

.ceo-thumb {
    margin-bottom: 35px;
}

.ceo-thumb img {
    max-width: 100%;
}

@media (max-width: 991px) {
    .ceo-thumb {
        margin-bottom: 15px;
    }
}

/*Hero Section Starts Here*/
.hero-section {
    position: relative;
    padding: 338px 0 210px;
}

@media (max-width: 1199px) {
    .hero-section {
        padding: 258px 0 130px;
    }
}

@media (max-width: 991px) {
    .hero-section {
        padding: 229px 0 105px;
    }
}

@media (max-width: 767px) {
    .hero-section {
        padding-top: 222px;
    }
}

@media (max-width: 575px) {
    .hero-section {
        padding-top: 248px;
    }
}

@media (max-width: 991px) {
    .hero-section {
        background: #ffffff !important;
    }
}

.hero-section-2 {
    position: relative;
    padding: 80px 0 120px;
    background: #010684;
}

.hero-section-2 .hero-shape {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    min-width: 1920px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hero-section-2 .hero-shape img {
    width: 100%;
}

@media (max-width: 1199px) {
    .hero-section-2 {
        padding: 50px 0 120px;
    }
}

@media (max-width: 991px) {
    .hero-section-2 {
        padding: 50px 0 80px;
    }


    .hero-section-2 .hero-shape {
        display: none;
    }

    .banner-section.style-3 .shape.round-1,
    .bg_img.hero-section-2 .shape.round-1,
    .banner-section.style-3 .shape.round-1,
    .bg_img.hero-section-2 .shape.round-2 {
        display: none;
    }
}

@media (max-width: 767px) {
    .hero-section-2 {
        padding-top: 222px;
    }
}

@media (max-width: 575px) {
    .hero-section-2 {
        padding-top: 248px;
    }
}

.hero-section-2 .container,
.hero-section-2 .container-fluid {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .hero-section-2 {
        /* background: #4a61ff !important; */
    }
}

.hero-content .title {
    text-transform: none;
    font-size: 45px;
    line-height: 53px;
    font-weight: 800;
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .hero-content .title {
        font-size: 50px;
    }
}

@media (max-width: 575px) {
    .hero-content .title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px; 
         margin-top: 70px;
        text-align: left;
    }
}


.hero-content.text-white .title {
    color: #fff;
    text-shadow: 1px 1px 1px rgb(0 0 0);
}

.hero-content.text-white .breadcrumb li,
.hero-content.text-white .breadcrumb li a {
    color: #ffffff;
}

.breadcrumb {
    background: transparent;
    padding: 0;
}

.breadcrumb li,
.breadcrumb li a {
    padding: 0;
    text-transform: uppercase;
    color: #33406a;
    font-weight: 400;
}

.breadcrumb li a::after {
    margin: 0 10px;
    font-weight: 500;
    font-family: "Flaticon";
    content: "\f112";
}

.text-white .breadcrumb li,
.text-white .breadcrumb li a {
    color: #ffffff;
}

.left-bottom {
    background-position: left bottom;
}

/*Mission Section Starts Here*/
.mission-section {
    overflow: hidden;
    position: relative;
}

.mission-section .mission-shape {
    position: absolute;
    left: 0;
    top: 120px;
    bottom: 0;
}

.mission-section .mission-shape img {
    height: 100%;
}

@media screen and (max-width: 1650px) {
    .mission-section .mission-shape {
        width: 500px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .mission-section .mission-shape img {
        max-width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 1440px) {
    .mission-section .mission-shape {
        display: none;
    }
}

.mission-section .container {
    position: relative;
    z-index: 1;
}

.mission-item {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-radius: 30px;
    border: 1px solid #2e4cea;
    padding: 40px 30px;
    text-align: center;
    margin: 20px 0;
}

.mission-item .mission-thumb {
    width: 120px;
    height: 120px;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 40px;
    background: #ffffff;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    box-shadow: 0 10px 20px rgba(215, 226, 251, 0.7);
}

.mission-item .mission-thumb img {
    max-height: 71px;
    width: auto;
}

.mission-item .mission-content .title {
    text-transform: uppercase;
    margin-bottom: 25px;
}

.mission-item .mission-content p {
    font-size: 18px;
}

.mission-item .mission-content a {
    font-weight: 500;
    text-transform: capitalize;
    color: #33406a;
}

.mission-item .mission-content a i {
    font-weight: 700;
    margin-left: 5px;
}

.mission-item:hover {
    background-color: #ffffff;
    box-shadow: 0px 11px 20px 0px rgba(218, 211, 239, 0.5);
    border-color: #ffffff;
}

.mission-item:hover .mission-thumb {
    box-shadow: 0 15px 20px rgba(215, 226, 251, 0.7);
}

.mission-item:hover .mission-content a {
    color: #324fb0;
}

.mission-wrapper {
    margin: -20px 0;
}

@media (min-width: 992px) {
    .mission-wrapper {
        width: auto;
        margin-right: -300px;
    }
}

@media (min-width: 1200px) {
    .mission-wrapper {
        margin-right: -500px;
    }
}

@media (max-width: 991px) {
    .mission--thumb {
        margin-bottom: 40px;
    }

    .mission--thumb img {
        width: 100%;
    }
}

/*Faq Section Starts Here*/
.faq-section {
    position: relative;
    overflow: hidden;
}

.faq-section .container,
.faq-section .container-fluid {
    position: relative;
    z-index: 1;
}


 .faq-item{
    padding: 30px 0 10px;
    /* border-bottom: 1px solid #bccaea; */
}

.faq-item .faq-title {
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 40px;
    border-bottom: 1px solid #bccaea;
    position: relative;
    cursor: pointer;
}

.faq-item .faq-title::before {
    content: "";
    position: absolute;
    left: 0;
    color: #4a61ff;
    width: 38px;
    height: 40px;
    background: url(img/faq.png) no-repeat center center;
    background-size: contain;
}

.faq-item .faq-title .right-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

.faq-item .faq-title .right-icon::after,
.faq-item .faq-title .right-icon::before {
    position: absolute;
    content: '';
    background: #4a61ff;
    top: 50%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.faq-item .faq-title .right-icon::before {
    width: 2px;
    height: 20px;
}

.faq-item .faq-title .right-icon::after {
    width: 20px;
    height: 2px;
}

.faq-item .faq-title .title {
    max-width: 900px;
    font-size: 18px;
}

.faq-item .faq-content {
    max-width: 780px;
    display: none;
    padding: 10px 0 20px;
    padding-left: 60px;
}

.faq-item .faq-content p {
    margin-top: 0;
}

.faq-item.active .faq-content {
    display: block;
}

.faq-item.open .faq-title .right-icon::before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

@media (min-width: 767px) {
    .faq-title {
        width: 50%;
    }

    .faq-content {
        position: absolute;
        right: 0px;
        top: -7px;
        width: 50%;
    }
}

@media (max-width: 767px) {
    .faq-item .faq-content {
        padding-left: 40px;
    }

    .faq-item .faq-title {
        padding-left: 40px;
    }

    .faq-item .faq-title::before {
        width: 30px;
    }

    .faq-item .faq-title .title {
        font-size: 22px;
        text-align: left;
    }
}

@media (max-width: 575px) {
    .faq-item .faq-content {
        padding-left: 0;
        padding: 15px 20px 20px;
    }

    .faq-item .faq-title {
        padding-bottom: 10px;
        padding-right: 30px;
        padding-left: 0;
    }

    .faq-item .faq-title::before {
        display: none;
    }

    .faq-item .faq-title .title {
        font-size: 18px;
    }

    .faq-item.open .title {
        font-weight: 800;
    }

    .faq-item .faq-content {
        padding-top: 10px;
    }

    .faq-content .title {
        display: none;
    }

}

.faq-item:first-child {
    padding-top: 0;
}

.faq-item:last-child {
    padding-bottom: 0;
    border: none;
}

.faq-tab .tab-menu {
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: -5px;
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
}

.faq-tab .tab-menu li {
    padding: 0;
    line-height: 50px;
    border-radius: 25px;
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    box-shadow: 0px 10px 10px 0px rgba(132, 141, 156, 0.3);
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    padding: 0 38px;
    margin: 5px;
}

.faq-tab .tab-menu li.active {
    background-image: -moz-linear-gradient(-45deg, #9830e7 0%, #1837dd 100%);
    background-image: -webkit-linear-gradient(-45deg, #9830e7 0%, #1837dd 100%);
    background-image: -ms-linear-gradient(-45deg, #9830e7 0%, #1837dd 100%);
    box-shadow: 0px 10px 10px 0px rgba(132, 141, 156, 0.3);
}

@media (min-width: 576px) {
    .faq-tab .tab-menu {
        margin: -15px;
        margin-top: -35px;
        margin-bottom: 35px;
    }

    .faq-tab .tab-menu li {
        margin: 15px;
    }
}

/*Why Affiliate Section Starts Here*/
.why-area {
    margin: -15px;
    margin-bottom: 10px;
}

.why-item {
    width: 100%;
}

.why-item .why-inner {
    margin: 10px;
    border: 1px solid #bccaea;
    padding: 20px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*background: #ffffff;*/
    align-items: center;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.why-item .why-inner .why-thumb {
    width: 60px;
}

.why-item .why-inner .why-thumb img {
    max-width: 100%;
}

.why-item .why-inner .why-content {
    width: calc(100% - 60px);
    padding-left: 20px;
}

.why-item .why-inner .why-content .title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

.why-item .why-inner:hover {
    border-color: transparent;
    box-shadow: 0px 5px 15px 0px rgba(23, 2, 121, 0.3);
}

@media screen and (min-width: 500px) {
    .why-item {
        width: 50%;
    }

    .page.feature-section .why-item {
        width: 33%;
    }
}

.why-affiliate-content .custom-button:hover {
    box-shadow: 0px 10px 10px 0px rgba(132, 141, 156, 0.3);
}

.why-affiliate-section {
    position: relative;
}

.why--thumb {
    position: absolute;
    bottom: 120px;
    left: calc(50% - 140px);
}

@media (max-width: 991px) {
    .why--thumb {
        display: none;
    }
}

/*How Section Starts Here*/
.how-item {
    text-align: center;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0px 5px 15px 0px rgba(23, 2, 121, 0.3);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    padding: 40px 20px;
    margin: 0 auto 30px;
}
.how-item2 {
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.how-item .how-thumb-area {
    margin: 0 auto 42px;
    width: 142px;
    height: 142px;
    position: relative;
    align-items: center;
    justify-content: center;
}
.how-item2 .how-thumb-area {
    margin: 0 auto 42px;
    width: 142px;
    height: 142px;
    position: relative;
    align-items: center;
    justify-content: center;
}
.how-item .how-thumb-area::before {
    width: 100%;
    height: 100%;
    background: url(img/how-shape-sm.png) no-repeat center center;
    background-size: contain;
    animation: rotate 10s linear infinite;
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
}
.how-item2 .how-thumb-area::before {
    width: 100%;
    height: 100%;
    background: url(img/how-shape-sm.png) no-repeat center center;
    background-size: contain;
    animation: rotate 10s linear infinite;
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
}
.how-item .how-thumb-area::after {
    width: 115px;
    height: 115px;
    background: url(img/how-shape-md.png) no-repeat center center;
    background-size: contain;
    animation: rev-rotate 10s linear infinite;
    -webkit-animation: rev-rotate 10s linear infinite;
    -moz-animation: rev-rotate 10s linear infinite;
}
.how-item2 .how-thumb-area::after {
    width: 115px;
    height: 115px;
    background: url(img/how-shape-md.png) no-repeat center center;
    background-size: contain;
    animation: rev-rotate 10s linear infinite;
    -webkit-animation: rev-rotate 10s linear infinite;
    -moz-animation: rev-rotate 10s linear infinite;
}
.how-item .how-thumb-area .how-thumb {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    align-items: center;
    position: relative;
    z-index: 1;
    justify-content: center;
    box-shadow: 0px 5px 15px 0px rgba(23, 2, 121, 0.3);
}
.how-item2 .how-thumb-area .how-thumb {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    align-items: center;
    position: relative;
    z-index: 1;
    justify-content: center;
    /* box-shadow: 0px 5px 21px 0px rgb(0 11 255); */
    box-shadow: 0px 5px 15px 0px rgba(23, 2, 121, 0.3);
}
.how-item .how-thumb-area .how-thumb img {
    max-width: 55px;
    max-height: 55px;
}
.how-item2 .how-thumb-area .how-thumb img {
    max-width: 75px;
    max-height: 75px;
}
.how-item .how-content .title {
    /* text-transform: uppercase; */
    margin-bottom: 13px;
}
.how-item2 .how-content .title {
    text-transform: uppercase;
    margin-bottom: 13px;
}
.how-item .how-content a {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #526288;
}
.how-item2 .how-content a {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #526288;
}
.how-item .how-content a i {
    margin-left: 5px;
    font-weight: 700;
    font-size: 18px;
}
.how-item2 .how-content a i {
    margin-left: 5px;
    font-weight: 700;
    font-size: 18px;
}
.how-item.active,
.how-item:hover {
    background: -moz-linear-gradient(90deg, #3b26db 1%, #7b19cb 100%);
    background: -webkit-linear-gradient(90deg, #282ebf 1%, #020558 100%);
    background: -ms-linear-gradient(90deg, #3b26db 1%, #7b19cb 100%);
    box-shadow: 0px 10px 15px 0px rgba(67, 36, 217, 0.5);
}
.how-item.active .how-content .title,
.how-item:hover .how-content .title {
    color: #ffffff;
}
.how-item2.active .how-content .title,
.how-item2:hover .how-content .title {
    color: #ffffff;
}
.how-item.active .how-content a,
.how-item:hover .how-content a {
    color: #23d605;
}
.how-item2.active .how-content a,
.how-item2:hover .how-content a {
    color: #23d605;
}
@media (max-width: 575px) {
    .how-item {
        max-width: 350px;
    }
    .how-item2 {
        max-width: 350px;
    }
}

.how-section {
    position: relative;
}

.how-section .ball-3,
.how-section .ball-2 {
    top: 0;
    bottom: auto;
}

/*Total Section Starts Here*/
.total-content {
    position: relative;
}

.total-content .total-bg {
    width: 100%;
    height: 100%;
}

.total-content .total-bg img {
    max-width: 100%;
}

.tot-wrapper {
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin-bottom: -30px;
}

.tot-wrapper .tot-area {
    width: 50%;
    max-width: 285px;
    padding: 0 15px;
}

@media (max-width: 767px) {
    .tot-wrapper .tot-area {
        width: 100%;
        max-width: 255px;
    }
}

.tot-wrapper .tot-item {
    border-radius: 20px;
    box-shadow: 0px 11px 30px 0px rgba(91, 51, 229, 0.83);
    background: #ffffff;
    padding: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.tot-wrapper .tot-item .tot-thumb {
    width: 101px;
    height: 101px;
    margin: 0 auto 15px;
}

.tot-wrapper .tot-item .tot-thumb img {
    max-width: 100%;
}

.tot-wrapper .tot-item .counter--item .counter-header {
    align-items: center;
    justify-content: center;
}

.tot-wrapper .tot-item .counter--item .counter-header .title {
    margin: 0;
    line-height: 1;
    margin-bottom: 20px;
    text-transform: uppercase;
}

@media (min-width: 576px) {
    .tot-wrapper .tot-item .counter--item .counter-header .title {
        font-size: 50px;
    }
}

.tot-wrapper .tot-item .counter--item p {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    color: #484748;
}

/*Contact Section Starts Here*/
@media (max-width: 991px) {
    .left-bottom-lg-max {
        background-position: bottom left;
    }
}

.contact-wrapper {
    position: relative;
}

.contact-wrapper::before {
    width: 100%;
    height: calc(100% - 120px);
    top: 0;
    left: 0;
    border-radius: 30px;
    background-color: #f77f6d;
}

.contact-wrapper * {
    position: relative;
    z-index: 1;
}

.contact-wrapper .contact-header {
    margin-bottom: 124px;
}

.contact-wrapper .contact-header .title {
    text-transform: uppercase;
    margin-bottom: 17px;
    color: #ffffff;
}

.contact-wrapper .contact-header p {
    color: #ffffff;
}

.contact-wrapper .contact-content .title,
.contact-wrapper .contact-content p {
    color: #ffffff;
}

.contact-wrapper .contact-content .title {
    margin-bottom: 22px;
}

.contact-wrapper .contact-content p {
    margin-bottom: 52px;
}

.contact-wrapper .contact-content a {
    position: relative;
    padding-left: 27px;
    line-height: 50px;
    color: #ffffff;
    text-transform: capitalize;
}

.contact-wrapper .contact-content a:hover::before {
    left: calc(100% - 50px);
}

.contact-wrapper .contact-content a::before {
    border-radius: 50%;
    background-color: white;
    opacity: 0.302;
    left: 0;
    top: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    width: 50px;
    height: 50px;
}

@media (max-width: 991px) {
    .contact-wrapper {
        padding: 70px 30px 0;
    }

    .contact-wrapper .contact-header {
        margin-bottom: 40px;
    }

    .contact-wrapper .contact-header .title {
        font-size: 36px;
        line-height: 1.4;
    }

    .contact-wrapper .contact-content {
        margin-bottom: 50px;
    }

    .contact-wrapper .contact-content .title {
        font-size: 24px;
        line-height: 1.4;
    }

    .contact-wrapper .contact-content p {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .contact-wrapper {
        padding: 70px 30px 0;
    }
}

@media screen and (max-width: 399px) {
    .contact-wrapper {
        padding: 50px 15px 0;
    }
}

.contact-form {
    padding: 53px 30px 60px;
    background: #ffffff;
    border-radius: 30px;
    border: 1px solid #f69321;
}

.contact-form .form-group {
    margin-bottom: 15px;
}

.contact-form .form-group:last-child {
    margin-bottom: 0;
}

.contact-form .form-group label {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #33406a;
    display: block;
}

@media (max-width: 767px) {
    .contact-form .form-group label {
        font-size: 18px;
        margin-bottom: -5px;
    }
}

.contact-form .form-group input {
    border: none;
    border-bottom: 1px solid #e3ebff;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    color: #526288;
}

.contact-form .form-group input::placeholder {
    color: #b6b7bb;
}

.contact-form .form-group input[type="submit"] {
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    font-weight: 500;
    text-transform: capitalize;
    color: #ffffff;
    border: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    height: 50px;
}

.contact-form .form-group textarea {
    padding: 0;
    padding-top: 10px;
    border: none;
    border-bottom: 1px solid #e3ebff;
    background: transparent;
    color: #526288;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 80px;
}

.contact-form .form-group textarea::placeholder {
    color: #b6b7bb;
}

@media (max-width: 575px) {
    .contact-form {
        padding: 23px 15px 30px;
    }
}

/*Dashboard Section Starts Here*/
.dashboard-section .side-header {
    width: 240px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
}

.dashboard-section .side-header .side-logo {
    width: 160px;
    margin-bottom: 40px;
}

.dashboard-section .side-header .side-logo a {
    display: block;
}

.dashboard-section .side-header .side-logo a img {
    width: 100%;
}

@media (min-width: 992px) {
    .dashboard-section .side-header .side-logo {
        margin-bottom: 70px;
    }
}

.dashboard-section .side-header .site-header-container {
    overflow: hidden;
    padding: 30px 15px 30px 30px;
    background-color: #f8f9fa;
    height: 100vh;
    overflow-y: auto;
}

.dashboard-section .side-header .cross-header-bar {
    position: fixed;
    cursor: pointer;
    margin-left: auto;
    top: 15px;
    left: calc(100% + 15px);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index: 99;
}

.dashboard-section .side-header .cross-header-bar span {
    background-color: #33406a;
}

.dashboard-section .side-header .cross-header-bar.active {
    left: calc(100% - 15px);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

@media (max-width: 1399px) {
    .dashboard-section .side-header {
        width: 100%;
        max-width: 240px;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .dashboard-section .side-header.active {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.dashboard-section .dasboard-body {
    margin-left: auto;
    width: calc(100% - 240px);
}

@media (min-width: 1400px) {
    .dashboard-section .dasboard-body .dashboard-hero {
        padding: 0 15px;
    }

    .dashboard-section .dasboard-body .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 1399px) {
    .dashboard-section .dasboard-body {
        width: 100%;
    }
}

.dashboard-section .list .option {
    margin-right: 0;
}

.dashboard-menu {
    border: none;
}

.dashboard-menu>li>a::before {
    position: absolute;
    content: "";
    top: 50%;
    right: calc(100% - 50px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #4a61ff;
    height: 54px;
    width: 100%;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    opacity: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.dashboard-menu li {
    padding: 0;
}

.dashboard-menu li a {
    align-items: center;
    position: relative;
    color: #526288;
    padding: 15px 0 15px 5px;
}

.dashboard-menu li a:hover,
.dashboard-menu li a.active {
    color: #4a61ff;
}

.dashboard-menu li a:hover::before,
.dashboard-menu li a.active::before {
    opacity: 1;
}

.dashboard-menu li a:hover i,
.dashboard-menu li a.active i {
    color: #ffffff;
}

.dashboard-menu li a::after {
    position: absolute;
    content: "\f105";
    right: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.dashboard-menu li a i {
    font-size: 30px;
    line-height: 1;
    margin-right: 30px;
    position: relative;
    z-index: 1;
}

.dashboard-menu li .submenu {
    display: none;
    padding-left: 15px;
}

.dashboard-menu li .submenu li a {
    padding: 5px;
    font-size: 16px;
}

.dashboard-menu li .submenu li a i {
    font-size: 24px;
}

.dashboard-menu li.open.menu-item-has-children>a {
    color: #4a61ff;
}

.dashboard-menu li.open.menu-item-has-children>a::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.dashboard-menu li.open.menu-item-has-children>a::before {
    opacity: 1;
}

.dashboard-menu li.open.menu-item-has-children>a i {
    color: #ffffff;
}

.dashboard-menu li.open.menu-item-has-children .submenu li a i {
    color: #526288;
}

.dashboard-menu li.open.menu-item-has-children .submenu li a:hover i {
    color: #4a61ff;
}

.dashboard-hero {
    background: -moz-linear-gradient(-127deg, #8b89fd 0%, #5351fb 100%);
    background: -webkit-linear-gradient(-127deg, #8b89fd 0%, #5351fb 100%);
    background: -ms-linear-gradient(-127deg, #8b89fd 0%, #5351fb 100%);
    -webkit-border-radius: 0 0 30px 30px;
    -moz-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
}

.dashboard-hero .dashboard-hero-content {
    padding: 40px 15px 125px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.dashboard-hero .dashboard-hero-content p {
    color: rgba(255, 255, 255, 0.8);
}

.dashboard-hero .dashboard-hero-content .title {
    margin-bottom: 16px;
    font-weight: 400;
    color: #ffffff;
    text-transform: capitalize;
}

.dashboard-hero .header-top {
    border: none;
    padding: 25px 0;
}

.dashboard-hero .header-top ul li {
    margin-right: 15px;
}

.dashboard-hero .header-top ul li:last-child {
    margin-right: 0;
}

.dashboard-hero .header-top ul li a,
.dashboard-hero .header-top ul li i {
    color: rgba(255, 255, 255, 0.8);
}

.dashboard-hero .header-top .select-bar .current {
    color: #ffffff;
}

.dashboard-hero .header-top .select-bar::after {
    border-color: #ffffff;
}

.dashboard-hero .header-top .select-bar .list {
    right: unset;
}

.dashboard-hero .header-top .container {
    max-width: 100%;
}

@media (max-width: 991px) {
    .dashboard-hero .header-top {
        padding: 15px 0;
    }
}

.dashboard-header-right .dashboard-header-search {
    width: 100%;
    max-width: 240px;
    position: relative;
}

.dashboard-header-right .dashboard-header-search input {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.102);
    height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    border: none;
    color: #ffffff;
    font-size: 16px;
    padding-left: 50px;
    cursor: pointer;
}

.dashboard-header-right .dashboard-header-search input::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.dashboard-header-right .dashboard-header-search input:focus {
    cursor: text;
}

.dashboard-header-right .dashboard-header-search input:focus+label {
    opacity: 0;
}

.dashboard-header-right .dashboard-header-search label {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.8);
}

.dashboard-right-menus li a {
    position: relative;
    font-size: 28px;
    line-height: 1;
}

.dashboard-right-menus li a .number {
    position: absolute;
    right: 0;
    top: -6px;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
    display: block;
}

.dashboard-right-menus li a.author {
    align-items: center;
}

.dashboard-right-menus li a.author .thumb {
    width: 42px;
    position: relative;
}

.dashboard-right-menus li a.author .thumb .checked {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    background: #324fb0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: -6px;
    right: 0;
    text-align: center;
    font-size: 12px;
}

.dashboard-right-menus li a.author .thumb .checked i {
    margin: 0;
}

.dashboard-right-menus li a.author .thumb img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
}

.dashboard-right-menus li a.author .content {
    width: calc(100% - 42px);
    padding-left: 10px;
}

.dashboard-right-menus li a.author .content .title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: -8px;
    color: #ffffff;
}

.dashboard-right-menus li a.author .content .country {
    font-size: 14px;
    color: #23d605;
}

.bg-theme {
    background: #f55c25;
}

.bg-theme-2 {
    background: #e6496a;
}

.oh {
    overflow: hidden;
}

.cross-header-bar {
    cursor: pointer;
    width: 25px;
    height: 20px;
    margin-left: auto;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    position: relative;
}

.cross-header-bar span {
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    background-color: #ffffff;
    left: 0;
}

.cross-header-bar span:first-child {
    top: 0;
}

.cross-header-bar span:nth-child(2) {
    top: 52%;
    transform: translateY(-65%);
}

.cross-header-bar span:last-child {
    bottom: 0;
}

.cross-header-bar.active span:first-child {
    -webkit-transform: rotate(45deg) translate(3px, 9px);
    -ms-transform: rotate(45deg) translate(3px, 9px);
    transform: rotate(45deg) translate(3px, 9px);
}

.cross-header-bar.active span:nth-child(2) {
    opacity: 0;
}

.cross-header-bar.active span:last-child {
    -webkit-transform: rotate(-45deg) translate(3px, -9px);
    -ms-transform: rotate(-45deg) translate(3px, -9px);
    transform: rotate(-45deg) translate(3px, -9px);
}

.notification-area {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px 0px rgba(112, 120, 146, 0.1);
    width: 235px;
    font-size: 14px;
    line-height: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.notification-area .notifacation-header {
    padding: 16px 20px;
    position: relative;
    border-bottom: 1px solid rgba(51, 64, 106, 0.1);
}

.notification-area .notifacation-header::before {
    bottom: 100%;
    left: 50%;
    width: 30px;
    height: 15px;
    margin-left: -15px;
    background: #ffffff;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.notification-area .notifacation-header a {
    color: #324fb0 !important;
    font-size: 14px;
}

.notification-area .notifacation-footer {
    padding: 8px 20px;
    border-top: 1px solid rgba(51, 64, 106, 0.1);
}

.notification-area .notifacation-footer a {
    color: #324fb0 !important;
    font-size: 14px;
}

.notification-area .notification-body {
    padding: 15px 20px;
    position: relative;
}

.notification-area .notification-body li {
    margin-right: 0 !important;
    padding: 7px 0;
}

.notification-area .notification-body li a .icon {
    background: rgba(50, 79, 176, 0.05);
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    font-size: 20px;
}

.notification-area .notification-body li a .icon i {
    margin: 0;
    color: #23d605;
}

.notification-area .notification-body li a .icon img {
    width: 100%;
}

.notification-area .notification-body li a .cont {
    width: calc(100% - 30px);
    padding-left: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #526288;
}

.notification-area .notification-body li a .cont .info,
.notification-area .notification-body li a .cont .message {
    display: block;
    color: rgba(82, 98, 136, 0.9);
}

.notification-area .notification-body li a .cont .message {
    margin-bottom: 5px;
}

.notification-area .notification-body li a .cont .title {
    color: #33406a;
    font-weight: 500;
}

.notification-area .notification-body li a .cont .subtitle,
.notification-area .notification-body li a .cont .message {
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.notification-area .author-header {
    padding: 20px 15px 18px;
    text-align: center;
    border-bottom: 1px solid rgba(51, 64, 106, 0.2);
}

.notification-area .author-header .title {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.notification-area .author-header a {
    font-size: 14px;
    color: #526288 !important;
}

.notification-area .author-header .thumb {
    margin: 0 auto 15px;
    width: 58px;
    height: 58px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.notification-area .author-header .thumb img {
    width: 100%;
}

.notification-area .author-body {
    padding: 15px 35px;
}

.notification-area .author-body li {
    width: 100%;
    margin: 0 !important;
    padding: 7px 0;
}

.notification-area .author-body li a {
    font-size: 14px;
    color: #526288 !important;
}

.notification-area .author-body li a i {
    color: #526288;
    margin-right: 5px;
}

.notification-area.active {
    visibility: visible;
    opacity: 1;
}

.dashboard-right-menus li {
    position: relative;
}

.dashboard-right-menus li .notification-area {
    position: absolute;
    left: 0;
    top: calc(100% + 25px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 499px) {
    .dashboard-right-menus li {
        position: unset;
    }

    .dashboard-right-menus li .notification-area {
        left: 50%;
        top: calc(100%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media (max-width: 991px) {
    .mobile-header .author {
        overflow: hidden;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 50px;
    }

    .mobile-header .author img {
        width: 100%;
    }

    .mobile-header-content {
        position: fixed;
        background: #324fb0;
        z-index: 99999;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        -webkit-transform: translateY(-101%);
        -ms-transform: translateY(-101%);
        transform: translateY(-101%);
    }

    .mobile-header-content.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .mobile-header-content .support-area {
        width: 100%;
        justify-content: space-around;
        padding: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .mobile-header-content .dashboard-header-right {
        width: 100%;
        padding: 30px 20px;
        justify-content: space-between;
    }
}

@media (max-width: 991px) and (max-width: 575px) {

    .mobile-header-content .support-area,
    .mobile-header-content .dashboard-header-right {
        padding: 15px;
    }

    .mobile-header-content .dashboard-header-right {
        justify-content: space-around;
    }

    .mobile-header-content .dashboard-header-right .dashboard-right-menus {
        width: 100%;
        margin-top: 15px;
        justify-content: center;
    }
}

.notify-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 9;
}

.notify-overlay.active {
    display: block;
}

.dashboard-item {
    border-radius: 10px;
    box-shadow: 0px 4px 10px 0px rgba(112, 120, 146, 0.1);
    margin-bottom: 30px;
}

.dashboard-item .dashboard-inner {
    background: url(img/dashboard-bg.jpg) #fff no-repeat center center;
    background-size: cover;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding: 27px 20px;
    border-radius: 10px;
}

.dashboard-item .dashboard-inner .title {
    display: block;
    margin-bottom: 20px;
}

.dashboard-item .dashboard-inner .amount {
    color: #00cca2;
}

.mt--85 {
    margin-top: -85px;
}

.progress-wrapper {
    padding: 20px 30px;
    background: #4a61ff;
    border-radius: 20px;
    margin-bottom: 50px;
}

.progress-wrapper .title {
    margin: 0;
    margin-bottom: 13px;
}

@media (min-width: 992px) {
    .progress-wrapper {
        padding: 45px 30px;
    }
}

.circle-item {
    padding: 0 15px 30px;
}

.circle-item .level {
    display: block;
    color: #ffffff;
    margin-bottom: 10px;
}

.circle-item .circle {
    max-width: 80px;
    position: relative;
}

.circle-item .circle strong {
    color: #ffffff;
}

.m-0-15-20-none {
    margin: 0 -15px -20px;
}

.total-earning-item {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 4px 13px 0px rgba(204, 206, 213, 0.21);
    padding: 50px 15px 35px;
    margin-bottom: 60px;
}

.total-earning-item .normal-button {
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
}

.total-earning-item .total-earning-heading {
    justify-content: space-between;
    padding: 0 15px;
}

.total-earning-item .total-earning-heading .title,
.total-earning-item .total-earning-heading .amount {
    margin-bottom: 10px;
}

.total-earning-item .item {
    padding: 15px;
    align-items: flex-end;
    max-width: 50%;
}

.total-earning-item .item .cont {
    width: calc(100% - 98px);
    padding-right: 20px;
}

.total-earning-item .item .thumb {
    width: 98px;
}

.total-earning-item .item .thumb img {
    max-width: 100%;
}

@media (max-width: 767px) {
    .total-earning-item .item .month {
        font-size: 14px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1160px) {
    .total-earning-item .item .thumb {
        width: 70px;
    }

    .total-earning-item .item .cont {
        width: calc(100% - 70px);
    }

    .total-earning-item .item .cont .month {
        font-size: 16px;
        line-height: 1.4;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .total-earning-item .item .thumb {
        width: 70px;
    }

    .total-earning-item .item .cont {
        width: calc(100% - 70px);
    }

    .total-earning-item .item .cont .month {
        font-size: 16px;
        line-height: 1.4;
    }
}

@media (max-width: 575px) {
    .total-earning-item {
        padding: 30px 0 15px;
    }

    .total-earning-item .item {
        max-width: 100%;
        width: 100%;
    }
}

.cl-white {
    color: #ffffff;
}

.earn-item {
    border: 1px solid rgba(69, 94, 238, 0.1);
    border-radius: 20px;
    background-color: white;
    box-shadow: 0px 4px 13px 0px rgba(204, 206, 213, 0.21);
    padding: 28px 30px;
}

.earn-item .earn-thumb {
    width: 80px;
}

.earn-item .earn-thumb img {
    max-width: 100%;
}

.earn-item .earn-content {
    padding-left: 28px;
    width: calc(100% - 80px);
}

.earn-item .earn-content .title {
    margin-bottom: 10px;
}

.earn-item .earn-content ul li {
    width: 100%;
    max-width: 240px;
}

@media screen and (max-width: 1800px) {
    .earn-item .earn-content ul li {
        max-width: 200px;
    }
}

@media screen and (max-width: 1500px) {
    .earn-item .earn-content ul li {
        max-width: 180px;
    }
}

.earn-item .earn-content ul li .icon {
    width: 31px;
}

.earn-item .earn-content ul li .cont {
    padding-left: 10px;
    width: calc(100% - 31px);
    font-weight: 500;
}

.earn-item .earn-content.partner-content ul {
    width: calc(100% - 105px);
}

.earn-item .earn-content.partner-content ul li {
    max-width: 100%;
}

.earn-item .earn-content.partner-content .total-partner {
    margin-top: -25px;
}

.earn-item.small-thumbs {
    border: 1px solid rgba(69, 94, 238, 0.3);
}

.earn-item.small-thumbs .earn-thumb {
    width: 60px;
}

.earn-item.small-thumbs .earn-content {
    width: calc(100% - 60px);
}

.earn-item.small-thumbs .earn-content ul li {
    max-width: 100%;
}

@media screen and (max-width: 499px) {
    .earn-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .earn-item .earn-thumb {
        display: none;
    }

    .earn-item .earn-content {
        padding-left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .earn-item .earn-content.partner-content ul {
        width: 100%;
    }

    .earn-item .earn-content.partner-content .total-partner {
        margin-top: 10px;
    }
}

.total-partner {
    width: 105px;
    height: 105px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 8px;
    position: relative;
}

.total-partner::before,
.total-partner::after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.total-partner::after {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 204, 162, 0.2);
}

.total-partner::before {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background-color: #00cca2;
}

.total-partner * {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    color: #ffffff;
}

.total-partner .total-title {
    font-weight: 700;
    font-size: 20px;
}

.dashboard-bg {
    background: #fafbff;
}

.cl-4 {
    color: #23d605;
}

.mb--5 {
    margin-bottom: -5px;
}

.mb-30 {
    margin-bottom: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.dashboard-footer {
    padding: 20px 0;
    border-top: 1px solid #bccaea;
}

.dashboard-footer .left {
    padding: 0 15px 15px;
}

.dashboard-footer .right {
    padding-bottom: 15px;
}

.dashboard-footer .right ul li {
    padding: 0;
}

.dashboard-footer .right ul li::after {
    content: "|";
}

.dashboard-footer .right ul li:last-child::after {
    display: none;
}

.dashboard-footer .right ul li a {
    padding: 0 15px;
    color: #526288;
}

.m-0-15-none {
    margin: 0 -15px -15px;
}

@media (min-width: 1400px) {
    .dasboard-body {
        min-height: 100vh;
        position: relative;
        padding-bottom: 69px;
    }

    .dasboard-body .sticky-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
}

.operations {
    padding-top: 20px;
    padding-bottom: 80px;
}

.operations .main-title {
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: capitalize;
}

.deposit {
    padding-top: 20px;
    padding-bottom: 80px;
}

.deposit .main-title {
    margin-bottom: 25px;
    font-weight: 500;
    text-transform: capitalize;
}

.deposit .main-subtitle {
    font-weight: 500;
    color: #526288;
    margin-bottom: 20px;
}

.operation-filter {
    align-items: flex-end;
    margin: 0 -15px 25px;
}

.operation-filter .filter-item {
    padding: 5px 15px;
}

.operation-filter .filter-item label {
    display: block;
    font-weight: 500;
    text-transform: capitalize;
}

.operation-filter .filter-item input,
.operation-filter .filter-item .select-bar,
.operation-filter .filter-item .select-item {
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
}

.operation-filter .filter-item input,
.operation-filter .filter-item .select-bar {
    border: 1px solid #bccaea;
    padding: 0 20px;
    background: transparent;
}

.operation-filter .filter-item .select-bar {
    min-width: 160px;
}

.operation-filter .filter-item .select-bar::after {
    right: 20px;
}

.operation-filter .filter-item .select-bar .list {
    min-width: 100%;
    max-height: 200px;
    overflow-y: auto;
}

.operation-filter .filter-item .select-bar .list .option {
    padding-top: 0;
    padding-bottom: 0;
}

.operation-filter .filter-item input {
    text-transform: uppercase;
}

.operation-filter .filter-item .custom-button {
    padding: 0 50px;
    height: 40px;
    line-height: 40px;
    border: none;
    text-transform: capitalize;
    font-weight: 400;
}

.operation-filter.ticket-filter {
    justify-content: space-between;
}

@media (min-width: 768px) {
    .operation-filter.ticket-filter .filter-item {
        display: flex;
        align-items: center;
    }

    .operation-filter.ticket-filter .filter-item label {
        margin: 0;
        margin-right: 10px;
    }

    .operation-filter.ticket-filter .filter-item input {
        width: unset;
    }
}

.transaction-table {
    width: 100%;
    text-align: center;
}

.transaction-table tr {
    border-bottom: 1px solid #dce3ef;
    font-size: 16px;
}

.transaction-table tr th {
    padding: 15px;
    background: #f1f4fe;
    color: #33406a;
    font-weight: 500;
    text-transform: uppercase;
}

.transaction-table tr a {
    color: #526288;
}

.transaction-table tr td {
    padding: 15px;
}

.transaction-table tr td i {
    margin-right: 4px;
    color: rgba(82, 98, 136, 0.7);
}

.transaction-table tr td img {
    margin-right: 5px;
}

.transaction-table tr:first-child {
    margin-bottom: 10px;
}

.transaction-table.more_space tr th,
.transaction-table.more_space tr td {
    padding: 15px 30px;
}

@media (max-width: 991px) {
    .table-wrapper {
        overflow-x: auto;
    }

    .table-wrapper::-webkit-scrollbar {
        height: 3px;
        background-color: #F5F5F5;
    }

    .table-wrapper .transaction-table {
        width: 900px;
    }

    .table-wrapper .transaction-table tr:last-child {
        border: none;
    }
}

.deposit-inner {
    border-radius: 10px;
    background-color: white;
    box-shadow: 0px 10px 10px 0px rgba(184, 191, 202, 0.3);
    position: relative;
    padding: 15px 15px 45px;
    border: 2px dashed transparent;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    position: relative;
}

.deposit-inner:hover,
.deposit-inner.active {
    border-color: #6588c6;
}

.deposit-inner:last-child {
    margin-bottom: 0;
}

.deposit-inner .deposit-header {
    justify-content: space-evenly;
    padding: 20px 0;
}

.deposit-inner .deposit-header .title {
    font-weight: 500;
    margin: 0;
}

.deposit-inner .deposit-header span {
    font-size: 16px;
    display: inline-block;
    padding: 0 10px;
    color: #ffffff;
    background: #1554c2;
    text-transform: uppercase;
    position: relative;
    border-radius: 22px;
    height: 44px;
    line-height: 42px;
}

.deposit-inner .deposit-header span b {
    position: relative;
    z-index: 1;
    font-weight: 500;
}

.deposit-inner .deposit-header span::after {
    width: 143px;
    background: #1554c2;
    z-index: 0;
    height: 44px;
    mask: url(img/offer-shape.png) no-repeat center center;
    -webkit-mask: url(img/offer-shape.png) no-repeat center center;
    mask-size: cover;
    -webkit-mask-size: cover;
}

.deposit-inner .deposit-body {
    padding: 0;
    justify-content: center;
    align-items: center;
}

.deposit-inner .deposit-body .item {
    padding: 0 15px;
    width: calc(50% - 1px);
    text-align: center;
}

.deposit-inner .deposit-body .item .item-thumb {
    height: 57px;
    margin: 0 auto 13px;
}

.deposit-inner .deposit-body .item .item-thumb img {
    max-height: 100%;
}

.deposit-inner .deposit-body .item .item-content .title {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 400;
}

.deposit-inner .deposit-body .item .item-content .subtitle {
    font-size: 20px;
    font-weight: 500;
    color: #324fb0;
}

.deposit-inner .deposit-body .item .item-content .subtitle .to {
    font-weight: 400;
    font-size: 18px;
    display: inline-block;
    margin: 0 5px;
    color: #33406a;
}

.deposit-inner .deposit-body .bal-shape {
    width: 1px;
    height: 100px;
    background: #526288;
}

@media (max-width: 1199px) and (max-width: 991px) {
    .deposit-inner .deposit-body {
        justify-content: space-around;
    }
}

@media (max-width: 1199px) and (max-width: 991px) and (min-width: 768px) {
    .deposit-inner .deposit-body .item {
        max-width: 50%;
    }
}

@media (max-width: 1199px) and (max-width: 991px) {
    .deposit-inner .deposit-body .item .item-content .title {
        font-size: 20px;
    }

    .deposit-inner .deposit-body .item .item-content .subtitle {
        font-size: 20px;
    }
}

@media (max-width: 1199px) and (max-width: 575px) {
    .deposit-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .deposit-inner .deposit-header {
        width: 100%;
    }

    .deposit-inner .deposit-header span {
        font-size: 14px;
    }

    .deposit-inner .deposit-body {
        width: 100%;
        padding-top: 13px;
    }

    .deposit-inner .deposit-body .item .item-content .subtitle {
        font-size: 16px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .deposit-inner {
        padding-left: 0;
        padding-right: 0;
    }
}

.deposit-inner input {
    display: none;
}

.deposit-inner .select-plan {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: -30px;
    line-height: 60px;
    height: 60px;
    width: 60px;
    text-align: center;
    color: #ffffff;
}

.deposit-inner .select-plan i {
    position: relative;
}

.deposit-inner .select-plan::before,
.deposit-inner .select-plan::after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.deposit-inner .select-plan::before {
    width: 50px;
    height: 50px;
    background: -moz-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    background: -ms-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    box-shadow: 0px 10px 10px 0px rgba(132, 141, 156, 0.3);
}

.deposit-inner .select-plan::after {
    width: 60px;
    height: 60px;
    background: -moz-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    background: -ms-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    opacity: 0.2;
}

.deposit-wrapper {
    margin: 0 -15px -30px;
}

.deposit-wrapper .deposit-item {
    padding: 0 15px 60px;
    width: calc(100% / 3);
}

@media (max-width: 991px) {
    .deposit-wrapper .deposit-item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .deposit-wrapper .deposit-item {
        width: 100%;
    }
}

.deposit-method-item {
    position: relative;
    padding-right: 10px;
    padding-top: 10px;
}

.deposit-method-item .check {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: none;
}

.deposit-method-item .thumb {
    border: 1px solid rgba(68, 65, 231, 0.502);
    border-radius: 10px;
}

.deposit-method-item.active .thumb {
    border: 1px solid #4441e7;
}

.deposit-method-item.active .check {
    display: block;
    animation: zoomIn .5s;
    -webkit-animation: zoomIn .5s;
    -moz-animation: zoomIn .5s;
}

.deposit-system {
    padding-top: 60px;
}

.owl-next,
.owl-prev {
    line-height: 1;
    font-size: 45px;
    padding: 0;
    text-align: center;
    color: #526288;
}

.owl-next.active,
.owl-next:hover,
.owl-prev.active,
.owl-prev:hover {
    color: #f55c25;
}

.owl-nav {
    margin-top: -25px;
    height: 0;
    top: 50%;
    left: 0;
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
}

.make-deposit {
    justify-content: space-between;
    align-items: center;
    margin-bottom: -18px;
}

.make-deposit label {
    display: block;
    text-align: center;
    color: #9195a2;
}

.make-deposit input {
    background: transparent;
    border: 1px solid #bccaea;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 0 25px;
}

.make-deposit input.readonly {
    height: unset;
    text-align: center;
    border: none;
    font-weight: 500;
    line-height: 70px;
    height: unset;
    font-size: 50px;
    color: #00cca2;
    text-shadow: 0px 10px 10px rgba(0, 204, 162, 0.3);
}

@media (max-width: 575px) {
    .make-deposit input.readonly {
        font-size: 40px;
    }
}

.make-deposit .form-group {
    width: 100%;
}

.make-deposit .form-group .custom-button {
    font-weight: 400;
    max-width: 255px;
}

@media (min-width: 992px) {
    .make-deposit .form-group {
        max-width: 300px;
    }
}

@media (min-width: 1200px) {
    .make-deposit .form-group {
        max-width: 350px;
    }
}

@media (max-width: 991px) {
    .make-deposit .form-group {
        text-align: center;
    }

    .make-deposit .form-group .make-amount {
        max-width: 450px;
        margin: 0 auto;
    }
}

.available-balance {
    align-items: center;
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .available-balance {
        margin-bottom: 25px;
    }
}

.available-balance .title::after {
    content: ":";
    display: inline-block;
    margin: 0 15px;
}

.available-balance .amount {
    font-weight: 500;
    line-height: 70px;
    font-size: 50px;
    color: #00cca2;
    text-shadow: 0px 10px 10px rgba(0, 204, 162, 0.3);
}

@media (max-width: 575px) {
    .available-balance .amount {
        font-size: 40px;
    }
}

.click-number {
    text-align: center;
    width: 100px;
    line-height: 50px;
    border: 1px solid rgba(144, 155, 196, 0.5);
    border-radius: 20px;
    font-size: 24px;
    font-weight: 700;
    color: #324fb0;
    margin-top: 10px;
}

@media (min-width: 576px) {
    .click-number {
        font-size: 36px;
        width: 125px;
        line-height: 70px;
    }
}

.partners {
    padding-top: 20px;
    padding-bottom: 60px;
}

.partners .main-title {
    margin-bottom: 30px;
    font-weight: 500;
    text-transform: capitalize;
}

.button-2 {
    padding: 15px 30px;
    line-height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #bccaea;
    font-weight: 500;
    text-transform: capitalize;
    color: #526288;
}

.button-2:hover {
    color: #ffffff;
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    border-color: transparent;
}

@media (max-width: 575px) {
    .button-2 {
        padding: 12px 30px;
        font-size: 14px;
    }
}

.referral-links {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    box-shadow: 0px 4px 10px 0px rgba(112, 120, 146, 0.1);
}

.referral-links .oh {
    align-items: center;
    height: 60px;
    background: #ffffff;
    position: relative;
    padding-left: 70px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.referral-links .left-icon {
    position: absolute;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    background-color: #5351fb;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
}

.referral-links input {
    position: absolute;
    left: 180px;
    top: 0;
    z-index: 1;
    height: 60px;
    background: transparent;
    border: none;
    font-size: 14px;
}

.referral-links h6 {
    margin: 0;
    font-size: 16px;
}

.referral-links .copy-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    background: #fff;
    padding: 5px;
}

@media (max-width: 575px) {
    .referral-links .custom-button {
        font-size: 14px;
        font-weight: 400;
        padding: 0 25px;
    }
}

.refers,
.promotional {
    padding: 7px 15px;
}

.refers {
    width: 100%;
}

@media (min-width: 768px) {
    .refers {
        flex-grow: 1;
        width: unset;
    }
}

.referral-group {
    margin: -7px -15px 21px;
}

.pagination {
    padding: 5px 10px;
}

.pagination li {
    padding: 5px;
}

.pagination li a {
    border-radius: 50%;
    background-color: #f1f5f7;
    box-shadow: 0px 5px 10px 0px rgba(62, 83, 216, 0.2);
    color: #33406a;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.pagination li a:hover,
.pagination li a.active {
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    color: #ffffff;
}

.pagination-cont {
    padding: 10px 15px;
    font-size: 16px;
    color: #33406a;
}

.pagination-area {
    margin: 10px -15px -10px;
}

.promo-item {
    margin-bottom: 60px;
}

.promo-item .thumb {
    margin-bottom: 30px;
}

.promo-item .thumb img {
    max-width: 100%;
}

@media (max-width: 991px) {
    .promo-item {
        margin-bottom: 40px;
    }
}

.promo-item:last-child {
    margin-bottom: 0;
}

.promo-link {
    border: 1px solid #c6cde7;
    background-color: #f6f7ff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.promo-link a {
    color: #00cca2;
    padding: 15px 30px;
    display: block;
}

.promo-link a:hover {
    text-decoration: underline;
}

.notification-check-area,
.create_wrapper {
    padding: 40px 30px;
    border: 1px solid #b2b2b2;
    border-radius: 30px;
}

.notification-check-area .subtitle,
.create_wrapper .subtitle {
    font-weight: 500;
    margin-bottom: 30px;
}

@media (max-width: 575px) {

    .notification-check-area,
    .create_wrapper {
        padding: 30px 15px;
    }
}

.check_boxes {
    margin: 0 -15px 10px;
}

.check_box_group {
    padding: 0 15px 40px;
}

.check_box_group input {
    width: 20px;
    height: 20px;
    opacity: 0;
}

.check_box_group input:checked~label::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #ffffff;
    background: #5351fb;
    border-color: #5351fb;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

.check_box_group label {
    width: calc(100% - 20px);
    padding-left: 15px;
    position: relative;
    margin: 0;
}

.check_box_group label::before {
    right: 100%;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #bccaea;
}

@media (max-width: 767px) {
    .check_box_group {
        padding-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .check_box_group {
        padding-bottom: 20px;
        font-size: 16px;
        line-height: 1.5;
    }
}

@media screen and (min-width: 1800px) {
    .check_box_group {
        width: 25%;
    }
}

.create_wrapper {
    max-width: 540px;
    background: #fff;
}

.create_wrapper .sub_subtitle {
    font-weight: 500;
    font-size: 20px;
}

.create_wrapper .subtitle {
    text-transform: capitalize;
}

.create_form_group {
    margin-bottom: 30px;
}

.create_form_group label {
    font-weight: 700;
    color: #33406a;
    margin-bottom: 0;
}

.create_form_group input,
.create_form_group textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #bccaea;
    padding: 0;
    border-radius: 0;
}

.create_form_group input {
    height: 50px;
}

.create_form_group textarea {
    height: 140px;
    padding-top: 12px;
}

.create_form_group .custom-button {
    width: unset;
    min-width: 160px;
}

.create_form_group .select-item {
    height: 42px;
}

.create_form_group .select-item .select-bar {
    background: transparent;
    border: none;
    border-bottom: 1px solid #bccaea;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.create_form_group .select-item .select-bar .current {
    padding: 0;
}

.create_form_group .select-item .list {
    max-height: 200px;
    overflow-y: auto;
}

.create_form_group .check_box_group {
    padding: 0;
    width: 100%;
}

.create_form_group .check_box_group label {
    font-size: 16px;
    font-weight: 400;
}

.create_form_group .check_box_group input {
    height: 28px;
}

.update_user {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.update_user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 575px) {
    .update_user {
        width: 60px;
        height: 60px;
    }
}

.fz-sm {
    font-size: 16px !important;
}

@media (max-width: 575px) {
    .fz-sm {
        font-size: 14px !important;
    }
}

.profile_update_input {
    display: none;
}

.h-40 {
    height: 40px !important;
}

.lh-40 {
    line-height: 40px !important;
}

/*All Animations Starts Here*/
@keyframes coin {
    0% {
        -webkit-transform: translate(190px, -90px) rotate(2000deg);
        -ms-transform: translate(190px, -90px) rotate(2000deg);
        transform: translate(190px, -90px) rotate(2000deg);
        opacity: .4;
    }

    33% {
        -webkit-transform: translate(90px, -90px) rotate(1500deg);
        -ms-transform: translate(90px, -90px) rotate(1500deg);
        transform: translate(90px, -90px) rotate(1500deg);
        opacity: .8;
    }

    66% {
        -webkit-transform: translate(10px, -50px) rotate(1000deg);
        -ms-transform: translate(10px, -50px) rotate(1000deg);
        transform: translate(10px, -50px) rotate(1000deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(500deg);
        -ms-transform: translate(0, 0) rotate(500deg);
        transform: translate(0, 0) rotate(500deg);
        opacity: .1;
    }
}

@-webkit-keyframes coin {
    0% {
        -webkit-transform: translate(190px, -90px) rotate(2000deg);
        -ms-transform: translate(190px, -90px) rotate(2000deg);
        transform: translate(190px, -90px) rotate(2000deg);
        opacity: .4;
    }

    33% {
        -webkit-transform: translate(90px, -90px) rotate(1500deg);
        -ms-transform: translate(90px, -90px) rotate(1500deg);
        transform: translate(90px, -90px) rotate(1500deg);
        opacity: .8;
    }

    66% {
        -webkit-transform: translate(10px, -50px) rotate(1000deg);
        -ms-transform: translate(10px, -50px) rotate(1000deg);
        transform: translate(10px, -50px) rotate(1000deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(500deg);
        -ms-transform: translate(0, 0) rotate(500deg);
        transform: translate(0, 0) rotate(500deg);
        opacity: .1;
    }
}

@-o-keyframes coin {
    0% {
        -webkit-transform: translate(190px, -90px) rotate(2000deg);
        -ms-transform: translate(190px, -90px) rotate(2000deg);
        transform: translate(190px, -90px) rotate(2000deg);
        opacity: .4;
    }

    33% {
        -webkit-transform: translate(90px, -90px) rotate(1500deg);
        -ms-transform: translate(90px, -90px) rotate(1500deg);
        transform: translate(90px, -90px) rotate(1500deg);
        opacity: .8;
    }

    66% {
        -webkit-transform: translate(10px, -50px) rotate(1000deg);
        -ms-transform: translate(10px, -50px) rotate(1000deg);
        transform: translate(10px, -50px) rotate(1000deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(500deg);
        -ms-transform: translate(0, 0) rotate(500deg);
        transform: translate(0, 0) rotate(500deg);
        opacity: .1;
    }
}

@keyframes rotate2 {
    0% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

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

@-webkit-keyframes rotate2 {
    0% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

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

@-o-keyframes rotate2 {
    0% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

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

@keyframes jump {

    0%,
    100% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    50% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@-webkit-keyframes jump {

    0%,
    100% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    50% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@-moz-keyframes jump {

    0%,
    100% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    50% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@keyframes csv {
    0% {
        -webkit-transform: translate(190px, -90px) rotate(0deg);
        -ms-transform: translate(190px, -90px) rotate(0deg);
        transform: translate(190px, -90px) rotate(0deg);
        opacity: .4;
    }

    33% {
        -webkit-transform: translate(90px, -90px) rotate(0deg);
        -ms-transform: translate(90px, -90px) rotate(0deg);
        transform: translate(90px, -90px) rotate(0deg);
        opacity: .8;
    }

    66% {
        -webkit-transform: translate(10px, -50px) rotate(0deg);
        -ms-transform: translate(10px, -50px) rotate(0deg);
        transform: translate(10px, -50px) rotate(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        -ms-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg);
        opacity: 0;
    }
}


@keyframes coding {
    0% {
        -webkit-transform: translate(0, 10px);
        -ms-transform: translate(0, 10px);
        transform: translate(0, 10px);
        opacity: 1;

    }

    33% {
        -webkit-transform: translate(70px, 40px);
        -ms-transform: translate(70px, 40px);
        transform: translate(70px, 40px);
        opacity: 1;
    }

    66% {

        -webkit-transform: translate(100px, 60px);
        -ms-transform: translate(100px, 60px);
        transform: translate(100px, 60px);
        opacity: 1;
    }

    76% {

        -webkit-transform: translate(150px, 70px);
        -ms-transform: translate(150px, 70px);
        transform: translate(150px, 70px);
        opacity: .8;
    }

    100% {
        -webkit-transform: translate(190px, 90px);
        -ms-transform: translate(190px, 90px);
        transform: translate(190px, 90px);
        opacity: .0;
    }
}

@keyframes hoverr {
    0% {
        -webkit-transform: translate(-50, -100px);
        -ms-transform: translate(-50, -100px);
        transform: translate(-50, -100px);
        opacity: 1;

    }

    33% {
        -webkit-transform: translate(70px, -40px);
        -ms-transform: translate(70px, -40px);
        transform: translate(70px, -40px);
        opacity: 1;
    }

    66% {

        -webkit-transform: translate(100px, -60px);
        -ms-transform: translate(100px, -60px);
        transform: translate(100px, -60px);
        opacity: 1;
    }

    76% {

        -webkit-transform: translate(180px, -100px);
        -ms-transform: translate(180px, -100px);
        transform: translate(180px, -100px);
        opacity: .8;
    }

    100% {
        -webkit-transform: translate(190px, -90px);
        -ms-transform: translate(190px, -90px);
        transform: translate(190px, -90px);
        opacity: .0;
    }
}

@keyframes zoomInPay {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
        visibility: hidden;
    }

    10% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    20% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    30% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

/*All Animation Ends Here*/
.scrollToTop {
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    z-index: 999;
    bottom: 30px;
    right: 30px;
    position: fixed;
    border-radius: 5px;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    text-align: center;
    font-size: 16px;
}

.scrollToTop.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    animation: bounceInDown 2s;
    -webkit-animation: bounceInDown 2s;
    -moz-animation: bounceInDown 2s;
    opacity: 1;
}
.scrollToTop.active :hover{
    background-color: #010684;
}
.scrollToTop img {
    width: 100%;
}

.custom-button {
    color: #ffffff;
    line-height: 45px;
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    padding: 0 35px;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    border-radius: 4x;
}

.custom-button i {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    padding-left: 10px;
    display: inline-block;
}

.custom-button.no-radius {
    font-size: 18px;
    padding: 0 25px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.custom-button.white {
    background: #ffffff;
    color: #f55c25;
}

.custom-button.white:hover {
    background: #f55c25;
    color: #ffffff;
}

.custom-button:hover {
    color: #ffffff;
}

.custom-button:hover i {
    padding-left: 15px;
}

@media (max-width: 575px) {
    .custom-button.btn-sm {
        padding: 0 30px;
        font-size: 14px;
    }
}

.normal-button {
    background: #f8f9fa;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #bccaea;
    color: #33406a;
    line-height: 30px;
    padding: 10px 35px;
}

.normal-button i {
    margin-left: 7px;
}

@keyframes pulseOne {
    0% {
        box-shadow: 0 0 0 0 rgba(225, 88, 109, 0.851), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -webkit-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0.851), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -moz-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0.851), 0 0 0 0 rgba(225, 88, 109, 0.851);
    }

    40% {
        box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -webkit-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -moz-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0.851);
    }

    80% {
        box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 20px rgba(225, 88, 109, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 20px rgba(225, 88, 109, 0);
        -moz-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 20px rgba(225, 88, 109, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0);
        -moz-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0);
    }
}

@-webkit-keyframes pulseOne {
    0% {
        box-shadow: 0 0 0 0 rgba(225, 88, 109, 0.851), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -webkit-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0.851), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -moz-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0.851), 0 0 0 0 rgba(225, 88, 109, 0.851);
    }

    40% {
        box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -webkit-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -moz-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0.851);
    }

    80% {
        box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 20px rgba(225, 88, 109, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 20px rgba(225, 88, 109, 0);
        -moz-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 20px rgba(225, 88, 109, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0);
        -moz-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0);
    }
}

@-moz-keyframes pulseOne {
    0% {
        box-shadow: 0 0 0 0 rgba(225, 88, 109, 0.851), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -webkit-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0.851), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -moz-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0.851), 0 0 0 0 rgba(225, 88, 109, 0.851);
    }

    40% {
        box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -webkit-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0.851);
        -moz-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0.851);
    }

    80% {
        box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 20px rgba(225, 88, 109, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 20px rgba(225, 88, 109, 0);
        -moz-box-shadow: 0 0 0 20px rgba(225, 88, 109, 0), 0 0 0 20px rgba(225, 88, 109, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0);
        -moz-box-shadow: 0 0 0 0 rgba(225, 88, 109, 0), 0 0 0 0 rgba(225, 88, 109, 0);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes rev-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

@-webkit-keyframes rev-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

@-moz-keyframes rev-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.video-button {
    width: 51px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffffff;
    position: relative;
    color: #ffffff;
}

.video-button i {
    margin-left: 5px;
    color: #010684;
}

.video-button:hover {
    color: #ffffff;
}

.video-button::after,
.video-button::before {
    animation: video 25s linear infinite;
    -webkit-animation: video 25s linear infinite;
    -moz-animation: video 25s linear infinite;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.video-button::before {
    background: rgb(255 255 255 / 16%);
    width: 100px;
    height: 100px;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -webkit-border-radius: 33.33% 50%;
    -moz-border-radius: 33.33% 50%;
    border-radius: 33.33% 50%;
}

.video-button::after {
    background: rgba(50, 79, 176, 0.302);
    height: 73px;
    width: 73px;
}

@keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-webkit-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@-moz-keyframes video {
    0% {
        -webkit-border-radius: 33.33% 50%;
        -moz-border-radius: 33.33% 50%;
        border-radius: 33.33% 50%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-border-radius: 50% 33.33%;
        -moz-border-radius: 50% 33.33%;
        border-radius: 50% 33.33%;
        -webkit-transform: translate(-50%, -50%) rotate(1800deg);
        -ms-transform: translate(-50%, -50%) rotate(1800deg);
        transform: translate(-50%, -50%) rotate(1800deg);
    }
}

@keyframes light {

    0%,
    100% {
        opacity: .3;
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes light {

    0%,
    100% {
        opacity: .3;
    }

    50% {
        opacity: 1;
    }
}

@-moz-keyframes light {

    0%,
    100% {
        opacity: .3;
    }

    50% {
        opacity: 1;
    }
}

.main--body {
    overflow: hidden;
    min-height: 100vh;
}

.banner-section .banner-area .section-wrapper .banner-thumb img {
    /* max-width: none; */
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-1 {
    top: 50%;
    left: 0;
    animation: lab_run_top_y 5s linear infinite;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 30px rgb(50 36 150 / 30%);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
    top: -30px;
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
    top: 0px;
    left: 50%;
    animation: lab_run_x 5s linear infinite;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 30px rgb(50 36 150 / 30%);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
    right: -100px;
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
    top: 0;
    right: 0px;
    animation: lab_zoomin 8s linear infinite;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 30px rgb(50 36 150 / 30%);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-4 {
    right: -100px;
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-4 {
    top: 50%;
    right: 0px;
    animation: lab_run_top_y 5s linear infinite;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 30px rgb(50 36 150 / 30%);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-5 {
    bottom: -30px;
    left: 50%;
    animation: lab_run_x 5s linear infinite;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 30px rgb(50 36 150 / 30%);
}

@keyframes lab_run_x {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-30px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes lab_run_top_y {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes run {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}

@keyframes run {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}






/* @@@@@@@@@@@@@  lab Item Start Here  @@@@@@@@@@@@@@ */
.lab-item {
    width: calc(100% / 1);
}

@media (min-width: 768px) {
    .lab-item {
        width: calc(100% / 2);
    }
}

@media (min-width: 1200px) {
    .lab-item {
        width: calc(100% / 3);
    }
}

.lab-item .lab-inner {
    margin: 15px 0;
    position: relative;
    box-shadow: 0 0 8px rgba(136, 136, 136, 0.08);
    padding: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 768px) {
    .lab-item .lab-inner {
        margin: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .lab-item .lab-inner {
        padding: 40px;
    }
}

@media (min-width: 1200px) {
    .lab-item .lab-inner {
        padding: 70px 55px;
    }
}

.lab-item .lab-inner::after {
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 0;
    transition: transform .3s ease-in-out;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    background: linear-gradient(to left, #f9769d, #bb6df7);
}

.lab-item .lab-inner:hover:hover {
    box-shadow: 0 10px 10px rgba(136, 136, 136, 0.1);
}

.lab-item .lab-inner:hover::after {
    transform: scaleX(1);
    transform-origin: 0% 50%;
}

.lab-item .lab-inner:hover .lab-thumb {
    border-radius: 2px 30px;
}

.lab-item .lab-inner .lab-thumb {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background: linear-gradient(to top, #f9769d, #bb6df7);
    border-radius: 30px 2px;
    margin-bottom: 20px;
    box-shadow: 0 10px 10px rgba(248, 118, 158, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 992px) {
    .lab-item .lab-inner .lab-thumb {
        margin-bottom: 35px;
    }
}

.lab-item .lab-inner .lab-content h4 {
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 992px) {
    .lab-item .lab-inner .lab-content h4 {
        margin-bottom: 20px;
    }
}

.lab-item .lab-inner .lab-content p {
    margin-bottom: 0;
}

.lab-item-2 {
    width: calc(100% / 1);
}

@media (min-width: 576px) {
    .lab-item-2 {
        width: calc(100% / 2);
    }
}

.lab-item-2:nth-child(2) .lab-inner {
    background-image: linear-gradient(to right, #00e9f0, #00d8fb, #00c6ff, #00b2ff, #009bfe);
}

.lab-item-2:nth-child(3) .lab-inner {
    background-image: linear-gradient(to right, #7ed500, #5ed142, #3ecc62, #1cc67a, #00bf8d);
}

.lab-item-2:nth-child(4) .lab-inner {
    background-image: linear-gradient(to right, #ff9472, #ff897a, #fe7f84, #fa7790, #f2709c);
}

.lab-item-2 .lab-inner {
    margin: 15px;
    box-shadow: 0 0 8px rgba(136, 136, 136, 0.08);
    padding: 20px;
    border-radius: 4px;
    background-image: linear-gradient(to right, #f9769d, #f66caf, #ed67c5, #da67de, #bb6df7);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 992px) {
    .lab-item-2 .lab-inner {
        padding: 30px 50px;
    }
}

.lab-item-2 .lab-inner:hover:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.lab-item-2 .lab-inner:hover .lab-abs-thumb {
    animation: lab_sideeffect 5s linear infinite;
}

.lab-item-2 .lab-inner .lab-abs-thumb {
    right: 5px;
    bottom: 5px;
    z-index: 1;
}

.lab-item-2 .lab-inner .lab-thumb {
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .lab-item-2 .lab-inner .lab-thumb {
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .lab-item-2 .lab-inner .lab-content {
        max-width: 70%;
    }
}

.lab-item-2 .lab-inner .lab-content h4,
.lab-item-2 .lab-inner .lab-content p {
    color: #fff;
}

.lab-item-2 .lab-inner .lab-content h4 {
    margin-bottom: 5px;
}

@media (min-width: 992px) {
    .lab-item-2 .lab-inner .lab-content h4 {
        margin-bottom: 20px;
    }
}

.lab-item-2 .lab-inner .lab-content p {
    margin-bottom: 0;
}

.lab-item-3 {
    width: calc(100% / 1);
}

@media (min-width: 576px) {
    .lab-item-3 {
        width: calc(100% / 2);
    }
}

@media (min-width: 992px) {
    .lab-item-3 {
        width: calc(100% / 3);
    }
}

.lab-item-3 .lab-inner {
    margin: 15px;
    box-shadow: 0 0 8px rgba(136, 136, 136, 0.08);
}

.lab-item-3 .lab-inner:hover .lab-thumb img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.lab-item-3 .lab-inner:hover .lab-content h5 a {
    color: #fd77b4;
}

.lab-item-3 .lab-inner .lab-thumb img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.lab-item-3 .lab-inner .lab-content {
    padding: 20px;
}

.lab-item-3 .lab-inner .lab-content h5 {
    margin-bottom: 5px;
}

.lab-item-3 .lab-inner .lab-content h5 a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.port-item {
    width: 100%;
    text-align: center;
}

.port-item .lab-inner {
    margin: 0 0 30px;
    box-shadow: 0 0 8px rgba(136, 136, 136, 0.08);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.port-item .lab-inner:hover {
    box-shadow: 0 20px 20px rgba(136, 136, 136, 0.3);
}

.port-item .lab-inner:hover .lab-thumb::after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.port-item .lab-inner:hover .lab-thumb img {
    animation-play-state: paused;
}

.port-item .lab-inner:hover .lab-thumb .port-share {
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    -ms-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1);
}

.port-item .lab-inner:hover .lab-content h5 a {
    color: #ff4f58;
}

.port-item .lab-inner .lab-thumb::after {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 50%;
    left: 50%;
    background: #fffff9de;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.port-item .lab-inner .lab-thumb .port-share {
    width: 100%;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform-origin: bottom;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(-50%, -50%) scaleX(0);
    -ms-transform: translate(-50%, -50%) scaleX(0);
    transform: translate(-50%, -50%) scaleX(0);
}

.port-item .lab-inner .lab-thumb .port-share a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background: linear-gradient(to left top, #23cc88, #8ecf35);
    box-shadow: 0 18px 30px rgba(38, 204, 133, 0.36);
    margin: 5px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.port-item .lab-inner .lab-thumb .port-share a:last-child {
    box-shadow: 0 18px 30px rgba(255, 114, 58, 0.36);
    background: linear-gradient(to left top, #ff4f58, #ffb400);
}

.port-item .lab-inner .lab-thumb .port-share .lab-content {
    padding-bottom: 0;
}

.port-item .lab-inner .lab-thumb .port-share .lab-content h5 a {
    width: 100%;
    height: auto;
    line-height: inherit;
    box-shadow: none;
    color: #000000;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.port-item .lab-inner .lab-thumb .port-share .lab-content h5 a:hover {
    color: #ff4f58;
}

.port-item2 .port-inner {
    -webkit-box-shadow: 0 0 10px 0 rgba(136, 136, 136, 0.1);
    box-shadow: 0 0 10px 0 rgba(136, 136, 136, 0.1);
    margin-bottom: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.port-item2 .port-inner .port-header {
    padding: 15px 30px;
    align-items: center;
    border-bottom: 1px solid #ecf0f3;
}

.port-item2 .port-inner .port-header img {
    margin-right: 15px;
}

.port-item2 .port-inner .port-header h4 {
    margin: 0;
}

.port-item2 .port-inner .port-body {
    padding: 30px;
}

.port-item2 .port-inner .port-body ul {
    margin: 0;
}

.port-item2 .port-inner .port-body ul li {
    align-items: center;
    justify-content: flex-start;
    padding: 15px 0;
    list-style: none;
    border-bottom: 1px solid #ecf0f3;
}

.port-item2 .port-inner .port-body ul li:first-child {
    padding-top: 0;
}

.port-item2 .port-inner .port-body ul li:last-child {
    border-bottom: none;
}

.port-item2 .port-inner .port-body ul li .p-thumb {
    margin-right: 15px;
}

.port-item2 .port-inner .port-body ul li .p-content h6 {
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}

.port-item2 .port-inner .port-body ul li .p-content p {
    margin-bottom: 0;
}

.port-item2 .port-inner .port-body .down-file {
    padding: 16px 20px;
    text-transform: uppercase;
    font-weight: 500;
    box-shadow: 0 0 10px rgba(136, 136, 136, 0.1);
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.port-item2 .port-inner .port-body .down-file:hover {
    color: #fd4372;
}

.port-item2 .port-inner .port-body .down-file:last-child {
    margin-bottom: 0;
}

.port-item2 .port-inner .port-body .down-file i {
    margin: 0 10px;
    color: #fd4372;
}

.port-item2 .port-inner .port-body .down-file i:last-child {
    margin-left: 20px;
    margin-right: 0;
}

@media (min-width: 576px) {
    .port-item2 .port-inner .port-body .down-file i:last-child {
        margin-left: 50px;
    }
}

.pricing-item {
    width: calc(100% / 1);
}

@media (min-width: 576px) {
    .pricing-item {
        width: calc(100% / 2);
    }
}

@media (min-width: 1200px) {
    .pricing-item {
        width: calc(100% / 3);
    }
}

.pricing-item:nth-child(2) .pricing-inner .pricing-body .price {
    background: linear-gradient(to right, #7ed500, #00bf8d);
}

.pricing-item:nth-child(2) .pricing-inner .pricing-body .price-list ul li::after {
    color: #7ed500;
}

.pricing-item:nth-child(2) .pricing-inner .pricing-body .price-btn .lab-btn {
    background: linear-gradient(to right, #7ed500, #00bf8d);
}

.pricing-item:nth-child(2) .pricing-inner .pricing-body .price-btn .lab-btn::after {
    background: linear-gradient(to left, #7ed500, #00bf8d);
}

.pricing-item:nth-child(3) .pricing-inner .pricing-body .price {
    background: linear-gradient(to right, #ff9472, #f2709c);
}

.pricing-item:nth-child(3) .pricing-inner .pricing-body .price::after {
    background: linear-gradient(to left, #ff9472, #f2709c);
}

.pricing-item:nth-child(3) .pricing-inner .pricing-body .price-list ul li::after {
    color: #ff9472;
}

.pricing-item:nth-child(3) .pricing-inner .pricing-body .price-btn .lab-btn {
    background: linear-gradient(to right, #ff9472, #f2709c);
}

.pricing-item:nth-child(3) .pricing-inner .pricing-body .price-btn .lab-btn::after {
    background: linear-gradient(to left, #ff9472, #f2709c);
}

.pricing-item .pricing-inner {
    padding: 30px;
    text-align: center;
    margin: 15px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(52, 41, 40, 0.08);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pricing-item .pricing-inner::after {
    width: 100%;
    height: 5px;
    top: -5px;
    left: 0;
    background: linear-gradient(to right, #f9769d, #bb6df7);
}

.pricing-item .pricing-inner:hover {
    transform: translateY(-10px);
}

.pricing-item .pricing-inner .popular-item {
    width: 100%;
    height: 30px;
    top: -15px;
    left: 0;
    z-index: 1;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: linear-gradient(to right, #7ed500, #00bf8d);
}

.pricing-item .pricing-inner .pricing-head {
    padding: 10px 0 35px;
}

.pricing-item .pricing-inner .pricing-head p {
    margin-bottom: 0;
}

.pricing-item .pricing-inner .pricing-body .price {
    border-radius: 4px;
    padding: 14px 0;
    margin-bottom: 40px;
    box-shadow: 0 10px 10px rgba(248, 118, 158, 0.1);
    background: linear-gradient(to right, #f9769d, #bb6df7);
}

.pricing-item .pricing-inner .pricing-body .price h2,
.pricing-item .pricing-inner .pricing-body .price p {
    margin: 0;
    color: #fff;
    z-index: 1;
}

.pricing-item .pricing-inner .pricing-body .price h6 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}

.pricing-item .pricing-inner .pricing-body .price h2 {
    display: inline-block;
    margin-right: 15px;
}

.pricing-item .pricing-inner .pricing-body .price h2::after {
    width: 1px;
    height: 15px;
    top: 45%;
    right: -8px;
    background: #fff;
    transform: rotate(25deg);
}

.pricing-item .pricing-inner .pricing-body .price span {
    font-size: 16px;
    display: inline-block;
}

@media (min-width: 576px) {
    .pricing-item .pricing-inner .pricing-body .price-list {
        padding: 0 40px;
    }
}

.pricing-item .pricing-inner .pricing-body .price-list ul {
    margin: 0 0 40px;
}

.pricing-item .pricing-inner .pricing-body .price-list ul li {
    padding-left: 25px;
}

.pricing-item .pricing-inner .pricing-body .price-list ul li::after {
    width: 20px;
    height: 20px;
    top: 50%;
    left: 0;
    color: #bb6df7;
    font-size: 20px;
    line-height: 20px;
    content: "\eed6" !important;
    font-family: IcoFont !important;
    transform: translateY(-50%);
}

.pricing-item .pricing-inner .pricing-body .price-btn {
    justify-content: center;
}

.pricing-item .pricing-inner .pricing-body .price-btn .lab-btn {
    padding: 16px 45px;
    background: linear-gradient(to right, #f9769d, #bb6df7);
}

.pricing-item .pricing-inner .pricing-body .price-btn .lab-btn::after {
    background: linear-gradient(to left, #f9769d, #bb6df7);
}

.post-item .post-item-inner {
    transform: scale(1);
    box-shadow: 0 0 8px rgba(136, 136, 136, 0.08);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.post-item .post-item-inner::after {
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    top: -15px;
    left: -15px;
    border: 1px dashed #fd4e74;
    border-width: 2px;
    transform: scale(0);
    transition: all .6s ease-in-out;
    z-index: -1;
}

.post-item .post-item-inner:hover {
    transform: scale(0.95);
}

.post-item .post-item-inner:hover::after {
    transform: scale(1);
}

.post-item .post-item-inner .post-thumb a {
    display: block;
}

.post-item .post-item-inner .post-thumb a img {
    width: 100%;
}

.post-item .post-item-inner .post-content {
    padding: 30px 20px;
    background: #fff;
}

.post-item .post-item-inner .post-content h6 {
    margin-bottom: 0;
}

.post-item .post-item-inner .post-content .entry-meta .date {
    font-size: 16px;
    color: #696969;
    display: inline-block;
}

.post-item .post-item-inner .post-content .author-date {
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0 15px;
}

.post-item .post-item-inner .post-content .author-date a {
    margin-right: 30px;
    padding: 3px 0;
    display: block;
}

.post-item .post-item-inner .post-content .author-date a:last-child {
    margin-right: 0;
}

.post-item .post-item-inner .post-content .author-date a:hover {
    color: #fd4372;
}

.post-item .post-item-inner .post-content .author-date a i {
    margin-right: 5px;
    color: #cccccc;
}

.post-item .post-item-inner .post-content .post-footer {
    align-items: center;
    padding: 0 20px;
    padding-top: 20px;
    margin: 0 -20px;
    margin-top: 25px;
    border-top: 1px solid #ecf0f3;
    justify-content: space-between;
}

.post-item .post-item-inner .post-content .lab-btn {
    padding: 13px 32px;
    margin-top: 5px;
    box-shadow: 0 10px 10px rgba(248, 118, 158, 0.1);
}

.post-item.slider-post .post-item-inner:hover .post-thumb.post-thumb-slider .post-thumb-slider-next {
    left: 10px;
}

.post-item.slider-post .post-item-inner:hover .post-thumb.post-thumb-slider .post-thumb-slider-prev {
    right: 10px;
}

.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider img {
    width: 100%;
}

.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider .post-thumb-slider-next,
.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider .post-thumb-slider-prev {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #000000;
    z-index: 1;
    text-align: center;
    top: 50%;
    outline: none;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider .post-thumb-slider-next:hover,
.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider .post-thumb-slider-next .active,
.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider .post-thumb-slider-prev:hover,
.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider .post-thumb-slider-prev .active {
    background: #fd4372;
    color: #fff;
}

.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider .post-thumb-slider-next {
    left: -10%;
}

.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider .post-thumb-slider-prev {
    right: -10%;
}

.post-item.video-post iframe {
    width: 100%;
    height: 370px;
    border: none;
}

.post-item.qute-post .post-item-inner:hover .post-thumb img {
    transform: scale(1) !important;
}

.post-item.qute-post .post-item-inner .post-thumb {
    height: 190px;
    background-image: linear-gradient(to left top, #ff4f58, #ff6747, #ff8134, #ff9a1e, #ffb400);
}

@media (min-width: 576px) {
    .post-item.qute-post .post-item-inner .post-thumb {
        height: 370px;
    }
}

.post-item.qute-post .post-item-inner .post-thumb .qute-content {
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    padding: 20px;
    transform: translate(-50%, -50%);
}

.post-item.qute-post .post-item-inner .post-thumb .qute-content h5 {
    margin-top: 15px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 22px;
}

@media (max-width: 767px) {
    .post-item.qute-post .post-item-inner .post-thumb .qute-content h5 {
        display: none;
    }
}

.team-item .team-item-inner {
    box-shadow: 0 0 10px rgba(136, 136, 136, 0.1);
}

.team-item .team-item-inner .team-thumb img {
    width: 100%;
}

.team-item .team-item-inner .team-content {
    padding: 20px 20px 30px;
}

@media (min-width: 576px) {
    .team-item .team-item-inner .team-content {
        padding: 30px;
    }
}

.team-item .team-item-inner .team-content .member-name {
    margin-bottom: 5px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item .team-item-inner .team-content .member-name:hover {
    color: #fd4372;
}

.team-item .team-item-inner .team-content .member-dagi {
    margin-bottom: 10px;
    display: block;
    color: #1c2551;
}

.team-item .team-item-inner .team-content .member-details {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .team-item.style-2 .team-item-inner .team-thumb {
        padding-right: 50px;
    }
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration {
    align-items: center;
    transform: rotate(90deg) translate(-186px, -184px);
    width: calc(100% - 50px);
}

@media (max-width: 1199px) {
    .team-item.style-2 .team-item-inner .team-thumb .self-intregration {
        transform: rotate(90deg) translate(-226px, -224px);
    }
}

@media (max-width: 991px) {
    .team-item.style-2 .team-item-inner .team-thumb .self-intregration {
        display: none !important;
    }
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-head {
    width: 40%;
    padding: 14px;
    background: linear-gradient(to left, #ff4f58, #ff6747, #ff8134, #ff9a1e, #ffb400);
    transition: all 0.5s ease-in-out;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-head span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    text-align: center;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-head span::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: #ff4f58;
    right: -6px;
    transform: rotate(45deg);
    bottom: 18px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon {
    width: 60%;
    background: #fff;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul {
    padding: 0;
    margin: 0;
    display: flex;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul li {
    padding: 0;
    list-style: none;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul li:last-child a {
    border-right: none;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul a {
    display: block;
    padding: 14px 17px;
    background: transparent;
    border-right: 1px solid #ecf0f3;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul a i {
    transform: rotate(-90deg);
    transition: all 0.3s ease-in-out;
}

@media (max-width: 575px) {
    .team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul a i {
        transform: rotate(0deg);
    }
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul a.facebook {
    color: #3b5998;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul a.pinterest {
    color: #bd081c;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul a.twitter {
    color: #55acee;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul a.globe {
    color: #ff5e9c;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul a:hover {
    background: #fd4372;
}

.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-icon ul a:hover i {
    color: #fff !important;
}

.team-item.style-2 .team-item-inner .team-content .member-details {
    margin-top: 5px;
    padding-top: 15px;
    border-top: 1px solid #ecf0f3;
}

@media (min-width: 992px) {
    .team-item.style-2 .team-item-inner .team-content .icon-style-list li:last-child {
        display: none;
    }
}



/* @@@@@@@@@@@@@  paginations Start Here  @@@@@@@@@@@@@@ */
.paginations {
    margin: 40px 0;
}

@media (min-width: 992px) {
    .paginations {
        margin-bottom: 0;
    }
}

.paginations ul {
    margin: 0;
}

.paginations ul li {
    padding: 5px;
}

.paginations ul li a {
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0px 5px rgba(136, 136, 136, 0.1);
    color: #696969;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.paginations ul li a.active,
.paginations ul li a:hover {
    color: #fff;
    box-shadow: 0 18px 24px rgba(255, 114, 58, 0.36);
    background-image: linear-gradient(to left top, #ff4f58, #ff6747, #ff8134, #ff9a1e, #ffb400);
}

.paginations ul li a.dot {
    box-shadow: none;
}

.paginations ul li a.dot:hover {
    background: transparent;
    color: #696969;
}

/*@@@@@@@@@@@@@@   scocial-media Start Here  @@@@@@@@@@@@@@@@@*/
.scocial-media {
    margin-bottom: 20px;
}

.scocial-media a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 4px;
    text-align: center;
    display: inline-block;
}

.scocial-media a:hover {
    border-radius: 100%;
    transform: translateY(-5px);
    box-shadow: 0 5px 10px rgba(136, 136, 136, 0.2);
}

.facebook {
    background: #3b5998;
}

.twitter {
    background: #55acee;
}

.linkedin {
    background: #007bb5;
}

.vimeo {
    background: #3b5998;
}

.bg-white {
    background: #fff;
}


/*@@@@@@@@@@@@@@   lines Start Here  @@@@@@@@@@@@@@@@@*/
.lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
}

@media (max-width: 575px) {
    .lines {
        display: none;
    }
}

.lines .line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
    z-index: 1;
}

.lines .line::after {
    content: "";
    display: block;
    position: absolute;
    height: 15vh;
    width: 100%;
    top: -50%;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #fff), to(#fff));
    background: linear-gradient(to bottom, rgba(255, 255, 0, 0) 0%, #ffff00 75%, #ffff00 100%);
    -webkit-animation: run 7s 0s infinite;
    animation: run 7s 0s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}

.lines .line:nth-child(1) {
    margin-left: -45%;
}

.lines .line:nth-child(1)::after {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.lines .line:nth-child(3) {
    margin-left: 45%;
}

.lines .line:nth-child(3)::after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.lines .line:nth-child(4) {
    margin-left: 40%;
}

.lines .line:nth-child(4)::after {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.lines .line:nth-child(5) {
    margin-left: -40%;
}

.lines .line:nth-child(5)::after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.lines .line:nth-child(6) {
    margin-left: 35%;
}

.lines .line:nth-child(6)::after {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.lines .line:nth-child(7) {
    margin-left: -35%;
}

.lines .line:nth-child(7)::after {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.lines .line:nth-child(8) {
    margin-left: 30%;
}

.lines .line:nth-child(8)::after {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.lines .line:nth-child(9) {
    margin-left: -30%;
}

.lines .line:nth-child(9)::after {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.lines .line:nth-child(10) {
    margin-left: 25%;
}

.lines .line:nth-child(10)::after {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

.lines .line:nth-child(11) {
    margin-left: -25%;
}

.lines .line:nth-child(11)::after {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.lines .line:nth-child(12) {
    margin-left: 20%;
}

.lines .line:nth-child(12)::after {
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
}

.lines .line:nth-child(13) {
    margin-left: -20%;
}

.lines .line:nth-child(13)::after {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

.lines .line:nth-child(14) {
    margin-left: 15%;
}

.lines .line:nth-child(14)::after {
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
}

.lines .line:nth-child(15) {
    margin-left: -15%;
}

.lines .line:nth-child(15)::after {
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

.lines .line:nth-child(16) {
    margin-left: 10%;
}

.lines .line:nth-child(16)::after {
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
}

.lines .line:nth-child(17) {
    margin-left: -10%;
}

.lines .line:nth-child(17)::after {
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}

.lines .line:nth-child(18) {
    margin-left: 5%;
}

.lines .line:nth-child(18)::after {
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s;
}

.lines .line:nth-child(19) {
    margin-left: -5%;
}

.lines .line:nth-child(19)::after {
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
}

/* @@@@@@@@@@@@@  Common CSS Writing Now  @@@@@@@@@@@@@@ */


.padding-tb {
    padding-top: 80px;
    padding-bottom: 55px;
}

@media (min-width: 992px) {
    .padding-tb {
        padding-top: 110px;
        padding-bottom: 95px;
    }
}

.lab-btk {
    display: block;
    background: linear-gradient(to right, #fe6a00 50%, #010684 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all .5s ease-out;
    border-radius: 4px;
}

.lab-btk:hover {
    background-position: left bottom;
}

.lab-btk span {
    z-index: 1;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}


.lab-btk::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    background: linear-gradient(to left, #ffab8b, #ff957d, #ff7d75, #ff6371, #fd4372);
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
}

.lab-btnn:hover::after {
    transform: scaleX(1);
    transform-origin: 0% 50%;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}

.lab-btn {
    display: inline-block;
    /* background: linear-gradient(to right, #ffab8b, #ff957d, #ff7d75, #ff6371, #fd4372); */
    background: #fe6a00;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 4px;
    margin-left: 10px;
}

.lab-btn::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    /* background: linear-gradient(to left, #ffab8b, #ff957d, #ff7d75, #ff6371, #fd4372); */
    background: #010684;
    transition: transform .3s ease-in-out;
    -webkit-transition: transform .3s ease-in-out;
}

.lab-btn span {
    z-index: 1;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.lab-btn:hover::after {
    transform: scaleX(1);
    transform-origin: 0% 50%;
}

.service-pricing::after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../../assets/images/marketing/sp-bg.png) no-repeat;
}

.crypto-bg {
    background: #0d006f !important;
}

.round-shape {
    top: 75%;
    right: 50%;
    width: 700px;
    height: 700px;
    border-radius: 100%;
    transform: translate(50%, -50%);
}

@media (min-width: 992px) {
    .round-shape {
        top: 50%;
        right: 4%;
        transform: translate(0, -50%);
    }
}

@media (min-width: 1600px) {
    .round-shape {
        right: 10%;
    }
}

.round-shape .round {
    animation: lab_round 25s linear infinite;
}

.shape {
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

ul li {
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}

ul li:nth-child(2) .left::after,
ul li:nth-child(2) .left::before,
ul li:nth-child(5) .left::after,
ul li:nth-child(5) .left::before,
ul li:nth-child(8) .left::after,
ul li:nth-child(8) .left::before {
    background: #00e9f0;
}

ul li:nth-child(2) .left span,
ul li:nth-child(5) .left span,
ul li:nth-child(8) .left span {
    background: linear-gradient(to top, #00e9f0, #009bfe);
}

ul li:nth-child(3) .left::after,
ul li:nth-child(3) .left::before,
ul li:nth-child(6) .left::after,
ul li:nth-child(6) .left::before,
ul li:nth-child(9) .left::after,
ul li:nth-child(9) .left::before {
    background: #7ed500;
}

ul li:nth-child(3) .left span,
ul li:nth-child(6) .left span,
ul li:nth-child(9) .left span {
    background: linear-gradient(to top, #7ed500, #00bf8d);
}

ul li:hover .left::after,
ul li:hover .left::before {
    -webkit-animation: circle-2 1.05s infinite;
    -moz-animation: circle-2 1.05s infinite;
    -ms-animation: circle-2 1.05s infinite;
    -o-animation: circle-2 1.05s infinite;
    animation: circle-2 1.05s infinite;
}

ul li .left::after,
ul li .left::before {
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #f9769d;
}

ul li .left::after {
    width: 55px;
    height: 55px;
    opacity: 0.09;
}

ul li .left::before {
    width: 45px;
    height: 45px;
    opacity: 0.2;
}

ul li .left span {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    display: inline-block;
    z-index: 1;
    background: linear-gradient(to top, #f9769d, #bb6df7);
}

ul li .left i {
    z-index: 1;
}

ul li .right {
    width: calc(100% - 60px);
}

ul li .right p {
    color: #fff;
    font-weight: 300;
    margin-bottom: 0;
}

ul li .right p span {
    font-weight: 700;
    padding-right: 5px;
    font-size: 20px;
}

ul.smart-list-ef li {
    padding: 13px 0;
}

ul.icon-style-list {
    margin: 0;
}

ul.icon-style-list>li {
    padding: 0;
    border-bottom: 1px solid #ecf0f3;
    justify-content: flex-start;
}

ul.icon-style-list>li:first-child {
    border-top: 1px solid #ecf0f3;
}

ul.icon-style-list>li i {
    width: 50px;
    text-align: center;
    color: #c2c2c2;
    margin: 0 15px 0 5px;
    line-height: 50px;
}

ul.icon-style-list>li i:after {
    width: 100%;
    height: calc(100% + 18px);
    border-left: 1px solid #ecf0f3;
    border-right: 1px solid #ecf0f3;
    top: -9px;
    left: 0;
}

ul.icon-style-list>li span {
    width: calc(100% - 70px);
}

ul.icon-style-list>li ul {
    margin: 0;
}

ul.icon-style-list>li ul li {
    padding: 0;
}

ul.icon-style-list>li ul li a {
    background: transparent;
}

ul.icon-style-list>li ul li a i {
    margin: 0;
    width: 35px;
}

ul.icon-style-list>li ul li a i:after {
    display: none;
}

ul.icon-style-list>li ul li a.twitter i {
    color: #55acee;
}

ul.icon-style-list>li ul li a.facebook i {
    color: #3b5998;
}

ul.icon-style-list>li ul li a.instagram i {
    color: #e4405f;
}

ul.icon-style-list>li ul li a.vimeo i {
    color: #3b5998;
}

ul.icon-style-list>li ul li a.google i {
    color: #dd4b39;
}

ul.icon-style-list>li ul li a.pinterest i {
    color: #bd081c;
}

ul.icon-style-list>li ul li a.basketball i {
    color: #e94c89;
}

ul.icon-style-list>li ul li a.behance i {
    color: #1769ff;
}

.countdown {
    margin: -15px;
    margin-bottom: 30px;
}

.countdown li {
    display: inline-block;
    text-align: center;
    padding: 0 10px;
    margin: 5px;
}

@media (min-width: 576px) {
    .countdown li {
        margin: 15px;
    }
}

.countdown li:last-child .count-number:after {
    display: none;
}

.countdown li .count-number {
    font-size: 24px;
    font-weight: 700;
}

@media (min-width: 576px) {
    .countdown li .count-number {
        font-size: 36px;
    }
}

.countdown li .count-number:after {
    content: ":" !important;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    font-weight: 700;
    color: #000000;
}

.countdown li .count-number.days {
    color: #ff4f57;
}

.countdown li .count-number.hours {
    color: #e85acb;
}

.countdown li .count-number.minutes {
    color: #0dc4b9;
}

.countdown li .count-number.seconds {
    color: #529bfc;
}

.countdown li .count-text {
    color: #000000;
}

.pluse_1,
.pluse_2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(243, 186, 14, 0.102);
}

.pluse_1::after,
.pluse_1::before,
.pluse_2::after,
.pluse_2::before {
    background: #ffac28;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
}

.pluse_1::after,
.pluse_2::after {
    width: 60px;
    height: 60px;
    background: transparent;
    margin-left: -30px;
    margin-top: -30px;
}

.pluse_1:before,
.pluse_2:before {
    width: 80px;
    height: 80px;
}

.pluse_1 {
    -webkit-animation: pluse_animate 3s infinite linear;
    animation: pluse_animate 3s infinite linear;
}

.pluse_2::before {
    -webkit-animation: pluse_animate 3s infinite linear;
    animation: pluse_animate 3s infinite linear;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    margin-left: 0;
    margin-top: 0;
}

.scrollToTop {
    position: fixed;
    bottom: 2%;
    right: 5%;
    z-index: 9;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    animation: lab_top_up 5s linear infinite;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
}

.scrollToTop i {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 1;
    top: 0;
    left: 0;
    background: #fe6a00;
}

.scrollToTop:hover {
    background: linear-gradient(to right, #a4ea58, #81e18f);
}

.bg_size {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .codex-shape {
        display: none;
    }
}

.codex-shape .line {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.codex-shape .line.line_1 {
    background: #00ff00;
    left: 6%;
    top: 25%;
    animation: lab_zoomin 8s linear infinite;
}

.codex-shape .line.line_2 {
    background: #fff200;
    left: 3%;
    top: 70%;
    animation: pluse_animate 8s linear infinite;
}

.codex-shape .line.line_3 {
    background: #6dcff6;
    left: 15%;
    top: 50%;
    animation: pluse_animate2 4s linear infinite;
}

.codex-shape .line.line_4 {
    left: 30%;
    top: 25%;
    width: 20px;
    height: 20px;
    border: 2px solid #f69679;
    animation: lab_round 4s linear infinite;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.codex-shape .line.line_5 {
    left: 32%;
    top: 63%;
    width: 25px;
    height: 25px;
    border: 2px solid #fff200;
    animation: lab_round1 8s linear infinite;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.codex-shape .line.line_6 {
    left: 20%;
    top: 75%;
    width: 15px;
    height: 15px;
    border: 2px solid #00feff;
    animation: lab_round 10s linear infinite;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.pattern-img {
    top: 0;
    left: 0;
    z-index: -1;
}

.pattern-img img {
    max-width: none;
}

.mask_img {
    -webkit-mask-position: center center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.port-item2 .port-inner .port-header,
.port-item2 .port-inner .port-body ul li,
.pricing-item .pricing-inner .popular-item,
.pricing-item .pricing-inner .pricing-body .price-btn,
.post-item .post-item-inner .post-content .author-date,
.post-item .post-item-inner .post-content .post-footer,
.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider,
.team-item.style-2 .team-item-inner .team-thumb .self-intregration,
.paginations ul li a,
ul li,
.header-section .primary-menu,
.header-section .primary-menu .main-area,
.header-section .primary-menu .main-area .main-menu ul,
.host-bg .header-area .header-btn,
.innerheader .primary-menu .main-area .header-right,
.innerheader .primary-menu .main-area .header-right .cart-area .cart-content .cart-title,
.innerheader .primary-menu .main-area .header-right .cart-area .cart-content .cart-scr .cart-con-item .cart-item .cart-inner .cart-top,
.innerheader .primary-menu .main-area .header-right .cart-area .cart-content .cart-scr .cart-con-item .cart-item .cart-inner .cart-bottom,
.innerheader .primary-menu .main-area .header-right .cart-area .cart-content .cart-scr-bottom ul li,
.search-area .search-input form,
.sidemenubar .sidemenubar-area .sidemenubar-gallery ul,
.mobile-menu .mobile-header,
.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner,
.banner-section .banner-area .content-part .section-header .button-group,
.banner-section .banner-area .content-part .section-header .button-group .banner-video,
.banner-section.style-2 .banner-area,
.banner-section.style-6.crypto .banner-area .content-part .section-header form,
.banner-section.style-6.crypto .banner-area .bfr-contents,
.service-section .section-wrapper,
.service-section.style-7 .section-wrapper .lab-item-2 .lab-inner,
.service-section.style-8 .section-wrapper .service-content .abs-items,
.service-section.style-8 .section-wrapper .service-content .abs-items li .abs-item,
.about-section.style-2 .section-wrapper,
.about-section.style-3 .section-header ul,
.about-section.style-5 .section-wrapper,
.about-section.style-6 .abl-part .about-contents,
.recent-case .section-wrapper,
.pricing-table .section-wrapper,
.blog-section .section-wrapper .right,
.blog-section.erp .section-wrapper .post-item .post-item-inner .post-thumb .author-comment,
.blog-section.crypto .section-wrapper .post-item .post-item-inner .post-thumb .author-comment,
.blog-section.blog-single .section-wrapper .post-item .post-item-inner .post-content .tags-section,
.blog-section.blog-single .section-wrapper .post-item .post-item-inner .post-content .tags-section .tags,
.blog-section.blog-single .section-wrapper .navigations-part,
.blog-section.blog-single .section-wrapper .authors,
.blog-section.blog-single .section-wrapper .comments .comment-list .comment,
.blog-section.blog-single .section-wrapper .comment-respond .add-comment .comment-form,
.widget.widget-tags ul.widget-wrapper,
.widget.letest-product .widget-wrapper ul li,
.clints-section .section-wrapper .clients .client-list .client-content .client-info,
.clints-section .section-wrapper .clients .client-list .client-content .client-info .rating ul,
.sponsor-section .section-wrapper .sponsor-slider .sponsor-thumb,
.sponsor-section .section-wrapper .sponsor-slider-one .sponsor-thumb,
.sponsor-section.style-2 .section-wrapper .sponsor-list,
.news-letter .section-wrapper,
.transportation-section .section-wrapper .left .section-header ul,
.transportation-section .section-wrapper .left .section-header ul li,
.doming-section .section-wrapper form,
.doming-section .section-wrapper ul,
.erp-manager .lab-content ul li .accordion-list,
.vpn-services .section-wrapper,
.faq-section .section-wrapper .accordion li .accordion-list,
.shopapp-apps .apps-content .section-header .shopapp-btn-group,
.shopapp-apps .apps-content .section-header .shopapp-btn-group a,
.app-section .section-wrapper .app-btn-group,
.app-section .section-wrapper .app-btn-group a,
.pos-section .pos-content-area .section-wrapper ul,
.testimonial-section .testi-item .testi-inner .testi-header,
.testimonial-section.style-2 .section-wrapper .testimonial-slider-two .carousel,
.testimonial-section.style-2 .section-wrapper .testimonial-slider-two .carousel-indicators,
.testimonial-section.style-2 .section-wrapper .testimonial-slider-two .carousel-item .testi-item .testi-inner,
.market-range-section .top-area .section-wrapper .skill-bar-wrapper .skill-item .skill-title,
.market-range-section .top-area .section-wrapper .skill-bar-wrapper .skill-item .skillbar-container,
.market-range-section .bottom-area .section-wrapper,
.portfolio-section .port-filter,
.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link,
.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link,
.shop-page .shop-product-wrap .product-list-item,
.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .cart-button,
.shop-single .product-details .post-content form,
.shop-single .review .review-nav,
.shop-single .review .review-content .review-showing .content li .post-content .entry-meta,
.shop-single .review .review-content .review-showing .content li .post-content .entry-meta .posted-on,
.shop-single .review .review-content .review-showing .client-review .review-form form .rating,
.shop-single .review .review-content .review-showing .client-review .review-form form .rating ul,
.shop-single .review .review-content .description .post-item,
.shop-cart .section-wrapper .cart-top table tbody tr td.product-item,
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box,
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout,
.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li,
.contact-us .contact-form,
.fore-zero-page {
    display: flex;
    flex-wrap: wrap;
}

.section-header.style-2,
.section-header.style-2 h2,
.section-header.style-2 p,
.section-header.style-2 .codecoder-animate,
.section-header.style-3 h2,
.section-header.style-3 p,
.lab-item-2 .lab-inner,
.port-item .lab-inner .lab-thumb,
.pricing-item .pricing-inner,
.pricing-item .pricing-inner .pricing-body .price,
.pricing-item .pricing-inner .pricing-body .price h2,
.pricing-item .pricing-inner .pricing-body .price p,
.pricing-item .pricing-inner .pricing-body .price-list ul li,
.post-item .post-item-inner,
.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider,
.post-item.qute-post .post-item-inner .post-thumb,
.team-item.style-2 .team-item-inner .team-thumb,
.team-item.style-2 .team-item-inner .team-thumb .self-intregration .intregration-head,
.video-thumb,
.paginations ul li a,
.cart-plus-minus,
.menu-item-has-children>a,
.lab-btn,
.service-pricing,
.service-sponsor,
ul li .left,
ul li .left span,
ul li .left i,
ul.icon-style-list>li i,
.countdown li .count-number,
.header-section .primary-menu .main-area .main-menu ul li.menu-item-has-children>a,
.innerheader .primary-menu .main-area .header-right .search,
.innerheader .primary-menu .main-area .header-right .cart-area,
.page-header,
.page-header .pageheader-textarea,
.sidemenubar .sidemenubar-area .sidemenubar-top,
.sidemenubar .sidemenubar-area .sidemenubar-register,
.mobile-menu .mobile-header .header-bar,
.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li,
.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li.menu-item-has-children>a,
.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search,
.banner-section,
.banner-section.style-2 .left-side,
.banner-section.style-5,
.banner-section.seo-banner,
.service-section.style-6,
.service-section.style-8,
.service-section.style-8 .section-header,
.service-section.style-8 .section-wrapper,
.service-section.style-8 .section-wrapper .service-content .abs-items li .abs-item .left .lb-thumb,
.about-section,
.about-section .section-header,
.about-section.style-2 .section-wrapper .lab-item .lab-inner .lab-thumb,
.about-section.style-3 .section-wrapper .lab-item .lab-inner .lab-thumb img,
.about-section.seo-about,
.about-section.erp-about .section-wrapper .lab-item .lab-inner .lab-thumb img,
.about-section.crypto-about .section-wrapper .lab-item .lab-inner .lab-thumb img,
.seo-analysis-section,
.seo-analysis-section .section-wrapper .analysis-from,
.seo-analysis-section .section-wrapper .section-header.style-2,
.recent-case,
.pricing-table.marketing .section-wrapper .pricing-item,
.blog-section.erp .section-wrapper .post-item .post-item-inner .post-thumb,
.blog-section.marketing .section-wrapper .post-item .post-item-inner .post-content .post-footer .comments,
.blog-section.blog-page .section-wrapper .post-item .post-item-inner .post-content .post-footer .comments,
.blog-section.crypto,
.blog-section.crypto .section-wrapper .post-item .post-item-inner .post-thumb,
.blog-section.blog-single .section-wrapper .post-item .post-item-inner .post-content blockquote,
.widget.widget-search .search-wrapper,
.clints-section .section-wrapper .clients,
.clints-section .section-wrapper .clients .client-list .client-thumb,
.clints-section .section-wrapper .clients .client-list .client-thumb img,
.clints-section .section-wrapper .clients .client-list .client-content .client-info .name-desi span,
.news-letter .section-wrapper .news-form form .nf-list,
.transportation-section .section-wrapper .right,
.transportation-section .section-wrapper .right .lab-line span,
.transportation-section .section-wrapper .right .lab-line .lab-tooltip p,
.doming-section .section-wrapper form,
.doming-section .section-wrapper form .lab-selectoption,
.doming-section .section-wrapper ul li,
.erp-manager,
.erp-manager .lab-content ul li .accordion-list .left span img,
.author .section-wrapper .author-area,
.vpn-services .section-wrapper .service-item .service-inner .service-thumb,
.faq-section .section-wrapper .accordion li .accordion-list .left .icon,
.testimonial-section .testi-item .testi-inner .testi-header .testi-thumb,
.testimonial-section .testi-item .testi-inner .testi-body,
.team-section .team-bottom .team-bottom-area .team-item .team-item-inner .team-thumb.style-2,
.team-section.team-single .team-bottom.skill-award .team-item .circles,
.shop-page .shop-product-wrap .product-item .product-thumb,
.shop-page .shop-product-wrap .product-list-item .product-thumb,
.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .thumb,
.shop-single .product-details .product-thumb,
.shop-single .product-details .post-content form .select-product,
.shop-single .product-details .post-content form .select-product select,
.shop-single .review .review-content .description .post-item .post-content ul li,
.footer-top.maketing,
.footer-top.shopapp,
.footer-top.maketing .container,
.footer-top.shopapp .container,
.footer-top.style-3,
.footer-top.style-3 *,
.app-footer .footer-bottom.style-2 {
    position: relative;
}

.section-header.style-2::after,
.section-header.style-2 .codecoder-animate::after,
.section-header.style-2 .codecoder-animate::before,
.lab-item .lab-inner::after,
.lab-item-2 .lab-inner .lab-abs-thumb,
.port-item .lab-inner .lab-thumb::after,
.port-item .lab-inner .lab-thumb .port-share,
.pricing-item .pricing-inner::after,
.pricing-item .pricing-inner .popular-item,
.pricing-item .pricing-inner .pricing-body .price h2::after,
.pricing-item .pricing-inner .pricing-body .price-list ul li::after,
.post-item .post-item-inner::after,
.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider .post-thumb-slider-next,
.post-item.slider-post .post-item-inner .post-thumb.post-thumb-slider .post-thumb-slider-prev,
.post-item.qute-post .post-item-inner .post-thumb .qute-content,
.team-item.style-2 .team-item-inner .team-thumb .self-intregration,
.video-thumb .video-icon,
.cart-plus-minus .qtybutton,
.menu-item-has-children>a::after,
.lab-btn::after,
.service-pricing::after,
.round-shape,
.shape,
ul li .left::after,
ul li .left::before,
ul.icon-style-list>li i:after,
.countdown li .count-number:after,
.pluse_1,
.pluse_2,
.pluse_1::after,
.pluse_1::before,
.pluse_2::after,
.pluse_2::before,
.scrollToTop i,
.codex-shape .line,
.pattern-img,
.header-section .primary-menu .main-area .main-menu ul li ul,
.header-section .primary-menu .main-area .main-menu ul li.menu-item-has-children>a::after,
.transparent-header,
.innerheader .primary-menu .main-area .header-right .cart-area .count-item,
.innerheader .primary-menu .main-area .header-right .cart-area .cart-content,
.innerheader .primary-menu .main-area .header-right .cart-area .cart-content .cart-scr .cart-con-item .cart-item .cart-inner .cart-top .remove-btn,
.page-header .shap-pageheader .line,
.page-header::after,
.search-area .search-input .search-close,
.search-area .search-input form,
.sidemenubar .sidebar-close,
.sidemenubar .sidemenubar-area .sidemenubar-top::after,
.sidemenubar .sidemenubar-area .sidemenubar-register::after,
.mobile-menu .mobile-header .header-bar span,
.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li.menu-item-has-children>a::after,
.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search button,
.banner-section.style-2::after,
.banner-section.style-2 .left-side .section-wrapper .banner-pagination,
.banner-section.style-2 .right-side .content-part .section-header .banner-price,
.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape,
.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape,
.banner-section.style-5 .pos-banner-shape,
.banner-section.style-5 .pos-banner-shape .pos-shape-1,
.banner-section.style-5 .pos-banner-shape .pos-shape-2,
.banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape,
.banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape,
.banner-section.style-6.crypto .round-one,
.banner-section.style-6.crypto .round-one img,
.banner-section.seo-banner .section-wrapper .banner-thumb .thumb-shape .th-shape,
.service-section.style-4 .lab-item .lab-inner::before,
.service-section.style-8 .section-wrapper .abs-thumb,
.about-section .section-header::after,
.about-section.style-3 .section-wrapper .lab-item .lab-inner .lab-thumb::after,
.about-section.style-3 .section-wrapper .lab-item .lab-inner .lab-thumb::before,
.about-section.erp-about .section-wrapper .lab-item .lab-inner .lab-thumb::after,
.about-section.erp-about .section-wrapper .lab-item .lab-inner .lab-thumb::before,
.about-section.crypto-about .section-wrapper .lab-item .lab-inner .lab-thumb::after,
.about-section.crypto-about .section-wrapper .lab-item .lab-inner .lab-thumb::before,
.seo-analysis-section .section-wrapper .analysis-from .lab-abs-thumb,
.seo-analysis-section .section-wrapper .analysis-from::after,
.pricing-table.marketing .section-wrapper .pricing-item::after,
.blog-section.erp .section-wrapper .post-item .post-item-inner .post-thumb::after,
.blog-section.erp .section-wrapper .post-item .post-item-inner .post-thumb .author-comment,
.blog-section.marketing .section-wrapper .post-item .post-item-inner .post-content .post-footer .comments span,
.blog-section.blog-page .section-wrapper .post-item .post-item-inner .post-content .post-footer .comments span,
.blog-section.crypto .section-wrapper .post-item .post-item-inner .post-thumb::after,
.blog-section.crypto .section-wrapper .post-item .post-item-inner .post-thumb .author-comment,
.blog-section.blog-single .section-wrapper .post-item .post-item-inner .post-content blockquote::before,
.widget.widget-search .search-wrapper button,
.clints-section .section-wrapper .clients .client-list,
.clints-section .section-wrapper .clients .client-list .client-thumb::after,
.clints-section .section-wrapper .clients .client-list .client-thumb::before,
.clints-section .section-wrapper .clients .client-list .client-content,
.clints-section .section-wrapper .clients .client-list .client-content:after,
.clints-section .section-wrapper .clients .client-list .client-content .client-info .name-desi span::after,
.news-letter .section-wrapper .news-form form .nf-list::after,
.transportation-section .section-wrapper .right .lab-line,
.transportation-section .section-wrapper .right .lab-line span::after,
.transportation-section .section-wrapper .right .lab-line .lab-tooltip,
.transportation-section .section-wrapper .right .lab-line .lab-tooltip::after,
.transportation-section .section-wrapper .right .lab-line .lab-tooltip::before,
.doming-section .section-wrapper form::after,
.doming-section .section-wrapper form .lab-selectoption::after,
.doming-section .section-wrapper form .lab-selectoption::before,
.doming-section .section-wrapper ul li::before,
.erp-manager .shape-1,
.erp-manager .shape-2,
.erp-manager .lab-thumb .abs-lab-thumb,
.vpn-services .section-wrapper .service-item .service-inner .service-thumb::after,
.vpn-services .section-wrapper .service-item .service-inner .service-thumb span,
.faq-section .section-wrapper .accordion li .accordion-list .left .icon::after,
.faq-section .section-wrapper .accordion li .accordion-list .left .icon::before,
.testimonial-section .testi-item .testi-inner .testi-header .testi-thumb .testi-shape,
.testimonial-section .testi-item .testi-inner .testi-body:after,
.testimonial-section.style-2 .section-wrapper .testimonial-slider-two .carousel-indicators li img,
.team-section.team-single .team-bottom.skill-award .team-item .circles strong,
.shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb img:last-child,
.shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb img:last-child,
.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link,
.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link,
.shop-page .modal .modal-dialog .modal-content button.close,
.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .thumb .pro-thumb img:last-child,
.shop-single .product-details .product-thumb .pro-single-prev,
.shop-single .product-details .product-thumb .pro-single-next,
.shop-single .product-details .post-content form .select-product i,
.shop-single .review .review-content .review-showing .client-review .review-form .review-title h5::before,
.shop-single .review .review-content .review-showing .client-review .review-form .review-title h5::after,
.shop-single .review .review-content .description .post-item .post-content ul li::before,
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select .select-icon,
.coming-soon .coming-content-area,
.footer-top.maketing:after,
.footer-top.shopapp:after,
.footer-top.style-3::after,
.footer-top.style-3 .shap-footer,
.footer-top.style-3 .shap-footer .line,
.app-footer .footer-bottom.style-2::after {
    position: absolute;
    content: "";
}

.seo-analysis-section .section-wrapper .section-header.style-2 ul,
.footer-top .footer-item .footer-inner .footer-content .content ul {
    padding: 0;
    margin: 0;
}

.lab-item-2 .lab-inner,
.lab-item-3 .lab-inner .lab-thumb,
.pricing-item .pricing-inner .pricing-body .price,
.post-item,
.cart-plus-minus,
.lab-btn,
.codex-shape .line,
.pattern-img,
.page-header,
.sidemenubar .sidemenubar-area .sidemenubar-gallery ul li a,
.banner-section,
.banner-section.style-2 .left-side .section-wrapper .banner-slider,
.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape,
.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape,
.banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape,
.banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape,
.banner-section.seo-banner .section-wrapper .banner-thumb .thumb-shape .th-shape,
.about-section,
.seo-analysis-section,
.recent-case,
.blog-section.erp .section-wrapper .post-item .post-item-inner .post-thumb,
.blog-section.marketing .section-wrapper .post-item .post-item-inner .post-thumb,
.blog-section.blog-page .section-wrapper .post-item .post-item-inner .post-thumb,
.blog-section.crypto .section-wrapper .post-item .post-item-inner .post-thumb,
.blog-section.blog-single .section-wrapper .comments .comment-list .comment .com-thumb,
.blog-section.blog-single .section-wrapper .comments .comment-list .comment .com-content,
.widget .widget-header,
.widget.recipe-categori,
.clints-section,
.sponsor-section .section-wrapper .sponsor-slider,
.sponsor-section .section-wrapper .sponsor-slider-one,
.transportation-section,
.erp-manager,
.shopapp-manager,
.faq-section.shopapp .section-wrapper .accordion li .accordion-list .left,
.pos-section,
.testimonial-section .testimonial-slider,
.testimonial-section.style-2 .section-wrapper .testimonial-slider-two .carousel-indicators li,
.testimonial-section.style-2 .section-wrapper .testimonial-slider-two .carousel-item .testi-item .testi-inner .testi-thumb,
.market-range-section .top-area .section-wrapper .skill-bar-wrapper .skill-item,
.team-section .team-bottom .team-bottom-area .team-item .team-item-inner .team-thumb,
.shop-page .shop-product-wrap .product-item .product-thumb,
.shop-page .shop-product-wrap .product-list-item .product-thumb,
.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .thumb,
.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .product-container,
.shop-single .product-details,
.shop-cart .section-wrapper .cart-bottom,
.footer-top.style-3,
.app-footer {
    overflow: hidden;
}

@keyframes pluse_animate {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(0.3);
        transform: translate(-50%, -50%) scale(0.3);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}

@keyframes pluse_animate1 {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(0.1);
        transform: translate(-50%, -50%) scale(0.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1.02);
        transform: translate(-50%, -50%) scale(1.02);
    }
}

@keyframes pluse_animate2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(0.1);
        transform: translate(-50%, -50%) scale(0.1);
    }
}

@keyframes lab_round_glob {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

@keyframes lab_round_glob1 {
    0% {
        transform: rotateY(-20deg);
    }

    50% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(20deg);
    }
}

@keyframes lab_run_x {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-30px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes lab_run_top_y {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes lab_round {
    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes lab_round1 {
    100% {
        transform: rotateZ(-360deg);
    }
}

@keyframes lab_zoomin {
    0% {
        transform: translateY(-20px) translateX(0px);
    }

    50% {
        transform: translateY(0px) translateX(-20px);
    }

    100% {
        transform: translateY(-20px) translateX(0px);
    }
}

@keyframes lab_zoominout {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lab_sideeffect {
    0% {
        transform: translateY(0px);
    }

    25% {
        transform: translateX(-60px);
    }

    50% {
        transform: translateY(-60px);
    }

    75% {
        transform: translateX(-60px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes lab_banner_round {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(187, 109, 247, 0.2);
        box-shadow: 0 0 0 0 rgba(187, 109, 247, 0.2);
    }

    70% {
        -moz-box-shadow: 0 0 0 50px rgba(187, 109, 247, 0);
        box-shadow: 0 0 0 50px rgba(187, 109, 247, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(187, 109, 247, 0);
        box-shadow: 0 0 0 0 rgba(187, 109, 247, 0);
    }
}

@keyframes lab_transport {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(187, 109, 247, 0.2);
        box-shadow: 0 0 0 0 rgba(187, 109, 247, 0.2);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(187, 109, 247, 0);
        box-shadow: 0 0 0 20px rgba(187, 109, 247, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(187, 109, 247, 0);
        box-shadow: 0 0 0 0 rgba(187, 109, 247, 0);
    }
}

@keyframes lab_transport1 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 255, 254, 0.2);
        box-shadow: 0 0 0 0 rgba(0, 255, 254, 0.2);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(0, 255, 254, 0);
        box-shadow: 0 0 0 20px rgba(0, 255, 254, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 255, 254, 0);
        box-shadow: 0 0 0 0 rgba(0, 255, 254, 0);
    }
}

@keyframes lab_transport2 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 191, 141, 0.2);
        box-shadow: 0 0 0 0 rgba(0, 191, 141, 0.2);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(0, 191, 141, 0);
        box-shadow: 0 0 0 20px rgba(0, 191, 141, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 191, 141, 0);
        box-shadow: 0 0 0 0 rgba(0, 191, 141, 0);
    }
}

@keyframes lab_transport3 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(243, 115, 153, 0.2);
        box-shadow: 0 0 0 0 rgba(243, 115, 153, 0.2);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(243, 115, 153, 0);
        box-shadow: 0 0 0 20px rgba(243, 115, 153, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(243, 115, 153, 0);
        box-shadow: 0 0 0 0 rgba(243, 115, 153, 0);
    }
}

@keyframes lab_transport4 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 184, 229, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 184, 229, 0.2);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 184, 229, 0);
        box-shadow: 0 0 0 20px rgba(255, 184, 229, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 184, 229, 0);
        box-shadow: 0 0 0 0 rgba(255, 184, 229, 0);
    }
}

@keyframes lab_transport5 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 25, 55, 0.3);
        box-shadow: 0 0 0 0 rgba(255, 25, 55, 0.5);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 25, 55, 0);
        box-shadow: 0 0 0 20px rgba(255, 25, 55, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 25, 55, 0);
        box-shadow: 0 0 0 0 rgba(255, 25, 55, 0);
    }
}

@keyframes lab_pupup {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    25% {
        transform: scale(0.7);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    25% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes lab_rotate {
    from {
        transform: rotateY(0);
    }

    to {
        transform: rotateY(360deg);
    }
}

@keyframes lab_top_up {
    0% {
        transform: translateY(-15px);
    }

    50% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-15px);
    }
}

@keyframes testi_round {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

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

@-webkit-keyframes circle-2 {
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle-2 {
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes sliderShape {

    0%,
    100% {
        border-radius: 50% 50% 50% 50% / 50% 35% 65% 50%;
    }

    34% {
        border-radius: 50% 50% 35% 65% / 50% 50% 50% 50%;
    }

    50% {
        border-radius: 50% 50% 50% 50% / 65% 50% 50% 35%;
    }

    67% {
        border-radius: 35% 65% 50% 50% / 50% 50% 50% 50%;
    }
}

@keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 20000px 0;
    }
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 20000px 0;
    }
}

@-webkit-keyframes run {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}

@keyframes run {
    0% {
        top: -50%;
    }

    100% {
        top: 110%;
    }
}

@keyframes done_run {
    0% {
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;
    }

    50% {
        transform: translateY(-30px);
        visibility: visible;
        opacity: 1;
    }

    100% {
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;
    }
}

@keyframes recieve {
    0% {
        transform: translateX(0px);
        visibility: visible;
        opacity: 1;
    }

    50% {
        transform: translateX(-30px);
        visibility: visible;
        opacity: 1;
    }

    100% {
        transform: translateX(0px);
        visibility: visible;
        opacity: 1;
    }
}

@media (min-width: 576px) {
    .mobile-menu .mobile-menu {
        width: 50%;
        transform: scaleX(0);
        transform-origin: left;
    }
}

.mobile-menu .mobile-menu.open {
    transform: scaleY(1);
}

@media (min-width: 576px) {
    .mobile-menu .mobile-menu.open {
        transform: scaleX(1);
    }
}

@media (min-width: 1200px) {
    .mobile-menu .mobile-menu.open {
        display: none;
    }
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner {
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul {
    text-align: center;
    margin: 0;
    padding: 30px 0;
    width: 100%;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li {
    list-style: none;
    padding: 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li:last-child>a {
    border-bottom: none;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li.active>a {
    color: #fd4372;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li a {
    display: block !important;
    padding: 10px 0;
    color: #000000;
    text-transform: capitalize;
    margin: 2px 0;
    text-align: left;
    outline: none;
    font-weight: 500;
    width: 100%;
    border-bottom: 1px solid #ecf0f3;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li a::after {
    right: 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li ul {
    display: none;
    margin: 0;
    padding: 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li ul li {
    padding-left: 20px;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li ul li a {
    margin: 0;
    outline: none;
    font-size: 96%;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li.menu-item-has-children {
    position: relative;
    margin: 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner ul li.menu-item-has-children>a::after {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-weight: 400;
    content: "\ea99" !important;
    font-family: IcoFont !important;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .social-link-list {
    width: 100%;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search {
    width: 100%;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search input {
    border: none;
    border-bottom: 1px solid #ecf0f3;
    height: 60px;
    margin: 0;
    padding-right: 35px;
    font-style: italic;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search input:focus,
.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search input::placeholder {
    color: #000000;
}

.mobile-menu .mobile-menu .mobile-menu-area .mobile-menu-area-inner .mobile-search button {
    top: 0;
    right: 0;
    background-color: transparent;
    color: #000000;
    width: 30px;
    height: 60px;
    outline: none;
    border: none;
    font-size: 16px;
    text-align: center;
}

.seo-bg .mobile-header {
    background-image: linear-gradient(to right, #1a00ff, #2010d8, #2416b2, #25188d, #231769);
}

.host-bg .mobile-header {
    background: #fff;
}

.host-bg .mobile-header .header-bar span {
    background: #ed74af;
}

.erp-bg .mobile-header {
    background: linear-gradient(to left, #6240c7, #a246ff);
}

.vpn-bg .mobile-header {
    background: #fff;
}

.vpn-bg .mobile-header .header-bar span {
    background: #23cc88;
}

.marketing-bg .mobile-header {
    background: #fff;
}

.marketing-bg .mobile-header .header-bar span {
    background: linear-gradient(to right, #ffab8b, #fd4372);
}

.pos-bg .mobile-header {
    background: #fff;
}

.pos-bg .mobile-header .header-bar span {
    background: linear-gradient(to right, #ff5195, #ffb84b);
}

.shopapp-bg .mobile-header {
    background: #fff;
}

.shopapp-bg .mobile-header .header-bar span {
    background: linear-gradient(to right, #fd2c8b, #996bfb);
}

.crypto-bg .mobile-header {
    background: #0d006f;
}

.crypto-bg .mobile-header .header-bar span {
    background: #fff;
}

.innerheader .mobile-header {
    background: #fff;
}

.innerheader .mobile-header .header-bar span {
    background: linear-gradient(to right, #ff4f58, #ffb400);
}

/* @@@@@@@@@@@@@  Banner Section Start Here  @@@@@@@@@@@@@@ */
.banner-section {
    padding: 100px 0;
}

@media (min-width: 992px) {
    .banner-section {
        padding: 170px 0 90px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-section .round-shape {
        top: 70%;
    }
}

.banner-section .banner-area .content-part .section-header h2,
.banner-section .banner-area .content-part .section-header p,
.banner-section .banner-area .content-part .section-header a,
.banner-section .banner-area .content-part .section-header span {
    color: #fff;
}

@media (min-width: 992px) {
    .banner-section .banner-area .content-part .section-header h2 {
        font-size: 60px;
        line-height: 72px;
    }
}

@media (min-width: 1200px) {
    .banner-section .banner-area .content-part .section-header p {
        max-width: 520px;
    }
}

.banner-section .banner-area .content-part .section-header .button-group {
    align-items: center;
    margin-top: 40px;
}

.banner-section .banner-area .content-part .section-header .button-group .lab-btn {
    margin-bottom: 30px;
    padding: 16px 35px;
}

@media (min-width: 576px) {
    .banner-section .banner-area .content-part .section-header .button-group .lab-btn {
        margin-right: 15px;
        margin-bottom: 0;
    }
}

.banner-section .banner-area .content-part .section-header .button-group .lab-btn span {
    font-weight: 400;
}

.banner-section .banner-area .content-part .section-header .button-group .banner-video {
    align-items: center;
}

@media (max-width: 575px) {
    .banner-section .banner-area .content-part .section-header .button-group .banner-video {
        width: 100%;
    }
}

.banner-section .banner-area .content-part .section-header .button-group .banner-video a {
    margin-right: 10px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    line-height: 48px;
    font-size: 46px;
    text-align: center;
}

.banner-section .banner-area .section-wrapper .banner-thumb {
    text-align: center;
}

@media (min-width: 1200px) {
    .banner-section .banner-area .section-wrapper .banner-thumb img {
        max-width: 100%;
    }
}

.banner-section.style-2 {
    padding: 0;
}

.banner-section.style-2::after {
    background: url(../../assets/images/banner/host/01-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

@media (min-width: 992px) {
    .banner-section.style-2::after {
        width: 50%;
    }
}

.banner-section.style-2 .banner-area {
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    position: static;
    top: 0;
    transform: translateY(0%);
}

.banner-section.style-2 .left-side {
    width: 100%;
    height: 400px;
}

@media (min-width: 992px) {
    .banner-section.style-2 .left-side {
        width: calc(100% / 2);
        height: 800px;
    }
}

.banner-section.style-2 .left-side .section-wrapper {
    height: 100%;
    display: block;
}

.banner-section.style-2 .left-side .section-wrapper .banner-pagination {
    bottom: 20px;
    left: 20px;
    z-index: 1;
}

.banner-section.style-2 .left-side .section-wrapper .banner-pagination span {
    background: #fff;
    outline: none;
}

.banner-section.style-2 .left-side .section-wrapper .banner-slider {
    height: 100%;
}

.banner-section.style-2 .left-side .section-wrapper .banner-slider .banner-thumb img {
    width: 100%;
}

.banner-section.style-2 .left-side .section-wrapper .banner-slider .swiper-slide {
    background-size: cover !important;
    background-position: center center !important;
}

.banner-section.style-2 .right-side {
    width: 100%;
    margin: 50px 0;
}

@media (min-width: 992px) {
    .banner-section.style-2 .right-side {
        width: calc(100% / 2);
        margin: 0;
    }
}

.banner-section.style-2 .right-side .content-part {
    max-width: 95%;
    margin-left: auto;
}

@media (min-width: 992px) {
    .banner-section.style-2 .right-side .content-part {
        max-width: 90%;
    }
}

@media (min-width: 1440px) {
    .banner-section.style-2 .right-side .content-part {
        max-width: 80%;
    }
}

@media (min-width: 1600px) {
    .banner-section.style-2 .right-side .content-part {
        max-width: 62%;
    }
}

.banner-section.style-2 .right-side .content-part .section-header::after {
    display: none;
}

.banner-section.style-2 .right-side .content-part .section-header .banner-price {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    text-align: center;
    background: linear-gradient(to right, #f9769d, #bb6df7);
    right: 20%;
    top: -100px;
    z-index: 1;
    animation: lab_sideeffect 20s linear infinite;
}

@media (min-width: 576px) {
    .banner-section.style-2 .right-side .content-part .section-header .banner-price {
        top: -20px;
        right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-section.style-2 .right-side .content-part .section-header .banner-price {
        right: -17%;
    }
}

.banner-section.style-2 .right-side .content-part .section-header .banner-price p {
    margin-bottom: 0;
    padding-top: 15px;
}

.banner-section.style-2 .right-side .content-part .section-header .banner-price span {
    font-weight: 700;
    font-size: 30px;
}

.banner-section.style-2 .right-side .content-part .section-header h2 {
    margin: 0;
    color: #fd4372;
}

@media (max-width: 991px) {
    .banner-section.style-2 .right-side .content-part .section-header h2 {
        line-height: 36px;
        font-size: 32px;
    }
}

.banner-section.style-2 .right-side .content-part .section-header h2:last-child {
    margin-bottom: auto;
}

.banner-section.style-2 .right-side .content-part .section-header h2 span {
    font-weight: 400;
    color: #000000;
}

.banner-section.style-2 .right-side .content-part .section-header ul {
    margin: 15px 0;
}

.banner-section.style-2 .right-side .content-part .section-header ul li {
    display: block;
}

.banner-section.style-2 .right-side .content-part .section-header ul li i {
    margin-right: 5px;
    color: #fd4372;
}

.banner-section.style-2 .right-side .content-part .section-header .button-group .lab-btn {
    background: linear-gradient(to right, #f9769d, #bb6df7);
}

.banner-section.style-2 .right-side .content-part .section-header .button-group .banner-video a {
    font-size: 36px;
    color: #fd4372;
    box-shadow: 0 10px 10px rgba(255, 124, 171, 0.08);
}

.banner-section.style-2 .right-side .content-part .section-header .button-group .banner-video span {
    color: #000000;
}

@media (min-width: 992px) {
    .banner-section.style-3 {
        padding: 150px 0 182px;
    }
}

.banner-section.style-3 .round-shape {
    width: 700px;
    height: 700px;
}

@media (min-width: 1200px) {
    .banner-section.style-3 .round-shape {
        right: 0%;
    }
}

@media (min-width: 1440px) {
    .banner-section.style-3 .round-shape {
        right: 4%;
    }
}

@media (min-width: 1600px) {
    .banner-section.style-3 .round-shape {
        right: 8%;
    }
}

.banner-section.style-3 .shape.round-5,
.bg_img.hero-section-2 .shape.round-5 {
    width: 300px;
    height: 300px;
    /* background: #010684; */
    animation: lab_banner_round 1s infinite;
}

.banner-section.style-3 .shape.round-4,
.bg_img.hero-section-2 .shape.round-4 {
    width: 400px;
    height: 400px;
    /* background: #010684; */
    animation: lab_banner_round 2s infinite;
}

.banner-section.style-3 .shape.round-3,
.bg_img.hero-section-2 .shape.round-3 {
    width: 500px;
    height: 500px;
    /* background: #010684; */
    animation: lab_banner_round 3s infinite;
}

.banner-section.style-3 .shape.round-2,
.bg_img.hero-section-2 .shape.round-2 {
    width: 600px;
    height: 600px;
    /* background: #010684; */
    animation: lab_banner_round 2s infinite;
}

.banner-section.style-3 .shape.round-1,
.bg_img.hero-section-2 .shape.round-1 {
    width: 700px;
    height: 700px;
    /* background: #010684; */
    animation: lab_banner_round infinite;
}

.banner-section.style-3 .banner-area .content-part .section-header::after {
    display: none;
}

.banner-section.style-3 .banner-area .content-part .section-header h2 {
    margin: 0;
}

@media (max-width: 575px) {
    .banner-section.style-3 .banner-area .content-part .section-header h2 {
        font-size: 30px;
    }
}

.banner-section.style-3 .banner-area .content-part .section-header>span {
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 10px;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 1px;
}

@media (min-width: 576px) {
    .banner-section.style-3 .banner-area .content-part .section-header>span {
        font-size: 36px;
        margin: 0;
    }
}

.banner-section.style-3 .banner-area .content-part .section-header p {
    margin: 5px 0 40px;
    margin-top: 5px;
}

@media (min-width: 576px) {
    .banner-section.style-3 .banner-area .content-part .section-header p {
        margin: 15px 0 40px;
    }
}

.banner-section.style-3 .banner-area .section-wrapper {
    margin-top: 40px;
}

@media (min-width: 1200px) {
    .banner-section.style-3 .banner-area .section-wrapper {
        margin-top: 0;
    }
}

@media (min-width: 1600px) {
    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb {
        -webkit-transform: translateX(80px);
        -ms-transform: translateX(80px);
        transform: translateX(80px);
    }
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb::after {
    display: none;
}


.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 30px rgba(50, 36, 150, 0.3);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-1 {
    top: 50%;
    left: 45px;
    animation: lab_run_top_y 5s linear infinite;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
    top: 0px;
    left: 50%;
    animation: lab_run_x 5s linear infinite;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 1200px) {
    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
        top: -30px;
    }
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
    top: 0;
    right: 0px;
    animation: lab_zoomin 8s linear infinite;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
}

@media (min-width: 1200px) {
    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
        right: -100px;
    }
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-4 {
    top: 50%;
    right: 0px;
    animation: lab_run_top_y 5s linear infinite;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 1200px) {
    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-4 {
        right: -100px;
    }
}

.banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-5 {
    bottom: -70px;
    left: 50%;
    animation: lab_run_x 5s linear infinite;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.banner-section.style-4 {
    background: url(../../assets/images/banner/vpn/bg.jpg);
    background-position: center;
    background-size: cover;
}

.banner-section.style-4 .banner-area .content-part .section-header::after {
    display: none;
}

.banner-section.style-4 .banner-area .content-part .section-header h2 {
    margin: 0;
    color: #000000;
}

@media (max-width: 575px) {
    .banner-section.style-4 .banner-area .content-part .section-header h2 {
        font-size: 30px;
    }
}

.banner-section.style-4 .banner-area .content-part .section-header p {
    margin: 5px 0 30px;
    margin-top: 5px;
    color: #696969;
}

@media (max-width: 575px) {
    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape img {
        max-width: 65% !important;
    }

    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-5 {
        bottom: -8%;
        left: 44%;
    }

    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-1 {
        left: -2%;
    }

    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
        top: 17%;
    }

    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
        top: 18%;
        left: 18%;
    }

    .banner-section .banner-area .section-wrapper .banner-thumb {
        margin-right: 12%;
    }
}

@media (min-width: 576px) {
    .banner-section.style-4 .banner-area .content-part .section-header p {
        margin: 15px 0 30px;
    }
}

.banner-section.style-4 .banner-area .content-part .section-header .lab-btn {
    background: linear-gradient(to right, #23cc88, #8ecf35);
    box-shadow: 0 10px 10px rgba(38, 204, 133, 0.1);
}

.banner-section.style-4 .banner-area .content-part .section-header .lab-btn:hover {
    box-shadow: none;
}

@media (max-width: 1439px) {
    .banner-section.style-4 .banner-area .section-wrapper .banner-thumb img {
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape {
        display: none;
    }
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-1 {
    bottom: 50%;
    right: 0px;
    animation: lab_run_top_y 5s linear infinite;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

@media (min-width: 1440px) {
    .banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-1 {
        right: -80px;
    }
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
    top: 35px;
    left: 20%;
    animation: lab_run_x 5s linear infinite;
}

@media (min-width: 1440px) {
    .banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
        left: 35%;
    }
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
    animation: lab_zoomin 5s linear infinite;
    bottom: 110px;
    right: 20px;
}

@media (min-width: 1440px) {
    .banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
        bottom: 160px;
        right: -20px;
    }
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-4 {
    animation: lab_run_top_y 5s linear infinite;
    top: 40%;
    right: 130px;
}

.banner-section.style-4 .banner-area .section-wrapper .banner-thumb::after {
    display: none;
}

.banner-section.style-5 {
    background: #f9f2ff;
}

@media (min-width: 992px) {
    .banner-section.style-5 {
        padding: 265px 0 190px;
    }
}

.banner-section.style-5 .pos-banner-shape {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@media (max-width: 1199px) {

    .banner-section.style-5 .pos-banner-shape .pos-shape-1,
    .banner-section.style-5 .pos-banner-shape .pos-shape-2 {
        display: none;
    }
}

.banner-section.style-5 .pos-banner-shape .pos-shape-1 {
    left: -22%;
}

@media (min-width: 1440px) {
    .banner-section.style-5 .pos-banner-shape .pos-shape-1 {
        left: 0;
    }
}

.banner-section.style-5 .pos-banner-shape .pos-shape-2 {
    right: -22%;
}

@media (min-width: 1440px) {
    .banner-section.style-5 .pos-banner-shape .pos-shape-2 {
        right: 0;
    }
}

.banner-section.style-5 .banner-area .content-part .section-header::after {
    display: none;
}

.banner-section.style-5 .banner-area .content-part .section-header h2 {
    margin: 0;
    color: #000000;
}

@media (max-width: 575px) {
    .banner-section.style-5 .banner-area .content-part .section-header h2 {
        font-size: 30px;
    }
}

.banner-section.style-5 .banner-area .content-part .section-header p {
    margin: 5px 0 30px;
    margin-top: 10px;
    color: #696969;
}

@media (min-width: 576px) {
    .banner-section.style-5 .banner-area .content-part .section-header p {
        margin: 15px 0 30px;
    }
}

.banner-section.style-5 .banner-area .content-part .section-header .lab-btn {
    background: linear-gradient(to right, #ff5195, #ffb84b);
}

.banner-section.style-5 .banner-area .content-part .section-header .lab-btn:hover {
    box-shadow: none;
}

@media (max-width: 1439px) and (min-width: 1200px) {
    .banner-section.style-5 .banner-area .section-wrapper .banner-thumb {
        margin-right: -120px;
    }
}

@media (max-width: 1199px) {
    .banner-section.style-5 .banner-area .section-wrapper .banner-thumb .thumb-shape {
        display: none;
    }
}

.banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-1 {
    top: 23%;
    right: 35%;
    animation: lab_sideeffect 15s linear infinite;
}

@media (min-width: 1200px) {
    .banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-1 {
        right: -10%;
    }
}

.banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
    top: 0;
    right: -10%;
    animation: lab_zoomin 5s linear infinite;
}

@media (min-width: 1200px) {
    .banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
        right: -40%;
    }
}

.banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-3 {
    animation: lab_run_top_y 5s linear infinite;
    bottom: 0px;
    left: 25%;
}

@media (min-width: 1200px) {
    .banner-section.style-5 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-3 {
        left: 40%;
    }
}

.banner-section.style-5 .banner-area .section-wrapper .banner-thumb::after {
    display: none;
}

.banner-section.style-6 {
    background-image: linear-gradient(to top, #fffbfa, #fffcfc, #fffdfe, #fffeff, #ffffff);
}

@media (min-width: 992px) {
    .banner-section.style-6 {
        padding: 190px 0 110px;
    }
}

.banner-section.style-6 .banner-area .content-part .section-header::after {
    display: none;
}

.banner-section.style-6 .banner-area .content-part .section-header h2 {
    margin: 0;
    color: #000000;
}

@media (max-width: 575px) {
    .banner-section.style-6 .banner-area .content-part .section-header h2 {
        font-size: 30px;
    }
}

.banner-section.style-6 .banner-area .content-part .section-header p {
    margin: 5px 0 30px;
    margin-top: 10px;
    color: #696969;
}

@media (min-width: 576px) {
    .banner-section.style-6 .banner-area .content-part .section-header p {
        margin: 15px 0 30px;
    }
}

.banner-section.style-6 .banner-area .content-part .section-header .lab-btn {
    background: linear-gradient(to right, #ffab8b, #fd4372);
    box-shadow: 0 10px 10px rgba(248, 118, 158, 0.1);
}

.banner-section.style-6 .banner-area .content-part .section-header .lab-btn:hover {
    box-shadow: none;
}

@media (max-width: 1439px) and (min-width: 1200px) {
    .banner-section.style-6 .banner-area .section-wrapper .banner-thumb {
        margin-right: -120px;
    }
}

@media (max-width: 767px) {
    .banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape {
        display: none;
    }

    footer.footer-section img {
        bottom: 0;
        height: auto !important;
    }

    .poly {
        display: none;
    }

    .mob-center {
        display: flex;
        justify-content: center;
        /* margin-top: 29px; */
    }
}

.banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-1 {
    top: 25%;
    left: 20%;
    animation: lab_zoomin 3s linear infinite;
}

.banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
    bottom: 45%;
    right: 0%;
    animation: lab_run_top_y 5s linear infinite;
}

@media (min-width: 1200px) {
    .banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
        right: -20%;
    }
}

.banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-3 {
    animation: lab_zoomin 5s linear infinite;
    bottom: 65%;
    left: 55%;
}

.banner-section.style-6 .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-4 {
    top: 65%;
    left: 0;
    animation: lab_run_top_y 5s linear infinite;
}

.banner-section.style-6 .banner-area .section-wrapper .banner-thumb::after {
    display: none;
}

.banner-section.style-6.shopapp {
    background: #f4f9ff;
}

@media (min-width: 992px) {
    .banner-section.style-6.shopapp {
        padding: 170px 0 90px;
    }
}

.banner-section.style-6.shopapp .banner-area .content-part .section-header .lab-btn {
    background: linear-gradient(to right, #fd2c8b, #996bfb);
    box-shadow: none;
}

.banner-section.style-6.shopapp .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-1 {
    top: 80%;
    left: 20%;
    animation: lab_round1 15s linear infinite;
}

.banner-section.style-6.shopapp .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
    bottom: 65%;
    right: auto;
    left: 10%;
    animation: lab_zoomin 5s linear infinite;
}

@media (min-width: 1200px) {
    .banner-section.style-6.shopapp .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-2 {
        right: auto;
    }
}

.banner-section.style-6.shopapp .banner-area .section-wrapper .banner-thumb .th-shape.th-shape-3 {
    bottom: 10%;
    left: 45%;
    animation: lab_run_top_y 5s linear infinite;
}

.banner-section.style-6.crypto .round-one {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0px;
}

.banner-section.style-6.crypto .round-one img {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

.banner-section.style-6.crypto .banner-area .content-part .section-header h2,
.banner-section.style-6.crypto .banner-area .content-part .section-header p {
    color: #fff;
}

.banner-section.style-6.crypto .banner-area .content-part .section-header form {
    justify-content: space-between;
}

.banner-section.style-6.crypto .banner-area .content-part .section-header p>a {
    color: #f37399;
}

.banner-section.style-6.crypto .banner-area .content-part .section-header form input {
    width: calc(100% - 155px);
    height: 56px;
}

.banner-section.style-6.crypto .banner-area .content-part .section-header form button.lab-btn {
    border: none;
    width: 150px;
    height: 56px;
    outline: none;
    cursor: pointer;
    box-shadow: 0 10px 10px rgba(253, 119, 180, 0.2);
    background: linear-gradient(to right, #fd77b4, #ffbae7);
}

.banner-section.style-6.crypto .banner-area .content-part .section-header form button.lab-btn span {
    display: inline-block;
}

.banner-section.style-6.crypto .banner-area .section-wrapper .banner-thumb img {
    animation: lab_round_glob 20s linear infinite;
}

.banner-section.style-6.crypto .banner-area .bfl-content {
    transform: translateY(110px);
}

@media (max-width: 1199px) and (min-width: 992px) {
    .banner-section.style-6.crypto .banner-area .bfl-content {
        transform: translateY(0px);
    }
}

@media (max-width: 991px) {
    .banner-section.style-6.crypto .banner-area .bfl-content {
        transform: translateY(50px);
        text-align: center;
    }
}

.banner-section.style-6.crypto .banner-area .bfl-content h4 {
    color: #fff;
}

.banner-section.style-6.crypto .banner-area .bfr-contents {
    transform: translateY(110px);
    justify-content: space-around;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .banner-section.style-6.crypto .banner-area .bfr-contents {
        transform: translateY(0px);
    }
}

@media (max-width: 991px) {

    .mob-order-1 {
        order: 1;
    }
    .banner-section.style-6.crypto .banner-area .bfr-contents {
        transform: translateY(50px);
    }
}

@media (max-width: 991px) and (min-width: 767px){
    .hover-tab-area .tab-area {
        width: 540px;
        margin-bottom: 50px;
    }
}
.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item:nth-child(2) .bfr-inner .bfr-content p.bfr-range {
    color: #00bf8d;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item:nth-child(3) .bfr-inner .bfr-content p.bfr-range {
    color: #ffef3b;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item:nth-child(4) .bfr-inner .bfr-content p.bfr-range {
    color: #ff8bd5;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner {
    padding: 15px;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner {
        padding: 20px;
    }
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner .bfr-content p {
    color: #fff;
    margin-bottom: 0;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner .bfr-content p.bfr-name {
    margin-bottom: 10px;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner .bfr-content p.bfr-rate {
    font-size: 18px;
}

.banner-section.style-6.crypto .banner-area .bfr-contents .bfr-item .bfr-inner .bfr-content p.bfr-range {
    color: #f37399;
    font-size: 18px;
}

.banner-section.seo-banner {
    background-image: linear-gradient(to right bottom, #1a00ff, #2010d8, #2416b2, #25188d, #231769);
}



@media (max-width: 767px) {
    .banner-section.seo-banner .section-wrapper .banner-thumb .thumb-shape {
        display: none;
    }

    .about-left {
        /* padding-left: 0px !important; */
    }

    .banner-section {
        padding: 30px 15px;
    }

    .padding-bottom {
        padding-bottom: 45px;
    }

    .padding-top {
        padding-top: 45px;
    }

    .fa-bars:before {
        content: "\f0c9";
        color: #fe6a00;
    }

    .mt .red-btn {
        margin-right: 15px;
    }

    .Payment-link-5 {

        border-radius: 0px !important;
    }

    section.Payment-link-5 p {
        margin-bottom: 20px !important;
    }

    .Payment-link-6 {
        border-radius: 0px !important;
    }

    section.Payment-link-6 p {
        margin-bottom: 20px !important;
    }


}

.mt {
    display: flex;
}

.banner-section.seo-banner .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-1 {
    bottom: 0%;
    right: 0px;
    animation: lab_zoomin 3s linear infinite;
}

.banner-section.seo-banner .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-2 {
    bottom: 150px;
    left: 20%;
    animation: lab_run_top_y 5s linear infinite;
}

.banner-section.seo-banner .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
    animation: lab_zoomin 5s linear infinite;
    bottom: 75px;
    right: 200px;
}

.footer-menu h4 {
    color: #ffffff;
    padding: 40px 0px 0px;
}

.footer-menu li a {
    color: #e4e4e4;
    font-size: 16px;
}

.mission--thumb img {
    max-width: 630px;
}


@media (max-width: 1380px) and (min-width: 1200px) {
    .banner-section .banner-area .section-wrapper .banner-thumb img {
        max-width: 550px;
    }

    .banner-section.style-3 .shape.round-5,
    .bg_img.hero-section-2 .shape.round-5 {
        width: 250px;
        height: 250px;
        /* background: #010684; */
        animation: lab_banner_round 1s infinite;
    }

    .banner-section.style-3 .shape.round-4,
    .bg_img.hero-section-2 .shape.round-4 {
        width: 350px;
        height: 350px;
        /* background: #010684; */
        animation: lab_banner_round 2s infinite;
    }

    .banner-section.style-3 .shape.round-3,
    .bg_img.hero-section-2 .shape.round-3 {
        width: 450px;
        height: 450px;
        /* background: #010684; */
        animation: lab_banner_round 3s infinite;
    }

    .banner-section.style-3 .shape.round-2,
    .bg_img.hero-section-2 .shape.round-2 {
        width: 550px;
        height: 550px;
        /* background: #010684; */
        animation: lab_banner_round 4s infinite;
    }

    .banner-section.style-3 .shape.round-1,
    .bg_img.hero-section-2 .shape.round-1 {
        width: 650px;
        height: 650px;
        /* background: #010684; */
        animation: lab_banner_round 5s infinite;
    }

    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-4 {
        right: -50px;
    }

    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-3 {
        right: -35px;
    }

    .banner-section.style-3 {
        padding: 0px 0 0px !important;
    }

    .mission--thumb img {
        max-width: 600px;
    }
}

@media (max-width: 1250px) {
    .banner-section .banner-area .section-wrapper .banner-thumb img {
        max-width: 480px;
    }

    .banner-section.style-3 .banner-area .section-wrapper .banner-thumb .thumb-shape .th-shape.th-shape-4 {
        right: -25px;
    }
}

.wavemenu li a {
    font-family: "Mulish", sans-serif;
    font-size: 14px;

}
/* changes by satyendra here was scale(1) */
.animation2:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}

.animation2:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #e84351;
    transform-origin: bottom right;
    transition: transform 0.5s ease-out;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
}

.animation3:hover:after {
    transform: scaleX(1);
    /*transform-origin: bottom left;
    */transform-origin: center;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}

.animation3:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -5px;
    left: 0px;
    background-color: #e84351;
    transform-origin: bottom right;
    transition: transform 0.4s ease-out;
    -webkit-transition: transform 0.4s ease-out;
    -moz-transition: transform 0.4s ease-out;
    -ms-transition: transform 0.4s ease-out;
    -o-transition: transform 0.4s ease-out;
}

.animation3 {
    position: relative;
    display: inline-block;
}

.footer-menu li a:hover {
    color: #ffffff;
}

.wavemenu a:hover {
    color: #e84351;
    background-position: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 12px 0px !important;
}

.list-group-flush>.list-group-item {
    border-width: 0 0 0px !important;
    font-weight: 600;
    background-image: linear-gradient( to right, #e84351, #e84351 50%, #010684 50% );
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.5s ease-in-out;
}

.Payment-2 {
    padding: 15px 0px 10px;
}

hr.red {
    color: #fe6a00;
    height: 2px !important;
    width: 38%;
    opacity: 1;
}

p.payment-para-bottom {
    padding-bottom: 25px;
}

h4.space4 {
    padding-top: 30px;
}

section.Payment-3 {
    padding: 60px 0px 30px;
    background: #0021c4;
    color: #fff;
}

.dashboard img {
    width: 800px;
}

.animation-run {
    animation: animated 3s linear infinite;
}


@keyframes animated {
    0% {
        filter: hue-rotate(0deg);

    }

    100% {
        filter: hue-rotate(360deg);
    }
}


section.Payment-4 {
    padding: 90px 0px 50px;
}

a.view-payment {
    float: right;
    font-size: 18px;
}

.icon-box-img {
    display: inline-block;
    text-align: center;
}

.payment-box1 {
    -webkit-box-flex: 1.25;
    -webkit-flex-grow: 1.25;
    -ms-flex-positive: 1.25;
    flex-grow: 1.25;

    padding: 30px 40px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    position: relative;
    top: -25px;

    left: 18px;
}

.icon-box-img img {
    width: 104px;
}

.icon-box-img.space-pt {
    padding-top: 34px;
}

section.Payment-5 {
    padding: 100px 0px;
}

.Payment-link-3 {
    padding: 60px 0px 80px;
    background: #f0f8ff;
}

.space-both {
    height: 60px;
}

h3.link-heading {
    text-align: center;
    padding-bottom: 45px;
}

.Payment-link-3 h5 {
    padding-top: 20px;
}

section.Payment-link-4 {
    padding: 20px 0px 10px;
    text-align: center;
}

.feature-item.payment-box {
    border: none;
    border: 1px solid #2e4cea;
}

.Payment-link-5 {
    padding: 80px 0px 100px;
    background: #2e4cea;
    color: #ffffff;
    border-radius: 334px 00px 500px 00px;
}

.Payment-link-5 h5 {
    padding-top: 20px;
    color: #fff;
}

.Payment-link-5 h3 {
    color: #ffffff;
}

.Payment-link-6 {
    padding: 80px 0px 100px;
    background: -webkit-linear-gradient(-103deg, #f93154 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    color: #ffffff;
    border-radius: 0px 334px 0px 334px;
}

.Payment-link-6 h3 {
    color: #ffffff;
}

.Payment-link-6 h5 {
    padding-top: 20px;
    color: #fff;
}

img.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

.section-header.instant h3 {
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 30px;
}

section.instant-sett.feature-section {
    background: #ff3357;
}

/*----------- Payment gateway page css -------------*/
.pg_nano img {
    position: absolute;
}

@media screen and (max-width:525px) {
    .pg-top {
        max-width: 85%;
    }

    .pg_nano img {
        max-width: 150px !important;
    }

    .pg_nano .pg-shape-1 {
        left: 7%;
    }

    .poly {
        margin-top: -30px !important;
    }

}

.pg_nano .pg-shape-1 {
    top: 0;
    max-width: 200px;
    animation: lab_run_x 5s linear infinite;
}

.pg_nano .pg-shape-2 {
    right: 45%;
    bottom: -25px;
    animation: lab_run_top_y 5s linear infinite;
}

.pg_nano .pg-shape-3 {
    top: 0;
    right: 0;
    animation: lab_zoomin 8s linear infinite;
}

.pay-btn {
    max-width: 190px;
    bottom: 32px;
    left: 50px;
    animation: lab_run_x 5s linear infinite;
}

.waves-images img {
    position: absolute;
    max-width: 150px;
}

.waves-images .paytm {
    left: 10px;
    top: 15%;
    animation: lab_run_top_y 5s linear infinite;
}

.waves-images .upi {
    top: 30%;
    left: 35px;
    animation: lab_run_x 5s linear infinite;
}

.waves-images .visa {
    right: 10px;
    top: 15%;
    animation: lab_run_top_y 5s linear infinite;
}

.waves-images .rupay {
    right: -15px;
    top: 30%;
    animation: lab_run_x 5s linear infinite;
}

.Payment-2 .why-item .why-inner {
    border-radius: 15px;
}

.Payment-3 .why-item .why-inner .why-content {
    width: 100%;
}

.Payment-4 .how-item {
    text-align: start;
    border-radius: 5px;
    background-color: #ffffff;
    min-height: 252px;
    box-shadow: 0px 3px 5px 0px rgba(23, 2, 121, 0.3);
}

.Payment-4 .how-item .how-content .title {
    text-transform: capitalize;
    margin-bottom: 12px;
}

.Payment-4 .how-item:hover {
    background: transparent;
    transform: scale(1.05);
}

.Payment-4 .how-item:hover .how-content .title {
    color: inherit;
}

.Payment-4 .how-item .how-content p {
    font-size: 16px;
}


.get-section {
    background: #0021c4;
    background-color: #949fd6cf;
    color: #fff;
}

@media screen and (max-width:425px) {
    .pg_nano img {
        max-width: 120px !important;
    }

    .section-header h2.title {
        font-size: 22px !important;
    }

    .pay-btn {
        max-width: 150px;
        bottom: 7px;
        left: 35px;
    }
}


/*---------------- Payout page csss  -----------*/


.pay_nano img {
    position: absolute;
    max-width: 135px;
    animation: lab_run_top_y 5s linear infinite;
}

.pay-shape-1 {
    top: 42%;
    left: 19%;
}

.pay-shape-2 {
    /* top: 57%;
    left: 67%; */
    top: 40%;
    left: 69%;
    animation-duration: 7s !important;
}

.pay-shape-3 {
    /* top: 33%;
    right: 9.3%; */
    top: 18%;
    right: 24%;
    animation-duration: 6s !important;
}

.pay-shape-4 {
    top: 64%;
    right: 40%;
    animation-duration: 4s !important;
}
.pay-shape-5 {
    top: 70%;
    right: 65%;
    animation-duration: 4s !important;
}

.Payment-2.payout .faq-item .faq-title::before {
    background: url(../images/dashboard/earn/instant-beneficiary-additions.png) no-repeat center center;
    background-size: contain;
}

.Payment-2.payout .faq-item:nth-child(2) .faq-title::before {
    background: url(../images/dashboard/earn/add-multiple-payout-source.png) no-repeat center center;
    background-size: contain;
}

.Payment-2.payout .faq-item:nth-child(3) .faq-title::before {
    background: url(../images/dashboard/earn/bulk-payout.png) no-repeat center center;
    background-size: contain;
}






.payout_icon {
    position: absolute;
    left: 25%;
    max-width: 125px;
    animation: lab_run_x 5s linear infinite;
}

.why-payout .faq-title,
.invoice .faq-title {
    width: 100%;
    border: none;
    padding-bottom: 0;
}

.why-payout .faq-title .title,
.invoice .faq-title .title {
    margin-bottom: 10px;
}

.why-payout .faq-content,
.invoice .faq-content {
    position: relative;
    width: 100%;
}

.why-payout .faq-item:hover {
    background: #d3d5ff;
    transition: all ease 0.3s;
}

.why-payout .faq-item,
.invoice .faq-item {
    border: 1px solid #9598ed;
    margin-bottom: 25px;
    padding: 15px;
    border-radius: 10px;
}

/*.why-payout .faq-item:hover .faq-content {*/
/*    display: block;*/
/*    transition: all ease 0.3s;*/
/*}*/

.payments .investor-item img {
    max-width: 100px;
}

.shake_img img {
    position: absolute;
    max-width: 120px;
}

.shake_img .done {
    top: 44%;
    left: 10%;
    animation: done_run 5s linear infinite;
    animation-delay: 4s;
    visibility: hidden;
    opacity: 0;
}

.shake_img .receved {
    top: 4%;
    right: 10%;
    animation: recieve 5s linear infinite;
    animation-delay: 6s;
    visibility: hidden;
    opacity: 0;
}

.shake_img .csv {
    top: 50%;
    right: 40%;
    animation: csv 3s linear !important;
    opacity: 0;
}

.no-code .code {
    top: -22%;
    max-width: 380px;
    left: -10%;
    animation: lab_run_x 5s linear infinite;
}

.no-code .msg {
    top: 45%;
    left: 10%;
    animation: done_run 5s linear infinite;
}

.no-code .watch {
    top: -6%;
    right: 8%;
    animation: recieve 4s linear infinite;
}

.Bulk-Payment,
.quick-transfer,
.Payment-link-4 {
    background: #010684;
    color: #fff;
}

.feature-section,
.page.feature-section {
    background: #e3e4ff;
}

.feature-section .how-item {
    min-height: 305px;
}

.feature-section .how-item:hover {
    background: #fff;
}

@media only screen and (max-width:991px) and (min-width:768px) {

    .pay_nano img {
        max-width: 145px;
    }

    .no-code .code {
        top: -8%;
        max-width: 320px;
    }

    .mt .red-btn {
        margin-right: 15px;
    }
}

@media screen and (max-width:767px) {

    .mob-pt-2 {
        padding-top: 30px;
    }

    section.Payment-2.payout h2 {
        text-align: center;
    }

    section.gate-space.payout {
        padding: 0px !important;
    }

    .pay_nano img {
        max-width: 110px;
    }

    .pay-shape-1 {
        top: 50%;
        left: 19%;
    }

    .pay-shape-2 {
        top: 72%;
        left: 39%;
    }

    .pay-shape-3 {
        top: 48%;
        right: 10%;
    }

    .pay-shape-4 {
        top: 26%;
        right: 23%;
    }

    .no-code .code {
        top: -11%;
        max-width: 280px;
        left: 5%;
    }
}

@media screen and (max-width:425px) {
    .pay_nano img {
        max-width: 90px;
    }

    .no-code .code {
        max-width: 220px;
    }

    .shake_img img {
        max-width: 100px;
    }

    .payout_icon {
        max-width: 100px;
    }
}

/* -------------Payment link css -------------- */


.pay-shape-1.link {
    left: 28%;
    top: 32%;
}

.pay-shape-2.link {
    top: 28%;
    left: 56%;
}

.round img {
    position: absolute;
    z-index: -1;
    max-width: 500px;
    animation: lab_zoominout 5s linear infinite;
}

.round .round1 {
    top: 4%;
    right: 10%;
}

.round .round2 {
    bottom: 0%;
    left: 4%;
}

.link-content {
    margin-top: -35%;
    padding: 5px 15px;
}

.link-nano img {
    position: absolute;
    max-width: 192px;
    animation: lab_run_top_y 5s linear infinite;
    ;
}

.rectangle1 {
    top: 37%;
    right: 3%;
}

.rectangle2 {
    top: 27%;
    left: -6%;
}

.Payment-link-3 .why-item .why-inner .why-content {
    width: auto;
}

/* .Payment-2.link .faq-item .faq-title::before {
    background: url(../images/dashboard/earn/06.png) no-repeat center center;
    background-size: contain;
} */
.why-payout .faq-item .faq-title-1::before {
    background: url(../images/dashboard/earn/link-generation.png) no-repeat center center;
    background-size: contain;
}

.why-payout .faq-item .faq-title-2::before {
    background: url(../images/dashboard/earn/customization-payment-link.png) no-repeat center center;
    background-size: contain;
}

.why-payout .faq-item .faq-title-3::before {
    background: url(../images/dashboard/earn/payment-options.png) no-repeat center center;
    background-size: contain;
}

.why-payout .faq-item .faq-title-4::before {
    background: url(../images/dashboard/earn/encryption-security.png) no-repeat center center;
    background-size: contain;
}

.channel {
    margin: 10px;
    border: 1px solid #bccaea;
    padding: 20px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    align-items: center;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.channel p {
    text-align: center;
}

.channel:hover {
    border-color: transparent;
    box-shadow: 0px 5px 15px 0px rgba(23, 2, 121, 0.3);
}


@media only screen and (max-width:991px) and (min-width:768px) {

    .rectangle1 {
        top: 45%;
        right: 6%;
    }

    .rectangle2 {
        top: 37%;
        left: 7%;
    }
}

@media screen and (max-width:768px) {

    .rectangle1 {
        top: 40%;
        right: 2%;
    }

    .rectangle2 {
        top: 29%;
        left: 0%;
    }
}

@media screen and (max-width:575px) {
    .pay-shape-1.link {
        left: 28%;
        top: 30%;
    }

    .pay-shape-2.link {
        top: 27%;
        left: 56%;
    }

    .link-content {
        margin-top: 0;
        padding: 10px 15px;
    }

    .mob-mb-2 {
        margin-bottom: 20px;
    }

    .why-item .why-inner .why-content {
        padding-left: 10px;
        
    }

    .link-nano img {
        max-width: 168px;
    }

    .rectangle1 {
        top: 42%;
        right: 3%;
    }

    .rectangle2 {
        top: 34%;
        left: 0%;
    }
}

@media screen and (max-width:425px) {
    .link-nano img {
        max-width: 125px;
    }
}


/* ---------------------- Payment Page css ------------- */

.pay-shape-1.card-fade {
    max-width: 270px;
    left: 4%;
    top: 25%;
    animation: lab_run_top_y 3s linear infinite;
    ;
}

.pay-shape-2.card-fade {
    max-width: 270px;
    left: 64%;
    top: 25%;
    animation: lab_run_top_y 5s linear infinite;
    ;
}

.Payment-2.page {
    background: url("../images/page/background .jpg");
    background-size: cover;
}

.page .mobile-pt .mobile {
    z-index: 1;
    position: relative;
    max-width: 80%;
}

.page .round img {
    z-index: 0;
}

.page .round .round1 {
    max-width: 330px;
    top: 5%;
    right: 29%;
}

.page .round .round2 {
    max-width: 325px;
    left: 27%;
    bottom: -10%;
}

.benefits img {
    position: absolute;
    max-width: 460px;
}

.benefits .benefits1 {
    top: -25%;
    left: 2%;
    animation: lab_run_x 5s linear infinite;
}

.benefits .benefits2 {
    top: 8%;
    left: 6%;
    animation: lab_run_x 8s linear infinite;
}

.benefits .benefits3 {
    bottom: -22%;
    right: 3%;
    animation: lab_run_x 3s linear infinite;
}

.page.get-section {
    background: transparent;
    color: inherit;
}


.hover-tab-menu .tab-menu li:nth-child(4) .menu-thumb:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    background: #fff;
    width: 50px;
    height: 50px;
    z-index: -1;
}

.page.get-section .hover-tab-menu .tab-menu li:nth-child(3) .menu-thumb:after {
    background: transparent;
}

.page.get-section .hover-tab-menu .tab-menu li:nth-child(1) .menu-thumb:after {
    background: #fff;
    bottom: 60%;
}

.page.get-section .hover-tab-area .tab-area .tab-item img {
    max-width: 100%;
    max-height: 100%;
    width: 390px;
    height: 365px;
}

.page.get-section .hover-tab-area .tab-area::after,
.page.get-section .hover-tab-area .tab-area::before {
    background-color: rgb(255 255 255 / 22%);
    animation: lab_banner_round 2s infinite;
}

.page.get-section .hover-tab-area .tab-area {
    background-color: rgb(255 255 255 / 22%);
}

.page.get-section .hover-tab-menu .tab-menu li {
    margin-bottom: 90px;
}

.page.get-section .hover-tab-menu .tab-menu li:nth-child(3) {
    transform: translateX(85px);
}

.page.get-section .hover-tab-menu .tab-menu li .menu-content {
    padding-left: 10px;
}

.Payment-4.page {
    background: #0021c4;
    color: #fff;
}

.Payment-4.page .pay_nano img {
    max-width: 185px;
}

.Payment-4.page .pay_nano .pay-shape-1 {
    top: 58%;
    left: 30%;
}

.Payment-4.page .pay_nano .pay-shape-2 {
    left: 47.5%;
    top: 47%;
}

.Payment-4.page .pay_nano .pay-shape-3 {
    top: 36.5%;
    right: 2.5%;
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .page.get-section .hover-tab-menu .tab-menu li:nth-child(3) {
        transform: translateX(0px);
    }

    .benefits img {
        max-width: 340px;
    }

    .page .round .round1 {
        max-width: 230px;
    }

    .page .round .round2 {
        max-width: 270px;
    }

    section.Payment-4.page {
        padding: 90px 0px 0px !important;
    }

    .Payment-4.page .pay_nano img {
        max-width: 235px;
    }
}

@media screen and (max-width:575px) {
    .pay-shape-1.card-fade {
        max-width: 210px;
    }

    .pay-shape-2.card-fade {
        max-width: 210px;
        left: 62%;
    }

    .page.get-section .hover-tab-menu .tab-menu li {
        margin-bottom: 15px;
        align-items: baseline;
        justify-content: center;
    }

    .benefits img {
        max-width: 210px;
    }

    .page .round .round1 {
        max-width: 176px;
        top: 32%;
        right: 43%;
    }

    .page .round .round2 {
        max-width: 200px;
        left: 40%;
        bottom: 20%;
    }

    .page .mobile-pt .mobile {
        max-width: 100%;
    }

    .Payment-2.page {
        padding: 50px 0px 10px;
    }

    .benefits .benefits3 {
        right: -5%;
    }

    .Payment-4.page .pay_nano img {
        max-width: 155px;
    }

    .Payment-4.page .pay_nano .pay-shape-1 {
        top: 54%;
        left: 31%;
    }

    .Payment-4.page .pay_nano .pay-shape-2 {
        left: 49%;
        top: 45%;
    }

    .Payment-4.page .pay_nano .pay-shape-3 {
        top: 35%;
        right: 4%;
    }

    .Payment-4.page h4 {
        text-align: center;
    }

    section.Payment-4.page p {
        text-align: center;
    }
}

@media screen and (max-width:425px) {
    .pay-shape-1.card-fade {
        max-width: 175px;
    }

    .pay-shape-2.card-fade {
        max-width: 165px;
    }

    .Payment-4.page .pay_nano .pay-shape-3 {
        top: 33%;
        right: 4%;
    }

    .Payment-4.page .pay_nano .pay-shape-2 {
        left: 48%;
        top: 42.2%;
    }

    .Payment-4.page .pay_nano .pay-shape-1 {
        top: 51.5%;
        left: 30.5%;
    }

    .benefits img {
        max-width: 152px;
    }

    .page .round .round1 {
        top: 14%;
        right: 40%;
    }
}


/* ---------------------- Payment Button css ------------- */

.button .pay-shape-1 {
    left: -5%;
    top: 48%;
}

.button .pay-shape-2 {
    left: 60%;
    top: 8%;
}

.button .pay-shape-3 {
    left: 18%;
    top: 4%;
    max-width: 220px;
}

.Payment-2.button .how-item {
    min-height: 308px;
    color:#000;
}

.Payment-2.button .how-item:hover {
    color: #fff;
    transform: scale(1.05);
}

.button.feature-section .how-item {
    min-height: 340px;
}

.button.feature-section .how-item:hover {
    transform: scale(1.05);
}

.button.feature-section .how-content img {
    padding: 0px 10px 10px;
}

.shake_img .coding {
    top: 10%;
    left: -10%;
    max-width: 300px;
    animation: coding 3s linear !important;
    opacity: 0;
}

.shake_img .data-graph {
    max-width: 250px;
    left: 58%;
    bottom: -3%;
}

.shake_img .buy {
    bottom: 4%;
    max-width: 290px;
    left: 26%;
    animation: zoomInPay 7s;
}

.Payment-3.button .pay_nano img {
    max-width: 250px;
}

.Payment-3.button .graph {
    top: 48%;
    left: -2%;
    animation: lab_run_top_y 8s linear infinite;
}

.Payment-3.button .code {
    top: 0;
    left: -6%;
    animation: lab_run_top_y 5s linear infinite;
}
@media (max-width: 767.98px) {
  .Payment-3.button .code {
    top: -20% !important;
  }
}

@media (min-width: 768px) {
  .Payment-3.button .code {
    top: 0 !important;
  }
}

.Payment-3.button .lock {
    top: 50%;
    left: 56%;
    animation: lab_run_top_y 4s linear infinite;
}
.Payment-3.button .mob {
  left: -6%;
  top: 0;
  animation: lab_run_top_y 7s linear infinite;
}

@media (max-width: 767.98px) {
  .Payment-3.button .mob {
    top: -84px !important;
  }
}

@media (min-width: 768px) {
  .Payment-3.button .mob {
    top: 0 !important;
  }
}

.buy-content {
    position: absolute;
    right: -10%;
    top: 18%;
    max-width: 65%;
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .shake_img .buy {
        max-width: 350px;
    }

    .Payment-3.button .pay_nano img {
        max-width: 320px;
    }

    .padding-top {
        padding-top: 45px;
    }
}

@media screen and (max-width:575px) {
    .button .pay-shape-3 {
        max-width: 175px;
    }

    .button .pay-shape-1 {
        left: 5%;
    }

    .shake_img .coding {
        max-width: 230px;
    }

    .payments .investor-item img {
        border: 1px solid #010684a6;
        padding: 10px;
        border-radius: 5px;
    }

    section.gate-space {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}

@media screen and (max-width:425px) {

    .button .pay-shape-3,
    .pay-shape-2.card-fade {
        max-width: 140px;
    }

    .button .pay-shape-1 {
        left: 11%;
        max-width: 140px;
    }

    .shake_img .buy {
        bottom: -4%;
        max-width: 270px;
        left: 18%;
    }

    .Payment-3.button .pay_nano img {
        max-width: 190px;
    }

}


/* ---------------Qr code css----------------- */

.qr.pay_nano img {
    max-width: 180px;
}

.qr.pay_nano .pay-shape-1 {
    top: 65%;
    animation: lab_run_top_y 7s linear infinite;
    left: 12%;
}

.qr.pay_nano .pay-shape-2 {
    top: 8%;
    left: 60%;
}

.qr.pay_nano .pay-shape-3 {
    top: 8%;
    left: 16%;
    animation: lab_run_x 5s linear infinite;
}

.qr.pay_nano .qr-shape-4 {
    bottom: 0;
    left: 37%;
    animation: zoomIn 2s linear infinite;
}

.qr.pay_nano .qr-shape-5 {
    top: 40%;
    animation: lab_run_x 7s linear infinite;
}

.qr.pay_nano .qr-shape-6 {
    right: 8%;
    top: 44%;
    animation: lab_run_x 5s linear infinite;
}

.qr-shape-7 {
    right: 2%;
    bottom: -6%;
}

.qr-step h6 {
    color: #fff;
    margin-bottom: 0;
}

.qr-step p {
    font-size: 16px;
}

.qr-step {
    position: relative;
    padding: 0 0 30px 40px;
    border-left: 2px dashed;
    margin-left: 20px;
}

.qr-step:last-child {
    border-left: 2px solid #010684;
}

.Payment-link-4.qr {
    text-align: left;
}

.qr-step .qr-step1:after {
    content: '';
    width: 25px;
    height: 25px;
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #ff9595;
    left: -14px;
    top: 0px;
    z-index: 0;
}

.qr-step:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #f69321;
    position: absolute;
    border: 2px solid #d8dae0;
    top: 5px;
    left: -9px;
    z-index: 1;
    border-radius: 50%;
}

.shake_img .data-graph.qr-code {
    bottom: 38%;
    left: 31%;
    max-width: 202px;
    animation: pulse 3s linear;
    animation-delay: 1s;
}


.shake_img .dot1 {
    top: 40%;
    left: 25%;
    max-width: 20px;
    animation: coding 2s linear;
    opacity: 0;
}

.shake_img .dot {
    bottom: 60%;
    right: 12%;
    max-width: 20px;
    animation: fadeInUp 3s linear;
    animation-delay: 2s;
    opacity: 0;
    z-index: 3;
}

.shake_img .qr-code.generate {
    bottom: 13%;
    max-width: 140px;
    left: 15%;
    ;
    animation-delay: 3s;
}

.shake_img .qr-dwn {
    bottom: 8%;
    max-width: 200px;
    left: -18px;
    animation: recieve 5s linear infinite;
    animation-delay: 5s;
    visibility: hidden;
    opacity: 0;
}

.shake_img .cust {
    top: 10%;
    left: 72%;
    animation: done_run 10s linear infinite;
    animation-delay: 2s;
    visibility: hidden;
    opacity: 0;
}

.shake_img .cust img.form {
    max-width: 210px;
    position: relative;
}

.qr.page.get-section .hover-tab-menu::before,
.qr.page.get-section .hover-tab-menu::after {
    display: none;
}

.qr.page.get-section .hover-tab-menu .tab-menu li:nth-child(2),
.qr.page.get-section .hover-tab-menu .tab-menu li:nth-child(3) {
    transform: translateX(0);
}

.qr.page.get-section .hover-tab-menu .tab-menu li {
    margin-bottom: 60px;
}

.qr.page.get-section .hover-tab-menu .tab-menu li {
    box-shadow: 8px 8px 17px rgba(11, 32, 73, 0.2);
    backdrop-filter: blur(12px);
    border-radius: 20px;
    line-height: 54px;
    color: #0c2266;
    padding: 12px 10px;
}

.qr.page.get-section .hover-tab-menu .tab-menu li.active {
    background: linear-gradient(168.53deg, rgb(1 6 132) 0%, rgb(1 6 132) 97.46%, rgb(1 6 132) 97.46%);
}

.qr.page.get-section .hover-tab-menu .tab-menu li.active .menu-content h5 {
    /* font-size: 28px; */
    font-weight: 700;
    color: #e3e3e3;
}

.qr.page.get-section .tab-item.third .mob-scan {
    max-width: 80%;
}

.feature-section.qr .feature-item .feature-content .title {
    text-transform: capitalize;
}

.feature-section.qr .feature-item .feature-thumb {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: none;
}

.feature-section.qr .feature-item:hover {
    transform: translateY(-8px);
    transition: ease-in-out .2s;
}

.feature-section.qr .feature-item .feature-thumb img {
    max-width: 100%;
    max-height: 100%;
}

.qr .hover-tab-area .tab-area {
    position: inherit;
}

.qr.page.get-section .hover-tab-area .tab-area .quick-qr {
    max-width: 400px;
    left: 32%;
}

.qr.page.get-section .hover-tab-area .tab-area .tab-qr {
    max-width: 400px;
    left: 33%;
    top: 40%;
}

.qr.page.get-section .hover-tab-area .tab-area .tab-qr-2 {
    bottom: 0%;
    position: absolute;
    right: 0%;
    max-width: 468px;
}

@media (max-width: 575px) {
    .qr.page.get-section .hover-tab-menu .tab-menu li.active .menu-content h5 {
        font-size: inherit;
    }

    .qr.page.get-section .hover-tab-menu .tab-menu li {
        margin-bottom: 15px;
    }

    .qr.page.get-section .hover-tab-menu .tab-menu li .menu-content .title {
        margin: 8px 0;
    }

    .shake_img .qr-code.generate {
        bottom: 13%;
        max-width: 110px;
        left: 10%;
    }

    .feature-item.payment-box {
        padding: 10px 20px;
    }

    .feature-item.payment-box {
        margin-bottom: 25px;
    }
}

@media screen and (max-width:425px) {
    .qr.pay_nano img {
        max-width: 120px;
    }

    .qr.pay_nano .qr-shape-6 {
        right: 4%;
    }

    .qr.page.get-section .hover-tab-area .tab-area .quick-qr {
        max-width: 310px;
    }

    .qr.page.get-section .hover-tab-area .tab-area .tab-qr {
        max-width: 330px;
    }

    .shake_img .qr-dwn {
        max-width: 135px;
        left: 0;
    }

    .shake_img .data-graph.qr-code {
        left: 30%;
        max-width: 150px;
    }

    .shake_img .qr-code.generate {
        left: 18%;
        max-width: 70px;
    }

    .shake_img .dot1 {
        top: 30%;
        left: 0%;
    }

}

/* ---------------------  invoice page css --------------------- */

.invoice .pay-shape-1 {
    top: 16%;
    left: 7%;
    max-width: 204px;
    animation-duration: 3s;
}

.invoice .pay-shape-2 {
    left: 66.5%;
    top: 56%;
    max-width: 135px;
}

.invoice .pay-shape-3 {
    max-width: 205px;
    right: 1.5%;
    top: 23%;
    animation-duration: 4s;
}

.invoice .pay-shape-4 {
    left: 24.5%;
    top: 19%;
    max-width: 125px;
}

.invoice .faq-item.open {
    background: #dfe0ff;
    ;
}

.invoice .pay-shape-5 {
    bottom: -2.2%;
    left: 14.4%;
    max-width: 135px;
    animation-duration: 7s;
}

.invoice .channel {
    min-height: 175px;
}

.invoice .channel h6 {
    font-weight: 700;
}

.invoice .channel p {
    text-align: left;
}

.invoice .channel a {
    color: #f69321;
}

.invoice .channel a i {
    font-size: 14px;
}

.invoice .rounded img {
    position: absolute;
    opacity: 0.8;
}

.Payment-4.invoice {
    position: relative;
}

.bubble1 {
    top: 10%;
    left: 10%;
    max-width: 140px;
    animation: lab_sideeffect 5s linear infinite;
}

.bubble2 {
    top: 14%;
    right: 46%;
    max-width: 155px;
    animation: lab_sideeffect 9s linear infinite;
}

.bubble3 {
    bottom: 6%;
    left: 6%;
    max-width: 178px;
    animation: lab_sideeffect 7s linear infinite;

}

.bubble4 {
    top: 7%;
    right: 0;
    max-width: 148px;
    animation: lab_sideeffect 4s linear infinite;
}

.bubble5 {
    bottom: 0;
    right: 46%;
    max-width: 155px;
    animation: lab_sideeffect 6s linear infinite;
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .invoice .pay-shape-1, .invoice .pay-shape-3 {
        max-width: 225px;
    }

    .invoice .pay-shape-4 {
        max-width: 135px;
    }
}

@media screen and (max-width:768px) {
    .invoice .rounded img {
        display: none;
    }
}

@media screen and (max-width:425px) {

    .invoice .pay-shape-1 {
        top: 13%;
        max-width: 130px;
    }

    .invoice .pay-shape-2 {
        left: 67%;
        top: 59%;
        max-width: 70px;
    }

    .invoice .pay-shape-3 {
        max-width: 132px;
        top: 20%;
    }

    .invoice .pay-shape-4 {
        left: 25.5%;
        top: 20%;
        max-width: 70px;
    }

    .invoice .pay-shape-5 {
        bottom: -2%;
        left: 16%;
        max-width: 70px;
    }

    .Payment-2.invoice .section-header {
        margin-bottom: 0;
    }

    section.Payment-4.invoice {
        padding: 50px 0px 0px !important;
    }
}


/* ------------------Instant settlement page ---------------- */

.instant.Payment-2 .why-item,
.reseller .why-item {
    width: 100%;

}

.pay_nano.instant img {
    max-width: 125px;
}

.pay_nano.instant img.pay-shape-1 {
    top: 34%;
    left: 6%;
    animation-duration: 5s;
}

.pay_nano.instant img.pay-shape-2 {
    left: 59%;
    top: 50%;
    animation-duration: 7s;
}

.pay_nano.instant img.pay-shape-3 {
    left: 79%;
    top: 70%;
    animation-duration: 9s;
}

.pay_nano.instant img.pay-shape-4 {
    top: 0%;
    right: 20%;
    animation-duration: 4s !important;
}

.pay_nano.instant img.pay-shape-5 {
    top: 10%;
    left: 32%;
    z-index: -1;
    animation: rotate 5s linear infinite;
    animation-duration: 6s;
}

.Payment-4.page.instant .pay_nano img {
    position: absolute;
    max-width: 235px;
    animation: lab_run_top_y 5s linear infinite;
}

.instant.Payment-4.page .pay_nano .pay-shape-1 {
    top: 10%;
    left: 0;
    animation-duration: 8s;
}

.instant.Payment-4.page .pay_nano .pay-shape-2 {
    top: 35%;
    left: 28%;
    animation-duration: 5s;
}

.instant.Payment-4.page .pay_nano .pay-shape-3 {
    top: 50%;
    right: 2%;
    animation-duration: 6s;
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .Payment-4.page.instant .pay_nano img {
        max-width: 300px;
    }
}

@media screen and (max-width: 575px) {
    .pay_nano.instant img {
        max-width: 90px;
    }

    .pay_nano.instant .pay-shape-4 {
        top: 10%;
        right: 20%;
    }

    .pay_nano.instant img.pay-shape-1 {
        left: 8%;
        top: 35%;
    }

    .instant.Payment-4.page .pay_nano .pay-shape-1 {
        left: 15%;
    }

    .instant.Payment-4.page .pay_nano .pay-shape-2 {
        top: 26%;
        left: 35%;
    }

    .instant.Payment-4.page .pay_nano .pay-shape-3 {
        top: 42%;
        right: 16%;
    }

    .img-fluid.instant-bg {
        max-height: 320px;
    }


    .Payment-4.page.instant .pay_nano img {
        max-width: 150px;
    }

}

@media screen and (max-width:425px) {
    .pay_nano.instant img {
        max-width: 75px;
    }

    .Payment-4.page.instant .pay_nano img {
        max-width: 125px;
    }
}

/* --------------affiliate page css ----------- */

.affiliate.feature-section {
    background: #0021c4;
}

.affiliate .channel:after {
    border-top: 4px dotted #f69321;
    position: absolute;
    content: "";
    right: -7%;
    top: 52%;
    width: 15%;
}

.affiliate .col-md-3:last-child .channel:after {
    border: 0;
}


/* --------------Career page css ----------- */

.career.title {
    position: relative;
    color: #000;
    /* text-shadow: 2px 4px 5px #7e7b7b; */
}

.career.title:after {
    content: "";
    position: absolute;
    width: 13%;
    left: 43.7%;
    bottom: 0;
    height: 4px;
    background: #f69321;
}


.upload {
    position: absolute;
    bottom: 10px;
    z-index: 1;
    left: 30px;
    font-size: 20px;
}

.upload-file {
    position: relative;
}

.upload-file:before {
    background: #ffffff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

@media screen and (max-width:767px) {
    .upload-file:before {
        width: 33%;
    }
}



/* -----------------Banking solution css----------- */

.ticket.contact-section {
    background: #e3e4ff;
}

.pay-api .why-item {
    width: 100%;
}

.connect .pg_nano .pg-shape-2 {
    top: 52%;
    left: 51%;
    animation: none;
    animation: rotate 10s linear infinite;
}

.banking .pay_nano img {
    max-width: 130px;
}

.banking .pay_nano .pay-shape-1.cart {
    top: 13%;
    left: 14%;
}

.banking .pay_nano .pay-shape-2 {
    left: 14%;
    animation-duration: 6s;
}

.banking .pay_nano .pay-shape-3 {
    top: 68%;
    right: 14%;
    animation-duration: 4s;
}

.banking .pay_nano .pay-shape-4 {
    top: 22%;
    right: 16%;
    animation-duration: 8s;
}

.axis-mob,
.recharge-mob {
    position: relative;
    z-index: 1;
}

.bank-img img {
    position: absolute;
}

.bank-img .round,
.recharge .round {
    top: 0;
    animation: lab_zoominout 7s linear infinite;
}

.bank-img .axis {
    bottom: 0;
    right: 0;
    z-index: 2;
    max-width: 230px;
    animation: lab_run_top_y 5s linear infinite;
}

.bill .why-inner {
    min-height: 85px;
}

.recharge.pay_nano img {
    max-width: 120px;
}

.recharge.pay_nano .pay-shape-2 {
    top: 0%;
    left: 61.5%;
}

.recharge.pay_nano .qr-shape-6 {
    right: 2%;
    top: 34%;
}

.recharge.pay_nano .qr-shape-7 {
    bottom: 0;
    right: 18%;
}


/* -----------Ticket Api Page css -------------- */

.ticket .pg_nano .pg-shape-1 {
    max-width: 120px;
    top: 50%;
    left: 7%;
}

.ticket .pg_nano .pg-shape-3 {
    max-width: 120px;
    top: 46%;
    left: 76%;
}

.connect .investor-item .investor-thumb {
    margin-bottom: 30px;
    margin-top: 30px;
}

@media (max-width: 575px) {
    .pg_nano.connect img {
        max-width: 100% !important;
    }

    .banking .pay_nano img {
        max-width: 100px;
    }

    .bank-img .axis {
        max-width: 154px;
    }

    .connect .investor-item .investor-thumb {
        margin-bottom: 0px;
        margin-top: 25px;
    }

    .ticket .pg_nano img {
        max-width: 85px !important
    }

    section.gate-space.ticket {
        padding: 0px !important;
    }

    .recharge.pay_nano img {
        max-width: 70px;
    }

}


/* ---------------  DMT Page css ----------------------- */


.pg_nano.dmt img {
    max-width: 110px;
}

.pg_nano.dmt .pg-shape-1 {
    top: 18%;
    left: 15%;
}

.pg_nano.dmt .pg-shape-2 {
    bottom: 8.5%;
    left: 41%;
    animation: lab_zoominout 3s linear infinite;
}

.pg_nano.dmt .pg-shape-3 {
    top: 22%;
    right: 16%;
}

.dmt .why-inner {
    border-radius: 80px 0 80px 0;
    min-height: 230px;
    padding: 40px 30px;
    border: 1px #fff solid;
}

.dmt .why-inner:hover {
    background: #fe6a00;
    border: 1px solid;
}

.dmt .why-inner:hover .title,
.dmt .why-inner:hover .why-content p {
    color: #fff;
}

.dmt .why-inner .title {
    font-size: 20px !important;
    font-weight: 800 !important;
    /* text-shadow: 2px 4px 5px #7e7b7b; */
}

.dmt .why-item {
    width: 33%;
}

.dmt .why-item .why-content p {
    color: #ffffff !important;
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .dmt .why-item {
        width: 50%;
    }

    .page.feature-section .why-item {
        width: 50%;
    }
}

@media (max-width: 575px) {

    .dmt .why-item {
        width: 100%;
    }

    .pg_nano.dmt img {
        max-width: 60px !important;
    }

    .dmt .why-inner {
        min-height: 170px;
        padding: 20px 30px;
    }

}

/* ------------  AEPS page css ------------------ */

.aeps.recharge.pay_nano .pay-shape-1 {
    left: 6%;
    top: 70%;
}

.aeps.recharge.pay_nano .pay-shape-2 {
    top: 42%;
    left: 5%;
}

.aeps.recharge.pay_nano .pay-shape-3 {
    left: 5%;
    top: 5%;
}

.aeps.recharge.pay_nano .pay-shape-4 {
    top: 8%;
    right: 5%;
}

.aeps.recharge.pay_nano .qr-shape-6 {
    top: 65%;
    right: 0%;
}

.aeps.recharge.pay_nano .qr-shape-7 {
    top: 42%;
    right: 4%;
    animation-duration: 7s;
}

.aeps .why-item:after {
    content: "";
    position: absolute;
    top: 6%;
    right: 10px;
    background: #fe6a00;
    border-radius: 0px 5px 0px 44px;
    width: 42px;
    height: 42px;
}

.bank-img.aeps .axis {
    bottom: 20%;
    right: 8%;
}

.aeps .why-item {
    position: relative;
}

.aeps .why-item .title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.aeps .why-item .why-inner {
    background: #010684;
    color: #fff;
    min-height: 140px;
}

.shadow-new {
    box-shadow: 0px -4px 8px 0px rgb(2 14 108 / 32%);
}

.aeps.button.feature-section .how-item {
    min-height: 215px;
}

.get-onboard {
    padding: 35px;
    margin-top: -75px;
}

.onboard img,
.utility-benefit img {
    position: absolute;
    max-width: 180px;
}

.onboard .setting {
    top: -7%;
    left: 8%;
}

.onboard .right {
    top: 0%;
    left: 30%;
    animation: lab_run_top_y 5s linear infinite;
    ;
}

#thanksmsg {
    display: none;
    width: 535px;
    color: rgb(246, 147, 33);
    background: #010684;
    position: fixed;
    border-radius: 10px;
    top: 20%;
    left: 30%;
    z-index: 999;
    text-align: center;
    border: 2px solid #fba15d;
}

div#thanksmsg p:first-child {
    font-size: 24px;
}

#thanksmsg p:nth-child(2) {
    color: #fff;
}

@media screen and (max-width:768px) {
    #thanksmsg {
        width: 95%;
        left: 2%;
    }
}


/* ----utility page css */

.utility.recharge.pay_nano img,
.aeps.recharge.pay_nano img {
    max-width: 160px;
}

.utility-pay.img-fluid {
    max-width: 730px;
}

.utility.recharge.pay_nano .pay-shape-1 {
    left: 26%;
}

.utility.recharge.pay_nano .pay-shape-2 {
    top: 44%;
    left: 14%;
}

.utility.recharge.pay_nano .pay-shape-3 {
    left: 19%;
    top: 16%;
}

.utility.recharge.pay_nano .pay-shape-4 {
    top: 20%;
    right: 11%;
}

.utility.recharge.pay_nano .qr-shape-6 {
    top: 62%;
    right: 7%;
}

.utility.recharge.pay_nano .qr-shape-7 {
    top: 42%;
    right: 0%;
}

.utility.recharge.pay_nano.api .pay-shape-1 {
    left: 16%;
}

.utility.recharge.pay_nano.api .pay-shape-3 {
    left: 10%;
}

.hand-phone {
    max-width: 660px;
}

.utility-benefit img {
    left: 10%;
    max-width: 210px;
    animation: lab_run_x 5s linear infinite;
}

.utility-benefit .shape-1 {
    top: 5%;
}

.utility-benefit .shape-2 {
    top: 9%;
    animation-duration: 6s;
}

.utility-benefit .shape-3 {
    top: 24%;
    animation-duration: 7s;
}

.utility-benefit .shape-4 {
    top: 39%;
    animation-duration: 8s;
}

.utility-benefit .shape-5 {
    top: 54%;
    animation-duration: 4s;
}

.utility-benefit .shape-6 {
    top: 67%;
}

@media screen and (max-width:575px) {
    .utility-pay.img-fluid {
        max-width: 120%;
        width: 325px;
        height: 250px;
    }

    .utility.recharge.pay_nano img,
    .aeps.recharge.pay_nano img {
        max-width: 70px;
    }

    .utility.recharge.pay_nano .pay-shape-1 {
        left: 18%;
    }

    .utility.recharge.pay_nano .pay-shape-4 {
        right: 24%;
    }

    .utility.recharge.pay_nano .qr-shape-6 {
        right: 15%;
    }

    .utility.recharge.pay_nano .qr-shape-7 {
        right: 19%;
    }

    .utility.recharge.pay_nano.api .pay-shape-4 {
        top: 26%;
        right: 15%;
    }

    .utility.recharge.pay_nano.api .qr-shape-6 {
        right: 10%;
    }

    .utility.recharge.pay_nano.api .pay-shape-3 {
        left: 14%;
        top: 18%;
    }

    .utility-benefit img {
        max-width: 130px;
    }

    .onboard img {
        max-width: 120px;
    }

    .footer-top,
    .footer-bottom .footer-bottom-area {
        justify-content: center;
    }

}

/* ------------Sign In csss ----- */

.account-wrapper {
    max-width: 540px;
    margin: 0 auto;
    border-radius: 30px;
    background: #ffffff;
    padding: 30px 0;
}

.account-wrapper.signup {
    max-width: 700px;
}

.account-body {
    padding: 10px 40px 0;
    text-align: center;
}

.account-title {
    margin-bottom: 30px;
    position: relative;
}

.account-header {
    padding: 0 40px 40px;
    text-align: center;
}

.or {
    position: relative;
    text-align: center;
}

.or::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    background: #dddce7;
}

.or span {
    display: inline-block;
    padding: 0 12px;
    font-weight: 600;
    color: #33406a;
    text-transform: uppercase;
    background: #ffffff;
    position: relative;
    z-index: 1;
}

.account-form {
    text-align: left;
}

.account-section {
    background: #000583;
}

.sign-in-recovery {
    font-size: 16px;
    margin-top: 10px;
    display: block;
}

.account-form .form-group input,
.account-form select {
    border: 1px solid rgba(59, 54, 140, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f6f6fa;
    padding: 0 30px;
    height: 60px;
}

.account-body span a {
    color: #000583;
    font-weight: 600;
    text-transform: capitalize;
}

.account-form .form-group label {
    font-size: 18px;
    font-weight: 500;
    color: #464646;
}
/* Works in WebKit (Safari, Chrome) */
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #fe6a00;
}

::-webkit-scrollbar-thumb {
  background: #010684;
}

::-webkit-scrollbar-thumb:hover {
  background: #010684;
}
a.nav-link {
    font-weight: 700 !important;
}
span.odometer-digit {
    font-weight: 800;
}
@media screen and (max-width: 410px){
    .hover-tab-area .tab-area {
        width: 310px;
        height: 310px;
    }
    .hover-tab-area .tab-area::before{
        width: 260px;
        height: 260px;
    }
    .hover-tab-area .tab-area::after{
        width: 280px;
        height: 280px;
    }
    .hover-tab-area .tab-area .tab-item img{
        width: 180px;
        height: 180px;
    }
}
@media screen and (max-width: 761px){
    .page.get-section .hover-tab-menu .tab-menu li:nth-child(3) {
        transform: translateX(0px) !important;
    }
}
@media screen and (max-width: 768px) and (min-width: 520px){
    .Payment-4.page .pay_nano img {
        max-width: 167px;
    }
    .Payment-4.page .pay_nano .pay-shape-1 {
        top: 53%;
        left: 30%;
    }
    .Payment-4.page .pay_nano .pay-shape-2 {
        left: 48.5%;
        top: 44%;
    }
    .Payment-4.page .pay_nano .pay-shape-3 {
        top: 33.5%;
        right: 3.5%;
    }
}
@media screen and (max-width: 521px) and (min-width: 470px){
    .Payment-4.page .pay_nano img {
        max-width: 167px;
    }
    .Payment-4.page .pay_nano .pay-shape-1 {
        top: 53%;
        left: 30%;
    }
    .Payment-4.page .pay_nano .pay-shape-2 {
        left: 47%;
        top: 42%;
    }
    .Payment-4.page .pay_nano .pay-shape-3 {
        top: 32%;
        right: 3%;
    }
}
@media screen and (max-width: 471px) and (min-width: 400px){
    .Payment-4.page .pay_nano img {
        max-width: 125px;
    }
    .Payment-4.page .pay_nano .pay-shape-1 {
        top: 53%;
        left: 31%;
    }
    .Payment-4.page .pay_nano .pay-shape-2 {
        left: 49%;
        top: 44%;
    }
    .Payment-4.page .pay_nano .pay-shape-3 {
        top: 34%;
        right: 5%;
    }
}
@media screen and (max-width: 399px){
    .Payment-4.page .pay_nano img {
        max-width: 110px;
    }
    .Payment-4.page .pay_nano .pay-shape-1 {
        top: 49%;
        left: 30%;
    }
    .Payment-4.page .pay_nano .pay-shape-2 {
        left: 47%;
        top: 40%;
    }
    .Payment-4.page .pay_nano .pay-shape-3 {
        top: 31%;
        right: 4%;
    }
}

/* Add css by sanni */

.scrollToTop:hover {
    background-color: #010684; 
}
.section-header .lab-btn{
    text-align: start!important;
}
.paymentBanner a{
    text-align: start!important;

}

.card-block .card-title{
    height:34px;
}
.npciDiv{
    margin-left:30px;
}
#affiliate-programe{
    margin-top: 5rem;
}
.company-menu{
    width:50%;
}
.profit{
    width:100%;
    height:100%;
}
.profit-img{
    height:550px;
    width:100%;
    overflow: hidden;
    
}
.profit-img img{
  width: 100%;
  height: 100%; 
  object-fit: cover;
}
@media(max-width:768px){
    .npciDiv{
        margin-left:0;
    }
    .banner-content .title {
        /*text-shadow: 1px 1px 1px rgb(25, 102, 143)!important;*/
        text-shadow: 3px 2px 2px rgb(12 16 18);
    }
    #affiliate-programe{
        margin-top: 0;
    }
    .round .round2{
        display: none;
    }
    /* /* .why-item .why-inner .why-content {
        padding:0!important;
        width:100%;
    } */
    .why-item .why-inner {
        /* width:100%; */
    } 
    .company-menu{
        width:100%;
    }
     .why-item {
        width: 100%;
        margin-right: 20px;
    }
 
}