@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
html {
    color: #222;
    font-size: 0.9em;
    line-height: 1.4;
}
a
{
    color: #e73351;
}
/*
 * 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: #b3d4fc;
    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;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}
/* ==========================================================================
   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: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.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: 'Poppins', sans-serif;
  /* 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: 'Poppins', sans-serif;
  /* 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;
    margin: 0;
    font-size: 15px !important;
    color: #526288;
    line-height: 26px !important;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif !important;
}
.form-control, .form-select {
    font-size: 0.8rem !important;
}

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 !important;
        line-height: 60px;
        margin-top: -14px;
    }

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

    h4 {
        font-size: 25px;
        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, select {
    height: 37px;
    color: #526288;
    border-radius: 3px;
    border-color: #ced4da;
}
 button {
    height: 50px;
  
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: auto;
    height: auto;
    margin: 0px 5px;
}
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;
}

.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: '';
}

.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, .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 {
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -56%);
    position: absolute;
    content: "";
}
.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, .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:80px;
    }

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

/*Preloader Starts*/
.loader {
    background: #33406a;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    position: fixed;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-inner {
    bottom: 0;
    height: 60px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}

.loader-line-wrap {
   animation: loading01 1.4s infinite alternate;
    /*animation: spin 2000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;*/
    box-sizing: border-box;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform-origin: 50% 100%;
    width: 100px;
}
.loading01 span {
  animation: loading01 1.4s infinite alternate;
}
.loading01 span:nth-child(1) {
  animation-delay: 0s;
}
.loading01 span:nth-child(2) {
  animation-delay: 0.1s;
}
.loading01 span:nth-child(3) {
  animation-delay: 0.2s;
}
.loading01 span:nth-child(4) {
  animation-delay: 0.3s;
}
.loading01 span:nth-child(5) {
  animation-delay: 0.4s;
}
.loading01 span:nth-child(6) {
  animation-delay: 0.5s;
}
.loading01 span:nth-child(7) {
  animation-delay: 0.6s;
}

@keyframes loading01 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.loading {
  font-size: 50px;
  /*font-family: "Montserrat", sans-serif;*/
  font-weight: 800;
  text-align: center;
  color: #fff;
}
.loading span {
  display: inline-block;
  margin: 0 -0.05em;
}
.loader-line {
    border: 4px solid transparent;
    border-radius: 100%;
    box-sizing: border-box;
    height: 100px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}


/*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;
}

.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: 40px;
}

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

.section-header .title {
    margin-bottom: 26px;
    text-transform: uppercase;
    font-weight: 700 !important;

}

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

.section-header p {
    /*max-width: 700px;*/
    margin-left: auto;
    margin-right: auto;
}

.section-header.left-style {
    margin-left: 0;
}
@media (max-width: 576px) {
    .wid-50{
        width: 50px !important;
    }
}
@media (min-width: 576px) {
    .section-header.left-style {
        text-align: left;
    }
}

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

.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: 375px) {
.custom-button {
    font-size: 13px !important;
    padding: 0px 15px !important;
}
}
@media (max-width: 420px) {
   .section-header .title {
       
        font-size:20px !important;
    }
}
@media (max-width: 575px) {
    .section-header .cate {
        font-size: 18px;
        margin-top: -9px;
        margin-bottom: 16px;
    }
    .loading {
    font-size: 30px;

}
.header-bar {
    margin-right: 17px;
}
    .section-header .title {
        margin-bottom: 20px;
        font-size:25px;
    }
}

@media (max-width: 991px) {
    div#directResult
    {
        height:auto !important;
    }
    .pt-max-lg-0 {
        padding-top: 100px;
    }
.heading-width
{
    width:100%;
}
    .pb-max-lg-0 {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    
   .sip-img {
    width: auto !important;
}
    .pt-max-md-0 {
        padding-top: 0;
    }

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

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.7);
    -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: #3051af;
}

.cl-2 {
    color: #e35f46;
}
.footer-section {
    position: relative;
    background: #071344;
    background-image: url(https://templates.envytheme.com/finon/default/assets/img/footer-bg.png);
    padding-top: 50px;
}
.footer-section p,.footer-section h4 ,.footer-section a
{
 color: #fff !important;
} 
/*.footer-section::before {
    bottom: 0;
    right: 0;
    left: 0;
    top: 130px;
    -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: #2a2369;
}*/

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

.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: baseline;
}

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

.footer-top .logo {
    max-width: 350px;
}
.footer-top p{
   color:#fff;
   margin-bottom: 24px;
}
.footer-top h4{
   color:#fff;
   margin-bottom:5px;
}
.footer-top .logo a {
    display: block;
    margin-bottom: 20px
}

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

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

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

.footer-top .links li a {
    font-size: 15px;
    font-weight: 500;
    line-height: 38px;
    /*text-transform: uppercase;*/
    color: #b3c2f4;
}
.footer-top .links li a i{
    margin-right: 10px;
}
.footer-top .links li a:hover {
    color: #f55c25;
}

@media (max-width: 575px) {
    .footer-top .links li a {
        font-weight: 500;
    }
    .section-header .d-block.d-lg-flex.align-items-baseline {
    height: 130px;
}

}

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

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

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

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

.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: 36px;
    height: 36px;
    line-height: 36px;
/*    text-align: center;*/
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 14px;
}

.social-icons li a.active {
    /* background: -webkit-linear-gradient(-103deg, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 100%); */
    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;
    background: #021579;
}
.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: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.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%;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    background-repeat: no-repeat;
    background-size: cover;
    background: #fff;
}

.header-bottom .header-area {
    align-items: center;
    justify-content: space-between;
    position: relative;
    /*padding: 5px 0;*/
/*   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;*/
}

@media (max-width: 991px) {
    .header-bottom .header-area {
        padding: 0px 0;
        height: 67px;
    }
}

.header-bottom .header-area .logo {
    width: 310px;
    /* background: linear-gradient(120deg, #66a6ff 0%, #68e4f1 100%); */
    /*background: #66a6ff;*/
}
.header-bottom .header-area .logo a {
    display: block;
}

/*.header-bottom .header-area .logo a img {
    max-width: 100%;
    width: 84%;
    padding: 10px 0 10px 33px;
    margin: 0px auto;
    text-align: center;
}*/
.header-bottom .header-area .logo a img {
    max-width: 100%;
    width: 100%;
    /*padding: 10px 0 10px 33px;*/
    margin: 0px auto;
    /*text-align: center;*/
}
.header-bottom .header-area .menu {
    align-items: center;
    margin-right: 30px;
}

.header-bottom .header-area .menu li a:hover{
    color: #e73351;
    border-bottom: 1px solid #e73351;
    text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: transparent !important;
}
.headeractive1 {
    color: #e73351 !important;
    border-bottom: 1px solid #e73351;
}

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

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

    .header-bottom .header-area .menu li a.custom-button {
        padding: 0 35px;
        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;
    }

    .header-bottom .header-area .menu 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;
    }

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

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

    .header-bottom .header-area .menu 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;
    }
}

@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: 0px;
        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: 10px;
        text-align: center;
    }

    .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: center;
        color: #33406a;
    }

    .header-bottom .header-area .menu li a:hover {
         background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
        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 .menu li .submenu {
        display: none;
        padding-left: 20px;
    }

    .header-bottom .header-area .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;
     background-repeat: no-repeat;
    /*background-size: cover !important;*/
    animation: fadeInDown;
    -webkit-animation: fadeInDown;
    -moz-animation: fadeInDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    background: #ffffff;
    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: 80px 0 100px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 991px) {
    .banner-section {
        padding: 250px 0 80px;
    }
    .banner-content {
    margin-top: -50px !important;
}
}

@media (max-width: 575px) {
    .banner-section {
    padding: 220px 0 0px;
}
    .banner-content {
    margin-top: -150px !important;
}
.header-bottom {
    background: #1b3393  !important;
}
.header-bar span {
    background-color: #fff;
}
}

.banner-content .title {
    font-size: 55px;
    line-height: 80px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-bottom: 10px;
    color: #110c79d4;
}

.banner-content .title span {
    font-weight: 700;
}

@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-content p {
    margin: 0;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 32px;
}

.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: 38px;
        line-height: 48px;
    }

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

    .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-content {
    margin-top: 100px;
}
.banner-bg .chart-1 {
    top: 350px;
    right: calc(50% - 50px);
}

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

.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: 499px;*/
    bottom: 101px;
    left: 0;
}

.animation-area .plot {
    position: absolute;
    bottom: 0px;
    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;
}

.newslater-area .newslater-content {
    width: 55%;
    /*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: 14px;
    /*margin-top: -7px;*/
}

.newslater-area .newslater-content .title {
    text-transform: capitalize;
    margin-bottom: 0px;
}

.newslater-area .newslater-content .newslater-form input {
    height: 50px;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    border: 1px solid transparent;
    font-size: 16px;
    border-bottom-color: #b7b7b7;
    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, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 100%);
    text-transform: uppercase;
    color: #ffffff;
    padding: 0 40px;
    border: none;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -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: 45%;
    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: rgb(9 30 112 / 54%);
    width: 101%;
    height: 101%;
}
.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: 60px 0;
}

