/* fonts import start */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-ExtraBold.eot');
    src: url('../fonts/Poppins/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-ExtraBold.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-ExtraBold.woff') format('woff'),
    url('../fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-ExtraBoldItalic.eot');
    src: url('../fonts/Poppins/Poppins-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-ExtraBoldItalic.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-ExtraBoldItalic.woff') format('woff'),
    url('../fonts/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-ExtraBoldItalic.svg#Poppins-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Italic.eot');
    src: url('../fonts/Poppins/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-Italic.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-Italic.woff') format('woff'),
    url('../fonts/Poppins/Poppins-Italic.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-Italic.svg#Poppins-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-ExtraLight.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-ExtraLight.woff') format('woff'),
    url('../fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-BlackItalic.eot');
    src: url('../fonts/Poppins/Poppins-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-BlackItalic.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-BlackItalic.woff') format('woff'),
    url('../fonts/Poppins/Poppins-BlackItalic.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-BlackItalic.svg#Poppins-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Bold.eot');
    src: url('../fonts/Poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-Bold.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-Bold.woff') format('woff'),
    url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Light.eot');
    src: url('../fonts/Poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-Light.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-Light.woff') format('woff'),
    url('../fonts/Poppins/Poppins-Light.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-ExtraLightItalic.eot');
    src: url('../fonts/Poppins/Poppins-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-ExtraLightItalic.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-ExtraLightItalic.woff') format('woff'),
    url('../fonts/Poppins/Poppins-ExtraLightItalic.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-ExtraLightItalic.svg#Poppins-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-BoldItalic.eot');
    src: url('../fonts/Poppins/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-BoldItalic.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-BoldItalic.woff') format('woff'),
    url('../fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-BoldItalic.svg#Poppins-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Medium.eot');
    src: url('../fonts/Poppins/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-Medium.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-Medium.woff') format('woff'),
    url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Thin.eot');
    src: url('../fonts/Poppins/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-Thin.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-Thin.woff') format('woff'),
    url('../fonts/Poppins/Poppins-Thin.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-Thin.svg#Poppins-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-SemiBold.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-SemiBold.woff') format('woff'),
    url('../fonts/Poppins/Poppins-SemiBold.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-LightItalic.eot');
    src: url('../fonts/Poppins/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-LightItalic.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-LightItalic.woff') format('woff'),
    url('../fonts/Poppins/Poppins-LightItalic.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-LightItalic.svg#Poppins-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-SemiBoldItalic.eot');
    src: url('../fonts/Poppins/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-SemiBoldItalic.woff') format('woff'),
    url('../fonts/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Regular.eot');
    src: url('../fonts/Poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-Regular.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-Regular.woff') format('woff'),
    url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-ThinItalic.eot');
    src: url('../fonts/Poppins/Poppins-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-ThinItalic.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-ThinItalic.woff') format('woff'),
    url('../fonts/Poppins/Poppins-ThinItalic.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-ThinItalic.svg#Poppins-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-MediumItalic.eot');
    src: url('../fonts/Poppins/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-MediumItalic.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-MediumItalic.woff') format('woff'),
    url('../fonts/Poppins/Poppins-MediumItalic.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-MediumItalic.svg#Poppins-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Black.eot');
    src: url('../fonts/Poppins/Poppins-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins/Poppins-Black.woff2') format('woff2'),
    url('../fonts/Poppins/Poppins-Black.woff') format('woff'),
    url('../fonts/Poppins/Poppins-Black.ttf') format('truetype'),
    url('../fonts/Poppins/Poppins-Black.svg#Poppins-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* fonts import end */

/* global styling start */
html {
    overflow-x: hidden !important;
}

body {
    font-family: "Poppins";
    background: #1A233F;
    overflow-x: hidden !important;
}

.section-title {
    color: #FFF;
    font-size: 35px;
    font-weight: 600;
    line-height: 38px;
}

.section-content {
    color: #8A95A3;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}

/* global styling end */

/* header styling start */

nav.navbar.navbar-expand-lg {
    position: absolute;
    left: 0;
    right: 0;
}

header .navbar-toggler:focus {
    box-shadow: none;
}

.navbar-nav {
    margin-right: 20px;
}

nav.navbar a.nav-link {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

nav.navbar a.nav-link:hover {
    color: #00E878;
}

nav.navbar a.nav-link.active {
    color: #00E878;
}

.navbar-collapse .contact-btn a {
    color: #00E878;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    font-weight: 600;
    line-height: normal;
    background: transparent;
    border-radius: 14px;
    border: 1px solid #00E878;
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    transition: .5s;
}

.navbar-collapse .contact-btn a:hover {
    background: #00E878;
    color: #fff;
    transition: .5s;
}

.navbar-collapse .contact-btn a svg {
    margin-right: 5px;
}

/* header styling end */

/* banner styling start */
section.banner-sec {
    background-image: url("../img/banner-bg.png");
    background-position: right top;
    background-repeat: no-repeat;
    padding: 8rem 0 0;
}

.banner-sec .banner_bottom_border {
    display: block;
    height: 3px;
    background: linear-gradient(270deg, #1A233F 9.51%, #943DE5 48.72%, #1A233F 91.45%);
}

.banner_main_heading {
    color: #FFF;
    font-size: 64px;
    font-weight: 700;
    line-height: 85px;
    margin-bottom: 0;
}

.banner_sub_heading {
    color: #FFF;
    font-size: 32px;
    font-weight: 400;
    line-height: 42px;
    margin-bottom: 15px;
}

.banner_main_para {
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 2rem;
}

.banner_main_para span {
    color: #00E878;
}

.banner_btn {
    border-radius: 14px;
    border: 1px solid #00E878;
    color: #00E878;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 12px 25px;
    transition: .5s;
}

.banner_btn:hover {
    background: #00E878;
    color: #fff;
    transition: .5s;
}

/* banner styling end */

/* how it work styling start */
.how_it_work {
    background: url("../img/how-work-bg.png") no-repeat right center;
    padding: 5rem 0;
}

.how_it_work .text-cont {
    text-align: center;
}

.how_it_work .video-cont {
    text-align: center;
    margin-top: 2rem;
}

/* how it work styling start */

/* about_us styling start */
.about_us {
    padding: 3rem 0 5rem;
    background: url("../img/about-bg.png") no-repeat left;
}

/* about_us styling end */

/* connect now styling start */
.connect_now {
    padding: 1rem 0 5rem;
}

.percentage_tabs .responsive-tabs {
    padding: 1rem;
}

.percentage_tabs .responsive-tabs .nav-tabs {
    display: none;
}

@media (min-width: 992px) {
    .percentage_tabs .responsive-tabs .nav-tabs {
        display: flex;
    }

    .percentage_tabs .responsive-tabs .card {
        border: none;
    }

    .percentage_tabs .responsive-tabs .card .card-header {
        display: none;
    }

    .percentage_tabs .responsive-tabs .card .collapse {
        display: block;
    }
}

@media (max-width: 991px) {
    .percentage_tabs .responsive-tabs .tab-pane {
        display: block !important;
        opacity: 1;
    }
}

.connect_now .percentage_tabs .responsive-tabs .tab-content .card {
    border: 0;
    background: transparent;
}

.connect_now .percentage_tabs .responsive-tabs .tab-content .card .card-body {
    background: transparent;
    padding: 3rem 0;
}

/*.connect_now .percentage_tabs .responsive-tabs .tab-content .card .card-body .img-cont {*/
/*    padding: 5rem 0;*/
/*}*/

/*.connect_now .percentage_tabs .responsive-tabs .tab-content .card .card-body .text-cont{*/
/*    margin-left: 3rem;*/
/*}*/

.connect_now .percentage_tabs .responsive-tabs .tab-content .card .card-body .text-cont p.section-content {
    margin: 1.3rem 0 3rem;
}

.connect_now .percentage_tabs .responsive-tabs .nav-tabs {
    border: 0;
}

.connect_now .percentage_tabs .responsive-tabs .nav-tabs .nav-item {
    width: 25%;
}

.connect_now .percentage_tabs .responsive-tabs .nav-tabs .nav-item .nav-link {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    border: 0;
    border-top: 2px solid rgba(138, 149, 163, 0.45);
    border-radius: 0;
    padding-top: 20px;
    margin: 0 15px;
}

.connect_now .percentage_tabs .responsive-tabs .nav-tabs .nav-item .nav-link span {
    display: block;
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    margin-bottom: 1rem;
}

.connect_now .percentage_tabs .responsive-tabs .nav-tabs .nav-item .nav-link.active {
    border-color: #00E878;
    background: transparent;
}

/* connect now styling end */


/* faqs styling start */
.faqs {
    padding: 5rem 0;
    background: url("../img/faq_bg.png") no-repeat top 100% center;
}

.faqs .faqs_span {
    color: #00E878;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}

.faqs .accordion .accordion-item,
.faqs .accordion .accordion-body,
.faqs .accordion .accordion-button {
    background: transparent;
}

.faqs .accordion .accordion-button {
    border-radius: 10px;
    border: 1px solid rgba(0, 232, 120, 0.25);
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 8px 0;
}

.faqs .accordion .accordion-button:focus {
    box-shadow: none;
}

.faqs .accordion .accordion-button::after {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="9" viewBox="0 0 15 9" fill="none"><path d="M7.51716 8.58618C7.26563 8.58618 7.01414 8.49014 6.82238 8.29847L0.787903 2.26394C0.404032 1.88007 0.404032 1.25768 0.787903 0.873969C1.17162 0.490253 1.79388 0.490253 2.17778 0.873969L7.51716 6.21366L12.8566 0.874155C13.2404 0.490439 13.8626 0.490439 14.2463 0.874155C14.6304 1.25787 14.6304 1.88025 14.2463 2.26412L8.21194 8.29866C8.02008 8.49036 7.76859 8.58618 7.51716 8.58618Z" fill="%2300E878"/></svg>') no-repeat;
    position: absolute;
    top: 20px;
    right: 20px;
    transition: .5s;
}

.faqs .accordion .accordion-button:not(.collapsed) {
    background: #00E878;
    color: #070707;
}

.faqs .accordion .accordion-button:not(.collapsed)::after {
    filter: brightness(0);
    top: 10px;
}

/* faqs styling end */

/* subscription plan styling start */
.subscription_plan {
    padding: 5rem 0;
}

.subscription_plan .card {
    border-radius: 25px;
    /*border: 1px solid #B1B1B1;*/
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    padding: 20px;
}

.subscription_plan .card .card-header {
    /*display: flex;*/
    border-bottom: 1px solid #8A95A3;
    padding-bottom: 3rem;
    margin-bottom: 2rem;
}

.subscription_plan .card .card-header .left {
    width: 10%;
    margin-top: 7px;
}

.subscription_plan .card .card-header .right {
    width: 90%;
}

.subscription_plan .card .card-header .right h3 {
    color: #FFF;
    margin-left: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.subscription_plan .card .card-header .most_popular {
    border-radius: 0 0 25px 25px;
    /*border: 1px solid #B1B1B1;*/
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    text-align: center;
    padding: 12px 0;
}

.subscription_plan .card .card-header .most_popular p {
    color: #00E878;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
}

.subscription_plan .card .card-body {
    padding: 0 1rem;
}

.subscription_plan .card .card-body .text-content h4 {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 0;
}

.subscription_plan .card .card-body .text-content .try_us {
    color: #8A95A3;
    font-size: 13px;
    font-weight: 300;
    line-height: 23px;
}

.subscription_plan .card .card-body .text-content .price {
    color: #FFF;
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    margin: 2rem 0;
}

.subscription_plan .card .card-body .text-content .price span {
    color: #00E878;
    font-weight: 600;
}

.subscription_plan .card .card-body .text-content ul.card_list {
    list-style: none;
    padding: 0;
    margin-bottom: 3rem;
}

.subscription_plan .card .card-body .text-content ul.card_list li {
    color: #8A95A3;
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.subscription_plan .card .card-body .text-content ul.card_list li:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"><g clip-path="url(%23clip0_84_1914)"><path d="M12.2796 6.46373C12.5262 6.71026 12.5262 7.10988 12.2796 7.35629L8.04574 11.5903C7.79921 11.8367 7.39971 11.8367 7.15318 11.5903L5.13768 9.57469C4.89115 9.32828 4.89115 8.92866 5.13768 8.68225C5.38408 8.43572 5.78371 8.43572 6.03012 8.68225L7.5994 10.2515L11.3871 6.46373C11.6336 6.21732 12.0332 6.21732 12.2796 6.46373ZM16.787 9.02702C16.787 13.4923 13.1733 17.1053 8.70866 17.1053C4.24339 17.1053 0.630371 13.4917 0.630371 9.02702C0.630371 4.56175 4.24401 0.94873 8.70866 0.94873C13.1739 0.94873 16.787 4.56237 16.787 9.02702ZM15.5247 9.02702C15.5247 5.25943 12.4758 2.21096 8.70866 2.21096C4.94107 2.21096 1.8926 5.25992 1.8926 9.02702C1.8926 12.7946 4.94156 15.8431 8.70866 15.8431C12.4763 15.8431 15.5247 12.7941 15.5247 9.02702Z" fill="%2300E878"/></g></svg>');
    margin-right: 15px;
}

.subscription_plan .card .card-body .text-content .subscribe_now {
    border-radius: 14px;
    background: #00E878;
    color: #0E0E0E;
    border: 1px solid #00E878;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    width: 100%;
    padding: 10px 0;
    transition: .5s;
}

.subscription_plan .card .card-body .text-content .subscribe_now:hover {
    background: transparent;
    color: #fff;
    transition: .5s;
}

.subscription_plan .card .card-body .text-content .day_access {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    display: block;
    margin-top: 2rem;
}

/* subscription plan styling end */

/* Newsletter style start */
.newsletter {
    padding: 5rem 0;
}

.newsletter .profit_with_us {
    background-image: url("../img/newsletter_bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    border-radius: 25px;
    border: 1px solid #B1B1B1;
    background-color: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    padding: 4rem 0;
}

.newsletter .profit_with_us .text-cont span {
    color: #00E878;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}

.newsletter .profit_with_us .form-control {
    border-radius: 12px;
    opacity: 0.7;
    background: #1A233F;
    border: 1px solid #1A233F;
    padding: 15px 20px;
    color: #fff;
}

.newsletter .profit_with_us .form-control::placeholder {
    color: #8A95A3;
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
}

.newsletter .profit_with_us .form-control:focus {
    box-shadow: none;
    border: 1px solid #00E878;
}

.newsletter .profit_with_us .monthly_newsletter {
    text-align: center;
    margin-top: 4rem;
}

.newsletter .profit_with_us .monthly_newsletter button {
    background: transparent;
    border-radius: 14px;
    border: 1px solid #00E878;
    color: #00E878;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 15px 20px;
    transition: .5s;
}

.newsletter .profit_with_us .monthly_newsletter button:hover {
    background: #00E878;
    color: #0E0E0E;
    transition: .5s;
}

/* Newsletter style end */

/* footer style start */
footer .menu_links {
    display: flex;
    padding: 0;
    list-style: none;
    justify-content: center;
    margin: 20px 0;
}

footer .menu_links li {
    margin: 0 10px;
}

footer .menu_links li a {
    color: #8A95A3;
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
}

footer .menu_links li a:hover {
    color: #00E878;
}

footer .text-cont h3 {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    margin-bottom: 25px;
}

footer .social_links ul {
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

footer .social_links li {
    margin: 0 10px;
}

footer .reviews ul {
    justify-content: center;
    display: flex;
    padding: 0;
    list-style: none;
}

footer .reviews li {
    margin: 0 8px;
}

footer .copy_right {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}

footer .copy_right p,
footer .copy_right p a {
    text-decoration: none;
    color: #959595;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 0;
}

footer .copy_right p a {
    margin-left: 20px;
}

footer .copy_right p a:hover {
    color: #00E878;
}

/* footer style end */

/*profile page styling start*/
.profile_banner {
    background-image: url("../img/profile_bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 13rem 0;
    text-align: center;
}

.profile_banner .text-cont h1 {
    color: #FFF;
    font-size: 55px;
    font-weight: 700;
    line-height: 59px;
}

.look_at_how {
    padding: 5rem 0;
}

.look_at_how .text-cont a {
    border-radius: 14px;
    border: 1px solid #00E878;
    color: #00E878;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 15px 25px;
    text-decoration: none;
    display: inline-block;
    margin-top: 25px;
    transition: .5s;
}

.look_at_how .text-cont a:hover {
    background: #00E878;
    color: #0E0E0E;
    transition: .5s;
}

.subscription_section {
    padding: 7rem;
}

/*profile page styling end*/

/* login page styling start */
.login_your_account {
    padding: 5rem 0;
}

.login_your_account .card {
    border-radius: 25px;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    text-align: center;
    padding: 3rem;
}

.login_your_account .card .text-cont {
    margin-bottom: 3rem;
}

.login_your_account .card form .form-control {
    border-radius: 12px;
    opacity: 0.7;
    background: #1A233F;
    border: 1px solid #1A233F;
    margin-bottom: 15px;
    padding: 15px 20px;
    color: #fff;
}
.login_your_account .card form label {
    color: #fff;
}

.login_your_account .card form .form-control::placeholder {
    color: #8A95A3;
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
}

.login_your_account .card form .form-control:focus {
    box-shadow: none;
    border: 1px solid #00E878;
}

.login_your_account .card form .forgot_pass {
    color: #8A95A3;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    float: right;
}

.login_your_account .card form .login {
    border-radius: 14px;
    border: 1px solid #00E878;
    background: transparent;
    color: #00E878;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    padding: 13px 0;
    margin-top: 25px;
    transition: .5s;
}

.login_your_account .card form .login:hover {
    background: #00E878;
    color: #1A233F;
}

.login_your_account .card form p {
    color: #8A95A3;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    margin-top: 15px;
}

.login_your_account .card form p a {
    color: #00E878;
    text-decoration: none;
}

/* login page styling end */

/*about us page styling start */
.about_us_secction {
    padding: 5rem 0;
}

.about_us_secction .text-cont {
    text-align: center;
    margin-bottom: 5rem;
}

.about_us_secction .text-cont p.section-content span {
    color: #00E878;
}

.about_us_secction .box {
    border-radius: 25px;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    padding: 2rem 3rem;
    min-height: 300px;
    margin-bottom: 25px;
}

.about_us_secction .box .svg-content {
    width: 55px;
    height: 55px;
    border-radius: 6px;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

.about_us_secction .box .text-content h3 {
    color: #FFF;
    font-size: 25px;
    font-weight: 600;
    line-height: 38px;
}

.about_us_secction .profit_with_us {
    text-align: center;
    margin-top: 20px;
}

.about_us_secction .profit_with_us button {
    border-radius: 14px;
    border: 1px solid #00E878;
    background: transparent;
    padding: 15px 30px;
    color: #00E878;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    transition: .5s;
}

.about_us_secction .profit_with_us button:hover {
    background: #00E878;
    color: #1A233F;
}

/*about us page styling end */

/* media query start */

@media screen and (max-width: 1536px) {
    section.banner-sec {
        background-position: right -80px top;
    }
}

@media screen and (max-width: 1399px) {
    section.banner-sec {
        background-position: right -60px top;
    }

    .banner_main_para {
        font-size: 12px;
    }

    .banner_sub_heading {
        font-size: 25px;
    }
}

@media screen and (max-width: 1299px) {
    section.banner-sec {
        background-position: right -100px top;
    }
}

@media screen and (max-width: 1199px) {
    section.banner-sec {
        background-position: right -183px top -50px;
    }

    .banner_main_heading {
        font-size: 55px;
    }

    .banner_sub_heading {
        font-size: 20px;
        line-height: 30px;
    }

    .how_it_work .video-cont video {
        max-width: 100%;
        height: 100%;
    }

    .connect_now .percentage_tabs .responsive-tabs .nav-tabs .nav-item .nav-link {
        font-size: 14px;
        line-height: 19px;
    }

    .connect_now .percentage_tabs .responsive-tabs .nav-tabs .nav-item .nav-link span {
        margin-bottom: 0;
    }

    .subscription_plan .card .card-body .text-content .day_access {
        font-size: 14px;
        line-height: 24px;
        margin-top: 1rem;
    }

    .about_us_secction .box {
        min-height: 385px;
    }
}

@media screen and (max-width: 991px) {
    .navbar-toggler-icon {
        color: #fff;
    }

    nav.navbar.navbar-expand-lg {
        background: #1a233f;
        z-index: 1;
    }

    section.banner-sec {
        background-position: right -100px bottom;
        text-align: center;
    }

    .percentage_tabs .responsive-tabs .card .card-header {
        background: #2c3255;
        border-radius: 12px;
        margin-bottom: 10px;
    }

    .percentage_tabs .responsive-tabs .card .card-header h5 a {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 27px;
        text-decoration: none;
    }

    .percentage_tabs .responsive-tabs .card .card-header h5 a span {
        display: block;
    }

    .percentage_tabs .responsive-tabs .card .card-header [aria-expanded=true] {
        color: #00E878;
    }

    .section-title {
        font-size: 25px;
        line-height: 29px;
    }

    .subscription_plan .card {
        margin-bottom: 20px;
    }

    .about_us_secction .box .text-content h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .about_us_secction .box {
        padding: 2rem;
    }
}

@media screen and (max-width: 767px) {
    section.banner-sec {
        background-position: right -180px bottom -100px;
    }

    .how_it_work {
        padding: 2rem 0;
    }

    .about_us,
    .connect_now,
    .faqs,
    .look_at_how {
        padding: 2rem 0;
        text-align: center;
    }

    .connect_now .percentage_tabs .responsive-tabs .tab-content .card .card-body {
        text-align: center;
    }

    .connect_now .percentage_tabs .responsive-tabs .tab-content .card .card-body .img-cont {
        margin-bottom: 15px;
    }

    .subscription_plan, .newsletter, .newsletter .profit_with_us, .about_us_secction {
        padding: 2rem 0;
    }

    .newsletter .profit_with_us .form-control {
        margin-bottom: 10px;
    }

    .newsletter .profit_with_us .monthly_newsletter {
        margin-top: 1rem;
    }

    footer .copy_right {
        display: block;
        text-align: center;
    }

    footer .copy_right p a {
        margin: 0 10px;
    }

    .subscription_plan .card .card-header {
        padding-bottom: 1rem;
    }

    .section-content {
        font-size: 12px;
        line-height: 18px;
    }

    .profile_banner {
        padding: 10rem 0 5rem;
    }

    .profile_banner .text-cont h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .login_your_account .card {
        padding: 2rem;
    }

    .login_your_account .card .text-cont {
        margin-bottom: 1rem;
    }

    .login_your_account {
        padding: 2rem 0;
    }

    .about_us_secction .box {
        min-height: 285px;
    }

    .about_us_secction .text-cont {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 575px) {
    section.banner-sec {
        background-position: right -320px bottom -160px;
    }

    .banner_main_heading {
        font-size: 35px;
        line-height: 40px;
    }

    .banner_sub_heading {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .banner_main_para {
        line-height: 18px;
    }

    .how_it_work .video-cont {
        margin-top: 0;
    }

    .section-title {
        font-size: 22px;
        line-height: 25px;
    }

    .newsletter .profit_with_us .monthly_newsletter button {
        padding: 10px 16px;
    }

    footer .menu_links {
        flex-wrap: wrap;
    }

    .subscription_plan .card .card-header .right h3 {
        font-size: 18px;
        line-height: 26px;
    }
}

/* media query end */



.innerpage-section {
    color: #fff;
    /*margin-top: 10%;*/
    margin-bottom: 5%;
}
.innerpage-section form.pmpro_form input[type=text], form.pmpro_form input[type=password], form.pmpro_form input[type=email], form.pmpro_form input[type=number], form.pmpro_form textarea, form.pmpro_form select, #loginform input[type=text], #loginform input[type=password] {
    width: 98%;
    display: inline-block;
    max-width: 98%;
    border-radius: 12px;
    opacity: 0.7;
    background: #1A233F;
    border: 1px solid #1A233F;
    margin-bottom: 15px;
    padding: 15px 20px;
    color: #fff;
}

.innerpage-section .entry-content .pmpro_login_wrap {
    border-radius: 25px;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    padding: 3rem;
    width: 50%;
    margin: 100px auto 0 auto;
}

.innerpage-section .entry-content .pmpro_login_wrap .button-primary {
    width:100%;
    text-align:center;
}

ul.loggedin__user__menu {
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

ul.loggedin__user__menu li {
    display: table-cell;
    margin: 0px 10px;
    text-align: center;
    width:25%;
}

ul.loggedin__user__menu li a {
    text-decoration: none;
    color: #8A95A3;
    font-size: 18px;
    margin-bottom:20px;
}
ul.loggedin__user__menu .current-menu-item a {
    color: #00e878 !important;
}


.profiledrpdwn img {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 2px solid #00e878;
}
.profiledrpdwn:hover .dropdown-content-cst-elems{
    display: block;
}
.dropdown-content-cst-elems {
    width: 100px;
    text-align: center;
    position: absolute;
    left: -60px;
    padding: 10px;
    border-radius: 2px;
    border: 1px solid #B1B1B1;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    display: none;
}
.dropdown-content-cst-elems a {
    text-decoration: none;
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.innerpage-section .pmpro_box a {
    color: #00e878;
}

.innerpage-section input.pmpro_btn.pmpro_btn-submit {
    border-radius: 14px;
    border: 1px solid #00E878;
    color: #00E878;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 12px 25px;
    transition: .5s;
    background: transparent;
}
.innerpage-section input.pmpro_btn.pmpro_btn-cancel {
    color:#fff;
}

section.contact__us__form__wrapper {
    margin-bottom: 5%;
}

section.contact__us__form__wrapper .card {
    border-radius: 25px;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    padding: 3rem;
    margin-top: 100px;
}
section.contact__us__form__wrapper .card label{
    width:100%;
    color:#fff;
}
section.contact__us__form__wrapper .card .form-control {
    width: 100%;
    display: block;
    max-width: 100%;
    border-radius: 12px;
    opacity: 0.7;
    background: #1A233F;
    border: 1px solid #1A233F;
    margin-bottom: 15px;
    padding: 15px 20px;
    color: #fff;
}
section.contact__us__form__wrapper .card input.wpcf7-form-control.wpcf7-submit {
    border-radius: 14px;
    border: 1px solid #00E878;
    background: transparent;
    color: #00E878;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    padding: 13px 0;
    margin-top: 25px;
    transition: .5s;
}
section.contact__us__form__wrapper .card input.wpcf7-form-control.wpcf7-submit:hover {
    background: #00E878;
    color: #1A233F;
}

.pmpro_login_wrap input#wp-submit:hover {
    color: #1a233f;
    background: #00E878;
}
.pmpro_login_wrap input#wp-submit {
    color: #00E878;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    font-weight: 600;
    line-height: normal;
    background: transparent;
    border-radius: 14px;
    border: 1px solid #00E878;
    padding: 10px 20px;
    transition: .5s;
}
.innerpage-section .pmpro_btn-submit-checkout:hover {
    color: #1a233f;
    background: #00E878;
}
.innerpage-section .pmpro_btn-submit-checkout {
    color: #00E878;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    font-weight: 600;
    line-height: normal;
    background: transparent;
    border-radius: 14px;
    border: 1px solid #00E878;
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    transition: .5s;
}
.pmpro_checkout-fields span.pmpro_asterisk {
    position: absolute;
    left: 0;
    top: 0;
}

.pmpro_checkout-fields .pmpro_checkout-field {
    position: relative;
}

.pmpro_checkout-fields label {
    text-indent: 10px;
}

.editprofilechangeimage {
    border: 1px solid #00e878;
    border-radius: 100%;
    height: 100px;
    width: 100px;
}
.editprofileimageparent img.avatar.avatar-64.photo {
    border: 1px solid #00e878;
    border-radius: 100%;
    height: 100px;
    width: 100px;
}
.editprofileimageparent {
    position: relative;
    display: inline-block;
}

.editprofileimageparent span {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #1a233f;
    height: 25px;
    width: 25px;
    border-radius: 100%;
    line-height: 23px;
    text-align: center;
}

.editprofileimageparent span i {
    color: #fff;
    font-size: 12px;
}
.formFilecstcls_elm{
    display:none;
}
.editprofiledisplay_name {
    color: #FFF;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    margin-top:10px;
    margin-bottom:5px;
}
.editprofiledisplay_email {
    color: #8A95A3;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 12px;
}


.subscription_plan .unsubscribe_btn {
    border-radius: 14.002px;
    background: #00E878;
    color: #0E0E0E;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    width: 45%;
    text-align: center;
    padding: 15px;
}
.subscription_plan .view_details_btn {
    border-radius: 14px;
    border: 1px solid #B1B1B1;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    width:45%;
    padding: 15px;
    text-align: center;
}
ul.loggedin__user__menu li.nav-item a.nav-link.active {
    color: #00e878;
}
article#post-400 .entry-content {
    border-radius: 25px;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    text-align: left;
    padding: 3rem;
}
article#post-403 .entry-content {
    border-radius: 25px;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    text-align: left;
    padding: 3rem;
}
article.post-371.page.type-page.status-publish.hentry.pmpro-level-required.pmpro-level-1.pmpro-level-2.pmpro-level-3.pmpro-no-access .entry-content {
    border-radius: 25px;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    text-align: left;
    padding: 3rem;
    width: 60%;
    margin: 100px auto 0 auto;
} 
article.post-377.page.type-page.status-publish.hentry.pmpro-has-access .entry-content {
    border-radius: 25px;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    text-align: left;
    padding: 3rem;
} 
article#post-374 .entry-content {
        border-radius: 25px;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    text-align: left;
    padding: 3rem;
    width: 60%;
    margin: 100px auto 0 auto;
} 
article#post-373 .entry-content {
    border-radius: 25px;
    background: rgba(177, 177, 177, 0.10);
    backdrop-filter: blur(14px);
    text-align: left;
    padding: 3rem;
    width: 60%;
    margin: 100px auto 0 auto;
} 
article#post-373 .entry-content .pmpro_actionlinks a {
    border-radius: 14px;
    border: 1px solid #00E878 !important;
    background: transparent !important;
    color: #00E878 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    width: auto;
    padding: 13px 20px;
    margin-top: 25px;
    transition: .5s;
} 

article#post-371 .entry-content .pmpro_content_message a {
    border-radius: 14px;
    border: 1px solid #00E878 !important;
    background: transparent !important;
    color: #00E878 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    width: auto;
    padding: 13px 20px;
    margin-top: 25px;
    transition: .5s;
}
    
article#post-371 .entry-content .pmpro_content_message a:hover {
    color: #1a233f !important;
    background: #00E878 !important;
}
    
    
table#pmpro_levels_table a.pmpro_btn {
    border-radius: 14px;
    border: 1px solid #00E878;
    background: transparent;
    color: #00E878;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    padding: 13px 0;
    margin-top: 25px;
    transition: .5s;
}
table#pmpro_levels_table a.pmpro_btn:hover {
    background-color: #00E878;
    color: #1a233f;
}
    
article.post-377.page.type-page.status-publish.hentry.pmpro-has-access .entry-content #pmpro_levels_table .pmpro_btn{
    border-radius: 14px;
    border: 1px solid #00E878;
    background: transparent;
    color: #00E878;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    padding: 13px 0;
    margin-top: 25px;
    transition: .5s;
}
article.post-377.page.type-page.status-publish.hentry.pmpro-has-access .entry-content #pmpro_levels_table .pmpro_btn:hover {
    background-color: #00E878;
    color: #1a233f;
}
    
.loggedin__user__menu a.nav-link:hover {
    color: #00e878;
}
    
    
article.post-377.page.type-page.status-publish.hentry.pmpro-has-access p.pmpro_actions_nav a#pmpro_levels-return-account{
    border-radius: 14px;
    border: 1px solid #00E878;
    background: transparent;
    color: #00E878;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    padding: 13px 20px;
    margin-top: 25px;
    transition: .5s;
}
   
article.post-377.page.type-page.status-publish.hentry.pmpro-has-access p.pmpro_actions_nav a#pmpro_levels-return-account:hover {
    background-color: #00E878;
    color: #1a233f;
} 
    
    
   
article#post-374 .pmpro_checkout h2 span.pmpro_checkout-h2-name {
    display: inline-block;
    margin: 0 0.5rem 0rem 0;
    width: 100%;
}

article#post-374 .pmpro_checkout h2 span.pmpro_checkout-h2-msg {
    display: inline-block;
    margin: 0 0 30px 0;
}
