a,
button,
img,
input,
span,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


/* ROOT =================================================================================================== */
:root{
    --bs-border-radius: 4px;
}
/* @media screen and (max-width: 1024px) {
  :root {
    --bs-border-radius: calc(4px / 2);
  }
} */

[data-bs-theme="dark"] {
    --themeGlobalPrimary: #2969f3;
    --themeGlobalPrimaryLight: #ccefca;

    --themeGlobalSecondary: #111143;
    --themeGlobalSecondaryLight: #d4e0fe;

    --themeGlobalHeadline: #fff;
    --themeGlobalBody: #fff;

    --themeGlobalBackground: #000000;
    --themeGlobalBodyFontSize: 16px;
    --themeGlobalFontFamily: "IBM Plex Sans", system-ui, sans-serif;

    --oi-card-bg: #000000 !important;

    --oi-color-1: #96cffa;
    --bs-border-color: #2356c0;

    --theme-btn-background: linear-gradient(135deg, #3b46d3b3 0%, #222e7478 100%);
    --theme-btn-hover-background: linear-gradient(135deg, #2933b8b3 0%, #01083678 100%);

    --theme-btn-border: 1px solid #5d87ff;
    --theme-btn-shadow: 0 4px 15px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(93, 135, 255, 0.2);
}

/* [data-bs-theme="light"] {
    --themeGlobalPrimary: #2356c0;
    --themeGlobalPrimaryLight: #ccefca;

    --themeGlobalSecondary: #111143;
    --themeGlobalSecondaryLight: #d4e0fe;

    --themeGlobalHeadline: #212529;
    --themeGlobalBody: #53648e;    

    --themeGlobalBackground: #f5f5f5;
    --themeGlobalBodyFontSize: 16px;
    --themeGlobalFontFamily: "IBM Plex Sans", system-ui, sans-serif;

    --oi-card-bg: #ffffff !important;

    --oi-color-1: #96cffa;
} */


/* Global =================================================================================================== */

body {
    margin: 0;
    padding: 0;
    color: var(--themeGlobalBody) !important;
    background-color: #07093e  !important;
    font-size: var(--themeGlobalBodyFontSize) !important;
    line-height: calc(var(--themeGlobalBodyFontSize) + 10px) !important;
    font-family: var(--themeGlobalFontFamily) !important;
}
@media screen and (max-width: 1366px) {
    body {
        font-size: 16px !important;
        line-height: 26px !important;
    }
}
@media screen and (max-width: 1024px) {
    body {
        overflow-x: hidden;
        font-size: 15px !important;
        line-height: 25px !important;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--themeGlobalFontFamily) !important;
    color: var(--themeGlobalHeadline);
}

.btn{
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

button,
input,
textarea {
    color: var(--themeGlobalHeadline);
    font-family: var(--themeGlobalFontFamily) !important;

}

p {
    font-size: var(--themeGlobalBodyFontSize) !important;
}

.text-primary {
    color: var(--themeGlobalPrimary) !important;
}

form {
    margin-bottom: 0 !important;
}

input,
select {
    font-family: var(--themeGlobalFontFamily) !important;
}

button:focus,
a:focus {
    outline: none !important;
    box-shadow: none !important;
}

@media screen and (max-width: 1024px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.body-content-area {
    padding: 50px 0;
    min-height: 50vh;
}

@media screen and (max-width: 1024px) {
    .body-content-area {
        padding: 10px 0px 30px 0px;
    }
}

@media screen and (min-width: 1025px) {
    .main-navigation .navbar-nav .menu-item a {
        font-size: 18px !important;
        font-weight: 500 !important;
    }
}

.blog-breadcrumb {
    background-color: transparent !important;
    display: none !important;
}

.blog-content-row .widget {
    background-color: #fff !important;
}

.blog-content-row .widget:first-child {
    background-color: transparent !important;
}

.wp-block-search__inside-wrapper input {
    border-radius: 10px !important;
}

.error-404 {
    background-color: transparent !important;
}

.site-logo {
    width: 100%;
}

.site-logo img {
    width: 100%;
}

.mas-list-group-text {
    font-size: var(--themeGlobalBodyFontSize) !important;
}

.flowto-preloader div {
    background-color: var(--themeGlobalPrimary);
}

.btn:focus,
.form-check-input:focus,
.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(102, 102, 102, .1) !important;
}

.form-check-input:checked {
    border: 1px solid #90b2ff !important;
}

.col-full {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.superTitle {
    font-size: 68px ;
    line-height: 78px ;
    font-weight: 600 !important;
    text-align: left;
    background: -webkit-linear-gradient(#b6e3ff, #2e57c5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1366px) {
    .superTitle {
        font-size: 55px;
        line-height: 65px;
    }
}
@media screen and (max-width: 1024px) {
    .superTitle {
        font-size: 27px !important;
        line-height: 37px !important;
    }
}

.superDescription {
    margin-bottom: 20px;
}
@media screen and (max-width: 1366px) {
    .superDescription {
        font-size: 16px;
        line-height: 26px;
    }
}
@media screen and (max-width: 1024px) {
    .superDescription {
        font-size: 15px;
        line-height: 25px;
    }
}

.superDescription:last-child {
    margin-bottom: 0px;
}

.custom-btn {
    height: 46px;
    display: flex;
    align-items: center;
    border-radius: 10px !important;
    padding-left: 25px;
    padding-right: 25px;
}

.btn-secondary{
    border-radius: 12px;
    background-color: #6983bb;
}
.btn-secondary:hover{
    background-color: #2356c0;
}

.custom-btn.btn-primary {
    color: #060b45;
    background-color: var(--oi-color-1) !important;
    border-color: var(--oi-color-1) !important;
    width: fit-content;
    transform: translateY(0px);
    transition: all 0.2s ease-in-out;
}

.custom-btn.btn-primary:hover,
.custom-btn.btn-primary:focus {
    background-color: var(--oi-color-1) !important;
    border-color: var(--oi-color-1) !important;
    outline: none !important;
}

.global-section {
    margin-bottom: 150px;
}

@media screen and (max-width: 1024px) {
    .global-section {
        margin-bottom: 30px;
    }
}

.site {
    overflow-x: unset !important;
}
@media screen and (max-width: 1024px) {
    .site {
        overflow-x: hidden !important;
    }
}
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 125px;
}

.form-check .form-check-label {
    font-size: 15px !important;
    transform: unset !important;
    left: unset !important;
    color: var(--themeGlobalHeadline) !important;
    position: relative !important;
    top: -3px !important;
    padding: 0 !important;
}

@media (max-width: 1024px) {
    .form-check .form-check-label {
        font-size: 13px !important;
    }
}

#rc-anchor-container {
    border-radius: 10px !important;
}

.btn-effect {
    transition: all 0.3s ease 0s!important;
}
.btn-effect:hover {
    box-shadow: rgb(0 0 0 / 10%) 0rem .6rem 2rem!important;
    transform: translateY(-.3rem)!important;
}
/* GLOBAL END =================================================================================================== */
/* HEADER =================================================================================================== */

.slogan-bar {
    background-color: #b9ffbb;
    color: rgb(5, 61, 3);
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    padding: 10px;
    position: relative;
    z-index: 999;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

@media (max-width: 1024px) {
    .slogan-bar {
        font-size: 12px;
        line-height: 18px;
        padding: 5px;
        font-weight: 600;
    }
}
.slogan-bar a{
    color: rgb(5, 61, 3);
    font-weight: 600;
    text-decoration: underline;
}
.fixed-header .slogan-bar {
    padding: 8px;
}

.header-area.fixed-header {
    position: fixed;
    padding: 0;
    top: 15px;
    max-width: 100%;
    width: 100%;
    z-index: 999999;
    /* -webkit-box-shadow: 0px -5px 52px -5px rgba(0, 0, 0, 0.15), 0px -2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -5px 52px -5px rgba(0, 0, 0, 0.15), 0px -2px 5px 0px rgba(0, 0, 0, 0.1); */
}
.header-area.fixed-header .container {
    max-width: 1420px;
}
.header-area.fixed-header .header-website-body{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Safari support */
    background-color: rgba(0, 0, 0, 0.5);
}
.header-area .navbar {
    padding: 20px 0;
}

@media (max-width: 1024px) {
    .header-area .navbar {
        padding: 20px 0;
    }
}

.header-area.fixed-header .navbar {
    padding: 5px 0;
}

.header-area .navbar .navbar-brand img {
    height: 50px;
}

@media (max-width: 1024px) {
    .header-area .navbar .navbar-brand img {
        height: 30px;
    }
}
@media (max-width: 1024px) {
    .page-template-about-page .header-area .navbar .navbar-brand img {
        filter: contrast(0.5);
    }
    .page-template-about-page .header-area .navbar .navbar-toggler-icon {
        filter: invert(1);
    }
}
.fixed-header.header-area .navbar .navbar-brand img {
    height: 30px;
}

.header-area .navbar .collapse.navbar-collapse {
    justify-content: space-between;
}

.navbar-nav .menu-item {
    position: relative;
}

.navbar-nav .menu-item .nav-link i {
    color: var(--themeGlobalBody) !important;
}

.user-account-menu-item:hover .dropdown-menu {
    display: block !important;
}

.user-account-menu-item .user-account-menu-item-link {
    border: 2px solid #71d06c;
    border-radius: 8px;
}

.user-account-menu-item .avatar-icon {
    height: 20px;
}

.user-account-menu-item .svg {
    fill: var(--themeGlobalHeadline);
    margin-bottom: -1px;
}

.user-account-menu-item .dropdown-menu {
    top: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, .15);
}

.user-account-menu-item .dropdown-menu .dropdown-item {
    font-size: 14px;
    border-bottom: 1px solid #eee;
    color: var(--themeGlobalBody) !important;
}

.user-account-menu-item .dropdown-menu .dropdown-item svg {
    fill: var(--themeGlobalBody);
    width: 15px;
    height: 15px;
}

.user-account-menu-item .dropdown-menu .dropdown-item:hover,
.user-account-menu-item .dropdown-menu .dropdown-item:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: #fff !important;
}

.user-account-menu-item .dropdown-menu li:last-child .dropdown-item {
    border-bottom: 0;
}

.user-account-menu-item svg {
    width: 18px;
    height: 18px;
}

.user-account-menu-item-link {
    display: flex;
    align-items: center;
}

.user-account-menu-item-link .io-title {
    padding: 0 5px 0 5px;
    text-transform: capitalize;
}

.user-account-menu-item-link:after {
    opacity: .5;
}

.navbar-nav .menu-item a {
    font-weight: 500;
    color: var(--themeGlobalHeadline) !important;
    padding: 10px 20px;
    transition: all 0.3s ease 0s;
}

.fixed-header .navbar-nav .menu-item a {
    padding: 5px 20px;
}

.page-template-about-page .navbar-nav .menu-item .nav-link {
    color: #fff !important;
}

.page-template-about-page #super-mega-awesome-app .super-list-group-item,
.page-template-about-page #super-mega-awesome-more .super-list-group-item {
    color: var(--themeGlobalHeadline) !important;
}

.navbar-nav .menu-item .nav-link {
    font-weight: 500;
    color: var(--themeGlobalHeadline) !important;
    padding: 10px 20px;
    transition: all 0.3s ease 0s;
}

.fixed-header .navbar-nav .menu-item .nav-link {
    padding: 5px 20px;
    font-size: 15px;
}

.navbar-nav .menu-item.current-menu-item .nav-link {
    color: var(--themeGlobalPrimary) !important;
}

@media (max-width: 1024px) {
    .navbar-nav .menu-item .nav-link {
        padding-left: 0!important;
    }
}

.navbar-nav .menu-item .nav-link a {
    color: var(--themeGlobalBody) !important;
}

.navbar-nav .menu-item .nav-link:hover {
    opacity: .7;
}

.navbar-nav.nav-secondary .menu-item:last-child .nav-link {
    color: #fff !important;
    background-color: var(--themeGlobalPrimary);
    border-radius: 8px;
    margin-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
}

.fixed-header .navbar-nav.nav-secondary .menu-item:last-child .nav-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}

@media (max-width: 1024px) {
    .navbar-nav.nav-secondary .menu-item:last-child .nav-link {
        text-align: center;
        margin-left: 0px;
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
}

.navbar-nav.nav-secondary .menu-item:last-child .nav-link:hover {
    opacity: 1;
    -webkit-box-shadow: 0 18px 35px rgba(51, 156, 204, 0.1), 0 8px 15px rgb(0 0 0 / 7%);
    box-shadow: 0 18px 35px rgba(51, 156, 204, 0.1), 0 8px 15px rgb(0 0 0 / 7%);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.header-area .navbar-brand {
    margin-right: 70px;
}

.header-area .navbar-toggler {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    background-color: transparent!important;
}

#secondary-menu {
    display: flex;
    align-items: center;
}
@media (max-width: 1024px) {
    #secondary-menu {
        display: flex;
        align-items: flex-start;
        margin-left: 0;
    }
}
#primary-menu {
    margin: 0;
}

/* DARK HEADER START=================================================================================================== */

.page-template-about-page .navbar-nav .menu-item .nav-link {
    color: #fff !important;
}

.page-template-about-page .header-area.fixed-header .navbar-nav .menu-item .nav-link {
    color: var(--themeGlobalHeadline) !important;
}

.page-template-about-page .header-area.fixed-header #secondary-menu.navbar-nav .menu-item:last-child .nav-link {
    color: #fff !important;
}

/* DARK HEADER END=================================================================================================== */

/* HEADER =================================================================================================== */
.site-header {
    padding: 30px 0;
}

.site-header.fixed-header {
    position: fixed;
    background: #ffffff;
    padding: 10px 0;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999999;
    -webkit-box-shadow: 0px -5px 52px -5px rgba(0, 0, 0, 0.15), 0px -2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -5px 52px -5px rgba(0, 0, 0, 0.15), 0px -2px 5px 0px rgba(0, 0, 0, 0.1);
}

.site-header.fixed-header .elementor-top-section {
    padding: 0 !important;
}