.call--item .cate {
    font-size: 24px;
    line-height: 34px;
    color: #f55c25;
    display: block;
    margin-bottom: 24px;
}

.call--item .title {
    text-transform: uppercase;
    color: #ffffff;
}

@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;
}

.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, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 100%); */
    border-radius: 0px;
    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: 400;
    text-transform: uppercase;
    color: #33406a;
    margin: 5px 10px;
}
.transaction-tab .tab-menu li a{
    color: #33406a ;
    
}
.transaction-tab .tab-menu li.active a{
    color: #e73351 ;
    
}
.transaction-tab .tab-menu li.active {
    /* background-image: -webkit-linear-gradient(-45deg, #5581f1 0%, #1153fc 100%); */
    /* background: none; */
    border-bottom: 3px solid #e73351;
    font-weight:700 !important;
}

.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: #3051af;
}

.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: #e3e2f3;
}

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

.affiliate-item .affiliate-inner {
    width: 140px;
    height: 140px;
    -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;
    background-color: #ffffff;
    position: relative;
    box-shadow: 0px 3px 10px 0px rgba(150, 147, 175, 0.3);
}

.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 {
    text-align: center;
    margin-bottom: 50px;
}

.feature-item .feature-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);
}

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

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

.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;
    background: #f8f9fa;
}

@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: 5px;
}

.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: 5px;
    margin-top: 0;
}

@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;
    }
    .custom-button i {

    padding-left: 0px;
    font-size: 10px;
}
}

.rtl {
    direction: rtl;
}

/*About Section Ends Here*/
/*Counter Section Starts Here*/
.counter-section {
    padding: 30px 30px;
    /* border-top: 1px solid #e7eaef; */
    /* border-bottom: 1px solid #e7eaef; */
    background-color: #ffffff;
   
    /* margin-top: -97px; */
    /* box-shadow: 0px 3px 20px 0px rgba(112, 120, 146, 0.1); */
    
}
.counter-section-new
{
     position: relative;
    box-shadow: rgb(165 165 177 / 25%) 0px 50px 100px -20px, rgb(255 255 255 / 30%) 0px 30px 60px -30px;

/*    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;*/
  border-radius: 10px;
    margin-top: -45px;  
}

.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: #3051af;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 36px;
}

.counter-item .counter-content p {
    text-transform: uppercase;
    font-size: 16px;
}

.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;
    }

    .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: 68px;
    height: 68px;
}

.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: 55px;
    height: 55px;
    display: inline-block;
    color: #33406a;
}

.hover-tab-menu .tab-menu li .menu-content {
    width: calc(100% - 68px);
    padding-left: 25px;
}
.hover-tab-menu .tab-menu li .menu-content .title {
    text-transform: uppercase;
    margin-bottom: 26px;
}

.hover-tab-menu .tab-menu li.active .menu-thumb span {
    background: #324fb0;
    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: 18px;
        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: 75%;
    right: 75%;
    background: #ffffff;
    width: 50px;
    height: 50px;
    z-index: -1;
}

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

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

.hover-tab-menu .tab-menu li:last-child {
    margin: 3px;
}

.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);
    overflow: hidden;
}

.hover-tab-area .tab-area::after, .hover-tab-area .tab-area::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* background-color: rgb(104 223 242 / 26%); */
    background-color: rgba(38, 78, 213, 0.102);
}

.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;
}

.hover-tab-area .tab-area .tab-item img {
    max-height: 300px;
    max-width: 300px;
    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;
    }
}

.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;
}

.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: #3051af;
}

.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: -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%);
}

.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);
}

/*Offer Section Endss Here*/
/*Profit Section Starts Here*/
.profit-bg {
    height: 490px;
    position: relative;
}

@media (max-width: 767px) {
    .profit-bg {
        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: 0px;
    }
}





.calculate-wrapper .calculate--area {
    /*background: #ffffff;*/
    padding-top: 20px;
    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: center;
    margin-bottom: 0px;
}

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

.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: 'Poppins', 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: 48%;
    height: 40px;
    border: 1px solid #cdd9f6;
    border-radius: 25px;
    margin: 2.5px;
    font-size: 14px;
    padding: 0;
    text-transform: uppercase;
    color: #33406a;
    line-height: 38px;
}


.calculate-wrapper .calculate-area .calculate-item .tab-menu li.active {
   color: #ffffff;
    line-height: 40px;
    /* background: -webkit-linear-gradient(-103deg, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 100%); */
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
   
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    border-radius: 25px;
}

.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 0px;
    justify-content: space-between;
}

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

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

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

.calculate-wrapper .profit-calc .item input {
    /*text-transform: uppercase;*/
    height: 40px;
}

.plan-table {
    background: #eaf6ff;
}
.plan-table tr td {
    border-top: 0px !important;
    font-size: 14px;
    padding: 0.25rem 0.75rem;
}
.plan-table tr td:nth-child(2){
   float:right;
}
@media (max-width: 991px) {
    .calculate-wrapper .profit-calc .item .cate {
        margin-bottom: 10px;
    }

    .calculate-wrapper .profit-calc .item .title {
        font-size: 20px;
        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: 16px;
        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: #3051af;
}

.cl-theme {
    color: #f55c25;
}

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

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

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

.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: 20px;
    width: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
   background: -webkit-linear-gradient(-103deg, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 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: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

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

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

@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: 338px 0 210px;*/
}

.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: 258px 0 180px;
    }
}

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

    .hero-section-2 .hero-shape {
        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: uppercase;
    font-size: 70px;
    line-height: 80px;
    margin-bottom: 12px;
}

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

@media (max-width: 575px) {
    .hero-content .title {
        font-size: 40px;
        margin-bottom: 0;
    }
}

.hero-content.text-white .title {
    color: #ffffff;
}

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

.bg-gray {
    background: #324fb01a;
    padding: 10px;
}
.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: "Font Awesome 6 Pro";
    content: "\f105";
}

.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 #dce7f8;
    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: #3051af;
}

.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;
    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;
}

.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 (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;
    }
}

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

    .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 .faq-content {
        padding-top: 0;
    }
}

.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: 3px;
   background: -webkit-linear-gradient(-103deg, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 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: 25px;
}

.why-item {
    width: 100%;
}

.why-item .why-inner {
    margin-top: 30px;
    border: 1px solid #bccaea;
    padding: 20px 20px;
    -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%;
    }*/
}

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

.why-affiliate-section {
    position: relative;
    /*background: #eaedf7;*/
/*    background: #f6f9ff;*/
}
.why--thumb {
    position: absolute;
    bottom: 120px;
    left: calc(60% - 0px);
}

@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-item .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-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-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-item .how-thumb-area .how-thumb img {
    max-width: 55px;
    max-height: 55px;
}

.how-item .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-item .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, #324fb0 1%, #5e6adb 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-item.active .how-content a, .how-item:hover .how-content a {
    color: #23d605;
}

@media (max-width: 575px) {
    .how-item {
        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% - 0px);
    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: 15px 0px 20px;
    background: #ffffff;
    border-radius: 30px;
}

.contact-form .form-group {
    margin-bottom: 15px;
}
/*.form-control {
    height: calc(1.5em + .5rem + 0px) !important;
    
}*/
.contact-form .form-group:last-child {
    margin-bottom: 0;
}

.contact-form .form-group label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    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: -6px 0px;*/
    color: #526288;
    padding: 0;
}
.form-control:focus {
    box-shadow: none !important;
}
.contact-form .form-group input::placeholder {
    color: #b6b7bb;
    font-size: 14px;
}

.contact-form .form-group input[type="submit"] {
    /*background: -webkit-linear-gradient(-103deg, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 100%);*/
    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: 3px;
    -moz-border-radius: 3px;
    border-radius: 33px;
    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: 70px;
}

.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: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    -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: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
        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;
    /* box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; */
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.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: #3051af;
}

.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, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 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, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 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: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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: #3051af;
    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, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 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, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 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;
}

/*Account Section Starts Here*/
.account-section {
    padding: 30px 0;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.account-title {
    margin-bottom: 30px;
    position: relative;
}

@media (max-width: 767px) {
    .account-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .account-title > * {
        max-width: 50%;
    }

    .account-title .logo {
        display: block;
    }

    .account-title .logo img {
        max-width: 100%;
    }
}

.account-title .back-home {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    text-align: left;
    display: inline-flex;
    align-items: center;
}

@media (min-width: 768px) {
    .account-title .back-home {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.account-title .back-home i {
    margin-right: 10px;
    font-size: 24px;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
}

.account-title .back-home span {
    line-height: 1;
}

@media (min-width: 768px) {
    .account-title {
        margin-bottom: 30px;
    }
}

.account-wrapper {
    max-width: 540px;
    margin: 0 auto;
    border-radius: 30px;
    background: #ffffff;
    padding: 60px 0;
}

@media (max-width: 575px) {
    .account-wrapper {
        font-size: 16px;
    }
}

.account-wrapper.top-gap {
    margin-top: 100px;
}

@media (min-width: 1200px) {
    .account-wrapper.top-gap {
        margin-top: 130px;
    }
}

.account-header {
    padding: 0 40px 40px;
    text-align: center;
}

@media (max-width: 575px) {
    .account-header {
        padding: 0 15px 30px;
    }
}

.account-header span a {
    color: #0403c4;
    font-weight: 600;
    text-transform: capitalize;
}

.account-header .title {
    margin-bottom: 23px;
}

.account-header .sign-in-with {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 40px;
    color: #526288;
    border: 1px solid #aa9dd0;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}

.account-header .sign-in-with img {
    width: 24px;
    margin-right: 10px;
}

@media (max-width: 575px) {
    .account-header .sign-in-with {
        padding: 12px 30px;
    }

    .account-header .sign-in-with img {
        width: 20px;
    }
}

.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-body {
    padding: 10px 40px 0;
    text-align: center;
}

@media (max-width: 575px) {
    .account-body {
        padding: 0 15px 0;
    }
}

.account-body span a {
    color: #0403c4;
    font-weight: 600;
    text-transform: capitalize;
}

.account-form {
    text-align: left;
}

.account-form .form-group {
    margin-bottom: 13px;
}

.account-form .form-group label {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #33406a;
}

.account-form .form-group input {
    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-form .form-group button {
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: -moz-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -webkit-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    background: -ms-linear-gradient(0deg, #e2906e 0%, #e83a99 100%);
    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);
    width: auto;
    padding: 0 45px;
    color: #ffffff;
    margin-top: 20px;
}

@media (min-width: 576px) {
    .account-form .form-group button {
        margin-top: 40px;
    }
}

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

.mt-40 {
    margin-top: 40px;
}
.mt-70
{
   margin-top: 70px; 
}
.sign-in-recovery {
    font-size: 16px;
    margin-top: 10px;
    display: block;
}

.sign-in-recovery a {
    color: #0403c4;
    font-weight: 600;
    text-transform: capitalize;
}

.form-head {
    text-align: center;
    max-width: 345px;
    margin: 0 auto 40px;
    font-size: 16px;
}

@media (min-width: 576px) {
    .form-head {
        margin-bottom: 60px;
    }
}

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

/*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);
    }
}

/*All Animation Ends Here*/
.scrollToTop {
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    z-index: 999;
    bottom: 30px;
    right: 30px;
    position: fixed;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
    /* background: -webkit-linear-gradient(-103deg, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 100%); */
    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;
}

.scrollToTop img {
    width: 100%;
}

.custom-button {
    color: #ffffff;
    line-height: 40px;
    /* background: -webkit-linear-gradient(-103deg, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 100%); */
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    padding: 0 20px;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    border-radius: 25px;
}
.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;
    }
    .header-bottom .header-area .logo {
    width: 250px;
  
}
}

.normal-button {
    background: #f8f9fa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    position: relative;
    color: #ffffff;
}

.video-button i {
    margin-left: 5px;
}

.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: rgba(50, 79, 176, 0.161);
    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: visible;
    /*min-height: 100vh;*/
}
/*input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.row.otp-row.d-felx.justify-content-between {
    margin-top: 31px;
   
}*/

.input-otp {
    /*width: 40px inherit;*/
    width: 40px;
    margin: 10px;
    height: 40px;
    text-align: center;
    border: 1px solid #e3ebff !important;
}
/*button {
   background: -webkit-linear-gradient(-103deg, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 100%);
    font-weight: 500;
    text-transform: capitalize;
    color: #ffffff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
}*/
.answers label {
    display: flex;
    align-items: center;
}
.answers input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    margin-right: 15px;
}
.question {
    margin-bottom: 20px;
    font-size: 25px;
}
.slide{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s;
}
.active-slide{
  opacity: 2;
  z-index: 3;
}
.quiz-container{
  position: relative;
  height: 200px;
  margin-top: 40px;
}
button#previous {
    display: none !important;
}
.why-inner p.text-muted {
    margin-top: 10px;
    font-size: 14px;
}
.why-inner .custom-button {
    color: #ffffff;
    line-height: 35px;
       background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    padding: 0 20px;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    border-radius: 20px;
}

.breadcrumb-section
{
      margin-top: 80px;
}
.text {
    color: #000;
/*    border-right: 2px solid #ed6b4e;*/
    font-size: 50px;
    /* font-family: sans-serif; */
    color: rgb(232 67 81);
    font-weight: 700;
}
span.typed-cursor {
    display: none;
}



.mdn-accordion,
.mdn-accordion *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0;
  margin:0;
}

.custom-bg {
    /* box-shadow: 0 4px 4px rgb(108 148 184 / 21%), 0 -3px 2px rgb(108 148 184 / 12%); */
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
    border-radius: 4px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #ddd;
}

.mdn-accordion,
.mdn-accordion ul,
.mdn-accordion ul li{ list-style: none; }
.mdn-accordion ul { display: none !important; }


/* @checkbox or radio 
----------------------------------------------------- */
.mdn-accordion .accordion-toggle {
  position: absolute;
  opacity: 0;
}

/* @first level panels
----------------------------------------------------- */
.mdn-accordion a,  
.mdn-accordion .accordion-title{  
  color:#333;
  display: block;
  background:#ffffff; 
  position: relative;
/*  -webkit-box-shadow: inset 0 -1px #EDF1F2;
  -moz-box-shadow: inset 0 -1px #EDF1F2;
  box-shadow: inset 0 -1px #EDF1F2;*/
  text-decoration:none;
  font-size:16px;
  padding:15px;
}