.background-effect {
    position: absolute;
    top: 0;
    min-width: 100%;
    height: 25vh;
    left: 0px;
    will-change: transform;
    transform-origin: left top;
    background-image: linear-gradient(#ffffff, #eaf2ed);
    z-index: -2;
    transform: translateX(0px) translateY(0rem) skewY(0deg) translateZ(0px);
}

.page-template-early-access-page .bubble-effect {
    display: block;
}

/* OI LOGIN =================================================================================================== */
@media (max-width: 1024px) {
.oi-col-body{
    padding: 20px;
}
}
.left-heading-wrapper{
    margin-bottom: 40px;
    position: relative;
    padding-left: 15px;
}
@media (max-width: 1024px) {
.left-heading-wrapper{
    margin-bottom: 10px;
    padding-left: 0;
}
}
.oi-genie-magic{
    position: absolute;
    bottom: 100px;
    left: -10px;
}
@media (max-width: 1024px) {
    .oi-genie-magic{
    display: none;
}
}
.oi-genie-magic .genie{
    height: 200px;
    mix-blend-mode: lighten;
}
.left-heading-wrapper .heading{
    margin-bottom: 10px;
    font-size: 27px;
    font-weight: 500;
    background: -webkit-linear-gradient(#3cdc78, #d0f1ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media (max-width: 1024px) {
    .left-heading-wrapper .heading{
        line-height: 33px;
}
}
.left-heading-wrapper .description{
    font-size: 18px;
    color: #538ab9;
}
@media (max-width: 1024px) {
    .left-heading-wrapper .description{
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}
}
/* .page-template-login-page .oi-col-left{
    background: transparent;
    padding-left: 0;
}
.page-template-login-page .oi-col-right{
    border-radius: 30px;
} */
.o-genie-pnl{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.o-genie-pnl .genie{
    height: 280px;
}
.oi-pnl-c-group{
    width: 100%;
}
.oi-pnl-c-group .oi-pnl-c-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    padding: 0 20px;
    height: 60px;
    border: 2px solid transparent;
    background:
    linear-gradient(#0e0f5c, #0c0d4f) padding-box,
    linear-gradient(to bottom, #154f63, transparent) border-box;
}
/* .page-template-login-page .oi-pnl-c-group .oi-pnl-c-item{
    background:
    linear-gradient(#07093e, #07093e) padding-box,
    linear-gradient(to bottom, #154f63, transparent) border-box;
} */
.oi-pnl-c-group .oi-pnl-c-item .oi-pnl-c-item-col:first-child{
    color: #00bfa6;
}
.oi-pnl-c-group .oi-pnl-c-item .oi-pnl-c-item-col:last-child{
    color: #00bfa6;
    text-decoration: underline;
}
.user-oi-testimonial{
    padding-left: 15px;
}
.user-oi-testimonial .t-text{
    color: #7aabe7;
    opacity: .5;
    margin-bottom: 25px;
    font-size: 17px;
}
.user-oi-testimonial .t-user{
    display: flex;
    align-items: center;
}
.user-oi-testimonial .t-pic{
    margin-right: 16px;
}
.user-oi-testimonial .t-pic{
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
    border-radius: 50%;
    overflow: hidden;
}
.user-oi-testimonial .t-pic img{
    filter: hue-rotate(45deg);
    opacity: .5;
}
.user-oi-testimonial .t-name{
    font-size: 20px;
    color: #7aabe7;
}
.oi-all-area {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 50px 0 0 0;
}

@media screen and (max-width: 1024px) {
    .oi-all-area {
        padding: 25px 0px 50px 0px;
    }

    .page-template-early-access-page .oi-all-area {
        padding: 25px 0px 25px 0px;
    }
}

/* NEW START */
.login-upper-section .login-title{
    font-size: 68px;
    line-height: 78px;
    font-weight: 600;
    text-align: left;
    color: var(--themeGlobalHeadline);
    text-align: center;
    margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
    .login-upper-section .login-title{
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 5px;
}
}
.login-upper-section .login-description{
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 80px;
    color: var(--oi-color-1);
}
@media screen and (max-width: 1024px) {
.login-upper-section .login-description{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
}
}
.login-upper-section .bubble-effect-area{
    opacity: .2;
}
/* NEW END */

.oi-container {
    max-width: 1130px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .oi-container {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.oi-top-area {
    margin: 0 0 85px 0;
}

@media screen and (max-width: 1024px) {
    .oi-top-area {
        width: 100vw;
        margin: 0 -25px 0 -25px;
        padding-bottom: 0;
        background-color: #fff;
    }
}

.oi-top-area .superTitle {
    font-size: 68px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
}

.oi-top-area .superTitle .highlight {
    color: var(--themeGlobalPrimary);
    font-weight: 700;
    position: relative;
}

.oi-top-area .superTitle .highlight:after {
    position: absolute;
    content: "";
    background-image: url("images/heading-line-blue.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    bottom: -20px;
    left: 0;
    background-size: contain;
}

.oi-top-area .superTitle svg {
    height: 85px;
}

@media screen and (max-width: 1024px) {
    .oi-top-area .superTitle svg {
        height: 40px;
    }
}

.oi-top-area .superTitle svg path {
    fill: var(--themeGlobalHeadline);
}

.oi-row {
    display: flex;
}

@media screen and (max-width: 1024px) {
    .oi-row {
        flex-direction: column;
    }
}

.oi-col-left {
    min-width: 50%;
    max-width: 50%;
    padding: 100px;
    border-radius: 30px 0 0 30px;
    background: linear-gradient(to bottom, #12136a, #07083d);
}

@media screen and (max-width: 1024px) {
    .oi-col-left {
        min-width: 100%;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
        padding: 0;
        order: 2;
    }
}

.early-access-area .oi-col-left {
    padding: 0 70px 0 0;
}

@media screen and (max-width: 1024px) {
    .early-access-area .oi-col-left {
        padding: 0;
    }
}

.oi-col-left .oi-heading {
    font-size: 46px;
    line-height: 56px;
    font-weight: 600;
    margin: 0 0 15px 0;
    background: -webkit-linear-gradient(#b6e3ff, #2e57c5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1366px) {
    .oi-col-left .oi-heading {
        font-size: 36px;
    }
}
@media screen and (max-width: 1024px) {
    .oi-col-left .oi-heading {
        font-size: 28px;
        line-height: 38px;
    }
}

/* .oi-col-left .oi-heading .highlight {
    color: var(--themeGlobalPrimary);
    position: relative;
} */

/* .oi-col-left .oi-heading .highlight:after {
    position: absolute;
    content: "";
    background-image: url("images/heading-line-blue.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    bottom: -27px;
    left: 0;
    background-size: contain;
} */

.oi-col-left .oi-sub-heading {
    font-size: 29px;
    line-height: 39px;
    font-weight: 600;
    margin: 0 0 30px 0;
    color: var(--themeGlobalHeadline);
}

@media screen and (max-width: 1024px) {
    .oi-col-left .oi-sub-heading {
        font-size: 22px;
        line-height: 32px;
        margin: 20px 0 15px 0;
    }
}

.oi-col-left .oi-sub-heading span {
    font-weight: 700;
    color: var(--themeGlobalPrimary);
}

.oi-col-left .oi-description {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 30px 0;
    color: var(--oi-color-1);

}
@media screen and (max-width: 1366px) {
    .oi-col-left .oi-description {
        font-size: 16px;
        line-height: 26px;
    }
}
@media screen and (max-width: 1024px) {
    .oi-col-left .oi-description {
        font-size: 15px;
        line-height: 25px;
        margin: 0 0 20px 0;
    }
}

.early-access-area .oi-col-left .oi-description {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #4f566a;
}

@media screen and (max-width: 1024px) {
    .early-access-area .oi-col-left .oi-description {
        font-size: 15px;
        line-height: 25px;
    }
}

.oi-col-left .oi-separter {
    display: none;
}

.oi-col-left .oiValueRow {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 25px;
}

.oi-col-left .oiValueCol {
    min-width: 33.33%;
    max-width: 33.33%;
    padding-left: 5px;
    padding-right: 5px;
}

.oi-col-left .value {
    background-color: #d7f6e8;
    border-radius: 6px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
}

.oi-col-body .happy-customer {
    margin-top: 25px;
    margin-bottom: 25px;
}

.oi-col-body .avtar-group {
    display: flex;
}

.oi-col-body .avtar-item {
    position: relative;
    border: 2px solid #eaf2ed;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oi-col-body .avtar-item img {
    height: 41px;
    width: 41px;
    border-radius: 50%;
}

.oi-col-body .avtar-item:nth-child(2) {
    margin-left: -20px;
}

.oi-col-body .avtar-item:nth-child(3) {
    margin-left: -20px;
}

.oi-col-body .avtar-item:nth-child(4) {
    margin-left: -20px;
}

.oi-col-body .oi-avtar-text {
    margin-left: 10px;
    color: #fff;
}


.oi-col-left .oi-point-group {
    margin: 0 0 40px 50px;
}

@media screen and (max-width: 1024px) {
    .oi-col-left .oi-point-group {
        margin: 0 0 20px 25px;
    }
}

.oi-col-left .oi-point-item {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--oi-color-1);
}

.oi-col-left .oi-point-item.last-point {
    opacity: .2;
}

.oi-col-left .oi-point-item.title .oi-point-text {
    color: var(--themeGlobalHeadline);
    font-weight: 500;
}

.oi-col-left .oi-point-text {
    font-size: 16px;
}

@media screen and (max-width: 1024px) {
    .oi-col-left .oi-point-text {
        font-size: 14px;
    }
}

.oi-col-left .oi-point-item svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.oi-col-left .oi-point-item svg path {
    fill: var(--themeGlobalPrimary);
}

.oi-col-left .oi-point-item.btn-point .oi-point-text {
    color: var(--themeGlobalPrimary);
    font-weight: 700;
    font-size: 14px;
    margin: 10px 0 0 30px;
    text-decoration: underline;
}

.rating-wrap {
    display: flex;
    align-items: center;
    margin: 0 0 0 10px;
}

.oi-rating-text {
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px 0 0;
}
@media screen and (max-width: 1024px) {
    .oi-rating-text {
        font-size: 13px;
    }
}
.oi-rating {
    display: flex;
    align-items: center;
}

.oi-rating svg {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    color: #eacd57;
}
@media screen and (max-width: 1024px) {
    .oi-rating svg {
        width: 11px;
        height: 11px;
    }
}

.review-heading {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
    .review-heading {
        font-size: 13px;
        margin-bottom: 5px;
    }   
}
.review-row {
    display: flex;
}


.oi-user-profit-story {
    background-color: rgba(256, 256, 256, .1);
    padding: 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 420px;
    position: relative;
}

.oi-user-profit-story .arrow {
    position: absolute;
    left: 6%;
    top: 93%;
    scale: .5;
}

@media screen and (max-width: 1024px) {
    .oi-user-profit-story .arrow {
        left: 4%;
        top: 30%;
        scale: .2;
    }
}

.profit-user {
    display: flex;
    align-items: center;
}

.profit-user-pic {
    border-radius: 50%;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.profit-user-pic img {
    min-width: 45px;
    max-width: 45px;
    min-height: 45px;
    max-height: 45px;
    border-radius: 50%;
}

.profit-user-info {
    margin-left: 15px;
}

@media screen and (max-width: 1024px) {
    .profit-user-info {
        margin-left: 10px;
    }
}

.profit-user-name {
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    margin: 0 0 10px 0;
}

@media screen and (max-width: 1024px) {
    .profit-user-name {
        font-size: 14px;
        line-height: 14px;
        white-space: nowrap;
    }
}

.profit-designation {
    font-size: 12px;
    line-height: 12px;
    opacity: .6;
}

@media screen and (max-width: 1024px) {
    .profit-designation {
        font-size: 10px;
        line-height: 11px;
        opacity: 9;
    }
}

.profit-value {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.profit-value-number {
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 10px 0;
    font-weight: 600;
    color: var(--themeGlobalPrimary);
}

@media screen and (max-width: 1024px) {
    .profit-value-number {
        font-size: 14px;
        line-height: 14px;
        font-weight: 700;
    }
}

.profit-value-date {
    font-size: 12px;
    line-height: 12px;
    opacity: .6;
}

@media screen and (max-width: 1024px) {
    .profit-value-date {
        font-size: 10px;
        line-height: 11px;
        opacity: 9;
        font-weight: 500;
    }
}

.step-icon {
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    border-radius: 50%;
    background-color: #000000;
    border: 1px solid #2356c0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
    margin-right: 10px;
}

.step-icon.done {
    color: #fff;
    border-color: #2356c0;
    background-color: #2356c0;
}

.step-icon.current {
    color: #fff;
    background-color: #2356c0;
}

.step-icon.done svg {
    margin: 0;
    width: 20px;
    height: 20px;
}

.step-icon.done svg path {
    fill: #fff;
}

.oi-step {
    position: relative;
}

.oi-step:before {
    content: "";
    position: absolute;
    height: 90%;
    border-left: 1px dashed #ddd;
    left: 10px;
    top: 10px;
    z-index: -1;
}

/* FORM =================================================================================================== */
.page-template-sign-up #sign-up{
    margin-top: 25px;
}
.btn-oi-send{
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 20px;
    border-radius: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    border: 1px solid #90b2ff !important;
    background: linear-gradient(to bottom right, #3a3ece 30%, #546fdd 60%, #8cd8ff 100%) !important;
}
.btn-oi-send:hover{
    background: linear-gradient(to bottom right, #2529a7 30%, #3249a7 60%, #5ba8ce 100%) !important;
}
.btn-oi-send svg{
    display: flex;
    width: 24px;
    height: 24px;
}
.oi-col-right {
    min-width: 50%;
    max-width: 50%;
    background: linear-gradient(to bottom, #17197b, #08093a);
    border-radius: 0 30px 30px 0;
    padding: 100px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .oi-col-right {
        min-width: 100%;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
        padding: 0;
        order: 1;
        width: 100vw;
        margin-left: 0px;
        margin-right: 0px;
    }
}
/* .oi-col-right:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    border-radius: 50%;
    background-color: #643caf;
    -webkit-box-shadow: 0 0 200px 150px rgba(100, 60, 175, 0.8);
    -moz-box-shadow: 0 0 200px 150px rgba(100, 60, 175, 0.8);
    box-shadow: 0 0 200px 150px rgba(100, 60, 175, 0.8);
    z-index: -1;
} */
.oi-col-right .oi-col-body {
    width: 100%;
    /* max-width: 400px; */
}

.oi-col-right .oi-heading {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    margin: 0 0 25px 0;
    background: -webkit-linear-gradient(#b6e3ff, #2e57c5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media (max-width: 1024px) {
    .oi-col-right .oi-heading {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
}
.oi-sub-heading{
    color:#b6e3ff ;
}
.oi-col-body .form-group {
    margin-bottom: 24px;
}

.oi-col-body .form-check-input {
    width: 18px;
    height: 18px;
    background-color: #050646 ;
}
/* .oi-col-body .form-check-input:focus {
    background: transparent;
} */
.oi-col-body .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.oi-col-body .form-control,
.oi-col-body .form-select {
    height: 50px;
    background-color: #050646 !important;
    /* border: 1px solid #dcdee7; */
    border-radius: 12px;
    display: flex;
    align-items: center;
    font-size: 15px;
    padding-left: 20px;
    outline: none !important;
    box-shadow: none !important;
}

.oi-col-body textarea.form-control {
    height: 120px !important;
}

.oi-col-body .form-control:focus {
    background-color: #000 !important;
    outline: none !important;
    border-color: var(--bs-border-color) !important;
    box-shadow: 0 0 15px rgba(58, 62, 206, 1) !important;
}

.form-group {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
}

.form-group+.form-group {
    margin-top: 10px;
}

.form-group label {
    position: absolute;
    top: 12px;
    left: 20px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 15px;
    z-index: 2;
}

.form-group input,
.form-group select,
.form-group textarea {
    z-index: 1;
}

.form-group textarea:focus,
.form-group textarea:valid,
.form-group input:focus,
.form-group input:valid,
.form-group select:focus,
.form-group select:valid {
    outline: 0;
}

.form-group textarea:focus + label,
.form-group textarea:active + label,
.form-group textarea:valid + label,
.form-group input:focus + label,
.form-group input:active + label,
.form-group input:valid + label,
.form-group select:focus + label,
.form-group select:active + label,
.form-group select:valid + label {
    transform: translateY(-24px);
    font-size: 11px;
    z-index: 2;
    background-color: #050631 !important;
    padding: 0 7px;
    left: 15px;
    border-radius: 6px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #050631 inset !important;
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 9999s ease-in-out 0s;
}


.auto-focus-label {
    -moz-transform: translateY(-24px) !important;
    -ms-transform: translateY(-24px) !important;
    -webkit-transform: translateY(-24px) !important;
    transform: translateY(-24px) !important;
    font-size: 11px !important;
    z-index: 2 !important;
    background-color: #13156d !important;
    padding: 0 7px !important;
    left: 15px !important;
    color: #a9aebb !important;
}

.oi-col-body .remember-me {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -10px 0px 30px 0px;
}

.oi-col-body .remember-me .form-check {
    display: flex;
    align-items: center;
    margin: 0;
}

.oi-col-body .remember-me .form-check-label {
    margin: 0 0 0 5px;
    margin-top: 9px;
    font-size: 13px;
}

.oi-col-body .remember-me a {
    text-decoration: none;
    font-size: 13px;
    color: var(--themeGlobalBody);
    text-decoration: none;
}
.oi-col-body .remember-me a:hover {
    text-decoration: underline;
}
.oi-col-body .btn-primary {
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    font-size: 18px;
    overflow: hidden;
    text-decoration: none !important;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    	background: var(--theme-btn-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
}
html[data-bs-theme="light"] .oi-col-body .btn-primary {
    background-color: var(--themeGlobalSecondary);
    border-color: var(--themeGlobalSecondary);
}
.oi-col-body .btn-primary:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: var(--themeGlobalSecondary);
    border-color: var(--themeGlobalSecondary);
}

@media screen and (max-width: 1024px) {
    .oi-col-body .btn-primary {
        height: 50px;
        font-size: 16px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 6px;
    }
}

.oi-col-body .btn-primary svg {
    width: 26px;
    height: 26px;
    margin-left: 10px;
}

.oi-col-body .btn-secondary {
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 18px;
    overflow: hidden;
    text-decoration: none !important;
    padding-left: 30px;
    padding-right: 30px;
    background: linear-gradient(135deg, #3e48d1  0%, #044b10  100%);
	border: 1px solid #5d87ff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(93, 135, 255, 0.2);
}

.oi-col-right .login-with {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.oi-col-right .login-with:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #eee;
}

.oi-col-right .login-with span {
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 1;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: var(--themeGlobalHeadline);
    text-transform: uppercase;
}

.oi-col-right .btn-light-outline {
    border: 2px solid var(--themeGlobalSecondary);
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
}

.oi-col-right .btn-light-outline:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 2px solid var(--themeGlobalSecondary);
    color: var(--themeGlobalHeadline);
}

.oi-col-right .btn-light-outline .theChampGoogleBackground {
    border: 0 !important;
}

.oi-col-right .btn-light-outline .theChampLogin {
    width: 25px !important;
    height: 25px !important;
}

.oi-col-right .btn-light-outline img {
    height: 16px;
    margin-right: 5px;
}

.oi-col-right .dont-have-account {
    font-size: 16px;
    color: var(--oi-color-1);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
@media (max-width: 1024px) {
    .oi-col-right .dont-have-account {
    padding-bottom: 20px;
}
}
.oi-col-right .dont-have-account a {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color:var(--oi-color-1);
    text-decoration: none;
    box-shadow: none !important;
}
.oi-col-right .dont-have-account a {
    color:#00bfa6;
}
.oi-col-right .dont-have-account a:hover {
    text-decoration: underline;
}
#user-login-error {
    font-size: 14px;
    line-height: 24px;
}
#forget-password-error {
    font-size: 14px;
    line-height: 24px;
}
#set-password-error {
    font-size: 14px;
    line-height: 24px;
}
.text-red {
    color: #ff0303;
}

#signup-container .oi-col-right .oi-col-body {
    max-width: 500px;
}

#affiliate-container .oi-col-right .oi-col-body {
    max-width: 500px;
}

.oi-col-right .subHeading {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin: 0 0 15px 0;
    opacity: .5;
}

.same-as-billing-address {
    margin-bottom: 10px;
}

.same-as-billing-address .form-check-label {
    font-size: 14px;
}

.section-wrap {
    margin-bottom: 10px;
}

.section-wrap:last-child {
    margin-bottom: 0px;
}

.page-template-early-access-page .header-area,
.page-template-early-access-page .footer-area {
    display: none;
}

.oi-col-right .form-check .form-check-label {
    font-size: 13px;
    line-height: 23px;
    color: var(--themeGlobalHeadline);
}

.agree-to-wrap {
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: 100px;
    right: 0;
    text-align: center;
    color: #7aabe7;
    opacity: .5;
}
@media screen and (max-width: 768px) {
    .agree-to-wrap {
            margin-bottom: -6px;
        font-weight: 400;
        font-size: 10px;
}
}
.agree-to-wrap .btn-link {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #7aabe7;
    text-decoration: underline;
}
/* END =================================================================================================== */


.open-demand-account-area {
    margin: 100px 0;
}

@media screen and (max-width: 768px) {
    .open-demand-account-area {
        margin: 0 0 50px 0;
    }
}

.open-demand-account-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .open-demand-account-box {
        flex-direction: column;
        align-items: flex-start;
    }
}

.open-demand-account-box .col-left {
    margin-right: 70px;
    padding-right: 70px;
    border-right: 4px solid #ebebeb;
}

@media screen and (max-width: 768px) {
    .open-demand-account-box .col-left {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
        margin-bottom: 10px;
    }
}

.open-demand-account-box .heading {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 15px 0;
    color: var(--themeGlobalHeadline);
    white-space: nowrap;
}

@media screen and (max-width: 768px) {
    .open-demand-account-box .heading {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 10px 0;
    }
}

.open-demand-account-box .subHeading {
    font-size: 17px;
    line-height: 17px;
    color: #767b88;
    white-space: nowrap;
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .open-demand-account-box .subHeading {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 10px 0;
    }
}

.open-demand-account-box .col-right {
    width: 100%;
}

.open-demand-account-box .trading-logo-group {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .open-demand-account-box .trading-logo-group {
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media screen and (max-width: 768px) {
    .open-demand-account-box .trading-logo-group .trading-logo-item {
        padding: 10px;
    }
}

.open-demand-account-box .trading-logo-group img {
    height: 30px;
}

@media screen and (max-width: 768px) {
    .open-demand-account-box .trading-logo-group img {
        height: 20px;
    }

    .open-demand-account-box .trading-logo-group .trading-logo-item:first-child img {
        height: 15px !important;
    }
}

.open-demand-account-box .trading-logo-group .trading-logo-item:first-child img {
    height: 20px;
}



.loader-wrapper {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(7, 9, 62, 0.9);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.spinner-border {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    margin: 5px 10px;
}

.loader-text {
    font-size: 15px;
    line-height: 22px;
    max-width: 258px;
    text-align: center;
    margin: 10px 0 0 0;
}

@keyframes spinner-border {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}


.the_champ_login_ul li {
    float: none !important;
}

.the_champ_login_ul li ss {
    height: 20px;
    width: 20px;
    margin-right: 3px;
}

/* PRICING START =================================================================================================== */
.pricing-content-area{
    position: relative;
}
.pricing-content-area.pricing-content-area-body{
    margin-bottom: 150px;
}
@media screen and (max-width: 1024px) {
    .pricing-content-area.pricing-content-area-body{
    margin-bottom: 20px;
}
}
.pricing-content-area-body .inner-circle-glow{
    top: -100px;
    right: -100px;
    opacity: .5;
    left: unset;
    transform: unset;
    width: 100px;
    height: 100px;
}
.pricing-content-area .su-lower-area .inner-circle-glow{
    height: 100px;
}
.pricing-card.super .pricing-header .get-started-wrap .btn{
    -webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
   background: linear-gradient(to right, #000 , #20165d) !important;
}
.pricing-card.super .pricing-header .get-started-wrap .btn:hover,
.pricing-card.super .pricing-header .get-started-wrap .focus:hover{
   background: linear-gradient(to right, #000 , #000000) !important;
}
.pricing-card.pro .pricing-header .get-started-wrap .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #b98bff;
}
.pricing-card.pro .pricing-header .get-started-wrap .btn:hover{
    color: #b98bff;
}
@media screen and (max-width: 1024px) {
    .pricing-card {
        margin-bottom: 25px;
    }
}
.pricing-header {
    position: relative;
    padding: 40px 20px 0 20px;
    border-radius: 0;
    margin-bottom: -1px;
}
@media screen and (max-width: 1024px) {
    .pricing-header {
        padding: 30px;
        border-radius: 10px 10px 0 0;
    }
}

.plan-name {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
    padding-left: 25px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    color: var(--themeGlobalHeadline);
}
@media screen and (max-width: 1024px) {
    .plan-name {
    font-size: 28px;
    line-height: 28px;
}
}
.plan-description {
    font-size: 18px;
    line-height: 26px;
    opacity: .7;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 25px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.plan-cost {
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    display: none;
}
@media screen and (max-width: 1024px) {
    .plan-cost {
        font-size: 12px;
        line-height: 12px;
    }
}
.plan-plus{
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 16px;
    margin-left: 5px;
}
.one-time-price{
    color: #616161;
    text-decoration: line-through;
}
.plan-cost del {
    opacity: .6;
}
.plan-cost .prelaunch-offer{
    padding-left: 5px;
}

.plan-price {
    display: flex;
    align-items: flex-end;
    color: var(--themeGlobalHeadline);
    padding-left: 25px;
    padding-bottom: 30px;
    min-height: 80px;
}

.plan-price .plan-price-currency {
    font-size: 42px;
    line-height: 42px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-right: 5px;
}
@media screen and (max-width: 1024px) {
    .plan-price .plan-price-currency {
        font-size: 36px;
        line-height: 36px;
    }
}
.plan-price .plan-price-value {
    font-size: 44px;
    line-height: 44px;
    font-weight: 400;
    margin-bottom: 0px;
}
@media screen and (max-width: 1024px) {
    .plan-price .plan-price-value {
        font-size: 36px;
        line-height: 36px;
    }
}
.plan-price .original-price{
    font-size: 20px !important;
    line-height: 20px;
    margin-bottom: 10px;
}
.discount-timer{
    position: absolute;
    bottom: 62px;
    font-size: 12px;
    font-weight: 600;
    color: #7d29d5;
}
.plan-price .plan-price-subscription {
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    margin-left: 7px;
}

/* .plan-price-subscription.year{
    margin-bottom: 17px;
} */


/* BODY */
.pricing-body {
    padding: 35px 45px 45px 45px;
    border-radius: 0;
    border-bottom: 0;
}
@media screen and (max-width: 1024px) {
    .pricing-body {
        padding: 30px;
        border-radius: 0;
    }
}
.p-section {
    margin-bottom: 40px;
}

.p-section:last-child {
    margin-bottom: 0px;
}

.p-heading {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    font-weight: 600;
    padding-left: 3px;
    position: relative;
    display: flex;
    align-items: center;
}
.p-heading .coming-soon{
    font-size: 10px;
    line-height: 10px;
    margin-left: 5px;
    padding: 2px 8px 4px;
    border-radius: 4px;
    display: none;
}
.basic .p-heading .coming-soon{
    background: linear-gradient(to right, #162e9c , #2a6e9b);
}
.super .p-heading .coming-soon{
    background: linear-gradient(to right, #162e9c , #2a6e9b);
}
.pro .p-heading .coming-soon{
    background: linear-gradient(to right, #41197b , #7137c7);
}
/* .p-heading:not(.checklistBox)::before {
    content: '';
    display: block;
    transform: rotate(45deg);
    height: 7.5px;
    width: 4.5px;
    border-bottom: 1.5px solid #1f9c16;
    border-right: 1.5px solid #1f9c16;
    position: absolute;
    left: 7px;
    top: 2px;
    z-index: 2;
}

.p-heading:not(.checklistBox)::after {
    content: '';
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: -2px;
    background-color: #deffeb;
} */

.p-list-item {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 5px;
    padding-left: 30px;
    display: flex;
    align-items: center;
    position: relative;
}
@media screen and (max-width: 1024px) {
    .p-list-item {
        font-size: 13px;
    }
}
.p-list-item .coming-soon {
    font-size: 8px;
    line-height: 8px;
    font-weight: 500;
    margin-left: 5px;
    padding: 2px 8px;
    border-radius: 4px;
    background-color: #eaf2ed;
    color: var(--themeGlobalHeadline);
}
.p-list-item::before {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    left: 5px;
    top: 11px;
}
.only-icon-deactivate.p-list-item::before {
    opacity: .4;
}
.btn-more {
    font-size: 12px;
    line-height: 12px;
    padding: 0;
    font-weight: 600;
    color: #3743e2;
    text-decoration: none;
    margin-left: 29px;
}

.btn-more:focus {
    outline: none !important;
    box-shadow: none !important;
}

.pricing-footer {
    padding: 0 25px 25px 25px;
    border-radius: 0;
    margin-top: -1px;
    border-top: 0;
    position: relative;
}
.basic .pricing-footer {
    border-radius: 0 0 0 24px;
}

.pro .pricing-footer {
    border-radius: 0 0 24px 0;
}

.super .pricing-footer,
.pro .pricing-footer{
    padding-top: 5px;
}

.basic .pricing-footer .btn:after {
    background-color: #b6c1ff;
    box-shadow: 0 0 100px 80px #b6c1ff;
}
.super .pricing-footer .btn:after {
     background-color: #5dfd92;
    box-shadow: 0 0 100px 80px #5dfd92;
}
.pro .pricing-footer .btn:after {
    background-color: #d6bbff;
    box-shadow: 0 0 100px 80px #d6bbff;
}
.basic .pricing-footer .btn:after,
.pro .pricing-footer .btn:after,
.super .pricing-footer .btn:after{
    content: "";
    position: absolute;
    top: -83px;
    right: 0;
    width: 50px;
    height: 10px;
    border-radius: 50%;
}
.pricing-footer .btn {
    width: 100%;
    height: 53px;
    font-size: 19px;
    line-height: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    padding: 0;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}
.pricing-footer .btn span {
    z-index: 1;
}
.pricing-footer .btn-request-access .circle-glow{
position: absolute;
    position: absolute;
    top: -160px;
    right: -40px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.deactivate {
    opacity: .5;
    text-decoration: line-through;
}

.activate {
    border-radius: 14px;
    padding: 20px;
    margin-top: -20px;
    margin-bottom: 15px;
    margin-left: -20px;
    margin-right: -20px;
}
@media screen and (max-width: 1024px) {
    .activate {
        border-radius: 10px;
        padding: 10px;
    }
}
.icon-active {
    display: none;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    background-color: #f4f5fd;
    color: #0032c8;
    border-radius: 50%;
    margin-right: 10px;
}

.icon-deactive {
    display: none;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    background-color: #f7f7f7;
    color: #737373;
    border-radius: 50%;
    margin-right: 10px;
}

.rocket {
    height: 90px;
    position: absolute;
    right: 30px;
    top: 30px;
}
@media screen and (max-width: 1024px) {
    .rocket {
        right: 25px;
        top: 30px;
        height: 60px;
    }
}
.pricing-area .banner-area-inner .superTitle{
    text-align: left;
    font-size: 68px;
    line-height: 78px;
}
@media screen and (max-width: 1024px) {
    .pricing-area .banner-area-inner .superTitle{
    text-align: center;
}
}
.pricing-area .banner-area-inner .pricing-sub-text{
    color: var(--oi-color-1);
    font-weight: 200;
    font-size: 34px;
    margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .pricing-area .banner-area-inner .pricing-sub-text{
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
}  
}
.pricing-area .banner-area-inner .superSubTitle{
    text-align: left;
    font-weight: 300;
    font-size: 20px;
}
@media screen and (max-width: 1024px) {
    .pricing-area .banner-area-inner .superSubTitle{
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}
}
.pricing-area .success-area{
    padding-bottom: 150px;
}
@media screen and (max-width: 1024px) {
    .pricing-area .success-area{
        padding-bottom: 30px;
    }
}
.pricing-area .faq-area{
    padding-bottom: 100px;
}
@media screen and (max-width: 1024px) {
    .pricing-area .faq-area{
        padding-bottom: 30px;
    }
}
.pricing-area .faq-area .faq-article{
    margin-bottom: 0;
}
.body-content-area.pricing-area .banner-area-inner{
    margin-bottom: 0;
}
.body-content-area.pricing-area{
    padding-bottom: 0px;
}
@media screen and (max-width: 1024px) {
    .body-content-area.pricing-area{
        padding-bottom: 30px;
    }
}
.show-discount-amount{
    position: absolute;
    border-radius: 14px;
    line-height: 10px;
    top: 47px;
    font-weight: 500;
    color: #ffffff;
    font-size: 11px;
    background-color: #00029c;
    /* background: linear-gradient(to right, #162e9c , #2a6e9b); */
    padding: 5px 9px;
}
@media screen and (max-width: 1024px) {
    .show-discount-amount{
    top: 36px;
    font-size: 9px;
    padding: 5px 6px;
}
}
.pricing-card.super .show-discount-amount{
    left: 265px;
}
@media screen and (max-width: 1024px) {
    .pricing-card.super .show-discount-amount{
    left: 255px;
}
}
.pricing-card.pro .show-discount-amount{
    left: 125px;
}
.show-year-frequency{
    position: absolute;
    top: 232px;
    font-size: 12px;
    font-weight: 500;
    text-transform: lowercase;
}
@media screen and (max-width: 1024px) {
    .show-year-frequency{
    top: 212px;
}
}
.pricing-card.super .show-year-frequency{
    left: 252px;
}
@media screen and (max-width: 1024px) {
    .pricing-card.super .show-year-frequency{
    left: 228px;
}
}
.pricing-card.pro .show-year-frequency{
    left: 255px;
}
@media screen and (max-width: 1024px) {
    .pricing-card.pro .show-year-frequency{
        left: 255px;
    } 
}
.strike-price{
font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    display: flex;
    color: #a3ffc2;
    margin-bottom: 5px;
    text-decoration: line-through;
    position: absolute;
    top: 192px;
    left: 45px;
}
@media screen and (max-width: 1024px) {
    .strike-price{
    top: 182px;
    left: 55px;
}
}

.visibility{
    visibility: hidden;
}

.get-started-wrap .btn-get-started{
    width: 100%;
    color: #fff;
    background: #000000 !important;
    border-color: #000000 !important;
    box-shadow: none !important;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 16px;
    border-radius: 12px;
    font-weight: 400;
    transition: all 0.3s ease 0s;
}
.get-started-wrap .btn-get-started:hover{
    background: #111143 !important;
    border-color: #111143 !important;
}
/* .get-started-wrap span{
    padding-left: 5px;
    font-weight: 400;
} */

/* .super .pricing-header,
.super .pricing-body,
.super .pricing-footer{
    background-color: #170c51;
}

.basic .pricing-header,
.basic .pricing-body,
.basic .pricing-footer,
.pro .pricing-header,
.pro .pricing-body,
.pro .pricing-footer{
    background-color: #050631;
} */

.pricing-card{
    border-radius: 24px;
    padding-top: 15px;
}
.pricing-header{
    border-radius: 24px 24px 0 0;
    overflow: hidden;
}
.pricing-card.basic{
    background: linear-gradient(to bottom, #162268, #000);
}
.pricing-card.super{
    background: linear-gradient(to bottom, #00af3b, #000);
}
.pricing-card.pro{
    background: linear-gradient(to bottom, #650aeb, #000);
}

.pricing-card.basic .pricing-header{
    background: linear-gradient(to bottom, #354ac5, transparent);
}
.pricing-card.super .pricing-header{
    background: linear-gradient(to bottom, #15c14f, transparent);
}
.pricing-card.pro .pricing-header{
    background: linear-gradient(to bottom, #7a21ff, transparent);
}


.basic .pricing-footer .btn {
    background: linear-gradient(to bottom right, #354ac5, #2b40b9);
    border: 1px solid #354ac5;
}

.basic .pricing-footer .btn:hover {
    background: linear-gradient(to bottom right, #2034a7, #0d1f83);
}

.super .pricing-footer .btn {
    background: linear-gradient(to bottom right, #22b339, #167125);
    border: 1px solid #22b339;
}
.super .pricing-footer .btn:hover {
    background: linear-gradient(to bottom right, #16912a, #054410);
}

.pro .pricing-footer .btn {
    background: linear-gradient(to bottom right, #671dff, #5c13ec);
    border: 1px solid #671dff;
}

.pro .pricing-footer .btn:hover {
    background: linear-gradient(to bottom right, #5011ce, #36098f);
}

.pricing-header .circle-glow{
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: 1;
    top: -100px;
    right: -100px;
    opacity: .5;
}
.pricing-card.basic .circle-glow{
    background-color: #b6c1ff;
    box-shadow: 0 0 100px 150px #b6c1ff;
}
.pricing-card.super .circle-glow{
    background-color: #5dfd92;
    box-shadow: 0 0 100px 150px #5dfd92;
}
.pricing-card.pro .circle-glow{
    background-color: #d6bbff;
    box-shadow: 0 0 100px 150px #d6bbff;
}
.before-after-oigenie{
    display: flex;
    align-items: flex-start;
    padding-left: 100px;
}
@media screen and (max-width: 1024px) {
    .before-after-oigenie{
        flex-wrap: wrap;
        margin-bottom: 25px;
        padding-left: 0px;
}
}
.before-after-item:nth-child(1){
    margin-right: 25px;
}
@media screen and (max-width: 1024px) {
    .before-after-item:nth-child(1){
    margin-right: 10px;
    min-width: 100%;
    max-width: 100%;
}
}
.before-after-item:nth-child(2){
    margin-right: 15px;
}
@media screen and (max-width: 1024px) {
.before-after-item:nth-child(2){
    margin-right: 10px;
    min-width: 48%;
    max-width: 48%;
}
.before-after-item:nth-child(3){
    min-width: 48%;
    max-width: 48%;
}
}
.before-after-item{
    position: relative;
}
.before-after-item .user-item{
    margin-top: 36px;
}
@media screen and (max-width: 1024px) {
    .before-after-item .user-item{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
}
}
.before-after-item .user-item .user-photo{
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
    border-radius: 16px;
    overflow: hidden;
    border: 2px solid #29ca4c;
    box-shadow: 0 0 12px 0 #29ca4c;
}
.before-after-item .user-item .user-photo img{
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.before-after-item .user-text{
    color: #ffdada;
    text-align: center;
}
.before-after-item .oi-heading{
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: 500;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .before-after-item .oi-heading{
    font-size: 11px;
    line-height: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}
}
.before-after-item:nth-child(2) .oi-heading{
    color: #ffdada;
}
.before-after-item:nth-child(3) .oi-heading{
    color: #94e2ae;
}
.before-after-item .oi-card{
    background-color: #fff;
    padding: 0px;
    border-radius: 16px;
    margin-bottom: 10px;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .before-after-item .oi-card{
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
}
}
.before-after-item .oi-link{
    text-align: right;
    color: #0f922b;
    text-decoration: underline;
}
.before-after-item .genie{
    display: none;
    position: absolute;
    height: 100px;
    right: -50px;
    transition: all 0.3s ease 0s;
}
.before-after-item:hover .genie{
    display: block;
}
/* PRICING END =================================================================================================== */

/* PRICING =================================================================================================== */
#pricing-page .row {
    margin-left: -15px;
    margin-right: -15px;
}

#pricing-page .row .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}

.mas-pricing-pricing-table-title {
    color: var(--themeGlobalBody);
    font-size: 21px !important;
    font-weight: 600 !important;
    letter-spacing: 0px;
    margin: 0px 0px 20px 0px;
    display: flex;
    align-items: center;
}

.mas-pricing-pricing-table-title .free-trial {
    margin-left: 5px;
    font-size: 11px;
    line-height: 11px;
    padding: 5px 10px;
    color: #fff;
    border-radius: 10px;
    font-weight: 400;
    background-color: var(--themeGlobalPrimary);
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-price .mas-pricing-pricing-table-new-price {
    color: var(--themeGlobalHeadline);
    font-size: 80px !important;
    font-weight: 700;
    line-height: 80px;
    margin: 0 0 20px 0;
    display: flex;
    align-items: flex-end;
}

.active .mas-pricing-pricing-table-badge-wrapper {
    background-color: var(--themeGlobalSecondary);
    padding: 40px 40px 40px 40px;
    border-radius: 10px 10px 10px 10px;
}

.mas-pricing-pricing-table-price {
    position: relative;
}

.mas-pricing-pricing-table-currency {
    position: relative;
}

.mas-pricing-pricing-table-price {
    position: relative;
}

.mas-pricing-pricing-table-currency-separator {
    line-height: normal;
    display: flex;
}

.mas-pricing-pricing-table-price-by {
    line-height: normal;
    display: flex;
}

.mas-pricing-price-bottom-separator {
    height: 1px;
    background-color: #1212121A;
    margin: 24px 0;
}

.mas-pricing-pricing-table-features {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mas-pricing-pricing-item {
    margin-left: 5px;
}

.mas-pricing-pricing-table-badge-wrapper {
    padding: 40px 40px 40px 40px;
    border-radius: 10px 10px 10px 10px;
}

.mas-pricing-pricing-table-features li {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    justify-content: flex-start;
    padding: 0px 0px 13px 0px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-price span.mas-pricing-price-period {
    color: var(--themeGlobalBody);
}

.mas-pricing-pricing-table-wrapper .mas-pricing-price-period {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-price-subtitle {
    color: var(--themeGlobalBody);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5px;
}


.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-action {
    font-size: 16px;
    font-weight: 700;
    color: var(--themeGlobalHeadline);
    background-color: #12121200;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--themeGlobalHeadline);
    border-radius: 50px 50px 50px 50px;
    padding: 11px 30px 11px 30px;
    margin: 30px 0px 0px 0px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-note {
    text-align: center;
    color: #000;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-price span.mas-pricing-price-period {
    color: var(--e-global-color-flowto_neutral_2);
}

.mas-pricing-pricing-table-wrapper .mas-pricing-price-period {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-price-subtitle {
    color: var(--e-global-color-flowto_neutral_2);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-action {
    font-size: 16px;
    font-weight: 700;
    color: var(--e-global-color-flowto_neutral_1);
    background-color: var(--themeGlobalPrimary);
    border-radius: 50px 50px 50px 50px;
    padding: 12px 30px 12px 30px;
    margin: 30px 0px 0px 0px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-note {
    text-align: center;
    color: #000;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-price span.mas-pricing-price-period {
    color: var(--themeGlobalBody);
    display: flex;
    margin-bottom: 8px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-price-period {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-price-subtitle {
    color: var(--themeGlobalBody);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-action {
    font-size: 16px;
    font-weight: 700;
    color: var(--themeGlobalHeadline);
    background-color: #12121200;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--themeGlobalHeadline);
    border-radius: 10px;
    padding: 11px 30px 11px 30px;
    margin: 30px 0px 0px 0px;
}

.mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-note {
    text-align: center;
    color: #000;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
}

.active .mas-pricing-pricing-table-title,
.active .mas-pricing-pricing-table-new-price,
.active .mas-pricing-pricing-table-price-subtitle,
.active .mas-pricing-pricing-table-features-enable,
.active .mas-pricing-price-period,
.active .mas-pricing-pricing-table-action {
    color: #fff !important;
}

.active .mas-pricing-pricing-table-action {
    border-color: #fff !important;
}

@media(max-width:1024px) {
    .mas-pricing-pricing-table-wrapper .mas-pricing-pricing-table-price .mas-pricing-pricing-table-new-price {
        font-size: 65px;
    }
}

.setup-price {
    font-size: 14px;
    opacity: .7;
}

.active .setup-price {
    color: #ffaa80;
}

.mas-pricing-pricing-table-wrapper.disabled {
    pointer-events: none !important;
    opacity: .2;
}

.woocommerce-MyAccount-content .mas-pricing-pricing-table-wrapper.mas-pricing-pricing-table .mas-pricing-pricing-table-new-price {
    font-size: 70px !important;
}

.woocommerce-MyAccount-content .mas-pricing-pricing-table-wrapper.mas-pricing-pricing-table .mas-pricing-pricing-table-features {
    padding-left: 0 !important;
}

.woocommerce-MyAccount-content .mas-pricing-pricing-table-wrapper.mas-pricing-pricing-table .mas-pricing-pricing-table-features .mas-pricing-pricing-table-features-enable {
    padding-left: 0 !important;
    font-size: 17px;
}

.woocommerce-MyAccount-content .mas-pricing-pricing-table-wrapper.mas-pricing-pricing-table .mas-pricing-pricing-table-badge-wrapper {
    padding: 30px;
}


.banner-pricing {
    margin-bottom: 80px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .banner-pricing {
        margin-bottom: 50px;
        justify-content: center;
    }
}

.banner-pricing .col-md-12 {
    display: flex;
    justify-content: center;
}

.banner-pricing .banner-pricing-row {
    display: flex;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .banner-pricing .banner-pricing-row {
        flex-direction: column;
    }
}

.banner-pricing-left {
    /* margin-right: 100px;
    padding-right: 150px; */
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .banner-pricing-left {
        margin-right: 0;
        padding-right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px;
    }
}
.banner-pricing-left .heading1{
    text-align: center;
}
.banner-pricing .banner-pricing-left .sub-heading1{
    text-align: center !important;
}
/* .banner-pricing-left:after {
    position: absolute;
    content: "";
    right: 0;
    height: 95%;
    width: 2px;
    background-color: #bdccc3;
    top: 0;
    opacity: .4;
}
@media screen and (max-width: 1024px) {
    .banner-pricing-left:after {
        right: 0;
        height: 2px;
        width: 100%;
        top: 100%;
    }
} */

.quote-area {
    position: relative;
    margin-left: 30px;
}

.banner-pricing .heading1 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 58px;
    line-height: 68px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
}
@media screen and (max-width: 1024px) {
    .banner-pricing .heading1 {
        font-size: 27px;
        line-height: 37px;
        margin-bottom: 5px;
    }
}
.banner-pricing .heading1 .highlight {
    color: var(--themeGlobalPrimary);
    position: relative;
}

.banner-pricing .heading1 .highlight:after {
    position: absolute;
    content: "";
    background-image: url(images/green-line.png);
    background-repeat: no-repeat;
    width: 94%;
    height: 25px;
    bottom: -27px;
    left: 0;
    background-size: contain;
    margin: 0 3%;
}

.banner-pricing .heading1 svg {
    height: 48px;
}

.banner-pricing .sub-heading1 {
    text-align: left !important;
    margin: 0 !important;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px !important;
}
@media screen and (max-width: 1024px) {
    .banner-pricing .sub-heading1 {
        font-size: 14px;
        line-height: 14px !important;
    }
}
.quote-user {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.quote-user-left img {
    border-radius: 50%;
    width: 40px!important;
    height: 40px!important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    margin-right: 12px;
}

.quote-user-right .user-name {
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 15px;
}
.user-designation{
    font-size: 13px;
}
.quote-icon {
    position: absolute;
    left: -25px;
    top: -1px;
}

.quote-icon svg {
    width: 20px;
    height: 20px;
    color: #6680a2;
}

.pricing-carousel .carousel-indicators {
    bottom: -25px;
    right: auto;
    margin-left: 105px;
    margin-bottom: 0;
}

.pricing-carousel .carousel-indicators button {
    min-width: 9px;
    max-width: 9px;
    min-height: 9px;
    max-height: 9px;
    border-radius: 50%;
    padding: 0 !important;
    margin-right: 3px;
    background-color: var(--themeGlobalBody);
    opacity: .2;
}

.pricing-carousel .carousel-indicators li {
    opacity: .1;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #000;
}

.pricing-carousel .carousel-indicators li.active {
    opacity: .5 !important;
}

.page-template-pricing .clientsSection .container {
    padding-top: 0px;
}

.pricing-carousel .carousel-indicators {
    bottom: -10px;
    right: auto;
    left: 48px;
}

.pricing-carousel .carousel-inner {
    overflow: unset;
}

.banner-pricing .carousel-indicators {
    margin: 0;
    left: 29px;
    right: auto;
    bottom: -28px;
}
.banner-pricing .carousel-indicators button {
    width: 15px;
}
/* MY ACCOUNT =================================================================================================== */
.woocommerce-account .header-slogan{
    display: none;
}
.woocommerce-account .content-block .container {
    max-width: 1320px !important;
}

.left-navigation {
    position: absolute;
    display: flex;
    align-items: center;
    left: 30px;
    top: 5px;
}
@media (max-width: 1024px) {
    .left-navigation {
    position: relative;
    margin-bottom: 20px;
}
}
.left-navigation .oi-aviator {
    display: flex;
}

.left-navigation .left-breadcrumbs {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 0 10px;
}

.woocommerce-account .woocommerce {
    flex-direction: column !important;
    position: relative;
}

.woocommerce-MyAccount-navigation {
    width: 100% !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    display: flex;
    justify-content: flex-end;
    padding-right: 25px !important;
}

.woocommerce-MyAccount-navigation ul {
    display: flex;
    border-top: 0 !important;
    border-bottom: 0 !important;
    margin: 0 !important;
}
@media (max-width: 1024px) {
    .woocommerce-MyAccount-navigation ul {
    flex-direction: column;
}
}
.woocommerce-Address-title {
    position: relative !important;
}

.woocommerce-MyAccount-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 45px !important;
    border-radius: 30px !important;
    background-color: #050631;
    position: relative;
    min-height: 50vh;
    box-shadow: 0 0 30px -15px rgba(0, 0, 0, .15);
}
@media (max-width: 1024px) {
    .woocommerce-MyAccount-content {
        padding: 20px !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        width: auto !important;
    }
}
html[data-bs-theme="light"] .woocommerce-MyAccount-content {
    background-color: #ffffff !important;
}
.woocommerce-MyAccount-content:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 900px;
    height: 100px;
    border-radius: 50%;
    background-color: #643caf;
    -webkit-box-shadow: 0 0 500px 300px rgba(100, 60, 175, 0.8);
    -moz-box-shadow: 0 0 500px 300px rgba(100, 60, 175, 0.8);
    box-shadow: 0 0 500px 300px rgba(100, 60, 175, 0.8);
    z-index: -1;
}
.woocommerce-account.theme-flowto .content-block {
    background: transparent !important;
}

.woocommerce-MyAccount-content .woocommerce-Input {
    background-color: #E8EBEF !important;
    border-color: #E8EBEF !important;
    border-radius: 10px !important;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.woocommerce-MyAccount-content .woocommerce-Input:focus {
    color: var(--themeGlobalBody);
    border-color: #eee;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.woocommerce-EditAccountForm label {
    font-size: 14px !important;
    color: #a1a1a1 !important;
    margin: 0 0 0 8px !important;
    font-weight: 400 !important;
}

.woocommerce fieldset {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce fieldset legend {
    margin: 0 15px;
}

.woocommerce-account .woocommerce-form-row span em {
    font-size: 12px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--themeGlobalPrimary) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    font-weight: 500 !important;
    text-transform: unset !important;
    font-size: 14px !important;
    color: var(--themeGlobalHeadline) !important;
    padding-left: 25px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus {
    outline: none !important;
    border: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
    display: none;
}

.back-to-current-plan {
    position: absolute;
    right: 15px;
    top: 15px;
    text-decoration: none;
}

.update-plan-model-close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: var(--themeGlobalHeadline) !important;
}
.update-plan-model .btn{
    height: 45px;
}
.update-plan-model-close:hover {
    color: var(--themeGlobalPrimary) !important;
}

.update-plan-model-close svg {
    width: 24px;
    height: 24px;
}

.woocommerce-account .woocommerce-MyAccount-content p {
    font-size: var(--themeGlobalBodyFontSize) !important;
    font-weight: 400 !important;
}

.woocommerce-account .custom-table th {
    font-weight: 500;
}

.woocommerce-account .custom-table td {
    vertical-align: middle;
    font-size: var(--themeGlobalBodyFontSize) !important;
}

.woocommerce-account .custom-table th:last-child,
.woocommerce-account .custom-table td:last-child {
    text-align: right;
}

.woocommerce-MyAccount-content .nice-select,
.woocommerce-MyAccount-content .form-select,
.woocommerce-MyAccount-content .form-control,
.woocommerce-MyAccount-content .input-text {
    background-color: #170c51 !important;
    border-color: #23176b !important;
    border-radius: 10px !important;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    width: 100%;
    box-shadow: none !important;
}
html[data-bs-theme="light"] .woocommerce-MyAccount-content
.nice-select,
html[data-bs-theme="light"] .woocommerce-MyAccount-content
.form-select,
html[data-bs-theme="light"] .woocommerce-MyAccount-content
.form-control,
html[data-bs-theme="light"] .woocommerce-MyAccount-content
.input-text {
    background-color: #E8EBEF !important;
    border-color: #E8EBEF !important;
}

.personalInfoArea {
    width: 100%;
    margin-bottom: 30px;
}

.billingShippingArea {
    width: 100%;
    margin-bottom: 30px;
}

.changePasswordArea {
    width: 100%;
    margin-bottom: 20px;
}

.woocommerce-EditAccountForm h4 {
    font-size: 24px !important;
    margin: 0 0 10px 0;
    font-weight: 600;
    color: #fff;
}

.woocommerce-EditAccountForm .mb-3 {
    margin-bottom: 20px;
}

.woocommerce-EditAccountForm .required {
    color: #ff0000 !important;
}

#primary.content-area {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}

.storefront-breadcrumb {
    display: none;
}

header.entry-header {
    display: none;
}

.woocommerce-Button {
    color: #fff !important;
    background: var(--theme-btn-background) !important;
    border: var(--theme-btn-border) !important;
    box-shadow: var(--theme-btn-shadow) !important;
    width: fit-content;
    height: 45px;
    padding-left: 40px !important;
    padding-right: 40px !important;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
html[data-bs-theme="light"] .woocommerce-Butto {
    background-color: var(--themeGlobalPrimary) !important;
    border-color: var(--themeGlobalPrimary) !important;
}
/* CONTACT =================================================================================================== */
.form-area {
    position: relative;
}
.form-area .col-md-6:first-child{
    padding-right: 0;
}
.form-area .col-md-6:last-child{
    padding-left: 0;
}
@media screen and (max-width: 1024px) {
    .form-area .col-md-6:first-child{
    padding-right: 10px;
}
.form-area .col-md-6:last-child{
    padding-left: 10px;
}
}
.contact-info-wrapper{
    padding: 100px;
    border-radius: 30px 0 0 30px;
    height: 100%;
    background: linear-gradient(to bottom, #12136a, #07083d);
}
@media screen and (max-width: 1024px) {
    .contact-info-wrapper{
    padding: 20px;
    border-radius: 20px 20px 0 0;
    height: 100%;
    background: linear-gradient(to bottom, #12136a, #07083d);
}
}

.contact-info-wrapper .con-group .con-list:not(:first-child) {
    border-top: 1px solid #2b3274;
    padding-top: 40px;
    margin-top: 40px;
}
@media screen and (max-width: 1024px) {
    .contact-info-wrapper .con-group .con-list:not(:first-child) {
    padding-top: 20px;
    margin-top: 20px;
}
}

.contact-info-wrapper .con-group .custom-row{
    display: flex;
    gap: 40px;
}
@media screen and (max-width: 1024px) {
.contact-info-wrapper .con-group .custom-row{
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.contact-info-wrapper .con-group .custom-col:not(:first-child) {
    margin-top: 20px;
}
}
.contact-info-wrapper .con-group .con-list .custom-heading{
    font-size: 26px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
    .contact-info-wrapper .con-group .con-list .custom-heading{
    font-size: 20px;
    line-height: 22px;
}
}
.contact-info-wrapper .con-group .con-list .custom-label{
    font-size: 14px;
    line-height: 16px;
    color: #496991;
    margin-bottom: 10px;
}
.contact-info-wrapper .con-group .con-list .custom-value{
    font-size: 17px;
    line-height: 19px;
    color: #99d1ff;
}
.contact-info-wrapper .con-group .con-list a.custom-value:hover{
    text-decoration: underline;
}
.contact-info-wrapper .con-group .con-list .custom-qr-code{
    width: 100%;
    max-width: 125px;
    border-radius: 12px;
    padding: 10px;
    background-color: #fff;
    margin-top: 25px;
}
@media screen and (max-width: 1024px) {
    .contact-info-wrapper .con-group .con-list .custom-qr-code{
    max-width: 85px;
    border-radius: 10px;
    padding: 5px;
}
}
.contact-info-wrapper .con-group .con-list .custom-qr-code img{
    width: 100%;
}
.contact-info-wrapper .con-group .con-list .social-media{
    margin-top: 20px;
}



.contact-form-wrapper{
    background: linear-gradient(to bottom, #17197b, #08093a);
    border-radius: 0 30px 30px 0;
    padding: 100px;
    height: 100%;
}
@media screen and (max-width: 1024px) {
    .contact-form-wrapper{
    border-radius: 20px 20px 0 0;
    padding: 20px;
}
}
.contact-form-wrapper .heading {
    font-size: 20px;
    font-weight: 500;
    color: #4f566a;
    margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
    .contact-form-wrapper .heading {
        margin-top: 40px;
        margin-bottom: 30px;
    }
}
.addressBox {
    margin-bottom: 40px;
    padding-bottom: 40px;
    position: relative;
}
@media screen and (max-width: 1024px) {
    .addressBox {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
}
.addressBox:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.addressBox:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.2);
    left: 0;
    bottom: 0;
}

.addressBox:last-child:after {
    display: none;
}

.addressBox .heading {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 22px;
    color: var(--themeGlobalHeadline);
}
@media screen and (max-width: 1024px) {
    .addressBox .heading {
        margin-bottom: 10px;
    }
}
.addressBox .description {
    font-size: 18px;
    opacity: .6;
}
@media screen and (max-width: 1024px) {
    .addressBox .description {
        font-size: 15px;
    }
}
.banner-area-inner .content-body {
    position: relative;
}
@media screen and (max-width: 1024px) {
    .banner-area-inner .content-body {
        padding-left: 0px;
    }
}

.contact-area .bottom-section .restart-article {
    margin-bottom: 130px;
}
.contact-form-wrapper .inner-circle-glow {
    width: 100px;
    height: 100px;
    box-shadow: 0 0 500px 400px #643caf;
}
.upper-banner-area .superSubTitle{
    font-size: 22px;
    line-height: 32px;
    max-width: 800px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: var(--oi-color-1);
}
@media screen and (max-width: 1024px) {
    .upper-banner-area .superSubTitle{
    font-size: 16px;
    line-height: 22px;
}
}
.upper-banner-area .superTitle{
    margin-bottom: 10px;
    text-align: center;
}
/* SOCIAL MEDIA START =================================================================================================== */
.find-social-media {
    display: flex;
    align-items: center;
    margin-top: 100px;
    padding-top: 100px;
    border-top: 2px solid #e8e8e8;
}
@media screen and (max-width: 1024px) {
    .find-social-media {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 25px;
        margin-top: 25px;
        border-top: 0;
    }
}
.social-media-label {
    font-size: 16px;
    line-height: 16px;
    white-space: nowrap;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--themeGlobalHeadline);
    margin-right: 100px;
}
@media screen and (max-width: 1024px) {
    .social-media-label {
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 20px;
        margin-right: 0;
        text-align: center;
    }
}
.social-icon-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.social-icon-item {
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    border-radius: 50%;
    color: #fff;
    background-color: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 1024px) {
    .social-icon-item {
        min-width: 30px;
        max-width: 30px;
        min-height: 30px;
        max-height: 30px;
    }
}
.social-icon-item svg {
    width: 18px;
    height: 18px;
}

.social-icon-item.facebook {
    background-color: #405993;
}

.social-icon-item.twitter {
    background-color: #000;
}

.social-icon-item.youtube {
    background-color: #bd332b;
}

.social-icon-item.instagram {
    background-color: #dd2a7b;
}

.social-icon-item.linkedin {
    background-color: #3177b0;
}

.social-icon-item.telegram {
    background-color: #51a4da;
}

.social-icon-item.whatsapp {
    background-color: #25d366;
}

/* SOCIAL MEDIA END =================================================================================================== */

/* ABOUT =================================================================================================== */
.about-area .top-article .bubble-effect-area .effect1 {
    opacity: .2;
    top: 69px;
    left: -135px;
    border-color: #96d692;
}

.about-area:before {
    content: "";
    /* background-color: #21214f; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1050px;
    z-index: -1;
}

.about-area .content-body {
    padding-left: 130px;
}
@media screen and (max-width: 1366px) {
    .about-area .content-body {
        padding-left: 0px;
    }
}
.about-area .top-article .superTitle {
    margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
    .about-area .top-article .superTitle {
        margin-bottom: 10px;
        text-align: center;
    }
}
.about-area .top-article .superSubTitle {
    color: var(--oi-color-1);
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 50px;
    max-width: 900px;
}
@media screen and (max-width: 1366px) {
    .about-area .top-article .superSubTitle {
        font-size: 30px;
        line-height: 45px;
        max-width: 800px;
    }
}
@media screen and (max-width: 1024px) {
    .about-area .top-article .superSubTitle {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 40px;
        text-align: center;
    }
}
.about-area .top-article .superSubTitle .highlight {
    color: #22b339;
}

.top-article .p-c-wrap {
    margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
    .top-article .p-c-wrap {
        margin-bottom: 40px;
    }
}
.top-article .p-c-list {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
    .top-article .p-c-list {
        margin-bottom: 20px;
    }
}
.top-article .arrow-icon {
    margin-right: 32px;
    color: #7171c0;
}
@media screen and (max-width: 1024px) {
    .top-article .arrow-icon {
        margin-right: 15px;
    }
}
.top-article .arrow-icon svg {
    width: 30px;
    height: 30px;
}
@media screen and (max-width: 1024px) {
    .top-article .arrow-icon svg {
        width: 20px;
        height: 20px;
    }
}
.top-article .brand-name {
    min-width: 320px;
    max-width: 320px;
}
@media screen and (max-width: 1024px) {
    .top-article .brand-name {
        min-width: 180px;
        max-width: 180px;
    }
}
.brand-logo.imprintnext{
    mix-blend-mode: lighten;
}
.top-article .brand-name .Heading {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #b5b5c3;
    margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
    .top-article .brand-name .Heading {
        font-size: 13px;
        line-height: 13px;
        font-weight: 600;
    }
}
.top-article .brand-name .description {
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: #b5b5c3;
}

.top-article .brand-logo.riaxe {
    opacity: .5;
}
@media screen and (max-width: 1024px) {
    .p-c-list .brand-logo{
    width: 80px;
    margin-left: 20px;
}
}
.top-article .trust-wrap {
    margin-left: 40px;
    font-size: 31px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
    .top-article .trust-wrap {
        margin-left: 0px;
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 40px;
        text-align: center;
    }
}
.trust-wrap .highlight {
    color: #a6eda2;
}

.trust-wrap .line {
    position: relative;
}

.trust-wrap .line:after {
    position: absolute;
    content: "";
    background-image: url(images/blue-line-2.png);
    background-repeat: no-repeat;
    width: 94%;
    height: 25px;
    bottom: -27px;
    left: 0;
    background-size: contain;
    margin: 0 3%;
    opacity: .3;
}

.idea-behind-article {
    margin-bottom: 100px;
    position: relative;
}
@media screen and (max-width: 1024px) {
    .idea-behind-article {
        margin-bottom: 25px;
    }
}

.idea-behind-article .upper-part {
    background-color: #050631;
    padding: 100px 130px;
    border-radius: 40px 40px 0 0;
}
@media screen and (max-width: 1024px) {
    .idea-behind-article .upper-part {
        padding: 25px 25px 0;
        border-radius: 10px 10px 0 0;
    }
}
.idea-behind-article .upper-part .superTitle {
    margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
    .idea-behind-article .upper-part .superTitle {
        margin-bottom: 10px;
    }
}
.idea-behind-article .upper-part .superTitle .highlight {
    color: var(--themeGlobalPrimary);
    position: relative;
}

.idea-behind-article .upper-part .superTitle .highlight:after {
    position: absolute;
    content: "";
    background-image: url(images/blue-line-1.png);
    background-repeat: no-repeat;
    width: 94%;
    height: 25px;
    bottom: -27px;
    left: 0;
    background-size: contain;
    margin: 0 3%;
}

.idea-behind-article .upper-part .superTitle svg {
    height: 80px;
}

.idea-behind-article .upper-part .superTitle svg path {
    fill: var(--themeGlobalPrimary);
}

.idea-behind-article .lower-part {
    background-color: #170c51;
    padding: 80px 80px 80px 80px;
    border-radius: 40px;
    margin-top: -50px;
}
@media screen and (max-width: 1024px) {
    .idea-behind-article .lower-part {
        padding: 25px;
        border-radius: 0 0 10px 10px;
    }
}
.idea-behind-article .superDescription {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
    padding-bottom: 50px;
    color: var(--oi-color-1);
}
@media screen and (max-width: 1024px) {
    .idea-behind-article .superDescription {
        font-size: unset;
        line-height: unset;
        padding-bottom: 20px;
    }
}
.idea-behind-article .superDescription .line-break {
    display: block;
}
@media screen and (max-width: 1024px) {
.lower-part .idea-card{
    margin-top: 20px;
}
}

.lower-part .idea-card .idea-card-img {
    margin-bottom: 20px;
}
.lower-part .idea-card .idea-card-img svg {
    width: 65px;
    height: 65px;
}
@media screen and (max-width: 1024px) {
    .lower-part .idea-card .idea-card-img svg {
    width: 35px;
    height: 35px;
}
}
.lower-part .idea-card-heading {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
    .lower-part .idea-card-heading {
    margin-bottom: 10px;
}
}
.lower-part .idea-card-description {
    font-size: 14px;
    line-height: 22px;
}

.idea-behind-article .lower-part .brand-logo {
    height: 45px;
    margin-bottom: 20px;
    width: auto;
}

.idea-behind-article .lower-part .heading {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
    font-weight: 500;
}
@media screen and (max-width: 1024px) {
    .idea-behind-article .lower-part .heading {
        margin-bottom: 30px;
    }
}
.idea-behind-article .lower-part .description {
    font-size: 13px;
    font-weight: 500;
}

.idea-behind-article .lower-part .col-md-6 .row {
    margin-left: -20px;
    margin-right: -20px;
}

.idea-behind-article .lower-part .col-md-6 .row .col-md-4 {
    padding-left: 20px;
    padding-right: 20px;
}


.team-article {
    margin-bottom: 50px;
    position: relative;
}
@media screen and (max-width: 1024px) {
    .team-article {
        margin-bottom: -20px;
    }
}
.team-article .container {
    max-width: 1100px;
}

.team-article .row {
    margin-left: -15px;
    margin-right: -15px;
}
@media screen and (max-width: 1024px) {
    .team-article .row {
        margin-left: -10px;
        margin-right: -10px;
    }
}
.team-article .row .col-md-2 {
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (max-width: 1024px) {
    .team-article .row .col-md-2 {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.team-article .upper-section {
    margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
    .team-article .upper-section {
        margin-bottom: 25px;
    }
}
.upper-section .heading {
    font-size: 14px;
    color: var(--themeGlobalHeadline);
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 10px;
}

.upper-section .description {
    font-size: 26px;
    line-height: 46px;
    color: var(--themeGlobalHeadline);
    font-weight: 400;
}
@media screen and (max-width: 1024px) {
    .upper-section .description {
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
        margin-top: 10px;
    }
}
@media screen and (max-width: 1024px) {
.team-card{
    margin-bottom: 25px;
}
}
.team-card-header {
    width: 100%;
}

.team-card-header img {
    width: 100%;
    border-radius: 24px;
}

.team-card-body {
    margin-top: -50px;
    background-color: #050631;
    padding: 15px;
    border-radius: 10px;
    z-index: 9;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
}
/* @media screen and (max-width: 1024px) {
    .team-card-body {
        margin-top: 10px;
    }
} */
.team-card-body .name {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--themeGlobalHeadline);
}
/* .team-card-body .punchline {
    font-size: 10px;
    line-height: 10px;
    color: var(--themeGlobalHeadline);
    font-weight: 500;
    opacity: .7;
} */
.team-card-body .designation {
    font-size: 13px;
    line-height: 16px;
    color: var(--themeGlobalHeadline);
    font-weight: 500;
    opacity: .7;
    margin-top: 0;
}
.team-card .social-group{
    margin-left: 20px;
}
.team-card .social-group .social-item svg{
    width: 16px;
    height: 16px;
}

.team-article .upper-section {
    position: relative;
}

.team-article .bubble-effect-area .bubble-effect .effect1 {
    top: 130px;
}

.team-article .bubble-effect-area .bubble-effect .effect2 {
    right: -100px;
}

.team-article .bubble-effect-area .bubble-effect .effect3 {
    right: -120px;
}



.select2-selection {
    height: 50px !important;
    background-color: #E8EBEF !important;
    border: 0 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 18px !important;
    padding-left: 20px !important;
}

span.select2-selection.select2-selection--single {
    height: 50px !important;
}

.select2-container {
    width: 100% !important;
    height: 50px !important;
}

.select2-search__field {
    height: 50px !important;
}

.page-template-about-page .client-feedback-section,
.page-template-license-terms .client-feedback-section,
.page-template-privacy-policy .client-feedback-section,
.page-template-refund .client-feedback-section,
.page-template-delivery-policy .client-feedback-section,
.page-template-disclaimer .client-feedback-section{
    display: none;
}
/* CUSTOM MODAL START =================================================================================================== */
.custom-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-modal-dialog {
    max-width: 500px;
    width: 100%;
    margin: 1.75rem auto;
    position: relative;
    pointer-events: none;
}

.custom-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #000;
    background-clip: padding-box;
    border-radius: 12px;
    outline: 0;
    overflow: hidden;
}

.custom-modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.custom-modal-title {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 20px 0;
    padding: 0;
}

.plan-short-info {
    font-weight: 300;
    color: var(--themeGlobalSecondary);
}

.custom-modal-sub-title {
    font-size: 19px;
    font-weight: 600;
    margin: 0 0 10px 0;
    padding: 0;
}

.custom-modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 50px;
}

.custom-modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.custom-btn-close {
    position: absolute;
    right: 18px;
    top: 18px;
    padding: 0;
    margin: 0;
    box-sizing: content-box;
    color: #000;
    border: 0;
    background-color: transparent;
}

.custom-btn-close svg {
    width: 24px;
    height: 24px;
}

.btn-cancel {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    padding: -0.625rem .75rem;
    font-size: 1rem;
    border-radius: 8px;
}

.btn-done {
    color: #fff;
    background-color: var(--themeGlobalPrimary);
    border-color: var(--themeGlobalPrimary);
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    padding: -0.625rem .75rem;
    font-size: 1rem;
    border-radius: 8px;
    margin-left: 10px;
}

/* CUSTOM MODAL END =================================================================================================== */
.plan-upgrade-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.plan-upgrade-content .text-1 {
    font-weight: 400;
    padding: 0 0 15px 0;
    opacity: .7;
    font-size: 14px;
    text-align: center;
}
.plan-upgrade-content .text-7 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
.plan-upgrade-content .text-2 {
    font-weight: 600;
    font-size: 30px;
    padding: 0 0 20px 0;
    color: var(--themeGlobalPrimary);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.plan-upgrade-content .text-2 .plan-text {
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    color: var(--themeGlobalHeadline);
}

.plan-upgrade-content .text-3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    opacity: .7;
    text-align: center;
}

.plan-upgrade-sure {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 300px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.update-plan-model-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.update-plan-model-footer .btn {
    min-width: 100px;
}

.update-plan-model-footer .btn:first-child {
    margin-right: 5px;
}

.update-plan-model-footer .btn:last-child {
    margin-left: 5px;
}

/* PAYMENT SUCCESS =================================================================================================== */
.footer-section .elementor-section {
    background-color: var(--themeGlobalBackground) !important;
}

.footer-section .mas-list-group-icon {
    background-color: transparent !important;
    height: 24px;
}

.footer-section .mas-list-group-icon svg {
    height: 20px !important;
    width: auto !important;
}

.footer-section h6 {
    font-size: 20px !important;
    font-weight: 500 !important;
}

/* PAYMENT SUCCESS =================================================================================================== */

.paymentSuccessWrap {
    padding: 80px 40px;
    border-radius: 24px;
    box-shadow: 0px 6px 26px -8px rgb(0 0 0 / 20%);
    min-height: 430px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #050631;
    position: relative;
}
.paymentSuccessWrap:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #643caf;
    -webkit-box-shadow: 0 0 500px 300px rgba(100, 60, 175, 0.8);
    -moz-box-shadow: 0 0 500px 300px rgba(100, 60, 175, 0.8);
    box-shadow: 0 0 500px 300px rgba(100, 60, 175, 0.8);
    z-index: -1;
}

.paymentSuccessWrap img {
    max-width: 150px;
    position: relative;
}

.paymentSuccessWrap .payment-success-heading {
    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
    margin: 24px 0 20px 0;
    text-align: center;
}

.paymentSuccessWrap .payment-success-description {
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    color: #666;
    text-align: center;
}

/* APP =================================================================================================== */
.app-area {
    min-height: 100vh;
}

/* OTHER =================================================================================================== */
.upgrade-plan {
    height: 55px;
}

.btn-download-invoice {
    text-decoration: none !important;
    font-size: 13px;
    border: 0 !important;
    padding-left: 15px !important;
    padding-right: 28px !important;
    margin-right: 0;
    margin-left: auto;
}
.btn-download-invoice svg {
    margin-right: 5px;
}
.dropdown-toggle.upgrade-to-plan:after {
    display: none !important;
}
.woocommerce-account .client-feedback-section{
    display: none;
}
/* MEGA MENU START ------------------------------------------------------------------------------------ */

#super-mega-awesome-features {
    display: none;
}

.super-mega-awesome-features:hover #super-mega-awesome-features {
    display: block !important;
}


#super-mega-awesome-more {
    display: none;
}

.super-mega-awesome-more:hover #super-mega-awesome-more {
    display: block !important;
}

#super-mega-awesome-features {
    position: absolute;
    top: 100%;
    box-shadow: rgb(40 35 74 / 30%) 0px 40px 160px;
    border-radius: 0.9rem;
    background-color: #fff;
    min-width: 550px;
    max-width: 550px;
    height: auto;
    left: -70px;
    z-index: 999;
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
    overflow: hidden;
}
#super-mega-awesome-more {
    position: absolute;
    top: 100%;
    box-shadow: rgb(40 35 74 / 30%) 0px 40px 160px;
    border-radius: 0.9rem;
    background-color: #fff;
    min-width: 300px;
    max-width: 300px;
    height: auto;
    left: -70px;
    z-index: 999;
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    #super-mega-awesome-features,
    #super-mega-awesome-more {
        top: 10px;
        position: relative;
        left: 0 !important;
        min-width: 100%;
        max-width: 100%;
        box-shadow: none;
        animation: none;
        border-radius: 6px;
        padding: 10px 20px;
        margin-bottom: 10px;
        box-shadow: 0 0 30px -10px rgba(0, 0, 0, .15);
    }
}
/* SOLUTIONS */

.super-mega-awesome-solutions a {
    position: relative;
    color: var(--themeBodyColor);
}

@media screen and (max-width: 1024px) {

    .super-mega-awesome-solutions a:before,
    .super-mega-awesome-solutions a:after {
        content: "";
        display: block;
        position: absolute;
        right: 0px;
        top: 1rem;
        width: 1rem;
        height: 2px;
        background-color: rgb(40, 35, 74);
    }

    .super-mega-awesome-solutions a:after {
        will-change: transform;
        transition: transform 0.3s ease 0s;
        transform: rotate(90deg);
    }
}


/* FEATURES */

.super-mega-awesome-features a {
    position: relative;
    color: var(--themeBodyColor);
}

@media screen and (max-width: 1024px) {

    .super-mega-awesome-features a:before,
    .super-mega-awesome-features a:after {
        content: "";
        display: block;
        position: absolute;
        right: 0px;
        top: 1rem;
        width: 1rem;
        height: 2px;
        background-color: rgb(40, 35, 74);
    }

    .super-mega-awesome-features a:after {
        will-change: transform;
        transition: transform 0.3s ease 0s;
        transform: rotate(90deg);
    }
    
    .page-template-about-page .super-mega-awesome-features a:before,
    .page-template-about-page .super-mega-awesome-features a:after {
        background-color: #fff;
    }
    .page-template-about-page .fixed-header .super-mega-awesome-features a:before,
    .page-template-about-page .fixed-header .super-mega-awesome-features a:after {
        background-color: rgb(40, 35, 74);
    }
}


/* INDUSTRY */

.super-mega-awesome-industry a {
    position: relative;
    color: var(--themeBodyColor);
}

@media screen and (max-width: 1024px) {

    .super-mega-awesome-industry a:before,
    .super-mega-awesome-industry a:after {
        content: "";
        display: block;
        position: absolute;
        right: 0px;
        top: 1rem;
        width: 1rem;
        height: 2px;
        background-color: rgb(40, 35, 74);
    }

    .super-mega-awesome-industry a:after {
        will-change: transform;
        transition: transform 0.3s ease 0s;
        transform: rotate(90deg);
    }
}


/* MORE */

.super-mega-awesome-more a {
    position: relative;
    color: var(--themeBodyColor);
}

@media screen and (max-width: 1024px) {

    .super-mega-awesome-more a:before,
    .super-mega-awesome-more a:after {
        content: "";
        display: block;
        position: absolute;
        right: 0px;
        top: 1rem;
        width: 1rem;
        height: 2px;
        background-color: rgb(40, 35, 74);
    }

    .super-mega-awesome-more a:after {
        will-change: transform;
        transition: transform 0.3s ease 0s;
        transform: rotate(90deg);
    }
    .page-template-about-page .super-mega-awesome-more a:before,
    .page-template-about-page .super-mega-awesome-more a:after {
        background-color: #fff;
    }
    .page-template-about-page .fixed-header .super-mega-awesome-more a:before,
    .page-template-about-page .fixed-header .super-mega-awesome-more a:after {
        background-color: rgb(40, 35, 74);
    }
    
}

.super-mega-awesome-inner {
    position: relative;
}

.super-mega-awesome-header {
    padding: 40px;
    background-color: #F5F9FB;
}

@media screen and (max-width: 1024px) {
    .super-mega-awesome-header {
        padding: 0px;
        background-color: #fff;
    }
}

.super-mega-awesome-body {
    padding: 30px 10px 30px 30px;
}

@media screen and (max-width: 1024px) {
    .super-mega-awesome-body {
        padding: 0px;
    }
}

.super-mega-awesome-footer {
    padding: 40px;
    background-color: #F5F9FB;
}

@media screen and (max-width: 1024px) {
    .super-mega-awesome-footer {
        padding: 0px;
        background-color: #fff;
    }
}

.super-mega-awesome-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.super-mega-awesome-col-6,
.super-mega-awesome-col-12 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
}

@media screen and (max-width: 1024px) {

    .super-mega-awesome-col-6,
    .super-mega-awesome-col-12 {
        padding-bottom: 0px;
    }
}

.super-mega-awesome-col-6 {
    flex: 0 0 auto;
    width: 50%;
}

@media screen and (max-width: 1024px) {
    .super-mega-awesome-col-6 {
        width: 100%;
    }
}

.super-mega-awesome-col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.super-mega-awesome-media {
    display: flex !important;
    text-decoration: none;
    padding: 0 !important;
}

@media screen and (max-width: 1024px) {
    .super-mega-awesome-media {
        padding: 7px 5px !important;
        border-bottom: 1px solid #eaf2ed!important;
    }
    .super-mega-awesome-col-6:last-child .super-mega-awesome-media:last-child{
        border-bottom: 0!important;
    }
    .super-mega-awesome-media::before,
    .super-mega-awesome-media::after {
        display: none !important;
    }
}

.super-mega-awesome-media.no-link:hover .super-mega-awesome-media-heading {
    color: var(--themeBodyColor);
}

.super-mega-awesome-media:hover .super-mega-awesome-media-heading {
    color: var(--themeColor);
}

.super-mega-awesome-media:hover .super-mega-awesome-media-paragraph {
    color: var(--themeBodyColor);
}

.super-mega-awesome-media-image {
    width: 52px;
}

@media screen and (max-width: 1024px) {
    .super-mega-awesome-media-image {
        display: none;
    }
}

.super-mega-awesome-media-image img {
    width: 50px;
    max-height: 50px;
}

.super-mega-awesome-media-image svg {
    width: 35px;
    height: 35px;
    margin-top: 3px;
}

.super-mega-awesome-media-body {
    width: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

@media screen and (max-width: 1024px) {
    .super-mega-awesome-media-body {
        width: 100%;
    }
}

.super-mega-awesome-media-heading {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .super-mega-awesome-media-heading {
        font-weight: 400;
        opacity: .7;
    }
}
.super-mega-awesome-media-heading .coming-soon {
    color: #fff;
    background-color: var(--themeGlobalPrimary);
    font-size: 9px;
    line-height: 9px;
    font-weight: 600;
    border-radius: 3px;
    padding: 2px 6px 4px;
    margin-left: 7px;
    height: 14px;
    display: inline-block;
}
.super-mega-awesome-media-paragraph .coming-soon {
    color: #fff;
    background-color: var(--themeGlobalPrimary);
    font-size: 9px;
    line-height: 9px;
    font-weight: 600;
    border-radius: 3px;
    padding: 2px 6px 4px;
    height: 14px;
    display: inline-block;
}
.super-mega-awesome-media-paragraph {
    font-size: 12px;
    line-height: 18px;
    opacity: .7;
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .super-mega-awesome-media-paragraph {
        display: none;
    }
}
.super-mega-awesome-media-paragraph.no-content{
    opacity: 1;
}

/* ANIMATION */

@-moz-keyframes growDown {
    0% {
        transform: scaleY(.9);
        opacity: 0;
    }

    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}

@-webkit-keyframes growDown {
    0% {
        transform: scaleY(.9);
        opacity: 0;
    }

    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}

@-o-keyframes growDown {
    0% {
        transform: scaleY(.9);
        opacity: 0;
    }

    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}

@keyframes growDown {
    0% {
        transform: scaleY(.9);
        opacity: 0;
    }

    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}

/* MEGA MENU END ------------------------------------------------------------------------------------ */


/* Affiliate =================================================================================================== */
.aff-wrap {
    background: #050631;
    border: 0;
    border-radius: 30px;
    padding: 50px;
    margin-top: 30px;
    box-shadow: 0 0 30px -15px rgba(0, 0, 0, .15);
}
html[data-bs-theme="light"] .aff-wrap {
    background-color: var(--themeGlobalBody) ;
}
.aff-wrap:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 900px;
    height: 100px;
    border-radius: 50%;
    background-color: #643caf;
    -webkit-box-shadow: 0 0 500px 300px rgba(100, 60, 175, 0.8);
    -moz-box-shadow: 0 0 500px 300px rgba(100, 60, 175, 0.8);
    box-shadow: 0 0 500px 300px rgba(100, 60, 175, 0.8);
    z-index: -1;
}
.aff-wrap .pure-table thead,
.aff-wrap #aff-controls,
.aff-wrap table:not( .has-background ) tbody td,
.aff-wrap table:not( .has-background ) th {
    background-color: transparent !important;
}
.aff-wrap .pure-table{
    border: 0 !important;
    position: relative;
}
.aff-wrap .pure-table:after{
    content: "";
    position: absolute;
    bottom: -13px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #1c326bba;
}
.aff-wrap .pure-table:last-child:after{
    display: none;
}
.aff-wrap .wrap {
    padding: 0 !important;
}
.aff-wrap .pure-table thead{
    color: unset !important;
}
.aff-wrap .pure-menu {
    display: flex;
    justify-content: flex-end;
}
.aff-wrap .link-content{
    margin-bottom: 10px;
    opacity: .7;
}
.aff-wrap #copyToClipboard svg{
    fill: var(--themeGlobalBody);
}
.aff-wrap #copied svg{
    fill: #11e533;
}
.pure-table .change-affiliate-link{
    color: var(--themeGlobalBody);
    border-radius: 14px;
    background: var(--theme-btn-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
}
.aff-wrap .pure-table:last-child {
    margin: 0 0 0 0;
}
.aff-wrap .pure-table .summaryPanel{
    opacity: .7;
}
.aff-wrap .pure-table:nth-child(2) tbody {
    opacity: .7;
}
.pure-table th {
    font-weight: 500;
}

.aff-wrap .pure-menu .pure-menu-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.aff-wrap .pure-menu .pure-menu-list .pure-menu-link {
    font-weight: 400;
    padding: 5px 10px;
    text-decoration: none !important;
    color: #fff;
}

.aff-wrap .pure-menu .pure-menu-list .pure-menu-link:hover,
.aff-wrap .pure-menu .pure-menu-list .pure-menu-link:focus {
    background-color: transparent !important;
    color: var(--themeGlobalPrimary) !important;
}

.aff-wrap .pure-menu .pure-menu-list .pure-menu-item.pure-menu-selected .pure-menu-link {
    color: var(--themeGlobalPrimary) !important;
}

.aff-wrap .pure-menu .pure-menu-list .pure-menu-item:after {
    display: none;
}

.pure-table td:first-child {
    width: 25%;
}

.pure-table td:last-child {
    width: 75%;
}

.aff-wrap h3 {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    margin: 0 0 10px 0 !important;
    opacity: .5 !important;
}

.wpam-creative-code,
.wpam_link_generation_input input,
.wpam_referral_url_input input {
    min-height: 50px;
    background-color: #E8EBEF;
    border: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-size: 18px;
    padding-left: 20px;
    margin-bottom: 30px;
    width: 100%;
}

#wpam_link_generation_form {
    margin: -10px 0 30px 0;
}

#wpam_link_generation_form br {
    display: none;
}

.wpam_referral_url_input {
    margin: 0 0 20px 0;
}

.wpam_link_generation_submit .button {
    color: var(--themeGlobalBody);
    background-color: var(--themeGlobalPrimary) !important;
    border-color: var(--themeGlobalPrimary) !important;
}

.summaryPanel {
    font-size: var(--themeGlobalBodyFontSize) !important;
}
.aff-wrap .daterange-form{
    color: unset;
}
.aff-wrap .pure-button{
    border-radius: 12px;
    padding-left: 25px;
    padding-right: 25px;
    color: var(--themeGlobalBody);
	background: var(--theme-btn-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
}
.aff-wrap .pure-button:hover,
.aff-wrap .pure-button:focus{
    border-radius: 12px;
    padding-left: 25px;
    padding-right: 25px;
    color: var(--themeGlobalBody);
	background: var(--theme-btn-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
}
.wpam-daterange-selection{
    max-width: 400px;
}
.wpam-daterange-selection input{
    background: transparent !important;
    color: var(--themeGlobalBody)!important;
    box-shadow: none !important;
    border-radius: 12px !important;
}
.wpam-daterange-selection input{
    width: 100%;
    border: 1px solid #2a5497 !important;
}
.wpam-daterange-selection label{
    text-align: left;
}
.pure-table td, .pure-table th {
    border-left: 1px solid #1c326bba;
}
.aff-wrap .wpam-daterange-action-buttons {
    text-align: left;
}
.aff-wrap .form-group{
    margin-bottom: 20px;
}
.aff-wrap .form-group .form-control{
    background-color: transparent !important;
    box-shadow: none !important;
    border-color: #2a5497;
    border-radius: 12px;
    height: 50px;
}
.aff-wrap .pure-form select{
    background-color: #050631;
    box-shadow: none;
        border-color: #2a5497;
    border-radius: 12px;
    height: 50px;
}
.aff-wrap .pure-form #txtPaypalEmail{
    background-color: #050631;
    box-shadow: none;
        border-color: #2a5497;
    border-radius: 12px;
    height: 50px;
}
.aff-wrap .wpam-contact-info td + td{
    border-bottom: 0 !important;
}
/* Testimonial =================================================================================================== */
.testimonial-area .success-area {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
    .testimonial-area .success-area {
        margin-bottom: 0px;
    }
}
/* .testimonial-area .success-area .testimonyWrap {
    margin-bottom: 50px;
} */
.testimonyWrap .bubble-effect-area{
    margin-left: -100px;
    margin-right: -100px;
    width: 130%;
}
.plan-badge {
    /* background-color: #170c51; */
    border: 1px solid #23176b;
    background-image: linear-gradient(to bottom right, #170c51, #050631);
    padding: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 14px;
    flex-direction: column;
    margin-bottom: 24px;
    position: relative;
    min-height: 105px;
}
html[data-bs-theme="light"] .plan-badge {
    background-color: #f3f6f9 !important;
}
.plan-badge-label {
    font-size: 11px;
    line-height: 11px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    opacity: .6;
}

.plan-badge-value {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
}
.plan-badge-value.text-success{
    color: #12b167 !important;
}
.plan-badge-value span {
    font-size: 10px;
    position: absolute;
    right: 16px;
    top: 10px;
    background-color: #fff;
    padding: 2px 7px;
    border-radius: 6px;
    display: flex;
    color: var(--themeGlobalSecondary);
}

.plan-select .oi-col-body .btn {
    font-size: 16px;
}


.woocommerce-MyAccount-content .oi-user-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.woocommerce-MyAccount-content .oi-user-upper {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce-MyAccount-content .oi-user-upper img {
    max-width: 180px;
    max-height: 180px;
}

.oi-user-info {
    width: 100%;
    margin: 10px 0 0;
}

.woocommerce-MyAccount-content .oi-user-name {
    line-height: 30px;
    margin: 0 0 10px 0;
    font-weight: 500;
    text-align: center;
}
.woocommerce-MyAccount-content .oi-user-name.first-name {
    font-size: 30px;
}
.woocommerce-MyAccount-content .oi-user-name.full-name {
    font-size: 20px;
}
.woocommerce-MyAccount-content .oi-user-email {
    font-size: 15px;
    line-height: 15px;
    opacity: .6;
    text-align: center;
}

.woocommerce-MyAccount-content .oi-user-button .btn {
    text-decoration: none !important;
    height: 45px;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    margin: 20px 0 0 0;
    font-size: 15px;
    font-weight: 500;
    border-radius: 10px;
}

.woocommerce-MyAccount-content .oi-user-button .btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.btn-became-affiliate {
	background: var(--theme-btn-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
}
html[data-bs-theme="light"] .btn-became-affiliate {
    border: 1px solid var(--themeGlobalPrimaryLight) !important;
    background-color: var(--themeGlobalPrimaryLight) !important;
}
.btn-became-affiliate:hover,
.btn-became-affiliate:focus {
	background: var(--theme-btn-hover-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
}

.btn-my-app {
	background: var(--theme-btn-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
}
.btn-my-app:hover,
.btn-my-app:focus {
	background: var(--theme-btn-hover-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
}
.btn-affiliate-dashboard {
	background: var(--theme-btn-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
}

.btn-affiliate-dashboard:focus {
	background: var(--theme-btn-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
}

.activation-pending {
    opacity: .5;
}

.woocommerce-MyAccount-content .oi-user-button a svg {
    width: 20px;
    height: 20px;
}

.inside-small-area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.inside-small-area-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 450px;
}

.inside-small-area-body-image {
    min-width: 125px;
    max-width: 125px;
    min-height: 125px;
    max-height: 125px;
    border-radius: 50%;
    background-color: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px 0;
}

.inside-small-area-body-image.danger {
    color: #5d87ff;
    background-color: #1a1c5d;
}

.inside-small-area-body-image.success {
    color: #5FDCA2;
    background-color: #002d17;
}
html[data-bs-theme="light"] .inside-small-area-body-image.success {
        color: #5FDCA2;
    background-color: #E4F9EF;
}

.wc-block-components-notice-banner.is-success {
    background-color: #1e2c6c;
    border-color: #4a5cad;
    color: #fff;
    border-radius: 24px;
}
html[data-bs-theme="light"] .wc-block-components-notice-banner.is-success {
    background-color: #f4fff7;
    border-color: #4ab866;
}
.wc-block-components-notice-banner.is-success a {
    color: #fff;
}
.inside-small-area-body-image.success svg {
    width: 40px !important;
    height: 40px !important;
}

.inside-small-area-body-image svg {
    width: 30px;
    height: 30px;
}

.inside-small-area-body-heading {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 20px 0;
    color: var(--themeGlobalHeadline);
}

.inside-small-area-body-description {
    font-size: 15px;
    opacity: .7;
    margin: 0 0 20px 0;
    text-align: center;
    color: var(--themeGlobalHeadline);
}

.inside-small-area-body-button .btn-primary-outline {
    background: transparent;
    padding: 10px 42px;
    border-radius: 14px;
    transition: 0.4s;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.66px;
    min-width: 230px;
    min-height: 45px;
    text-transform: capitalize;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
	background: var(--theme-btn-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
}
@media screen and (max-width: 1024px) {
    .inside-small-area-body-button{
        flex-direction: column;
    }
    .inside-small-area-body-button .btn{
        margin-bottom: 10px;
        margin-right: 0!important;
        margin-left: 0!important;
    }
}
.nice-select .option {
    font-weight: 400 !important;
}

.requested-plan {
    font-size: 15px;
    font-weight: 500;
    color: var(--themeGlobalHeadline);
}

.requested-plan .requested-plan {
    font-weight: 600;

}

.requested-plan-text {
    margin-left: 5px;
    color: var(--themeGlobalPrimary);
}

.nice-select .list {
    top: 100%;
    max-height: 350px;
    overflow-y: scroll;
    margin-top: 5px;
    padding: 52px 0 0;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.nice-select .list::-webkit-scrollbar {
    width: 0;
}

.nice-select .nice-select-search-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 8;
    top: 100%;
    left: 0;
    opacity: 0;
    width: 100%;
    margin-top: 5px;
    padding: 5px;
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -webkit-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    pointer-events: none;
    border-radius: 5px 5px 0 0;
    background: #FFF;
    -webkit-box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
    box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
}

.nice-select .nice-select-search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    height: auto;
    min-height: 36px;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 7px 12px;
    vertical-align: middle;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: 0 !important;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 22px;
}

.nice-select.has-multiple {
    height: auto;
    min-height: 36px;
    padding: 7px 12px;
    white-space: inherit;
    line-height: 22px;
}

.nice-select.has-multiple span.current {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 0 10px;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #EEE;
    font-size: 14px;
    line-height: 24px;
}

.nice-select.has-multiple .multiple-options {
    display: block;
    padding: 0;
    line-height: 24px;
}

.nice-select.open .nice-select-search-box {
    z-index: 10;
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    pointer-events: auto;
}


/* FOOTER =================================================================================================== */

.footer-area {
    margin-bottom: 0;
    background-color: #111143;
    padding: 150px 0 20px 0;
}
 [data-bs-theme="light"] .footer-area {
    background-color: #f5f5f5;
    }
.footer-brand-logo {
    display: flex;
    margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
    .footer-area {
        padding: 50px 0 20px 0;
    }
}

.footer-area .footer-top-wrapper .footer-brand-wrap .footer-brand-logo img {
    height: 100px;
}

@media screen and (max-width: 1024px) {
    .footer-area .footer-top-wrapper .footer-brand-wrap .footer-brand-logo img {
        height: 50px;
    }
}

.footer-area .footer-brand-paragraph {
    margin: 0 0 20px 0;
    max-width: 350px;
    color: var(--bs-body-color);
    font-size: 15px;
}

@media screen and (max-width: 1024px) {
    .footer-area .footer-brand-paragraph {
        margin: 0 0 20px 0;
        font-size: 15px;
    }
}

.footer-social-wrap {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
    .footer-social-wrap {
        margin-bottom: 30px;
    }
}
.social-group{
    display: flex;
    align-items: center;
}

.social-item {
    text-decoration: none;
    color: var(--bs-body-color) !important;
    fill: var(--bs-body-color) !important;
    min-width: 34px;
    max-width: 34px;
    min-height: 34px;
    max-height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.social-item:not(:first-child) {
    margin-left: 5px;
}

.social-item.twitter:hover { background: linear-gradient(45deg,  #000000,  #333333 ); }
.social-item.instagram:hover { background: linear-gradient(45deg,  #F58529,  #DD2A7B,   #8134AF,  #515BD4 ); }
.social-item.youtube:hover { background-color: #FF0000; }
.social-item.facebook:hover { background-color: #1877F2; }
.social-item.whatsapp:hover { background-color: #25D366; }
.social-item.telegram:hover { background-color: #0088CC; }
.social-item.linkedin:hover { background-color: #3177b0; }

.social-item svg {
    width: 18px;
    height: 18px;
    display: flex;
    fill: #fff;
}
.social-item.facebook svg {
    margin: 3px 0 0 3px;
}
@media screen and (max-width: 1024px) {
    .footer-custom-widget {
        margin-bottom: 30px;
    }

    .footer-custom-widget p {
        font-size: 16px;
    }
}

.footer-custom-widget .widget-heading {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px 0;
    color: #3d5aaf;
}

@media screen and (max-width: 1024px) {
    .footer-custom-widget .widget-heading {
        font-size: 20px!important;
        margin: 0 0 10px 0;
    }
}

.footer-custom-widget ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
}

.footer-custom-widget ul li:not(:first-child) {
    margin-top: 15px;
}

@media screen and (max-width: 1024px) {
    .footer-custom-widget ul li:not(:first-child) {
        margin-top: 2px;
    }
}

.footer-custom-widget ul li {
    color: var(--bs-body-color);
    font-size: 15px;
}

.footer-custom-widget ul li a {
    text-decoration: none;
    color: var(--oi-color-1) !important;
    position: relative;
    font-size: 15px;
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .footer-custom-widget ul li a {
        font-size: 15px !important;
    }
}

.footer-custom-widget ul li a:hover {
    /* margin-left: 10px; */
    text-decoration: underline;
}

.footer-custom-widget p {
    color: var(--bs-body-color) !important;
}

.footer-custom-widget .rootLink {
    color: var(--bs-body-color) !important;
    text-decoration: none;
}

.subscribe-wrapper {
    position: relative;
    margin-top: 30px;
    display: flex;
    align-items: center;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .05), 0px 2px 6px 0 rgba(0, 0, 0, .02);
}

@media screen and (max-width: 1024px) {
    .subscribe-wrapper {
        margin-top: 10px;
    }
}

.subscribe-wrapper input {
    height: 50px;
    border: 0;
    border-radius: 8px;
    padding: 0 20px !important;
    background-color: var(--themeGlobalPrimaryLight);
}

.subscribe-wrapper input:focus {
    background-color: var(--themeGlobalPrimaryLight);
    border-color: var(--themeGlobalPrimaryLight);
    outline: 0;
}

.subscribe-wrapper button {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: var(--oi-color-1) !important;
    color: var(--themeGlobalSecondary);
    text-decoration: none;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border: 0 !important;
}

.subscribe-wrapper button:hover {
    background-color: var(--oi-color-1) !important;
    color: var(--themeGlobalSecondary);
}

.footer-copyright-wrapper {
    margin-top: 80px;
    padding-bottom: 50px;
}

@media screen and (max-width: 1024px) {
    .footer-copyright-wrapper {
        margin-top: 20px;
        padding-bottom: 10px;
    }
}

.footer-copyright-wrapper .col-md-12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 1024px) {
    .footer-copyright-wrapper .col-md-12 {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.footer-copyright-wrapper .footer-btn-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    color: var(--bs-body-color);
    opacity: .5;
}

@media screen and (max-width: 1024px) {
    .footer-copyright-wrapper .footer-btn-group {
        margin-top: 10px;
        justify-content: flex-start;
    }
}

.footer-copyright-wrapper .footer-btn-group a {
    text-decoration: none;
    color: var(--bs-body-color) !important;
    font-size: 12px;
}
.footer-copyright-text {
    color: var(--bs-body-color);
    font-size: 13px;
}
body.logged-in .footer-top-area {
    display: none;
}

body.page-template-login-page .restart-article,
body.page-template-sign-up .restart-article,
body.page-template-create-request .restart-article {
    display: none;
}

body.page-template-sign-up .oi-col-right .inner-circle-glow,
body.page-template-login-page .oi-col-right .inner-circle-glow{ 
    width: 100px;
    height: 100px;
}
body.page-id-11309 .client-feedback-section{
    display: none;
}
.page-template-login-page .client-feedback-section,
.page-template-sign-up .client-feedback-section{
    display: none;
}
.page-template-login-page .oigenie-only-space,
.page-template-sign-up .oigenie-only-space{
    display: flex;
}
/* BANNER START =================================================================================================== */

.home-area .banner-area {
    padding: 0 0 50px 0;
}

.home-area .banner-area-row {
    display: flex;
    justify-content: space-between;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .home-area .banner-area-row {
        flex-direction: column;
    }
}

.home-area .banner-area .banner-area-col-left {
    flex: 0 0 auto;
    width: 600px;
    padding-right: 50px;
}

@media screen and (max-width: 1024px) {
    .home-area .banner-area .banner-area-col-left {
        width: 100%;
        padding-right: 0px;
    }
}

.home-area .banner-area .superTitle {
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 40px;
}

@media screen and (max-width: 1024px) {
    .home-area .banner-area .superTitle {
        display: ruby-text;
        flex-direction: column;
        align-items: flex-start;
        z-index: 1;
        position: relative;
        left: 0;
        top: 0px;
        margin-bottom: 20px;
    }
}

.home-area .banner-area .superDescription {
    margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
    .home-area .banner-area .superDescription {
        margin-bottom: 20px;
    }
}

.home-area .banner-area .superTitle .bottom-line {
    position: relative;
}

.home-area .banner-area .superTitle .bottom-line:after {
    position: absolute;
    content: "";
    background-image: url(images/ai-powered-line.png);
    background-repeat: no-repeat;
    width: 94%;
    height: 25px;
    bottom: -27px;
    left: 0;
    background-size: contain;
    margin: 0 3%;
}
@media screen and (max-width: 1024px) {
    .home-area .banner-area .superTitle .bottom-line:after {
     display: none;
    }
}
.home-area .banner-area .superTitle .highlight {
    font-weight: 700;
    color: var(--themeGlobalPrimary);
}

.home-area .banner-left-body {
    margin-top: 230px;
}

@media screen and (max-width: 1024px) {
    .home-area .banner-left-body {
        margin-top: 0px;
    }
}

.home-area .banner-left-body .superDescription {
    font-weight: 500;
}

.home-area .banner-area .banner-area-col-right {
    flex: 0 0 auto;
    width: 600px;
}

@media screen and (max-width: 1024px) {
    .home-area .banner-area .banner-area-col-right {
        width: 100%;
    }
}


.home-area .banner-right-body {
    width: 100%;
    min-height: 580px;
    border-radius: 30px;
    background-color: #d9e8dc;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .home-area .banner-right-body {
        border-radius: 12px;
    }
}

.home-area .banner-user {
    position: absolute;
    bottom: 0;
    right: 5%;
    max-width: 500px;
}

@media screen and (max-width: 1024px) {
    .home-area .banner-user {
        right: 0;
        left: 0;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 320px;
    }
}

.home-area .top-icon {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
}

.home-area .customer-experience {
    position: absolute;
    left: -70px;
    bottom: -120px;
    max-width: 335px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .home-area .customer-experience {
        left: 15%;
        bottom: 58%;
        max-width: 70%;
        z-index: 0;
    }
}

.home-area .completed-task {
    position: absolute;
    right: -35px;
    bottom: -35px;
    max-width: 335px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .home-area .completed-task {
        right: 5%;
        bottom: -35px;
        max-width: 90%;
    }
}

.home-area .sentiment {
    position: absolute;
    right: -20px;
    top: 95px;
    width: 105px;
    height: 105px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.home-area .sentiment-text {
    position: absolute;
    top: -30px;
    text-align: center;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
}

.home-area .oi-power {
    position: absolute;
    right: -20px;
    top: 260px;
    width: 105px;
    height: 105px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.home-area .oi-power-text {
    font-weight: 600;
    position: absolute;
    top: -30px;
    text-align: center;
    color: var(--themeGlobalHeadline);
}




.home-area .banner-left-body .custom-btn.btn-link {
    text-decoration: none;
    color: var(--themeGlobalPrimary);
    padding: 0 10px;
}

.home-area .custom-btn-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
    .home-area .custom-btn-group {
        margin-bottom: 20px;
    }
}

.home-area .custom-btn-group .btn-primary {
    margin-right: 20px;
}
@media screen and (max-width: 1024px) {
.home-area .custom-btn-group .btn {
    font-size: 13px;
}
}

.home-area .active-list-group {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .home-area .active-list-group {
        margin-bottom: 20px;
    }
}

.home-area .active-list-item {
    display: flex;
    align-items: center;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid rgba(0, 0, 0, .2);
}

@media screen and (max-width: 1024px) {
    .home-area .active-list-item {
        margin-right: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .home-area .active-list-item .description {
        white-space: nowrap;
        font-size: 10px!important;
        line-height: 10px;
    }
}

.home-area .active-list-item:last-child {
    border-right: 0;
}

.home-area .active-list-group .heading {
    font-weight: 600;
    font-size: 28px;
    line-height: 45px;
    color: #000;
    margin: 0 20px 0 0;
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .home-area .active-list-group .heading {
        font-size: 20px;
        line-height: 30px;
        margin-right: 10px;
    }
}
.home-area .active-list-group .description {
    font-size: 15px;
    line-height: 15px;
}
.home-area .banner-area.description {
    font-size: 18px;
}

/* BANNER INNER END =================================================================================================== */
.banner-area-inner {
    margin-bottom: 80px;
}
@media screen and (max-width: 1024px) {
    .banner-area-inner {
        margin-bottom: 20px;
    }
}
.banner-area-inner .superTitle {
    margin-bottom: 15px;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .banner-area-inner .superTitle {
        margin-bottom: 5px;
    }
}
.banner-area-inner .superTitle .highlight {
    color: var(--themeGlobalPrimary);
}

.banner-area-inner .superTitle .line {
    position: relative;
}

.banner-area-inner .superTitle .line:after {
    position: absolute;
    content: "";
    background-image: url(images/green-line.png);
    background-repeat: no-repeat;
    width: 94%;
    height: 25px;
    bottom: -17px;
    left: 0;
    background-size: contain;
    margin: 0 3%;
}

.banner-area-inner .superSubTitle {
    font-size: 22px;
    line-height: 38px;
    width: 100%;
    max-width: 900px;
    color: var(--oi-color-1);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 1024px) {
    .banner-area-inner .superSubTitle {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
    }
}
/* BANNER END =================================================================================================== */

/* Accuracy START =================================================================================================== */
.accuracy-area {
    position: relative;
}

.accuracy-area .bubble-effect-area .bubble-effect .effect1 {
    top: 189px;
    left: 0;
}

.accuracy-area .row {
    margin-left: -20px;
    margin-right: -20px;
}

.accuracy-area .row .col-md-3 {
    padding-left: 20px;
    padding-right: 20px;
}

.accuracy-area {
    background-color: #21214f;
    padding: 100px 0 500px 0;
}

@media screen and (max-width: 1024px) {
    .accuracy-area {
        background-color: #21214f;
        padding: 30px 0 500px 0;
    }
}

.accuracy-area .superTitle {
    font-size: 58px;
    line-height: 88px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .accuracy-area .superTitle {
        font-size: 22px !important;
        line-height: 32px !important;
    }
}

.accuracy-area .superTitle .highlight {
    font-weight: 700 !important;
    color: #a6eda2 !important;
    position: relative;
}

.accuracy-area .superTitle .equal {
    margin-right: 0px;
}

.accuracy-area .superTitle .highlight .arrow {
    position: absolute;
    left: -138px;
    top: -56px;
    scale: .4;
}
@media screen and (max-width: 1024px) {
    .accuracy-area .superTitle .highlight .arrow {
        position: absolute;
        left: -84px;
        top: -67px;
        scale: .2;
    }
}
.accuracy-area .superTitle .bottom-line {
    position: relative;
}

.accuracy-area .superTitle .bottom-line:after {
    position: absolute;
    content: "";
    background-image: url(images/option-chain-line.png);
    background-repeat: no-repeat;
    width: 94%;
    height: 25px;
    bottom: -27px;
    left: 0;
    background-size: contain;
    margin: 0 3%;
}
@media screen and (max-width: 1024px) {
    .accuracy-area .superTitle .bottom-line:after {
    display: none;
    }
}
.accuracy-area .superDescription {
    margin: 50px 0 80px 0;
    font-size: 19px;
    line-height: 35px;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .accuracy-area .superDescription {
        margin: 20px 0 20px 0;
        line-height: inherit;
        font-size: 14px;
        line-height: 24px;
    }
}

.accuracy-box {
    border-radius: 24px;
    background-color: #edf1f2;
    padding: 30px 30px 100px 30px;
}
@media screen and (max-width: 1366px) {
    .accuracy-box {
        padding: 30px 10px 100px 30px;
    }
}
@media screen and (max-width: 1024px) {
    .accuracy-box {
        border-radius: 12px;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}

.accuracy-box .icon img,
.accuracy-box .icon svg {
    height: 50px;
    margin: 0 0 40px 0;
}
@media screen and (max-width: 1024px) {
    .accuracy-box .icon img,
    .accuracy-box .icon svg {
    margin: 0 0 20px 0;
}
}
.accuracy-box .heading {
    font-size: 20px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
    margin: 0 0 20px 0;
}
@media screen and (max-width: 1366px) {
    .accuracy-box .heading {
        font-size: 18px;
    }
}
.accuracy-box .description {
    font-size: 16px;
    color: var(--themeGlobalHeadline);
}

.accuracy-area .custom-btn {
    margin-top: 80px;
}

@media screen and (max-width: 1024px) {
    .accuracy-area .custom-btn {
        margin-top: 20px;
    }
}

/* Accuracy END =================================================================================================== */

/* EARLY ACCESS START =================================================================================================== */
.early-access-area .aajBankNifty {
    margin-top: 100px;
}

@media screen and (max-width: 1024px) {
    .early-access-area .aajBankNifty {
        margin-top: 35px;
    }
}

.early-access-area .aajBankNifty .heading {
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 30px 30px;
    color: var(--themeGlobalHeadline);
}

@media screen and (max-width: 1024px) {
    .early-access-area .aajBankNifty .heading {
        font-size: 18px;
        margin: 0 0 20px 30px;
    }
}

@media screen and (max-width: 1024px) {
    .early-access-area .aajBankNifty .heading span {
        display: block;
    }
}

.early-access-area .aajBankNifty .heading span {
    font-weight: 700;
    color: var(--themeGlobalPrimary);
}

@media screen and (max-width: 1024px) {
    .early-access-area .aajBankNifty .heading span {
        font-size: 26px;
        padding-bottom: 10px;
    }
}

.early-access-area .aajBankNifty .custom-card {
    padding: 45px 45px 40px 45px;
    border-radius: 30px;
    background-color: #fff;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    color: var(--themeGlobalHeadline);
}

@media screen and (max-width: 1024px) {
    .early-access-area .aajBankNifty .custom-card {
        padding: 20px 25px 25px 25px;
        border-radius: 10px;
    }
}

.early-access-area .aajBankNifty .custom-card::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 12px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    bottom: -12px;
    left: 55px;
}

@media screen and (max-width: 1024px) {
    .early-access-area .aajBankNifty .custom-card::before {
        left: 36px;
    }
}

.early-access-area .aajBankNifty .custom-card img {
    max-width: 500px;
    margin-top: 30px;
}

@media screen and (max-width: 1024px) {
    .early-access-area .aajBankNifty .custom-card img {
        max-width: 100%;
    }
}

.aajBankNifty .oi-genie-wrap {
    display: flex;
    align-items: center;
    margin: 35px 0 0 35px;
}

@media screen and (max-width: 1024px) {
    .aajBankNifty .oi-genie-wrap {
        margin: 25px 0 0 25px;
    }
}

.aajBankNifty .oi-genie-user {
    min-width: 65px;
    max-width: 65px;
    min-height: 65px;
    max-height: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--themeGlobalSecondary);
}

@media screen and (max-width: 1024px) {
    .aajBankNifty .oi-genie-user {
        min-width: 45px;
        max-width: 45px;
        min-height: 45px;
        max-height: 45px;
    }
}

.aajBankNifty .oi-genie-user svg {
    height: 40px;
}

@media screen and (max-width: 1024px) {
    .aajBankNifty .oi-genie-user svg {
        height: 30px;
    }
}

.aajBankNifty .oi-genie-user svg path {
    fill: #fff;
}

.aajBankNifty .oi-genie-message {
    margin-left: 20px;
}

@media screen and (max-width: 1024px) {
    .aajBankNifty .oi-genie-message {
        margin-left: 10px;
    }
}

.aajBankNifty .oi-genie-message .oi-heading {
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
    color: #000;
}

@media screen and (max-width: 1024px) {
    .aajBankNifty .oi-genie-message .oi-heading {
        font-size: 11px;
        font-weight: 600;
        line-height: 21px;
    }
}

.aajBankNifty .oi-genie-message .oi-heading span {
    color: #435eff;
}

.aajBankNifty .oi-genie-message .oi-sub-heading {
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
    color: #000;
}

@media screen and (max-width: 1024px) {
    .aajBankNifty .oi-genie-message .oi-sub-heading {
        font-size: 10px;
        line-height: 20px;
    }
}

.landing-footer .copyright {
    border-top: 2px solid #e1e9e6;
    font-size: 12px;
    text-align: right;
    margin-top: 25px;
    padding-top: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .landing-footer .copyright {
        text-align: left;
    }
}

/* EARLY ACCESS START =================================================================================================== */

/* MARKET AREA START =================================================================================================== */
.market-area {
    margin-top: -550px;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.market-area .extremeBearish .superTitle {
    font-size: 68px;
    line-height: 78px;
    font-weight: 500;
    margin: 0 0 50px 85px;
    color: #fff;
}
@media screen and (max-width: 1366px) {
    .market-area .extremeBearish .superTitle {
        font-size: 58px;
        line-height: 68px;
    }
}
@media screen and (max-width: 1024px) {
    .market-area .extremeBearish .superTitle {
        margin: 50px 0 20px 0px;
        color: #fff;
    }
}

.market-area .extremeBearish .superTitle .highlight {
    display: block;
    font-weight: 700;
    color: #aff6ab !important;
    position: relative;
}

.market-area .extremeBearish .superTitle .highlight:after {
    position: absolute;
    content: "";
    background-image: url(images/blue-line-1.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    bottom: -27px;
    left: 0;
    background-size: contain;
}
@media screen and (max-width: 1024px) {
    .market-area .extremeBearish .superTitle .highlight:after {
       display: none;
    }
}
.market-area .extremeBearish .custom-card {
    padding: 65px 75px;
    border-radius: 30px;
    background-color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 35px;
    position: relative;
    color: var(--themeGlobalHeadline);
}

@media screen and (max-width: 1024px) {
    .market-area .extremeBearish .custom-card {
        padding: 25px;
        border-radius: 12px;
        font-size: var(--themeGlobalBodyFontSize);
    }
}

.market-area .extremeBearish .custom-card span {
    color: #e91f45;
    font-weight: 600;
}

.market-area .extremeBearish .custom-card::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 30px solid #fff;
    border-left: 30px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    bottom: -24px;
    right: 192px;
}
@media screen and (max-width: 1024px) {
    .market-area .extremeBearish .custom-card::before {
        right: 10px;
        bottom: -7px;
    }
}
.market-area .extremeBearish .custom-card img {
    max-width: 100%;
    margin-top: 30px;
}

.market-area .oi-genie-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px 100px 0 50px;
}
@media screen and (max-width: 1024px) {
    .market-area .oi-genie-wrap {
        padding: 0;
    }
}
.market-area .oi-genie-user img {
    height: 85px;
}
@media screen and (max-width: 1024px) {
    .market-area .oi-genie-user img {
        height: 40px;
    }
}
.market-area .oi-genie-message .oi-heading {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
}
@media screen and (max-width: 1024px) {
    .market-area .oi-genie-message .oi-heading {
        font-size: 12px;
        line-height: 18px;
        max-width: 85%;
        margin-top: 9px;
    }
}
.market-area .oi-genie-message .oi-heading span {
    color: #435eff;
    text-decoration: underline;
}

.market-area .extremeBearish .custom-card .img-group {
    display: flex;
}

@media screen and (max-width: 1024px) {
    .market-area .extremeBearish .custom-card .img-group {
        flex-direction: column;
    }
}

.market-area .extremeBearish .custom-card .img-group img {
    height: 45px;
}
@media screen and (max-width: 1366px) {
    .market-area .extremeBearish .custom-card .img-group img {
        height: 35px;
    }
}
@media screen and (max-width: 1024px) {
    .market-area .extremeBearish .custom-card .img-group img {
        height: auto;
        max-width: 100%;
    }
}

/* MARKET AREA END =================================================================================================== */
/* PROFIT AREA START =================================================================================================== */

.profitable-area {
    background-color: #fff;
    padding: 125px 0;
    margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
    .profitable-area {
        padding: 30px 0;
    }
}

.profitable-area .superTitle {
    display: flex;
    flex-direction: column;
    line-height: 88px;
    margin: 0 0 10px 0;
}
@media screen and (max-width: 1024px) {
    .profitable-area .superTitle {
        margin: 0 0 10px 0;
    }
}
.profitable-area .coming-soon {
    font-size: 18px; 
    background-color: #fff6e0; 
    display: block; 
    border-radius: 10px; 
    padding: 9px 12px; 
    font-weight: 600; 
    color: var(--themeGlobalPrimary); 
    margin-bottom: 100px
}
@media screen and (max-width: 1024px) {
    .profitable-area .coming-soon {
        margin-bottom: 30px;
    }
}
.profitable-area .superTitle .highlight {
    color: var(--themeGlobalPrimary);
    position: relative;
}

.profitable-area .superTitle .highlight:after {
    position: absolute;
    content: "";
    background-image: url(images/light-green-line.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    bottom: -23px;
    left: 0;
    background-size: contain;
}
@media screen and (max-width: 1024px) {
    .profitable-area .superTitle .highlight:after {
      display: none;
    }
}
.profitable-area .text-secondary {
    font-size: 52px;
    color: #3a3e4a !important;
}

@media (max-width: 1024px) {
    .profitable-area .text-secondary {
        font-size: 26px;
    }
}

.profitable-area .row {
    margin-left: -60px;
    margin-right: -60px;
}

.profitable-area .row .col-md-12 {
    padding-left: 60px;
    padding-right: 60px;
}
@media screen and (max-width: 1024px) {
    .profitable-area .row .col-md-12.justify-content-end{
        justify-content: flex-start!important;
    }
}
.profitable-area .row .col-md-4 {
    padding-left: 60px;
    padding-right: 60px;
}

.profitable-area .row .col-md-4 {
    margin-bottom: 80px;
    border-right: 2px solid #f5f5f5;
}
@media screen and (max-width: 1024px) {
    .profitable-area .row .col-md-4 {
        margin-bottom: 40px;
    }
}
.profitable-area .row .col-md-4:nth-child(4),
.profitable-area .row .col-md-4:nth-child(7) {
    border-right: 0;
}

.profitable-box .icon img,
.profitable-box .icon svg {
    height: 80px;
    width: 80px;
    margin: 0 0 40px 0;
}
@media screen and (max-width: 1024px) {
    .profitable-box .icon img,
    .profitable-box .icon svg {
    height: 60px;
    width: 60px;
    margin: 0 0 20px 0;
}
}
.profitable-box .heading {
    font-size: 26px;
    font-weight: 600;
    color: #222736;
    margin: 0 0 20px 0;
}
@media screen and (max-width: 1024px) {
    .profitable-box .heading {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
}
.profitable-box .description {
    /* font-size: 18px; */
    line-height: 30px;
    color: var(--themeGlobalBody);
}
@media screen and (max-width: 1024px) {
    .profitable-box .description {
        line-height: 26px;
    }
}
.profitable-area .custom-btn {
    margin-top: 80px;
}

.btn-explore-tips {
    font-size: 22px;
    font-weight: 600;
    color: #1f4cd5;
    text-decoration: none;
    margin-right: 70px;
}
@media screen and (max-width: 1024px) {
    .btn-explore-tips {
        padding-left: 0;
        font-size: 16px;
        margin-right: 0px;
    }
}
.btn-explore-tips svg {
    margin-left: 10px;
    width: 24px;
    height: 24px;
}

/* PROFIT AREA END =================================================================================================== */


/* SUCCESS AREA START =================================================================================================== */

.success-area {
    padding: 150px 0 0 0;
    margin-bottom: 100px;
    position: relative;
    /* background-image: url("images/testimonyBg.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 800px; */
}

@media (max-width: 1024px) {
    .success-area {
        padding: 30px 0 30px 0;
        margin-bottom: 40px;
    }
}

.success-area .testimonyWrap {
    padding: 0 10%;
}

@media (max-width: 1024px) {
    .success-area .testimonyWrap {
        padding: 0;
    }
}

.success-area .superTitle {
    margin-bottom: 20px;
}
@media (max-width: 1024px) {
    .success-area .superTitle {
    text-align: center;
    margin-bottom: 10px;
}
}
.success-area .superTitle .btm-line {
    position: relative;
}

.success-area .superTitle .btm-line:after {
    position: absolute;
    content: "";
    background-image: url(images/light-green-line.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    bottom: -15px;
    left: 0;
    background-size: contain;
}
@media (max-width: 1024px) {
    .success-area .superTitle .btm-line:after {
        display: none;
    }
}
.success-area .superTitle .highlight {
    color: var(--themeGlobalPrimary);
}

.success-area .superSubtitle {
    font-size: 22px;
    line-height: 34px;
    font-weight: 400;
    text-align: left;
    margin-left: 0;
    max-width: 100%;
    margin-bottom: 30px;
    font-style: italic;
}
@media (max-width: 1024px) {
    .success-area .superSubtitle {
        font-size: 15px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 0;
    }
}
.success-area .feedWrap {
    padding-top: 30px;
}

.success-area .feedItem {
    position: relative;
    display: flex;
}

.success-area .feedItem .feedProfile {
    width: 240px;
    height: 240px;
    border-radius: 100%;
    position: relative;
}
@media (max-width: 1024px) {
    .success-area .feedItem .feedProfile {
    width: 70px;
    height: 70px;
    padding-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
}
}
.page-template-front-page .success-area .feedItem .feedProfile figure img {
    width: 100%;
    mix-blend-mode: lighten;
    filter: grayscale(1);
}

.success-area .feedItem .feedProfile::before {
    content: url("images/quote.svg");
    position: absolute;
    top: -25px;
}
@media (max-width: 1024px) {
    .success-area .feedItem .feedProfile::before {
    transform: scale(0.4);
    transform-origin: top left;
    top: 0;
}
}
.success-area .feedItem .feedProfile figure {
    width: 240px;
    height: 240px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #21258d;
}
@media (max-width: 1024px) {
    .success-area .feedItem .feedProfile figure {
    width: 70px;
    height: 70px;
}
}
.success-area .feedItem .feedProfile a {
    width: 280px;
    height: 280px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.success-area .feedItem .feedCaption {
    padding: 20px 30px 60px 60px;
}

@media (max-width: 1024px) {
    .success-area .feedItem .feedCaption {
        padding: 0;
    }
}

.success-area .feedItem .feedCaption .clientFeed {
    font-size: 18px;
    line-height: 28px;
    color: var(--themeGlobalBody);
    margin-bottom: 20px;
}

@media (max-width: 1024px) {
    .success-area .feedItem .feedCaption .clientFeed {
        font-size: 14px;
        line-height: 22px;
        margin: -8px 0 10px 0;
    }
}

.success-area .feedItem .feedCaption .clientName {
    font-weight: 500;
    font-size: 16px;
}

.success-area .feedItem .feedCaption .clientSignature {
    font-size: 14px;
    opacity: 0.5;
    margin-left: 16px;
    font-style: italic;
    margin-bottom: 25px;
}

.news-btn-group{
    display: flex;
    align-items: center;
}
.news-btn-link:hover img{
    filter: unset !important;
    opacity: 1 !important;
}
.news-btn-link img{
    height: 25px;
    margin-right: 20px;
    filter: grayscale(1);
}
 .news-btn-link:nth-child(1) img {
    height: 25px;
    opacity: .5;
 }
  .news-btn-link:nth-child(2) img {
    height: 15px;
    filter: invert();
    opacity: .3;
 }
  .news-btn-link:nth-child(3) img {
    height: 17px;
    opacity: .5;
 }
   .news-btn-link:hover:nth-child(3) img {
    opacity: 1;
 }
.success-area .carousel-indicators {
    right: auto;
    margin-left: 11.5%;
    bottom: 28px;
}

@media (max-width: 1024px) {
    .success-area .carousel-indicators {
        margin-left: 35%;
        top: 314px;
    }
}

.success-area .carousel-indicators button {
    background-color: var(--themeGlobalSecondary);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: .2;
}

.success-area .carousel-indicators button.active {
    background-color: var(--themeGlobalPrimary);
    opacity: .5;
}

.review-box {
    padding: 45px;
    background-color: #170c51;
    border-radius: 24px;
    margin-bottom: 30px;
    position: relative;
    min-height: 460px;
}
@media screen and (max-width: 1024px) {
    .review-box {
        padding: 25px;
        border-radius: 10px;
        margin-bottom: 25px;
        min-height: auto;
    }
}
.user-info-media {
    display: flex;
    align-items: center;
}

.review-box-header {
    margin-bottom: 25px;
}

.user-info-media img {
    width: 50px!important;
    height: 50px!important;
    border-radius: 50%;
}

.user-info-media-body {
    margin-left: 15px;
}

.user-info-media-body .userName {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--themeGlobalHeadline);
}

.user-info-media-body .userSignature {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: var(--themeGlobalBody);
}

.twitter-icon {
    position: absolute;
    top: 15px;
    right: 15px;
}

.twitter-icon svg {
    width: 18px;
    height: 18px;
}

.review-box-body {
    font-weight: 400;
    color: var(--themeGlobalBody);
    margin-bottom: 25px;
}
.review-box-body .highlight {
    font-weight: 600;
    display: block;
    color: var(--themeGlobalHeadline);
}
@media screen and (max-width: 1024px) {
    .review-box-body .highlight {
        display: unset;
    }
}
.review-box-footer {
    border-top: 2px solid #e2e2e2;
    margin-top: 20px;
    padding-top: 20px;
}

.footer-heading {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
}

.footer-description {
    font-size: 15px;
    font-weight: 500;
}

.success-area .oi-col-body {
    margin-bottom: 40px;
}

.success-journey {
    display: flex;
    align-items: center;
    margin-top: 100px;
}

@media screen and (max-width: 1024px) {
    .success-journey {
        flex-direction: column;
        margin-top: 0;
    }
}

.success-journey-left {
    font-size: 26px;
    line-height: 42px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
    max-width: 600px;
    margin-right: 100px;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .success-journey-left {
        margin-right: 0;
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 26px;
    }
}

.success-journey-right {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.success-journey-box:last-child .heading {
    margin-left: -10px;
}
@media screen and (max-width: 1024px) {
    .success-journey-box:last-child .heading {
        margin-left: 0;
    }
}
.success-journey-right .heading {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    font-weight: 600;
    display: flex;
    align-items: center;
    color: var(--themeGlobalHeadline);
}
@media screen and (max-width: 1024px) {
    .success-journey-right .heading {
        font-size: 24px;
        line-height: 24px;
    }
}
.success-journey-right .description {
    font-size: 18px;
    line-height: 18px;
    color: var(--themeGlobalBody);
    margin-top: 15px;
}
@media screen and (max-width: 1024px) {
    .success-journey-right .description {
        font-size: 10px;
        line-height: 16px;
        width: max-content;
        margin-top: 0;
    }
}
.success-journey svg.star {
    width: 20px;
    height: 20px;
    fill: #de9a19;
    margin-right: 10px;
}
@media screen and (max-width: 1024px) {
    .success-journey svg.star {
        display: none;
    }
}
.success-journey svg.trending {
    width: 24px;
    height: 24px;
    fill: #1e4de7;
    margin-right: 10px;
}
@media screen and (max-width: 1024px) {
    .success-journey svg.trending {
        display: none;
    }
}
.success-journey svg.short {
    width: 32px;
    height: 32px;
    fill: #42ae50;
    margin-right: 10px;
}
@media screen and (max-width: 1024px) {
    .success-journey svg.short {
        display: none;
    }
}
.success-journey-box:last-child svg.short {
    margin-right: 5px;
}

.happy-customer {
    margin-top: 100px;
}
.feedback-wrapper{
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 16px;
}
@media screen and (max-width: 1024px) {
    .feedback-wrapper{
        min-height: 100px;
    }
}
.feedback-wrapper .whatsapp{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    font-weight: 500;
    color: var(--themeGlobalHeadline);
}
.feedback-wrapper .whatsapp a{
    color: var(--themeGlobalHeadline);
}
.feedback-wrapper .btn-feedback{
    margin-top: 20px;
}
/* SUCCESS AREA END =================================================================================================== */

/* ACTION AREA START =================================================================================================== */
.action-area .sticky .superTitle .highlight {
    position: relative;
}

.action-area .sticky .superTitle .highlight:after {
    position: absolute;
    content: "";
    background-image: url(images/dark-green-line.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    bottom: -15px;
    left: 0;
    background-size: contain;
}
@media screen and (max-width: 1024px) {
    .action-area .sticky .superTitle .highlight:after {
        display: none;
    }
}
.action-area .sticky .superSubTitle {
    font-size: 19px;
    line-height: 29px;
    margin: 20px 0 100px 0;
    max-width: 450px;
}
@media screen and (max-width: 1366px) {
    .action-area .sticky .superSubTitle {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 1024px) {
    .action-area .sticky .superSubTitle {
        font-size: var(--themeGlobalBodyFontSize);
        margin: 20px 0 20px 0;
        max-width: 100%;
    }
}

.home-product-list-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@media (max-width: 1024px) {
    .home-product-list-nav {
        display: none;
    }
}

.home-product-list-nav .heading,
.home-product-list-nav .description,
.home-product-list-nav svg {
    color: var(--themeGlobalHeadline);
    fill: var(--themeGlobalHeadline);
}

.list-nav-link.current .heading,
.list-nav-link.current .description,
.list-nav-link.current svg {
    color: var(--themeGlobalPrimary);
    fill: var(--themeGlobalPrimary);
}

.list-nav-link.current .heading {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    /* font-size: var(--themeGlobalBodyFontSize); */
}

.list-nav-link.current .heading:after {
    position: absolute;
    content: "";
    background-image: url(images/light-green-line.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    bottom: -20px;
    left: 0;
    background-size: contain;
}

.home-product-list-nav .list-nav-link a {
    display: flex;
    align-items: center;
    margin-bottom: 70px;
}
@media (max-width: 1366px) {
    .home-product-list-nav .list-nav-link a {
        margin-bottom: 40px;
    }
}
.home-product-list-nav .heading {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 600;
    width: fit-content;
}

.home-product-list-nav .description {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
}

.home-product-list-nav svg {
    width: 28px;
    height: 28px;
    margin-right: 27px;

}

.action-area .home-product-list-content {
    padding-top: 130px;
}

@media screen and (max-width: 1024px) {
    .action-area .home-product-list-content {
        padding-top: 0px;
    }
}

.action-area .tab-content {
    padding-top: 55px;
    margin-top: 68px;
    border-top: 1px solid #cdd9d1;
}
@media screen and (max-width: 1024px) {
    .action-area .tab-content {
        padding-top: 20px;
        margin-top: 35px;
    }
}
.action-area .tab-content:first-child {
    padding-top: 25px;
    margin-top: 38px;
    border-top: 0px solid #cdd9d1;
}
@media screen and (max-width: 1024px) {
    .action-area .tab-content:first-child {
        padding-top: 0px;
        margin-top: 0px;
        border-top: 0px solid #cdd9d1;
    }
}

.page-template-tradex-page .action-area .tab-content {
    padding-top: 50px;
}
.page-template-tradex-page .action-area .tab-content .top-img-wrap img {
    border-radius: 30px;
}

.action-area .custom-media {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
}
@media screen and (max-width: 1024px) {
    .action-area .custom-media {
        /* margin-top: 30px; */
    }
}
.action-area .custom-media svg {
    min-width: 60px;
    max-width: 60px;
    width: 60px;
    min-height: 60px;
    max-height: 60px;
    height: 60px;
    margin-right: 30px;
}
@media (max-width: 1024px) {
    .action-area .custom-media svg {
        display: none;
    }
}
/* @media (max-width: 1024px) {
    .custom-media img {
        display: none;
    }
} */

.action-area .custom-media .superTitle {
    font-size: 26px;
    line-height: 36px;
    color: var(--themeGlobalPrimary);
    margin-bottom: 5px;
    font-weight: 600;
}
.action-area .custom-media .superTitle .coming-soon{
    color: #fff;
    background-color: #001355;
    border-radius: 10px;
    padding: 8px 17px;
    font-size: 14px;
    margin-left: 10px;
    top: -4px;
    position: relative;
}
.action-area .custom-media .superSubTitle {
    font-size: 16px;
    line-height: 26px;
    color: var(--themeGlobalBody);
    margin-bottom: 20px;
    font-weight: 500;
}

.action-area .custom-media .superDescription {
    /* font-size: 15px;
    line-height: 25px; */
    /* color: #48504d; */
    font-weight: 500;
}

.action-area .custom-media .sectionSubTitle {
    font-size: 18px;
    line-height: 26px;
    color: var(--themeGlobalHeadline);
    margin-bottom: 20px;
    font-weight: 500;
}

.features-area .action-area .custom-media .superTitle {
    font-size: 30px;
    margin-bottom: 20px;
}

.features-area .action-area .custom-media .sectionSubTitle {
    font-size: 18px;
    line-height: 30px;
    color: var(--themeGlobalHeadline);
    margin-bottom: 20px;
    font-weight: 600;
}

.features-area .action-area .custom-media .action-article {
    margin-bottom: 50px;
}

.features-area .home-product-list-content {
    padding: 0;
}

.action-area .tab-content#fContent-1 {
    margin-top: 0;
}

.scrollSpy.oi-genie-feature .home-product-list-nav li a {
    margin-bottom: 0;
    padding-left: 0;
}
.scrollSpy.oi-genie-feature .home-product-list-nav li a .heading {
    font-size: var(--themeGlobalBodyFontSize);
    font-weight: 600;
    margin-bottom: 20px;
}
.scrollSpy.oi-genie-feature .home-product-list-nav li a .heading .coming-soon {
    background-color: var(--themeGlobalPrimary);
    font-size: 8px;
    line-height: 8px;
    padding: 3px;
    border-radius: 2px;
    color: #fff;
}
.scrollSpy.oi-genie-feature .superTitle{
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 10px;
    color: var(--themeGlobalHeadline);
}
.scrollSpy.oi-genie-feature .superTitle .coming-soon{
    color: #fff;
    background-color: #001355;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    margin-left: 10px;
}
.scrollSpy.oi-genie-feature .list-nav-link.current .heading:after {
   display: none;
}
/* .scrollSpy.oi-genie-feature.action-area .tab-content {
    margin-top: 40px;
} */
.scrollSpy.oi-genie-feature.action-area .custom-media .action-article {
    margin-bottom: 0;
}
.scrollSpy.oi-genie-feature.action-area .home-product-list-content {
    padding-top: 0px;
}
.page-template-front-page .home-product-list-content .custom-media .top-img-wrap{
    margin-left: -10px;
}
.page-template-front-page .home-product-list-content .custom-media .top-img-wrap img{
    width: 100%;
    min-height: 480px;
}
@media screen and (max-width: 1024px) {
    .page-template-front-page .home-product-list-content .custom-media .top-img-wrap img{
        min-height: auto;
    }
}
/* ACTION AREA END =================================================================================================== */

/* FAQ START =================================================================================================== */

.faq-area {
    padding: 125px 0;
    margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
    .faq-area {
        padding: 30px 0;
        margin-bottom: 30px;
    }
}
.faq-article {
    margin-bottom: 130px;
}
@media (max-width: 1024px) {
    .faq-article {
        margin-bottom: 50px;
    }
}
.faq-article .col-md-4 img {
    padding-left: 50px;
}

@media (max-width: 1024px) {
    .faq-article .col-md-4 img {
        padding-left: 0px;
        max-width: 100px;
        margin-bottom: 20px;
    }
}

.faq-article .superTitle {
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 10px;
}

.faq-article .accordion {
    padding-right: 50px;
}

@media (max-width: 1024px) {
    .faq-article .accordion {
        padding-right: 0px;
    }
}

.faq-article .accordion .accordion-item {
    background-color: transparent !important;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    padding: 30px 0 0 0;
    margin: 30px 0 0 0;
    border-top: 2px solid #f3f3f3;
}

.faq-article .accordion-button {
    background-color: transparent !important;
    border: 0;
    padding: 0;
    box-shadow: none !important;
    font-size: 21px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
}
@media screen and (max-width: 1024px) {
    .faq-article .accordion-button {
        font-size: 16px;
    }
}
.faq-article .accordion-body {
    padding: 10px 0 0 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--themeGlobalBody);
}
@media screen and (max-width: 1024px) {
    .faq-article .accordion-body {
        font-size: 14px;
    }
}
/* FAQ END =================================================================================================== */
/* RESTART END =================================================================================================== */
.restart-article {
    margin-bottom: 115px;
}
@media screen and (max-width: 1024px) {
    .restart-article {
        margin-bottom: 30px;
    }
}
.restart-box {
    padding: 65px;
    height: 240px;
    display: flex;
    justify-content: space-between;
    background-color: var(--themeGlobalSecondary);
    border-radius: 36px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("images/restart-bg.jpg");
}

@media screen and (max-width: 1024px) {
    .restart-box {
        flex-direction: column;
        height: auto;
        border-radius: 10px;
        padding: 25px;
    }
}

.restart-box-left {
    display: flex;
    max-width: 950px;
}

@media screen and (max-width: 1024px) {
    .restart-box-left {
        flex-direction: column;
    }
}

.restart-box-left .superTitle {
    font-size: 36px;
    line-height: 46px;
    color: #fff;
    max-width: 68%;
    height: 100%;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1024px) {
    .restart-box-left .superTitle {
        max-width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 20px!important;
    }
}
.restart-box-left .superTitle .highlight {
    color: #88e582;
    font-weight: 700;
}

.restart-box-right .btn {
    white-space: nowrap;
    font-size: 20px;
    font-weight: 500;
    height: 55px;
    padding-left: 30px;
    padding-right: 30px;
}

.lets-go-bottom {
    background-color: var(--themeGlobalPrimaryLight);
    border-radius: 100px 0 100px 100px;
    min-width: 150px;
    max-width: 150px;
    min-height: 185px;
    max-height: 185px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lets-go-bottom svg {
    height: 135px;
}

.lets-go {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 80px;
}

.lets-go-top {
    min-width: 115px;
    max-width: 115px;
    min-height: 50px;
    max-height: 50px;
    border-radius: 20px 20px 0 20px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 16px;
    color: var(--themeGlobalHeadline);
}

.restart-box-right {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1024px) {
    .restart-box-right {
        justify-content: center;
    }
}
.faq-area .open-demand-account-area {
    margin: 0;
}

/* RESTART END =================================================================================================== */

/* BLOG START =================================================================================================== */
.blog-area {
    margin-bottom: 50px;
}

@media (max-width: 1024px) {
    .blog-area {
        margin-bottom: 0px;
    }
}

.blog-area .row {
    margin-left: -30px;
    margin-right: -30px;
}

.blog-area .row .col-md-12 {
    padding-left: 30px;
    padding-right: 30px;
}

.blog-area .row .col-md-4 {
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 1024px) {
    .blog-area .row .col-md-4 {
        margin-bottom: 15px;
    }
}
.blog-area .superTitle {
    margin-bottom: 20px;
}

.blog-area .superSubTitle {
    font-size: 19px;
    font-weight: 500;
    margin: 0 0 75px 0;
}

@media (max-width: 1024px) {
    .blog-area .superSubTitle {
        font-size: var(--themeGlobalBodyFontSize);
        margin: 0 0 20px 0;
    }
}

.blog-area .superTitle .highlight {
    position: relative;
}

.blog-area .superTitle .highlight:after {
    position: absolute;
    content: "";
    background-image: url(images/dark-green-line.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    bottom: -15px;
    left: 0;
    background-size: contain;
}
@media (max-width: 1024px) {
    .blog-area .superTitle .highlight:after {
        display: none;
    }
}
@media (max-width: 1024px) {
    .blog-card {
        margin-bottom: 20px;
    }

    .col-md-4:last-child .blog-card {
        margin-bottom: 0;
    }
}

.blog-card .blog-card-header {
    border-radius: 28px 28px 0 0;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 2px solid #f4f5f7;
}

@media (max-width: 1024px) {
    .blog-card .blog-card-header {
        border-radius: 10px 10px 0 0;
    }
}
.blog-card .blog-card-header img {
    width: 100%;
    min-height: 215px;
}
@media (max-width: 1024px) {
    .blog-card .blog-card-header img {
        min-height: auto;
    }
}
.blog-card .blog-card-body {
    padding: 30px;
    border-radius: 0 0 28px 28px;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .blog-card .blog-card-body {
        border-radius: 0 0 10px 10px;
    }
}

.blog-card .blog-card-body .card-body-top {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #f4f5f7;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.blog-date {
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    color: var(--themeGlobalBody);
}

.blog-category {
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    color: var(--themeGlobalPrimary);
}
.blog-content{
    min-height: 150px;
}
.blog-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
    margin-bottom: 10px;
}
.blog-description{
    font-size: 15px;
    font-weight: 400;
    color: var(--themeGlobalBody);
}
.card-body-footer {
    display: flex;
    align-items: center;
}

.blog-comment {
    font-size: 14px;
    line-height: 14px;
    color: var(--themeGlobalBody);
    opacity: .6;
    display: flex;
}

.blog-view {
    font-size: 14px;
    line-height: 14px;
    color: var(--themeGlobalBody);
    opacity: .6;
    margin-left: 20px;
    display: flex;
}

.card-body-footer svg {
    width: 15px;
    height: 15px;
    margin-right: 7px;
    display: flex;
}

/* BLOG END =================================================================================================== */

/* BUBBLE START =================================================================================================== */
.bubble-effect-area {
    position: relative;
    width: 100%;
    height: 1px;
    z-index: -1;
}

@media (max-width: 1024px) {
    .bubble-effect-area {
        display: none;
    }
}

.bubble-effect-area .bubble-effect .effect1 {
    position: absolute;
    top: 5px;
    left: -60px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 5px solid #c3eac2;
    opacity: .2;
}

.bubble-effect-area .bubble-effect .effect2 {
    position: absolute;
    top: 130px;
    right: 100px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #24418c;
    opacity: .5;
}

.bubble-effect-area .bubble-effect .effect3 {
    position: absolute;
    top: 120px;
    right: 80px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #a6eda2;
    opacity: .5;
}

/* BUBBLE END =================================================================================================== */

/* HELPED START =================================================================================================== */
.helped-article {
    margin-bottom: 40px;
}
@media (max-width: 1024px) {
    .helped-article {
        margin-bottom: 10px;
    }
}
.helped-article .container {
    max-width: 1170px;
}

.helped-article .superTitle {
    font-size: 45px;
    font-weight: 600;
    margin-top: 90px;
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .helped-article .superTitle {
        margin-top: 0px;
    }
}
.helped-article .superTitle .highlight {
    position: relative;
    color: var(--themeGlobalPrimary);
}

.helped-article .superTitle .highlight:after {
    position: absolute;
    content: "";
    background-image: url(images/light-green-line.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    bottom: -25px;
    left: 0;
    background-size: contain;
}

.helped-article .superSubTitle {
    font-size: 23px;
    line-height: 33px;
    font-weight: 500;
    color: var(--themeGlobalHeadline);
}
@media (max-width: 1024px) {
    .helped-article .superSubTitle {
        font-size: 16px;
        line-height: 26px;
    }
}
/* HELPED END =================================================================================================== */

.mas-content-switcher-toggle {
    margin-bottom: 70px;
}
@media (max-width: 1024px) {
    .mas-content-switcher-toggle {
        margin-bottom: 20px;
        padding-top: 30px;
    }
}
.mas-content-switcher-toggle-inner {
    padding: 0 !important;
}

.mas-content-switcher-toggle-label-1 {
    font-size: 17px;
    line-height: 17px;
    padding-right: 20px;
    font-weight: 700;
    color: var(--themeGlobalHeadline);
}

.mas-content-switcher-toggle-label-2 {
    font-size: 17px;
    line-height: 17px;
    padding-left: 20px;
    font-weight: 700;
    color: var(--themeGlobalHeadline);
    position: relative;
}

.mas-content-switcher-toggle-switch-slider {
    border-radius: 34px;
    border: 1px solid #c1cebd;
    background-color: #fff !important;
}

input:checked+.mas-content-switcher-toggle-switch-slider {
    background-color: #fff !important;
}

.mas-content-switcher-toggle-switch-slider:before {
    width: 23px !important;
    height: 23px !important;
    background-color: var(--themeGlobalSecondary) !important;
    border-radius: 50%;
    left: 10px !important;
}

input:checked+.mas-content-switcher-toggle-switch-slider:before {
    transform: translate(40px, -50%) !important;
}

.mas-content-switcher-toggle-switch-label {
    width: 85px !important;
    height: 40px !important;
}
.yearly-discount{
    position: absolute;
    left: 100px;
    top: -60px;
    font-size: 11px;
    line-height: 10px;
    white-space: nowrap;
    /* background-color: #dda6dc; */
    /* border-radius: 30px; */
    width: auto;
    padding: 5px 10px 5px;
    font-weight: 700;
    color: #000;
}
@media (max-width: 1024px) {
    .yearly-discount{
        right: 0;
        left: auto;
        top: -70px;
    }
}
.yearly-discount:before{
    content: "";
    position: absolute;
    left: -50px;
    top: 44%;
    background-image: url(images/yearly-discount-arrow.png);
    width: 45px;
    height: 30px;
    background-size: cover;
}
@media (max-width: 1024px) {
    .yearly-discount:before{
        width: 25px;
        height: 20px;
        right: 0;
        left: 86%;
        transform: scaleX(-1);
        top: 35px;
        rotate: 30deg;
    }
}
.mas-content-switcher-toggle-switch {
    margin-top: 0!important;
}
/* Knowledge START =================================================================================================== */
.knowledge-get-access {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 140px;
}

.knowledge-get-access:before {
    position: absolute;
    content: "";
    background-color: #aad6ba;
    height: 6px;
    top: 29%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}

.knowledge-get-access .get-access-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eaf2ed;
    padding-left: 30px;
    padding-right: 30px;
}

.knowledge-get-access .get-access-wrap img {
    height: 200px;
}

.knowledge-get-access .get-access-wrap .access-inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.knowledge-get-access .get-access-wrap .access-inside .heading {
    font-size: 58px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
    text-align: center;
    margin-bottom: 40px;
}

.knowledge-get-access .get-access-wrap .access-inside .description {
    font-size: 16px;
    font-weight: 500;
    color: #4f566a;
    text-align: center;
    max-width: 650px;
}

.access-form-area {
    margin-bottom: 50px;
}

.access-form-area .container {
    max-width: 1170px;
}

.access-form-area .oi-col-body {
    padding: 100px;
    border-radius: 24px;
    background-color: #fff;
}

.access-form-area .get-heading {
    font-size: 58px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
    margin-bottom: 70px;
}

.access-form-area .heading {
    font-size: 26px;
    font-weight: 600;
    color: #505351;
    margin-bottom: 10px;
}

.access-form-area .description {
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
    color: #505351;
    max-width: 300px;
}

.get-list .get-list-link {
    display: flex;
    margin-bottom: 40px;
}

.get-list .get-list-link svg {
    width: 24px;
    height: 24px;
    fill: #000;
    margin-right: 20px;
}

.knowledge-area .open-demand-account-area {
    margin: 100px 0 50px;
}

.page-template-knowledge-page .footer-top-area .restart-article {
    display: none;
}

.page-template-knowledge-page .footer-top-area .open-demand-account-area {
    margin-top: 0;
}

/* Knowledge END =================================================================================================== */
/* HUB END =================================================================================================== */
.hub-article {
    margin-bottom: 100px;
}

.hub-article .row {
    margin-left: -25px;
    margin-right: -25px;
}

.hub-article .row .col-md-4 {
    padding-left: 25px;
    padding-right: 25px;
}

.hub-card {
    margin-bottom: 50px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hub-card-body {
    border-radius: 24px;
    padding: 50px 50px 30px 50px;
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 1366px) {
    .hub-card-body {
        padding: 30px 30px 10px;
    }
}
.hub-card .hub-heading {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
@media screen and (max-width: 1366px) {
    .hub-card .hub-heading {
        font-size: 18px;
    }
}
.hub-card .hub-heading svg {
    width: 24px;
    height: 24px;
}

.hub-card .hub-description {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px dashed rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1366px) {
    .hub-card .hub-description {
        font-size: 18px;
        font-weight: 600;
    }
}
.hub-list-group {
    /* padding-left: 25px;
    padding-right: 25px; */
}

.hub-card .hub-list-item {
    display: flex;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px;
}

.hub-card .hub-list-item svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    margin-right: 10px;
    margin-top: 5px;
}

.basic.hub-card .hub-card-body {
    background-color: #c7cbf8;
}

.future.hub-card .hub-card-body {
    background-color: #bfe0f8;
}

.risk.hub-card .hub-card-body {
    background-color: #d1f9ee;
}

.technical.hub-card .hub-card-body {
    background-color: #f7f2c6;
}

.chain.hub-card .hub-card-body {
    background-color: #f8d6be;
}

.use.hub-card .hub-card-body {
    background-color: #f7d0da;
}

.hub-card-footer {
    color: #fff;
    background-color: #000;
    padding: 35px 50px;
    border-radius: 24px;
    width: 100%;
}

/* HUB END =================================================================================================== */

/* How OiGenie Helps START =================================================================================================== */

.how-oigenie-helps-area .help-article-card .heading {
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 25px;
    color: var(--themeGlobalHeadline);
}
@media screen and (max-width: 1024px) {
    .how-oigenie-helps-area .help-article-card .heading {
        font-size: 20px;
        line-height: 30px;
        padding-left: 0px;
        margin-bottom: 10px;
    }
}
.how-oigenie-helps-area .help-article-card .heading .line-break {
    display: block;
}

.how-oigenie-helps-area .help-article-card .description {
    font-size: 19px;
    font-weight: 500;
    margin: 0 0 30px 0;
}
@media screen and (max-width: 1024px) {
    .how-oigenie-helps-area .help-article-card .description {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 10px;
        padding-left: 0px;
    }
    .how-oigenie-helps-area .help-article-card img {
        padding-top: 10px;
    }
}
.how-oigenie-helps-area .help-article-card .help-article-icon {
    width: 90px;
    margin-left: 50px;
}
@media screen and (max-width: 1024px) {
    .how-oigenie-helps-area .help-article-card .help-article-icon {
        width: 60px;
        margin-left: 0px;
    }
}
.help-article {
    margin-bottom: 50px;
}

.help-article-card {
    margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
    .help-article-card {
        margin-bottom: 50px;
    }
}
.how-oigenie-helps-area .open-demand-account-area {
    margin-bottom: 50px;
}
.help-article .custom-card{
    background-color: #fff;
    padding: 40px;
    border-radius: 30px;
}
.help-article .custom-card hr{
    margin-top: 50px;
    margin-bottom: 50px;
}
/* How OiGenie Helps END =================================================================================================== */

/* CONFUSED START =================================================================================================== */
.still-confused-article {
    background-color: #21214f;
    padding: 120px 0 100px 0;
    margin-bottom: 120px;
}

.still-confused-article .header-wrap .superTitle {
    color: #fff;
    text-align: center;
}

.still-confused-article .header-wrap .superTitle .line-break {
    display: block;
}

.still-confused-article .header-wrap .second-paragraph {
    color: #a2edea;
    padding-top: 20px;
}

.still-confused-article .header-wrap .highlight {
    color: #a2ff93;
}

.still-confused-article .header-wrap .bottom-line {
    position: relative;
}

.still-confused-article .header-wrap .bottom-line:after {
    position: absolute;
    content: "";
    background-image: url(images/option-chain-line.png);
    background-repeat: no-repeat;
    width: 94%;
    height: 25px;
    bottom: -27px;
    left: 0;
    background-size: contain;
    margin: 0 3%;
}

.still-confused-article .header-wrap .superDescription {
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    margin-top: 70px;
    max-width: 700px;
    text-align: center;
    font-size: 19px;
    margin-bottom: 85px;
}

.still-confused-article .custom-card {
    padding: 65px 75px;
    border-radius: 30px;
    background-color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 35px;
    position: relative;
    color: var(--themeGlobalHeadline);
}

.still-confused-article .custom-card::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 30px solid #fff;
    border-left: 30px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    bottom: -24px;
    right: 192px;
}

.still-confused-article .custom-card span {
    color: #e91f45;
    font-weight: 600;
}

.still-confused-article .custom-card img {
    max-width: 100%;
    margin-top: 30px;
}

.still-confused-article .oi-genie-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px 100px 0 50px;
}

.still-confused-article .oi-genie-wrap .oi-genie-message .oi-heading {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
}

.still-confused-article .oi-genie-wrap .oi-genie-message .oi-heading span {
    text-decoration: underline;
}

.still-confused-article .oi-genie-wrap .oi-genie-user {
    padding: 20px 30px;
    border-radius: 24px;
    background-color: #2f2f78;
}

.still-confused-article .oi-genie-wrap .oi-genie-user img {
    height: 60px;
}

.still-confused-article .bubble-effect-area .bubble-effect .effect1 {
    top: 189px;
}

.still-confused-article .bubble-effect-area .bubble-effect .effect2 {
    right: 0;
}

.still-confused-article .bubble-effect-area .bubble-effect .effect3 {
    right: -20px;
}

/* CONFUSED END =================================================================================================== */
.show-password-input.display-password::after {
    color: #aaa2a2 !important;

}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

/* WEBINAR START =================================================================================================== */
.webinar-area .webinars-article-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.webinar-area .webinars-article-item {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
    .webinar-area .webinars-article-item {
        flex-direction: column;
    }
}
.webinar-area .webinars-article-item-left {
    min-width: 370px;
    max-width: 370px;
    background-color: #000000;
    z-index: 1;
    height: 222px;
    border-radius: 24px;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .webinar-area .webinars-article-item-left {
        min-width: 100%;
        max-width: 100%;
        height: 150px;
        border-radius: 10px;
    }
}
.webinar-area .webinars-article-item-right {
    margin-left: -25px;
    min-width: calc(100% - 370px);
    max-width: calc(100% - 370px);
    background-color: #fff;
    z-index: 2;
    border-radius: 24px;
    height: 170px;
    padding: 35px 55px;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1024px) {
    .webinar-area .webinars-article-item-right {
        margin-left: 0;
        min-width: 100%;
        max-width: 100%;
        border-radius: 10px;
        height: auto;
        padding: 20px;
        flex-direction: column;
        align-items: flex-start;
        margin-top: -15px;
    }
}
.webinar-area .webinar-info .webinar-date {
    color: var(--themeGlobalPrimary);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}
@media screen and (max-width: 1024px) {
    .webinar-area .webinar-info .webinar-date {
        display: flex;
        align-items: center;
    }
    .webinar-area .webinar-info .webinar-date svg {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }
}
.webinar-area .webinar-info .webinar-title {
    color: var(--themeGlobalHeadline);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.webinar-area .webinar-info .webinar-description {
    color: var(--themeGlobalBody);
    font-size: 15px;
    font-weight: 500;
}

.webinar-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 1024px) {
    .webinar-action {
        align-items: flex-start;
        margin-top: 10px;
    }
}
.webinar-area .webinar-action .price {
    color: var(--themeGlobalPrimary);
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
}

.webinar-area .webinar-action .btn {
    background-color: var(--themeGlobalPrimary);
    border-color: var(--themeGlobalPrimary);
    font-size: 17px;
    line-height: 17px;
    font-weight: 500;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff;
}

/* body.page-template-webinar-page {
    background-color: #fff !important;
}

body.page-template-webinar-page .background-effect {
    background-color: #d5f3fa;
    background-image: none;
    transform-origin: unset;
    will-change: unset;
    height: 400vh;
    width: 400vh;
    border-radius: 50%;
    margin-top: -355vh;
    transform: translateX(-50%);
    left: 50%;
}
body.page-template-webinar-page .coming-soon-wrap{
    margin: 170px 0 50px 0;
}
body.page-template-webinar-page .coming-soon-wrap .content-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
body.page-template-webinar-page .coming-soon-wrap .superTitle{
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    color: var(--themeGlobalPrimary);
    margin-bottom: 10px;
}
body.page-template-webinar-page .coming-soon-wrap .superSubTitle{
    text-align: center;
    font-weight: 500;
    max-width: 1000px;
    margin-left:auto;
    margin-right: auto;
    font-size: 20px;
    margin-bottom: 25px;
}
body.page-template-webinar-page .content-body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
body.page-template-webinar-page .content-body .superSubTitle{
    text-align: center;
    } */
/* WEBINAR END =================================================================================================== */
/* PROFIT END =================================================================================================== */
.profit-article-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.profit-article-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 50px;
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .profit-article-item {
        margin-bottom: 25px;
    }
}
.profit-article-item .upper {
    width: 100%;
    background-color: var(--themeGlobalSecondary);
    border-radius: 30px 30px 0 0;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .profit-article-item .upper {
        border-radius: 10px 10px 0 0;
        padding: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
}
.upper-date {
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
}

.upper-date svg {
    fill: #9fff9a;
    margin-right: 5px;
    width: 28px;
    height: 28px;
}

.upper-buy {
    font-weight: 500;
    color: #fff;
}

.upper-buy .text-success {
    font-weight: 500 !important;
    color: #9fff9a !important;
}

.upper-buy .text-danger {
    font-weight: 500 !important;
    color: #f88580 !important;
}

.upper-chart {
    font-weight: 500;
    color: #9fff9a;
    text-decoration: underline;
}
@media screen and (max-width: 1024px) {
    .upper-chart {
        margin-bottom: 10px;
    }
}
.upper-profit {
    font-weight: 500;
    color: #fff;
}

.upper-profit .value {
    margin-left: 5px;
    border-radius: 6px;
    padding: 5px 10px;
    background-color: var(--themeGlobalPrimary);
}

.profit-article-item .lower {
    background-color: #fff;
    border-radius: 0 0 30px 30px;
    padding: 30px;
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .profit-article-item .lower {
        border-radius: 0 0 10px 10px;
        padding: 20px;
    }
}
.profit-article-item .lower .image-wrap {
    display: flex;
}
@media screen and (max-width: 1024px) {
    .profit-article-item .lower .image-wrap {
        flex-direction: column;
    }
    .profit-article-item .lower .image-wrap img {
        height: auto!important;
        max-width: 100%;
    }
}
.profit-article-item .lower .image-wrap img {
    height: 56px;
}

.profit-article-item .lower .description {
    margin-top: 20px;
    max-width: 1000px;
    font-weight: 500;
}
@media screen and (max-width: 1024px) {
    .profit-article-item .lower .description {
        margin-top: 10px;
    }
}
/* body.page-template-profit-page .footer-top-area{
    display: none;
} */

.coming-soon-wrap{
    margin: 100px 0 50px 0;
}
.coming-soon-wrap .content-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.coming-soon-wrap svg{
   width: 60px;
   margin-bottom: 30px;
}
.coming-soon-wrap svg path{
    fill: var(--themeGlobalPrimary);
 }
.coming-soon-wrap .superTitle{
    text-align: center;
    font-size: 48px;
    line-height: 58px;
    color: var(--themeGlobalPrimary);
    margin-bottom: 15px;
}
.coming-soon-wrap .superSubTitle{
    text-align: center;
    font-weight: 500;
    max-width: 700px;
    margin-left:auto;
    margin-right: auto;
    font-size: 20px;
    margin-bottom: 25px;
}
.coming-soon-wrap .inquiry{
    text-align: center;
    font-weight: 500;
    max-width: 700px;
    margin-left:auto;
    margin-right: auto;
    font-size: 18px;
    margin-bottom: 25px;
    color: var(--themeGlobalHeadline);
}
.coming-soon-wrap .inquiry a{
    color: var(--themeGlobalHeadline);
}
/* PROFIT END =================================================================================================== */
/* Affiliates START =================================================================================================== */
body.page-template-affiliates-page {
    /* background-color: #fff !important; */
}

body.page-template-affiliates-page .background-effect {
    background-color: #d5f3fa;
    background-image: none;
    transform-origin: unset;
    will-change: unset;
    height: 400vh;
    width: 400vh;
    border-radius: 50%;
    margin-top: -300vh;
    transform: translateX(-50%);
    left: 50%;
}

.affiliates-area .banner-area-inner .content-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.affiliates-area .banner-area-inner .content-body .superSubTitle {
    text-align: center;
    margin-bottom: 50px;
    font-size: 24px;
    max-width: 100%!important;
}
@media screen and (max-width: 1024px) {
    .affiliates-area .banner-area-inner .content-body .superSubTitle {
        margin-bottom: 25px;
        font-size: 16px;
    }
}
.affiliates-area .banner-area-inner .content-body .superSubTitle span {
    display: block;
}
/* .affiliates-area .banner-area-inner .content-body .oi-col-body {
    margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
    .affiliates-area .banner-area-inner .content-body .oi-col-body {
        margin-bottom: 10px;
    }
} */
.btn-become-affiliate {
    background-color: #9f2bc1 !important;
    border-color: #9f2bc1 !important;
}


.affiliates-area .how-work {
    margin-bottom: 100px;
    position: relative;
}
@media screen and (max-width: 1024px) {
    .affiliates-area .how-work {
        margin-bottom: 30px;
    }
}
.affiliates-area .how-work .container {
    max-width: 1100px;
}

.affiliates-area .how-work .content-body-wrap {
    background-color: #170c51;
    padding: 90px;
    border-radius: 40px;
}
@media screen and (max-width: 1024px) {
    .affiliates-area .how-work .content-body-wrap {
        padding: 20px 25px 60px;
        border-radius: 10px;
    }
}
.affiliates-area .how-work .content-body-wrap .superTitle {
    font-size: 36px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 30px!important;
}
@media screen and (max-width: 1024px) {
    .affiliates-area .how-work .content-body-wrap .superTitle {
        margin-bottom: 20px;
        font-size: 22px!important;
        line-height: 22px;
    }
}
.affiliates-area .how-work .content-body-wrap article {
    margin-left: 30px;
    margin-bottom: 30px!important;
    color: #fff;
    display: flex;
}

.affiliates-area .how-icon {
    min-width: 24px!important;
    max-width: 24px!important;
    min-height: 24px;
    max-height: 24px;
    border-radius: 50%;
    border: 1px solid #6de6b1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}
.affiliates-area .how-icon {
    color: #6de6b1;
    font-size: 13px!important;
    font-weight: 500;
}
.affiliates-area .how-icon img {
    width: 30px;
    height: auto;
    margin-top: 4px;
}
.affiliates-area .how-icon svg {
    width: 20px;
    height: 20px;
}
.affiliates-area .how-info{
    margin-left: 20px!important;
}
.affiliates-area .how-work .content-body-wrap article .heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
    .affiliates-area .how-work .content-body-wrap article .heading {
        font-size: 18px;
    }
}

.affiliates-area .how-work .content-body-wrap article .description {
    font-size: 15px;
}

.how-work .lower-wrapper{
    background-color: #050631;
    border-radius: 40px;
    padding: 90px;
    margin-top: -65px;
}

.right-fit-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #101f4b;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
@media screen and (max-width: 1024px) {
    .right-fit-wrap {
      padding: 25px;
      border-radius: 10px;
      flex-direction: column;
    }
}
.right-fit-wrap .heading {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
    .right-fit-wrap .heading {
        font-size: 22px;
        line-height: 22px;
        font-weight: 600;
        margin-bottom: 10px;
    }
}
.right-fit-wrap .description {
    font-size: 16px;
}
@media screen and (max-width: 1024px) {
    .right-fit-wrap .description {
        font-size: 15px;
        margin-bottom: 20px;
    }
}

.affiliates-area .general-info .container {
    max-width: 1000px;
}

.affiliates-area .general-info .heading {
    font-size: 36px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
    margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
    .affiliates-area .general-info .heading {
        font-size: 27px;
        margin-bottom: 25px;
    }
}
.affiliates-area .general-info .sub-heading {
    font-size: 22px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
    margin-bottom: 10px;
}

.affiliates-area .general-info .description {
    font-weight: 500;
    color: var(--themeGlobalHeadline);
    margin-bottom: 40px;
}

.fit-list-group {
    display: flex;
    flex-wrap: wrap;
    max-width: 400px;
}

.fit-list-item {
    min-width: 50%;
    max-width: 50%;
    position: relative;
    padding-left: 30px;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1024px) {
    .fit-list-item {
        min-width: 100%;
        max-width: 100%;
    }
}
.fit-list-item:before {
    position: absolute;
    content: "";
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #00064b;
    border: 4px solid #6ce2b2;
}
@media screen and (max-width: 1024px) {
    .fit-list-item:before {
        width: 14px;
        height: 14px;
    }
}
.h-c-section{
    margin-bottom: 50px;
}
.h-c-section:last-child{
    margin-bottom: 0px;
}
.lower-text-wrap .article{
    margin-bottom: 40px;
}
.lower-text-wrap .heading{
    font-size: 25px;
    margin-bottom: 25px;
    font-weight: 500;
}
.lower-text-wrap .sub-heading{
    margin-bottom: 2px;
    padding-left: 30px;
    font-weight: 500;
}
.lower-text-wrap .description{
    margin-bottom: 20px;
    padding-left: 30px;
    opacity: .6;
    font-weight: 300;
}
/* Affiliates END =================================================================================================== */
body.page-template-front-page .footer-top-area{
    display: none;
}
/* Newsletter Start */
    .noptin-label {
        display:none!important;
    }
    .noptin-form-fields {
        flex: 0 0 auto;
        width: 100%;
    }
    .noptin-form-field {
        width:100%;
    }
/* Newsletter End */

.oigenie-area .oi-genie-feature .top-img-wrap{
    max-width: 650px;
    margin-bottom: 30px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.pcr{
    max-width: 500px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.vwap{
    max-width: 430px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.who-entering{
    max-width: 450px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.oi-support{
    max-width: 500px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.oi-resistance{
    max-width: 500px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.oi-sentiment{
    max-width: 500px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.oi-charts{
    max-width: 650px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.oi-power{
    max-width: 550px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.oi-status{
    max-width: 500px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.time-machine{
    max-width: 700px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.oi-bars{
    max-width: 100%;
}
.oigenie-area .oi-genie-feature .top-img-wrap.support-resistance-strength{
    max-width: 550px;
}
.oigenie-area .oi-genie-feature .top-img-wrap.rsi{
    max-width: 600px;
}
.page-template-oi-tools-page .top-img-wrap.add-effect{
    margin-top: 30px;
}
.top-img-wrap.add-effect img{
    border-radius: 30px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
}

.top-img-wrap.risk-management{
    background-color: #fff;
    padding: 30px;
    border-radius: 30px;

}
/* WHY OI GENIE =================================================================================================== */
.trade-with{
    background-color: #349a2f;
    font-size: 27px;
    color: #fff;
    border-radius: 48px;
    padding: 30px;
}
.trade-without{
    background-color: #bb261a;
    font-size: 27px;
    color: #fff;
    border-radius: 48px;
    padding: 30px;
}
.trade-with-heading{
    padding: 30px;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}
.trade-without-heading{
    padding: 30px;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}
.trade-section .row{
    margin-left: -100px;
    margin-right: -100px;
}
.trade-section .col-md-6:first-child{
    border-right: 2px dashed #bbc2be;
}
.trade-section .col-md-6:first-child{
    color: #0a8e00;
}
.trade-section .col-md-6:last-child{
    color: #bb261a;
}
.trade-section .col-md-6{
    padding-left: 100px;
    padding-right: 100px;
}
.trade-card{
    display: flex;
    margin-bottom: 100px;
}
.trade-card-left{
    min-width: 60px;
    max-width: 60px;
}
.trade-card-left img{
    width: 40px;
    margin-top: 5px;
}
.trade-card-heading{
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.trade-card-image{
    margin-bottom: 20px;
}
.trade-card-description{
    font-size: var(--themeGlobalBodyFontSize);
    font-weight: 500;
}
.trade-section .bottom-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 50px;
}
.trade-section .heading{
    font-size: 52px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
    text-align: center;
    margin-bottom: 35px;
}
.trade-section .description{
    font-size: var(--themeGlobalBodyFontSize);
    font-weight: 500;
    text-align: center;
    margin-bottom: 40px;
    max-width: 1000px;
}
.trade-section .btn{

}
/* SWITCH START =================================================================================================== */
.page-template-create-request .oi-col-right .subHeading {
    display: flex;
    align-items: center;
    opacity: 1;
}
.plan-survey-switch{
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.plan-survey-switch h5{
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    white-space: nowrap;
    width: auto!important;
    height: auto!important;
    margin: 0!important;
}
.plan-survey-switch h5 small{
    color: var(--themeGlobalPrimary);
    font-weight: 500;
    font-size: 12px;
}
.plan-survey-switch .switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 15px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
}

.plan-survey-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.plan-survey-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  display: flex;
  align-items: center;
}

.plan-survey-switch .slider:before {
  position: absolute;
  content: "";
  height: 9px;
  width: 9px;
  left: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.plan-survey-switch input:checked+.slider {
  background-color: var(--themeGlobalHeadline);
}

.plan-survey-switch input:focus+.slider {
  box-shadow: 0 0 1px var(--themeGlobalHeadline);
}

input:checked+.slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.plan-survey-switch .slider.round {
  border-radius: 34px;
}
.plan-survey-switch .slider.round:before {
  border-radius: 50%;
}
/* SWITCH END =================================================================================================== */

.custom-select-plan .btn{
    width: 100%;
    height: 50px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    border: 1px solid var(--bs-border-color);
    border-radius: 12px;
}
.custom-select-plan .btn:focus{
    box-shadow: none!important;
    outline: none!important;
}
.custom-select-plan .p-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.custom-select-plan .p-name{
    font-weight: 600;
    font-size: 15px;
    color: var(--themeGlobalHeadline);
}
.custom-select-plan .p-price{
    font-size: 15px;
    font-weight: 500;
    color: var(--themeGlobalHeadline);
}
.custom-select-plan .dropdown-menu{
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.custom-select-plan .p-gst{
    opacity: .5;
}
.custom-select-plan .dropdown-item{
    border-bottom: 1px solid #eee;
    height: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
}
.custom-select-plan .dropdown-item:last-child{
    border-bottom: 0px solid #eee;
}
.custom-select-plan .dropdown-item:active {
    color:var(--themeGlobalHeadline)!important;
    background-color: #fff!important;
}
.save-yearly-plan{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.save-yearly-plan .form-check{
    margin-bottom: 0;
}
.save-yearly-plan .form-check-label{
    line-height: normal!important;
    top: 0 !important;
    font-size: 13px !important;
    font-weight: 500;
    margin-top: 5px;
}
.captcha-error {
    border: 1px solid rgb(247, 4, 4);
}
.eye-position {
    position: absolute;
    right: 15px;
    top: 12px;
    z-index: 9;
    cursor: pointer;
}
.show-password-msg {
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 20px;

}
.g-recaptcha-error {
    border: #ff0000 solid 1px;
    width: 304px;
    height: 78px;
    border-radius: 4px;
}
.text-unset {
    text-transform: unset !important;
}

.inner-content-area h3{
    background: -webkit-linear-gradient(#b6e3ff, #2e57c5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    font-weight: 600;
}


/* COMING SOON START =================================================================================================== */
body.page-template-coming-soon-page {
    background-color: #fff !important;
}

body.page-template-coming-soon-page .background-effect {
    background-color: #d5f3fa;
    background-image: none;
    transform-origin: unset;
    will-change: unset;
    height: 400vh;
    width: 400vh;
    border-radius: 50%;
    margin-top: -300vh;
    transform: translateX(-50%);
    left: 50%;
}
body.page-template-coming-soon-page .affiliates-area .banner-area-inner .content-body .superSubTitle {
    max-width: 854px !important;
}
/* COMING SOON END =================================================================================================== */
/* TRADE X START =================================================================================================== */
.tradex-area .tradex-area-banner-row{
    display: flex;
}
@media screen and (max-width: 1024px) {
    .tradex-area .tradex-area-banner-row{
        flex-direction: column;
    }
}
.tradex-area .tradex-area-banner-left{
    margin-right: 50px;
    margin-top: 75px;
}
@media screen and (max-width: 1024px) {
    .tradex-area .tradex-area-banner-left{
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 10px;
    }
}
.tradex-area-banner-right{
    max-width: 550px;
}
/* TRADE X END =================================================================================================== */
.box-banner-area .content-body{
    position: relative;
    padding: 50px 70px;
    border-radius: 30px;
    margin-left: -70px;
    margin-right: -70px;
    background-image: linear-gradient(to bottom right, var(--themeGlobalPrimary), var(--themeGlobalHeadline), var(--themeGlobalHeadline), var(--themeGlobalPrimary));
}
@media screen and (max-width: 1024px) {
    .box-banner-area .content-body{
        position: relative;
        padding: 25px;
        border-radius: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }
}
.box-banner-area .content-body .superTitle{
    color: #8aff9c;
}
.box-banner-area .content-body .superSubTitle{
    color: #b1fbfa;
}
.box-banner-area .content-body .superTitle .line:after{
    opacity: .3;
}
.box-banner-area .content-body .superImage{
    max-width: 500px;
    min-height: 300px;
    position: absolute;
    top: 50px;
    right: 50px;
}
@media screen and (max-width: 1024px) {
    .box-banner-area .content-body .superImage{
        max-width: 100%;
        min-height: auto;
        position: relative;
        top: 0px;
        right: 0px;
        margin-top: 15px;
    }
}

img.lazy-image{
    /* background-color: #fff; */
    /* width: 100%; */
	/* background:url(images/image-bg.svg) center center no-repeat;	 */
}

img.lazy-image.loaded{
    background-color: transparent;
	background-image:none;
    width: auto;
}
.page-template-oi-tools-page .oi-genie-feature .top-img-wrap img{
    min-height: 480px;
}
@media screen and (max-width: 1024px) {
    .page-template-oi-tools-page .oi-genie-feature .top-img-wrap img{
        min-height: auto;
    }
}
.box-banner-area .content-body .superTitle .coming-soon{
    background-color: #0a1c4c;
    color: #fff;
    font-size: 18px;
    margin-left: 10px;
    padding: 15px 25px;
    border-radius: 10px;
    top: -18px;
    position: relative;
}
.affiliate-pending {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 38px;
    color: var(--themeGlobalHeadline);
}
/* SCROLLSPY START =================================================================================================== */
/* #OiGenieScrollspy .scrollspyUl{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#OiGenieScrollspy .scrollspyUl li a{
    font-size: var(--themeGlobalBodyFontSize);
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--themeGlobalHeadline);
}
#OiGenieScrollspy .scrollspyUl li a.active{
    color: var(--themeGlobalPrimary);
} */
/* SCROLLSPY START =================================================================================================== */

.background-image-none{
    background-image: none!important;
}
@media screen and (max-width: 1024px) {
.qr-code-info{
    margin-bottom: 30px;
}
}
.qr-wrap-header{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.qr-wrap-heading{
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
}
@media screen and (max-width: 1024px) {
    .qr-wrap-heading{
    font-size: 20px;
    line-height: 24px;
}
}
.qr-wrap-line{
    font-size: 11px;
    line-height: 11px;
}
.qr-wrap-line:first-child{
    margin-bottom: 5px;
}
.qr-code-item{
    padding: 10px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.qr-code-item:last-child{
    margin-bottom: 0;
}

.qr-code-item.telegram{
    background-color: #e5f8ff;
}
.qr-code-item.telegram:hover{
    background-color: #d2eaf3;
}
.qr-code-item.whatsapp{
    background-color: #c6ffc8;
}
.qr-code-item.whatsapp:hover{
    background-color: #b0ecb2;
}
.qr-code-item.instagram{
    background-color: #ffeef6;
}
.qr-code-item.instagram:hover{
    background-color: #f3d2e2;
}
.qr-code-item.facebook{
    background-color: #e7eeff;
}
.qr-code-item.facebook:hover{
    background-color: #cfd9f0;
}
.qr-code-item.youtube{
    background-color: #ffe1e0;
}
.qr-code-item.youtube:hover{
    background-color: #f3cac9;
}
.qr-code-item.twitter{
    background-color: #eee;
}
.qr-code-item.twitter:hover{
    background-color: #ddd;
}

.qr-code-left{
    display: flex;
    align-items: center;
}
.qr-brand-logo{
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.telegram .qr-brand-logo{
    background-color: #029fdb;
}
.whatsapp .qr-brand-logo{
    background-color: #119429;
}
.instagram .qr-brand-logo{
    background-color: #dd2a7b;
}
.facebook .qr-brand-logo{
    background-color: #426bc9;
}
.youtube .qr-brand-logo{
    background-color: #ea4343;
}
.twitter .qr-brand-logo{
    background-color: #000000;
}
.qr-brand-logo svg{
    width: 25px;
    height: 25px;
}
.qr-brand-info{
    margin-left: 10px;
}
.qr-label{
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
}
.qr-name{
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}
.telegram .qr-name{
    color: #029fdb;
}
.whatsapp .qr-name{
    color: #119429;
}
.instagram .qr-name{
    color: #dd2a7b;
}
.facebook .qr-name{
    color: #426bc9;
}
.youtube .qr-name{
    color: #ea4343;
}
.twitter .qr-name{
    color: #000000;
}
.qr-code-space img{
 height: 60px;
}

.noptin-form-notice{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.noptin-success{
    height: 50px;
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
}
.nse-approved{
    background-color: #3a2d7d;
    border-radius: 10px;
    padding: 5px 10px;
    max-width: 175px;
    position: absolute;
    top: 0;
}
@media screen and (max-width: 1024px) {
    .nse-approved{
        display: none;
    }
}
.nse-approved.floating {
    position: fixed;
    left: -72px;
    top: 50%;
    rotate: -90deg;
    border-radius: 0 0 10px 10px;
    z-index: 999;
    display: none;
}
@media screen and (max-width: 1024px) {
    .nse-approved.floating{
        display: none;
    }
}
.nse-approved.nse-header {
    position: absolute;
    display: flex;
    max-width: 120px;
    border-radius: 6px;
    right: 72px;
    top: 28px;
}
.fixed-header .nse-approved.nse-header{
    top: 12px;
}
@media screen and (min-width: 1025px) {
    .nse-approved.nse-header{
        display: none;
    }
}

/* TELEGRAM ACCOUNT START =================================================================================================== */
.telegram-account-wrapper .form-label{
    font-size: 13px;
}
.telegram-account-wrapper .input-wrapper{
    display: flex;
    flex-direction: column;
}
.telegram-account-wrapper .input-wrapper .form-control{
    width: 100%;
}
.telegram-account-wrapper .input-wrapper .btn{
	background: var(--theme-btn-background);
    border: var(--theme-btn-border);
    box-shadow: var(--theme-btn-shadow);
    white-space: nowrap;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 10px;
}
html[data-bs-theme="light"] .telegram-account-wrapper .input-wrapper .btn {
    background-color: var(--themeGlobalSecondary);
    border-color: var(--themeGlobalSecondary);
}
.telegram-account-wrapper .generate-wrapper{
    margin-top: 25px;
}
.telegram-account-wrapper .generate-wrapper article{
    margin-bottom: 20px;
}
.telegram-account-wrapper .generate-wrapper article .heading{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--themeGlobalPrimary);
}
.telegram-account-wrapper .generate-wrapper article .heading a{
    color: var(--themeGlobalHeadline);
}
.telegram-account-wrapper .generate-wrapper article .description{
    font-size: 13px;
    color: #8c8c8c;
    line-height: 20px;
}
.telegram-account-wrapper .input-wrapper h5{
    color: var(--bs-body-color);
}
/* TELEGRAM ACCOUNT END =================================================================================================== */

/* Account oi data END =================================================================================================== */
.oi-data-group h4{
    font-size: 36px;
    font-weight: 600;
    color: var(--themeGlobalPrimary);
    margin-bottom: 5px;
}
.oi-data-group .s-description{
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 20px;
    color: var(--oi-color-1);
}
.oi-data-group .oi-col-body .row{
    margin-bottom: -20px;
}
.account-oi-data{
    border-radius: 12px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(to bottom right, #0c2651, #170c51);
}
html[data-bs-theme="light"] .account-oi-data {
    background-color: #f3f6f9 !important;
}
.account-oi-data .data-header{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 16px;
    border-bottom: 2px solid #050631;
    width: 100%;
}
html[data-bs-theme="light"] .account-oi-data .data-header {
    border-bottom: 2px solid #dce4eb;
}
.account-oi-data .data-header .icon{
    min-width: 45px;
    max-width: 45px;
    min-height: 45px;
    max-height: 45px;
    border-radius: 50%;
    background-color: #050631;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
html[data-bs-theme="light"] .account-oi-data .data-header .icon {
    background-color: #fff;
}
.account-oi-data .data-header .icon svg{
    color: #c0ccd8;
    fill: #c0ccd8 !important;
    width: 35px;
}
.account-oi-data .data-header .info .sub-heading{
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: var(--themeGlobalPrimary);
    margin-bottom: 5px;
}
.account-oi-data .data-header .info .heading{
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
    text-transform: uppercase;
}
.account-oi-data .data-body .sessions{
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: var(--oi-color-1);
    margin-bottom: 10px;
}
.account-oi-data .data-body .date{
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: var(--oi-color-1);
}
.account-oi-data .data-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 25px;
}
.account-oi-data .data-footer .price{
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
    display: flex;
    flex-direction: column;
}
.account-oi-data .data-footer .gst{
    font-size: 10px;
    opacity: .6;
}
.account-oi-data .data-footer .btn{
    color: var(--oi-color-1);
    /* background-color: #050631;
    border: 1px solid #050631; */
    width: 100px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-decoration: none;
	background: var(--theme-btn-background);
    border: var(--theme-btn-border) !important;
    box-shadow: var(--theme-btn-shadow);
    border-radius: calc(var(--bs-border-radius) * 2);
}
html[data-bs-theme="light"] .account-oi-data .data-footer .btn {
    background-color: #ecfff4;
    border: 1px solid #cfefcc;
}
/* Account oi data END =================================================================================================== */

.hyper-login-modal .modal-dialog{
    max-width: 400px;
}
.hyper-login-modal .modal-content{
    border-radius: 30px;
    border: 0;
}
.hyper-login-modal .modal-body{
    padding: 50px;
    display: flex;
    justify-content: space-between;
}
.hyper-login-modal .modal-body .my-app{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.hyper-login-modal .modal-body .o-icon{
    min-width: 140px;
    max-width: 140px;
    min-height: 140px;
    max-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    background-color: var(--themeGlobalSecondary);
    border: 4px solid #fff;
}
.hyper-login-modal .modal-body .my-app:hover .o-icon{
    background-color: #0b247f;   
    border-color: #a7ffaf;
}
.hyper-login-modal .modal-body .o-heading{
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: var(--themeGlobalHeadline);
    text-align: center;
    white-space: nowrap;
    margin-top: 11px;
    margin-bottom: 10px;
}
.hyper-login-modal .modal-body .my-app:hover .o-heading{
    color: var(--themeGlobalPrimary);
}
.hyper-login-modal .modal-body .o-description{
    font-size: 11px;
    line-height: 11px;
    color: #969696;
    text-align: center;
    white-space: nowrap;
}
.generate-link-class{
    position: absolute;
    display: flex;
    background-color: #24418c;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.a-pointer-events{
    pointer-events: none;
}


/* strategy-report START =================================================================================================== */
.strategy-report-area .row{
    margin-left: -15px;
    margin-right: -15px;
}
.strategy-report-area .col-md-12{
    padding-left: 15px;
    padding-right: 15px;
}
.strategy-report-area .col-md-4{
    padding-left: 15px;
    padding-right: 15px;
}
.strategy-report-card{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.strategy-report-card-body{
    width: 100%;
    min-height: 180px;
    padding: 35px 0 20px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
}
.strategy-report-card.success .strategy-report-card-body{
    background-color: #24418c;
    background-image: url(images/strategy-report-card-success.jpg);
}
.strategy-report-card.danger .strategy-report-card-body{
    background-color: #c43131;
    background-image: url(images/strategy-report-card-danger.jpg);
}
.strategy-report-card-qty{
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: #87dcff;
    margin-bottom: 10px;
}
.strategy-report-card .buy-sell{
    min-width: 19px;
    max-width: 19px;
    min-height: 19px;
    max-height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #fff;
    margin-right: 10px;
    font-size: 10px;
}
.strategy-report-card.success .buy-sell{
    background-color: #14844b;
}
.strategy-report-card.danger .buy-sell{
    background-color: #bb2424;
}
.strategy-report-card-qty .nifty{
    margin-right: 13px;
}
.strategy-report-card-qty .ce{
    margin-right: 13px;
}
.strategy-report-card-profit{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.strategy-report-card .profit{
    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
    border-radius: 12px;
    padding: 8px 12px;
    margin-right: 10px;
}
.strategy-report-card.success .profit{
    color: #98f3a9;
    background-color: #0d6739;
}
.strategy-report-card.danger .profit{
    color: #ffa1a1;
    background-color: #bb2424;
}
.strategy-report-card .total-profit .heading{
    font-size: 11px;
    line-height: 11px;
    font-weight: 500;
    color: #aaaab9;
    margin-bottom: 10px;
}
.strategy-report-card .total-profit .value{
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    
}
.strategy-report-card.success .total-profit .value{
    color: #98f3a9;
}
.strategy-report-card.danger .total-profit .value{
    color: #ffa1a1;
}
.strategy-report-card-entry{
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-left: 7px;
}
.strategy-report-card .item{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.strategy-report-card .item:last-child{
    margin-bottom: 0px;
}
.strategy-report-card .entry-label{
    color: #a9a9b5;
    min-width: 50px;
    max-width: 50px;
}
.strategy-report-card .entry-value{
    color: #87dcff;
}
/* strategy-report END =================================================================================================== */
#data-worth-wrap-year{
    display: none !important;
}
.yearly-discount-body{
    position: relative;
}
.yearly-discount-body .r-icon{
    position: absolute;
    top: -31px;
    right: -31px;
    width: 12%;
}
@media screen and (max-width: 1024px) {
    .yearly-discount-body .r-icon{
        position: absolute;
        top: -16px;
        right: -16px;
        width: 12%;
    }
}
.data-worth-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    opacity: 0; /* Start with the element invisible */
    animation: fadeIn 1.5s ease-in forwards; /* Apply the fade-in animation */
}
@keyframes fadeIn {
    from {
      opacity: 0; /* Start invisible */
    }
    to {
      opacity: 1; /* End fully visible */
    }
  }
@media screen and (max-width: 1024px) {
    .data-worth-wrap{
        margin-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.data-worth-media{
    display: flex;
    align-items: center;
}
.data-worth-img{
    min-width: 116px;
    min-height: 125px;
    margin-right: 25px;
}
@media screen and (max-width: 1024px) {
    .data-worth-img{
        margin-right: 10px;
        min-width: unset;
        min-height: unset;
    }
}
.data-worth-img img{
    height: 125px;
}
@media screen and (max-width: 1024px) {
    .data-worth-img img{
        height: 50px;
    }
}
.data-worth-heading{
    font-size: 26px;
    font-weight: 700;
    color: #ee1d3f;
    margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
    .data-worth-heading{
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0;
    }
}
.data-worth-description{
    font-size: 20px;
    font-weight: 600;
    color: #ee1d3f;
}
@media screen and (max-width: 1024px) {
    .data-worth-description{
        font-size: 12px;
    }
}
.data-worth-content{
    position: relative;
}
.data-worth-content .r-icon{
    position: absolute;
    right: -30px;
    top: -30px;
}
@media screen and (max-width: 1024px) {
    .data-worth-content .r-icon{
        display: none;
    }
}
.trial-font{
    font-size: 13px;
}
@media screen and (max-width: 1024px) {
.pricing-area .sub-heading1{
    margin-bottom: 15px !important;
}
}


.social-media-wrap{
    margin-left: 16px;
    margin-top: 10px;
}
.social-media-wrap a{
    color: var(--themeGlobalHeadline);
    margin-right: 10px;
}


/* NEW =================================================================================================== */

.pricing-profit-row{
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1024px) {
    .pricing-profit-row{
        flex-direction: column;
        align-items: flex-start;
    }
}
.lower-card{
    min-width: 260px;
    max-width: 260px;
    min-height: 65px;
    max-height: 65px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 3;
    position: relative;
}
.lower-card.two{
    position: absolute;
    left: -5px;
    bottom: -5px;
    z-index: 2;
}
.lower-card.three{
    position: absolute;
    left: -10px;
    bottom: -10px;
    z-index: 1;
}
.pricing-profit-row .upper{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
}
.pricing-profit-row .lower{
    position: relative;
}
.pricing-profit-row .upper span{
    font-size: 13px;
    font-weight: 500;
    opacity: .6;
}
@media screen and (max-width: 1024px) {
.pricing-profit-profit-card{
    margin-left: 10px;
}
}
.pricing-profit-profit-star{
    margin-right: 45px;
}
@media screen and (max-width: 1024px) {
    .pricing-profit-profit-star{
        margin-right: 0;
        margin-bottom: 15px;
    }
}
.pricing-profit-profit-star .happy-customer{
    margin-top: 0;
    margin-bottom: 0;
}
.total-pl{
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #ababb8;
    text-align: center;
}
.total-value{
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #41a846;
    text-align: center;
}

.monthly-yearly-toggle-wrap{
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
    .monthly-yearly-toggle-wrap{
    margin-bottom: 10px;
    justify-content: center;
}
}
.custom-tab{
    background-color: #00023f;
    padding: 8px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    position: relative;
    min-width: 176px;
    border: 1px solid #00c4ff52;
}
.custom-tab-item{
    border-radius: 10px;
    color: #fff;
    padding: 5px 15px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.custom-tab-item.active{
    color: #fff;
}
.custom-tab-slide-bg{
    position: absolute;
    transition: all 0.3s ease 0s;
    height: 37px;
    z-index: 1;
    border-radius: 10px;
    background: var(--theme-btn-background) !important;
    border: var(--theme-btn-border) !important;
    box-shadow: var(--theme-btn-shadow) !important;
}
@media screen and (max-width: 1024px) {
    .custom-tab-slide-bg{
        height: 35px;
    }
}
.custom-tab.monthly .custom-tab-slide-bg{
    top: 7px;
    left: 7px;
    width: 88px;
}
.custom-tab.yearly .custom-tab-slide-bg{
    top: 7px;
    left: 94px;
    width: 72px;
}

.custom-tab-item .s-col{
    /* padding-left: 5px; */
    opacity: .5;
}
.custom-tab-item .save{
    padding-left: 5px;
    color: #73d192;
    font-weight: 400;
}
.custom-tab-item.active .save{
    padding-left: 5px;
    color: #73d192;
}
.discount-code{
    white-space: nowrap;
    margin-left: 13px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.discount-code span{
    display: block;
    
}
.discount-code .introductory-offer-lable{
    font-size: 14px;
    line-height: 14px;
    color: #96cffa;
    margin-bottom: 7px;
}
.discount-code .highlight{
    color: #53ff71;
    font-size: 14px;
    line-height: 14px;
}



.mas-content-switcher-toggle{
    display: none !important;
}
@media screen and (max-width: 1024px) {
.page-template-affiliates-page .site-content{
    overflow-x: hidden;
}
}
.apply-height-50 {
    height: 50px !important;
}
.oi-coupon-code {
    position: relative;
}
.oi-coupon-code #coupon-code-svg svg {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 7px;
    top: 10px;
    fill: #0db10d;

}
.oi-coupon-code #coupon-code-svg-faild svg {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 7px;
    top: 10px;
    fill: red;

}
#coupon-code-success {
    font-size: 13px !important;
    color: var(--themeGlobalPrimary);
}
#coupon-code-loader .loader-wrapper{
    background-color: var(--themeGlobalSecondary);
}
/* 9 JULy 2025 */
.btn-send-otp {
  position: absolute;
  white-space: nowrap;
  font-size: 11px !important;
  height: 30px !important;
  z-index: 9;
  top: 10px;
  right: 10px;
  width: max-content !important;
  padding: 10px !important;
  border-radius: 5px !important;
  background-color: var(--themeGlobalSecondary);
  border-color: var(--themeGlobalSecondary);
  display: flex;
  align-items: center;
  justify-content: center !important;
}
.btn-send-otp .loader-area {
  position: absolute;
  background-color: var(--themeGlobalSecondary);
  height: 25px;
  width: 94%;
  left: 3%;
  top: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-send-otp .loader-area .spinner-border {
  width: 15px;
  height: 15px;
}
.btn-verify-otp {
  position: absolute;
  white-space: nowrap;
  font-size: 11px !important;
  height: 30px !important;
  z-index: 9;
  top: 10px;
  right: 10px;
  width: max-content !important;
  padding: 10px !important;
  border-radius: 5px !important;
  background-color: var(--themeGlobalPrimary);
  border-color: var(--themeGlobalPrimary);
  display: flex;
  align-items: center;
  justify-content: center !important;
}
.btn-verify-otp .loader-area {
  position: absolute;
  background-color: var(--themeGlobalPrimary);
  height: 25px;
  width: 94%;
  left: 3%;
  top: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-verify-otp .loader-area .spinner-border {
  width: 15px;
  height: 15px;
}
#mobile-message {
  position: absolute;
  bottom: -23px;
  font-size: 12px;
  left: 0;
  z-index: 9;
}
#otp-countdown {
  position: absolute;
  bottom: -23px;
  font-size: 12px;
  left: 0;
}
#otp-message {
  position: absolute;
  bottom: -23px;
  font-size: 11px;
  right: 0;
  color: #ff0000;
}
.page-template-sign-up-free-trial .custom-select-plan .dropdown-toggle {
  pointer-events: none !important;
}
.page-template-sign-up-free-trial .custom-select-plan .dropdown-toggle::after {
  display: none !important;
}

.ph-verified {
  color: #0fde00;
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 20px;
  z-index: 99999;
}
#registerSuccessModal .modal-dialog {
  max-width: 640px;
}
#registerSuccessModal .modal-content {
  border-radius: 16px;
  border: 0;
}
#registerSuccessModal .modal-body {
  padding: 50px;
}
#registerSuccessModal .modal-title {
  font-weight: 600;
  text-align: center;
  font-size: 20px;
  color: var(--themeGlobalHeadline);
  margin-bottom: 20px;
}
#registerSuccessModal .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 14px;
}

#registerSuccessModal .heading {
  font-size: 25px;
  font-weight: 600;
  color: var(--themeGlobalPrimary);
  text-align: center;
  margin-bottom: 25px;
}
#registerSuccessModal .description {
  color: var(--themeGlobalHeadline);
  margin-bottom: 50px;
  text-align: center;
}
#registerSuccessModal .description span {
  display: block;
}

#registerSuccessModal .custom-btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
#registerSuccessModal #go-to-myaccount {
  background-color: var(--themeGlobalSecondary);
  border-color: var(--themeGlobalSecondary);
}
#registerSuccessModal #go-to-my-app {
  background-color: var(--themeGlobalPrimary);
  border-color: var(--themeGlobalPrimary);
}

#registerSuccessModal .custom-btn-group .btn {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 10px;
  font-size: 18px;
  text-decoration: none !important;
  padding-left: 30px;
  padding-right: 30px;
}
/* 9 JULy 2025 END */

/* 16 JULy 2025 START */
.toggle-container {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: sans-serif;
}

.toggle-container .toggle-label {
  font-size: 11px;
  line-height: 11px;
  cursor: pointer;
  color: #999;
  font-weight: 500;
}

.toggle-container .toggle-label.active {
  color: var(--themeGlobalPrimary);
}

.toggle-container .toggle-switch {
  position: relative;
  width: 38px;
  height: 22px;
  background: var(--themeGlobalPrimary);
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.3s ease;
  display: block;
}

.toggle-container .toggle-switch::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  transition: transform 0.3s ease;
}

.toggle-container input[type="checkbox"] {
  display: none;
}

/* .toggle-container input[type="checkbox"]:checked + .toggle-switch {
      background: var(--themeGlobalPrimary);
    } */

.toggle-container input[type="checkbox"]:checked + .toggle-switch::before {
  transform: translateX(16px);
}

.toggle-container .save-badge {
  color: #00ff3a;
  font-weight: bold;
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 4px;
  height: 20px;
  display: flex;
  align-items: center;
}

.btn-coupon-code {
  padding: 0 !important;
  border: 0 !important;
  color: var(--themeGlobalHeadline);
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
.btn-coupon-code:focus {
  box-shadow: none !important;
  outline: none !important;
  border: 0 !important;
}
.btn-coupon-apply {
  position: absolute !important;
  white-space: nowrap;
  font-size: 11px !important;
  height: 30px !important;
  z-index: 9;
  top: 10px;
  right: 10px;
  width: max-content !important;
  padding: 10px !important;
  border-radius: 5px !important;
  background-color: var(--themeGlobalSecondary);
  border-color: var(--themeGlobalSecondary);
  display: flex;
  align-items: center;
  justify-content: center !important;
}
.btn-coupon-apply .spinner-border {
  width: 12px;
  height: 12px;
}
.trial-message-area {
  margin-top: -15px;
  margin-bottom: 20px;
}
/* 16 JULy 2025 END */
/* 25-11-2025 START */
.navbar .container{
    position: relative;
}
.plan-expire-section{
    position: absolute;
    top: 15px;
    right: 165px;
    display: flex;
    flex-direction: column;
}
.plan-expire-section p{
    font-size: 12px !important;
    flex-direction: column;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin: 0;
    line-height: 13px;
}
.plan-expire-section p a{
    text-decoration: underline !important;
    color: var(--themeGlobalSecondary);
    margin-top: 7px;
}
.plan-expire-section .update-plan-model .update-plan-model-footer .btn{
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 150px;
}
.plan-expire-section .update-plan-model .update-plan-model-footer .btn-secondary{
    background-color: #565e64;
    border-color: #565e64;
}
.plan-expire-section .update-plan-model .update-plan-model-footer .btn-primary{
    background-color: var(--themeGlobalSecondary);
    border-color: var(--themeGlobalSecondary);
}
/* 25-11-2025 END */
.oi-plan-select .btn{
    width: 100%;
    padding: 0;
    border: 1px solid #2356c0;
    border-radius: 12px;
}
.oi-plan-select .btn:focus{
    border: 1px solid #2356c0;
}
.oi-plan-select .oi-plan-group{
    border-radius: 12px;
    height: 70px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    background: linear-gradient(to right, #04051d 0%, transparent 100%);
}
.oi-plan-select .oi-plan-group .oi-plan-left{
    font-size: 18px;
    color: #97c1ff;
    text-align: left;
}
@media (max-width: 1024px) {
    .oi-plan-select .oi-plan-group .oi-plan-left{
    font-size: 15px;
    line-height: 20px;
}
}
.oi-plan-select .oi-plan-group .oi-plan-right{
    color: #97c1ff;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 20px;
}
.oi-plan-select .oi-plan-group .oi-plan-right .upper-price{
    font-size: 18px;
    white-space: nowrap;
}
@media (max-width: 1024px) {
.oi-plan-select .oi-plan-group .oi-plan-right .upper-price{
    font-size: 15px;
}
}
.oi-plan-select .oi-plan-group .oi-plan-right .lower-price{
    font-size: 15px;
    opacity: .5;
}
@media (max-width: 1024px) {
.oi-plan-select .oi-plan-group .oi-plan-right .lower-price{
    font-size: 13px;
}
}
.oi-plan-select .dropdown-menu{
    border: 1px solid #2356c0;
    border-radius: 12px;
    width: 100%;
    margin: 0;
    background: linear-gradient(to right, #04051d 0%, #0e1055 100%);
}
.oi-plan-select .dropdown-menu li:not(:first-child) {
    border-top: 1px solid #2356c0;
}
.oi-plan-select .oi-arrow-down{
    position: absolute;
    top: 32%;
    right: 15px;
}
/* @media screen and (min-width: 1025px) {
.oi-plan-select .dropdown:hover .dropdown-menu{
    display: block;
}
} */

/*19-01-2026*/
/* Sticky menu */
/* .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.sticky {
    position: sticky;
    top: 100px;
    z-index: 5;
} */

.help-text-group {
    position: relative;
    /* z-index: 10; */
}

.help-text-item {
    scroll-margin-top: 160px;
}


/*19-01-2026*/



#invoice-log th,
#invoice-log td {
    background-color: transparent !important;
}
#invoice-log.table {
    border-color: #1d2d50;
}
.page-template-testimonial-page .client-feedback-section{
    display: none;
}

.oi-my-account .community-card{
    padding: 60px;
}
.renew-button {
    background-image: linear-gradient(to right, #3f9e51 , #067853);
    border: 1px solid #65c09f;
    border-radius: 8px;
}