.mdn-accordion .accordion-title{ 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* @first level panel :hover
----------------------------------------------------- */
.mdn-accordion a:hover,
.mdn-accordion .accordion-title:hover{ background:#F7F9F9; }

/* @all levels :active panels 
----------------------------------------------------- */
.mdn-accordion .accordion-toggle:checked + .accordion-title {
    background: #c8c8c8;
}.mdn-accordion ul .accordion-toggle:checked + .accordion-title{ background:#FDFDFD; }
.mdn-accordion ul ul .accordion-toggle:checked + .accordion-title{ background:#FFFFFF; }


/* @panels with long text
----------------------------------------------------- */
.mdn-accordion a, .mdn-accordion .accordion-title {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    padding: 10px 11px;
}

/* @show panel content
----------------------------------------------------- */
.mdn-accordion .accordion-toggle:checked + .accordion-title + ul,
.mdn-accordion .accordion-toggle:checked + .accordion-title:nth-of-type(n) + ul{ display: block !important; }
.mdn-accordion li a i,
.mdn-accordion .accordion-title i{ 
  font-size:1.1em; 
  margin-right:5px; 
}


/* @second level + 
----------------------------------------------------- */
.mdn-accordion ul a,
.mdn-accordion ul .accordion-title{ 
/*  -webkit-box-shadow: inset 0 -1px #EDF1F2;
  -moz-box-shadow: inset 0 -1px #EDF1F2;
  box-shadow: inset 0 -1px #EDF1F2; */
  padding-left: 52px; 
}

.mdn-accordion ul ul a,
.mdn-accordion ul ul .accordion-title { padding-left: 80px; }
.mdn-accordion ul ul ul a, 
.mdn-accordion ul ul ul .accordion-title{ padding-left: 110px; }

/* @second level + :hover
----------------------------------------------------- */
.mdn-accordion ul a:hover,
.mdn-accordion ul .accordion-title:hover {
  background:#FDFDFD;
}


/* @accordion arrow  
------------------------------------------------------- */
.mdn-accordion .accordion-title::before{
  width:16px;
  height:26px;
  font-size:1.4em;
  content: "\f105"; 
  position: absolute;
  display: inline-block;
  font-family: FontAwesome;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s; 
  right:10px;
  top: 49%;
}

.mdn-accordion .accordion-toggle:checked + .accordion-title::before{
  top: 30%;
  right:22px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.table-responsive.subproduct table{

    
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    line-height: 1.2;
}

.table-responsive.subproduct {
  border-radius: 10px;
    box-shadow: 0 4px 4px rgb(108 148 184 / 21%), 0 -3px 2px rgb(108 148 184 / 12%);
}

.subproduct table tr:nth-child(1) td
{
    border-top: 0px !important;
}
.subproduct table td
{
    vertical-align: middle;
}
.subproduct .custom-button {
    color: #3051af;
    line-height: 40px;
     background:#fff; 
    padding: 0 20px;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid;
}
.props {
    color: #828596;
    font-size: 14px;
    font-weight: 500;
    /* margin-bottom: 12px; */
}
.mf-year {
    font-weight: 500;
    color: #828596;
    font-size: 14px;
    margin-bottom: 8px;
}
.title a {
    color: #3d4051;
    text-decoration: none;
    margin-bottom: 8px;
}

.facetwp-icon:before {
    display: inline-block;
    content: '';
    width: 30px;
    height: 100%;
    background: url('https://www.5paisa.com/mutual-funds/wp-content/plugins/facetwp/assets/images/icon-search.png') no-repeat;
    background-position: 5px 50%;
    background-size: 20px 20px;
}
.facetwp-icon {
    right: 0;
    height: 100%;
    line-height: 1;
    position: absolute;
    cursor: pointer;
    opacity: 0.5;
}

.facetwp-input-wrap input
{ 

      -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #3d4051;
    border-radius: 0;
    color: #0b1016;
    font-family: inherit;
    font-size: 16px;
    min-height: 50px;
    outline: 0;
}
.facetwp-input-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
}

p.mutual-para {
    font-size: 15px;
    margin: 18px 0px;
}
.box {
    position: relative;
    margin-bottom: 1.5rem;
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 0px;
    -webkit-transition: .5s;
    transition: .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
}
.pull-up {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}
.box-body {
    padding: 1.5rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);

/*    box-shadow: 0 4px 4px rgb(108 148 184 / 21%), 0 -3px 2px rgb(108 148 184 / 12%);*/
}
.box-body p.mb-0.text-fade {
    font-size: 16px;
    margin-bottom: 10px !important;
}
.box-body h6.mb-0 {
    font-size: 18px;
}
.box-body h5 {
    font-size: 18px;

}

.box-body hr {
    margin-top: 11px;
}
.font-13
{
  font-size: 13px;
  /*color: #333;*/
  line-height: 25px;
}
.font-14
{
  font-size: 14px;
  line-height: 25px;
}
.waves-light.custome-button {
    color: #3051af;
    background: white;
    border: 1px solid;
    line-height: 40px;
    /*background-color: #3051af;*/
    padding: 0 20px;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    border-radius: 25px;
}

.card-header.panel-heading a {
    font-size: 24px;
    color: #33406a;
    font-weight: 500;
}
.card.panel.panel-default {
    margin: 20px 0px;
    box-shadow: 0 4px 4px rgb(108 148 184 / 21%), 0 -3px 2px rgb(108 148 184 / 12%);
}

.card-header.panel-heading {
    background-color: #fff !important;
}
.spec_table .table-data {
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: 0 4px 4px rgba(108,148,184,.21),0 -3px 2px rgba(108,148,184,.12);
    box-shadow: 0 4px 4px rgba(108,148,184,.21),0 -3px 2px rgba(108,148,184,.12);
    border-radius: 5px;
    margin-bottom: 20px;
}
 table tr.mf_values.desktop-only {
    border-bottom: .6px solid #d8d8d8!important;
    color: #153a5b;
}
[is=flynt-table-mf-spec-details] table {
    width: 100%;
    margin-bottom: 0;
}
table.desktop-only {
    width: 100%;
}
table.desktop-only td.name {
    font-size: 14px;
        padding: 0.5em
}
table.desktop-only th {
    font-size: 18px;
        padding: 0.5em
}
.scheme-performance .table-data {
    -webkit-box-shadow: 0 1px 2px rgba(108,148,184,.21),0 -3px 2px rgba(108,148,184,.12);
    box-shadow: 0 1px 2px rgba(108,148,184,.21),0 -3px 2px rgba(108,148,184,.12);
    border-radius: 5px 5px;
    border: 1px solid #d8d8d8;
    background: #fff;
}
.table-data caption {
    text-align: left!important;
    background: #eee;
    border-radius: 5px 5px 0 0;
    /*font-size: 12px;*/
    line-height: 14px;
    color: #3d4051;
    font-size: 18px;
    line-height: 21px;
    padding: 20px 50px;
}

.table-data thead th {
    padding: 15px 20px;
    font-size: 14px;
}
.scheme-performance .performance tbody td {
    padding: 15px 25px;
    font-size: 14px;
}
.canvasjs-chart-toolbar {
    display: none;
}

.left-side {
 float:left; 
 position:sticky; 
 top:100px;
}
li.sub-level ul li a {
    /* padding: 11px; */
    padding: 4px 0px 0px 28px;
    border-bottom: 1px solid #f3f3f3;
}
button.chart-button {
    background: transparent;
    color: #828597;
    border: 1px solid #e0e1eb;
    margin: 0px 8px;
    font-size: 12px;
    height: 35px;
}
button.chart-button:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.button-list li
{
  margin: 10px 5px;
}
.list-label
{
  display: flex;
  align-items: center;
}
.list-label input[type=checkbox]{
width: auto;
margin-right: 10px;
height: auto;
}

/*Don't forget to add Font Awesome CSS : "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"*/
input[type="text"] {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  /*margin: 8px 0;*/
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
}

.inputWithIcon input[type="text"] {
  padding-left: 40px;
}

.inputWithIcon {
  position: relative;
}
.inputWithIcon input {
    padding-left: 26px;
}
.inputWithIcon i {
  position: absolute;
  left: 0;
  top: 3px;
  padding: 9px 8px;
  color: #4f82af;
  transition: 0.3s;
}
.inputWithIcon.inputIconBg i {
  background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
}
.how-item.active p ,.how-item.active span,.how-item.active .value-name{
    color: #fff;
}
 .how-item:hover p,.how-item:hover span ,.how-item:hover .value-name{
      color: #fff;
}
.mpstrategy-value-wrapper {
    background-color: rgb(50 89 166 / 13%);
    border-top: 1px solid rgba(57,104,198,.08);
    border-bottom: 1px solid rgba(57,104,198,.08);
    padding: 5px 15px;
    margin: 15px -20px;
}
.ins-tag .bg-warning {
    background-color: #ffc107!important;
    color: #fff;
    margin: 0px 5px;
    width: 19%;
    font-weight: 200;
}
.metrics-info, .run-info {
    display: grid;
    grid-gap: 15px;
    gap: 15px;
    grid-template-columns: repeat(auto-fit,minmax(240px,auto));
}
.small-info-card .info, .small-info-card .info .info-wrapper {
    display: flex;
    justify-content: space-between;
}

.small-info-card .info {
/*    height: 100%;*/
/*    min-height: 50px;*/
    padding: 10px;
    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.icons {
    font-size: 30px;
    background: #e8e9ebbf;
    padding: 8px;
    border-radius: 3px;
    margin-right: 10px;
}
.small-info-card {
    margin: 15px 0;
}
.filter-header .legend .list-inline-item .legend-color {
    border-radius: 2px;
    height: 12px;
    width: 12px;
}
.filter-header .legend .list-inline-item {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    grid-gap: 5px;
    gap: 5px;
    text-transform: uppercase;
}
.miss100 {
    background-color: #fcab01!important;
}
.hit100 {
    background-color: #1d989a!important;
}.profit100 {
    background-color: #28a745!important;
}
.loss100 {
    background-color: #c00!important;
}
.progress {
    height: 0.7rem;
}
 .progrss-div {
    margin-bottom: 40px;
}

 .stocktbl .table thead{
        background-color: #324fb0;
    }

    .stocktbl .table thead tr th:first-child{
        border-radius: 5px 0 0 0px;
    }

    .stocktbl .table thead tr th:last-child{
        border-radius: 0 5px 0 0;
    }

    .stocktbl .table tbody tr:last-child td:first-child{
        border-radius: 0 0 0 5px;
    }

    .stocktbl .table tbody tr:last-child td:last-child{
        border-radius: 0 0 5px;
    }

    .stocktbl .table input[type="checkbox"]{
        width: 20px;
        height: 20px;
    }

    .stocktbl .table thead th{
        vertical-align: top;
        color: #fff;
        border-bottom: none;
        border-top: none;
    }

    .stocktbl .table tbody td{
        border-top: none;
    }

    .stocktbl .table .actiontd i{
        font-size: 22px;
        color: #e84351;
    }

    .stocktbl .table tbody tr:nth-child(even){
        background-color: #e5e5e5;
    }

    #transaction{
        background-image: url('public/website/assets/images/transaction/transaction-bg.png');
        padding-bottom: 50px;
    }

    #transaction input[type="checkbox"] {
        width: 25px;
        height: 25px;
        margin-left: 10px;
    }

    #transaction input[type="number"], #transaction input[type="text"]{
        outline: none;
        box-shadow: none !important;
        background-color: #fff;
        border-radius: 5px;
        /*border: 1px solid #ced4da;*/
        margin: 0;
        padding: 12px 10px;
    }
.Portfolio-Analysis .counter-thumb img {
    width: 70px;
}
.Portfolio-Analysis .counter-item .counter-content .counter-header .title {

    font-size: 25px;
}

    .addstockdetail{
        border-radius: 20px;
        background-color: #f0f4fd;
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        padding: 20px;
    }

    .addstockdetail label{
        font-weight: 400;
        font-size: 24px;
        line-height: 34px;
        color: #33406a;
    }

    .bal-shape-new{
        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;
    }

    .bal-shape-new::after, .bal-shape-new::before {
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        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%);
        position: absolute;
        content: '';
    }

    .bal-shape-new::before{
        right: 0;
    }

    .bal-shape-new::after{
        left: 0;
    }

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

    .addstockdetail form input[type="text"], .addstockdetail form #stock, .addstockdetail form input[type="file"], .addstockdetail form input[type="password"], .addstockdetail form select {
        outline: none;
        box-shadow: none !important;
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #ced4da;
        margin: 0;
        padding: 12px 10px;
    }

    .formsubnew::after{
        position: absolute;
        content: ' ';
        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;
    }

    .addstockdetail::before{
        right: 189px;
        -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;
    }

    .addstockdetail::after{
        right: 189px;
        -webkit-transform: rotate(45deg) translate(27px, 4px);
        -ms-transform: rotate(45deg) translate(27px, 4px);
        transform: rotate(45deg) translate(27px, 4px);
        top: -43px;
    }

    .addstockdetail::after, .addstockdetail::before{
        position: absolute;
        content: ' ';
        width: 30px;
        height: 30px;
        background-color: #ffffff;
    }

    .stocktbl .table thead{
        background-color: #324fb0;
    }

    .stocktbl .table thead tr th:first-child{
        border-radius: 5px 0 0 0px;
    }

    .stocktbl .table thead tr th:last-child{
        border-radius: 0 5px 0 0;
    }

    .stocktbl .table tbody tr:last-child td:first-child{
        border-radius: 0 0 0 5px;
    }

    .stocktbl .table tbody tr:last-child td:last-child{
        border-radius: 0 0 5px;
    }

    .stocktbl .table input[type="checkbox"]{
        width: 20px;
        height: 20px;
    }

    .stocktbl .table thead th{
        vertical-align: top;
        color: #fff;
        border-bottom: none;
        border-top: none;
    }

    .stocktbl .table tbody td{
        border-top: none;
    }

    .stocktbl .table .actiontd i{
        font-size: 22px;
        color: #e84351;
    }

    .stocktbl .table tbody tr:nth-child(even){
        background-color: #e5e5e5;
    }

    .ordiv p {
        margin-bottom: 7px !important;
        font-size: 20px;
        color: #000;
        font-weight: 600;
        text-align: center;
    }
.steps {
    box-shadow: 0 15px 20px 10px rgba(0,0,0,.1);
    height: 140px;
    /* width: 120px; */
    background: #fff;
    border-radius: 7px;
    text-align: center;
}
.steps i {
    color: #fdbf53;
    font-size: 40px;
    margin-top: 18px;
}
.box-icon i {
    font-size: 38px;
    color: #1678fb;
    /* margin-top: -9px; */
    position: absolute;
    left: 3px;
    top: 3px;
}
.steps p:nth-child(2) {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0px;
}
.box-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: auto;
}

.box-button {
  display: flex;
  align-items: center;
}

.box-label {
  text-align: center;
  font-size: 14px;
}

.box {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.box-icon {
    width: 48px;
    height: 48px;
    padding: 8px;
    margin-bottom: 8px;
    border-radius: 50%;
    border: 2px dashed #1678fb;
    position: relative;
}
.heading-width
{
    width:70%;
}
@media (max-width: 480px) {
  /*.box {
    width: 16px;
    height: 16px;
  }
*/
.mf_category-tab-row a {
    font-size: 14px;
}
.mf_subcategory-tab-row a.subcat {
    font-size: 12px;
}
.mdn-accordion a, .mdn-accordion .accordion-title {
    font-size: 13px;
}
.box-body h6.mb-0 {
    font-size: 14px;
}
.box-body h5 {
    font-size: 15px;
    line-height: 27px;
}
div#directResult {
    margin-top: 15px;
}
.breadcrumb-fill2 .fa {
    left: 42% !important;
}
  .box-icon {
    width: 16px;
    height: 16px;
  }

  svg {
    width: 16px;
    height: 16px;
  }


}
.box-tag {
  flex-grow: 1;
  min-width: 20px;
  height: 1px;
  background-color: black;
}
.box:first-child .box-tag-left {
    background-color: #1b1a1a;
}
.box:last-child .box-tag-right {
  background-color: #1b1a1a;;
}
.box-new {
    width: 25%;
}




/*section {
  padding: 3rem 0;
}
*/
/*
 * 1. Tab Normal Effect
 * 2. Tab Rotation Effect
*/
.uix-tabs {
  /* 
   ---------------------------
   1. Tab Normal Effect
   ---------------------------
   */
  /* 
   ---------------------------
   2. Tab Rotation Effect
   ---------------------------
   */
}
.uix-tabs:not(.uix-tabs--rotation) {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 8px 32px 32px rgba(0, 0, 0, 0.02), 8px 64px 64px rgba(0, 0, 0, 0.02);
}
.uix-tabs:not(.uix-tabs--rotation) .uix-tabs__marker {
  background: #212121;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: 0.1s ease-in-out;
}
.uix-tabs .uix-tabs__content {
  display: none;
  padding: 1.3125rem;
  text-align: left;
}
.uix-tabs .uix-tabs__content.active {
  display: block;
}
.uix-tabs .uix-tabs__nav > ul {
  padding: 0;
  margin: 0;
}
.uix-tabs .uix-tabs__nav > ul > li {
  position: relative;
  display: block;
  transition: 0.1s ease-in-out;
  list-style: none;
  float: left;
  box-shadow: inset 1px 0px 0px 0px #e6e6e6;
  background: #f7f7f7;
  min-width: 7.5rem;
}
.uix-tabs .uix-tabs__nav > ul > li > a {
  position: relative;
  padding: 0.625rem 1rem;
  display: block;
  text-align: center;
}
.uix-tabs .uix-tabs__nav > ul > li.active {
  background: #fff;
}
.uix-tabs .uix-tabs__nav > ul::after {
  content: "";
  display: block;
  clear: both;
}
.uix-tabs.uix-tabs--center {
  box-shadow: none;
}
.uix-tabs.uix-tabs--center .uix-tabs__nav > ul {
  font-size: 0;
  /*Fighting the Space Between Inline Block Elements*/
  display: block;
  width: 100%;
  text-align: center;
  /*require*/
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 8px 32px 32px rgba(0, 0, 0, 0.02), 8px 64px 64px rgba(0, 0, 0, 0.02);
}
.uix-tabs.uix-tabs--center .uix-tabs__nav > ul li {
  font-size: 1rem;
  /*Fighting the Space Between Inline Block Elements*/
  display: inline-block;
  /*require*/
  float: none;
}
.uix-tabs.uix-tabs--rotation .uix-tabs__content {
  position: relative;
/*  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 8px 32px 32px rgba(0, 0, 0, 0.02), 8px 64px 64px rgba(0, 0, 0, 0.02);
*/}
.uix-tabs.uix-tabs--rotation .uix-tabs__nav {
  position: relative;
  margin: 0;
}
.uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul {
  box-sizing: border-box;
  position: relative;
  width: 300px;
  height: 300px;
  border: 1px solid #ccc;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul > li {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: absolute;
  width: 80px;
  height: 80px;
  background: none;
  box-shadow: none;
  z-index: 2;
  top: 0;
  left: 50%;
  min-width: inherit;
  /* Required */
}
.uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul > li > a {
  width: 84px;
  height: 80px;
  line-height: 60px;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 8px 32px 32px rgba(0, 0, 0, 0.02), 8px 64px 64px rgba(0, 0, 0, 0.02);
}
.uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul > li.active > a {
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    color: #fff;
}

/* Center alignment */
.uix-t-c .uix-tabs.uix-tabs--rotation .uix-tabs__nav {
  margin: 0 auto;
}

@media all and (max-width: 768px) {
  .uix-tabs {
    /* Tab Rotation Effect */
  }
  .uix-tabs:not(.uix-tabs--rotation) li {
    width: 100% !important;
  }
  /*.uix-tabs.uix-tabs--rotation .uix-tabs__nav {
    width: auto !important;
  }*/
}


.uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul > li.active > a img{
    transition: transform 2s;
    filter: brightness(5);
}
.uix-tabs.uix-tabs--rotation .uix-tabs__nav > ul > li > a img{
  margin-top: 7px;
}
.row.first-row-plan {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
/*    width: 100%;*/
    align-items: center;
}
.plan-my-goal button
 {
 font-size: 13px;
 height: 38px;
 padding: 0px 10px;
 line-height: 35px;
 }

 .has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.has-search  input{
  border-radius: 30px;
}
.schemes .nav-tabs .nav-link.active, .schemes .nav-tabs .nav-link:hover {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: 2px solid !important;
}
.schemes .nav-tabs .nav-link {
    border: none !important;

}/* Choose all input elements that have the attribute: type="radio" and make them disappear.*/
.button-radio input[type="radio"] {
  display:none;
}

/* The label is what's left to style. 
As long as its 'for' attribute matches the input's 'id', it will maintain the function of a radio button. */
.button-radio label {
    padding: 0.8em;
    display: inline-block;
    border: 1px solid #324fb0;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    transition: .3s linear;
}
.button-radio .blank-label {
  display: none;
}

/* The '+' is the adjacent sibling selector.
It selects what ever element comes right after it,
as long as it is a sibling. */
.button-radio input[type="radio"]:checked + label {
  background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
  color: #fff;
}
.eye-icon
{
 position: absolute;
 top: 44px;
 right: 8px;
}
.plan-input input , .plan-input i
{
  font-size: 25px;
}




.nav-pills-custom .nav-link {
    color: #333;
    background: #fff;
    position: relative;
}

.nav-pills-custom .nav-link.active {
    color: #e73651;
    background: #fff;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}
.text-left li{
    margin-left: 15px;
    position: relative;
}
.very_aggr:before {
content: '';
background-color: #ecb004;
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
    left: -26px;
    top: 11px;
}
.very_aggr:first-child:before {
    content: '';
    background-color: #83c605;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
        left: -26px;
        top: 11px;
    }
.aggr:before {
content: '';
background-color: #df883b;
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
    left: -26px;
    top: 14px;

}
.very_aggr:last-child:before{
content: '';
background-color: #d44c4c;
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
    left: -26px;
    top: 12px;
}
.moder:before {
content: '';
background-color: #bbd104;
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
    left: -26px;
    top: 12px;
}
.cons:before {
content: '';
background-color: #83c605;
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
    left: -26px;
    top: 12px;
}
.risk:before {
content: '';
background-color: #1b8d13;
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
    left: -26px;
    top: 12px;
}

 .card0 {
   background-color: #F5F5F5;
   border-radius: 8px;
   z-index: 0
   }
   .card00 {
   z-index: 0;
   box-shadow: 0 20px 20px #d7e2fb;
   padding: 30px;
   }

   .card2 {
   display: none
   }
   .card2.show {
   display: block
   }
  
   
   .next-button {
  color: #ffffff;
    line-height: 40px;
    background: -webkit-linear-gradient(-103deg, #083ebc 0%, #0443c2 35%, #011f9b 76%, #011f9b 100%);
    padding: 0 30px;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    border-radius: 25px;
   }
   .next-button:hover {
   background-color: #E53935;
   color: #fff
   }
   .get-bonus {
   margin-left: 154px
   }
   .prev {
    display: block;
    position: absolute;
    left: 40px;
    top: 20px;
    cursor: pointer
}

.prev:hover {
    color: #D50000 !important
}
   .pic {
   width: 230px;
   height: 110px
   }
   #progressbar {
   position: absolute;
   left: 0px;
   overflow: visible;
   color: #E53935;
   justify-content:space-around;
   width: 100%;
   }
   #progressbar .step0:before {
    content: "";
    color: #fff;
    background: #fff;
    z-index: 9;
    position: relative;
}
   .box-tag {
    flex-grow: 1;
    /* min-width: 20px; */
    /* height: 1px; */
    background-color: #e53935;
    position: relative;
    top: 19px;
    left: 0px;
}
   #progressbar li {
    list-style-type: none;
    font-size: 8px;
    font-weight: 400;
    margin-bottom: 36px;
   
}
   #progressbar li:nth-child(3) {
   margin-bottom: 88px
   }
   #progressbar .step0:before {
   content: "";
   color: #fff
   }
   #progressbar li:before {
   width: 30px;
   height: 30px;
   line-height: 30px;
   display: block;
   font-size: 20px;
   background: #fff;
   border: 2px solid #E53935;
   border-radius: 50%;
   margin: auto
   }
   
   #progressbar li.active:before {
   background: #E53935;
   font-family: FontAwesome;
   content: "\f00c"
   }
   .tick {
   width: 100px;
   height: 100px
   }
 
   @media screen and (max-width: 912px) {
   .card00 {
   padding-top: 30px
   }
   .card1 {
   border: none;
   margin-left: 50px
   }
   .card2 {
   border-bottom: 1px solid #F5F5F5;
   margin-bottom: 25px
   }
  
   .get-bonus {
   margin-top: 40px !important;
   margin-left: 75px
   }
   #progressbar {
   left: -25px
   }
   }
   .risk-value {
    border-radius: 5px;
    height: 40px;
    padding: 8px;
    color: #fff;
    background-color: rgb(5 65 192);
}

.box-body-1 {
    padding: 1rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 5px;
}
.box-1 {
    position: relative;
    margin-bottom: 1.5rem;
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 0px;
    -webkit-transition: .5s;
    transition: .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
}
.client
{
  background: #f5f7fc;
}
.be-1 {
    border-right: 1px solid #f0f3f6 !important;
}
.bb-dashed {
    border-bottom-style: dashed !important;
}
.bb-1 {
    border-bottom: 1px solid #f0f3f6 !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pt-50{
    padding-top:50px;
}
.risk-profile p{
    margin-bottom: 6px;
    font-weight: 600;
}
.risk-profile .radio label input{
    height: 36px;
}
.risk-box {
    border: 1px solid #efeeff;
    padding: 20px;
    border-radius: 10px;
    background: #ededf4;
    width: 100%;
    margin: 20px;
}
.risk-box .col-12 .bt{
    border-top: 1px solid #d8d7e6 !important;
    padding-top: 7px;
}
.para{
    margin-bottom: 5px;
}


.risk_averse
{
    color: #1b8d13;
}

.conservative{
    color: #83c605;
}

.moderate{
    color: #bbd104;
}

.m-aggressive{
    color: #ecb004;
}

.aggressive{
    color: #df883b;
}

.v-aggressive{
    color: #d44c4c;
}


.row.otp-row {
  margin: auto; /* center horizontally */
  
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  width:100%;

}

.otp-row input {
  margin: 0.5rem;
  padding: 0.5rem;
  max-width: 2rem;
  text-align: center;
  width: auto;
  background: #f4f4f4 !important;
}

/* remove the up/down spinner in number input
   source - https://css-tricks.com/snippets/css/turn-off-number-input-spinners/
*/
.otp-row input[type=number]::-webkit-inner-spin-button, 
.otp-row input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.login-signup .nav-link 
{
  font-size: 14px;
  border: none;
  padding: 10px 10px;
}
.login-signup p
{
  font-size: 14px;
}
.bg-blue
{
  background: #19308af7;
}
.login-signup .contact-form .form-group label, .login-signup .contact-form .form-group input
{
  font-size: 14px !important;
}
.cross-btn
{
  position: absolute;
  right: 8px;
  top: 0;
  background:transparent;
}
.login-signup .nav-tabs .nav-link.active, .login-signup .nav-tabs .nav-link:hover {
    color: #fdfeff;
    border-bottom: 2px solid  #324fb0;
    /* background: red; */
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
} 
.login-signup .nav-tabs .nav-link:focus, .login-signup .nav-tabs .nav-link:hover {
    border: none !important;
    outline: 0px !important;
}

.dropdown-menu{
                position: absolute; 
              
                
                padding: 12px;
                transform: translate3d(0px, 45px, 0px) ;
                background-color: #fff;
                box-shadow: 0 2px 13px 0 rgb(0 0 0 / 6%), 0 1px 2px 0 rgb(0 0 0 / 13%);
/*                border: none;*/
            }
            .dropdown-menu li, .dropdown-menu li a{
                padding: 0px !important;
            }
            .dropdown-header{
                padding: 0px;
                font-size: 12px;
            }
            .dropdown-header .log:hover{
                color: #324fb0!important; 
                font-weight: Bold !important;
            }

            .dropdown-item{
                padding: 0px;
            }


            .box-body.cart-div {
border-radius: 20px;
    background-color: #f0f4fd;
    position: relative;
    overflow: hidden;
 
    padding: 30px;
}
.holding-table thead {
    background-color: #68dbf321;
    color: #33406a;
}
.holding-table th {
font-size: 14px;
font-weight: 400;
 border-bottom: 1px solid #dedede !important;
 text-align: center;
}
.holding-table-div {
   /* background: #f8faff;
    padding: 30px 40px;*/
/*    border-radius: 15px;*/
    box-shadow: 0px 16px 10px 0px rgb(112 120 146 / 10%);
    margin-top: 40px;
}

table.holding-table tbody {
    background: #fff !important;

}
table.dividend-table thead {
    background: #f2f2f2 !important;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}
.page-item.active .page-link {
    background-color: #67b1fd !important;
    border-color: #66adfe !important;
}
body.text-primary {
    color: #324fb0 !important;
}
.holding .counter-item {
 justify-content: center;
}
.holding .counter-item .counter-content .counter-header {
    align-items: center;
    justify-content: center;
}
.holding .counter-item .counter-content {
     padding-left: 0px; 
    text-align: center;
}
.holding .counter-item .counter-content .counter-header .title {
    font-size: 25px;
}



.menu a:hover {
 
  color: #fff;
}
.menu a:hover .icon {
  fill: #fff;
}

.dropdown > a {
  display: flex;
  align-items: center;
}
.dropdown > a .icon {
  margin-left: 0.25em;
}

.dropdown:hover .dropdown-nav {
  opacity: 1;
  transform: translateY(0);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.dropdown-nav {
    opacity:0;
    transition: transform 0.3s cubic-bezier(0.88, -0.72, 0, 1), opacity 0.3s ease-in-out;
    /*transform: translateY(-4rem);*/
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
    top: 50px;
    left: -29px;
    background-color: #fff;
    width: 200px;
}
.dropdown-nav li a
{
  padding: 0px !important;
}
.dropdown-nav hr {
    margin: 0.5em 0 !important;
}
.watchlist-table {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 0 1px #dedede;
    box-shadow: 0 0 0 1px #dedede;
    overflow: hidden;
    margin: 0;
}


table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 50%;
    content: "▼";
    color: #66a8fe;
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 50%;
    content: "▲";
    color: #66b0fd;
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    opacity: 1.125 !important;
}
.breadcrumb {
    background-color: #fff   !important;
    justify-content: center;
}
.container.counter-section.holding.border-1 {
    border: 1px solid #e7eaef;
    border-radius: 20px;
    padding: 20px;
    background-color: #fef7ea;
}
.counter-item .counter-content p {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 0px;
}
.dashboard-hero-content .title {
    font-weight: 700;
}
.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.checked-timline p
{
margin-left: 0px;
margin-bottom: 0px !important;
}
.checked-timline .form-control {  
    width: 15%; 
} 
.alert.checked-timline {
    padding: 8px 15px !important;
}
.col-md-12.border-line {
    border: 1px solid #ddd;
    /* margin-top: 24px; */
    position: absolute;
    top: 65px;
    left: 0;
}

.steps-main {
  display: flex;
  align-items: center;
  justify-content: center;
  /*height: 100vh;*/
  padding: 10px;
}
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}


.steps-main h3,.steps-main .h3 {
    font-family: source sans pro,sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #000
}

.steps-main h4,.steps-main .h4 {
    font-family: source sans pro,sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #000
}

.steps-main h4 p,.steps-main .h4 p {
    color: #000;
    font-size: 14px;
    margin-top: -5px;
    font-family: source sans pro,sans-serif;
    font-weight: 400
}

.steps-main .tabs .btn-group {
    width: 100%;
    margin-bottom: 20px
}

.steps-main .tabs .btn-group.btn-group-vertical {
    flex-direction: column
}

.steps-main .tabs .btn-group.btn-group-vertical .btn {
    border-bottom-width: 0;
    margin-left: 0
}

.steps-main .tabs .btn-group.btn-group-vertical .btn:after,.steps-main .tabs .btn-group.btn-group-vertical .btn:before {
    display: none
}

.steps-main .tabs .btn-group.btn-group-vertical .btn.active:after,.steps-main .tabs .btn-group.btn-group-vertical .btn.active:before {
    display: inline-block
}

.steps-main .tabs .btn-group.btn-group-vertical .btn.active:before {
    right: -11px;
    left: auto
}

.steps-main .tabs .btn-group.btn-group-vertical .btn:first-child {
    border-top-left-radius: 8px!important;
    border-bottom-left-radius: 0!important;
    border-top-right-radius: 8px!important;
    border-bottom-right-radius: 0!important
}

.steps-main .tabs .btn-group.btn-group-vertical .btn:last-child {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 8px!important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 8px!important;
    border-bottom-width: 1px
}

.steps-main .tabs .btn-group .btn {
    justify-content: flex-start;
    min-height: 70px;
    display: flex;
    align-items: center;
    text-align: left;
    background-color: #f8f8f8;
    border-color: #e4e4e5;
    padding: 16px 20px;
    border-radius: 0;
    transition: all ease-in-out .3s
}

.steps-main .tabs .btn-group .btn:hover {
    z-index: auto
}

.steps-main .tabs .btn-group .btn:after,.steps-main .tabs .btn-group .btn:before {
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    transition: all ease-in-out .3s
}

.steps-main .tabs .btn-group .btn:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #f8f8f8;
    border-width: 14px;
    margin-top: -14px;
    z-index: 3
}

.steps-main .tabs .btn-group .btn:before {
    border-color: #e4e4e5;
    border-left-color: #e4e4e5;
    border-width: 0 1px 1px 0;
    left: -11px;
    display: inline-block;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    padding: 10px;
    top: 50%
}

.steps-main .tabs .btn-group .btn img,.steps-main .tabs .btn-group .btn div {
    pointer-events: none;
    opacity: 1;
}

.steps-main .tabs .btn-group .btn.tab1,.steps-main .tabs .btn-group .btn:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.steps-main .tabs .btn-group .btn.tab1:after,.steps-main .tabs .btn-group .btn:first-child:after {
    border-color: transparent;
    border-left-color: #fff;
    border-width: 14px;
    margin-top: -14px
}

.steps-main .tabs .btn-group .btn.tab1:before,.steps-main .tabs .btn-group .btn:first-child:before {
    display: none
}

.steps-main .tabs .btn-group .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.steps-main .tabs .btn-group .btn:last-child:after {
    display: none
}

.steps-main .tabs .btn-group .btn div {
    /* font-family: source sans pro,sans-serif; */
    /* font-weight: 700; */
    /* height: 27px; */
    font-size: 14px;
    margin-left: 8px;
    color: #000;
}

.steps-main .tabs .btn-group .btn div p {
    color: #000;
    font-size: 14px!important;
    font-family: source sans pro,sans-serif;
    font-weight: 400;
    margin-bottom: 0
}

.steps-main .tabs .btn-group .btn:focus {
    outline: none;
    box-shadow: none
}

.steps-main .tabs .btn-group .btn.active {
    background-color: #7cd4fa!important;
    border-color: rgba(93,188,230,.2)!important;
}
.steps-main .tabs .btn-group .btn.active:after {
    border-color: transparent;
    border-left-color: #def5ff;
    border-width: 14px;
    margin-top: -14px
}

.steps-main .tabs .btn-group .btn.active:before {
    border-color: #c3e9fb;
    border-left-color: #c3e9fb
}

.steps-main .tabs .btn-group .btn.active img,.steps-main .tabs .btn-group .btn.active div {
    opacity: 1
}

.steps-main .tabs .btn-group .btn.complete {
    opacity: 1;
    background-color: #fff
}

.steps-main .tabs .btn-group .btn.complete:after {
    border-left-color: #fff
}

.steps-main .tabs .btn-group .btn.complete img,.steps-main .tabs .btn-group .btn.complete div {
    opacity: 1
}

@media(max-width: 990px) {
   /* .steps-main .tabs .btn-group {
        flex-direction:column;
        display:none;
    }
*/
    .steps-main .tabs{
    overflow-x: auto;
    margin-bottom: 30px;
}
/* width */
.steps-main .tabs::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.steps-main .tabs::-webkit-scrollbar-track {
  background: #f1f1f1;
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

/* Handle */
.steps-main .tabs::-webkit-scrollbar-thumb {
  background: #7cd4fa;
   border-radius: 10px;
}
    .steps-main .tabs .btn-group .btn {
        border-bottom-width: 0;
        margin-left: 0
    }

    .steps-main .tabs .btn-group .btn:after,.steps-main .tabs .btn-group .btn:before {
        display: none
    }

    .steps-main .tabs .btn-group .btn.active:after,.steps-main .tabs .btn-group .btn.active:before {
        display: inline-block
    }

    .steps-main .tabs .btn-group .btn.active:before {
        right: -11px;
        left: auto
    }

    .steps-main .tabs .btn-group .btn:first-child {
        border-top-left-radius: 8px!important;
        border-bottom-left-radius: 0!important;
        border-top-right-radius: 8px!important;
        border-bottom-right-radius: 0!important
    }

    .steps-main .tabs .btn-group .btn:last-child {
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 8px!important;
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 8px!important;
        border-bottom-width: 1px
    }
}

.wt-25
{
  width: 40px;
}
.card-graph-box {
   
   box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    padding: 20px;
}
#main {
  margin: 50px 0;
}
#main #faq .card {
    margin-bottom: 30px;
    border: 0;
    box-shadow: 0 4px 4px rgb(108 148 184 / 21%), 0 -3px 2px rgb(108 148 184 / 12%);
}

#main #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
    display: block;
    text-align: left;
    color: #222;
    padding: 20px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
 
  
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main #faq .card .collapsing {
 
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {

  line-height: 30px;
  color: #222;
}
.input-elevated{
font-size: 16px;
line-height: 1.5;
border: none;
background: #FFFFFF;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path fill='%23838D99' d='M13.22 14.63a8 8 0 1 1 1.41-1.41l4.29 4.29a1 1 0 1 1-1.41 1.41l-4.29-4.29zm-.66-2.07a6 6 0 1 0-8.49-8.49 6 6 0 0 0 8.49 8.49z'></path></svg>");
background-repeat: no-repeat;
background-position: 10px 10px;
background-size: 20px 29px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
border-radius: 5px;
padding: .5em 1em .5em 2.5em !important;
} 

.input-elevated::placeholder{
  color: #838D99;
}

.input-elevated:focus {
  outline: none;
  box-shadow: 0 4px 10px 0 rgba(0,0,0,0.16);
}
.button-box-row a
{
width: 100%;
}
/*DEMO ONLY*/

.service-categories {
  padding-top: 3em;
  padding-bottom: 3em;
  background-size: cover;
}


/*DEMO ONLY*/

.service-categories .card {
    transition: all 0.3s;
    text-align: center;
    padding-top: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; */
}
.service-categories .card img {
    height: 60px;
    width: 55px;
}

.service-categories .card-title {
    padding-top: 0.5em;
    font-size: 0.8rem;
}
.service-categories a:hover {
  text-decoration: none;
}

.service-card {
  
  border: 0;
}

.service-card:hover {
 
  box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2)
}

.fa {
  color: white;
}
.home-about
{
background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
    }
    .background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
  background-color: rgb(19 9 71);
    opacity: 0.7;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.home-about .section-header .title , .home-about h5.title{
color:#fff;
}
table.table.watchlist-table.holding-table.table-bordered td {
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    font-size: 14px;
}

div#sipmodel .modal-header .modal-title, div#onetime .modal-header .modal-title {
    margin-top: 0px;
}
ul#myTab li button {
    font-size: 14px;
}
ul#myTab li button.nav-link.active {
    color: #e73351 !important;
}
ul#myTab li .nav-link.active, ul#myTab li .nav-link:hover
   {
    border: none !important;
    border-bottom: 1px solid #e73351 !important;
}










.breadcrumb ol { list-style: none;}
.breadcrumb {
    width: 100%;
    float: left;
    margin: 30px 0 40px 0px !important;
    padding: 7px;
    position: relative;
    display: block;
    background: rgba(0,0,0,.05);
}.breadcrumb {
    display: block !important;

}
.breadcrumb ol { list-style: none;}
.breadcrumb li { height: 30px; line-height: 30px; float: left; padding: 0 12px;}
.breadcrumb li a { text-decoration: none;}
.breadcrumb a:hover { text-decoration: none;}

/* Bredcrumb Fill 0 */
.breadcrumb-fill0 { padding: 15px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 50px 0px rgba(0,0,0,.2);}


/* Bredcrumb Fill 2 - style 1 */
.breadcrumb-fill2 { padding: 15px; background: #19308a  !important; color: #ffffff; border-radius: 15px; box-shadow: 0px 0px 50px 0px rgba(0,0,0,.2);}
.breadcrumb-fill2 .fa { position: absolute; background: #19308a ; padding: 25px; border-radius: 50%; left: -10px; top: -10px; font-size: 25px; line-height: 1; box-shadow: 0px 0px 50px 0px rgba(0,0,0,.2);}
.breadcrumb-fill2, .breadcrumb-fill2 li, .breadcrumb-fill2 li.active, .breadcrumb-fill2 li a { color: #ffffff; font-size: 12px;}




/* Bredcrumb Fill 2 - style 4 */
.breadcrumb-fill2.style4 { border-radius: 30px; background: #1f3a93; padding: 0; width: 100%; float: left;}
.breadcrumb-fill2.style4 .fa { border: 5px solid #ffffff; text-align: center; padding: 15px;}
.breadcrumb-fill2.style4 li { height: 50px; line-height: 50px; float: left; padding: 0 12px;}
.breadcrumb-fill2.style4 li:before { display: none;}
.breadcrumb-fill2.style4 li:first-child {
    background: rgba(0,0,0,.3);
    border-radius: 30px 0px 0px 30px;
}.breadcrumb-fill2.style4 li:nth-child(2n) { background: rgba(0,0,0,.4);}
.breadcrumb-fill2.style4 li:nth-child(3n) { background: rgba(0,0,0,.3);}
.breadcrumb-fill2.style4 li:nth-child(4n) { background: rgba(0,0,0,.2);}
.breadcrumb-fill2.style4 li:nth-child(5n) { background: rgba(0,0,0,.1);}
.breadcrumb-fill2.style4 li:last-child { background: transparent;}

.breadcrumb .fa:hover { transform: scale(1.15)}


@media screen and (max-width: 768px) {
  .breadcrumb-fill2 .fa {
    left: 45%;   
    font-size: 15px;
}
.breadcrumb-fill2.style4 li {
    text-align: center;
    width: 100%;
}
.breadcrumb-fill2.style4 li {
    height: 40px;
    line-height: 40px;
   
}
.breadcrumb-fill2.style4 li:first-child {
    background: transparent;
     border-radius: 0px; 
}
}
section.client-section {
    overflow-x: hidden;
}
.insurance-div img
{
    width: 100%;
}
@media screen and (max-width: 768px) {

.transaction-tab .tab-menu li {
    padding: 7px 0px;
   
}

}
@media screen and (max-width: 991px) {
    .metrics-info, .run-info {
       grid-gap:0px !important; 
    grid-template-columns: auto !important;
}
.mf_subcategory-tab-row
{
    height:auto !important;
}
.small-info-card {
    margin: 8px 0;
}
    .reverse-row
    {
        flex-direction: column-reverse;
    }
    .service-categories .card,.card-graph-box {
    
    margin-bottom: 20px;
}
.insurance-div
{
    margin: 20px 0px;
}
.custom-bg.left-side {
    margin-bottom: 20px;
    width: 100%;
}
.custom-button {
    padding: 0 15px;
    font-size: 13px;
    
}
.dropdown-menu {
    position: relative !important;
    transform: translate3d(0px,12px, 0px) !important;
    width: 100%;
}
   .header-bar {
    
    margin-right: 15px;
}
.uix-t-c .uix-tabs.uix-tabs--rotation .uix-tabs__nav {
    margin: 35px auto;
}
}


.columns {
  border: 1px solid #989898;
  border-radius: 6px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.info-col {
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    color: #353839;
    padding: 2rem 1rem 2.5rem 1rem;
    border: 1px 0 0 1px solid #989898;
    border-radius: 4px 0 0 4px;
}

.info-text {
  margin-top: 1.25rem;
  font-weight: 600;
  color: #fff;
}
.column li a, .column li
{
    color: #fff;
}
.form-col {
  color: #353839;
  padding: 5.625rem 1.875rem 1.875rem 1.875rem;
}

/* Responsive media query for mobile screen breakpoints*/
@media (max-width: 768px) {
.bal-shape-new {
    display: none;
}
.hover-tab-menu .tab-menu {
  
    top: 15px;
}
  .columns {
    border: 1px solid #989898;
    border-radius: 6px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
  }

  .info-col {
   
    color: #353839;
    padding: 1.25rem;
    border: 1px 1px 0 1px solid #989898;
    border-radius: 4px 4px 0 0;
  }

}

.columns .field {
    margin-bottom: 20px;
}


.modal-header {
    align-items: center;
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    height: 70px;
}
.modal-title
{
    color: #fff;
}
.modal-header button{
background: transparent;
color: #fff;
height: auto;
font-size: 25px;
}
button.custom-button:focus {
    outline: 0px !important;
}
.mf_category-tab-row a:hover
{
   
    color: #ffffff;
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
}
.mf_subcategory-tab-row {
    border: 1px solid #eee;
    box-shadow: 1px 1px 4px #eee;
    height: 250px;
    overflow-y: auto;
}
.mf_subcategory-tab-row a.subcat {
    background: #f5f3f3;
}
 .mf_subcategory-tab-row a:hover
{
   
    color: #ffffff;
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%) !important;
}
.mf_category-tab-row a.active {
 color: #ffffff;
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
}
  
.subcategory_name {
    background: -webkit-linear-gradient(-103deg, #ef774c 0%, #ed684f 35%, #e84351 76%, #e73351 100%);
    border-radius: 28px;
    width: auto;
    display: inline-table;
    padding: 10px 40px;
    color: #fff;
}
.subcat
{
    font-size:13px;
}
div#directResult {
    height: 400px;
    overflow-y: auto;
}
ul.links.d-block li a i {
    margin-right: 6px;
}
ul.stockul {
    height: 150px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e9e2e2;
    padding: 20px;
}
ul.stockul li {
   font-size: 13px !important;
}
/*-----------------filter toggle css------------*/

.filter-toggle {
    position: absolute;
    top: 15px;
    left: 0;
    padding: 0 100px;
    display: none;
    width: 100%;
    box-sizing: border-box;
  }
  .filter-toggle .logo {
    color: #FFF;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    float: left;
    font-weight: bold;
  }
  .filter-toggle nav {
    float: right;
  }
  .filter-toggle nav ul {
    margin: 0;
    padding: 0;
    display: flex;
  }
  .filter-toggle nav ul li {
    list-style: none;
  }
  .filter-toggle nav ul li a {
    /* height: 50px;
    line-height: 50px; */
    padding: 0 20px;
    color: #FFF;
    text-decoration: none;
    display: block;
  }
  .filter-toggle nav ul li a:hover,
  .filter-toggle nav ul li a.active {
    color: #FFF;
    background: #2196F3;
  }
  .menu-toggle {
    color: #FFF;
    float: right;
    line-height: 50px;
    font-size: 24px;
    cursor: pointer;
    display: none;
  }
  .menu-toggle i
  {
    color: #262626
  }
  @media (max-width: 991px) {
    .filter-toggle {
      padding: 0 20px;
    }
    .menu-toggle {
      display: block;
    }
    .filter-toggle nav {
      position: absolute;
      width: 100%;
      /* height: calc(100vh - 50px);
      background: #333; */
      top: 50px;
      left: -124%;
      transition: 0.5s;
    }
    .filter-toggle nav.active {
      left: 0;
    }
    .filter-toggle nav ul {
      display: block;
      text-align: center;
    }
    .filter-toggle nav ul li a {
      border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    .filter-toggle nav ul li a span{
       color: #262626;
      }
  }
@media (max-width: 991px) {
   .desktop-mf-filter
   {
       display: none;
   }
   .filter-toggle
   {
    display: block;
   }

}
.left-side {
    z-index: 9;
}